@charset "utf-8";
/* ===================首页样式========================== */
.banner{width: 100%;overflow: hidden;position: relative;background: #545454;}
.banner .hasVideo .banner-image 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;}
@media all and (max-width:1151px) {.hasVideo .banner-image img.pc{animation: none;}.hasVideo video{display: none;}}
.banner-image{width: 100%;overflow: hidden;position: relative;}
.banner-image img{width: 100%;object-fit: cover;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 .box{width: 80%;opacity: 0;transform: translateY(0.4rem);transition: all 1s ease 1s;}
.banner-con .img{position: absolute;right: 0;bottom: 0;width: 2.8rem;}
.banner-con .indMore{padding: 0 max(20px,0.32rem);background: #fff;}
.banner-con .indMore span,.banner-con .indMore i{color: #222;}
.swiper-slide-active .banner-con .box{opacity: 1;transform: translateY(0);}
.swiper-slide-active.first .banner-con .box{transition-delay: 0s;}
.banner .swiper-pagination{bottom: max(16px,0.32rem);font-size: 0;z-index: 100;}
.banner .swiper-pagination-bullet{width: 8px;height: 8px;background: rgba(255,255,255,0.6);opacity: 1;margin: 0 12px 0 0 !important;}
.banner .swiper-pagination-bullet:last-child{margin: 0 !important;}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #d7000f;}
.indcp{background: #fff;}
.indcp-list{width: 100%;}
.indcp-link{display: block;position: relative;}
.indcp-link .img{width: 100%;}
.indcp-link .img img{width: 100%;height: 3.5rem;}
.indcp-link:hover .img img{transform: scale(1.06);}
.indcp-link .cont{position: absolute;z-index: 4;width: 100%;top: 0;left: 0;padding: max(16px,0.36rem) max(20px,0.44rem);color: #fff;transform: translate3d(0,0,4px);}
.indwt{background: #fff;}
.indwt-list{width: 100%;}
.indwt-list ul{display: flex;}
.indwt-list li{flex: 1 1 0%;margin-right: max(5px,0.1rem);transition: flex 0.6s;}
.indwt-list li:last-child{margin-right: 0;}
.indwt-link{display: block;border-radius: max(8px, 0.20rem);overflow: hidden;position: relative;height: 100%;width: 100%;}
.indwt-link .img{width: 100%;}
.indwt-link .img img{width: 100%;height: 5rem;}
.indwt-link::before{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: url("../images/index/indwtSd.png") repeat-x left bottom/auto 92.8%;z-index: 2;transform: translate3d(0,0,2px);}
.indwt-before, .indwt-after{position: absolute;z-index: 3;transform: translate3d(0,0,4px);left: 0;bottom: 0;color: #fff;}
.indwt-before{width: 2.02rem;transition: opacity .6s ease;}
.indwt-after{width: 4.17rem;opacity: 0;transition: opacity .3s ease;}
.indwt-after .text{opacity: 0;transform: translateY(max(6px,0.12rem));transition: transform .4s linear .2s, opacity .4s linear .2s;}
.indwt-after .link{opacity: 0;transition: opacity .6s linear .2s;}
.indwt-list li.active{flex: 2.06 1 0%;}
.indwt-list li.active .indwt-before{opacity: 0;transition: opacity .3s ease;}
.indwt-list li.active .indwt-after{opacity: 1;transition: opacity .6s ease;}
.indwt-list li.active .text{opacity: 1;transform: translateY(0);}
.indwt-list li.active .link{opacity: 1;}
.indrj{background: #fff;}
.indrj-head{width: 100%;align-items: flex-end;justify-content: space-between;}
.indrj-head-main{max-width: 10rem;}
.indrj-btn>div{width: max(38px,0.64rem);height: max(38px,0.64rem);border-radius: 50%;background: #212121;color: #fff;font-size: max(14px,0.2rem);margin-right: max(6px,0.1rem);cursor: pointer;line-height: 1;position: relative;overflow: hidden;transition: background .3s ease-in-out;}
.indrj-btn>div:last-child{margin-right: 0;}
.indrj-btn>div.next{transform: rotateY(180deg);}
.indrj-btn>div i{position: relative;z-index: 4;transform: translate3d(0,0,4px);}
.indrj-btn>div:after{content: "";z-index: 2;background: #d7000f;width: calc(100% + 10px);height: calc(100% + 10px);position: absolute;top: -5px;left: -5px;transform: translateX(101%);border-radius: 50%;transition: transform 0.7s cubic-bezier(0.43, 0.195, 0.02, 1);}
.indrj-btn>div:hover::after{transform: translateX(0);}
.indrj-btn>div:hover{background: #d7000f !important;transition: background .3s ease-in-out 0.4s;}
.indrj-loop{width: 100%;}
.indrj-link{display: block;width: 100%;position: relative;}
.indrj-link::before{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: url("../images/index/indRjSd.png") repeat-x left bottom/auto 88.4%;transform: translate3d(0,0,2px);z-index: 2;}
.indrj-link .img{width: 100%;}
.indrj-link .img img{width: 100%;height: 5rem;}
.indrj-link .cont{position: absolute;width: 100%;z-index: 4;transform: translate3d(0,0,4px);left: 0;bottom: 0;color: #fff;}
.indrj-link:hover .img img{transform: scale(1.08);}
.indrj-loop .swiper-pagination{position: relative;font-size: 0;display: none;}
.indrj-loop .swiper-pagination-bullet{width: 6px;height: 6px;background: #e8e8e8;opacity: 1;margin: 0 8px 0 0 !important;}
.indrj-loop .swiper-pagination-bullet:last-child{margin: 0 !important;}
.indrj-loop .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #d7000f;}
.indzd{background: #030408;}
.indzd img.bg{width: 100%;min-height: 210px;}
.indzd video.vd{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 1;object-fit: cover;transition: visibility .6s, opacity .6s;}
.indzd-shade, .indzd-cont{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.indzd-shade{z-index: 2;transform: translate3d(0,0,2px);background: rgba(0,0,0,0.37);}
.indzd-cont{z-index: 4;transform: translate3d(0,0,4px);align-items: center;color: #fff;text-align: center;transition: visibility .6s, opacity .6s;}
.indzd-cont .link{justify-content: center;}
.indzd-cont .link a{display: flex;align-items: center;position: relative;}
.indzd-cont .link a i{transform: rotateY(180deg);font-size: max(12px,0.14rem);margin-left: max(4px,0.1rem);}
.indzd-cont .link a::after{content: "";position: absolute;width: 0;height: 1px;right: 0;bottom: min(-2px,-0.04rem);background: #fff;opacity: 0;transition: width .4s ease, opacity .1s ease .4s;}
.indzd-cont .link a:hover::after{right: auto;left: 0;width: 100%;opacity: 1;transition: width .4s ease .1s, opacity .1s ease;}
.indzd.no video, .indzd.no .indzd-cont{opacity: 0;visibility: hidden;}
.indxw{background: #fff;}
.indxw-head{width: 100%;align-items: flex-end;justify-content: space-between;}
.indxw-head-main{max-width: 10rem;}
.indxw-more{width: 100%;display: none;justify-content: center;}
.indAb-title{position: absolute;left: 0;top: 0.6rem;width: 100%;}
.indAb-bg img{width: 100%;}
.indAb-con{display: flex;flex-direction: column;justify-content: center;padding: 0 1.3rem 0 var(--widDb); position: absolute;left: 0;bottom: 0;width: 51%;height: 42.6vw;background: rgba(44, 51, 57, .66);z-index: 5;}
.indAb-num{justify-content: space-between;}
.indAb-num .num p{margin-left: 6px;}
.indAb-desc .text{color: rgba(255, 255, 255, .6);}
.indSol .indTitle{position: absolute;left: 0;top: max(70px,1rem);width: 36%;}
.indSol-flex{justify-content: space-between;align-items: flex-end;}
.indSol-btn{z-index: 2;position: absolute;right: calc(100% + 20px);bottom: 1.6rem; user-select: none;cursor: pointer;width: max(44px,0.56rem);height: max(44px,0.56rem);border-radius: 50%;background: #fff;box-shadow: 0px 0px 0.2rem 0px rgba(108, 108, 108, 0.28);}
.indSol-btn.next{right: auto;left: calc(100% + 20px);transform: rotate(180deg);}
.indSol-btn i{position: relative;z-index: 2;}
.indSol-btn::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #d7000f;border-radius: 50%;transform: translateX(100%);transition: transform 0.7s cubic-bezier(0.43, 0.195, 0.02, 1);}
.indSol-btn:hover{color: #fff;}
.indSol-btn:hover::after{transform: translateX(0);}
.indSol-img-box{display: flex;justify-content: flex-end;overflow: hidden;width: 80%;}
.indSol-img{width: 1.4rem;margin-left: -0.06rem;transform: rotate(180deg);}
.indSol-img .swiper-container{overflow: visible;}
.indSol-img .swiper-wrapper{align-items: flex-start;height: 7.7rem;}
.indSol-img .swiper-slide{width:1.4rem;transition: 1s;padding: 0.06rem;height: auto;user-select: none;cursor: pointer;transform: rotate(-180deg);}
.indSol-img .img{border: 1px solid #fff;box-shadow: 0 0 0.06rem rgba(0, 0, 0, .3);}
.indSol-img .img img{width: 100%;height: 3.5rem;transition: 1s;}

.indSol-img .swiper-slide-active .title1{opacity: 0;transition: all .2s ease;}
.indSol-img .swiper-slide-active .img img{height: 6.6rem;}
.indSol-desc{width: 18%;padding-bottom: 0.06rem;}
.indSol-desc .indMore{height: max(38px,0.5rem);padding: 0 max(10px,0.15rem);font-size: max(14px,0.16rem);}
.indSol-desc .indMore span{margin-right: max(5px,0.1rem);}

@media all and (min-width:720px){
    .indSol-img .swiper-slide-active{width: 4.8rem !important;}
}

/* -------------------------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 横屏 */
    .indwt-list ul{flex-wrap: wrap;margin: min(-8px,-0.2rem) 0 0 min(-8px,-0.2rem);}
    .indwt-list li{flex: none !important;width: calc(33.333% - max(8px,0.2rem));margin: max(8px,0.2rem) 0 0 max(8px,0.2rem);}
    .indwt-before{display: none;}
    .indwt-after{width: 100%;opacity: 1;}
    .indwt-after .text{display: none;}
    .indwt-after .link{opacity: 1;}
    .indwt-link .img img{height: 365px;}
}
/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px){
    /* 移动终端 360 适配 */
    .banner-image img{height: 400px;}
    .banner-con .box{width: 100%;}
    .indAb-title{position: static;}
    .indAb-con{position: relative;left: auto;bottom: auto;width: 100%;height: auto;padding: 20px 4% 30px;}
    .indAb-num li{width: 30%;}
    .indcp-list ul{margin: -8px 0 0 !important;}
    .indcp-list li{width: 100% !important;margin: 8px 0 0 !important;}
    .indcp-link .img img{height: auto;}
    .indwt-list li {width: calc(50% - max(10px,0.2rem));}
    .indwt-link .img img{height: 200px;}
    .indwt-link .indMore{padding: 0 12px;font-size: 12px;height: 34px;border-radius: 17px;}
    .indwt-after .title{font-size: 14px;}
    .indrj-head-main{width: 100%;}
    .indrj-btn{display: none;}
    .indrj-link .img img{height: 232px;}
    .indrj-loop .swiper-pagination{display: block;margin-top: 16px;}
    .indxw-head-main{width: 100%;}
    .indxw-head .indMore{display: none;}
    .indxw-more{display: flex;}
    .indSol-btn{display: none;}
    .indSol .indTitle{position: static;width: 100%;}
    .indSol-flex{flex-direction: column;position: relative;}
    .indSol-img-box{width: 100%;}
    .indSol-img{width: 100%;margin: 0;transform: none;}
    .indSol-img .swiper-slide{padding: 0;transform: none;}
    .indSol-desc{width: 100%;margin-top: 20px;display: none;}
    .indSol-img .swiper-wrapper{height: auto;}
    .indSol-img .img img{height: 400px !important;}
    .indSol-img .title1{display: none;}
    .indSol-img .mb{position: absolute;left: 0;bottom: 0;width: 100%;padding: 30px 15px;height: 100%;display: flex;flex-direction: column;justify-content: flex-end;background: linear-gradient(to bottom,transparent 50%,rgba(0,0,0,.8));}
}
/* --------------------图片-iPad-调整---------------------- */
@media all and (min-width: 720px) and (max-width: 1000px){
    .indwt-link .img img{height: 418px;}
    .indrj-link .img img{height: 498px;}
    .indxw-link .img img{height: 350px;}
}