@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: 0;}
.tit i{display: block;color: #313131;font-size: 2rem;line-height: 2rem;}
.tit span{display: block;color: #313131;font-size: 1.3rem;line-height: 1.3rem;padding-top: 0.7rem;}

/**/
.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 h3{display: block;text-align: center;font-size:2rem ;color:#d1222f ;line-height: 2rem;padding-top: 3.8rem;font-weight: bold;}
.yz p{margin: 1.5rem 3.1% 0;font-size:1.2rem ;color:#313131 ;line-height: 2rem;}
.yz_z{margin: 2.8rem 0 0;border-top: 1px solid #eeeeee;}
.yz_z li{ float: left;font-size:2.4rem; line-height: 2.4rem; color: #333333;width: 50%;height: 9rem; border-bottom: 1px solid #eeeeee;border-right: 1px solid #eeeeee;box-sizing: border-box; text-align: center;padding-top: 2rem;}
.yz_z li:nth-child(even){ border-right: 0;}
.yz_z li b{ display: inline-block; font-size:3.6rem; line-height:3.6rem ;color: #d1222f;font-weight: normal;}
.yz_z li i{ display: inline-block; line-height: 1rem; font-size:1rem ; color: #d1222f; text-align: center; vertical-align:top;}
.yz_z li span{ display: block;font-size:1.2rem; line-height: 1.5rem; color: #434343; font-weight:normal;}

.pro{padding-top: 5rem;}
.pro_t{height:4rem;margin-top: 2.5rem;border: 1px solid #eee;}
.pro_t li{float: left;width:25%;text-align: center;position: relative;height:4rem;font-size: 1.2rem;color: #1b1b1b;line-height: 4rem;border-right:1px solid #eee ;box-sizing: border-box;font-weight: bold;z-index: 100;}
.pro_t li:last-child{border-right: 0;}
.pro_t li.cur{background: #d1222f;color: #fff;}
.pro_t li.cur:after{position: absolute;width:1rem;height: 0.6rem;content: "";left: 50%;margin-left: -0.5rem;top: 4rem;background: url(../images/san.png) no-repeat;background-size: 1rem 0.6rem;}
.pro_con{background: #eee;border-bottom: 1rem solid #fff;}
.pro_con dt{display: block;width: 100%;}
.pro_con dt img{width: 100%;}
.pro_con .list{margin:-2.3rem 0 0;}
.pro_con .list li{float: left; width:48.5%;}
.pro_con .list li img{width: 100%;}
.pro_con .list li span{height: 3rem;line-height: 3rem;background: #fff;font-size: 1.2rem;color: #434343;display: block;text-align: center;}
.pro_con .list li:nth-child(even){float: right;}
.pro_con .list .swiper-pagination-clickable .swiper-pagination-bullet{background:0;width: 0.5rem;height: 0.5rem;margin: 0 0.25rem;border: 0.1rem solid #d1222f;}
.pro_con .list .swiper-pagination-clickable  .swiper-pagination-bullet-active{background: #d1222f;}
.pro_con .list .swiper-pagination-bullets{position: relative;margin-top: 1.4rem;}
.pro_con dd{margin: 0 3.1% 2.5rem;}
.pro_con dd h3 a{display: block;font-size: 1.6rem;line-height:1.6rem ;color: #1b1b1b;padding-top:0.5rem ;padding-bottom:1.1rem ;}
.pro_con dd p{font-size: 1.2rem;line-height:1.9rem ;color: #535353;}

.hot{height: 20rem;background: url(../images/hot_bg.jpg) no-repeat;background-size: 100% 20rem;}
.hot h2{text-align: center;display: block;color: #fff;font-size: 2rem;line-height: 2rem;padding-top: 2.7rem;position: relative;}
.hot h2:after{position: absolute;left: 50%;top: 6rem;background: #d1222f;content: "";width: 2.7rem;height: 0.1rem;margin-left: -1.35rem;}
.hot ul{margin-top: 3.1rem;border-top: 1px solid #fff;border-bottom: 1px solid #fff;}
.hot li{float: left;width:33.3%;text-align: center;position: relative;height:4rem;font-size: 1.2rem;color: #fff;line-height: 4rem;border-right:1px solid #fff ;border-bottom:1px solid #fff ;box-sizing: border-box;z-index: 100;}
.hot li a{color: #fff;}
.hot li:nth-child(3n){width:33.4%;border-right: 0;}


.dz{padding-top: 5rem;}
.dz_con{margin: 2.4rem 3.1% 0;}
.dz_con li,.dz_con li img{width: 100%;}
.dz_con li span{height: 5.3rem;line-height: 5.3rem;background: #fff;font-size: 1.8rem;color: #313131;display: block;text-align: center;border: 0.1rem solid #eee;}
.dz_con .swiper-pagination-clickable .swiper-pagination-bullet{background:0;width: 0.5rem;height: 0.5rem;margin: 0 0.1rem;border: 0.1rem solid #d1222f;}
.dz_con .swiper-pagination-clickable  .swiper-pagination-bullet-active{background: #d1222f;}
.dz_con .swiper-pagination-bullets{position: relative;margin-top: 1.9rem;height: 1.4rem;background: url(../images/shou.jpg) no-repeat;background-size: 100% 1.4rem;line-height: 1.4rem;}
.dz_t{margin: 3.2rem 3.1% 0;}
.dz_t li{float: left;margin-right: 1.2rem;margin-bottom: 1.5rem;width:9rem;}
.dz_t li a{font-size: 1.3rem;color: #fff;height:3rem ;line-height:3rem ;border-radius: 1.5rem;background: #d1222f;text-align: center;display: block;}
.dz_t li:nth-child(3){margin-right: 0;}

.yiny{padding-top: 3.5rem;margin-top: 3.5rem;background: #eeeeee;}
.yiny_con{margin: 2.5rem 3.1% 0;}
.yiny_con li{float: left; width:48.5% ;border: 0.1rem solid #d1222f;box-sizing: border-box;height: 14.5rem;margin-bottom: 1rem;}
.yiny_con li:nth-child(2n){float: right;}

.yiny_con li img{display: block; width: 5.5rem;height: 5.5rem;margin: 3.2rem auto 0;}
.yiny_con li span{display: block;font-size: 1.4rem;line-height: 1.4rem;padding-top: 0.8rem;color: #313131;font-weight: bold;text-align: center;}

.coop h2{text-align: center;display: block;color: #313131;font-size: 2rem;line-height: 2rem;padding-top:5rem;position: relative;}
.coop h2:after{position: absolute;left: 50%;top: 8.2rem;background: #d1222f;content: "";width: 2.7rem;height: 0.1rem;margin-left: -1.35rem;}
.coop ul{margin-top:4rem;border-top: 1px solid #eee;border-left: 1px solid #eee;border-right: 1px solid #eee;box-sizing: border-box;}
.coop li{float: left;width:33.3333333%;text-align: center;border-right:1px solid #eee ;box-sizing: border-box;z-index: 100;border-bottom:1px solid #eee ;}
.coop li img{width: 100%;}
.coop li:nth-child(3n){width:33.3333333%;border-right: 0;}

.honor{height: 27.4rem;background: url(../images/honor_bg.jpg) no-repeat;background-size: 100% 27.4rem;margin-top: 5rem;}
.honor .tit{padding-top: 5rem;}
.honor p img{width: 100%;margin-top: 3.2rem;}

.new{padding-top: 5rem;}
.new_con{border-top:1px solid #cfd3d9 ;margin: 2.5rem 3.1% 0;}
.new_con dl{padding:1.5rem 0;border-bottom:1px solid #cfd3d9;}
.new_con dt{float: left;width:42.2%;}
.new_con dt img{width: 100%;}
.new_con dd{float: right;width: 53.3%;}
.new_con dd>a{display: block;font-size: 1.2rem;color: #1a1a1a;line-height: 1.2rem;padding:0.5rem 0;}
.new_con dd p{font-size: 1.2rem;color: #7d7d7d;line-height: 1.8rem;}
.new .more{display: block; width: 10.5rem; height: 3.6rem; line-height: 3.6rem; background: #d1222f; font-size: 1.2rem; color: #ffffff;text-align: center; border-radius:1.8rem; margin:3rem auto 0;}


.abt{padding-top: 5rem;padding-bottom: 9rem;}
.abt .abt_con{margin-top: 2.2rem;}
.abt .abt_con dt img{ display: block; width: 100%;}
.abt .abt_con dd{height:19rem; margin: 0 3.1%; background: #fff; position: relative; margin-top: -2rem; padding: 0 2rem;border: 1px solid #eee;}
.abt .abt_con dd span{float: right; font-size:1.2rem ; line-height:1.2rem ; color: #351c7d; padding: 1.3rem 0 1rem;clear: both; font-weight: bold; }
.abt .abt_con dd h3{ display: block; font-weight: bold; padding: 3.5rem 0 1rem 2rem; font-size: 1.5rem; line-height: 1.5rem; color: #d1222f; font-weight: bold;background: url(../images/ys_ic.png) no-repeat left 3.65rem;background-size:1.5rem 1.3rem;}
.abt .abt_con dd p{font-size: 1.2rem; color: #7d7d7d; line-height: 2.1rem; }
.abt .abt_t{ margin-top: -5rem;position: relative;z-index: 100;}
.abt .abt_t ul{ margin:0.8rem 3% 0 3%;}
.abt .abt_t li{width:33%; float: left; position: relative;background:url(../images/line1.png) no-repeat right;background-size:0.8rem 1.5rem;position: relative;}
.abt .abt_t li.cur:after{position: absolute;left: 4.5rem;top:1.6rem;width: 0.8rem;height: 0.7rem;background:url(../images/san2.png) no-repeat center;content: "";background-size:0.8rem 0.7rem;}
.abt .abt_t li.cur em{color: #d1222f;margin-top: -0.3rem;}
.abt .abt_t li:last-child{ background: 0;}
.abt .abt_t li i{display: block; width: 3rem; height: 3rem;margin: 0 auto; }
.abt .abt_t li em{display:block;font-size: 1.3rem; color: #332c2b; font-weight: bold; line-height: 1.8rem; text-align: center;}
/**/
/**/
@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;}}