@charset "utf-8";
.wrap img{display:block;width:100%;}

.tit{text-align: center;font-weight: normal;font-size: 0;line-height: 0;}
.tit img{display: block;margin: 0 auto -1.7rem;width: auto;height: 3.8rem;}
.tit b{display: inline-block;font-size: 1.8rem;color: #222222;line-height: 2.4rem;position: relative;}
.tit b:before{position: absolute;width: 3.2rem;height: 0.9rem;content: "";background: url(../Images/Index/tit1.png) no-repeat left;background-size: 3.2rem 0.9rem;left: -4rem;top: 0.7rem;}
.tit b:after{position: absolute;width: 3.2rem;height: 0.9rem;content: "";background: url(../Images/Index/tit2.png) no-repeat right;background-size: 3.2rem 0.9rem;right: -4rem;top: 0.7rem;}
.tit span{display: block;font-size: 1.2rem;color: #222222;line-height: 1.2rem;padding-top: 0.5rem;letter-spacing: 0.1rem;}
.tit em{color: #EA616F;}

/*banner*/
.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 .swiper-pagination-bullet{opacity: 1;background: #fff;}
.g-adv .swiper-pagination .swiper-pagination-bullet-active{background: #EA616F;}

/*cess*/
.cess{height: 8.5rem;background: #EA616F;}
.cess li{float: left;width: 25%;text-align: center;margin-top: 1.9rem;position: relative;}
.cess li:after{position: absolute;width: 0.8rem;height: 4.4rem;content: "";background: url(../Images/Index/cess_l.png) no-repeat center;background-size: 0.75rem 4.4rem;right: -0.4rem;top: 0.2rem;}
.cess li i{display: block;width: 2.4rem;height: 2.4rem;background: #fff;border-radius: 100%;margin: 0 auto;overflow: hidden;}
.cess li p{font-size: 0.9rem;color: #fff;line-height: 1.2rem;padding-top: 0.2rem;}
.cess li:last-child:after{display: none;}


/*pro*/
.pro{padding: 4rem 3.1% 3.5rem;}
.pro h2 b:before{left: -2.8rem;width: 2.2rem;}
.pro h2 b:after{right: -2.8rem;width: 2.2rem;}
.pro_t{margin: 1.5rem 1.8rem;border-radius:1.65rem;overflow: hidden;background: #222222;}
.pro_t a{float: left;width: 50%;height: 3.3rem;line-height: 3.3rem;text-align: center;font-size: 1.3rem;color: #fff;font-weight: normal;}
.pro_t a.cur{background: #EA616F;}
.pro_list li{float: left;width: 49%;margin-bottom: 1rem;position: relative;}
.pro_list li:nth-child(2n+1){float: right;}
.pro_list li span{display: block;height: 2.5rem;line-height: 2.5rem;font-size: 1.2rem;color: #222222;border-bottom: 2px solid #f2f2f2;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;background: url(../Images/Index/pro_jt.png) no-repeat right center;background-size: 1.4rem 1.4rem;}
.pro_list li:nth-child(1){width: 100%;}
.pro_list li:nth-child(1) span{position: absolute;width: 100%;left: 0;bottom: 0;height: 3.2rem;line-height: 3.2rem;background: rgba(0,0,0,0.8);border: 0;padding: 0 1.8rem;box-sizing: border-box;color: #fff;}
.pro_list li i{display:none;}
.pro_list .zz1 li:nth-child(1) i,.pro_list .zz2 li:nth-child(1) i{display:block; float: right;width: 6.7rem;height: 2rem;line-height: 2rem;font-size: 1rem;text-align: center;background: #EA616F;border-radius: 1rem;margin: 0.6rem -1rem 0 0;}
.pro_m{display: block;width: 19.8rem;height: 3.3rem;line-height: 3.3rem;text-align: center;font-size: 1.2rem;color: #fff;font-weight: bold;background: #EA616F;box-shadow: 0 0 0.5rem rgba(224,23,42,0.26);border-radius: 1.65rem;margin: 1.7rem auto 0;}

/*case*/
.case{padding: 3rem 3.1%;background: #f2f2f2;}
.case h2 img{height: 4.8rem;margin: 0 auto -2.1rem;}
.case h2 b:before{background: url(../Images/Index/tit3.png) no-repeat left;background-size: 3.2rem 0.9rem;left: -3.5rem;}
.case h2 b:after{background: url(../Images/Index/tit4.png) no-repeat right;background-size: 3.2rem 0.9rem;right: -3.5rem;}
.case h3{margin: 1.5rem 0 0.5rem;}
.case h3 a{float: left;width: 30%;margin-right: 5%;height: 2.9rem;line-height: 2.9rem;text-align: center;font-size: 1.2rem;color: #fff;background: #222222;border-radius: 1.45rem;margin-bottom: 1rem;}
.case h3 a:nth-child(3n){margin-right: 0;}
.case h3 a.cur{background: #EA616F;}
.case_con dd{height: 11.3rem;text-align: center;}
.case_con dd h4{font-size: 1.5rem;color: #222222;line-height: 2rem;height: 2rem;font-weight: bold;padding: 1.2rem 0 0.5rem;}
.case_con dd h4 a{display: block;height: 2rem;color: #222222;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.case_con dd p{font-size: 1.1rem;color: #666;line-height: 1.8rem;}
.case_con .swiper-pagination{bottom: 12.3rem;height: 1.2rem;z-index:10;}
.case_con .swiper-pagination .swiper-pagination-bullet{width: 1.2rem;height: 1.2rem;background: #fff;opacity: 1;border-radius:100%;margin:0 0.2rem;vertical-align:top;}
.case_con .swiper-pagination .swiper-pagination-bullet-active{background: #EA616F;}
.case_m{display: block;width: 19.8rem;height: 3.3rem;line-height: 3.3rem;text-align: center;font-size: 1.2rem;color: #fff;font-weight: bold;background: #EA616F;box-shadow: 0 0 0.5rem rgba(224,23,42,0.26);border-radius: 1.65rem;margin: 0 auto;}
.case .tit{ margin-bottom:10px;}


.case_con li{float: left;width:47.4%;margin-right: 2.6%;margin-bottom: 0.6rem;}


/*dz*/
.dz{padding: 3rem 0 0;}
.dz h2{margin-bottom: 0.7rem;}
.dz h2 b:before,.dz h2 b:after{display: none;}
.dz_con{padding: 1rem 0 4.8rem;}
.dz_con dl{height: 8rem;margin: 0 1rem 1rem;border-radius: 4rem;box-shadow: 0 0 1rem rgba(0,0,0,0.1);padding-right: 1.4rem;}
.dz_con dt{float: left;width: 6.5rem;margin: 0.75rem 0.9rem 0 0.75rem;border-radius: 100%;overflow: hidden;}
.dz_con dd h3{font-size: 1.5rem;color: #222222;line-height: 1.5rem;font-weight: normal;padding: 1.4rem 0 0.3rem;}
.dz_con dd p{font-size: 1rem;color: #666;line-height: 1.5rem;}
.dz_con .swiper-pagination{height: 3.2rem;bottom: 0;z-index: 10;background: url(../Images/Index/swpg_bg.png) no-repeat center;background-size: 100% 0.15rem;}
.dz_con .swiper-pagination .swiper-pagination-bullet{width: 3.2rem;height: 3.2rem;line-height: 3.2rem;background: #222222;opacity: 1;border-radius:100%;margin:0 0.4rem;vertical-align:top;font-size: 1.8rem;color: #fff;font-family: Arial;font-weight: bold;}
.dz_con .swiper-pagination .swiper-pagination-bullet-active{background: #EA616F;}



/*ys*/
.ys{padding: 3.7rem 0 3rem;}
.ys h2{margin-bottom: 1.5rem;}
.ys h2 img{height: 3.3rem;margin: 0 auto -1.4rem;}
.ys h2 b{color: #EA616F;font-size: 2.3rem;line-height: 2.3rem;}
.ys_con{position: relative;}
.ys_bd dd{height: 11.5rem;background: #f3f3f3;padding: 0 1rem;margin-top: 5rem;}
.ys_bd dd h3{font-size: 1.5rem;color: #222222;line-height: 1.8rem;height: 1.8rem;padding: 1.4rem 0 0.8rem;}
.ys_bd dd h3 b{font-size: 1.8rem;vertical-align: top;}
.ys_bd dd p{font-size: 1.1rem;color: #666666;line-height: 1.5rem;}
.ys_t{position: absolute;width: 100%;left: 0;bottom: 17rem;z-index: 10;height: 5rem;}
.ys_t li{float: left;width: 25%;text-align: center;height: 5rem;font-size: 1.2rem;color: #fff;line-height: 1.5rem;font-weight: bold;padding: 1.1rem 0 0;box-sizing: border-box;position: relative;background: #222222;border-left: 1px solid #393939;border-right: 1px solid #111;}
.ys_t li.cur{background: #EA616F;border-color: #EA616F;}
.ys_t li.cur:after{position: absolute;content: "";border: 0.5rem solid transparent;border-top-color: #EA616F;left: 50%;bottom: -1rem;margin-left: -0.5rem;}
.ys_bd{padding-bottom: 5.5rem;}
.ys_bd .swiper-pagination{height: 3.2rem;bottom: 0;z-index: 10;background: url(../Images/Index/ys_line.png) no-repeat center;background-size: 100% 0.15rem;}
.ys_bd .swiper-pagination .swiper-pagination-bullet{width: 3.2rem;height: 3.2rem;line-height: 3.2rem;background: #222222;opacity: 1;border-radius:100%;margin:0 0.4rem;vertical-align:top;font-size: 1.8rem;color: #fff;font-family: Arial;font-weight: bold;}
.ys_bd .swiper-pagination .swiper-pagination-bullet-active{background: #EA616F;}
.ys .zx{display: block;width: 19.8rem;height: 3.3rem;line-height: 3.3rem;text-align: center;font-size: 1.2rem;color: #fff;font-weight: bold;background: #EA616F;box-shadow: 0 0 0.5rem rgba(224,23,42,0.26);border-radius: 1.65rem;margin: 2.5rem auto 0;}



/*coop*/
.coop{padding:0.5rem 3.1% 2.5rem;background: #f3f3f3;}
.coop h2{margin-bottom: 1.5rem;}
.cp_con{padding-bottom: 3.7rem;}
.cp_con li{float: left;width: 31.6%;margin-right: 2.6%;margin-bottom: 0.6rem;}
.cp_con li:nth-child(3n){margin-right: 0;}
.cp_con .swiper-pagination{bottom: 0;height: 1.2rem;z-index:10;}
.cp_con .swiper-pagination .swiper-pagination-bullet{width: 1.2rem;height: 1.2rem;background: #fff;opacity: 1;border-radius:100%;margin:0 0.2rem;vertical-align:top;}
.cp_con .swiper-pagination .swiper-pagination-bullet-active{background: #EA616F;}


.cp_con dd{height:0.3rem;text-align: center;}
.cp_con dd h4{font-size: 1.5rem;color: #222222;line-height: 2rem;height: 2rem;font-weight: bold;padding: 1.2rem 0 0.5rem;}
.cp_con dd h4 a{display: block;height: 2rem;color: #222222;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.cp_con dd p{font-size: 1.1rem;color: #666;line-height: 1.8rem;}

/*news*/
.news{padding: 3rem 3.1%;}
.news h2 img{height: 4.8rem;margin: 0 auto -2.4rem;}
.news h3{height: 3.2rem;margin: 1.8rem 0 1.5rem;border-radius: 1.6rem;overflow: hidden;background: #222222;}
.news h3 span{float: left;width: 33%;height: 3.2rem;line-height: 3.2rem;text-align: center;font-size: 1.5rem;color: #fff;font-weight: normal;box-sizing: border-box;border-left: 1px solid #393939;border-right: 1px solid #101010;}
.news h3 span:nth-child(1){width: 34%;}
.news h3 span.cur{background: #EA616F;border-color: #EA616F;}
.new_con dl{background: #f2f2f2;margin-bottom: 0.5rem;}
.new_con dt{float: left;width: 44%;}
.new_con dd{float: right;width: 56%;padding: 0 0.8rem;box-sizing: border-box;}
.new_con dd h4{font-size: 1.2rem;line-height: 1.2rem;font-weight: normal;padding: 1.2rem 0 0.4rem;}
.new_con dd h4 a{color: #222222;}
.new_con dd p{font-size: 1rem;line-height: 1.3rem;color: #999;}
.new_con li{height: 4.5rem;padding-top: 1.4rem;border-bottom: 2px solid #f2f2f2;}
.new_con li h4{font-size: 1.2rem;color: #333;line-height: 1.2rem;font-weight: normal;}
.new_con li h4 a{color: #333;}
.new_con li p{font-size: 1rem;color: #999;line-height: 1rem;margin-top: 0.7rem;}
.new_m{display: block;width: 19.8rem;height: 3.3rem;line-height: 3.3rem;text-align: center;font-size: 1.2rem;color: #fff;font-weight: bold;background: #EA616F;box-shadow: 0 0 0.5rem rgba(224,23,42,0.26);border-radius: 1.65rem;margin: 2.5rem auto 0;}


/*abt*/
.abt{padding: 3rem 3.1% 2.8rem;background: url(../Images/Index/abt_bg.jpg) no-repeat;background-size: 100% auto;}
.abt h2{margin-bottom: 1.5rem;}
.abt h2 img{height: 4.8rem;margin: 0 auto -3.9rem;}
.abt h2 b{line-height: 3.9rem;color: #fff;}
.abt h2 b:before,.abt h2 b:after{top: 1.5rem;}
.abt h2 span{color: #fff;}
.abt dt{padding: 1rem;background: #fff;}
.abt dd h3{font-size: 1.8rem;color: #222222;line-height: 1.8rem;text-align: center;}
.abt dd p{font-size: 1rem;color: #666;line-height: 1.5rem;padding: 0.7rem 0 1.2rem;}
.qyfc_t{height: 2.5rem;margin-bottom: 1rem;}
.qyfc_t span{float: left;width: 33.3%;height: 2.5rem;line-height: 2.5rem;text-align: center;font-size: 1.2rem;color: #fff;border-left: 1px solid #393939;border-right: 1px solid #101010;background: #222222;box-sizing: border-box;}
.qyfc_t span.cur{background: #EA616F;border-color: #EA616F;font-weight: normal;}
.qyfc_bd li{float: left;width: 48%;}
.qyfc_bd li:nth-child(2){float: right;}





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