@charset "utf-8";

/* ===================首页样式========================== */

.banner .hasVideo .banner-img img.pc{animation: hasVideoImg 1s ease both;}

@keyframes hasVideoImg {0%{opacity: 1;}100%{opacity: 0;}}

.banner video{width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;z-index: 2;}

@media all and (max-width:1100px) {.hasVideo .banner-img img.pc{animation: none;}.banner video{display: none;}}

.banner-img{overflow: hidden;}

.banner-img img{width: 100%;height: calc(100vh - max(calc(64px + 0.5rem),calc(0.82rem + 0.5rem)));transform: scale(1.2);transition: all 5s 1s linear;}

.swiper-slide-active .banner-img img{transform: scale(1);transition-delay: 0s;}

.banner-con{position: absolute;left: 0;top: 0;z-index: 4;width: 100%;height: 100%;}

.banner-con .contain{height: 100%;align-items: center;}

.banner-con .contain.banner4{justify-content: flex-end;}

.banner-con .title{text-shadow: 0px 3px 6px rgba(8, 12, 18, 0.4);}

.banner-con  .text{text-shadow: 0px 3px 4px rgba(8, 12, 18, 0.4);}

.banner-con .fs124{font-size: 1.24rem;}









/* .banner-con .title{line-height: 1; opacity: 0;transform: translateY(1rem);transition: all 1.2s .8s ease;}

.banner-con .text{opacity: 0;transform: translateY(1rem);transition: all 1.2s .9s ease;}

.swiper-slide-active .banner-con .title,.swiper-slide-active .banner-con .text{opacity: 1;transform: translateY(0);}

.swiper-slide-active.first .banner-con .title{transition-delay: 0s;}

.swiper-slide-active.first .banner-con .text{transition-delay: 0.1s;} */

.banner-menu{z-index: 10;position: absolute;left: 0;bottom: 30px;width: 100%;}

.banner-menu-item{user-select: none;cursor: pointer;margin-left: 12px;text-align: left;}

.banner-menu-item .line{width: 2.4rem;margin-top: 6px;position: relative;height: 2px;background: #fff;}

.banner-menu-item .line i{display: block;position: absolute;left: 0;top: 0;width: 0;height: 100%;background: #ff5e00;transition: all .6s ease;}

.banner-menu-item.active .title{color: #ff5e00;}

.banner-menu-item.active .line i{width: 100%;transition: all 4s linear;}



.indPro-list{margin-left: -0.38rem;}

.indPro-item{margin: 0.7rem 0 0 0.38rem;width: calc(50% - 0.38rem);}

.indPro-item-img img{width: 100%;height: 4.25rem;transition: all .6s ease;}

.indPro-item-con .label{margin-left: -0.24rem;}

.indPro-item-con .label span{display: block;margin: 12px 0 0 0.24rem;border-radius: 40px;border: 1px solid #000;padding: 0.08rem 0.32rem;}

.indPro-item:first-child{width: calc(100% - 0.38rem);}

.indPro-item:first-child .indPro-item-img img{height: 7rem;}

.indPro-item-img:hover{border-radius: 1rem;}

.indPro-item-img:hover img{transform: scale(1.1);}

.indLoop-list{display: flex;}

.indLoop-list .item{animation: loopAni 30s linear infinite;}

.indLoop-list .item img{max-width: unset;height: 1.46rem;}

@keyframes loopAni {0%{transform: translateX(0);}100%{transform: translateX(-100%);}}

.indNews-list{margin-left: -0.36rem;}

.indNews-item{margin-left: 0.36rem;width: calc(100% / 3 - 0.36rem);}

.indNews-item-img{height: 3.8rem;}

.indNews-item-img img{width: 100%;height: 100%;}

/* .indNews-item-img img{width: 100%;height: calc(3.8rem + 60px);transition: none;margin-top: -60px;} */

.indNews-item-img:hover{border-radius: max(20px,0.8rem);}

.indNews-item-img:hover img{transform: scale(1.1);}

.indNews-item-con .title:hover{color: #ff5e00;}

.indNews-more .btn{width: max(120px,2.08rem);height: max(36px,0.48rem);}

.indNews-more .btn i{display: block;width: max(18px,0.25rem);margin-left: max(8px,0.14rem);transition: all .4s ease;}

.indNews-more .btn:hover{border-radius: 30px;}

.indVideo-contact{display: flex;}

.indVideo-contact-list{display: flex;white-space: nowrap;animation: loopAni 30s linear infinite;}

.indVideo-contact-list .item{margin-left: max(20px,0.4rem);}

.indVideo-contact-list .item:nth-child(2n){color: #ff5e00;}

.indVideo-swp-box{justify-content: center;}

.indVideo-swp{width: 9.4rem;}

.indVideo-swp .swiper-container{overflow: visible;}

.indVideo-slide{overflow: hidden;}

.indVideo-bg::after{content: "";position: absolute;z-index: 3;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .6);}

.indVideo-bg img{width: 100%;height: 5.3rem;}

.indVideo-bg video{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

.indVideo-con{opacity: 0;transform: translateY(100%); transition: all .6s ease; z-index: 4;position: absolute;left: 0;bottom: 0;width: 100%;justify-content: space-between;align-items: center;padding:0.3rem 0.45rem ;}

.indVideo-con .title{flex: 1;padding-right: 0.2rem;}

.indVideo-con .btn{user-select: none;cursor: pointer; border-radius: 40px;border: 1px solid #fff;width: max(150px,1.8rem);height: max(40px,0.48rem);}

.indVideo-con .btn i{display: block;margin-left: 10px;width: 10px;height: 14px;border: 7px solid transparent;border-left-color: #fff;transition: all .4s ease;}

.indVideo-con .btn:hover{background: #ff5e00;border-color: #ff5e00;}

.swiper-slide-active .indVideo-con{opacity: 1;transform: translateY(0);transition-delay: .4s;}



.indAb{height: 500vh;}

.indAb-sticky{position: sticky;top: max(calc(64px + 0.5rem),calc(0.82rem + 0.5rem));overflow: hidden;}

.indAb-marsk{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 4;}

.indAb-marsk img{width: 100%;height: 100%;}

.indAb-bg img{height: calc(100vh - max(calc(64px + 0.5rem),calc(0.82rem + 0.5rem)));width: 100%;}

.indAb-bg::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(11, 6, 3, .6);}

.indAb-con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

.indAb-con .contain{height: 100%;align-items: center;}

.indAb-con .box{transform: translateY(100%);opacity: 0;}

.indAb-desc{line-height: 1.3;}

.indAb-desc p{opacity: .5;text-transform: uppercase;transition: all .6s ease;}

.indAb-desc p.active{opacity: 1;}









/* -------------------------PC端--------------------------- */

@media all and (max-width:1700px){

    /* 1600 × (900) */

}



@media all and (max-width:1590px){

    /* 1440 × (700)  */

}



@media all and (max-width:1430px){

    /* 1360 */

}



@media all and (max-width:1350px){

    /* 1280 */

}



@media all and (max-width:1270px){

    /* 1152 × (700) */

}



/* ------------------------平板端-------------------------- */

@media all and (max-width:1100px){

    /* 1024 横屏 */

    

}



/* ------------------------手机端-------------------------- */

@media all and (max-width:1000px){

    /* 移动终端 360 适配 */

    .banner-img img{height: calc(100vh - 90px);}

    .indPro-item-con .label span{font-size: 12px;}

    .indPro-item{margin-top: 30px;width: calc(100% - 0.38rem);}

    .indPro-item-img img{height: 180px;}

    .indNews-item{width: calc(100% - 0.36rem);margin-top: 25px;}

    .indNews-item:first-child{margin-top: 0;}

    .indNews-item-img img{height: 245px;}

    .indVideo-swp{width: 310px;}

    .indVideo-bg img{height: 175px;}

    .indVideo-con{padding: 30px 15px;}

    .indVideo-con .title{flex: unset;width: 100%;}

    .indVideo-con .btn{font-size: 10px;margin-top: 20px;width: 100px;height: 32px;}

    .indVideo-con .btn i{width: 8px;height: 8px;border-width: 4px;margin-left: 8px;}

    .indAb{height: auto;}

    .indLoop{padding: 40px 0;}

    .indAb-sticky{position: relative;top: auto;}

    .indAb-marsk{display: none;}

    .indAb-con .box{opacity: 1;transform: none;}

    .indAb-bg img{height: 400px;}

}



/* --------------------图片-iPad-调整---------------------- */

@media all and (min-width: 720px) and (max-width: 1000px){}