@charset "utf-8";
/* ===================首页样式========================== */
.banner-img img{width: 100%;height: calc(100vh - max(64px,0.78rem));}
.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,.banner-con .text{opacity: 0;transform: translateY(0.5rem);transition: all 1s ease .7s;}
.banner-con .comMore-box{opacity: 0;transform: translateY(0.5rem);transition: all 1s ease .8s;}
.swiper-slide-active .banner-con .title,.swiper-slide-active .banner-con .text,.swiper-slide-active .banner-con .comMore-box{opacity: 1;transform: translateY(0);}
.swiper-slide-active.first .banner-con .title,.swiper-slide-active.first .banner-con .text{transition-delay: 0s;}
.swiper-slide-active.first .banner-con .comMore-box{transition-delay: .1s;}
.indAb-num li:nth-child(1){width: 20%;}
.indAb-num li:nth-child(2){width: 21%;}
.indAb-num li:nth-child(3){width: 26%;}
.indAb-num .num{align-items: flex-start;}
.indAb-num .num span{display: block;line-height: .8;margin-right: max(5px,0.18rem);}
.indPro-list{margin-left: -0.2rem;display: flex;}
.indPro-item{background: #fff;width: 2rem;margin-left: 0.2rem;padding: 0.4rem 0;transition: padding .4s linear;overflow: hidden;}
.indPro-item .img-box .img{width: 2rem;height: 1.3rem;display: flex;align-items: center;justify-content: center;position: relative;z-index: 2;}
.indPro-item .img-box .img img{max-width: 95%;max-height: 100%;}
.indPro-item .img-box .text{position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 2.9rem;display: none;}
.indPro-item .comMore-box{opacity: 0;transition: all .6s ease;}
.indPro-item.active{width: calc(100% - 2rem * 3 - 0.2rem * 4);padding: 0.4rem;}
.indPro-item.active .title{justify-content: flex-start;animation: proAni .6s linear both;}
.indPro-item.active .img-box .text{display: block;animation: proAni .6s ease both .3s;}
.indPro-item.active .comMore-box{opacity: 1;}
@keyframes proAni {0%{opacity: 0;}100%{opacity: 1;}}
.indFA::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: calc(100% - 1rem);background: #f9f9f9;}
.indFA .contain{position: relative;z-index: 2;}
.indFA-list{margin-left: -0.2rem;}
.indFA-item{margin-left: 0.2rem;width: calc(25% - 0.2rem);}
.indFA-img{position: relative;}
.indFA-img::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: linear-gradient(to bottom,rgba(11,33,56,.7) 0%,transparent 50%);background: -moz-linear-gradient(to bottom,rgba(11,33,56,.7) 0%,transparent 50%);background: -webkit-linear-gradient(top,rgba(11,33,56,.7) 0%,transparent 50%);background: -o-linear-gradient(top,rgba(11,33,56,.7) 0%,transparent 50%);}
.indFA-img::before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(11, 33, 56, .9);opacity: 0;transition: all .6s ease;}
.indFA-img img{width: 100%;height: 6rem;}
.indFA-con{z-index: 2;position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: 0.5rem 0.1rem 0;}
.indFA-con .line{position: absolute;right: 0;top: 0;width: 0;height: max(2px,0.04rem);background: #ee1d23;transition: all .6s ease;}
.indFA-con .ico{height: 0.75rem;opacity: 0;transition: all .6s ease;}
.indFA-con .ico img{max-width: 55%;max-height: 100%;}
.indFA-con .text{padding: 0 0.1rem;opacity: 0;transition: all .6s ease;}
.indFA-con .comMore-box{position: absolute;left: 0;bottom: 0;width: 100%;height: 0.96rem;transform: translateY(100%);opacity: 0;transition: all .4s ease;}
.indFA-con .comMore{width: 100%;height: 100%;}
.indFA-item:hover .indFA-img::before{opacity: 1;}
.indFA-item:hover .indFA-con .line{right: auto;left: 0;width: 100%;}
.indFA-item:hover .indFA-con .ico,.indFA-item:hover .indFA-con .text{opacity: 1;}
.indFA-item:hover .indFA-con .comMore-box{opacity: 1;transform: translateY(0);}
.indCase-slide-bg::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: linear-gradient(to bottom,transparent 30%,rgba(0,0,0,1) 100%);}
.indCase-slide-bg img{width: 100%;height: 28.6vw;}
.indCase-slide-con{position: absolute;left: 0;bottom: 0;width: 100%;z-index: 2;transition: all 1s ease .4s;opacity: 0;transform: translateY(0.4rem);}
.swiper-slide-active .indCase-slide-con{opacity: 1;transform: translateY(0);}
.indCase-slide-con .contain{align-items: flex-end;justify-content: space-between;}
.indCase-slide-con .desc{width: 67%;}
.indCase-nav-list .item{margin-left: 0.65rem;user-select: none;cursor: pointer;padding-bottom: 5px;font-weight: 500;}
.indCase-nav-list .item::after{content: "";position: absolute;left: 50%;bottom: 0;width: 0;height: max(1px,0.03rem);background: #ee1d23;transition: all .4s ease;transform: translateX(-50%);}
.indCase-nav-list .item:first-child{margin-left: 0;}
.indCase-nav-list .item:hover,.indCase-nav-list .item.active{color: #111;}
.indCase-nav-list .item.active{font-weight: 700;}
.indCase-nav-list .item.active::after{width: 100%;}
.indNews-item{background: #fff;}
.indNews-img{width: 23.5%;}
.indNews-img img{width: 100%;height: 2rem;}
.indNews-con{width: 76.5%;padding: 0.3rem 0.4rem 0 0.25rem;}
.indNews-con .btm{align-items: center;}
.indNews-con .label{padding: 4px 12px;background: #f7f7f7;margin-right: 12px;}
.indNews-item:hover{box-shadow: 0px 4px 0.8rem 0px rgba(0, 0, 0, 0.05);}
.indNews-item:hover .indNews-img img{transform: scale(1.2);}
.indNews-item:hover .indNews-con .title{color: #ee1d23;}
/* -------------------------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 - 60px);}
    .indAb-num{justify-content: space-between;}
    .indAb-num li{margin-left: 0;width: 48% !important;}
    .indAb-num li:nth-child(n+3){margin-top: 30px;}
    .indAb .comMore-box{margin-top: 30px;}
    .indAb-num .num span{font-size: 26px;}
    .indPro-list{margin-left: 0;flex-wrap: wrap;}
    .indPro-item{margin: 15px 0 0;width: 100%;}
    .indPro-item{padding: 25px 15px;}
    .indPro-item .img-box{justify-content: space-between;display: flex;flex-direction: column;}
    .indPro-item .img-box .img{width: 100%;height: 150px;}
    .indPro-item .img-box .text{position: relative;right: auto;top: auto;width: 100%;display: block;transform: none;text-align: center;margin-top: 15px;}
    .indPro-item .comMore-box{opacity: 1;justify-content: center;margin-top: 30px;}
    .indFA-item{margin-top: 0.2rem;width: calc(50% - 0.2rem);}
    .indFA-img img{height: 350px;}
    .indFA-con{padding: 20px 10px 0;}
    .indFA-con .ico{height: 40px;}
    .indFA-con .text{padding: 0;}
    .indFA-con .comMore-box{height: 50px;}
    .indCase-slide-bg img{height: 300px;}
    .indCase-slide-con .desc{width: 100%;}
    .indCase-slide-con .comMore-box{margin-top: 25px;}
    .indCase-nav-list{justify-content: space-between;overflow-x: auto;flex-wrap: nowrap;white-space: nowrap;}
    .indCase-nav-list .item{margin-left: 0;font-size: 13px;}
    .indCase-nav-list .item::after{height: 2px;}
    .indNews-img{width: 30%;}
    .indNews-img img{height: 100%;}
    .indNews-con{width: 70%;padding: 15px 10px;}
    .indNews-con .label{font-size: 10px;padding: 2px 8px;}
    .indNews .comMore-box{margin-top: 25px  ;}
}
/* --------------------图片-iPad-调整---------------------- */
@media all and (min-width: 720px) and (max-width: 1000px){}