@charset "utf-8";
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;clear:both;}
.clearfix{display:block}
.clearfix:before{content: '';display: block;}
ul,li{ list-style:none;}
* html .clearfix{height:1%}
.clear{ clear:both;}
a{text-decoration:none;}
a:hover{text-decoration:none;}
img{ margin:0; padding:0;width:100%; vertical-align:top}
body{ font-family:"微软雅黑"; font-size:12px; line-height:1.3em;color:#FFF; max-width:640px; margin:0 auto;}
.rel{ position:relative}
.abs{ position:absolute}
.fl{ float:left}
.fr{ float:right}
@media screen and (max-device-width:320px){body{-webkit-text-size-adjust:none}}@media screen and (max-device-width:480px){body{-webkit-text-size-adjust:none}}@media only screen and (-webkit-min-device-pixel-ratio:2){body{-webkit-text-size-adjust:none}}@media only screen and (min-device-width:768px) and (max-device-width:1024px){body{-webkit-text-size-adjust:none}}

.mainbj{ margin:0 auto; width:100%; height:100%;overflow:hidden; }
.banner{width:100%;position:relative;overflow: hidden; }
.banner .ban{ left:0; top:0rem;}
.main{ width:100%; height:100%;overflow:hidden; position:relative;}
.zix{ width:43%; margin:3% auto; animation:3s flash infinite}
.zix1{ width:80%; margin:0 auto; animation:3s flash infinite; display:block; padding-top:5%}
.title{ width:100%; margin:5% 0;}
.xx{ width:10%; margin:3% auto;}


@-webkit-keyframes flash{
	0%,100%,50%{opacity:1}25%,75%{opacity:0}
	}

@keyframes flash{
	0%,100%,50%{opacity:1}25%,75%{opacity:0}
	}
.flash{-webkit-animation-name:flash;animation-name:flash}


.xm{ width:23.5%; top:16%; left:38.4%}
.jiej{ width:100%; left:0; top:0}
.jiej2{ top:24%}
.jiej3{ top:39%}
.jiejbj{ background:#130b4a}

.b3-2{ width:92%; left:3.5%; top:0.5%; position:absolute;}
.tabs1{ width:34% ; z-index:10; height:8.5%;overflow: hidden; position:absolute; left:10%; top:5%;}
.tabs1_1{ width:100%; height:100%; top:0; left:0; position:absolute;}
.tabs1 b{ width:48%; display: inline-block; color:#0d0634; height:100%; float:left; text-align:center; font: bold 1em/2em "微软雅黑"; background:url("../images/tg_abj.jpg") no-repeat; background-size:100% 100%}
.tabs1 b.active{ width:48%; height:100%; background:url("../images/tg_abj1.jpg") no-repeat; background-size:100% 100%}
/*.tabs1 a .sp1{ position:absolute;top:7.4%;left:14.27%;width:20%; height:32.7%; background:url("../images/mg_gl1_1.png.html") no-repeat; background-size:100% 100%;}
.tabs1 a .sp2{ position:absolute;bottom:7.4%; left:14.27%; width:20%; height:32.7%; background:url("../images/mg_gl2_1.png.html") no-repeat; background-size:100% 100%;}
.tabs1 a .sp3{ position:absolute; bottom:7.4%; right:14.27%; width:20%; height:32.7%; background:url("../images/mg_gl3_1.png.html") no-repeat; background-size:100% 100%;}
.tabs1 a .sp4{  position:absolute;top:7.4%; right:14.27%; width:20%; height:32.7%; background:url("../images/mg_gl4_1.png.html") no-repeat; background-size:100% 100%;}
.tabs1 a.active .sp1{position:absolute;top:7.4%; left:14.27%; width:20%; height:32.7%; background:url("../images/mg_gl1_2.png.html") no-repeat; background-size:100% 100%;}
.tabs1 a.active .sp2{ position:absolute; bottom:7.4%; left:14.27%;  width:20%; height:32.7%; background:url("../images/mg_gl2_2.png.html") no-repeat; background-size:100% 100%;}
.tabs1 a.active .sp3{ position:absolute;  bottom:7.4%; right:14.27%;width:20%; height:32.7%; background:url("../images/mg_gl3_2.png.html") no-repeat; background-size:100% 100%;}
.tabs1 a.active .sp4{position:absolute;top:7.4%; right:14.27%; width:20%; height:32.7%; background:url("../images/mg_gl4_2.png.html") no-repeat; background-size:100% 100%;}
*/

@media (min-width: 720px) {
.tabs1 b{  font: bold 2em/2em "微软雅黑";}
}

.gc{ width:100%; top:0; left:0}
.gc li{ width:50%; float:left;}

.hpbj{ width:100%; top:0; left:0; height:100%}
.hp1{ width:80%; margin:0 auto}
.hp2{ width:50%; height:100%; float:left}

.xia{ width:4%; margin:0 auto}
.sx{ width:83%; margin:5% auto}
.djs{ width:49%; margin:0 auto}

.qy1{ width:64%; margin:0 auto; padding-top:28%}
.qy2{ width:44%; margin:4% auto 0 auto; position:relative; overflow:hidden}
.qy3{ width:44%; margin:3% auto 0 auto;  position:relative; overflow:hidden}
.inp{ width:90%; top:5%; left:5%; color:#9c91d7; font:normal 1em/1.5em "微软雅黑"; border:none; background:none; padding:5% 0}

.qy4{ width:44%; margin:0 auto; padding-top:2%}
.qy5{ width:54%; margin:0 auto; padding-top:5%}

.zj{ width:64%; position:absolute; left:18%; top:0}
.arrow{ width:9%; position:absolute;top:42%; z-index:5}
.arrow2_left{ left:3%}
.arrow2_right{ right:3%}


   ::-webkit-input-placeholder { /* WebKit browsers */
　　color:#9c91d7;
　　}
　　:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
　　color:#9c91d7;
　　}
　　::-moz-placeholder { /* Mozilla Firefox 19+ */
　　color:#9c91d7;
　　}
　　:-ms-input-placeholder { /* Internet Explorer 10+ */
　　color:#9c91d7;
　　}

.tcbj1{ width:100%; height:100%; position:fixed;  top:0; background:rgba(4,1,18,.74); display:none}
.tcbj2{ width:100%; height:100%; position:fixed;  top:0; background:rgba(4,1,18,.74); display:none}
.tc{ width:51.2%; margin:57% auto;}
.tgb{ width:8%; position:absolute;top:26%; right:5%}

.mfqb{width:100%;float:left;height:23.814814814814813rem ;background: url("../picture/ngswgm.jpg") no-repeat;background-size:100% 100%;}
.mfqb form{width:100%;float:left;margin-top:6.5rem;}
.mfqb form div{height:2.444rem;line-height:2.444rem;float:left;margin-left:3rem;margin-top:0.925rem;}
.mfqb form div span{font-size:0.8rem;color:#fff;float:left;}
.mfqb form input{height:2.37rem;line-height:2.37rem;float:left;font-size:0.7rem;background:rgba(255,255,255,0.2);border:1px solid #fff;color:#fff;margin-left:0.296rem;}
.mfqb form #name,.mfqb form #age{width:40%;}
.mfqb form #name input,.mfqb form #age input{width:70%;}
.mfqb form #tel{width:90%;}
.mfqb form #tel input{width:80%;}
.mfqb font{width:70%;float:left;font-size:1.407rem;color:#02053a;text-align:center;background: rgb(157, 60, 223);
background: -moz-linear-gradient(270deg, rgb(157, 60, 223) 30%, rgb(93, 238, 254) 70%);
background: -webkit-linear-gradient(270deg, rgb(157, 60, 223) 30%, rgb(93, 238, 254) 70%);
background: -o-linear-gradient(270deg, rgb(157, 60, 223) 30%, rgb(93, 238, 254) 70%);
background: -ms-linear-gradient(270deg, rgb(157, 60, 223) 30%, rgb(93, 238, 254) 70%);
background: linear-gradient(0deg, rgb(157, 60, 223) 30%, rgb(93, 238, 254) 70%);
border-radius:2.296rem;margin-left:15%;margin-top:1.481rem;padding: 1rem 0;display: block;}
.mfdh_btn{display: block;width: 100%;}
.mfqb font em{font-style:normal;}
.mfqb font img{width:1.518rem;margin-left:0.37rem;vertical-align:middle;}
#age{margin-left: 0.5rem;}


.sx-0{margin: 0 auto !important;}
.sx-mb0{margin-bottom: 0 !important;}
.btnx{ background: rgb(157, 60, 223);
background: -moz-linear-gradient(270deg, rgb(157, 60, 223) 30%, rgb(93, 238, 254) 70%);
background: -webkit-linear-gradient(270deg, rgb(157, 60, 223) 30%, rgb(93, 238, 254) 70%);
background: -o-linear-gradient(270deg, rgb(157, 60, 223) 30%, rgb(93, 238, 254) 70%);
background: -ms-linear-gradient(270deg, rgb(157, 60, 223) 30%, rgb(93, 238, 254) 70%);
background: linear-gradient(0deg, rgb(157, 60, 223) 30%, rgb(93, 238, 254) 70%);
width: 80%;
padding: 0.8rem 0;
text-align: center;
font-size: 1.2rem;
color: #130B4A;
display: block;
border-radius:5rem;
margin: 1.2rem auto;
}
img{display: block;}

.gaq{width:100%;float:left;}
.gaq h2{width:100%;float:left;text-align:center;margin-top:1.851rem;}
.gaq h2 strong{height:2.407rem;line-height:2.222rem;font-size:1.666rem;color:#333;font-weight:normal;display:inline-block;border-bottom:1px solid #333;}
.gaq h2 span{width:100%;height:2.407rem;line-height:2.222rem;font-size:1.666rem;color:#b18620;font-weight:normal;display:inline-block;}
.gaq .swiper-aq{width:78%;float:left;margin:0.74rem 3.05556% 0;background:#f5f5f5;padding-bottom:1.925rem;position:relative;}
.gaq .swiper-aq:before{content:' ';float:left;border-bottom:0.518rem solid #f5f5f5;border-right:0.518rem solid transparent;border-left:0.518rem solid transparent;position:absolute;top:-0.518rem;left:12rem;}
.gaq .swiper-aq .swiper-wrapper{width:100%;height:auto;float:left;margin-top:0.666rem;}
.gaq .swiper-aq .swiper-wrapper .swiper-slide{width:100%;float:left;text-align:center;margin-top: 0.5rem;}
.gaq .swiper-aq .swiper-wrapper .swiper-slide img{width:60%;float:left;margin-left:1.185rem;}
.gaq .swiper-aq .swiper-wrapper .swiper-slide p{width:45%;height:6rem;float:left;background:#fff;position:absolute;top:0.5rem;left:50%;}
.gaq .swiper-aq .swiper-wrapper .swiper-slide p span{line-height:1.333rem;float:left;font-size:0.8rem;color:#454545;margin:1rem 0rem 0 0.962rem;text-align:left;}
.gaq .swiper-aq .aq-pagination{width:100%;float:left;text-align:center;margin-top:1.555rem;}
.gaq .swiper-aq .aq-pagination span{width:auto;height:1.111rem;line-height:1.111rem;height:auto;font-size:0.85rem;color:#333;font-weight:100;opacity:1;background:none;padding-bottom:0.37rem;border-bottom:1px solid #5b5b5b;border-radius:0;position:relative;}
.gaq .swiper-aq .aq-pagination span:after{content:' ';float:left;position:absolute;top:1.555rem;left:1.851rem;border-top:0.296rem solid #5b5b5b;border-right:0.296rem solid transparent;border-left:0.296rem solid transparent;}
.gaq .swiper-aq .aq-pagination span.swiper-pagination-bullet-active{border-bottom:1px solid #af8b52;}
.gaq .swiper-aq .aq-pagination span.swiper-pagination-bullet-active:after{border-top:0.296rem solid #af8b52;}

.hidden{display:none;}
.animated {-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.gaq{margin: 25% 0 0 7%;}
.box_1-pag span{width: 2rem;
height: 1.5rem;}