@charset "utf-8";*{margin:0;padding:0;}
.lim_m_rm { display: none!important; }
body{margin:0 auto !important;max-width:640px;min-width:320px;background: #fff !important;overflow-x: hidden;}

body,button,input,select,textarea{color:#505050;font:12px/1.5 Microsoft Yahei;}
h1,h2,h3,h4,h5,h6{text-align:center;font-size:100%;}
li,ol,ul{list-style:none;}
a{outline:0;color:#2a2a2a;text-decoration:none;}
a:hover{color:#2a2a2a;}
fieldset,img{border:0;}
table{border-collapse:collapse;border-spacing:0;}
button,input,select,textarea{outline:0;font-size:100%;}
textarea{resize:none;}
img{width:100%;vertical-align:top;}
#QIAO_INVITE_CONTAINER{display: none!important;}
article,aside,footer,header,hgroup,nav,section{display:block;}
h2{color:#303132;text-align:center;}
.clear,.clearfix{ zoom:1; }
.cb{clear:both;}
.clear:after,.clearfix:after{content:' ';display:block;clear:both;height:0;visibility:hidden; }
.f-cb:after,.f-cbli li:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0;content:".";}
.f-cb,.f-cbli li{zoom:1;}
.f-ti2{text-indent:2em;}
.f-fb{font-weight:700;}
.f-b1{border-bottom:1px solid #e3e3e3;}
.f-b2{border-top:1px solid #e3e3e3;}
.arcArrow{width:auto;}
.over{overflow:hidden;}
.fr{float:right;}
.fl{float:left;}
.wrapper{margin:0 auto;width:320px;}
.posa{position:relative;}
.mr10{margin:0 10px;}
.max{margin:0 auto;max-width:640px;min-width:320px;}
.wp{margin:0 20px;clear:both}
.main { position: relative; overflow: hidden; margin: 0 auto; width: 100%; height: auto; }
.mainnav { position: fixed; top: 0; left: -73.4375%; z-index: 99; width: 73.4375%; height: 100%; background-color: #232323; }
.mainnav li { padding-left: 23%; border-bottom: 1px solid #fff;  }
.mainnav li a { color: #fff; text-transform: uppercase; font-size: 30px; display: block; line-height: 3.333;}
.mainnav li a span { float: right; margin-right: 7.5%; line-height: 3.333;}
.clickbg { position: fixed; top: 0; left: 0; z-index: 1; display: none; overflow: hidden; width: 100%; height: 100%; background: rgba(0, 0, 0, .6); -webkit-transition: opacity .5s ease-in; -moz-transition: opacity .5s ease-in; -o-transition: opacity .5s ease-in; transition: opacity 5s ease-in; -ms-transition: opacity .5s ease-in; }
.wrap { position: relative; float: left; width: 100%; height: auto; }


.title{ text-align:center; font-size:0; padding:0.3rem 0}

.wp{max-width:640px;min-width:320px;margin:0 auto;color:#010101;overflow: hidden;font-size: 0.3rem;}
img{width:100%;height:auto;}
a.btnas{display:block;background-color:#3498db;border-radius:1rem;color:#fff !important;font-size:0.25rem;overflow:hidden;text-align:center;margin:4% 15% 0;padding:3% 0;}
.item1{font-size:0.25rem;line-height:1.3;color:#333;}
.over{overflow:hidden;}
.w20{margin:0 3%;}
.wp h2{font-size:0.34rem;font-weight:700;line-height:1.4;text-align:center;margin-bottom: 4%;color:#535353;font-weight: normal;}
.wp h2 span{display: block;text-align: center;font-size: 0.25rem}
.wp h2 strong{display: block;width: 25%;height: 0.05rem;background: #81cfe0;margin:2% auto 0;}
.pb{padding:6% 0;}
.banner{display: block;}
.section2{background: #ededed !important;}
.section2 .over{margin:0 10%;}
.section2 ul{width: 47%;}
.section2 ul li{margin-bottom: 5%;}
.section3 dl.d1 dt h2{text-align: left;}
.section3 dl.d1 dt h2 span{text-align: left;}
.section3 dl.d1 dt h2 strong{margin:2% 0 0 0;}
.section3 p{font-size: 0.25rem;color:#969696;padding: 5% 0;line-height: 0.38rem;}
.section3 .content dl{width: 30%;float: left;text-align: center;margin-bottom: 6%;}
.section3 .content dl:nth-child(2),.section3 dl:nth-child(5){margin:0 5%;}
.section3 .content dl dt{width: 60%;margin:0 auto;}
.section3 .content dl dd{font-size: 0.25rem;color:#9d9d9d;padding-top: 8%;}
.section4{padding-bottom: 6%;}
.section4 .content{background: #22a7f0 !important;padding: 6% 0;}
.section4 h2{color:#fff !important;}
.section4 h2 strong{background:#fff !important;}
.section4 p{color: #fff;text-align: center;font-size: 0.2rem;margin-bottom: 5%;}
.section4 ul li{margin-bottom: 4%;}
.section5{background: #e9f4f6 !important;}
.section5 p.p1{text-align: center;font-size: 0.22rem;color:#333;margin-bottom: 4%;}
.section6 .w20 {margin-bottom: 5%;}
.section6 .w20 p{font-size: 0.25rem;color:#8f8f8f;}
.section6 p.p1{color:#8f8f8f;text-align: center;font-size: 0.25rem;padding-top: 5%;}
.section6 a.btnas{margin:1% 20% 0 ;}
.section7 a.btnas{margin:0 20%}
.section8{ background: #406dc9; padding: 0.2rem 0}
.section8 .left{width: 35%;}

.col_w{ color: #fff !important;}

.section8 .p8_slider .sliderIn{width: 3.88rem;background-color: #fff;}
.section8 .p8_slider .sliderIn .text{padding: 0 0.1rem 0.1rem;}
.section8 .p8_slider .sliderIn h4{font-size: 0.26rem;color: #406dc9;padding: 0.1rem 0;}
.section8 .p8_slider .sliderIn p{font-size: 0.18rem;color: #4a4a4a;padding: 0 0.1rem;}
.section8 .p8_slider .zjSwiper{height: 4.52rem;}
.section8 .p8_slider .swiper-slide-visible {
    opacity: 0.8;
    margin-top: 0;
    margin-left: -0.5rem;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}
.section8 .p8_slider .swiper-slide-active {
    opacity: 1;
    margin-top: 0;
    width: 3.88rem !important;
    z-index: 1;
    position: relative;
    margin-left: -5px;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.section9{ background: #48b9fd; padding: 0.2rem 0}
.section9 ul li{width: 49.4%;float: left;font-size: 0.22rem;position: relative;background-color: #fff;margin-bottom: 0.1rem;overflow: hidden;}
.section9 ul li:before{content: '';position: absolute;width: 0.63rem;height: 0.88rem;background: url("../images/p9_q1.png") no-repeat;background-size: cover;left: 0.08rem;bottom: 0.1rem;}
.section9 ul li:nth-of-type(2n){float: right;}
.section9 ul li.bgYellow:before{background-image: url("../images/p9_q2.png");}
.section9 ul li a{display: block;padding: 0.1rem 0 0.1rem 0.8rem;}
.section9 ul li.bgYellow{background-color: #fff880;}



#scroll{margin:0 15%;}
#scroll .bd li{background: #f2f2f2 !important;}
#scroll .bd li h3{font-size: 0.25rem;text-align: center;color:#333;font-weight: normal;padding-top: 3%;}
#scroll .bd li span{display: block;text-align: center;font-size: 0.2rem;color:#5a5a5a;}
#scroll .bd li p{font-size: 0.22rem;color:#666;padding:0 4% 4%;}
#scroll .bd li p a{color:#9b2fbd;}
#scroll .hd{width: 60px;margin:3% auto 0;}
#scroll .hd li{width:7px;height: 7px;border-radius: 50%;border:1px solid #9b2fbd !important;float: left;margin-right: 10px;}
#scroll .hd li.on{background: #9b2fbd !important;}



.section10{padding: 3% 0 10%}
.section10 h2 b{font-size: 0.5rem;font-weight: 500}
.section10 ul{width: 49%}
.section10 .fl li{width: 100%;}
.section10 .fl .text{width: 96%;background:#53B3DB;padding:10.6% 2%;}
.section10 .fl .mar{margin:2% auto;}
.section10 .fr li{width:100%}
.section10 .fr .mar{width: 96%;margin:2% auto;background:#53B3DB;padding:10% 2%;}
.section10 ul p,.section10 ul dd{font-size: 0.2rem;color: #fff}
.section10 ul li dl{line-height: 1.2;width: 100%;padding-bottom: 3%}
.section10 ul dt{width: 15%;float: left}
.section10 ul dd{width: 80%;float: right;font-size: 0.25rem;}

.section11 .pagination{  width: 100%;  text-align: center; position: relative; z-index: 5  }
.section11 .pagination .swiper-pagination-switch{
    display: inline-block;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    margin:0 0.05rem;
    width:0.2rem;
    height: 0.2rem;
    opacity: 1;
    cursor: pointer;
    overflow: hidden;
    border: 1px solid #000;
}
.section11 .pagination .swiper-active-switch{  opacity: 1;  background-color: #000;  }

.newslide{ width:100%; overflow:hidden}
.newslide .t1{ text-align:center; color:#535353; font-size:0.34rem; height:0.34rem; line-height:0.34rem; padding:0.5rem 0 0 0;}
.newslide .t1 span{ color:#ff5f8d}
.newslide .t2{ color:#666666; font-size:0.25rem; height:0.25rem; line-height:0.25rem; padding:0.15rem 0 0.3rem 0; text-align:center}
.newslide .t3{ font-size:0.22rem; line-height:0.32rem; padding:0 0.2rem 0.2rem 0.2rem;}
.ntab{ width:100%; height:0.68rem; line-height:0.68rem; font-size:0.3rem; text-align:center; color:#fff; background:#81ccdf}
.ntab ul{ width:100%;height:0.68rem; overflow:hidden;}
.ntab li{ float:left; width:50%;}
.ntab li.on{ background:#3499db}
.Swiper_new{height:5.7rem;  background:#addaf7}
.Swiper_new .swiper-slide{ width:100%; overflow:hidden}
.Swiper_new .swiper-slide .pic{ padding-top:0.25rem; text-align:center;}
.Swiper_new .swiper-slide .txt{ padding-top:0.2rem; padding-left:0.5rem; padding-right:0.5rem; font-size:0.2rem; line-height:0.3rem;}