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;}