@charset "utf-8";
/* ===================首页样式========================== */
.banner{position: fixed;left: 0;top: 0;width: 100%;}
.banner-bg img{width: 100%;height: 100vh;}
.banner-con{position: absolute;z-index: 2;left: 0;top: 0;width: 100%;height: 100%;}
.banner-con .contain{height: 100%;flex-direction: column;justify-content: center;transition: all 1s ease 1s;opacity: 0;transform: translateY(0.4rem);}
.banner-con .more{width: max(100px,1.48rem);height: max(30px,0.4rem);border: 1px solid #fff;}
.swiper-slide-active .banner-con .contain{opacity: 1;transform: translateY(0);}
.swiper-slide-active.first .banner-con .contain{transition-delay: 0s;}
.banner-menu{z-index: 10;position: absolute;left: 0;bottom: 0.55rem;width: 100%;}
.banner-menu .contain{justify-content: space-between;align-items: center;}
.banner-pagination{user-select: none;}
.banner-pagination .swiper-pagination-bullet{position: relative; width: max(20px,0.32rem);height: 2px;opacity: 1;border-radius: 0;background: rgba(255, 255, 255, .2);margin-left: 6px;}
.banner-pagination .swiper-pagination-bullet:first-child{margin-left: 0;}
.banner-pagination .swiper-pagination-bullet::after{content: "";position: absolute;left: 0;top: 0;width: 0;height: 100%;transition: all .4s ease;background: #c00413;}
.banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after{width: 100%;transition: all 4.8s linear;}
.banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active.first:after{transition-duration: 3.8s;}
.indGroup{margin-top: 100vh;position: relative;z-index: 10;background: #fff;}
.indPro{background: #000;}
.indPro-flex{flex-direction: column;align-items: center;}
.indPro-nav .item{margin-left: 0.65rem;color: #d0d0d0;user-select: none;cursor: pointer;}
.indPro-nav .item:first-child{margin-left: 0;}
.indPro-nav .item::after{content: "";position: absolute;left: 50%;bottom: -2px;width: 0;height: 2px;background: #c00413;transform: translateX(-50%);transition: all .4s ease;}
.indPro-nav .item:hover,.indPro-nav .item.active{color: #c00413;}
.indPro-nav .item.active::after{width: 100%;}
.indPro-center{width: 12rem;}
.indPro-img{z-index: 10;}
.indPro-img .swiper-container{overflow: visible;}
.indPro-img-slide{height: 6.6rem;opacity: .5;transition: all .6s ease;}
.indPro-img-slide img{max-width: 85%;max-height: 85%;}
.swiper-slide-active .indPro-img-slide{opacity: 1;}
.indPro-name{position: absolute;left: 0;top: 18%;width: 100%;}
.indPro-name-slide{height: 100%;white-space: nowrap;font-size: 2.6rem;font-family: 'B';line-height: .8;transition: all .6s ease;filter: blur(20px);}
.indPro-name-slide span{background: -webkit-linear-gradient(top, #b50513 0%,#ff1e1e 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.swiper-slide-active .indPro-name-slide{filter: blur(0);}
.indPro-desc{width: 14rem;margin: 0 auto;}
.indPro-desc-slide{justify-content: center;align-items: center;}
.indPro-desc-left{align-items: center;}
.indPro-desc-logo{flex-direction: column;align-items: center;text-align: center;}
.indPro-desc-logo .img{width: max(60px,0.96rem);}
.indPro-desc-more{width: max(90px,1.2rem);height: max(30px,0.4rem);border: 1px solid #fff;margin-left: max(20px,0.56rem);}
.indPro-desc-data{padding-left: 2rem;flex: 1;}
.indPro-desc-data li{padding: 0 max(15px,0.35rem);position: relative;}
.indPro-desc-data li::after{content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 1px;height: 90%;background: #fff;}
.indPro-desc-data li:first-child::after{display: none;}
.indAb-flex{margin: 0 auto}
.indAb-bg img,.indAb-bg video{width: 100%;}
.indAb-con{padding: 1rem 1.8rem 0.9rem; position: absolute;left: 0;top: 0;width: 100%;height: 100%;flex-direction: column;justify-content: space-between;}
.indAb-desc{flex-direction: column;}
.indAb-desc .text{width: max(400px,6rem);}
.indAb-desc .more{width: max(100px,1.36rem);height: max(30px,0.4rem);border: 1px solid #fff;}
.indAb-num{justify-content: space-between;}
.indAb-num .num{align-items: center;}
.indLoop-list{display: flex;white-space: nowrap;}
.indLoop-list .item{animation: loopAni1 20s linear infinite;}
.indLoop-list .item span:nth-child(2){padding-left: 10.4vw;}
.indLoop-list .item p{font-size: 7vw;line-height: .8;text-transform: uppercase;}
.indLoop-list .item i{position: absolute;left: 93.4%;top: 50%;transform: translateY(-50%); animation: loopAni2 10s linear infinite; display: block;width: 7.1vw;height: 7.1vw;background: url('../images/index/indLoop-icon.png') no-repeat center/100% auto;}
@keyframes loopAni1 {0%{transform: translateX(0%);}100%{transform: translateX(-100%);}}
@keyframes loopAni2 {0%{transform: translateY(-50%) rotate(0);}100%{transform: translateY(-50%) rotate(360deg);}}
.indCase{background: url('../images/index/indCase-bg.jpg') no-repeat center/cover;}
.indCase-swp .swiper-wrapper{transition-timing-function: linear;}
.indCase-slide img{width: 100%;height: 15vw;}
.indCase-swp{margin-top: 20px;}
.indCase-swp:first-child{margin-top: 0;}
.indCase-swp:nth-child(2n){transform: rotate(180deg);}
.indCase-swp:nth-child(2n) .indCase-slide{transform: rotate(-180deg);}
.indNews{background: url('../images/index/indNews-bg.jpg') no-repeat center/cover;}
.indNews-flex{justify-content: space-between;align-items: flex-start;}
.indNews-show{width: 55%;justify-content: space-between;align-items: flex-start;}
.indNews-show-img{width: 67%;}
.indNews-show-img img{width: 100%;height: 4.2rem;}
.indNews-show-con{width: 28%;}
.indNews-show:hover .indNews-show-img img{transform: scale(1.1);}
.indNews-list{width: 43%;justify-content: space-between;}
.indNews-item{width: 44%;}
.indNews-item-img img{width: 100%;height: 2rem;}
.indNews-item-img .comNext{z-index: 2;position: absolute;right: max(10px,0.2rem);bottom: max(10px,0.2rem);}
.indNews-item:hover .indNews-item-img img{transform: scale(1.1);}
.indNews-btn .btn{user-select: none;cursor: pointer;width: 30px;height: 30px;}
.indNews-btn .btn.next{transform: rotate(180deg);margin-left: 15px;}
.indNews-btn .btn:hover{color: #c00413;}
/* -------------------------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) */
}
/* --------------------平板(横屏1024)---------------------- */
@media all and (max-width:1100px){}
/* --------------------平板(竖屏768)----------------------- */
@media all and (max-width:1000px){}
/* --------------------手机端(360)------------------------- */
@media all and (max-width:720px){
    .banner-bg img{height: 400px;}
    .banner-con .contain{padding-top: 60px;}
    .indGroup{margin-top: 400px;}
    .indPro{width: 100%;padding: 40px 4%;}
    .indPro-flex{display: block;}
    .indPro-nav{flex-wrap: nowrap;white-space: nowrap;justify-content: flex-start;overflow-x: auto;width: 100%;}
    .indPro-nav .item{padding-bottom: 2px;}
    .indPro-nav .item::after{bottom: 0;}
    .indPro-center{width: 100%;margin: 0 auto;}
    .indPro-img-slide{height: 220px;}
    .indPro-desc{width: 100%;}
    .indPro-desc-slide{flex-direction: column;align-items: center;text-align: center;}
    .indPro-desc-data{width: 100%;padding: 20px 0 0;justify-content: space-between;flex: none;}
    .indPro-desc-data li:first-child{padding-left: 0;}
    .indPro-desc-data li:last-child{padding-right: 0;}
    .indAb-bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
    .indAb-bg img, .indAb-bg video{height: 100%;}
    .indAb-con{padding: 40px 4%;position: relative;z-index: 2;background: rgba(0, 0, 0, .3);}
    .indAb-desc .text{width: 100%;}
    .indAb-desc .more{margin-top: 20px;}
    .indAb-num{padding-top: 20px;}
    .indAb-num li{width: 48%;margin-top: 30px;display: flex;flex-direction: column;align-items: center;text-align: center;}
    .indLoop{padding: 30px 0;}
    .indLoop-list .item p{font-size: 40px;}
    .indCase-slide img{height: 85px;}
    .indCase-swp{margin-top: 10px;}
    .indNews-show{width: 100%;position: relative;}
    .indNews-show-img{width: 100%;}
    .indNews-show-img img{height: 240px;}
    .indNews-show-con{width: 100%;margin-top: 20px;}
    .indNews-show-con .comNext{position: absolute;right: 10px;top: 180px;z-index: 2;}
    .indNews-list{width: 100%;margin-top: 30px;}
    .indNews-item{width: 48%;}
    .indNews-item-img img{height: 120px;}
    .indNews-btn{display: none;}
    .indLoop-list .item i{left: 95.5%;}
}