/*初始化样式*/
input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

h1,h2{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}
p{margin: 0;}

/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}

.com-img{ display:block; overflow:hidden;}
.com-img img{ transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s;}
.com-img:hover img{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);}

.xypg-right-content{font-size: 16px; line-height:30px;}

.j-space-between{justify-content:space-between}
.j-flex-start{justify-content:flex-start}
.j-flex-end{justify-content:flex-end}
.j-center{justify-content:center}
.a-j-center{align-items:center;justify-content:center}
.a-center{align-items:center}
.a-flex-start{align-items:flex-start}
.a-flex-end{align-items:flex-end}

/*主体样式*/







/*样式*/
.wh{max-width: 1460px;margin:0 auto;padding:0 10px}

.flex_a{    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;}

.flex_b{    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;}


.flex_c{    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;}



.head_11{width: 100%;left:0px;top:0px;background:#0E1077;z-index: 999;}
.logo_a{line-height: 90px;}
.logo_a img{max-width: 100%;}


.head_33{width: 70%;}

.lastli{position: relative;}

.ss2 {
    display: none;
    position: absolute;
    right: 0;
    top: 80px;
    width: 238px;
    padding: 20px;
    border-radius: 20px;
    z-index: 999;
    background: rgb(255, 179, 0, 0.5);color:#fff;font-size: 16px;font-weight: 600;
}




/* 产品 */
.probg{
background:url(../img/a91ccc81eb4349c4115291298a888c39e6759c15.png) no-repeat 50% 50%;background-size: cover;padding: 100px 0;
}

.probg .w1600{max-width: 1600px;
    margin: auto;
    overflow: hidden;width:100%}



.pro-index{
  margin-top: 90px;
}

.pro-wrap{
  position: relative;
}

.tab-con { position: relative;left:25%; width:75%}
.tab-con .tab-main { position: absolute; left: 0; top: 0; z-index: 9; right: 0;}
.tab-con .tab-main { opacity: 0; visibility: hidden; transition: all .5s ease; }
.tab-con .tab-main.active { position: static; opacity: 1; visibility: visible;  }

.ptab{
  position: absolute;
  z-index: 999999;
  left:0;
  top: 0;
  box-shadow: 0px 2px 23.5px 1.5px rgba(22, 55, 80, 0.07);
  width: 23.5625%;
  padding: 0 3.38541666666667vw 2.08333333333333vw 2.08333333333333vw;background:#fff;
}

.psort li{
  border-bottom: 1px solid #cccccc;
  padding: 27px 0;
  background: url(../img/d7a4e010fc13e2c0126670077cf92705a178a761.png) no-repeat right center;
  position: relative;
}

.psort li::before{
  content: '';
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 0;
  height: 1px;
  background: #1d1da6;
  transition: 0.5s;
}

.psort li a{
  display: flex;
  align-items: center;
  color: #666666;
  font-size: 18px;
}

.psort li a span{
  width: 6px;
  height: 6px;
  background: #1d1da6;
  margin-right: 15px;
}

.psort li.active{
  background: url(../img/9ae3f12a64c42c02aa86516cbf5291810d5aecfb.png) no-repeat right center;
}

.psort li.active::before{
  width: 70px;
}

.psort li.active a{
  color: #1d1da6;
}

.psort li.active a span{
  background: #1d1da6;
}

.proSwiper{
  width: 100%;overflow: hidden;
}

.proSwiper .swiper-slide a{
  display: flex;
}






.proSwiper .swiper-slide a .wwl{
  writing-mode: vertical-lr;/*从左向右 从右向左是 writing-mode: vertical-rl;*/  
  writing-mode: tb-lr;/*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/  
  word-wrap: break-word;
  color: #111111;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 600;
  margin-top: 88px;
  width: 34px;
}

.proSwiper .swiper-slide a .wwr{
  width: calc(100% - 0px);
  position: relative;
}

.proSwiper .swiper-slide a .wwr .img1{
  width: 50%; background:#fff
}

.proSwiper .swiper-slide a .wwr .img1 img{
  width: 100%;
}

.proSwiper .swiper-slide a .wwr .wz{
  width: 48%;
  background: #fff;
  position: relative;
  z-index: 99;
  bottom: 0;
  right: 0;
  padding: 3.125vw;
 border-top: 8px solid #0E1077;
}

.proSwiper .swiper-slide a .wwr .wz .wz1{
  color: #0E1077;
  font-size: 30px;
  font-weight: 600;
  margin-top: 1.5625vw;
  margin-bottom: 1.5625vw;
}

.proSwiper .swiper-slide a .wwr .wz .wz2{
  color: #555555;
  font-size: 16px;
  line-height: 36px;
}

.proSwiper .swiper-slide a .wwr .wz .wz3{
  border: 1px solid #0E1077;
  width: 180px;
  height: 52px;
  line-height: 50px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  margin-top: 2vw;background:#0E1077;
}

.proSwiper .swiper-pagination{
  bottom: 30px;
  left: 10px;
  text-align: left;
    
}

.proSwiper .swiper-pagination-bullet{
  border-radius: 0;
  background: #c1dbef;opacity: 1;
  
}

.proSwiper .swiper-pagination-bullet-active{
   background: #E11D28;opacity: 1;
}

.proSwiper .ind_fy_box{
  position: relative;
  display: inline-block;
  width: 12%;
}

.proSwiper .lb_pagination_box span:before{content: '0';}
.proSwiper .ind_fy_box span.on{
  color: #E11D28;
  font-size: 42px;
  font-weight: 600;
  line-height: 1;
}
.proSwiper .ind_fy_box span.xian{
  color: #111111;
  opacity: 0.4;
  font-size: 20px;
  font-weight: 600;
  position: absolute;
  right:-10%;top:10px
}
.proSwiper .ind_fy_box span.xian:before{
  content: '';
}
.proSwiper .ind_fy_box span.sum{
  color: #111111;
  font-size: 20px;
  font-weight: 600;
  opacity: 0.4;
  position: absolute;
  right:-55%;top:13px
}




@media(max-width: 1700px){


.psort li{padding: 1.7vw 0;}
}




@media(max-width: 1440px){


.psort li{padding: 1.7vw 0;}

.proSwiper .ind_fy_box span.on{font-size: 32px;}
.proSwiper .ind_fy_box span.sum{font-size: 18px;}

.proSwiper .swiper-slide a .wwr .wz .wz1{font-size: 30px;}


.proSwiper .swiper-slide a .wwr .wz .wz2{
  color: #555555;
  font-size: 15px;
  line-height: 30px;
}

.psort li a{font-size: 16px;}

   .proSwiper .swiper-slide a .wwr .wz .wz3{
  border: 1px solid #0E1077;
  width: 150px;
  height: 48px;
  line-height: 46px;
  text-align: center;
  color: #E11D28;
  font-size: 15px;
  margin-top: 2vw;background:#0E1077;
}

}





@media(max-width: 1280px){
  .proSwiper .swiper-slide a .wwr .wz{
    padding-left: 40px;
  }

  .psort li{
  border-bottom: 1px solid #cccccc;
  padding: 1.7vw 0;
  background: url(../img/d7a4e010fc13e2c0126670077cf92705a178a761.png) no-repeat right center;
  position: relative;
}

.proSwiper .swiper-slide a .wwr .wz .wz1{font-size: 20px;}

.proSwiper .ind_fy_box span.sum{
  color: #111111;
  font-size: 20px;
  font-weight: 600;
  opacity: 0.4;
  position: absolute;
  right: -10px;
  top: 7px;
}


.proSwiper .ind_fy_box span.xian{
  color: #111111;
  opacity: 0.4;
  font-size: 20px;
  font-weight: 600;
  position: absolute;
  right: 20%;
  top: 4px;
}



}


@media(max-width: 780px){
	.tab-con{left: 0;
    width: 100%;}
  .probg{
    background: #f1f6fa;
  }
  .pro-index{
    margin-top: 40px;
  }
  .ptab{
    position: relative;
    width: 100%;
    
  }
  .psort{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .psort li{
    padding: 10px 0;
    width: 48%;
  }
  .psort li a{
    font-size: 14px;
  }
  .proSwiper .swiper-slide a{
    flex-wrap: wrap;
    margin-top: 20px;
  }
  
  .proSwiper{
    position: relative;
  }
  .proSwiper .swiper-pagination{
    bottom: 0;
    left: 10px;
    top: 95%;
  }
  .proSwiper .ind_fy_box{
    width: 20%;
  }
  .proSwiper .ind_fy_box span.on{
    font-size: 20px;
  }
  .proSwiper .ind_fy_box span.xian{
    font-size: 14px;
    right: 48%;
  }
  .proSwiper .ind_fy_box span.sum{
    font-size: 14px;
  }
  .proSwiper .swiper-slide a .wwl{
    width: 100%;
    writing-mode:initial;
    margin-top: 0;
  }
  .proSwiper .swiper-slide a .wwr{
    width: 100%;
    flex-wrap: wrap;
  }
  .proSwiper .swiper-slide a .wwr .img1{
    width: 100%;
  }
  .proSwiper .swiper-slide a .wwr .wz{
    width: 100%;
    position: relative;
    padding: 10px 10px;
    margin-top: 10px;
  }
  .proSwiper .swiper-slide a .wwr .wz .wz1{
    font-size: 16px;
  }
  .proSwiper .swiper-slide a .wwr .wz .wz2{
    font-size: 13px;
    line-height: 24px;
  }
  .proSwiper .swiper-slide a .wwr .wz .wz3{
    width: 120px;
    height: 40px;
    line-height: 38px;
    font-size: 14px;
  }


  .proSwiper{
  width: 100%;overflow: hidden;padding: 50px 0;
}

.proSwiper .ind_fy_box span.sum{
  color: #111111;
  font-size: 14px;
  font-weight: 600;
  opacity: 0.4;
  position: absolute;
  right: 11px;
  top: 4px;
}
}









/* 关于富成 */
.about_aa{background:url(../img/d9509594350ea4895ff7a48c8dcfb2ef520011f9.jpg) no-repeat center top;
padding-top: 150px;padding-bottom: 88px;background-size: cover;}

.ann_a{	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 37px;
	letter-spacing: 0px;
	color: #ffffff;
	opacity: 0.9;margin-top: 40px;}


.more_a{	
	background-color: #E11D28;
	border-radius: 50px;margin-top: 70px;text-align: center;width:150px; height:50px;}

.more_a a{	 font-size:15px;  line-height:50px;
	font-weight: normal;	
	letter-spacing: 0px;
	color: #ffffff;text-align: center;text-transform: uppercase;}



.sw_con2{margin-top: 60px;position: relative; padding-bottom:50px}
.pp_2{overflow: hidden;}
.pp_2 li .img{display: block;}
.pp_2 li .img img{width: 100%; height:240px}

      .sw_con2 .swiper-button-prev{ height: 14px; width: 20px!important;  font-family: MicrosoftYaHei;
border-radius: 0%;
        letter-spacing: 0px;
        color: #ffffff;background:url(../img/f486f64ab983ef0cafeb4053dde154484d35c0d0.png) no-repeat center!important ;}
.sw_con2 .swiper-button-prev:hover{background:url(../img/416b48bb5428b15b14801d57c917c5b940a2fed6.png) no-repeat center!important;}
    
    
.sw_con2 .swiper-button-next{ height: 14px; width: 20px!important;background:none!important;    font-family: MicrosoftYaHei;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0px;border-radius: 0%;
        color: #ffffff;background:url(../img/0b96db707b784163d8b827b7136480f37e9ea2d7.png) no-repeat center!important;}
     

.sw_con2 .swiper-button-next:hover{background:url(../img/c9de317709b5235496298ee08464f414e41b0500.png) no-repeat center!important;}


 .sw_con2 .swiper-button-prev {
        left: -40px;
      }
      
.sw_con2 .swiper-button-next{
        right: -40px;
      }
      
.sw_con2 .swiper-button-next,
.sw_con2 .swiper-button-prev {
        outline: none;
        position: absolute;
        top:50%;
        z-index: 9999;
        height: 14px;
        -webkit-transition: all .5s ease;
        transition: all .5s ease;margin-top: -7px; }


@media (max-width: 1280px) {
	.about_aa{background:url(../img/d9509594350ea4895ff7a48c8dcfb2ef520011f9.jpg) no-repeat center top;
padding-top: 40px;padding-bottom: 38px;background-size: cover;}

.more_a{	width: 95px;
margin-top: 20px;text-align: center;}

	.sw_con2{margin-top: 20px;position: relative;}


.ann_a{	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 37px;
	letter-spacing: 0px;
	color: #ffffff;
	opacity: 0.9;margin-top: 20px;max-width: 704px;}
	.pp_2 li .img img{ height:200px;}
}



/* 为什么选择我们 */
.che_bg{background:#f1f1f1;padding: 85px 0;margin-bottom: 85px;}
.xw_ll{margin-top: 30px;}
.xw_ll li{width: 31%;margin-top: 65px;}

.img_y_a{width: 65px;}
.img_y_a img{width: 100%;}

.xw_ll li .img_y_a .imgaaa{display: block;}
.xw_ll li .img_y_a .imgbbb{display: none;}

.xw_ll li:hover .img_y_a .imgbbb{display: block;}
.xw_ll li:hover .img_y_a .imgaaa{display: none;}

.xw_ll li .yy_ok{width:calc(100% - 75px);}
.xw_ll li .yy_ok h3{	color: #0E1077;font-size: 24px;font-weight: 600;}
.xw_ll li .yy_ok p{	font-size: 16px;
	font-weight: normal;
	letter-spacing: 0px;
	color: #565656;margin-top: 10px;}

.xw_ll li:hover .yy_ok h3{color: #E11D28;}



@media (max-width: 1440px) {
.xw_ll li .yy_ok h3{font-size: 20px;}

.xw_ll li .yy_ok p{	font-size: 15px;
	font-weight: normal;
	letter-spacing: 0px;
	color: #565656;margin-top: 10px;line-height: 25px;height:50px;overflow: hidden;}
	.pp_2 li .img img{ height:220px}
}





@media (max-width: 1280px) {
.xw_ll li .yy_ok h3{font-size: 18px;}

.xw_ll li .yy_ok p{	font-size: 14px;
	font-weight: normal;
	letter-spacing: 0px;
	color: #565656;margin-top: 10px;line-height: 25px;height:50px;overflow: hidden;}
}



@media (max-width: 992px) {
.xw_ll li{width: 48%;margin-top: 45px;}
.pp_2 li .img img{ height:150px;}

}


@media (max-width: 768px) {
.xw_ll li{width: 100%;margin-top: 25px;}

}





/* 解决方案 */
.xxb{	width: 53px;margin:0 auto;
	height: 2px;background:#0E1077;margin-top: 20px;margin-bottom: 15px;}


.ff_ll{margin-top: 40px;}
.ff_ll li{width: 25%;position: relative;}
.ff_ll li img{width: 100%;}
.ff_ll li::after{position: absolute;width: 100%;height:100%;background: rgba(16, 39, 103, .7);content: "";left:0px;top:0px;z-index: 22;}
.ff_ll li .sk_kh{position: absolute;width: 100%;padding: 3.5vw;bottom: 0px;left:0px;z-index: 33;}
.ff_ll li:hover::after{background: rgba(16, 39, 103, .2);}
.ff_ll li .img_sk{width: 65px;margin:0 auto;margin-bottom: 25px;}
.ff_ll li .img_sk img{max-width: 100%;}
.ff_ll li h3{	font-size: 36px;
	font-weight: 600;
	line-height: 34px;
	letter-spacing: 0px;
	color: #ffffff;height:34px;overflow: hidden;}


.ff_ll li h4{	font-size: 18px;
	font-weight: normal;
	line-height: 35px;
	letter-spacing: 0px;
	color: #ffffff;
	opacity: 0.7;height:105px;overflow: hidden;margin-top: 20px;}



@media (max-width: 1440px) {
.ff_ll li h3{font-size: 30px;}
.ff_ll li .img_sk{width: 55px;margin:0 auto;margin-bottom: 25px;}
}


@media (max-width: 1370px) {
.ff_ll li h3{font-size: 25px;}
.ff_ll li .img_sk{width: 50px;margin:0 auto;margin-bottom: 25px;}
.ff_ll li .sk_kh{position: absolute;width: 100%;padding: 25px;bottom: 0px;left:0px;z-index: 33;}



}

@media (max-width: 1280px) {
.ff_ll li h3{font-size: 20px;}
.ff_ll li h4{	font-size: 15px;
	font-weight: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #ffffff;
	opacity: 0.7;height:90px;overflow: hidden;margin-top: 20px;}
}



@media (max-width: 992px) {
.ff_ll li h3{font-size: 18px;}
.ff_ll li h4{	font-size: 14px;
	font-weight: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #ffffff;
	opacity: 0.7;height:90px;overflow: hidden;margin-top: 20px;}

.ff_ll li .img_sk{width: 35px;margin:0 auto;margin-bottom: 15px;}
}


@media (max-width: 768px) {
.ff_ll li{width: 50%;}
.ff_ll li .sk_kh{position: absolute;width: 100%;padding: 15px;bottom: 0px;left:0px;z-index: 33;}
}





















/* 最新动态 */
.xw_con{background:#f8f8f8;padding: 110px 0 30px 0;}

.xwrot{margin-top: 40px;}
.xwrot li{background:#9d9d9d;margin:0 10px;position: relative;}
.xwrot li a{line-height: 58px;color: #f8f8f8;	font-size: 18px;padding: 0 70px;}
.xwrot li:hover{background:#0E1077;}
.xwrot li:hover a{color:#fff}

.xwrot li::after{background:url(../img/28ea4917713a1d3edf397b9cfa0d1081a8baa38f.png) no-repeat top;width: 20px;height:8px;
position: absolute;left:50%;margin-left: -10px;top:58px;content: "";display: none;}

.xwrot li:hover::after{display: block;}










.sw_con{margin-top: 30px;}
.pp_1{overflow: hidden;}
.pp_1 li a.img{display: block;}
.pp_1 li a.img img{width: 100%;}

.xw_cc{width: 90%;margin:0 auto;margin-top:-30%;position: relative;z-index: 999;background:#fff;padding: 20px;}
.xw_cc h3{	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 35px;
	letter-spacing: 0px;
	color: #333333;height:35px;overflow: hidden;}

.xw_cc h4{	font-size: 16px;
	font-weight: normal;
	line-height: 26px;
	letter-spacing: 0px;
	color: #666666;height:52px;overflow: hidden;margin-top: 5px;}

.xw_cc h5{	font-size: 14px;
	font-weight: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #999999;margin-top: 30px;}


.xw_cc h6{width: 30px;height:30px;background:url(../img/a3b7f8b72880b43a0ecbb1425e48a165c491a516.png) no-repeat 50% 50% #cccccc;margin-top: 30px;}

.pp_1 li:hover .xw_cc h6{background:url(../img/a3b7f8b72880b43a0ecbb1425e48a165c491a516.png) no-repeat 50% 50% #E11D28;}
.pp_1 li:hover .xw_cc h3{color: #0E1077;}








@media (max-width: 1440px) {
.xw_cc h3{font-size: 16px;}

.xw_cc h4{	font-size: 14px;
	font-weight: normal;
	line-height: 26px;
	letter-spacing: 0px;
	color: #666666;height:52px;overflow: hidden;margin-top: 5px;}

.xwrot li a{line-height: 55px;color: #f8f8f8;	font-size: 17px;padding: 0 50px;}
.xwrot li::after{background:url(../img/28ea4917713a1d3edf397b9cfa0d1081a8baa38f.png) no-repeat top;width: 20px;height:8px;
position: absolute;left:50%;margin-left: -10px;top:55px;content: "";display: none;}

  }





@media (max-width: 1370px) {
.xw_cc h3{font-size: 16px;}

.xw_cc h4{	font-size: 14px;
	font-weight: normal;
	line-height: 26px;
	letter-spacing: 0px;
	color: #666666;height:52px;overflow: hidden;margin-top: 5px;}


.xw_cc{width: 94%;margin:0 auto;margin-top:-30%;position: relative;z-index: 999;background:#fff;padding: 12px;}

.xwrot li a{line-height: 50px;color: #f8f8f8;	font-size: 15px;padding: 0 40px;}
.xwrot li::after{background:url(../img/28ea4917713a1d3edf397b9cfa0d1081a8baa38f.png) no-repeat top;width: 20px;height:8px;
position: absolute;left:50%;margin-left: -10px;top:50px;content: "";display: none;}


  }



@media (max-width: 1280px) {
.xw_con{background:#f8f8f8;padding: 40px 0;}

.xwrot li a{line-height: 40px;color: #f8f8f8;	font-size: 15px;padding: 0 20px;}
.xwrot li::after{background:url(../img/28ea4917713a1d3edf397b9cfa0d1081a8baa38f.png) no-repeat top;width: 20px;height:8px;
position: absolute;left:50%;margin-left: -10px;top:40px;content: "";display: none;}

.xwrot li{background:#9d9d9d;margin:0 5px;position: relative;}
  }

@media (max-width: 992px) {
.xwrot li a{line-height: 40px;color: #f8f8f8;font-size: 14px;padding: 0 10px;margin: 0 3px;}
.xwrot{margin-top: 30px;}
  }










/* 网站的文字 */
.web_tt{text-align: center;}
.web_tt h2{	font-size: 48px;
	font-weight: 600;
	letter-spacing: 0px;
	color: #bbbbbb;text-transform: uppercase;}


.web_tt h3{	font-size: 36px;
	font-weight: 600;
	letter-spacing: 0px;
	color: #0E1077;margin-top: 10px;text-transform: uppercase;}


.web_tt h4{	font-size: 18px;
	font-weight: normal;
	letter-spacing: 0px;
	color: #666666;line-height: 30px;max-width: 900px;margin:0 auto;margin-top: 12px;}







@media (max-width: 1440px) {
 .web_tt h2{font-size: 40px;}
 .web_tt h3{font-size: 30px;}
 .web_tt h4{font-size: 16px;}
  }




@media (max-width: 1280px) {
 .web_tt h2{font-size: 30px;}
 .web_tt h3{font-size: 25px;}
 .web_tt h4{font-size: 15px;}
  }



@media (max-width: 992px) {
 .web_tt h2{font-size: 25px;}
 .web_tt h3{font-size: 20px;}
 .web_tt h4{font-size: 12px;}
  }



/* 通栏 */
.dff{background:#2b2b2b;padding-top: 60px;padding-bottom: 70px;}

.fotb{width: 55.54%;}

.g_ll{margin-top: 44px;max-width: 250px;}
.g_ll li{position: relative;text-align: center;	border-radius: 4px;width: 46px;height:46px;background: rgba(255,255,255,0.08);}
.g_ll li .imgdg{text-align: center;max-width: 100%;width: 46px;overflow: hidden;}

.g_ll li .wm1{position: absolute;left:50%;top:50px;display: none;width:100px;margin-left: -50px;}
.g_ll li .wm1 img{max-width: 100%;}
.g_ll li:hover .wm1{display: block;} 
.g_ll li:nth-child(3) .wm1{display: none;}

.g_ll li:hover{background:#0E1077;}
.g_ll li:hover .imgdg{filter: brightness(100);}

.dfdh h2{	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;padding-left: 25px;
	letter-spacing: 0px;
	color: rgba(255,255,255,0.9);background:url(../img/b1ace2cd89123747fd315eab8385654f44da65fd.png) no-repeat left 50%;}

.dfdh h3{	font-family: HONORSans-Bold;
	font-size: 36px;
	font-weight: 600;
	line-height: 34px;
	letter-spacing: 0px;
	color: #ffffff;margin-top: 10px;}

.dflx{	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 32px;
	letter-spacing: 0px;
	color: #ffffff;
	opacity: 0.9;margin-top: 30px;}



.dff2{background:#0E1077;padding: 20px 0;line-height: 25px;color: #ffffff;font-size: 15px;}
.dff2 a{line-height: 25px;color: #ffffff;font-size: 15px;}
.dff2 a:hover{color: #0e283a;}



/* 持续创新·与众不同 */
.different-bg{
  margin-top: 4.16666666666667vw;
}

.different-index .list2 {
  display: flex;
  justify-content: space-between;
  margin-top: 3.38541666666667vw;
}

.different-index .list2 li {
  width: 12.4%;
  overflow: hidden;
  position: relative;
  transition-duration: .5s;
}

.different-index .list2 li .img1{
  position: relative;
  height: 550px;
}

.different-index .list2 li .img1 > img{
  max-width: 100%;
  object-fit: cover;
  height: 550px;
}

.different-index .list2 li .wz{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background: rgba(0,0,0,0.34);
}

.different-index .list2 li .wz .wz1 img{
  max-width: 88px;
  width: 100%;
  text-align: center;
}

.different-index .list2 li .wz .wz2{
  color: #ffffff;
  font-size: 32px;
  font-weight: 600;
  margin-top: 2.6vw;
}

.different-index .list2 li .wzh{
  display: none;
  background: #0B4E9F;
}

.different-index .list2 li.on{
  width: 37.76%;
}

.different-index .list2 li.on .wz{
  display: none;
}

.different-index .list2 li.on a .img1{
  display: flex;
  flex-direction: row-reverse;
}

.different-index .list2 li.on a .img1 > img{
  width: calc(100% - 32.83%);
}

.different-index .list2 li.on .wzh{
  display: block;
  width: 32.83%;
}

.different-index .list2 li.on .wzh .wzh2{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 100%;
}

.different-index .list2 li.on .wzh .wzh2 .wz1 img{
  max-width: 88px;
  width: 100%;
}

.different-index .list2 li.on .wzh .wzh2 .wz2{
  color: #ffffff;
  font-size: 32px;
  font-weight: 600;
  margin-top: 2.6vw;
}

.different-index .list2 li.on .wzh .wzh2 .wz3{
  font-size: 18px;
  text-transform: uppercase;
  color: rgba(255,255,255,.5);
  margin-top: 6.25vw;
}


@media(max-width: 1300px){
  .different-index .list2 li .wz .wz2{
    font-size: 20px;
  }
  .different-index .list2 li.on .wzh .wzh2 .wz2{
    font-size: 20px;
  }
  .different-index .list2 li.on .wzh .wzh2 .wz3{
    font-size: 16px;
  }
}

@media(max-width: 1024px){
  .different-index .list2 li .wz .wz2{
    font-size: 16px;
  }
  .different-index .list2 li .wz .wz1 img{
    max-width: 50px;
  }
  .different-index .list2 li.on .wzh .wzh2 .wz1 img{
    max-width: 50px;
  }
  .different-index .list2 li.on .wzh .wzh2 .wz2{
    font-size: 16px;
  }
  .different-index .list2 li.on .wzh .wzh2 .wz3{
    font-size: 14px;
    margin-top: 40px;
  }
}

@media(max-width: 767px){
  .different-bg{
    margin-top: 40px;
  }
  .different-index .list2{
    margin-top: 30px;
    flex-wrap: wrap;
  }
  .different-index .list2 li{
    width: 50%;
  }
  .different-index .list2 li.on{
    width: 50%;
  }
  .different-index .list2 li.on .wz{
    display: flex;
  }
  .different-index .list2 li.on .wzh{
    display: none !important;
  }
  .different-index .list2 li.on .wzh .wzh2{
    display: none;
  }
  .different-index .list2 li.on a .img1 > img{
    width: 100%;
  }
  .different-index .list2 li .img1{
    height: 200px;
  }
  .different-index .list2 li .img1 > img{
    height: 200px;
    width: 100%;
  }
}



.box6{background:#F8F8F8; padding-bottom:50px;}

.p3a {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.p3a1 {
    width: 50%;
}

.p3a1 img {
    width: 100%!important;
}
@media(max-width:500px){
    .p3a1 img{
       max-width:100%; height:auto !important;width:auto !important;
    }
}

.p3a2 {
    width: 49%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.p3a2a {
    background: url(../img/2ca5ccdd101696713a784808d2051bed45839a6a.png) no-repeat center center;
    background-size: cover;
    height: 47.3%;
    padding: 2.6rem 1rem 1rem 2.1rem;
}

.p3a2a h3 {
    font-size:22px;
    line-height: 1.8;
    color: #ffffff;font-weight:bold;
}

.p3a2a img {
    max-width: 100%;
    display: block;
    margin-top: 2.6rem;
}

.p3a2b {
    display: flex;
    justify-content: space-between;
    height: 50%;
    /* overflow: hidden; */
}

.p3a2b .p3a2b1 {
    width: 48.8%;
}

.p3a2b .p3a2b1 p {
    font-size: 0;
    margin: 0;
    padding: 0;
    height: 100%;
}

.p3a2b .p3a2b1 img {
    width: 100%!important;
    height: 100%!important;
    display: block;
}


.p3a2b .p3a2b2 {
    width: 48.8%; background: #0E1077;
}
.p3a2b2 li{height:100%;}
.p3a2b .p3a2b2 a {
    color: #fff;
    padding:50px;
    display:flex;justify-content: center;flex-direction:column;height:100%;
}

.p3a2b .p3a2b2 a span {
    font-size:14px;
    display: inline-block;
    margin-bottom: 1.2rem;
}

.p3a2b .p3a2b2 a h3 {
    font-size:18px;
    font-weight: 400;
    margin-bottom: 1rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
}

.p3a2b .p3a2b2 a p {
    font-size:14px;
    line-height: 1.9;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;

}


.p3b {
    margin-top: 2.25rem;
    position: relative;
    padding-bottom: 2.75rem;
}

.p3b .p3b-swiper {
    overflow: hidden;
}

.p3b .swiper-slide a {
    display: block;
    padding-bottom: 1.8rem;
    border-bottom:6px solid #d1d1d1;

}
.p3b .swiper-slide:hover a h3 {
    color: #E11D28;
}

.p3b .swiper-slide a h3 {
    font-size:18px;
    line-height: 23px;
    height: 23px;
    color: #0E1077;
    margin-bottom: 0.7rem;font-weight:bold;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
}

.p3b .swiper-slide a span {
    font-size:14px;
    line-height: 1.58;
    color: #0E1077;
    display: inline-block;
    margin-bottom: 1rem;
}

.p3b .swiper-slide a p {
    font-size:14px;
    line-height: 1.8;
    color: #666666;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}


.p3b-pagination {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
}

.p3b-pagination .swiper-pagination-bullet {
    width: 0.65rem;
    height: 0.65rem;
    background-color: #d1d1d1;
    border-radius: 50%;
    transition: all ease .36s;
    opacity: 1;
    margin: 0 6px;
    outline: none;
}


.p3b-pagination .swiper-pagination-bullet-active {
    background-color: #0E1077;
}



@media(max-width: 1450px) {
    .p3a2a {
        padding: 1.6rem 1rem 0.5rem 2.1rem;
    }

    .p3a2a img {
        margin-top: 1.6rem;
    }

    .p3a2b .p3a2b2 a {
       padding:45px 10px;
    }
}

@media(max-width: 1366px) {
    .p3a2b .p3a2b2 a {
        padding:40px 10px;
    }
}

@media(max-width: 1024px) {
    .p3a2b .p3a2b2 a span {
        margin-bottom: 0.5rem;
    }

    .p3a2b .p3a2b2 a h3 {
        margin:1.5vw 0;font-size:16px;
    }
    .p3b .swiper-slide a h3{font-size:16px;}
    .p3a2a img{margin-top:10vw;}
}

@media(max-width: 768px) {
    .p3a1 {
        width: 100%;
    }
    .p3a2a h3{font-size:18px;}

    .p3a2 {
        width: 100%;
        margin-top: 2%;
    }
    .p3a2a img{margin-top:25px;}
    .p3a2a{padding:30px 15px;}
}

@media(max-width: 500px) {
    .p3a2a {
        height: initial;
    }

    .p3a2a h3 {
        font-size: 1.6rem;
    }

    .p3a2a img {
        max-width: 75%;
    }

    .p3a2b {
        flex-wrap: wrap;
        height: initial;
        margin-top: 2%;
    }

    .p3a2b .p3a2b1 {
        width: 100%;
    }

    .p3a2b .p3a2b2 {
        width: 100%;
    }
    .p3a2b .p3a2b2 a{padding:25px 15px;}
    .p3a2b .p3a2b2 a span {
        font-size: 1.4rem;
    }
    
    .p3a2b .p3a2b2 a h3 {
        font-size:16px;margin:11px 0 15px;
    }

    .p3a2b .p3a2b2 a p {
        font-size:14px;line-height:24px;
    }

    .p3b .swiper-slide a h3 {
        font-size:15px;
    
    }

    .p3b .swiper-slide a p {
        font-size: 1.3rem;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;line-height:24px;
        overflow: hidden;
    }
}
.ffnn{ padding:50px 0 0 0}