@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 span{display:block;font-size: 2rem;color: #1f1715;line-height: 2rem;}
.tit i{display:block;font-size: 1rem;color: #1f1715;line-height: 1rem;padding-top: 0.8rem;letter-spacing: 0.2rem;}
/**/
.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; }
/*intro*/
.intro{padding:2.2rem 0 0;}
.intro ul{margin:0 7.8%;background:url(../images/intro_bg.jpg) no-repeat center 0.5rem;background-size:100% 9.1rem;}
.intro li{float: left;width: 50%;height: 5rem;text-align: center;box-sizing:border-box;}
.intro li span{display:block;font-size: 0.9rem;color: #000;height: 2rem;line-height: 1.2rem;}
.intro li span i{display:inline-block;font-size: 2.6rem;line-height: 2rem;font-family: Arial;}
.intro li p{font-size:1.1rem;color: #000;line-height: 1.8rem;}
.intro li:nth-child(3),.intro li:nth-child(4){padding-top: 1.1rem;}
/*pro*/
.pro{padding:2rem 3.9% 1.5rem;}
.pro h3{height: 5.8rem;margin-top: 1.2rem;}
.pro h3 a{float: left;width: 33%;margin-right: 0.5%;height: 2.2rem;line-height: 2.2rem;text-align: center;font-size: 1.1rem;color: #fff;background: #e5151d;margin-bottom: 0.2rem;}
.pro h3 a:nth-child(3n){margin-right: 0;}
.pro li{float: left;width: 47.8%;margin-bottom: 0.8rem;}
.pro li:nth-child(2n){float: right;}
.pro li img{border:2px solid #ececec;box-sizing: border-box;}
.pro li span{display:block;height: 2.2rem;line-height: 2.2rem;text-align: center;font-size: 1rem;color: #3b3831;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
/*case*/
.case{padding:2rem 3.9% 2.5rem;background: #f5f5f4;}
.case_t{height: 9.8rem;margin-top: 2rem;overflow: hidden;}
.case_t li{float: left;width: 25%;padding-left: 1rem;height: 3rem;border-left:1px solid #000;box-sizing: border-box;margin-bottom: 2rem;}
.case_t li i{display:block;font-size: 0.7rem;color: #000;opacity: 0.5;line-height:0.7rem;text-transform: uppercase;padding:0.5rem 0;letter-spacing: -1px;height: 0.7rem;text-overflow: ellipsis;white-space:nowrap;overflow: hidden;}
.case_t li span{display:block;font-size: 1rem;color: #000;line-height:1rem;}
.case_con{padding-bottom: 2rem;}
.case_con h4{height: 4.2rem;line-height: 4.2rem;font-size: 1.4rem;border-bottom:1px solid #1f1715;background:url(../images/jia.png) no-repeat right center;background-size: 1.4rem 1.4rem;}
.case_con h4 a{display:block;color: #1f1715;}
.case_con dd p{font-size: 1.1rem;color: #1f1715;line-height: 1.7rem;opacity: 0.6;}
.case_con .prev{position: absolute;width: 2.5rem;left: 50%;bottom: 0;z-index: 10;margin-left: -2.9rem;}
.case_con .next{position: absolute;width: 2.5rem;;left: 50%;bottom: 0;z-index: 10;margin-left: 0.4rem;}
/*ys*/
.ys{padding: 2rem 3.9% 0;}
.ys h3{height: 3.1rem;margin-top: 1.1rem;}
.ys h3 span{float: left;width: 24%;height: 2.2rem;line-height:2.2rem;text-align: center;font-size: 1.1rem;color: #fff;background: #e5151d;margin-right: 1.3%;position: relative;}
.ys h3 span:last-child{margin-right: 0;}
.ys h3 span:after{position: absolute;width: 92%;height: 1.6rem;border:1px solid rgba(255,255,255,0.3);content: "";left: 4%;top: 0.3rem;box-sizing: border-box;}
.ys h3 span.cur{background: #000000;}
.ys_con dd{padding:1.5rem 0.7rem 0;height: 13rem;position: relative;background:url(../images/ys_bg.jpg) no-repeat;background-size:100% 12.7rem;}
.ys_con dd b{display:block;font-size: 1.3rem;color: #3b3831;line-height: 1.3rem;margin-bottom: 0.8rem;}
.ys_con dd p{font-size: 1rem;color: #3b3831;line-height: 1.4rem;}
.ys_con dd em{position: absolute;width: 66%;height: 3.5rem;line-height: 3.5rem;font-size: 1.1rem;color: #fff;background: #e5151d;text-align: center;left: 17%;bottom: 0;}
/*ser*/
.ser{padding:3rem 0 0;}
.ser h2{margin-bottom: 1.7rem;}
.ser li{float: left;width: 33.3%;margin-bottom: 2.5rem;}
.ser li img{display:block;width: 7.5rem;height: 7.5rem;background: #8b8b8b;border-radius: 50%;margin:0 auto;}
.ser li p{font-size: 1.2rem;color: #333;text-align: center;line-height: 2.8rem;}
/*abt*/
.abt{padding:0 0 2.5rem;}
.abt h2{margin-bottom: 1.2rem;}
.abt dd{margin:-3rem 3.9% 0;position: relative;z-index: 2;background: #fff;}
.abt dd h3{padding:1rem 0;height: 3.7rem;text-align: center;}
.abt dd h3 img{display:inline-block;width: 3.7rem;vertical-align: top;margin-right: 1rem;}
.abt dd h3 span{display: inline-block;font-size: 0.6rem; color: #1f1715;letter-spacing: -1px;text-transform: uppercase;text-align: center;line-height: 1rem;}
.abt dd h3 b{display:block;font-size: 0.9rem; line-height: 0.9rem; color: #1f1715; text-align: center; padding: 1rem 0 0.4rem;letter-spacing:1px;}
.abt dd p{ font-size: 1.1rem; line-height: 1.6rem; color: #282828;padding:0 0.5rem;}









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