/* ===================Home page style========================== */
.banner-bg img{width: 100%;height: 100vh;}
.banner-con{position: absolute;;left: 0;top: 0;width: 100%;height: 100%;}
.banner-con .contain{height: 100%;flex-direction: column;justify-content: center;}
.banner-con .title{opacity: 0;transform: translateY(100px);transition: all 1s .1s ease;line-height: 1.3;}
.banner-con .comMore-box{opacity: 0;transform: translateY(100px);transition: all 1s ease;}
.swiper-slide-active .banner-con .title{opacity: 1;transform: translateY(0);transition-delay: .8s;}
.swiper-slide-active .banner-con .comMore-box{opacity: 1;transform: translateY(0);transition-delay: .9s;}
.swiper-slide-active.first .banner-con .title{transition-delay: 0s;}
.swiper-slide-active.first .banner-con .comMore-box{transition-delay: .1s;}
.banner-pagination-box{position: absolute;left: 0;bottom: 35px;width: 100%;z-index: 2;}
.banner-pagination .swiper-pagination-bullet{margin-left: 3px;width: 36px;height: 36px;position: relative;background: transparent;opacity: 1;border-radius: 0;}
.banner-pagination .swiper-pagination-bullet:first-child{margin-left: 0;}
.banner-pagination .swiper-pagination-bullet::before{transition: all .4s ease; content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 4px;height: 4px;border-radius: 50%;background: rgba(255, 255, 255, .5);}
.banner-pagination .swiper-pagination-bullet::after{content: "";opacity: 0;transition: all .6s ease;animation: banPage 2s linear infinite; position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url('../image/banner-pagination.png') no-repeat center/100% auto;}
.banner-pagination .swiper-pagination-bullet-active::before{background: #fff;width: 8px;height: 8px;}
.banner-pagination .swiper-pagination-bullet-active::after{opacity: 1;}
@keyframes banPage {0%{transform: rotate(0);}100%{transform: rotate(360deg);}}
.indPro-bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #000;}
/* .indPro-bg::after{content: "";z-index: 2;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0,.5);} */
.indPro-bg .swiper-container{width: 100%;height: 100%;}
.indPro-bg img{width: 100%;height: 100%;transform: scale(1.1);transition: all 1s linear 2s;}
.indPro-bg .swiper-slide-active img{transition: 6s linear;transform: scale(1);}
.indPro-con{position: relative;z-index: 2;}
.indPro-con .contian{justify-content: space-between;}
.indPro-left{width: 28%;}
.indPro-menu .item{width: 178px;height: 48px;border-radius: 40px;border: 2px solid rgba(255, 255, 255, .5);padding: 0 26px;user-select: none;cursor: pointer;justify-content: space-between;align-items: center;}
.indPro-menu .item i{font-size: 14px;display: block;transform: rotate(180deg);}
.indPro-menu .item.active{background: #d1292e;border-color: #d1292e;}
.indPro-right{width: 72%;}
.indPro-right-item{display: none;height: 100%;}
.indPro-right-item:first-child{display: block;}
.indPro-swp{flex-direction: column;justify-content: space-between;height: 100%; }
.indPro-swp .swiper-container{width: 100%;}
.indPro-slide-img img{width: 100%;height:450px;}
.indPro-slide-con{padding: 35px;background: rgba(255, 255, 255, .9);transition: all .4s ease;}
.indPro-slide-con .more{align-items: center;}
.indPro-slide-con .more i{display: flex;align-items: center;font-size: 11px;transform: rotate(180deg);margin-left: 7px;transition: all .4s ease;}
.indPro-slide:hover .indPro-slide-img img{transform: scale(1.08);}
.indPro-slide:hover .indPro-slide-con{background: #fff;}
.indPro-slide:hover .indPro-slide-con .more i{margin-left: 15px;}
.indPro-switch{align-items: center;justify-content: space-between;}
.indPro-btn .btn{width: 50px;height: 50px;transition: all .4s ease; border-radius: 50%;user-select: none;cursor: pointer;font-size: 13px;margin-right: 12px;background: rgba(255, 255, 255, .5);}
.indPro-btn .btn.next{transform: rotate(180deg);}
.indPro-btn .btn:hover{background: #fff;color: #d1292e;}
.indPro-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{top: -1px;height: 3px;background: #d1292e;border-radius: 5px;}
.indPro-pagination{position: relative;flex: 1;height: 1px;background: rgba(255, 255, 255, .2);}
.indRD{background: url('../image/indRD-bg.jpg') no-repeat center/cover;}
.indRD-swp{width: 92%;margin: 0 auto;}
.indRD-swp .swiper-container{overflow: visible;}
.indRD-img{position: relative;}
.indRD-img img{width: 100%;height: 590px;}
.indRD-con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;align-items: center;padding: 0 56px;}
.indRD-desc{opacity: 0;transform: translateX(50%);transition: all 1.5s ease;}
.swiper-slide-active .indRD-desc{opacity: 1;transform: translateX(0);transition-delay: .4s;}
.indRD-desc::after{content: "";position: absolute;right: calc(100% - 10px);transition: all .4s ease; top: 50%;transform: translateY(-50%);width: 20px;height: 95%;background: #981115;border-radius: 20px 0 0 20px;}
.indRD-desc .box{transition: all .4s ease; position: relative;z-index: 2; width: 670px;height: 310px;border-radius: 20px;background: rgba(255, 255, 255, .9);display: flex;flex-direction: column;justify-content: center;padding: 0 40px;}
.indRD-desc .more{align-items: center;}
.indRD-desc .more i{display: flex;align-items: center;transform: rotate(180deg);margin-left: 7px;font-size: 11px;transition: all .4s ease;}
.indRD-desc:hover .box{background: #fff;transform: translateX(4px);}
.indRD-desc:hover .more i{margin-left: 15px;}
.indRD-desc:hover::after{width: 24px;}
.indRD-btn{z-index: 2; position: absolute;left: -50px;top: 50%;transform: translateY(-50%);width: 30px;height: 30px;user-select: none;cursor: pointer;font-size: 20px;}
.indRD-btn.next{left: auto;right: -50px;transform: translateY(-50%) rotate(180deg);}
.indRD-btn:hover{color: #d1292e;}
.indNews{background: url('../image/indNews-bg.jpg') no-repeat center/cover;}
.indNews-show{margin-left: -20px;}
.indNews-show-item{margin-left: 20px;}
.indNews-show-item:nth-child(1){width: calc((100% / 3) * 2 - 20px);}
.indNews-show-item:nth-child(2){width: calc((100% / 3) - 20px);}
.indNews-show-bg{position: relative;overflow: hidden;background-image: url('../image/indNews-bg.jpg');}
.indNews-show-bg::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .4);}
.indNews-show-bg img{width: 100%;height: 480px;transition: all 2s linear;}
.indNews-show-item:hover .indNews-show-bg img{transform: scale(1.1);}
.indNews-show-con{position: absolute;;left: 0;top: 0;width: 100%;height: 100%;}
.indNews-show-item:nth-child(1) .indNews-show-con{padding: 60px 50px;}
.indNews-show-item:nth-child(2) .indNews-show-con{padding: 60px 40px;}
.indNews-show-item:nth-child(1) .indNews-show-con .title{width: 50%;}
.indNews-show-con .btn{width: 135px;height: 45px;border-radius: 40px;border: 2px solid #fff;}
.indNews-show-con .btn:hover{background: #d1292e;border-color: #d1292e;}
.indNews-show-con .title:hover{color: #d1292e;}
.indNews-list{margin-left: -20px;}
.indNews-item{margin: 20px 0 0 20px;width: calc((100% / 3) - 20px);background: #fff;padding: 50px;transition: all .4s ease;}
.indNews-item .btm{justify-content: space-between;align-items: center;}
.indNews-item .date{transition: all .4s ease;}
.indNews-item .label{padding: 4px 8px;border-radius: 20px;border: 1px solid #4c5664;transition: all .4s ease;}
.indNews-item:hover{background: #d1292e;}
.indNews-item:hover .title,.indNews-item:hover .subtitle,.indNews-item:hover .date{color: #fff;}
.indNews-item:hover .label{border-color: #fff;color: #d1292e;background: #fff;}
.indAb{height: 400vh;}
.indAb-sticky{position: sticky;left: 0;top: 100px;width: 100%;overflow: hidden;}
.indAb-bg{overflow: hidden;}
.indAb-bg .img img{width: 100%;height: calc(100vh - 100px);}
.indAb-bg .img img.h{transition: all 1s ease; position: absolute;left: 0;top: 0;width: 100%;height: calc(100% + 1px);clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);}
.indAb-bg .marsk{display: none; position: absolute;transition: all .8s ease; right: -10%;top: 50%;transform: translateY(-50%);clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%); width: 120%;height: 120%;background: linear-gradient(to right,transparent 20%,rgba(255,255,255,.8) 80%);backdrop-filter: blur(5px);}
.indAb-con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.indAb-con .contain{height: 100%;}
.indAb-desc{width: 46%;}
.indAb-num{position: absolute;right: 11%;top: 0%;transition: opacity .5s linear,transform .1s linear;}
.indAb-num li{opacity: 0;transform: translateY(100px);transition: all .3s ease;}
.indAb-num .num{align-items: flex-end;}
.indAb-num .num span{line-height: 1;display: block;margin-right: 10px;}
/* .indAb.active .indAb-bg .marsk{width: 120%;clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);} */
.indAb.active .indAb-bg img.h{clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);}
.indAb-desc .title,.indAb-desc .text{transition: all .6s ease;}
/* .indAb.active .indAb-num{opacity: 1;transition: opacity .5s .3s linear,transform .1s linear;} */
.indAb.active .indAb-num li{opacity: 1;transform: translateY(0);transition-delay: .6s;}
.indAb.show .indAb-num{top: 20%;}

/* .indAb.active .indAb-desc .title{color: #000;transition-delay: .3s;}
.indAb.active .indAb-desc .text{color: #4c5664;transition-delay: .3s;} */
/* -------------------------PC end--------------------------- */
@media all and (max-width:1700px){
    /* 1600 × (900) */
}
@media all and (max-width:1590px){
    /* 1440 × (700)  */
    .indPro-menu .item{width: 164px;height: 44px;padding: 0 22px;}
    .indPro-slide-img img{height:400px;}
    .indPro-slide-con{padding: 25px;}
    .indPro-btn .btn{width: 46px;height: 46px;}
    .indRD-img img{height: 490px;}
    .indRD-desc .box{width: 360px;height: 290px;}
    .indNews-show-item:nth-child(1) .indNews-show-con{padding: 40px;}
    .indNews-show-item:nth-child(2) .indNews-show-con{padding: 40px 35px;}
    .indNews-show-item:nth-child(1) .indNews-show-con .title{width: 55%;}
    .indNews-show-bg img{height: 400px;}
    .indNews-show-con .btn{width: 125px;height: 42px;}
    .indNews-item{padding: 35px;}
    .indRD-btn{left: -40px;}
    .indRD-btn.next{right: -40px;}
}
@media all and (max-width:1430px){
    /* 1360 */
}
@media all and (max-width:1350px){
    /* 1280 */
}
@media all and (max-width:1270px){
    /* 1152 × (700) */
    .indPro-menu .item {width: 150px;height: 40px;padding: 0 18px;margin-top: 10px;}
    .indPro-menu .item i{font-size: 12px;}
    .indPro-slide-img img{height: 145px;}
    .indPro-slide-con{padding: 20px;}
    .indRD-img img{height: 390px;}
    .indRD-desc .box {width: 340px;height: 280px;padding: 0 30px;}
    .indAb-desc{width: 50%;}
    .indNews-show-bg img{height: 325px;}
    .indNews-show-item:nth-child(1) .indNews-show-con{padding: 30px;}
    .indNews-show-item:nth-child(2) .indNews-show-con{padding: 30px 25px;}
    .indNews-show-con .btn{width: 115px;height: 40px;}
    .indNews-item{padding: 25px;}
}
/* ------------------------Tablet end-------------------------- */
@media all and (max-width:1100px){
    /* 1024 Landscape screen */
}
@media all and (max-width:1000px){
    /* 720 Vertical screen */
    .banner-bg img{height: calc(100vh - 60px);}
    .banner-con .nobr br{display: none;}
    .banner-pagination-box{bottom: 15px;}
    .banner-pagination .swiper-pagination-bullet{width: 24px;height: 24px;margin-left: 6px;}
    .banner-pagination .swiper-pagination-bullet-active::before{width: 6px;height: 6px;}
    .indPro-bg{display: none;}
    .indPro .comTitle .title{color: #000;}
    .indPro .comTitle .title br{display: none;}
    .indPro-left{width: 100%;}
    .indPro-menu{display: flex;white-space: nowrap;overflow-x: auto;}
    .indPro-menu .item{margin: 0 0 0 11px;flex-wrap: nowrap;width: auto;height: auto;padding: 8px 18px;color: #777;border-color: #777;}
    .indPro-menu .item.active{color: #fff;border-color: #fff;}
    .indPro-menu .item:first-child{margin-left: 0;}
    .indPro-menu .item i{font-size: 8px;margin-left: 8px;font-weight: 700;}
    .indPro-slide-con{background: #eee;}
    .indPro-pagination{background: rgba(0, 0, 0, .2);}
    .indPro-right{width: 100%;margin-top: 30px;}
    .indPro-slide-img img{height: 225px;}
    .indPro-btn .btn{width: 36px;height: 36px;font-size: 12px;margin-right: 10px;background: rgba(0, 0, 0, .2);}
    .indPro-switch{margin-top: 40px;}
    .indRD-img{border-radius: 8px 8px 0 0;}
    .indRD-img img{height: 140px;}
    /* .indRD-swp .swiper-container{overflow: hidden;} */
    
    .indRD-con{position: relative;padding: 0;}
    .indRD-desc{opacity: 1;transform: none;}
    .indRD-desc::after{display: none;}
    .indRD-desc .box{width: 100%;height: 200px;border-radius: 0 0 8px 8px; background: #fff;box-shadow: 0px 2px 10px rgba(0, 0, 0, .2);}
    .indRD-desc .more{margin-top: 25px;}
    .indRD-btn{display: none;}
    .indRD-pagination{margin-top: 30px;}
    .indRD-pagination .swiper-pagination-bullet{width: 7px;height: 7px;margin: 0 4px;}
    .indRD-pagination .swiper-pagination-bullet-active{background: #d1292e;}
    .swiper-slide-active .indRD-desc{transition-delay: .2s;}
    .indAb{height: auto;}
    .indAb-sticky{position: relative;top: 0;}
    .indAb-desc{width: 100%;}
    .indAb-bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
    .indAb-bg .img{position: relative;}
    .indAb-bg .img::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .2);}
    .indAb-bg .marsk{top: auto;bottom: -12px;width: 120%;height: 120%;transform: none;background: rgba(255, 255, 255, .2);backdrop-filter: blur(4px);}
    .indAb-bg .img{height: 100%;}
    .indAb-bg .img img{height: 100%;}
    .indAb-con{position: relative;z-index: 2;}
    .indAb-con .contain{padding: 40px 0;}
    .indAb-num{position: relative;right: auto;top: auto;}
    .indAb-num-list{display: flex;flex-wrap: wrap;}
    .indAb-num-list li{margin-top: 40px !important;width: calc(100% / 3);opacity: 1;transform: none;}
    .indAb-num-list .text{margin-top: 2px;font-size: 13px;color: #fff;}
    .indAb-num .num{color: #fff;}
    .indAb-num .num span{line-height: 1.1;margin-right: 5px;}
    .indNews-show{margin-left: 0;}
    .indNews-show-item{margin: 20px 0 0;width: 100% !important;}
    .indNews-show-con{padding: 25px 15px !important;}
    .indNews-show-item:nth-child(1) .indNews-show-con .title{width: 100%;}
    .indNews-show-bg img{height: 300px;}
    .indNews-show-con .btn {width: 100px;height: 36px;}
    .indNews-list{margin-left: 0;}
    .indNews-item{margin: 20px 0 0;width: 100%;padding: 25px 15px;}
    .indNews-item .btm{margin-top: 12px;}
    .indNews-item .label{padding: 2px 6px;}
    .indRD-desc::after{width: 18px;}   
}
/* ------------------------Mobile end-------------------------- */
@media all and (max-width:720px){
    /* mobile terminal 360 Fitter */
}