@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{text-align: center;font-weight: normal;font-size: 1.8rem;color: #1A1A1A;line-height: 1.8rem;}

/**/
.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{height: 40.5rem;background: url(../images/yz_bg.jpg) no-repeat;background-size: 100% 40.5rem;}
.yz h2{padding: 3.9rem 0 2.5rem;}
.yz_con dd{height: 15.4rem;padding: 0 2rem;text-align: center;background: url(../images/yz_dd.jpg) no-repeat;background-size: 100% 15.4rem;}
.yz_con dd h3{font-weight: normal;padding: 1.5rem 0 0.6rem;}
.yz_con dd h3 b{display: block;font-size: 1.5rem;color: #333;line-height: 1.5rem;padding-bottom: 0.6rem;}
.yz_con dd h3 i{display: inline-block;font-size: 1.2rem;line-height: 1.2rem;color: #ffa700;position: relative;}
.yz_con dd h3 i:before{position: absolute;width: 1rem;height: 1px;content: "";background: #ffa700;left: -1.6rem;top: 0.6rem;}
.yz_con dd h3 i:after{position: absolute;width: 1rem;height: 1px;content: "";background: #ffa700;right: -1.6rem;top: 0.6rem;}
.yz_con dd p{font-size: 0.9rem;color: #666;line-height: 1.5rem;}

/*pro*/
.pro{padding: 3rem 0 0;background: url(../images/pro_bg.jpg) no-repeat;background-size: 100% auto;}
.pro h2{height: 4.8rem;}
.pro h2 b{display: block;}
.pro h2 i{display: inline-block;font-size: 0.9rem;color: #ffa700;line-height: 1rem;text-transform: uppercase;margin-top: 0.7rem;position: relative;}
.pro h2 i:before{position: absolute;width: 0.8rem;height: 1px;content: "";background: #ffa700;left: -1.6rem;top: 0.6rem;}
.pro h2 i:after{position: absolute;width: 0.8rem;height: 1px;content: "";background: #ffa700;right: -1.6rem;top: 0.6rem;}
.pro h3{text-align: center;height: 5.5rem;margin: 0 3.1%;border-top: 1px solid #d2d2d2;}
.pro h3 a{display: inline-block;padding: 1.5rem 0 1.4rem;border-top: 1px solid #87c122;font-size: 1.5rem;color: #333;line-height: 1.5rem;background: url(../images/san1.png) no-repeat bottom center;background-size: 1.25rem 0.5rem;margin-top: -1px;}
.pro_list{padding: 0  3.1%;}
.pro_list li{float: left;width: 48%;margin-bottom: 0.5rem;}
.pro_list li span{display: block;height: 3rem;line-height: 3rem;text-align: center;font-size: 1.2rem;color: #666;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.pro_list li:nth-child(2n){float: right;}
.pro .more{display: block;height: 3.5rem;line-height: 3.5rem;text-align: center;font-size: 1.2rem;color: #fff;background: #87c122;margin-top: 1rem;letter-spacing: 0.1rem;}
.pro_item{padding: 2.5rem 3.1%;background: #edf0e8;}
.pro_item li{float: left;width: 31%;margin-right: 3.5%;background: #000;position: relative;}
.pro_item li img{opacity: 0.5;height: 7rem;}
.pro_item li:last-child{margin-right: 0;}
.pro_item li p{position: absolute;width: 92%;height: 6.2rem;text-align: center;border: 1px solid #87c122;box-sizing: border-box;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.pro_item li p span{display: block;font-size: 0.9rem;color: #fff;line-height: 6rem;}
.pro_bd{padding-bottom: 1.5rem;}
.pro_bd .swiper-pagination{bottom: 0;height: 10px;}
.pro_bd .swiper-pagination .swiper-pagination-bullet{vertical-align: top;}
.pro_bd .swiper-pagination .swiper-pagination-bullet-active{background: #87c122;}
/*tech*/
.tech{background: url(../images/tech_bg.jpg) no-repeat;background-size: 100% auto;padding: 0 3.1% 2.5rem;}
.tech h2{color: #fff;padding: 3rem 0 0;height: 3.9rem;}
.tech_con{height: 37.9rem;background: #fff;box-shadow: 0 0 1rem rgba(0,0,0,0.1);}
.tech_desc{font-size: 0.9rem;color: #666;line-height: 1.8rem;text-align: center;padding: 2.3rem 0 1.7rem;}
.tech_con .more{height: 3.8rem;background: url(../images/tech_k.png) no-repeat bottom center;background-size: 18.6rem 2.7rem;text-align: center;}
.tech_con .more a{display: inline-block;padding-right: 3rem;font-size: 0.9rem;color: #ffa700;line-height: 0.9rem;background: url(../images/tech_jt.png) no-repeat right center;background-size: 2.5rem 0.45rem;}
.guw{height: 7.3rem;text-align: center;margin: 0.7rem 0 1.4rem;font-size: 0;line-height: 0;}
.guw img{display: inline-block;width: 7.3rem;}
.guw p{display: inline-block;margin-left: 1.1rem;height: 7.3rem;vertical-align: top;text-align: left;}
.guw p i{display: block;font-size: 0.9rem;color: #333;line-height: 0.9rem;padding: 2.3rem 0 0.4rem;}
.guw p img{width: 6.5rem;height: 2.2rem;}
.gxky{padding: 1rem 0 3rem;text-align:center;font-size:0;line-height:0;}
.gxky_pic{display:inline-block;width: 15rem;vertical-align:top;padding-top:0.3rem;}
.gxky_pic img{float: left;width: 6.8rem;margin-right:0.3rem;margin-bottom: 0.4rem;box-shadow: 0 0 1rem rgba(0,0,0,0.1);}
.gxky_r{display:inline-block;vertical-align:top;}
.gxky_r h3{font-size: 1.2rem;color: #333;line-height: 1.2rem;font-weight: normal;position: relative;z-index:1;margin-bottom:0.3rem;}
.gxky_r h3:after{position: absolute;width: 100%;height: 0.5rem;background: #87c122;content: "";left: 0;bottom: -0.2rem;z-index: -1;}
.gxky_r p{font-size: 0.9rem;color: #666;height: 1.5rem;line-height: 1.5rem;padding-left: 1.1rem;position: relative;text-align:left;}
.gxky_r p:after{position: absolute;width: 0.6rem;height: 0.1rem;background: #898989;content: "";left: 0;top: 0.7rem;}
.tech_con ul{text-align: center;font-size: 0;line-height: 0;height: 4rem;position: relative;}
.tech_con ul:before{position: absolute;width: 1px;height: 1.9rem;content: "";background: #dcdcdc;left: 33%;top:0.75rem;}
.tech_con ul:after{position: absolute;width: 1px;height: 1.9rem;content: "";background: #dcdcdc;right: 33%;top:0.75rem;}
.tech_con li{float: left;width: 33.3%;height: 4rem;}
.tech_con li i{display: block;width: 2.3rem;height: 2.1rem;overflow: hidden;margin: 0 auto;}
.tech_con li i img{display: inline-block;width: auto;height: 4.2rem;}
.tech_con li span{display: block;font-size: 1.1rem;color: #333;line-height: 2rem;}
.hn{margin: 3.6rem auto 3rem;position: relative;width: 86%;padding: 0 1.5rem;}
.hn li{float: left;text-align: center;}
.hn li img{display: inline-block;transform: scale(0.75);transition: all 0.5s;}
.hn li.swiper-slide-next img{transform: scale(1);}
.hn .prev{position: absolute;width: 0.7rem;left: 0;top: 50%;transform: translateY(-50%);z-index: 10;padding: 4rem 0;background: #fff;}
.hn .next{position: absolute;width: 0.7rem;right: 0;top: 50%;transform: translateY(-50%);z-index: 10;padding: 4rem 0;background: #fff;}
.hn_gm{border-top: 0.2rem solid #eee;height: 5.4rem;}
.hn_gm p{float: left;font-size: 1.2rem;color: #333;line-height: 1.8rem;text-align: center;padding-top: 1.8rem;background: url(../images/hn_c1.png) no-repeat top center;background-size: 1.6rem 1.6rem;position: relative;top: -0.9rem;}
.hn_gm p:nth-child(2){margin-left: 15%;}
.hn_gm p:nth-child(3){float: right;}
.hn_desc{height: 24.9rem;padding-top: 1.4rem;background: url(../images/hn_desc.jpg) no-repeat;background-size: 100% 26.3rem;}
.hn_desc p{padding-left: 3.1rem;font-size: 1rem;color: #666;line-height: 1.8rem;margin-bottom: 1.25rem;}

/*xban*/
.xban{position: relative;}
.xban .tel{position: absolute;font-size: 1.2rem;color: #fff;height: 2.5rem;line-height: 2.5rem;padding: 0 3.1%;left: 0;bottom: 1.4rem;width: 100%;box-sizing: border-box;}
.xban .tel p a{font-size: 1.6rem;color: #fff;font-weight: bold;font-family: Arial;vertical-align: top;}
.xban .tel .zx{float: right;width: 7.5rem;height: 2.5rem;line-height: 2.5rem;text-align: center;font-size: 1.2rem;color: #fff;background: #ffa700;margin-right: 1.3rem;}
.xban i{display:block;font-size: 0.8rem;color: #fff;line-height: 1.5rem;position: absolute;right: 0;bottom: 4rem;padding:0 1rem;}
/*ys*/
.ys{padding: 3rem 3.1%;}
.ys h2{margin-bottom: 2rem;}
.ys_con dd{height: 23rem;}
.ys_con dd h3{font-weight: normal;height: 4rem;padding: 2rem 0 1rem;}
.ys_con dd h3 img{float: left;width: 3rem;margin-right: 1.4rem;margin-top: 0.3rem;}
.ys_con dd h3 span{display: block;font-size: 1.8rem;color: #333;line-height: 1.8rem;}
.ys_con dd h3 i{display: block;font-size: 0.9rem;color: #666;line-height: 1.8rem;font-family: Arial;text-transform: uppercase;}
.ys_con dd p{font-size: 1.1rem;color: #666;line-height: 1.9rem;margin-bottom: 0.8rem;}
.ys_con .swiper-pagination{bottom: 0;height: 0.5rem;z-index:10;}
.ys_con .swiper-pagination .swiper-pagination-bullet{width: 4rem;height: 0.5rem;background: #e5e5e5;opacity: 1;margin:0 0.3rem;vertical-align:top;border-radius: 0;}
.ys_con .swiper-pagination .swiper-pagination-bullet-active{background: #87c122;}

/*case*/
.case{padding: 3rem 0 0;border-top: 0.5rem solid #eeeeee;}
.case h2{margin-bottom: 1.8rem;}
.case ul{padding: 0 3.1%;}
.case li{float: left;width: 48%;}
.case li:nth-child(2n){float: right;}
.case li span{display: block;height: 3.5rem;line-height: 3rem;text-align: center;font-size: 1.2rem;color: #333;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.case .more{display: block;height: 3.5rem;line-height: 3.5rem;text-align: center;font-size: 1.2rem;color: #fff;background: #87c122;margin-top: 1rem;letter-spacing: 0.1rem;}

/*coop*/
.coop{padding: 2rem 3.1% 1rem;background: #edf0e8;}
.coop li{float: left;width: 30%;margin-right: 5%;margin-bottom: 1rem;}
.coop li:nth-child(3n){margin-right: 0;}

/*abt*/
.abt{height: 44.1rem;background: url(../images/abt_bg.jpg) no-repeat center 0;}
.abt h2{color: #fff;padding: 2.9rem 0 1.4rem;}
.abt h3{font-weight: bold;text-align: center;height: 4.6rem;}
.abt h3 span{font-size: 1.8rem;line-height: 2.3rem;color: #fff;display: inline-block;padding-top: 2.3rem;vertical-align: top;margin-right: 0.3rem;}
.abt h3 img{display: inline-block;width: auto;height: 4.6rem;vertical-align: top;}
.abt h4{font-size: 1.2rem;line-height: 1.2rem;font-weight: bold;color: #fff;opacity: 0.9;text-align: center;background: url(../images/abt_line.png) no-repeat center;background-size: 23rem 1px;margin: 3rem 0 2rem;}
.abt_desc{font-size: 1rem;color: #fff;line-height: 1.9rem;opacity: 0.6;text-align: center;}
.abt .more{display: block;width: 3.1rem;height: 3.1rem;margin: 1.5rem auto 1rem;}
.abt ul{margin-top: 2.1rem;}
.abt li{float: left;width:25%;padding-left:1.5rem;height: 4.6rem;border-right: 1px solid rgba(255,255,255,0.2);box-sizing: border-box;}
.abt li span{display: inline-block;height: 3rem;line-height: 3rem;font-size: 3.1rem;color: #fff;position: relative;font-family: Verdana,Arial;}
.abt li span i{position: absolute;width: 1.4rem;height: 1.4rem;line-height: 1.4rem;text-align: center;font-size: 0.9rem;color: #fff;border-radius: 100%;background: #ffa700;right: -0.6rem;top: 0;font-family: "Microsoft Yahei";}
.abt li p{font-size: 1rem;line-height: 1rem;color: #fff;padding-top:0.6rem;}
.abt li:last-child{border: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;}}