/* 关于我们 */
.abBan{position: relative;width: 100%;height: 250vh;}
.abBan-sticky {width: 100%;height: 100vh;top: 0;left: 0;position: sticky;overflow: hidden;}
.abBan .banner{height: 100vh;width: 100%;position: relative;}
.abBan-logo{position: absolute;z-index:111;width: 100%;height: 90vh;top: 0;left: 0;transform: scale(2.4);opacity: 0; }
.abBan-logo::after{content: "";position: absolute;left: 0;bottom: -150px;width: 100%;height: 200px;background: #fff;z-index: -1;}
.abBan-logo img{height: 100%;width: 100%;}
.abBan-logo .mb{display: none;}
.abBan-text{width: 100%;opacity: 0;position: absolute;z-index: 200;justify-content: center;left: 0;top: 55vh;color: #444;transition: all .4s ease;}
.abBan-text.active{opacity: 1;}
.abBan-text.active .abBan-title,.abBan-text.active .a_text{opacity: 1; transform: translateY(0);}
.abBan-text .a_text { text-align:center; margin-top:60px;   opacity: 0;  transition: all 1s ease .4s;   color: #80888f;   transform: translateY(100px);}
 .abBan-text .a_text span { display:block;}
  .abBan-text .a_text  { line-height:2;}
.abBan-bg{position: absolute;left: 0;top: 0;width: 600px;z-index: 4;opacity: 0;}
.abBan .contain-1100{position: absolute;z-index: 10;text-align: center;left: 50%;transform: translateX(-50%);top: 60%;}
.abBan-title{font-family: "LTBold"; opacity: 0; position: relative;transition: all .8s ease .2s; transform: translateY(100px);}
.abBan-title .a_title{ text-transform: uppercase; line-height: 1;color: #232b37;position: relative;z-index: 2;font-size: 48px; text-align:center}
.abBan-title .title-bg{font-size: 140px;color: rgba(35, 43, 55, .1);position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.abBan-text .a_desc{font-family: "LTM"; opacity: 0; transition: all 1s ease .4s; color: #80888f;transform: translateY(100px);}
.abBan-text p{line-height: inherit;}
.abDelvelop{overflow: hidden; position: relative; background: url('../images/pages/develop-bg.jpg') no-repeat center/100% 100%;}
.abDel-bg-circle{position: absolute;left: 6%;top: 0;width: 88%;height: 100%;animation: bgRotate 5s linear infinite;}
.abDel-bg-circle img{transition: all .4s ease;position: absolute;left: 0;top: 0;right: 0;bottom: 0;width: 100%;height: 100%;}
.abDel-title{color: #fff;text-align: center;text-transform: uppercase;font-family: "LTBold";}
.abDel-det-swp{margin-top: 170px;}
.abDel-det-swp .contain{position: relative;}
.abDel-det-prevNum,.abDel-det-nextNum{color: rgba(255, 255, 255, .5);position: absolute;top: 0;}
.abDel-det-prevNum{left: 0;}
.abDel-det-nextNum{right: 0;}
.abDel-det-slide{width: 47%;min-height: 300px;padding-bottom: 40px; margin: 0 auto;color: #fff;transform: translateY(100%);transition: all .8s ease;}
.swiper-slide-active .abDel-det-slide{transform: translateY(0);}
.abDel-det-slide .title{line-height: 1;font-family: "LTBold";}
.abDel-det-slide .text{padding-left: 40px;flex: 1;}
.abDel-tab-swp{position: relative;}
.abDel-tab-swp .contain-1400{position: relative;}
.abDel-tab-swp .contain-1400::after{content: "";position: absolute;left: 0;top: 12px;background: rgba(255, 255, 255, .2);width: 100%;height: 1px;}
.abDel-tab-slide{text-align: center;position: relative;z-index: 2;cursor: pointer;}
.abDel-tab-text{font-family: "LTBold"; color: rgba(255, 255, 255, .3);margin-top: 15px;transition: all .4s ease;}
.abDel-tab-line{transition: all .6s ease; position: absolute;left: 0;top: 12px;background: #fff;height: 1px;width: calc(100% / 8);}
.abDel-tab-spot{transform: translateX(50%); position: absolute;bottom: 15px;width: 25px;height: 32px;background: url('../images/pages/develop-pagination.png') no-repeat center/100% auto;}
.abDel-tab-prev,.abDel-tab-next{cursor: pointer; position: absolute;top: -3px;width: 20px;height: 30px;}
.abDel-tab-prev{left: -25px;}
.abDel-tab-next{right: -25px;}
.abDel-tab-prev::after,.abDel-tab-next::after{content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 12px;height: 20px;}
.abDel-tab-prev::after{background: url('../images/pages/abDel-tab-prev.png') no-repeat center/100% auto;}
.abDel-tab-next::after{background: url('../images/pages/abDel-tab-next.png') no-repeat center/100% auto;}
.swiper-slide.active .abDel-tab-text{color: #fff;}
.abTitle .title{color: #232b37;text-transform: uppercase;line-height: 64px;width: 90%;font-family: "LTBold";}
.abTitle .text{color: #80888f;width: 70%;font-family: "LTBook";}
.abCulture-list{position: relative;}
.abCulture-bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.abCulture-bg img{width: 100%;height: 100%;}
.abCulture-list ul{position: relative;z-index: 2;width: 100%;}
.abCulture-list li{position: relative;width: 25%;height: 600px;padding-top: 240px;text-align: center;border-left: 1px solid rgba(255, 255, 255, .2);}
.abCulture-list li:first-child{border: unset;}
.abCulture-list li::after{content: "";position: absolute;left: -1px;bottom: 0;width: 1px;height: 0;background: #fff;transition: all .4s ease 0s;}
.abCulture-list li::before{content: "";position: absolute;right: 0px;top: 0;width: 1px;height: 0;background: #fff;transition: all .4s ease 0s;}
.abCulture-list li:hover::after{bottom: auto;top: 0;height: 100%;transition: all 1s ease ;}
.abCulture-list li:hover::before{top: auto;bottom: 0;height: 100%;transition: all 1s ease;}
.abCulture-list li:hover .abCulture-list-text{opacity: 1;transform: translateY();}
.abCulture-icon{transition: all .6s ease; max-width: 90px;height: 85px;margin: 0 auto;}
.abCulture-list-title{color: #fff;text-align: center;font-family: "LTM";}
.abCulture-list-text{color: #fff;margin: 0 auto;width: 80%;opacity: 0;transition: all .6s ease .1s;transform: translateY(20px);}
.abCulture-list-box{transition: all .6s ease;}
.abCulture-list li:hover .abCulture-list-box{transform: translateY(-50px);}
.abHonor{position: relative;background: #f8f9fa;}
.abHonor-bg{position: absolute;right: 0;bottom: 0;transform: translate(20%,42%);z-index: 11;}
.abHonor-swp,.abHonor .abTitle{position: relative;z-index: 12;}
.abHonor-slide{height: 260px; position: relative; background: #236af6;padding: 40px 0 40px 50px;border-bottom-right-radius: 50px;}
.abHonor-slide::after{transition: all .4s ease; content: "";position: absolute;right: 10px;bottom: 0;width: 180px;height: 160px;background: url('../images/pages/abHonor-slide-bg.png') no-repeat center/100% auto;}
.abHonor-title{font-family: "LTBold"; color: #232b37; color: rgba(255, 255, 255, .2);position: relative;z-index: 5;}
.abHonor-text{font-family: "LTBold"; height: 60px; color: #80888f; color: #fff;position: relative;z-index: 5;width: 95%;}
.abHonor-more{font-family: "LTM"; transition: all .4s ease; border: 2px solid transparent;  border-radius: 20px; display: block;width: 125px;height: 40px;display: flex;align-items: center;justify-content: center; color: #236af6;background: #fff;text-align: center;position: relative;z-index: 5;}
.abHonor-more:hover{background: #236af6;color: #fff;border-color: #fff;}
.abHonor-slide:hover::after{transform: scale(1.1);}
.abHonor-scrollbar{position: absolute;left: 0;bottom: 0px;width: 100%;height: 2px;background: #ededed;}
.abHonor-scrollbar .swiper-scrollbar-drag{cursor: pointer; width: 45px;height: 45px;margin-top: -22px; border-radius: 50%;border: 1px solid #236af6;background: #fff;}
.abHonor-scrollbar .swiper-scrollbar-drag::after{transition: all .4s ease; content: "";border: 10px solid transparent;border-top-color:#236af6;width: 8px;height: 10px;transform:translateY(-50%) rotate(-90deg);position: absolute;right: -25px;top: 50%;}
.abHonor-scrollbar .swiper-scrollbar-drag::before{transition: all .4s ease; content: "";border: 10px solid transparent;border-top-color:#236af6;width: 8px;height: 10px;transform:translateY(-50%) rotate(90deg);position: absolute;left: -25px;top: 50%;}
.abHonor-scrollbar .swiper-scrollbar-drag:hover::after{transform:translate(5px,-50%) rotate(-90deg);}
.abHonor-scrollbar .swiper-scrollbar-drag:hover::before{transform:translate(-5px,-50%) rotate(90deg);}
.abDuty{position: relative;padding-bottom: 250px;}
.abDuty .contain-1400{position: relative;z-index: 2;}
.abDuty-bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;}
.abDuty-bg img{width: 100%;height: 100%;}
.abDuty-bg::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .5);}
.abDuty .abTitle .title,.abDuty .abTitle .text,.abDuty-list{color: #fff;width: 65%;}
.abDuty-list li{padding-left: 30px;color: #fff;position: relative;text-decoration: underline;}
.abDuty-list li::after{content: "";position: absolute;left: 0; top: 10px;width: 11px;height: 16px;background: url('../images/index/banner-pagination.png') no-repeat center/100% auto;}
@keyframes bgRotate{100%{transform: rotate(360deg);}}
 
   
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .abHonor-bg{width: 200px;z-index: 1;}
    .abTitle .title{line-height: 1.2;}
   /*  .abBan .banner{height: 450px;}*/
    .abBan-bg {width: 150px;z-index: 2;opacity: 1;top: 450px;}
 
}



@-moz-keyframes buttonAnimationBefore {

    0% {-moz-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0);}

    50% {-moz-transform: translateY(7px) rotate(0);transform: translateY(7px) rotate(0);}

    100% {-moz-transform: translateY(7px) rotate(45deg);transform: translateY(7px) rotate(45deg);}

}

@-webkit-keyframes buttonAnimationBefore {

    0% {-webkit-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0);}

    50% {-webkit-transform: translateY(7px) rotate(0);transform: translateY(7px) rotate(0);}

    100% {-webkit-transform: translateY(7px) rotate(45deg);transform: translateY(7px) rotate(45deg);}

}

@keyframes buttonAnimationBefore {

    0% {-moz-transform: translateY(0px) rotate(0);-ms-transform: translateY(0px) rotate(0);-webkit-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0);}

    50% {-moz-transform: translateY(7px) rotate(0);-ms-transform: translateY(7px) rotate(0);-webkit-transform: translateY(7px) rotate(0);transform: translateY(7px) rotate(0);}

    100% {-moz-transform: translateY(7px) rotate(45deg);-ms-transform: translateY(7px) rotate(45deg);-webkit-transform: translateY(7px) rotate(45deg);transform: translateY(7px) rotate(45deg);}

}

@-moz-keyframes buttonAnimationAfter {

    0% {-moz-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0);}

    50% {-moz-transform: translateY(-7px) rotate(0);transform: translateY(-7px) rotate(0);}

    100% {-moz-transform: translateY(-7px) rotate(-45deg);transform: translateY(-7px) rotate(-45deg);}

}

@-webkit-keyframes buttonAnimationAfter {

    0% {-webkit-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0);}

    50% {-webkit-transform: translateY(-7px) rotate(0);transform: translateY(-7px) rotate(0);}

    100% {-webkit-transform: translateY(-7px) rotate(-45deg);transform: translateY(-7px) rotate(-45deg);}

}

@keyframes buttonAnimationAfter {

    0% {-moz-transform: translateY(0) rotate(0);-ms-transform: translateY(0) rotate(0);-webkit-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0);}

    50% {-moz-transform: translateY(-7px) rotate(0);-ms-transform: translateY(-7px) rotate(0);-webkit-transform: translateY(-7px) rotate(0);transform: translateY(-7px) rotate(0);}

    100% {-moz-transform: translateY(-7px) rotate(-45deg);-ms-transform: translateY(-7px) rotate(-45deg);-webkit-transform: translateY(-7px) rotate(-45deg);transform: translateY(-7px) rotate(-45deg);}

}

@-moz-keyframes buttonAnimation {

    0% {background: transparent;}

    50% {background: rgba(255, 255, 255, 0);}

    100% {background: rgba(255, 255, 255, 0);}

}

@-webkit-keyframes buttonAnimation {

    0% {background: transparent; }

    50% {background: rgba(255, 255, 255, 0);}

    100% {background: rgba(255, 255, 255, 0);}

}

@keyframes buttonAnimation {

    0% {background: transparent; }

    50% {background: rgba(255, 255, 255, 0);}

    100% {background: rgba(255, 255, 255, 0);}

}