@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-size:14px;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";color: #333;}
a:hover { cursor:pointer; text-decoration:none;}
a:active{star:expression(this.onFocus=this.blur());}
:focus{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%;}

.tit{font-weight: normal;text-align: center;position: relative;padding-bottom: 1.2rem;}
.tit:after{position: absolute;width: 1.6rem;height: 3px;background: #00a2b0;content: "";left: 50%;margin-left: -0.8rem;bottom: 0;}
.tit i{display: block;font-size: 1.2rem;color: #333;line-height: 1.2rem;letter-spacing: 0.8rem;}
.tit b{display: block;font-size: 2rem;color: #333;line-height: 2rem;letter-spacing: 0.3rem;padding-top: 0.4rem;}


/**/
.g-adv{ position:relative; width:100%; margin:0 auto; height: auto; z-index:15; font-size:0;}
.g-adv .m-box img{ display:block;position: relative;width:100%; height: auto; }

/*yz*/
.yz{padding: 3.5rem 0 4rem;}
.yz_sz{height: 13.2rem;margin-top: 2.5rem;padding: 0 3.1%;}
.yz_sz li{float: left;width: 33.3%;box-sizing: border-box;height: 6rem;position: relative;}
.yz_sz li:after{position: absolute;width: 1px;height: 4.2rem;background: #d6d6d6;content: "";right: 0;top: 0.2rem;}
.yz_sz li span{display: inline-block;height: 3rem;line-height: 3rem;position: relative;color: #333;}
.yz_sz li b{font-size: 3.5rem;font-family: Arial;}
.yz_sz li i{position: absolute;font-size: 1.1rem;font-weight: bold;color: #00a2b0;line-height: 1.2rem;top: 0.9rem;right: -1.1rem;background: #fff;}
.yz_sz li p{font-size: 1.1rem;color: #333;line-height: 1.6rem;}
.yz_sz li:nth-child(1){padding-left: 0;width: 29%;}
.yz_sz li:nth-child(1) i{right: -0.2rem;padding: 0 0.1rem;}
.yz_sz li:nth-child(2){width: 43.5%;padding-left: 4rem;}
.yz_sz li:nth-child(3){float: right;width: auto;margin-right: 0.6rem;}
.yz_sz li:nth-child(4){padding-left: 7.5rem;width: 50%;}
.yz_sz li:nth-child(5){padding-left: 3.7rem;width: 50%;}
.yz_sz li:nth-child(3):after,.yz_sz li:nth-child(5):after{display: none;}
.yz_con{padding: 0 3.1%;}
.yz_con dl{border-radius: 1rem;overflow: hidden;}
.yz_con dd{height: 11.7rem;background: #f0f0f0;}
.yz_con dd h3{padding: 1.2rem 0 1.1rem;font-weight: normal;text-align: center;}
.yz_con dd h3 b{display: block;font-size: 1.3rem;line-height: 1.3rem;color: #00a2b0;}
.yz_con dd h3 i{display: block;font-size: 0.9rem;line-height: 0.9rem;padding-top: 0.5rem;color: #333;}
.yz_con dd p{font-size: 1rem;color: #333;line-height: 1.3rem;opacity: 0.5;padding: 0 2.2rem;}
.yz_con dl.swiper-slide-active dd{background: #00a2b0;}
.yz_con dl.swiper-slide-active h3 b{color: #fcdb00;}
.yz_con dl.swiper-slide-active h3 i{color: #fff;}
.yz_con dl.swiper-slide-active p{color: #fff;}
.yz_con .swiper-pagination{bottom: 0;height:1.2rem;z-index:10;}
.yz_con .swiper-pagination .swiper-pagination-bullet{width: 0.6rem;height:0.6rem;background: #333;opacity: 1;border-radius:100%;margin:0.3rem 1rem 0;vertical-align:top;}
.yz_con .swiper-pagination .swiper-pagination-bullet-active{margin: 0 1rem;width: 1.2rem;height: 1.2rem;background: url(../images/yz_dian.png) no-repeat;background-size: 100%;}
.yz_con{padding-bottom: 3rem;}

/*ser*/
.ser{height: 58.9rem;padding: 0 3.1%;position: relative;background: url(../images/ser_bg.jpg) no-repeat;background-size: 100% 58.9rem;}
.ser h2{padding: 2.8rem 0 1.2rem;margin-bottom: 2.5rem;}
.ser h2:after{background: #fbce00;}
.ser h2 i,.ser h2 b{color: #fff;}
.ser_con{background: #fff;border-radius: 1.5rem;padding: 3rem 1rem 0;height: 36.3rem;}
.ser_con li{float: left;width: 50%;height: 10.3rem;margin-bottom: 2.6rem;padding-left: 1rem;box-sizing: border-box;background: url(../images/line1.png) no-repeat;background-size: 0.15rem 7.5rem;position: relative;border-bottom: 1px solid #e0e0e0;}
.ser_con li img{position: absolute;width: auto;height: 2.6rem;right: 1rem;top: 0;}
.ser_con li h3{font-size: 1.2rem;color: #333;line-height: 1.2rem;margin-bottom: 0.5rem;font-weight: bold;}
.ser_con li h3 i{display: block;font-size: 0.7rem;color: #333;line-height: 1.2rem;font-family: Arial;font-weight: normal;}
.ser_con li p{font-size: 1rem;color: #666;line-height: 1.2rem;padding-right: 1rem;}
.ser_con li.nobor{border: 0;}
.ser_con li:nth-child(2n){padding-left: 2rem;background: url(../images/line1.png) no-repeat 1rem 0;background-size: 0.15rem 7.5rem;}
.ser_con li:nth-child(2n) img{right: 0;}
.ser_con li:nth-child(2n) p{padding-right: 0;}
.ser h4{margin-top: 2.5rem;text-align: center;letter-spacing: 0.1rem;background: url(../images/kuang.png) no-repeat center 0.75rem;background-size: 21.8rem 1.8rem;}
.ser h4 b{display: block;font-size: 1.6rem;color: #fff;line-height: 1.6rem;}
.ser h4 i{display: block;font-size: 1.2rem;color: #fff;line-height: 1.2rem;padding-top: 0.4rem;}
.ser_btn{position: absolute;width: 100%;left: 0;bottom: -1rem;text-align: center;height: 2rem;}
.ser_btn a{display: inline-block;width: 6.4rem;height: 2rem;line-height: 2rem;font-size: 1rem;color: #333;background: #fcdb00;border-radius: 1rem;margin: 0 0.7rem;}

/*dig*/
.dig{padding: 0 3.1% 4rem;background: url(../images/dig_bg.jpg) no-repeat;background-size: 100% 22.9rem;}
.dig_con{height: 22.9rem;width: 50%;margin-left: 50%;}
.dig_con h2{padding: 4.5rem 0 0.8rem;position: relative;}
.dig_con h2:after{position: absolute;width: 1.6rem;height: 3px;content: "";background: #00a2b0;left: 0;bottom: 0;}
.dig_con h2 i{display: block;font-size: 1.1rem;color: #333;line-height: 1.1rem;padding-bottom: 0.4rem;letter-spacing: 0.75rem;white-space: nowrap;}
.dig_con h2 b{display: block;font-size: 1.8rem;color: #333;line-height: 1.8rem;letter-spacing: 0.3rem;white-space: nowrap;}
.dig_con h3{font-size: 2rem;line-height: 2.8rem;color: #333;font-weight: bold;letter-spacing: 0.2rem;margin: 0.4rem 0 2.4rem;height: 2.8rem;background: url(../images/wen.png) no-repeat right center;background-size: 1.6rem 2.8rem;}
.dig_con p{font-size: 1rem;color: #666;line-height: 1.2rem;margin-bottom: 0.6rem;}
.dig_t{height: 6rem;}
.dig_t li{float: left;width: 25%;height: 6rem;text-align: center;background: url(../images/dig_li.jpg) no-repeat;background-size: 100% 6rem;}
.dig_t li b{display: block;font-size: 1.1rem;color: #333;line-height: 1.1rem;padding: 1.1rem 0 0;}
.dig_t li em{display: block;font-size: 1.5rem;color: #00a2b0;line-height: 1.5rem;padding: 1.1rem 0 0;}

/*ys*/
.ys{padding: 2.2rem 3.1% 3rem;background: #f2f2f2;}
.ys_t{height: 3.7rem;margin: 1rem 0 1.5rem;}
.ys_t span{float: left;width: 25%;height: 3.7rem;line-height: 3.7rem;text-align: center;font-size: 1rem;color: #fff;background: #25848c;position: relative;}
.ys_t span.cur{background: #fcdb00;color: #1d1d1d;}
.ys_t span.cur:after{position: absolute;width: 1rem;height: 0.6rem;content: "";background: url(../images/san1.png) no-repeat;background-size: 1rem 0.6rem;left: 50%;margin-left: -0.5rem;bottom: -0.6rem;}
.ys_con dl{height: 18rem;background: #fff;}
.ys_con dt{float: left;width: 50%;}
.ys_con dt img{height: 18rem;}
.ys_con dd{float: left;width: 37.5%;padding-left: 1.9rem;height: 18rem;position: relative;}
.ys_con dd em{position: absolute;width: 2.7rem;left: -1.3rem;top: 50%;margin-top: -1.3rem;}
.ys_con dd h3{padding: 2.4rem 0 0.2rem;font-size: 1.3rem;color: #333;line-height: 1.3rem;font-weight: bold;}
.ys_con dd h3 i{display: block;font-size: 0.7rem;color: #333;line-height: 1.4rem;opacity: 0.2;text-transform: uppercase;font-family: Arial;}
.ys_con dd p{font-size: 1rem;color: #666;line-height: 1.5rem;}

/*case*/
.case{padding: 4rem 1.5% 1.5rem 1.5%;margin:0 auto;text-align:center;}
.case h2{margin-bottom: 2.5rem;}
.case_t span,.case_t a{float: left;width: 25%;height: 4rem;line-height: 4rem;text-align: center;font-size: 1.1rem;color: #333;background: #f2f2f2;border-right: 1px solid #fff;border-bottom: 1px solid #fff;box-sizing: border-box;}
.case_t span.cur,.case_t a.cur{background: #fcdb00;}
.case_con dl{padding-bottom: 5.5rem;position: relative;width:100%;margin:0 auto;max-width:640px;text-align:center;}
.case_con dt,.case_con dt img{width:100%;margin:0 auto;text-align:center;}
.case_con dd{position: absolute;width: 83.4%;height: 8.5rem;text-align: center;background: #fff;left: 8.3%;bottom: 0;box-shadow: 0 0 1rem rgba(0,0,0,0.1);}
.case_con dd h3{font-size: 1rem;line-height: 1rem;height: 2rem;position: relative;padding: 1.3rem 0 0;margin-bottom: 0.6rem;font-weight: bold;}
.case_con dd h3:after{position: absolute;width: 2.8rem;height: 2px;background: #00a2b0;content: "";left: 50%;margin-left: -1.4rem;bottom: 0;}
.case_con dd p{font-size: 1rem;color: #666;line-height: 1.2rem;padding: 0 2.7rem;}
.case_con{padding-bottom: 1rem;}

/*coop*/
.coop{padding: 0 3.1% 3rem;}
.coop h2{height: 2.8rem;border-bottom: 1px solid #d6d6d6;margin-bottom: 1rem;}
.coop h2 span{float: left;font-size: 1.1rem;color: #333;line-height: 1.9rem;padding-left: 2.5rem;background: url(../images/coop_ic.png) no-repeat left center;background-size: 1.9rem 1.9rem;font-weight: bold;}
.coop h2 a{float: right;font-size: 1rem;color: #666;font-family: Arial;line-height: 1.9rem;font-weight: normal;}
.coop li{float: left;width: 9.3rem;margin-right: 1rem;}
/*.coop li:last-child{margin-right: 0;}*/
.coop li img{border: 1px solid #e1e1e1;}
.coop li span{display: block;height: 3rem;line-height: 3rem;text-align: center;font-size: 1rem;color: #666;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.coop_list{width:100%;overflow:hidden;}

/*abt*/
.abt{padding: 4.2rem 3.1% 3rem;background: url(../images/abt_bg.jpg) no-repeat;background-size: 100% auto;}
.abt h2{width: 18rem;margin: 0 auto;}
.abt_desc{font-size: 1rem;color: #fff;line-height: 1.5rem;padding: 2.4rem 2.3rem 2rem;letter-spacing: 0.2rem;text-align: center;}
.his{border-radius: 1rem;background: #fff;padding: 1rem;}
.his p{float: left;width: 100%;height: 4rem;line-height: 4rem;font-size: 1rem;color: #666;border-bottom: 1px solid #eaeaea;padding-left: 1.8rem;box-sizing: border-box;}
.his p b{color: #333;}
.his p:nth-child(1){width: 48%;background: url(../images/abt_ic1.png) no-repeat left 1rem;background-size: auto 1.4rem;}
.his p:nth-child(2){width: 52%;background: url(../images/abt_ic2.png) no-repeat left 1rem;background-size: auto 1.4rem;}
.his p.rwo1{line-height: 1.4rem;height: 4.8rem;padding: 1rem 0 0 1.8rem;white-space: nowrap;}
.his p.rwo1 b{display: block;}
.his p:nth-child(3){background: url(../images/abt_ic3.png) no-repeat left center;background-size: auto 1.2rem;}
.his p:nth-child(4){background: url(../images/abt_ic5.png) no-repeat left center;background-size: auto 1.2rem;}
.his p:nth-child(5){border: 0;background: url(../images/abt_ic4.png) no-repeat left center;background-size: auto 1.2rem;}









/**/
/**/
@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;}}