.ab_box{max-width:1540px;min-width: 1200px;width:81%; margin: 0 auto; position: relative; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;box-sizing: border-box;}

.maod{position: absolute;left: 0;top:0px;height: 1px;}

.zhus{position: absolute;left: 0;bottom: 22px;color: #999999;line-height: 16px;}

.zhus2{color: rgba(255, 255, 255, 0.4);}

.zhus2 span{-webkit-text-stroke: 0.2px rgba(255, 255, 255, 0.2);}

.qianm{position: absolute;right: 0;top: 47%;transform: translateY(-50%);}

.about_ban{position: relative;background: #e3e4e6;z-index: 11;}

.about_ban .abban_con{position: relative;overflow:hidden}

.about_ban .abban_con .img {position: relative;max-width: 1920px;margin: 0 auto; }

.about_ban .abban_con .img img:last-child{position: absolute;left: 0;top: 0;width: 100%;}

.about_ban .abban_con .img img{width: 100%;}

.about_ban .abban_con .txt{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

.about_ban .abban_con .txt .con {display: flex;align-items: center;height: 100%;}

.about_ban .abban_con .txt .con .ts{width: 590px;}

.about_ban .abban_con .txt .con .ts .t1 img{width: 550px;}

.about_ban .abban_con .txt .con .ts .t2{margin: 35px 0 0px;line-height: 32px;text-align: justify;}

.about_ban .abban_con .txt .con .ts .t2 span{display: inline-block;margin-right: 8px;}

.about1{background:url(../img/ab1_2.jpg) center no-repeat;background-size: cover;color: #fff;position: relative;z-index: 10;}

.about1 .ab1_con{padding: 210px 0 100px;}

.about1 .ab1_con .con1 {margin-bottom: 150px;}

.about1 .ab1_con .con3 .ul{display: flex;flex-wrap: wrap;justify-content: space-between;}

.about1 .ab1_con .con3 .ul .li{margin-right: 10%;}

.about1 .ab1_con .con3 .ul .li:nth-child(4){width: 100%;height: 170px;margin-right: 0;}

.about1 .ab1_con .con3 .li:nth-child(4):after{content: "";width: 100%;position: absolute;left: 0;top: 50%;height: 3px;background: rgba(255, 255, 255, 0.2);}

.about1 .ab1_con .con3 .ul .li:nth-child(9){width: 100%;height: 170px;margin-right: 0;}

.about1 .ab1_con .con3 .li:nth-child(9):after{content: "";width: 100%;position: absolute;left: 0;top: 50%;height: 3px;background: rgba(255, 255, 255, 0.2);}

.about1 .ab1_con .con3 .ul .li:nth-child(3n){margin-right: 0;}

.about1 .ab1_con .con3 .ul .li:nth-child(6n){margin-right: 10%;}

.about1 .ab1_con .con3 .ul .li:nth-child(7n){margin-right: 0%;}

.about1 .ab1_con .con3 .ul .li:nth-child(5){margin-right: 0;}

.about1 .ab1_con .con3 .ul .li:nth-child(6){margin-right: 0;}

.about1 .ab1_con .con3 .ul .li:nth-child(8){margin-right: 0;}

.about1 .ab1_con .con3 .ul .img .i{height: 110px;position: relative;overflow: hidden;}

.about1 .ab1_con .con3 .ul .img .i img{height: 100%;position: absolute;left: 0;top: 0;display: block;top: 150px;}

.about1 .ab1_con .con3 .ul .img .i img:first-child{position: relative;}

.about1 .ab1_con .con3 .ul .img .t{margin-top: 26px;color: #fff;line-height: 35px;opacity: 0;}

.about1 .ab1_con .con3 .ul .li.wow1 .img .t{opacity: 1;transition-delay: .6s;-webkit-transition-delay: .6s;}

.about1 .ab1_con .con3 .ul .img .t span{display: inline-block;transform: translate(3px,-10px) scale(0.9);color: rgba(255, 255, 255, 1);opacity: 0.4; letter-spacing:-0.5px;}

.about1 .ab1_con .con3 .ul .li{position: relative;}

.about1 .ab1_con .con3 .ul .li.wow1 .img .i img{transition-delay: .3s;-webkit-transition-delay: .3s;top: 0;}

.about1 .ab1_con .con3 .ul .li.wow1 .img .i img:nth-child(2n){transition-delay: .4s;-webkit-transition-delay: .4s;}

.about1 .ab1_con .con3 .ul .li.wow1 .img .i img:nth-child(3n){transition-delay: .5s;-webkit-transition-delay: .5s;}

.about1 .ab1_con .con3 .ul .li.wow1 .img .i img:nth-child(4n){transition-delay: .6s;-webkit-transition-delay: .6s;}

.about1 .ab1_con .con3 .ul .li.wow1 .img .i img:nth-child(5n){transition-delay: .7s;-webkit-transition-delay: .7s;}

/* .about1 .ab1_con .con3 .ul .li.wow1 .img .i img:last-child{transition-delay: .8s;-webkit-transition-delay: .8s;} */

.about1 .ab1_con .con3 .ul .li .ti{position: absolute;left: 0;top:0 ;height: 110px;width: 100%;opacity: 0;}

.about1 .ab1_con .con3 .ul .li .ti img{height: 100%;}

.about1 .ab1_con .con3 .ul .li .d{position: absolute;width: 100%;height: 100%;top: 0;left: 0;opacity: 0;}

.about1 .ab1_con .con3 .ul .li.act .img .t{transition-delay: 0s;-webkit-transition-delay: 0s;}

.about1 .ab1_con .con3 .ul .li.act:hover .d{display: none;pointer-events: none;}

.about1 .ab1_con .con3 .ul .li.act:hover .img .i{opacity: 0;}

.about1 .ab1_con .con3 .ul .li.act.wow1:hover .img .ti{opacity: 1;}

.about1 .ab1_con .con3 .ul .li.act.wow1:hover .t{color: #941e23;}

.about1 .ab1_con .con3 .ul .li.act.wow1:hover .t span{color: #941e23;}

.about2{background: url(../img/ab2_3.jpg) center no-repeat;background-size: 102% 102%;position: relative;}

.about2 .ab2_con{padding: 350px 0 285px;color: #fff;}

.about2 .ab2_con .con{display: flex;justify-content: space-between;}

.about2 .ab2_con .con .con_le{width: 42%;padding-top: 35px;}

.about2 .ab2_con .con .con_le .le1{}

.about2 .ab2_con .con .con_le .le1 span{display: inline-block;transform: translateY(4px);}

.about2 .ab2_con .con .con_le .le2{line-height: 45px;margin-top: 40px;text-align: justify;}

.about2 .ab2_con .con .con_le .le2 .sp2{display: inline-block;transform: translateX(-11px);}

.about2 .ab2_con .con .con_re{width: 53.29%;position: relative;left: 20px;}

.about2 .ab2_con .con .con_re .ul{display: flex;justify-content: space-between;width: 100%;height: 100%;}

.about2 .ab2_con .con .con_re .ul .li{width: 30.865%;}

.about2 .ab2_con .con .con_re .ul .li img{width: 100%;}

.about2 .ab2_con .con .con_re .ul2{position: absolute;left: 40px;bottom: 60px;}

.about3{position: relative;background: url(../img/ab3_1.jpg) center no-repeat;background-size:cover;padding: 230px 0 170px;overflow: hidden;z-index: 10;}

.about3 .con{display: flex;justify-content: space-between;}

.about3 .con .re{width: 36.5%;}

.about3 .con .con_re{width: 85%;position: absolute;right: -12%;}

.about3 .con .con_re .zheg{width: 23.1%;position: absolute;left: -4px;top: 0;height: 100%;background:repeating-linear-gradient(to right,#e3e4e6,#e3e4e6,#e3e4e699,#e3e4e600); content: "";z-index: 2;pointer-events: none;}

.about3 .con .con_re::after{width: 23.1%;position: absolute;left: -4px;top: 0;height: 100%;background:url(../img/mc.png) left no-repeat;background-size: 99% 100%; content: "";z-index: 2;pointer-events: none;}

.about3 .con .con_re::before{width: 23.1%;position: absolute;right: -4px;top: 0;height: 100%;background:url(../img/mc.png) right no-repeat;background-size: 99% 100%; content: "";z-index: 2;pointer-events: none;transform: rotate(180deg);}

.about3 .con .con_re .ss{position: relative;}

.about3 .con .con_re .ss .txt{position: absolute;bottom: 7.2%;text-align: center;width: 100%;}

.about3 .con .con_re .ss .txt .t1{ overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}

.about3 .con .con_re .ss .txt .t2{display: flex;justify-content: center;align-items: center;margin-top: 12px;}

.about3 .con .con_re .ss .txt .t2 s{display: block;width: calc(50% - 90px);height: 1px;background: #1f1f1f;}

.about3 .con .con_re .ss .txt .t2  span{margin: 0 15px;}

.about3 .con .con_re .ss img{width: 100%;}


.about3 .con .con_le{padding-top: 12%;color: #000;position: relative;z-index: 5;}

.about3 .con .con_le .le1{}

.about3 .con .con_le .le2{margin-top: 29px;}

.about4{position: relative;background: #000;padding: 100px 0 265px;z-index: 10;}

.about4 .ab4_con{color: #fff;}

.about4 .ab4_con .con1{margin-bottom: 230px;}

.about4 .ab4_con .con2{width: calc(100% + 25px);}


.about4 .ab4_con .con2 .ss{display: block;pointer-events:none;}

.about4 .ab4_con .con2 .ss .s1 span{color: rgba(255, 255, 255, 0.8);}

.about4 .ab4_con .con2 .ss .s1 span.f_30{margin:  0 7px 0 10px;display: inline-block;}

.about4 .ab4_con .con2 .ss .s2{margin: 70px 0;display: flex;justify-content: space-between;align-items: center;position: relative;}

.about4 .ab4_con .con2 .ss .s2 span{width: 30px;height: 30px;display: block;background: url(../img/ab3_7.png) center no-repeat;background-size: 30px 30px;position: absolute;right: -75px;}

.about4 .ab4_con .con2 .ss .s2 s{width: 100%;height: 3px;background: #cccccc;display: block;position: relative;}

.about4 .ab4_con .con2 .ss .s2 s::after{position: absolute;content: "";left: 0%;top: -1px;height: 5px;width: 0%;background: #941e23;transition: all 0.6s;}

.about4 .ab4_con .con2 .ss .s3{color: rgba(255, 255, 255, 0.7);line-height: 30px;width: 100%;text-align: justify;}

.about4 .ab4_con .con2 .swiper-slide:hover .s2 s::after{width: 100%;transition: all 0.6s;}

.about4 .ab4_con .con2 .swiper-slide:hover .s1 span{color: #fff;}

.about4 .ab4_con .con2 .swiper-slide:hover .s3{color: #fff;}

/* .about4 .ab4_con .con2 .swiper-slide:last-child .ss .s2 span{display: none;} */

.ab_new{background:#000000;position: relative;z-index: 10;display: none;}

.ab_new .img{position: relative;left: 0;top: 0;width: 100%;height: 100%;}

.ab_new .img img{width: 100%;position: absolute;left: 0;bottom: 0;width: 100%;opacity: 0;}

.ab_new .img img.act{opacity: 1;}

.ab_new .img img:first-child{position: relative;}

.ab_new .ncon{width: 100%;padding: 100px 0 170px;height: 100%;position: absolute;bottom: 0;}

.ab_new .ncon .bt{color: #fff;text-align: center;margin-bottom: 65px;}

.ab_new .ncon .ab_box{height: 100%;}


.ab_new .ncon .ab_box .swiper-container{height: calc(100% - 100px);margin: 0 25%;}

.ab_new .ncon .ab_box .ss{color: #fff;text-align: center;display: block;opacity: 0.4;pointer-events: none;}

.ab_new .ncon .ab_box .ss .s1{display: flex;justify-content: center;margin-bottom: 10px;}

.ab_new .ncon .ab_box .ss .s1 .c{width: 180px;height: 54px;border: 1px solid transparent;line-height: 52px;}

.ab_new .ncon .ab_box .ss .s1 .c .sp2{display: inline-block;transform: translateY(-2px);margin: 0 3px 0 6px;font-size: 12px;}

.ab_new .ncon .ab_box .ss .s1 .c .sp1{font-size: 16px;}

.ab_new .ncon .ab_box .ss .s1 .c .sp3{font-size: 16px;}

.ab_new .ncon .ab_box .ss .s2{font-size: 16px; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}

.ab_new .ncon .ab_box .swiper-slide{height: 33.33% !important;}

.ab_new .ncon .ab_box .swiper-slide.act .ss .s2{font-size: 20px;}

.ab_new .ncon .ab_box .swiper-slide.act .ss .s1 .c{border: 1px solid #fff;}

.ab_new .ncon .ab_box .swiper-slide.act .ss .s1{margin-bottom: 15px;}

.ab_new .ncon .ab_box .swiper-slide.act .ss .s1 .c .sp1{font-size: 20px;}

.ab_new .ncon .ab_box .swiper-slide.act .ss .s1 .c .sp2{font-size: 16px;}

.ab_new .ncon .ab_box .swiper-slide.act .ss .s1 .c .sp3{font-size: 18px;}

.ab_new .ncon .ab_box .swiper-slide.act .ss{opacity: 1;}

@media screen and (max-width:1850px) {

    .ab_new .ncon{position: relative;}

    .ab_new .img{position: absolute;}

    .ab_new .img img:first-child{position: absolute;}

    .ab_new .ncon .ab_box .swiper-container{height: 360px;}
    
}

@media screen and (max-width:1700px) {
    .about_ban .abban_con .txt .con .ts .t1 img{width: 500px;}

    .about1 .ab1_con .con3 .ul .img .i{height: 100px;}

    .about1 .ab1_con .con3 .ul .li .ti{height: 100px;}

    .about2 .ab2_con{padding: 300px 0 230px;}

    .about3{padding: 200px 0 150px;}

    .about4 .ab4_con .con1{margin-bottom: 200px;}

    .about4{padding: 120px 0 200px;}
    
    .about_ban .abban_con .txt .con .ts{width: 560px;}
}
@media screen and (max-width:1680px) {
    
    .about1 .ab1_con .con3 .ul .img .t span{transform:translate(3px,-7px) scale(0.9) ;}
    
     .about_ban .abban_con .txt .con .ts{width: 540px;}

}
@media screen and (max-width:1600px) {
    
     .about_ban .abban_con .txt .con .ts{width: 520px;}
     
    .about1 .ab1_con .con3 .ul .img .i{height: 95px;}
}
@media screen and (max-width:1540px) {
    .about1 .ab1_con .con3 .ul .li{margin-right: 9%;}
}
@media screen and (max-width:1500px) {
    .ab_new .ncon .ab_box .ss .s1 .c{width: 140px;height: 42px;line-height: 40px;}

    .ab_new .ncon .ab_box .swiper-container{height: 330px;}

    .ab_new .ncon{padding: 100px 0 120px;}
    
    .about_ban .abban_con .txt .con .ts{width: 500px;}
    
    
}

@media screen and (max-width:1400px) {

    .about1 .ab1_con .con1 img{width: 200px;}

    .about_ban .abban_con .txt .con .ts .t1 img{width: 450px;}

    .about4 .ab4_con .con1{margin-bottom: 150px;}

    .about4{padding: 120px 0 180px;}

    .about4 .ab4_con .con2 .ss .s2 span{right: -60px;}
    
    
}