/* CSS Document */

@charset "utf-8";
/*¸ñʽ»¯*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, textarea {margin:0;padding:0;}
body{ font-family:"Microsoft Yahei",Verdana,Arial,Helvetica,sans-serif; background:#fff;}
li, ol { list-style:none; }
ins { text-decoration:none; }
i, em { font-style:normal; }
a { text-decoration:none;font-family:"Microsoft Yahei";}
a:hover { cursor:pointer; text-decoration:none;}
a:active{star:expression(this.onFoal=this.blur());}
:foal{outline:0;}
.clear { clear:both; line-height:0px; overflow:hidden; zoom:1; font-size:0px; content:'.';}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
img{ padding:0; margin:0;}
a img { border:none; }
input,textarea{ border:none;font-family:"Microsoft Yahei"; font-size:13px;}
h1, h2, h3, h4, h5, h6{ font-weight:normal; font-size:14px;}
.fl{float: left;}
.fr{float: right;}

.wrap{ min-width:320px; max-width:640px; margin:0 auto; overflow:hidden; position:relative;} 
.wrap img{display:block;width:100%;}

/*banner*/



.nc{ height:32.3rem ;background:url(../images/nc_bg.jpg) no-repeat center;background-size:100% 32.3rem; margin-top: 1rem;}
.nc h2{text-align: center; padding-top:3.5rem;font-size: 2.3rem; line-height:1.2rem;color: #23B5DC; font-weight: bold;}
.nc h2 span{ display: block; color: #666666; font-size: 1.3rem; line-height: 1.2rem;font-weight: normal;padding-bottom: 1rem;  }
.nc ul{ margin-top: 8rem;}
.nc ul li{ float: left; font-size: 1.2rem; line-height: 1.4rem; color: #666666; margin-bottom: 8.6rem;}
.nc ul li:nth-child(1){ margin-left: 2.3rem; margin-right: 14.6rem;}
.nc ul li:nth-child(3){ margin-left:1rem;margin-right: 14.8rem;}


.yous h2{ padding-top: 3.2rem; font-size: 2.3rem; line-height: 1.2rem; color: #23B5DC; text-align: center;}
.yous h2 span{ display: block; font-size: 1.2rem; line-height: 4.2rem; color: #666; background:url(../images/tit.png) no-repeat center;background-size: 100% 1.2rem;  }
.yous .yous_con{ margin: 0 4.6%;}
.yous .yous_con dl{height: 11.1rem;  width:100%; margin-top: 0.5rem; }
.yous .yous_con dt{width:50%;}
.yous .yous_con dt img{ width: 100%; height: 11.1rem; display: block;}
.yous .yous_con dd{ width: 42.9%; height:11.1rem; background:#f0f0f0; padding:0 1rem;}
.yous .yous_con dd h3 { margin-top:1.8rem ; margin-bottom: 0.6rem; font-size: 1.2rem; color: #333; }
.yous .yous_con dd p{  font-size: 1rem; line-height: 1.6rem; color: #666;}


.why h2{ padding-top: 3.2rem; font-size: 2.3rem; line-height: 1.2rem; color: #23B5DC; text-align: center;}
.why h2 span{ display: block; font-size: 1.2rem; line-height: 4.2rem; color: #666; background:url(../images/tit.png) no-repeat center;background-size: 100% 1.2rem;  }

.why .tab3{ margin: 1.8rem 4.6% 1.7rem;}
.why .tab3 li{ float: left; text-align: center; font-size: 1.2rem; color: #666666;margin-right: 2.1rem;}
.why .tab3 .y4{ margin-right: 0;}
.why .tab3 li i{ width: 5.5rem; height:6rem; margin:0 auto 0.6rem; display: block;}
.why .y1 i{background:url(../images/why1.png) no-repeat center; background-size: 5.5rem 6rem;}
.why .y2 i{background:url(../images/why2.png) no-repeat center; background-size: 5.5rem 6rem; }
.why .y3 i{background:url(../images/why3.png) no-repeat center; background-size: 5.5rem 6rem;}
.why .y4 i{background:url(../images/why4.png) no-repeat center; background-size: 5.5rem 6rem;}
.why .tab3 li.cur{color: #23B5DC; font-weight: bold;}
.why .y1.cur i{background:url(../images/why1h.png) no-repeat center; background-size: 5.5rem 6rem;}
.why .y2.cur i{background:url(../images/why2h.png) no-repeat center; background-size: 5.5rem 6rem;}
.why .y3.cur i{background:url(../images/why3h.png) no-repeat center; background-size: 5.5rem 6rem;}
.why .y4.cur i{background:url(../images/why4h.png) no-repeat center; background-size: 5.5rem 6rem;}
.why .why_con{ margin: 0 4.6%;}
.why .why_con dt img{ width: 100%; height: 19.5rem; }
.why .why_con h3{ display: block; height: 4rem; line-height: 4rem; font-size: 1.4rem; color: #23B5DC; border-bottom: 1px solid #e0e0e0;}
.why .why_con p{ font-size: 1.15rem; color: #666; line-height: 1.8rem; padding-top: 0.8rem;}
.why .swiper-pagination{margin-top: 3.2rem;height: 3.3rem;background:url(../images/shou.png) no-repeat;background-size:100% 3.3rem;text-align: center;position: relative;}
.why  .swiper-pagination .swiper-pagination-bullet{opacity: 1;background: #999; width:0.8rem; height:0.8rem; margin:0 1rem;}
.why .swiper-pagination .swiper-pagination-bullet-active{background:#23B5DC;}


.zc h2{ padding-top: 3.2rem; font-size: 2.3rem; line-height: 1.2rem; color: #23B5DC; text-align: center;}
.zc h2 span{ display: block; font-size: 1.2rem; line-height: 4.2rem; color: #666; background:url(../images/tit.png) no-repeat center;background-size: 100% 1.2rem;  }
.zc .zc_con{ margin: 1.5rem 4.6% 0;}
.zc .zc_con li{ float: left; width: 24.2%; height: 10.2rem; background: #f0f0f0; margin-right: 0.3rem; margin-bottom: 0.3rem;}
.zc .zc_con li img{width: 3.6rem; height: 3.6rem; margin:1.5rem auto 0 ;}
.zc .zc_con li em{ display: block; text-align: center; margin:0.7rem 1rem 0; font-size: 1.2rem; color:#333333;}
.zc .zc_con li:nth-child(4),.zc .zc_con li:nth-child(8){ margin-right: 0;}
.zc .zc_con li.last em{ margin:1rem 0.6rem 0;}

.al{ height: 40.6rem;background:url(../images/al_bg.jpg) no-repeat center;background-size:100% 40.6rem;margin-top: 3rem;}
.al h2{ padding-top: 3.2rem; font-size: 2.3rem; line-height: 1.2rem; color: #23B5DC; text-align: center;}
.al h2 span{ display: block; font-size: 1.2rem; line-height: 4.2rem; color: #666; background:url(../images/tit.png) no-repeat center;background-size: 100% 1.2rem;  }

.al .al_con{ margin: 1.5rem 17.8% 0;position: relative;overflow: visible !important ; }
.al .al_con dl{width:100%;height: 26.3rem; background: #23B5DC;}
.al .al_con dt img{ width: 80.7%; padding: 2rem 2rem 0;}
.al .al_con dd{width:100%;padding:0 1.4rem;height:12.5rem;box-sizing:border-box;  }
.al .al_con dd h3 a{ display:block; font-size:1.1rem;color: #fff;padding-top:1.8rem;text-align: center; font-weight: bold;}
.al .al_con dd span{ display: block;font-size: 0.9rem; line-height:1.5rem;color:#fff; text-align: center; padding-bottom: 1rem;}
.al .al_con dd p{display: block; font-size: 0.9rem; line-height:1.5rem;color:#fff; text-align: center;}
.al .al_con dd .more{ display: block; width: 9rem; height: 2.3rem; line-height: 2.3rem; color: #666666; font-size: 0.9rem; text-align: center; margin: 1.5rem auto 0; background: #fff;}
.al .al_con dd .more img{ display: inline-block; width: 1.5rem; height:0.6rem; padding-left: 0.5rem;}
.al .al_con .prev{position: absolute;left:-5rem;top:11rem;width:1.3rem;height: 2.2rem;background:url(../images/prev.png) no-repeat center;z-index: 10;background-size: 1.3rem 2.2rem;}
.al .al_con .next{position: absolute;right:-5rem;top:11rem;width:1.3rem;height: 2.2rem;background:url(../images/next.png) no-repeat center;z-index: 10; background-size: 1.3rem 2.2rem;}

.liu{ height: 29.2rem;background:url(../images/liu_bg.jpg) no-repeat center;background-size:100% 29.2rem;}
.liu h2{ padding-top: 3.2rem; font-size: 2.3rem; line-height: 1.2rem; color: #23B5DC; text-align: center;}
.liu h2 span{ display: block; font-size: 1.2rem; line-height: 4.2rem; color: #666; background:url(../images/tit.png) no-repeat center;background-size: 100% 1.2rem;  }
.liu ul{ float: left; margin: 1.2rem 4.6% 0;} 
.liu ul li{ float: left; margin-right: 3rem; margin-bottom: 3rem;}
.liu ul li img{ display: block; width: 4rem; height: 4rem; margin: 0 auto;}
.liu ul li:nth-child(4),.liu ul li:nth-child(8){ margin-right: 0;}
.liu ul li em{ font-size: 1.2rem; color: #333; display: block; line-height: 2.2rem;}

.about{ background: #f5f5f5; height: 47rem;}
.about h2{ padding-top: 3.2rem; font-size: 2.3rem; line-height: 1.2rem; color: #23B5DC; text-align: center;}
.about h2 span{ display: block; font-size: 1.2rem; line-height: 4.2rem; color: #666; background:url(../images/tit.png) no-repeat center;background-size: 100% 1.2rem;  }
.about dl{margin: 1.1rem 4.6% 0; position: relative;}
.about dd h3{ display: block; height: 2.5rem; line-height: 2.5rem; width:66.7%; background: #23B5DC; color: #fff; text-align: center; font-size: 1.2rem;position: absolute; left: 4.6rem; top: 17rem;}
.about dd p{ padding-top: 2.7rem; font-size: 1rem; line-height: 1.6rem; color: #666666; text-align: center;}
.about dd p a{ color: #23B5DC;}
.about h3{ text-align: center; height: 3.8rem;background:url(../images/qcpp.png) no-repeat center; background-size: 100% 3.8rem; line-height: 4rem; font-size: 1rem; color: #333333; font-weight: bold;}
.about ul{ margin: 0 4.6% 2.4rem;}
.about ul li{float: left; width: 23.9%; margin-right: 0.4rem;}
.about ul li:nth-child(4){ margin-right: 0;}


/**/
@media screen and (min-width:320px) {html {font-size: 10px;}}
@media screen and (min-width:360px) {html { font-size: 11.25px;}}
@media screen and (min-width:375px) {html { font-size: 11.7px;}}
@media screen and (min-width:384px) {html { font-size: 12px;}}
@media screen and (min-width:480px) {html { font-size: 15px;}}
@media screen and (min-width:414px) {html { font-size: 13px;}}
@media screen and (min-width:560px) {html { font-size: 17.5px;}}
@media screen and (min-width:640px) {html { font-size: 20px;}}