@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: #313131;line-height: 2rem;}
.tit i{display:block;font-size: 1.4rem;line-height: 1.4rem;color: #626262;padding-top: 0.6rem;}
/**/
.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;}
.g-adv .swiper-pagination{bottom: 2rem;}
.g-adv .swiper-pagination .swiper-pagination-bullet{width: 2.4rem;height: 0.2rem;opacity: 1;background: #fff;border-radius: 0;}
.g-adv .swiper-pagination .swiper-pagination-bullet-active{background: #ff1d32;}
/*product*/
.pro{padding:2.9rem 2.3% 2.2rem;background: #f0f0f0;}
.pro h2{height: 3.7rem;margin-bottom: 3rem;font-size: 1.8rem;color: #292929;text-align: center;line-height: 3.1rem;position: relative;background:url(../images/pro_t.png) no-repeat;background-size:100% 1.6rem;}
.pro h2:after{position: absolute;width: 2.8rem;height: 0.2rem;background: #ca2131;content: "";left: 50%;bottom: 0;margin-left: -1.4rem;}
.pro h2 a{color: #292929}
.pro li{float: left;width:49%;margin-bottom: 1.5rem;position: relative;}
.pro li:nth-child(2n){float: right;}
.pro li:nth-child(1){border-bottom:0.3rem solid #ff394c;}
.pro li:nth-child(2){border-bottom:0.3rem solid #41a6fb;}
.pro li:nth-child(3){border-bottom:0.3rem solid #e9a33c;}
.pro li:nth-child(4){border-bottom:0.3rem solid #009944;}
.pro li span{position: absolute;width: 100%;height: 1.3rem;line-height: 1.3rem;font-size: 1.2rem;color: #5a5a5a;text-align: center;left: 0;top: 0.9rem;}
.pro li i{display:inline-block;width: 1.3rem;height: 1.3rem;vertical-align: top;margin-right:0.7rem;}
.pro li .i1{background:url(../images/pro_ic1.png) no-repeat;background-size:100%;}
.pro li .i2{background:url(../images/pro_ic2.png) no-repeat;background-size:100%;}
.pro li .i3{background:url(../images/pro_ic3.png) no-repeat;background-size:100%;}
.pro li .i4{background:url(../images/pro_ic4.png) no-repeat;background-size:100%;}
/*way*/
.way{padding:4rem 2.3% 0;height: 24.1rem;background:url(../images/way_bg.jpg) no-repeat;background-size:100% 28.1rem;}
.way h2{height: 4.1rem;margin-bottom: 3.5rem;font-size: 1.8rem;color: #292929;text-align: center;line-height: 3.1rem;position: relative;background:url(../images/way_t.png) no-repeat;background-size:100% 1.6rem;}
.way h2:after{position: absolute;width: 2.8rem;height: 0.2rem;background: #ca2131;content: "";left: 50%;bottom: 0;margin-left: -1.4rem;}
.way h2 a{color: #fff}
.way li{float: left;width: 20%;}
.way li a{display:block;position: relative;}
.way li span{position: absolute;width: 3rem;font-size: 1.2rem;color: #fff;line-height: 2.1rem;text-align: center;left: 50%;top: 1.4rem;margin-left: -1.5rem;}
.way li a:after{position: absolute;width: 2rem;height: 2rem;background:url(../images/jt1.png) no-repeat;background-size:100%;content: "";left: 50%;bottom: 3.8rem;margin-left: -1rem;}
/*yz*/
.yz{height: 21.3rem;padding:3.6rem 2.3% 0;background:url(../images/yz_bg.jpg) no-repeat;background-size:100% 24.9rem}
.yz h2{height: 4.2rem;margin-bottom: 3.5rem;font-size: 1.8rem;color: #fff;text-align: center;line-height: 3.1rem;position: relative;background:url(../images/yz_t.png) no-repeat;background-size:100% 1.6rem;}
.yz h2:after{position: absolute;width: 2.8rem;height: 0.2rem;background: #ca2131;content: "";left: 50%;bottom: 0;margin-left: -1.4rem;}
.yz li{float: left;width: 16.4%;margin-right: 4.5%;}
.yz li span{display:block;height: 4.1rem;margin-bottom: 1.2rem;font-size: 0.9rem;color: #fff;line-height:0.9rem;background:url(../images/yz_li.png) no-repeat left bottom;background-size:3.1rem 0.6rem;}
.yz li i{display:inline-block;font-size: 2.8rem;line-height: 3.5rem;vertical-align: top;}
.yz li p{font-size: 0.8rem;color: #fff;line-height: 1.2rem;opacity: 0.7;}
.yz li:last-child{margin-right: 0;}
/*news*/
.news{padding:3.5rem 2.3%;background: #f0f0f0;}
.news h2{height: 4.2rem;margin-bottom: 2.3rem;font-size: 1.8rem;color: #292929;text-align: center;line-height: 3.1rem;position: relative;background:url(../images/new_t.png) no-repeat;background-size:100% 1.6rem;}
.news h2:after{position: absolute;width: 2.8rem;height: 0.2rem;background: #ca2131;content: "";left: 50%;bottom: 0;margin-left: -1.4rem;}
.news h3{height: 4.7rem;}
.news h3 a{float: left;width: 30%;margin-right: 5%;height: 1.9rem;line-height: 1.9rem;text-align: center;font-size: 0.8rem;color: #6a6a6a;border:1px solid #b1b1b1;box-sizing: border-box;border-radius: 0.9rem;}
.news h3 a:last-child{margin-right: 0;}
.news dt{float: left;width: 50%;}
.news dd{float: right;width: 44%;}
.news dd h4{font-size: 1.1rem;color: #292929;line-height: 1.9rem;margin:-0.4rem 0 0.2rem;}
.news dd h4 a{color: #292929;}
.news dd p{font-size: 0.8rem;color: #292929;line-height: 1.4rem;}
.news dd .more{display:block;margin-top: 1.1rem;width: 7.5rem;padding-left: 1.8rem;box-sizing: border-box;height: 2.2rem;line-height: 2.2rem;border-radius:1.1rem;font-size: 0.7rem;color: #fff;background:url(../images/jt2.png) no-repeat 82% center #ca2131;background-size:1.4rem 0.7rem;}
.news ul{background: #fff;height: 6.5rem;box-shadow:0 0 1rem rgba(0,0,0,0.1);margin-top: 2.5rem;}
.news li{float: left;width: 50%;padding:0 2rem 0 1rem;height: 6.5rem;box-sizing: border-box;}
.news li:first-child{border-right:1px solid #e5e5e5;}
.news li i{display:block;font-size: 0.7rem;color: #666;line-height: 1rem;margin:1.2rem 0 0.6rem;}
.news li a{display:block;font-size: 0.8rem;color: #292929;line-height: 1.4rem;}
/*abt*/
.abt{padding:4rem 2.3% 3rem;background:url(../images/abt_bg.jpg) no-repeat;background-size:100% 19.9rem;}
.abt h2{height: 3.7rem;margin-bottom: 3.4rem;font-size: 1.8rem;color: #fff;text-align: center;line-height: 3.1rem;position: relative;background:url(../images/abt_t.png) no-repeat;background-size:100% 1.6rem;}
.abt h2:after{position: absolute;width: 2.8rem;height: 0.2rem;background: #ca2131;content: "";left: 50%;bottom: 0;margin-left: -1.4rem;}
.abt dd{background: #f0f0f0;border-bottom:0.2rem solid #ff394c;padding-bottom: 0.5rem;}
.abt dd h3{text-align: center;padding:0.8rem 0;}
.abt dd h3 i{display:block;font-size: 1.5rem;color: #ca2131;line-height: 1.5rem;opacity: 0.1;font-family: Arial;}
.abt dd h3 b{display:block;font-size: 1.6rem;color: #ff394c;line-height: 1.6rem;margin-top: -0.5rem;}
.abt dd p{font-size: 0.7rem;color: #444;line-height: 1.4rem;padding:0 0.8rem;}






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