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

.wSection .tit{text-align: center;font-weight: normal;}
.wSection .tit b{display: block;font-size: 2.75rem;color: #2C3033;line-height: 2.75rem;}
.wSection .tit i{display: block;font-size: 1.2rem;color: #5b5b5b;line-height: 1.2rem;padding-top: 0.5rem;}


/*banner*/
.wSection .g-adv{ position:relative; width:100%; margin:0 auto; height: auto; z-index:15; font-size:0;}
.wSection .g-adv .m-box img{ display:block;position: relative;width:100%; height: auto; }
.wSection .g-adv .swiper-pagination{height: 0.8rem;bottom: 1rem;}
.wSection .g-adv .swiper-pagination .swiper-pagination-bullet{opacity: 1;width: 0.8rem;height: 0.8rem;border-radius: 50%;border: 2px solid #fff;margin: 0 0.4rem;background: none;vertical-align: top;box-sizing: border-box;}
.wSection .g-adv .swiper-pagination .swiper-pagination-bullet-active{background: #203E82;border-color: #203E82;}


/*yz*/
.wSection .yz{background: #eee;position: relative;}
.wSection .yz:before{position: absolute;width: 1px;height: 5.4rem;background: #2C3033;content: "";opacity: 0.2;left: 50%;top: 2.9rem;}
.wSection .yz:after{position: absolute;width: 1px;height: 5.4rem;background: #2C3033;content: "";opacity: 0.2;left: 50%;bottom: 2.9rem;}
.wSection .yz_sz li{float: left;width: 50%;height: 11.2rem;padding-top: 3rem;box-sizing: border-box;position: relative;text-align: center;transition: all 0.3s;font-size: 0;}
.wSection .yz_sz li i{display: inline-block;vertical-align: top;margin-right: 0.7rem;height: 3rem;overflow: hidden;}
.wSection .yz_sz li i img{width: auto;height: 6rem;transition: all 0.5s;}
.wSection .yz_sz li div{display: inline-block;vertical-align: top;text-align: left;}
.wSection .yz_sz li span{display: block;font-size: 1.2rem;color: #2c3033;line-height: 1.2rem;height: 2.2rem;padding: 0.75rem 0 0.8rem;transition: all 0.3s;}
.wSection .yz_sz li span em{display: inline-block;font-size: 3rem;line-height: 2.2rem;vertical-align: top;   font-family: Bauhaus,Arial;margin-right: 0.2rem;}
.wSection .yz_sz li p{font-size: 1.2rem;line-height: 1.2rem;color: #2c3033;transition: all 0.3s;}
.wSection .yz_sz li.cur{background: #203E82;}
.wSection .yz_sz li.cur i img{transform: translateY(-3rem);}
.wSection .yz_sz li.cur span,.yz_sz li.cur p{color: #fff;}
.wSection .yz_sz li.cur span em{color: #FFD200;}

/*pro*/
.wSection .pro{padding: 3rem 3.1% 2rem;}
.wSection .pro_t_wap{padding: 1rem 0 0.6rem;}
.wSection .pro_t_wap a{float: left;width: 31.6%;height: 2.3rem;line-height: 2.3rem;text-align: center;font-size: 1rem;color: #fff;background: #2B2F32;border-radius: 1.15rem;margin-bottom: 0.5rem;margin-right: 2.6%;overflow: hidden;}
.wSection .pro_t_wap a:nth-child(3n){margin-right: 0;}
.wSection .pro_t_wap a.cur{background: #203E82;}
.wSection .pro_con_wap li{float: left;width: 49%;margin-bottom: 1rem;}
.wSection .pro_con_wap li:nth-child(2n){float: right;}
.wSection .pro_con_wap li img{    border: 0.15rem solid #E8E8E8;box-sizing: border-box;}
.wSection .pro_con_wap li span{display: block;height: 3rem;line-height: 3rem;text-align: center;font-size: 1.1rem;color: #2c3033;margin-top: 3px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;background: #eee;}


/*fea*/
.wSection .fea{height: 52.4rem;padding: 1.5rem 0.5rem 0;background: url(../images/fea_bg.jpg) no-repeat;background-size: 100% 100%;}
.wSection .fea h2{margin-bottom: 1.2rem;}
.wSection .fea li{float: left;width: 48.4%;height: 17.7rem;background: #203E82;border-radius: 0.5rem;padding: 0 1rem 0 2.75rem;box-sizing: border-box;position: relative;}
.wSection .fea li:nth-child(2n){float: right;}
.wSection .fea li img{position: absolute;left: 0.25rem;top: 0.75rem;width: auto;height: 3.1rem;}
.wSection .fea li h3{font-size: 1.4rem;color: #F4F5F6;line-height: 1.8rem;border-bottom: 1px dashed rgba(255,255,255,0.3);font-weight: normal;padding: 1.8rem 0 0.9rem;margin-bottom: 0.6rem;}
.wSection .fea li h3 b{display: block;}
.wSection .fea li p{font-size: 1rem;color: #fff;line-height: 1.2rem;opacity: 0.7;}
.wSection .fea_con{padding-bottom: 2rem;}
.wSection .fea_con .swiper-pagination{height: 0.8rem;bottom: 0;background: url(../images/fea_line.png) no-repeat center;background-size: 100%;font-size: 0;}
.wSection .fea_con .swiper-pagination .swiper-pagination-bullet{opacity: 1;width: 0.8rem;height: 0.8rem;border-radius: 100%;margin: 0 0.3rem;background: #A0A0A0;vertical-align: top;}
.wSection .fea_con .swiper-pagination .swiper-pagination-bullet-active{background: #203E82;}


/*honor*/
.wSection .honor{height: 27.7rem;padding: 2.7rem 3.1% 0;box-sizing: border-box;background: url(../images/hn_bg.jpg) no-repeat;background-size: 100% 100%;}
.wSection .honor h2{margin-bottom: 1.2rem;}
.wSection .hn_list li{border-radius: 0.2rem;overflow: hidden;}
.wSection .hn_btn{margin-top: 1.5rem;font-size: 0;text-align: center;height: 2rem;background: url(../images/hn_line.png) no-repeat center;background-size: 100%;}
.wSection .hn_btn div{display: inline-block;vertical-align: top;width: 2rem;margin: 0 0.5rem;}


/*ys*/
.wSection .ys{height: 54.2rem;padding: 3rem 3.1% 0;box-sizing: border-box;background: url(../images/ys_bg.jpg) no-repeat;background-size: 100% 100%;}
.wSection .ys h2 b,.ys h2 i{color: #fff;}
.wSection .ys_t_wap{height: 5.8rem;margin: 2.2rem 0 1.5rem;}
.wSection .ys_t_wap li{float: left;width: 25%;height: 5.8rem;border-left: 1px dashed #fff;box-sizing: border-box;text-align: center;}
.wSection .ys_t_wap li:last-child{border-right: 1px dashed #fff;}
.wSection .ys_t_wap li img{display: block;margin: 0 auto 0.8rem;opacity: 0.5;transition: all 0.5s;width: auto;height: 2.8rem;}
.wSection .ys_t_wap li span{display: block;font-size: 1.2rem;color: #fff;line-height: 1.2rem;}
.wSection .ys_t_wap li i{display: block;font-size: 0.7rem;color: #fff;line-height: 1.2rem;opacity: 0.3;font-family: Arial;}
.wSection .ys_t_wap li.cur img{opacity: 1;animation: flipInY 1.5s;}
.wSection .ys_t_wap li.cur span{color: #FFD200;}
.wSection .ys_con_wap dt{border-radius: 0.3rem;overflow: hidden;}
.wSection .ys_con_wap dd h3{font-size: 1.5rem;color: #fff;line-height: 1.8rem;font-weight: normal;padding: 1.8rem 0 1rem;}
.wSection .ys_con_wap dd h3 b{display: block;color: #FFD200;}
.wSection .ys_desc p{font-size: 1.1rem;color: #fff;line-height: 1.4rem;opacity: 0.6;margin-bottom: 0.8rem;padding-left: 0.8rem;position: relative;}
.wSection .ys_desc p:after{position: absolute;width: 0.2rem;height: 0.2rem;content: "";border-radius: 50%;left: 0;top: 0.6rem;background: #fff;}


/*case*/
.wSection .case{padding: 3rem 0 0;/*height: 51.3rem;*/height: 40rem;box-sizing: border-box;background: url(../images/case_bg.jpg) no-repeat;background-size: 100% 100%;}
.wSection .case_t{margin: 1rem;}
.wSection .case_t li{float: left;width: 22%;height: 5rem;text-align: center;border: 0.15rem solid #444;box-sizing: border-box;margin-right: 4%;transition: all 0.3s;margin-bottom: 0.5rem;}
.wSection .case_t li:nth-child(4n){margin-right: 0;}
.wSection .case_t li a{display: block;font-size: 1.1rem;color: #4D4D4D;line-height: 1.5rem;padding: 0.85rem 1.5rem;transition: all 0.3s;}
.wSection .case_t li:hover{background: #203e82;border-color: #203e82;}
.wSection .case_t li:hover a{color: #fff;}
.wSection .case_con dl{padding-bottom: 4rem;position: relative;width: 29rem;margin: 0 0.5rem;}
.wSection .case_con dd{position: absolute;width: 92%;height: 6.4rem;background: #fff;left: 4%;bottom: 0;padding: 0 7rem 0 1.75rem;box-sizing: border-box;}
.wSection .case_con dd h4 a{display: block;font-size: 1.2rem;font-weight: bold;color: #333;line-height: 2rem;margin: 1rem 0 0;height: 2rem;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.wSection .case_con dd p{font-size: 1.1rem;color: #3A3831;line-height: 1.9rem;height: 1.9rem;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.wSection .case_con dd .xq{position: absolute;right: 0;top: 0;width: 5.6rem;height: 6.4rem;background: #203e82;transition: all 0.3s;}
.wSection .case_con{padding-bottom: 3rem;}
.wSection .case_con .swiper-pagination{height: 1.6rem;bottom: 0;background: url(../images/case_line.png) no-repeat center;background-size: 100%;font-size: 0;}
.wSection .case_con .swiper-pagination .swiper-pagination-bullet{opacity: 1;width: 0.6rem;height: 0.6rem;border-radius: 100%;margin: 0.5rem 0.3rem 0;background: #444;vertical-align: top;}
.wSection .case_con .swiper-pagination .swiper-pagination-bullet-active{background: #203E82;}
.wSection .case_con .prev{position: absolute;width: 1.6rem;left: 37%;bottom: 0;z-index: 10;}
.wSection .case_con .next{position: absolute;width: 1.6rem;right: 37%;bottom: 0;z-index: 10;}

/*news*/
.wSection .news{padding: 3rem 3.1% 1.5rem;}
.wSection .new_t_wap{height: 2.3rem;text-align: center;font-size: 0;margin: 1.4rem 0 1.8rem;}
.wSection .new_t_wap a{display: inline-block;width: 8.5rem;height: 2.3rem;line-height: 2.3rem;text-align: center;font-size: 1rem;color: #fff;background: #272B2E;border-radius: 1.15rem;margin: 0 0.6rem;}
.wSection .new_t_wap a.cur{background: #203E82;}
.wSection .new_con_wap dl{margin-bottom: 1.5rem;}
.wSection .new_con_wap dt{float: left;width: 18%;}
.wSection .new_con_wap dd{float: right;width: 77%;height: 3.4rem;border-bottom: 1px solid #BABABA;box-sizing: border-box;}
.wSection .new_con_wap dd h4 a{display: block;font-size: 1.1rem;height: 1.9rem;line-height: 1.9rem;color: #818181;font-weight: normal;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.wSection .new_con_wap dd i{display: block;font-size: 0.75rem;color: #2C3033;line-height: 0.8rem;font-weight: bold;}

/*abt*/
.wSection .abt{}
.wSection .abt ul{height: 10rem;background: #203E82;}
.wSection .abt li{float: left;width: 25%;height: 10rem;text-align: center;padding-top: 1.3rem;box-sizing: border-box;}
.wSection .abt li img{width: auto;height: 4.5rem;margin: 0 auto;}
.wSection .abt li p{font-size: 1.1rem;color: #fff;line-height: 1.1rem;padding-top: 0.7rem;}
.wSection .abt li strong{display: block;font-size: 0.6rem;color: #fff;line-height: 1.2rem;opacity: 0.2;font-weight: normal;}





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