.box2{max-width: 100%;}

.about_bo{background: #000;}

.about1{padding: 220px 0 100px;position: relative;z-index: 5;background: #000;position: relative;}

.about1 .ab1_con {position: relative;width: 1323px;margin: 0 auto;}

.about1 .ab1_con::after{content: "";content: "";width: calc(100% + 4px);height: calc(100% + 4px);left: -2px;top: -2px;z-index: 5;border: 4px solid #000;pointer-events: none;border-bottom: none;position: absolute;}

.about1  .img img{width: 100%;}

.about1 .txt{color: #fff;line-height: 30px;margin-top: 30px;letter-spacing: 1.2px;padding: 0 10%;text-align:center;}

.about1 .ban_prev,.about1 .ban_next{top: 43%;}

.about1 .ban_prev{left: 30px !important;}

.about1 .ban_next{right: 30px !important;}

.about3 .ban_prev{left: 30px !important;}

.about3 .ban_next{right: 30px !important;}

.ban_prev,.ban_next{width: 48px;height: 48px;background: url(../images2/you.png) center no-repeat;background-size: 30px 30px;border: 1px solid transparent;border-radius: 100%;}

.ban_prev{transform: rotate(180deg)}

.ban_prev:hover,.ban_next:hover{border: 1px solid #fff;}

.about2{position: relative;z-index: 5;background: #000;}

.about2 .con1{padding: 250px 0 200px;}


.about2 .con1 .c1 img{margin: 0 auto;display: block;width: 370px;}

.about2 .con1 .c2{text-align: center;color: #fff;margin-top: 35px;letter-spacing: 3px;}

.about2 .con2{color: #fff;margin-left: 13.6%;}

.about2 .con2 .ab2_sw::after {content: "";position: absolute;left: 0;top: 1px;height: 1px; width: 100%;background: #e2e2e2;}

.about2 .con2 .ss{position: relative;padding-top: 80px;}

.about2 .con2 .ss::after{content: "";width: 0%;height: 1px;position: absolute;left: 0;top: 1px;background: #e7004c;transition: all 0.6s;}

.about2 .con2 .s1{margin-bottom: 20px;letter-spacing: 1.3px;font-family: gil3;}

.about2 .con2 .s2{line-height: 28px;letter-spacing: 1.2px;}

.about2 .con2 .ss:hover::after{width: 100%;transition: all 0.6s;}

.about3{background: #000;position: relative;z-index: 5;}

.about3 .ab3_con{display: flex;justify-content: space-between;padding:250px 0;}

.about3 .ab3_con .zhuoshi {bottom: 150px;}

.about3 .ab3_con .con_le{width: 66.9%;margin-right: 60px;position: relative;}

.about3 .ab3_con .con_le::after{content: "";position: absolute;left: -2px;top: -2px;width: calc(100% + 4px);height:calc(100% + 4px);border: 4px solid #000;z-index: 2;pointer-events: none;}

.about3 .ab3_con .con_le img{width: 100%;}

.about3 .ab3_con .con_re {color: #fff;width: 30%;}

.about3 .ab3_con .con_re .re{height: 27%;}


.about3 .ab3_con .con_re .re:last-child .rc{transform: translateY(30px);}

.about3 .ab3_con .con_re .re:nth-child(3n) .r1{transform: translateX(-8px);}

.about3 .ab3_con .con_re .r1{    letter-spacing: 5px;display: flex;align-items: center;margin-bottom: 10px;position: relative;height: 45px;}

.about3 .ab3_con .con_re .r1 .i{position: relative;height: 45px;left: 0;top: 0;}

.about3 .ab3_con .con_re .r1 .i img:first-child{position: relative;}

.about3 .ab3_con .con_re .r1 .i img{position: absolute;left: 0;top: 0;height: 100%;}


.about3 .ab3_con .con_re .r1 .h{position: absolute;left: 0;top: 0;height: 100%;opacity: 0;}

.about3 .ab3_con .con_re .r1 span{color: #fff;}

.about3 .ab3_con .con_re .r1 .sp1{font-family: gil3;}

.about3 .ab3_con .con_re .r1 .sp2{transform: translateY(-10px);}

.about3 .ab3_con .con_re .r2{ line-height: 28px;text-align: justify;letter-spacing: 1.2px;position: relative;}

.about3 .ab3_con .con_re .r2 .x{display: inline-block; font-family: pop3; transform: scale(0.7) translateY(-4px) ;top: 0;}

.about3 .ab3_con .con_re .re:nth-child(3n) .x{transform: translate(-95px,-30px) scale(0.7);}

.about3 .ab3_con .con_re .re:hover .h{opacity: 1;}

.about3 .ab3_con .con_re .re:hover .i{opacity: 0;}

.about4{position: relative;z-index: 5;background: #000;padding-bottom: 250px;}

.about4 .con1{position: relative;}

.about4 .con1 img{width: 100%;}

.about4 .con1 .c{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;justify-content: space-between;}

.about4 .con1 .c .cr{width: 43%;padding-top: 140px;padding-right: 90px;}

.about4 .con1 .c .cr .r1{margin-bottom: 50px;     letter-spacing: 1.3px;text-shadow: 1px 1px 1px #000;}

.about4 .con1 .c .cr .ss{padding: 0 3px;}

.about4 .con1 .c .cr .s1{margin-bottom: 15px;    letter-spacing: 1.3px;}

.about4 .con1 .c .cr .s1 span{font-family: pop2;}

.about4 .con1 .c .cr .s1 .sp1{font-family: gil3;}

.about4 .con1 .c .cr .s2{ letter-spacing: 1.2px;text-align: justify;}

.about4 .con1 .c .cr .r2{line-height: 30px;height: calc(100% - 150px);}

.about4 .con1 .c .cr .r2 .swiper-container{height: 100%;}

.about4 .con2{margin-top: 20px;}

.about4 .con2 .ul{display: flex;justify-content:space-between;}

.about4 .con2 .ul .li{width: 32.4%;}

.about4 .con2 .ul .li img{width: 100%;}

.about5{background: #000;position: relative;z-index: 5;padding-bottom: 200px;}

.about5 .con1{color: #fff;text-align: center;}

.about5 .con1 .c1{margin-bottom: 50px; letter-spacing: 1.3px;  text-shadow: 1px 1px 1px #fff;}

.about5 .con1 .c2{line-height: 30px;  letter-spacing: 1.2px;}

.about5 .con2{position: relative;overflow: hidden;padding-top: 290px;}

.about5 .con2 .b{opacity: 0;}


.about5 .con2 .imgs{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

.about5 .con2 .imgs::after{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: url(../images2/zheg.png) center no-repeat;background-size: cover;pointer-events: none;z-index: 6;}

.about5 .con2 .imgs .li{position: absolute;left: 0;bottom: 0;width: 100%;}

.about5 .con2 .imgs .li .zheng{width: 8%;position: absolute; z-index: 3;}


.about5 .con2 .imgs .li .zheng img{width: 100%;transform: scale(1.2) translate(0);}

.about5 .con2 .imgs .li.li1 .zheng{bottom: 55.5%;left: 3.5%;}

.about5 .con2 .imgs .li.li2 {z-index: 4;}

.about5 .con2 .imgs .li.li2 .zheng{bottom: 39.6%;left: 14.5%;}

.about5 .con2 .imgs .li.li3 .zheng{bottom: 88%;left: 22.5%;}

.about5 .con2 .imgs .li.li4 .zheng{bottom: 49%;left: 34%;}

.about5 .con2 .imgs .li.li4 {z-index: 4;}

.about5 .con2 .imgs .li.li5 .zheng{bottom: 73%;left:37.5%;}

.about5 .con2 .imgs .li.li6 .zheng{bottom: 103.5%;left: 49.6%;}


.about5 .con2 .imgs .li.li7 .zheng{bottom:71%;left:62.5%;}

.about5 .con2 .imgs .li.li7 {z-index: 4;}

.about5 .con2 .imgs .li.li8 .zheng{bottom: 34%;left:58%;}

.about5 .con2 .imgs .li.li8{z-index: 5;}

.about5 .con2 .imgs .li.li9 .zheng{bottom: 54.5%;left: 86.5%;}

.about5 .con2 .imgs .li.li10 {z-index: 5;}

.about5 .con2 .imgs .li.li10 .zheng{bottom:39%;left:73%;}

.about5 .con2 img{width: 100%;transform: scale(1.4) translate(-1%,-10%);}

.about5 .con3 .ab5_sw{}

.about5 .con3 .ss{position: relative;padding: 20px 0;border-top: 1px solid #2b2b2b;border-bottom: 1px solid #2b2b2b;}

.about5 .con3 .ss::before{content: "";width: 0%;height: 1px;position: absolute;left: 0;bottom: -1px;background: #e7004c;transition: all 0.6s;}

.about5 .con3 .ss::after{content: "";width: 0%;height: 1px;position: absolute;left: 0;top: -1px;background: #e7004c;transition: all 0.6s;}

.about5 .con3 .s2{color: #fff;text-align: center;}

.about5 .con3 .s1 img{margin: 0 auto;display: block;width: 100px;}

.about5 .con3 .s2{margin-top: 10px;opacity: 0;transition: all 0.6s; letter-spacing: 1.2px;overflow: hidden;
text-overflow: ellipsis;white-space: nowrap;}

.about5 .con3 .ss:hover::after{width: 100%;transition: all 0.6s;}

.about5 .con3 .ss:hover::before{width: 100%;transition: all 0.6s;}

.about5 .con3 .ss:hover .s2{opacity: 1;transition: all 0.6s;}


.about6{position: relative;z-index: 5;background: #000;padding-bottom: 100px;}

.about6 .con1{text-align: center;color: #fff;}

.about6 .con1 .c1{margin-bottom: 45px; letter-spacing: 1.3px;  text-shadow: 1px 1px 1px #fff;}

.about6 .con1 .c2{line-height: 30px; letter-spacing: 1.2px;}

.about6 .con2{position: relative;color: #fff;text-align: center;line-height: 30px;margin-top: 40px;}

.about6 .con2 img{width: 100%;}

.about6 .con2 .cc{position: absolute;top: 0;width: 100%;height: 100%;left: 0;padding-top: 40px;}

.about6 .con2 .cc .swiper-slide .ss{transform: scale(0.6) translateY(-40px);opacity: 0.3;transition: all 0.6s;}

.about6 .con2 .cc .swiper-slide .ss .s2{opacity: 0;transition: all 0.6s;}

.about6 .con2 .cc .swiper-slide-next .ss,.about6 .con2 .cc .swiper-slide-prev .ss{transform: scale(0.8) translateY(-20px);opacity: 0.5;transition: all 0.6s;}

.about6 .con2 .cc .swiper-slide-active .ss{transform: scale(1) translateY(0);opacity: 1;transition: all 0.6s;}

.about6 .con2 .cc .swiper-slide-active .ss .s2{opacity: 1;transition: all 0.6s; letter-spacing: 1.2px;}

.about7{background: #ffffff;position: relative;z-index: 5;overflow: hidden;display: none;}

.about7 .img{position: relative;}

.about7 .ab7_con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;}

.about7 .ab7_con .c{padding-left: 60px;}

.about7 .ab7_con .c1{margin-bottom: 25px;letter-spacing: 1.3px;}

.about7 .ab7_con .c2{font-family: pop3;color: #cccccc;letter-spacing: 1.2px;}

.about7 .img img{width: 100%;}

/* .about7 .img img:last-child{position: absolute;left: 0;bottom: 0;width: 100%;} */

.about8{position: relative;z-index: 5;background: #000;padding: 0px 0 250px;}

.about8 .ul {display: flex;justify-content: space-between;}

.about8 .ul .li{color: #fff;width: 13.2%;}

.about8 .ul .li img{width: 100%;}

.about8 .ul .li .p1{padding: 25px 0 0;letter-spacing: 1.2px;line-height:30px;}

.about8 .ul .li .p2{letter-spacing: 1.3px;line-height:30px;}


.about9{position: relative;z-index: 5;position: relative;background: #000;color: #fff;text-align: center;}

.about9 .ab9_con{margin-left: 13.9%;}

.about9 .con2{border-bottom: 1px solid #2b2b2b;height: 250px;}

.about9 .swiper-slide{display: flex;justify-content: last baseline;}

.about9 .ss{display: inline-block;letter-spacing: 1.2px;}

.about9 .s1 img{margin: 0 auto;display: block;}

.about9 .s2 .p1{font-family: pop2;margin: 17px 0 12px;}

.about10{width: 100%;position: relative;background: #000;z-index: 5;}


.about10 .con1{text-align: center;margin-bottom: 50px;color: #fff;      text-shadow: 1px 1px 1px #fff;}

.about10 .con2 img{width: 100%;}


@media screen and (min-width:2800px) {
    .about5 .con2{padding-top: 350px;}
}

@media screen and (max-width:2350px) {
    .about3 .ab3_con .con_re .re{height: 24%;}

    /* .about3 .ab3_con .con_re .re:last-child .rc{transform: translateY(45px);} */
}



@media screen  and (max-width:1900px){
    .about4 .con1 .c .cr{padding-top: 80px;width: 45%;}

    .about4 .con1 .c .cr .r1{margin-bottom: 40px;}

    .about3 .ab3_con .con_re .re{height: 24%;}
}
@media screen and (max-width:1800px) {
    .about4 .con1 .c .cr .r2{height:  calc(100% - 120px);}

    .about3 .ab3_con .con_re .re{height: 23%;}

    .about3 .ab3_con .con_re .re:nth-child(3n) .x{transform: translate(-83px,-30px) scale(0.7);}

    .footer .fbtm{flex-wrap: wrap;justify-content: center;line-height: 25px;}
}


@media screen and (max-width:1680px){
    .about4 .con1 .c .cr .s2{line-height: 26px;}

    .about4 .con1 .c .cr{padding-right: 50px;}

    .about3 .ab3_con .con_re .re{height: 21.5%;}

    .about1 .txt{padding: 0 5%;}

    .about3 .ab3_con .con_re .r2{line-height: 26px;}
}


@media screen and (max-width:1400px) {
    .about1 .ab1_con{width:  83.33%;}

    .about3 .ab3_con{width:  83.33%;min-width: auto;}

    .about2 .con2{margin-left:8.335%;}

    .about2 .con1{padding: 150px 0 100px;}

    .about3 .ab3_con .con_re .r1 .i,.about3 .ab3_con .con_re .r1{height: 30px;}

    .about3 .ab3_con .con_re .r2{line-height: 26px;}

    .about3 .ab3_con .con_re .re{height: 20%;}

    .about3 .ab3_con .con_re .re:last-child .rc{transform: translateY(25px);}

    .about4 .ab4_con {width:  83.33%;min-width:auto;}

    .about4 .con1 .c .cr{padding-top: 50px;padding-right: 40px;width: 50%;}

    .about4 .con1 .c .cr .r1{margin-bottom: 30px;}

    .about4 .con1 .c .cr .r2{height: calc(100% - 80px);}

    .about5 .ab5_con {width: 83.33%;min-width: auto;}

    .about8 .ab8_con {width: 83.33%;min-width:auto;}

    .about8{padding: 250px 0;}
}


@media screen and (max-width:1200px) {
    .about1{padding:40px 0;}

    .about1 .ab1_con{width: 90%;}

    .about1 .ban_prev{left: 15px !important;}
    
    .about1 .ban_next{right: 15px !important;}

    .about1 .ban_prev, .about1 .ban_next{top: 16%;width: 30px;height: 30px;background-size: 20px 20px;}

    .about2 .con1{padding: 0 0 25px;}

    .about2 .con1 .c2{margin-top: 20px;font-size: 16px;}

    .about2 .con1 .c1 img{width: 50%;max-width: 370px;}

    .about2 .con2{margin-left: 5%;}


    .about3 .ab3_con{width: 90%;padding: 40px 0;flex-wrap: wrap;padding-bottom:140px;}

    .about3 .ab3_con .con_le{width: 100%;}

    .about3 .ab3_con .zhuoshi{bottom: 30px;transform:scale(0.8) translateX(-12.5%);}

    .about3 .ab3_con .con_re{width: 100%;display: flex;flex-wrap: wrap;margin-top: 25px;}

    .about3 .ab3_con .con_re .re{width: 100%;margin-bottom:20px;height: auto;}

    .about3 .ab3_con .con_re .r1 .i, .about3 .ab3_con .con_re .r1{height: 25px;}

    .about3 .ab3_con .con_re .re:last-child .rc{transform: translate(0);}

    .about4 .ab4_con{width: 90%;}

    .about4 .con1 .c{position: static;color: #fff;}

    .about4 .con1 .c .cr .r2{height: 200px;}

    .about4 .con1 .c .cl{display: none;}

    .about4 .con1 .c .cr{width: 100%;padding: 0;}

    .about4 .con1 .c .cr .r1{    text-shadow: 1px 1px 1px #fff;}

    .about4 .con1 .c .cr .r1{margin-bottom: 20px;}

    .about4 .con1 .c .cr .s1{margin-bottom: 10px;}

    .about4{padding-bottom: 40px;}
        
    .about5 .con2{padding-top: 160px;}

    .about5{padding-bottom: 40px;}

    .about1 .txt{line-height: 26px;}

    .about6 .con1 .c2{line-height: 26px;}

    .about2 .con2 .ss{padding-top: 30px;}

    .about5 .con3 .s1 img{width: 60px;}

    .about6{padding-bottom: 40px;}

    .about6 .con1 .c1{margin-bottom: 25px;}

    .about6 .con2 .cc .swiper-slide-active .ss .s2 p{font-size: 12px;}

    .about6 .con2{line-height: 26px;margin-top: 120px;}

    .about6 .con2 .cc{padding-top: 0;transform: translateY(-100px);}

    .about7 .ab7_con .c{padding-left: 0;}

    .about7 .ab7_con .c1{margin-bottom: 15px;}

    .about8{padding: 40px 0;}

    .about8 .ab8_con{width: 90%;overflow-y: auto;}

    .about8 .ul{width: 1200px;}

}





@media screen and (max-width:700px) {
    .about4 .con1 .c .cr .r2{height:300px;}

    .about5 .con2{padding-top: 80px;}

    .about6 .con2{margin-top: 280px;}

    .about6 .con2 .cc{transform: translateY(-250px);}


}