.ny_banner{height:500px;background: no-repeat center;background-size: cover;position: relative;top: 0;z-index: 10;}
.ny_banner .txt{width: 100%;position: absolute; left: 0;top: 45%;transform: translateY(-50%);text-align: center;color: #ffffff;}
.ny_banner .txt .cn{line-height: 80px;margin-bottom: 1vw;font-size: 60px;}
.ny_banner .txt .en{line-height: 30px;font-size: 22px;text-transform: uppercase;}
.ny_banner .ny_tab{position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);background-image: linear-gradient(rgba(255,255,255,0.8), #ffffff);width: 60%;display: flex;transition:all 0.5s;}
.ny_banner .ny_tab.on{position: fixed;top: 90px;width: 100%;height:calc(28px + 2vw);background-color:#fff;border-bottom:1px solid rgba(0,0,0,0.04);}

.ny_banner .ny_tab li{width: 100%;text-align: center;padding: 2.2vw 0;line-height: 28px;font-size: 20px;position: relative;transition:all 0.5s;}
.ny_banner .ny_tab.on li{padding:1vw 0;}
.ny_banner .ny_tab li::before{content: "";position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 1px;height: 18px;background-color: #949494;}
.ny_banner .ny_tab li:last-child::before{display: none;}
.ny_banner .ny_tab li:after{content: "";position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 0;height: 3px;background-color: #1068a7;transition: all 0.5s;}
.ny_banner .ny_tab li.on:after{width: 70.7%;}
.ny_banner .ny_tab li:hover:after{width: 70.7%;}
.ny_banner .ny_tab li a{color: #333333;}
.ny_banner .ny_tab li.on a{color: #1068a7;}
.ny_banner .ny_tab li:hover a{color: #1068a7;}
.w1652{width: 86%;margin: 0 auto;position: relative;}

.ab_con .ab3{padding: 6vw 0 7vw 0;background: url(../images/ab3_bj.png)no-repeat center bottom;background-size:120% auto;}
.ab_con .ab3 .top{padding: 0 7vw 1vw 7vw;display: flex;justify-content: space-between;}
.ab_con .ab3 .top .cn{font-size: 50px;line-height: 66px;color: #ffffff;margin-bottom: 0.937vw;}
.ab_con .ab3 .top .en{font-size: 20px;line-height: 24px;color: #ffffff;text-transform: uppercase;margin-bottom: 3vw;}
.ab_con .ab3 .top .p{font-size: 16px;line-height: 30px;color: #000000;width: 47.9vw;}
.ab_con .ab3 .top .right{position: relative;width: 9.2vw;}
.ab_con .ab3 .top .right>div{width: 4.17vw;height: 4.17vw;background-size: 100% 100%;}
.ab_con .ab3 .top .right>div.swiper-button-next{background-image: url(../images/ab_next.png);right: 0;top: 2vw;margin-top: 0;}
.ab_con .ab3 .top .right>div.swiper-button-next:hover{background-image: url(../images/ab_next1.png);}
.ab_con .ab3 .top .right>div.swiper-button-prev{background-image: url(../images/ab_prev.png);left: 0;top: 2vw;margin-top: 0;}
.ab_con .ab3 .top .right>div.swiper-button-prev:hover{background-image: url(../images/ab_prev1.png);}

.ab_con .ab3 .bottom{position: relative;overflow: hidden;padding-top: 5.6vw;width:87%;touch-action: pan-y;padding-bottom:5vw;}
.ab_con .ab3 .bottom .swiper-button-next,.ab_con .ab3 .bottom .swiper-button-prev{position: absolute;width:3vw;height:3vw;background-size: 100% 100%;top:auto;}
.ab_con .ab3 .bottom .swiper-button-next{background-image: url(../images/ab_next.png);right: 50%;bottom: 0;margin-top: 0;transform:translateX(120%)}
.ab_con .ab3 .bottom .swiper-button-next:hover{background-image: url(../images/ab_next1.png);}
.ab_con .ab3 .bottom .swiper-button-prev{background-image: url(../images/ab_prev.png);left: 50%;bottom: 0;margin-top: 0;transform:translateX(-120%)}
.ab_con .ab3 .bottom .swiper-button-prev:hover{background-image: url(../images/ab_prev1.png);}
.ab_con .ab3 .bottom.on{width: 86%;}
.ab_con .ab3 .bottom .swiper-slide{width: 18.5vw;opacity: 0.48;transition: all 0.5s;}
.ab_con .ab3 .bottom .swiper-slide-active{opacity: 1;transform:rotateX(0deg) rotateY(0deg)!important;}
.ab_con .ab3 .bottom .swiper-slide-active{opacity: 1;}
.ab_con .ab3 .bottom .swiper-slide-active .pic{transform: scale(1.27);}
.ab_con .ab3 .bottom .swiper-slide .pic{display: flex;justify-content: center;align-items: center;transition: all 0.5s;}
.ab_con .ab3 .bottom .swiper-slide .pic img{max-width: 100%;max-height: 100%;}
.ab_con .ab3 .bottom .swiper-slide .h{text-align: center;font-size: 20px;line-height: 26px;height:52px; color: #ffffff;margin-top: 4.875vw;display: none;}
.ab_con .ab3 .bottom .swiper-slide-active .h{display: block;}

@media screen and (max-width: 1440px) {
    .ny_banner .ny_tab.on {
        top:70px;
    }
}