123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411 |
- body, div, p { margin: 0; padding: 0;}
- ul { list-style:none;}
- html { overflow: hidden;}
- body { width: 100%; *cursor: default;overflow: hidden; font-family: "黑体";}
- iframe{background: rgba(0,0,0,0);border-image-source: none;border-image-slice: none;border-image-width: none; border-image-outset: none;border-image-repeat: none; border-width: 0px;border-style: none;border-color: none;}
- img { vertical-align: top;}
- a,button,svg { outline:0 none !important;}
- a:active,button:active,svg:active {outline:0 none !important;}
- .undisplay{display:none;}
- #start_loading{width: 100%;height: 100%;background:rgba(31,31,31,1);z-index: 158;position:fixed;*position:absolute;top:0;left:0;}
- #start_loading img{width:241px; height:238px;position:absolute;top:50%;left:50%;margin: -119px auto auto -120px;}
- #ascrail2017 ,#ascrail2018,#ascrail2016,#ascrail2015{display: none;}
- .font-btn{width: 108px;height: 40px;position: absolute;top: 10px;right: 52px;z-index:7;}
- .font-btn span{ display:block; float:left; margin-right:10px; padding:4px 0px; cursor:pointer;}
- .font-btn span img{width: 40px;}
- #vip{z-index: 8;}
- #pageContain { overflow: hidden;}
- .page { display: none; width: 100%; height: 100%; overflow: hidden; position: absolute; top: 0; left: 0;}
- .contain { width: 100%; height: 100%; display: none; position: relative; z-index: 0;}
- .current .contain, .slide .contain { display: block;}
- .current { display: block; z-index: 1;}
- .slide { display: block; z-index: 2;}
- .swipe { display: block; z-index: 3; transition-duration: 0ms !important; -webkit-transition-duration: 0ms !important;}
- .page1,.page2,.page3,.page4,.page5,.page6,.page7,.page8,.page9,.page10,.page11,.page12,.page13,.page14,.page15{ background: #111;}
- .page16 { background: #000;z-index: 6;}
- .ftr{float: right;padding:5px 0px 5px 10px;}
- .ftl{float: left;padding:5px 10px 5px 0px;}
- .landing_arrow,.share_box ul li .facebook,.share_box ul li .gplus,.share_box ul li .mail,.share_box ul li .twitter,.share_icon,.share_kink {
- background-image:url(../images/delhi_sprite.png)}
- #navBar { z-index: 6; position: fixed; top: -20px; left:-78px;width: 0px;}
- #navBar li { cursor: pointer; margin-bottom: 10px; transition: all .7s ease; border-radius: 50%;text-align: center; width: 40px; height: 40px;}
- .txt { margin-top: 20%; font-size: 50px; color: #fff; text-align: center;}
- .frontpage_hero {width: 100%;height: 100%;overflow: hidden;position: relative;z-index: 157;}
- .frontpage_hero video {position: absolute;top: 50%;left: 50%;width:1920px;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);z-index: 2;}
- .frontpage_hero iframe{width: 100%;height: 100%;z-index: 999;}
- .frontpage_hero p {font-size: 1.8em;padding: 0.4em 0 0.4em 0;font-weight: 500;font-family: "楷体";}
- audio, video {display: inline-block;*display: inline;*zoom: 1;}
- .frontpage_hero .cta.fw {top:0;}
- .frontpage_hero .cta { position: absolute;top: 0px;left: 0;width: 100%;height:100%;z-index: 232;color: #FFF;}
- .frontpage_hero .cta .container{width: 100%;margin:20% auto; text-align: center;}
- .frontpage_hero .overlay { position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 4;background-color: rgba(110,110,110,0);}
- .frontpage_hero .cta .container h1{font-weight:bold;letter-spacing: 2px;font-family:"黑体";font-size: 80px;}
- .frontpage_hero .cta .container p{letter-spacing: 2px;}
- .frontpage_hero iframe {width: 100%;height: 100%;z-index: 999;}
- /*********************************问题页面**********************************/
- .font{font-size: 16px;}
- .model_container .font{font-size: 14px;}
- .font19{font-size: 19px;line-height: 30px;}
- .forgein-circle .font19{font-size: 21px;}
- .circle {-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: transform;transition-property: transform;-webkit-transform: translateZ(0);transform: translateZ(0);transition: all 0.3s ease-in-out 0s;}
- .circle:hover, .circle:focus, .circle:active {background:rgba(172,43,43,0.4);}
- #nav{width:1200px;height:900px;overflow:hidden; position: absolute;margin: -450px auto auto -600px;top: 50%;left: 50%;}
- #menu{float: right;}
- .a0 div,.a1 div,.a2 div,.a3 div,.a4 div,.a5 div,.a6 div,.a7 div,.a8 div{background:#1e1d1d;width:240px;line-height:240px;display:block;margin:5px 15px;text-align:center;font-size:24px;font-family:"黑体";float:left;opacity:0.3;border-radius:120px;cursor:pointer;color:#bbb;}
- .a0{position:absolute;top:95px;left:0px;background: url(../images/a0.png) no-repeat center center; }
- .a1{position:absolute;top:95px;left:300px;background: url(../images/a1.png) no-repeat center center; }
- .a2{position:absolute;top:95px;left:600px;background: url(../images/a2.png) no-repeat center center; }
- .a3{position:absolute;top:360px;left:150px;background: url(../images/a3.png) no-repeat center center; }
- .a4{position:absolute;top:360px;left:450px;background: url(../images/a4.png) no-repeat center center; }
- .a5{position:absolute;top:360px;left:760px;background: url(../images/a5.png) no-repeat center center; }
- .a6{position:absolute;top:600px;left:300px;background: url(../images/a6.png) no-repeat center center; }
- .a7{position:absolute;top:600px;left:600px;background: url(../images/a7.png) no-repeat center center; }
- .a8{position:absolute;top:95px;left:900px;background: url(../images/a8.png) no-repeat center center; }
- #name{position:relative;}
- .nr{position:absolute;left:365px;color:#858585;font-size:30px;top:-1300px;padding: 10px;line-height: 30px;background: #111;}
- .ys{padding-top: 10px;width:700px;line-height: 24px;letter-spacing: 1px;height: 840px;overflow:hidden;}
- .ys p{font-family: "黑体";text-indent: 2em;}
- .img-circle{border-radius: 500px;}
- .aaays{width:200px;height:40px;background:#000;color:#FFF;font-size:25px;text-align:center;opacity:0.1;position:absolute;top:200px;line-height:40px;display:none;}
- #dang{position:absolute;left:0px;top:0px;width:0%;height:1%;}
- .item{position: relative;height:800px;overflow: hidden;overflow-y: hidden;outline: none; padding-right: 20px;}
- .close{width:16px;height:16px;background:url(../images/close16.png) no-repeat center center;float: right;cursor:pointer;}
- #red{ background:rgba(172,43,43,1);color:rgba(255,255,255,1);pointer-events: none; }
- .HowToSound img{width: 500px;}
- .HowToMake img{width:220px;}
- .HowToMake p{width: 680px;}
- .how-maker-1{margin: 20px 50px 20px 90px}
- .how-maker-2{margin: 20px 50px}
- .how-maker-3{margin: 10px 255px;}
- .forgein-circle{width:500px;height: 500px;border-radius: 500px;background: #1b1b1b;margin: 50px 0px;padding: 100px;font-size: 19px;}
- .margin160{margin-top: 105px;}
- .WhatIsJew{width: 660px;height: 800px;background: url(../images/q5-1.png) no-repeat center center;}
- .WhatIsJew p {margin: 300px 70px;font-size:19px;}
- #modal-1 .md-content > div {padding:0px;}
- #modal-2 .md-content,#modal-4 .md-content{text-align: center;}
- #modal-2 .md-content img{margin: 60px auto;width: 600px;}
- #modal-3 .md-content > div {width: 100%;height: 100%;}
- #modal-4 .md-content > div.md-content-map img{width:65%;}
- #modal-4 .md-content > div.md-content-map a{text-decoration: none;color:#fff;cursor: pointer;margin: 2% 0;display: block;}
- #modal-5 .md-content > div {padding:0px;}
- #modal-6 .md-content > div {padding:0px;}
- /***********************************视频***************************************/
- .htmleaf-container{width:1500px;height:700px;margin:-350px auto auto -750px;text-align: center;position: absolute;top: 50%;left: 50%;}
- .htmleaf-container .item{height:390px;overflow-y: hidden;outline: none;line-height:24px;}
- .htmleaf-container ul{-webkit-padding-start: 0px;}
- .background {position: absolute;font-family: Courier;background:#111;top:100px;}
- .background video{width:750px;}
- .cloud ,.cloud_1,.cloud_2,.cloud_3,.cloud_4,.cloud_5,.cloud_6,.cloud_7,.cloud_8{margin-top:-20px;margin-left: 220px;width:550px; height: auto;z-index: 2;opacity: 1;}
- .cloud_1,.cloud_5{right: 200px;top: 240px;width: 300px;color: #999999;text-align: left;position: absolute;text-align:justify;}
- .cloud_8{right: 120px;top: 240px;width: 350px;color: #999999;text-align: left;position: absolute;}
- .cloud_2{margin-left:160px;margin-top: 0px;width: 300px;}
- .cloud_3,.cloud_3_1{left: 580px;top: 350px;width: 300px;color: #999;position: absolute;text-align: left;}
- .cloud_3_1{width: 420px;left: 800px;top: 320px;}
- .cloud_4{margin-left: 150px;margin-top: -90px;}
- .cloud_6{width: 500px;margin-top: -70px;margin-left: 300px;}
- .cloud_7{margin-top: -50px;margin-left: 300px;width: 650px;}
- .cloud_1,.cloud_3,.cloud_5,.cloud_8,.cloud_3_1{height:380px;overflow: hidden;}
- .tabs {position: relative;overflow: hidden;margin: 0 auto;width: 100%;}
- .tabs nav ul {position: relative;display: -ms-flexbox;display: -webkit-flex;display: -moz-flex;display: -ms-flex;
- display: flex;max-width: 166px;height:18px;margin:5px;list-style: none;-ms-box-orient: horizontal;-ms-box-pack: center;-webkit-flex-flow: row wrap;-moz-flex-flow: row wrap;
- -ms-flex-flow: row wrap;flex-flow: row wrap;-webkit-justify-content: center;-moz-justify-content: center;-ms-justify-content: center;justify-content: center;}
- .tabs nav ul li {position: relative;z-index: 1;display: block;margin: 0px 0px 0px -5px;text-align: center;-webkit-flex: 1;-moz-flex: 1;-ms-flex: 1;flex: 1;}
- .tabs nav a {position: relative;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 2.5;width: 14px;}
- .tabs nav a span {display: block;width: 10px;height: 10px;border: 2px solid #510404;}
- .tabs nav li.tab-current a {color: #74777b;}
- .tabs nav li.tab-current span{background:rgba(172,43,43,1);}
- .tabs nav a:focus {outline: none;}
- .content-wrap {position: relative;border: 2px solid #510404;}
- .content-wrap section {display: none;margin: 0 auto;height:atuo;text-align: center;}
- .content-wrap section.content-current {display: block;}
- span.font{font-size: 18px;display: block;margin-bottom: 10px;}
- /*************************************侧边导航条******************************************/
- .card-holder {width: 0px;position: fixed;top: 50px; z-index: 4; }
- .card-wrapper {display: inline-block;float: right;clear: both;}
- .card {position: relative;left: 6px;padding: 16px 18px 16px 18px;margin: 0px;background: #fff;
- x-box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.5);box-shadow: 8px 0 8px -8px rgba(0, 0, 0, 0.5);
- transition: all 0.3s ease-in-out 0.1s;}
- .card:hover {position: relative;left: 100%;margin-left: -6px;box-shadow:
- 0 -8px 8px -8px rgba(0, 0, 0, 0.5),0 8px 8px -8px rgba(0, 0, 0, 0.5);transition: all 0.3s ease-in-out;}
- .card-content {display: inline-block;color: #fff;font-size: 16px;white-space: nowrap;}
- .bg-01 { background: #ac2b2b; }
- .bg-02 { background: #9d1617; }
- .bg-03 { background: #88090a; }
- .bg-04 { background: #700707; }
- .bg-05 { background: #5a0506; }
- .bg-06 { background: #4a0405; }
- .bg-07 { background: #360303; }
- .bg-08 { background: #582204; }
- .bg-09 { background: #883a05; }
- .bg-10 { background: #aa4908; }
- .bg-11 { background: #ce5605; }
- .bg-12 { background: #c0820a; }
- .bg-13 { background: #cb8c12; }
- .bg-14 { background: #db9611; }
- .bg-15 { background: #f2a30b; }
- /***************************地球*****************************************/
- .ball{width:200px;height:200px;position:absolute;/*top:50%;left:50%;*/margin:-100px 0 0 -100px;}
- .ball1, .ball2, .ball3, .center{position:absolute;left:50%;top:50%;margin:-25px 0 0 -25px;width:50px;height:50px;border-radius:25px;border: 1px solid #ccc;}
- .center-ball{position:absolute;left:50%;top:50%;margin:-40px 0 0 -40px;width:80px;height:80px;border-radius:40px;background:#ccc;text-align:center;line-height:80px;color:#EAEAEA;font-size:16px;font-family:'';cursor:pointer;}
- .ball1{-webkit-animation:ball 2s linear infinite;animation:ball 2s linear infinite;}
- .ball2{-webkit-animation:ball 2s linear 0.8s infinite;animation:ball 2s linear 0.8s infinite;}
- .ball3{-webkit-animation:ball 2s linear 1.6s infinite;/* Safari and Chrome */animation:ball 2s linear 1.6s infinite;}
- @-webkit-keyframes ball{ /* Safari and Chrome */
- from{opacity:1;-webkit-transform:scale(0);}
- to{opacity:0;-webkit-transform:scale(3);}
- }
- @keyframes loop {
- 0% { background-position: 0 0; }
- 100%{ background-position: 500px 0;}
- }
- @-webkit-keyframes loop {
- 0% { background-position: 0 0; }
- 100%{ background-position: 500px 0;}
- }
- .earth{background: url(../images/terra.jpg) repeat-x 0 0;border: 1px solid rgba(26,18,101,0.3);
- border-radius: 80px; box-shadow: -8px 0 25px rgba(256,256,256,0.3), -1px -2px 14px rgba(256,256,256,0.5) inset;
- height: 80px; width: 80px;animation: loop 20s linear infinite;-webkit-animation: loop 20s linear infinite;}
- .earth::after{background: url(../images/terra.jpg) repeat-x 0 0;border: 1px solid rgba(26,18,101,0.3);
- border-radius: 80px; box-shadow: -8px 0 25px rgba(256,256,256,0.3), -1px -2px 14px rgba(256,256,256,0.5) inset;
- height: 80px; width: 80px;animation: loop 20s linear infinite;-webkit-animation: loop 20s linear infinite;}
- .maker-container{width: 100%;height: 100%; z-index: 4; }
- .video-bg{width: 100%;height: 100%;position: absolute;}
- .maker1{background:url(../images/maker1.jpg) no-repeat center right;background-size: cover;}
- .maker2{background:url(../images/maker2.jpg) no-repeat center right;background-size: cover;}
- .maker3{background:url(../images/maker3.jpg) no-repeat center right;background-size: cover;}
- .maker-box{width: 350px;min-height: 500px;margin:150px auto auto 50px; position: absolute;}
- .maker-img img{width: 300px;}
- .maker-txt{width: 320px;margin: 0 auto;color: #999;height: 400px;overflow: hidden;line-height: 24px;}
- .maker-txt h2{font-size: 16px;font-family: "黑体"}
- #m1,#m2,#m3{width: 75px;height: 75px;display: block;border-radius: 5px;cursor: pointer;}
- #modal-7 .maker-box,#modal-8 .maker-box,#modal-9 .maker-box{margin: 0px;top: 80px;left: 50px;}
- .model_container{width:80%;margin: 7% 10%;position: absolute;}
- .title_bg{width: 60%;height:290px;background: url(../images/endbg.png) no-repeat center left #363636;}
- .title_bg ul {width:110px;margin-left: 42%;padding:0px 10px;position: absolute;float: left;z-index: 89;}
- .title_bg ul li{width: 72px;height:79px;margin:8px 20px;}
- .title_bg ul li img{width: 75px;}
- .title-txt{float: left;width: 550px;margin-left:53%;margin-top:-80px;color: #858585;font-family: "黑体";font-size: 18px;line-height: 28px;}
- .title-txt h2{font-size: 24px;width: 80px;height: 30px;}
- .title-txt p{text-indent: 2em;}
- #mymodel{position: absolute;top: -8px;left:-100px;width:860px;height:760px;z-index: 88;background:rgba(0,0,0,0);}
- .model1_txt,.model2_txt,.model3_txt{float: left;width: 500px;margin-left:52%;margin-top:50px;color: #858585;height:620px;font-size: 14px;line-height: 24px;font-family: "黑体";}
- .model2_txt{margin-top:140px;}
- .model3_txt{margin-top:210px;}
- .model1_txt h2,.model2_txt h2,.model3_txt h2{font-size: 14px;font-weight: normal;}
- .model1_txt img,.model2_txt img,.model3_txt img {float: left;width: 60px;margin-right: 10px;}
- .txt_title{margin-bottom: 20px;}
- .last_txt{width: 420px;float: left;}
- #return-btn{width:75px;height:75px;position: absolute;border: 2px solid rgb(172, 43, 43);cursor: pointer;}
- #return-btn img{width: 75px;}
- /******************分辨率1600***********************/
- @media screen and (max-width: 1600px) {
- .font{font-size: 14px;}
- .ys .font{font-size: 14px;}
- .font19{font-size: 14px;line-height: 24px;}
- .forgein-circle .font19{font-size: 16px;color: #fff;}
- .model_container .font { font-size: 14px;}
- .frontpage_hero .cta .container{margin:10% auto; }
- .frontpage_hero p img{width:300px;margin-top:50px;}
- #nav{width:860px;height:620px;margin:-310px auto auto -430px;}
- .a0 div,.a1 div,.a2 div,.a3 div,.a4 div,.a5 div,.a6 div,.a7 div,.a8 div{width:180px;height:180px;line-height:180px;font-size:20px;border-radius:90px;}
- .a0{top:35px;left:20px;background: url(../images/a0_16.png) no-repeat center center; }
- .a1{top:35px;left:220px;background: url(../images/a1_16.png) no-repeat center center; }
- .a2{top:35px;left:420px;background: url(../images/a2_16.png) no-repeat center center; }
- .a3{top:225px;left:120px;background: url(../images/a3_16.png) no-repeat center center; }
- .a4{top:225px;left:320px;background: url(../images/a4_16.png) no-repeat center center; }
- .a5{top:225px;left:520px;background: url(../images/a5_16.png) no-repeat center center; }
- .a6{top:415px;left:220px;background: url(../images/a6_16.png) no-repeat center center; }
- .a7{top:415px;left:420px;background: url(../images/a7_16.png) no-repeat center center; }
- .a8{top:35px;left:620px;background: url(../images/a8_16.png) no-repeat center center; }
- .nr{position:absolute;left:215px;color:#858585;font-size:25px;top:-1000px;padding: 15px;line-height: 28px;}
- .ys{padding-top: 10px;width:520px;line-height: 20px;height: 550px;overflow: hidden;letter-spacing: 0px;}
- .ys p{text-indent: 2em;}
- .font-btn {height: 30px;}
- .Legend img{width: 150px;}
- .HowToSound img{width: 300px;margin: 0 150px;}
- .HowToMake img{width:150px;}
- .HowToMake p{width: 800px;}
- .how-maker-1{margin: 20px 50px 20px 40px}
- .how-maker-2{margin: 20px 50px}
- .how-maker-3{margin: 10px 160px;}
- .forgein-circle{width:350px;height: 350px;border-radius: 350px;background: #1b1b1b;margin: 0px;padding: 85px;}
- .margin160{margin-top: 70px;}
- .forgein-circle img{width: 40px;}
- .WhatIsJew{width:500px;height: 550px;background: url(../images/q5-1.png) no-repeat top center;background-size: contain;}
- .WhatIsJew p {margin: 200px 10px;font-size: 14px;}
- .HowToUse img{width: 140px;}
- .WhatIsLike img{width: 125px;}
- #modal-1 .md-content > div {padding:0px;}
- #modal-2 .md-content,#modal-4 .md-content{text-align: center;}
- #modal-2 .md-content img{margin: 30px auto;width: 420px;}
- #modal-4 .md-content > div.md-content-map img {width: 60%;}
- #modal-5 .md-content > div {padding:0px;}
- .aaays{width:200px;height:40px;background:#000;color:#FFF;font-size:25px;text-align:center;opacity:0.1;position:absolute;top:200px;line-height:40px;display:none;}
- .font{font-size:13px;}
- .htmleaf-container{width: 1200px;height: 560px;margin: -280px auto auto -600px;}
- .item{position: relative;height:580px;overflow: hidden;overflow-y: hidden;outline: none; line-height:21px;padding-right: 20px;}
- .htmleaf-container .item{height:350px;overflow-y: hidden;outline: none; }
- .maker-container .item{height:350px;overflow-y: hidden;outline: none; }
- .background {top: 70px;}
- .content-wrap section {width:650px;height:400px;}
- .cloud ,.cloud_1,.cloud_2,.cloud_3,.cloud_4,.cloud_5,.cloud_6,.cloud_7,.cloud_8{margin-top:0px;margin-left:200px;width:420px;}
- .cloud_1{right:160px;top:180px;width: 240px;font-size: 13px;position: absolute;}
- .cloud_2{margin-left: 210px;margin-top: 0px;width: 220px;}
- .cloud_3,.cloud_3_1{left: 480px;top: 240px;width: 255px;color: #999;position: absolute;text-align: left;}
- .cloud_3_1{width: 300px;left: 680px;top: 240px;}
- .cloud_4{margin-left: 160px;margin-top: -20px;width: 420px;}
- .cloud_5{top: 160px;width: 240px;right: 160px;position: absolute;}
- .cloud_6{width: 400px;margin-top: -20px;margin-left:260px;}
- .cloud_7{margin-top: -10px;margin-left: 300px;width: 520px;}
- .cloud_8{top: 160px;width: 240px;right: 100px;position: absolute;}
- .cloud_1,.cloud_3,.cloud_5,.cloud_8,.cloud_3_1{height:300px;overflow-y:auto;}
- .background video{width:650px;}
- .card {padding: 8px 18px 8px 9px;}
- .maker-box{margin:20px auto auto 50px;}
- .maker-img img{width: 200px;}
- #navBar { top: -25px;}
- #navBar li { height: 3px;}
- #m1,#m2,#m3{width: 55px;height: 55px;display: block;}
- .model_container{margin: 3% 10%;}
- .title_bg{width: 60%;height:192px;background: url(../images/endbg.png) no-repeat center left #363636;}
- #mymodel{position: absolute;top:-6px;left:-50px;width:568px;height:550px;}
- .title_bg ul {width:110px;margin-left:42%;padding: 10px;position: absolute;float: left;z-index: 89;}
- .title_bg ul li{width: 65px;height:65px;margin: 5px 20px;}
- .title_bg ul li img{width: 55px;}
- .title-txt{float: left;width: 500px;margin-left:52%;margin-top:-50px;color: #858585;height:540px;overflow-y: scroll;font-size: 15px;}
- .title-txt h2{font-size: 22px;width: 80px;height: 20px;}
- .title-txt p{text-indent: 2em;}
- .model1_txt,.model2_txt,.model3_txt{float: left;width: 500px;margin-left:52%;margin-top:30px;color: #858585;height:540px;}
- .model1_txt img,.model2_txt img,.model3_txt img{width:40px;}
- span.font{font-size: 16px;display: block;margin-bottom: 8px;}
- #return-btn{width:55px;height: 55px;position: absolute;}
- #return-btn img{width: 55px;}
- }
- /******************分辨率1280***********************/
- @media screen and (max-width:1285px) {
- .font{font-size: 13px;}
- .ys .font{font-size: 13px;}
- .font19{font-size: 13px;line-height: 21px;}
- .forgein-circle .font19{font-size: 15px;color: #fff;}
- .model_container .font {font-size: 13px;}
- #navBar {top: -30px;}
- #navBar li { margin-bottom:0px;height: 30px;}
- .frontpage_hero .cta .container {margin: 8% auto;}
- #nav{width:800px;height:600px;margin: -300px auto auto -400px;}
- .a0 div,.a1 div,.a2 div,.a3 div,.a4 div,.a5 div,.a6 div,.a7 div,.a8 div{width:160px;height:160px;line-height:160px;font-size:17px;border-radius:85px;}
- .a0{top:35px;left:0px;background: url(../images/a0_12.png) no-repeat center center; }
- .a1{top:35px;left:200px;background: url(../images/a1_12.png) no-repeat center center; }
- .a2{top:35px;left:400px;background: url(../images/a2_12.png) no-repeat center center; }
- .a3{top:205px;left:100px;background: url(../images/a3_12.png) no-repeat center center; }
- .a4{top:205px;left:300px;background: url(../images/a4_12.png) no-repeat center center; }
- .a5{top:205px;left:500px;background: url(../images/a5_12.png) no-repeat center center; }
- .a6{top:380px;left:200px;background: url(../images/a6_12.png) no-repeat center center; }
- .a7{top:380px;left:400px;background: url(../images/a7_12.png) no-repeat center center; }
- .a8{top:35px;left:600px;background: url(../images/a8_12.png) no-repeat center center; }
- .nr{position:absolute;left:195px;color:#858585;font-size:24px;top:-1000px;padding: 15px;line-height: 28px;}
- .ys{padding-top: 8px;width:530px;line-height: 20px;}
- .font-btn {height: 30px;}
- .HowToSound img{width: 240px;margin: 0 150px;}
- .HowToMake img{width:150px;}
- .HowToMake p{width: 500px;}
- .how-maker-1{margin: 20px 50px 20px 60px}
- .how-maker-2{margin: 20px 50px}
- .how-maker-3{margin: 10px 180px;}
- .forgein-circle{width:300px;height: 300px;border-radius: 300px;background: #1b1b1b;margin: 0px 20px;padding: 85px;}
- .margin160{margin-top: 30px;}
- .forgein-circle img{width: 40px;}
- .WhatIsJew{width: 500px;height: 500px;background: url(../images/q5-1.png) no-repeat top center;background-size: contain;}
- .WhatIsJew p {margin: 180px 20px;font-size: 13px;}
- .HowToUse img{width: 140px;}
- .WhatIsLike img{width: 125px;}
- #modal-1 .md-content > div {padding:0px;}
- #modal-2 .md-content,#modal-4 .md-content{text-align: center;}
- #modal-2 .md-content img{margin: 20px auto;width: 400px;}
- #modal-5 .md-content > div {padding:0px;}
- .font{font-size:13px;}
- .htmleaf-container{width: 960px;height: 480px;margin: -240px auto auto -480px;}
- .item {position: relative;height:520px;overflow: hidden;overflow-y: hidden;outline: none;line-height: 20px;padding-right: 20px;}
- .htmleaf-container .item{height:350px;overflow-y: hidden;outline: none; }
- .maker-container .item{height:350px;overflow-y: hidden;outline: none; }
- .background{top:20px;}
- .cloud ,.cloud_1,.cloud_2,.cloud_3,.cloud_4,.cloud_5,.cloud_6,.cloud_7,.cloud_8{margin-top:-20px;margin-left:380px;width:380px;}
- .cloud_1{right:0px;top:180px;width: 230px;position: absolute;}
- .cloud_2{margin-left: 350px;margin-top: -50px;width: 170px;}
- .cloud_3,.cloud_3_1{left: 300px;top: 180px;width: 255px;color: #999;position: absolute;text-align: left;font-size: 13px;}
- .cloud_3_1 {width: 275px;left: 670px;top: 140px;}
- .cloud_4{margin-left: 295px;margin-top: -20px;width: 370px;}
- .cloud_5{top: 100px;width: 230px;right: 0px;position: absolute;font-size: 13px;}
- .cloud_6{width: 330px;margin-top: -20px;margin-left: 370px;}
- .cloud_7{margin-top: -20px;margin-left: 380px;width: 470px;}
- .cloud_8{top: 128px;width: 230px;right: 0px;position: absolute;font-size: 13px;}
- .cloud_1,.cloud_3,.cloud_5,.cloud_8,.cloud_3_1{height:300px;overflow-y:auto;}
- .background video{width:580px;}
- .card-holder {top:20px;}
- .card {padding: 6px 15px 6px 15px;}
- .maker-box{margin:20px auto auto 50px;}
- .maker-img img{width: 200px;}
- .maker-txt {width:300px;font-size: 12px;height:380px;overflow-y: auto;}
- #m1,#m2,#m3{width: 50px;height: 50px;display: block;}
- .title_bg ul {width:110px;margin-left:45%;padding: 10px;position: absolute;float: left;z-index: 89;}
- .title_bg ul li{width: 55px;height:55px;margin: 5px 20px;}
- .title_bg ul li img{width: 50px;}
- .title_bg{width: 60%;height:174px;background: url(../images/endbg.png) no-repeat center left #363636;}
- #mymodel{position: absolute;top: -5px;left:0px;width:548px;height:500px;}
- .title-txt{float: left;width: 440px;margin-left:55%;margin-top:-40px;color: #858585;font-family: "黑体";font-size: 14px;}
- .title-txt h2{font-size: 20px;width: 80px;height: 10px;}
- .title-txt p{text-indent: 2em;}
- .model1_txt,.model2_txt,.model3_txt{float: left;width: 500px;margin-left:56%;margin-top:90px;color: #858585;height:540px;}
- .model2_txt{margin-top: 80px;}
- .model1_txt img,.model2_txt img,.model3_txt img{width:38px;}
- span.font{font-size: 15px;display: block;margin-bottom: 7px;}
- #return-btn{width:50px;height: 50px;position: absolute;}
- #return-btn img{width: 50px;}
- }
- .landing_arrow {
- width:22px;
- height:26px;
- margin:auto;
- position:absolute;
- bottom:20px;
- left:50%;
- margin-left:-22px;
- z-index: 6;
- -webkit-animation:landing_arrow_anim 1s infinite;
- -moz-animation:landing_arrow_anim 1s infinite;
- -o-animation:landing_arrow_anim 1s infinite;
- animation:landing_arrow_anim 1s infinite;
- cursor:pointer
- }
- @-webkit-keyframes landing_arrow_anim {
- 0%,100% {
- bottom:12px
- }
- 50% {
- bottom:23px
- }
- }
- @-moz-keyframes landing_arrow_anim {
- 0%,100% {
- bottom:12px
- }
- 50% {
- bottom:23px
- }
- }
- @-o-keyframes landing_arrow_anim {
- 0%,100% {
- bottom:12px
- }
- 50% {
- bottom:23px
- }
- }
- @keyframes landing_arrow_anim {
- 0%,100% {
- bottom:12px
- }
- 50% {
- bottom:23px
- }}
- /***************************音频********************************/
- #audio-6{width: 100%;height: 100%;position: absolute;}
|