@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;}
.tit b{display:block;font-size: 2rem;color: #333;height: 2rem;line-height: 2rem;}
.tit span{display:block;font-size: 1.2rem;color: #666;line-height: 1.2rem;padding-top: 1rem;}
/**/
.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; }
/*pro*/
.pro{padding: 3rem 3.75% 1rem;}
.pro h2{}
.pro_ctg{background: #efefef;padding: 1rem 0.5rem 0.7rem;margin: 1rem 0;}
.pro_ctg h3{font-size: 1.5rem;line-height: 1.5rem;color: #e82319;font-weight: bold;margin-bottom: 1rem;}
.pro_ctg h3 a{color: #e82319;}
.pro_ctg p{font-size: 1.1rem;color: #333;line-height: 1.6rem;white-space: nowrap;}
.pro_ctg p a{color: #333;margin-right: 1.2rem;}
.pro_ctg p a:last-child{margin-right: 0;}
.pro li{float: left;width: 47%;}
.pro li img{border: 1px solid #e2e2e2;}
.pro li span{display: block;height: 4rem;line-height: 4rem;text-align: center;font-size: 1.2rem;color: #555;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.pro li:nth-child(2n){float: right;}
/*case*/
.case{padding: 3rem 3.75% 1.5rem;border-top: 1.2rem solid #ebebeb;}
.case h2{margin-bottom: 2rem;}
.case h3{height: 4rem;font-weight: normal;background: #3c9c1d;margin-bottom: 1rem;text-align: center;font-size: 0;line-height: 0;}
.case h3 a{display: inline-block;font-size: 1.5rem;color: #fff;padding: 0 1rem;line-height: 4rem;}
.case dl{float:left;width:48%;}
.case dl:nth-child(2){float:right;}
.case dt{padding: 0.5rem;background: #fff;box-shadow: 0 0 1rem rgba(0,0,0,0.2);}
.case dd h4{font-size: 1.2rem;line-height: 2.8rem;font-weight: bold;height: 2.8rem;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;text-align:center;}
.case dd h4 a{color: #333;}
.case dd p{font-size: 1.5rem;color: #707070;line-height: 2.2rem;margin-bottom: 3rem;}

/*coop*/
.coop{background: #f4f4f4;padding: 2.5rem 3.75% 1.5rem;}
.coop li{width: 30%;margin-right: 5%;margin-bottom: 1rem;box-sizing: border-box;border: 1px solid #d2d2d2; display:inline-block;}
.coop li:nth-child(3n){margin-right: 0;}
/*ys*/
.ys{padding: 3rem 3.75%;}
.ys h2{margin-bottom: 2rem;}
.ys_con{padding-bottom: 2.5rem;}
.ys_con dd h3{height: 2.5rem;line-height: 2.5rem;font-size: 1.8rem;color: #e82319;margin: 1.5rem 0;font-weight: bold;}
.ys_con dd h3 i{display: inline-block;position: relative;margin-right:0.3rem;z-index: 1;font-size: 2.2rem;line-height:2rem;color: #333;vertical-align: top;height:1.2rem;overflow:hidden;margin-top:0.6rem;font-family: Arial;}

.ys_con dd p{font-size: 1.2rem;color: #666;line-height: 2rem;margin-bottom: 1rem;position: relative;padding-left: 1.5rem;background: url(../images/san1.png) no-repeat left 0.75rem;background-size: 0.5rem 0.5rem;}

.ys_con .swiper-pagination{bottom: 0;height: 0.4rem;z-index:10;}
.ys_con .swiper-pagination .swiper-pagination-bullet{width:2.5rem;height: 0.4rem;background: #d8d8d8;opacity: 1;border-radius:0;margin:0 0.25rem;vertical-align:top;}
.ys_con .swiper-pagination .swiper-pagination-bullet-active{background: #e82319;}
/*ser*/
.ser{padding: 3rem 0;border-top: 1.2rem solid #ebebeb;}
.ser h2{margin-bottom: 2.4rem;}
.ser li{float: left;width: 50%;height: 15.3rem;box-sizing: border-box;padding-left: 2rem;}
.ser li:nth-child(2),.ser li:nth-child(3),.ser li:nth-child(6){background: #f6f6f6;}
.ser li i{display: block;font-size: 3rem;line-height: 3rem;color: #e82319;font-family: Arial;font-weight: bold;font-style: italic;height: 3.7rem;position: relative;margin: 1.7rem 0;}
.ser li i:after{position: absolute;width: 2.2rem;height: 1px;background: #3c9c1d;content: "";left: 0;bottom: 0;}
.ser li b{display: block;font-size: 1.2rem;color: #333;margin-bottom: 0.8rem;}
.ser li p{font-size: 1rem;color: #666;line-height: 1.5rem;padding-right: 1rem;}
.ser li p a{color: #666;}
/*abt*/
.abt{border-top: 1.2rem solid #ebebeb;padding: 3rem 0 2.5rem;}
.abt h2{margin-bottom: 1.8rem;}
.abt dd{padding: 0 3.75%;}
.abt dd p{font-size: 1.1rem;color: #666;line-height: 1.9rem;padding: 2.2rem 0 2.5rem;text-align: center;}
.abt dd .xq{display: block;height: 4rem;line-height: 4rem;text-align: center;font-size: 1.2rem;color: #fff;background: #e82319;}






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