@charset "utf-8";

.tit{text-align: center;font-weight: normal;position: relative;font-size: 0;line-height: 0;}
.tit b{display: inline-block;font-size: 1.5rem;color: #111;line-height: 1.5rem;height: 2.8rem;border-bottom: 1px solid #d0d0d0;}
.tit:after{position: absolute;width: 5.2rem;height: 3px;background: #c20102;content: "";left: 50%;margin-left: -2.6rem;bottom: -1px;}

/**/
.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*/
.yz{padding: 1rem 3.1% 0;}
.yz_jt{width: 2.7rem;margin: 0 auto 4rem;}
.yz h2{margin-bottom: 3rem;padding-top:1rem}
.yz h3{font-size: 2rem;line-height: 2rem;color: #231815;letter-spacing: -0.1rem;margin-bottom: 0.4rem;}
.yz_desc{font-size: 1.1rem;color: #8b8988;line-height: 1.9rem;padding-bottom: 1.2rem;}
.yz_con{position: relative;}
.yz_con dt{position: relative;}
.yz_con dt p{position: absolute;width: 100%;height: 4rem;line-height: 4rem;background: rgba(0,0,0,0.5);left: 0;bottom: 0;}
.yz_con dt p span{float: left;padding-left: 4.2rem;font-size: 1.2rem;color: #fff;width: 18rem;height: 4rem;overflow: hidden;}
.yz_con dt p i{float: right;margin-right: 5.2rem;font-size: 1.1rem;color: #fff;}
.yz_con dt p em{font-size: 1.6rem;vertical-align: top;}
.yz_con .swiper-button-next{position: absolute;right: 0;top: auto;bottom: 0;z-index: 10;margin: 0;width: 4rem;height: 4rem;}
.yz_con .swiper-button-prev{position: absolute;left: 0;top: auto;bottom: 0;z-index: 10;margin: 0;width: 4rem;height: 4rem;}
.yz_t{padding: 3rem 0 4rem;background: #eee;}
.yz_t li{float: left;width: 25%;text-align: center;}
.yz_t li i{display: block;width: 4.7rem;height: 4.7rem;overflow: hidden;margin: 0 auto 1.2rem;background: url(../images/yz_c1.png) no-repeat;background-size: 100% 100%;}
.yz_t li p{font-size: 1.2rem;color: #231815;line-height: 1.5rem;word-wrap:break-word; }
.yz_t li:nth-child(2) p{padding:0 3%}
.yz_t li.cur i{background: url(../images/yz_c2.png) no-repeat;background-size: 100% 100%;}
.yz_t li.cur i img{position: relative;top: -4.7rem;}

/*pcb*/
.pcb{padding: 4.5rem 0 7rem;}
.pcb_desc{font-size: 1rem;color: #555;line-height: 1.4rem;padding: 1rem 0 5rem;text-align: center;}
.pcb_con{position: relative;padding-bottom: 1rem;}
.pcb_con li{position: relative;opacity: 0.5;}
.pcb_con li span{position: absolute;height: 2.8rem;line-height: 2.8rem;font-size: 1.4rem;color: #fff;padding: 0 2.2rem;box-sizing: border-box;bottom: -1.1rem;right: -0.6rem;background: rgba(0,0,0,0.8);}
.pcb_con li.swiper-slide-active{box-shadow: 0 0 1rem rgba(122,122,122,0.4);opacity: 1;}

/*ys*/
.ys{padding: 3rem 0 0;background: #eee;}
.ys_desc{font-size: 1rem;color: #555;line-height: 1.4rem;padding: 1.5rem 0 3rem;text-align: center;}
.ys_t{margin-bottom: 2.5rem;}
.ys_t li{float: left;width: 25%;text-align: center;}
.ys_t li i{display: block;width: 4.7rem;height: 4.7rem;overflow: hidden;margin: 0 auto 1.2rem;background: url(../images/yz_c1.png) no-repeat;background-size: 100% 100%;}
.ys_t li p{font-size: 1rem;color: #231815;line-height: 1.5rem;}
.ys_t li p b{display:block}
.ys_t li.cur i{background: url(../images/yz_c2.png) no-repeat;background-size: 100% 100%;}
.ys_t li.cur i img{position: relative;top: -4.7rem;}
.ys_con dl{position: relative;}
.ys_con dt i{position: absolute;width: 6rem;height: 5.5rem;line-height: 5.5rem;text-align: center;font-size: 3.5rem;color: #fff;background: #c30101;left: 0;bottom: 11.3rem;}
.ys_con dd{position: absolute;width: 100%;left: 0;bottom: 0;height: 11.3rem;background: rgba(255,255,255,0.9);padding: 0 1rem;box-sizing: border-box;}
.ys_con dd h3{font-size: 2.4rem;color: #333;line-height: 2.4rem;padding: 1.7rem 0 0;}
.ys_con dd h3 em{color: #c20102;}
.ys_con dd p{font-size: 1rem;color: #8b8988;line-height: 1.8rem;}

/*fact*/
.fact{padding: 3.5rem 0 0;}
.fact_desc{font-size: 1rem;color: #555;line-height: 1.4rem;padding: 1.5rem 0 3.5rem;text-align: center;}
.fact_con li{position: relative;opacity: 0.5;}
.fact_con li span{position: absolute;left: 0;bottom: 0;width: 94%;height: 6rem;line-height: 6rem;text-align: center;font-size: 1.2rem;color: #fff;background: rgba(0,0,0,0.5);text-overflow: ellipsis;white-space: nowrap;overflow: hidden;padding:0 3%}
.fact_con li.swiper-slide-active{box-shadow: 0 0 1rem rgba(122,122,122,0.4);opacity: 1;}

/*client*/
.client{padding: 4.5rem 0 4rem;position: relative;z-index: 1;}
.client:after{position: absolute;width: 100%;left: 0;bottom: 0;height: 33rem;background: #eee;content: "";z-index: -1;}
.cl_desc{font-size: 1rem;color: #555;line-height: 1.4rem;padding: 1.2rem 0 3.5rem;text-align: center;}
.client .vd{margin: 0 3.1%;}
.cl_con{margin-top: 3.5rem;}
.cl_con li i{display: block;position: relative;}
.cl_con li i:after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;content: "";background: rgba(0,0,0,0.5);}
.cl_con li span{display: block;font-size: 1.3rem;line-height: 1.5rem;color: #222;text-align: center;padding-top: 1.5rem;height: 1.5rem;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.cl_con li.swiper-slide-active i:after{display: none;}

/*news*/
.news{padding: 3.5rem 0 5.5rem;}
.news h2{margin-bottom: 2.5rem;}
.news dl{margin: 0 3.1%;}
.news dd{padding: 2rem 1rem 0;height: 6.8rem;background: #eee;}
.news dd h3{font-size: 1.5rem;color: #333;line-height: 1.5rem;margin-bottom: 0.7rem;}
.news dd p{font-size: 1.1rem;color: #8b8988;line-height: 1.5rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.news ul{margin-top: 2.5rem;}
.news li{height: 4.9rem;padding: 1.5rem 3.1%;border-top: 1px solid #d9d9d9;}
.news li i{float: left;width: 4.5rem;text-align: center;height:4.9rem;font-size: 1rem;color: #fff;line-height: 1rem;background: url(../images/new_date.jpg) no-repeat;background-size: 100% 4.9rem;margin-right: 1.5rem;}
.news li i b{display: block;font-size: 3rem;line-height: 3.4rem;}
.news li h3{font-size: 1.4rem;color: #231815;line-height: 1.5rem;padding: 0.9rem 0;}
.news li h3 a{color: #231815;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.news .more{display: block;height: 4rem;line-height: 4rem;text-align: center;font-size: 1.2rem;color: #c30101;border: 1px solid #c30101;margin: 3.5rem 3.1% 0;}







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