@charset "utf-8";
/* ===================首页样式========================== */
.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;transition: all 1s ease .7s;opacity: 0;transform: translateY(0.4rem);}
.banner-con .comMore-box{opacity: 0;transition: all 1s ease .8s;opacity: 0;transform: translateY(0.4rem);}
.swiper-slide-active .banner-con .title,.swiper-slide-active .banner-con .comMore-box{opacity: 1;transform: translateY(0);}
.swiper-slide-active.first .banner-con .title{transition-delay: 0s;}
.swiper-slide-active.first .banner-con .comMore-box{transition-delay: .1s;}
.banner-pagination{user-select: none;z-index: 10;position: absolute;left: 0;bottom: max(20px,0.5rem);width: 100%;}
.banner-pagination .swiper-pagination-bullet{width: max(40px,1rem);height: max(2px,0.03rem);border-radius: 0;opacity: 1;background: rgba(255, 255, 255, .5);position: relative;margin: 0 max(4px,0.07rem);}
.banner-pagination .swiper-pagination-bullet::after{content: "";position: absolute;left: 0;top: 0;width: 0;height: 100%;background: #d7000f;transition: all .4s ease;}
.banner-pagination .swiper-pagination-bullet.active::after{width: 100%;transition: all 4.8s linear;}
.banner-pagination .swiper-pagination-bullet.active.first::after{transition: all 3.8s linear;}
.indPro{background: url('../images/index/indPro-bg.jpg') no-repeat center/cover;}
.indPro-head{justify-content: space-between;align-items: center;}
.indPro-btn .btn{user-select: none;cursor: pointer;width: max(32px,0.38rem);height: max(32px,0.38rem);border-radius: 50%;background: #000;}
.indPro-btn .btn.next{transform: rotate(180deg);margin-left: 12px;}
.indPro-btn .btn:hover{background: #d7000f;}
.indPro-swp{width: 109%;}
.indPro-swp::after{content: "";z-index: 2;position: absolute;left: 100%;top: 0;width: var(--widDb);height: 100%;background: #fff;opacity: .8;}
.indPro-swp .swiper-container{overflow: visible;}
.indPro-slide{background: #fff;border-left: 1px solid #f7efef;padding: 0.7rem 0.5rem 0.75rem;flex-direction: column;justify-content: flex-start;}
.indPro-slide>div{position: relative;z-index: 2;}
.swiper-slide:first-child .indPro-slide{border: unset;}
.indPro-slide::after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 54.5%;background: #d7000f;transition: all .4s ease;opacity: 0;}
.indPro-slide .text,.indPro-slide .title{transition: all 0s ease;}
.indPro-slide .text{opacity: 0;width: max(150px,2rem);}
.indPro-slide .img{width: 100%;height: 1.7rem;position: relative;z-index: 5;}
.indPro-slide .img img{max-height: 100%;}
.indPro-slide:hover{background: #eee;}
.indPro-slide:hover::after{opacity: 1;}
.indPro-slide:hover .text{opacity: 1;transform: translateY(2.5rem);color: #fff;}
.indPro-slide:hover .title{transform: translateY(-2.8rem);}
.indPro-slide:hover .comMore{border-color: #fff;}
.indPro-slide:hover .comMore span{color: #fff;}
.indPro-slide:hover .comMore i{color: #d7000f;}
.indPro-slide:hover .comMore i::after{background: #fff;}
.indPro-slide:hover .comMore:hover{background: #fff;}
.indPro-slide:hover .comMore:hover span{color: #d7000f;}
.indAb-bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.indAb-bg img{width: 100%;height: 100%;}
.indAb-con{position: relative;z-index: 2;}
.indAb-desc .indTitle .text{width: max(400px,5.2rem);max-width: 100%;}
.indAb-play{user-select: none;cursor: pointer;margin-left: 10px;width: max(36px,0.4rem);height: max(36px,0.4rem);border-radius: 50%;border: 2px solid #fff;}
.indAb-play:hover{background: #fff;color: #d7000f;}
.indAb-num li{width: calc(100% / 3);}
.indAb-num .num{align-items: flex-end;}
.indAb-num .num span{line-height: .8;display: block;margin-right: 5px;}
.indAb-num .dot{position: relative;margin-left: 4px;}
.indAb-num .dot i{display: block;position: relative;z-index: 2;width: max(8px,0.12rem);height: max(8px,0.12rem);transform: rotate(45deg);background: #fff;}
.indAb-num li:nth-child(1) .dot::after{content: "";position: absolute;left: -25vw;width: 200vw;height: 1px;top: 50%;background: rgba(255, 255, 255, .2);pointer-events: none;}
.indAb-num .text{width: 70%;opacity: .8;height: max(80px,1.2rem);}
.indYS{background: #f7f8fa url('../images/index/indYS-bg.jpg') no-repeat center bottom/100% auto;}
.indYS-flex{justify-content: space-between;align-items: flex-start;}
.indYS-con{width: 25%;position: sticky;top: max(30px,0.5rem);}
.indYS-list{width: 57%;}
.indYS-list li:nth-child(2n){transform: translateY(0.7rem);}
.indYS-item{background: #fff;}
.indYS-item .bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;transform: scale(1.1);opacity: 0;transition: all .5s ease;}
.indYS-item .bg img{width: 100%;height: 100%;}
.indYS-item .box{position: relative;z-index: 2;height: max(300px,4rem);padding: 0.4rem 0.36rem 0.7rem;}
.indYS-item .ico{width: max(30px,0.66rem);height: max(30px,0.68rem);align-items: center;position: relative;}
.indYS-item .ico img{max-height: 100%;transition: all .4s ease;}
.indYS-item .ico .h{position: absolute;left: 0;top: 50%;transform: translateY(-50%);opacity: 0;}
.indYS-item .page{position: absolute;left: 0.36rem;bottom: 0.35rem;}
.indYS-item:hover .bg{opacity: 1;transform: scale(1);}
.indYS-item:hover .ico .s{opacity: 0;}
.indYS-item:hover .ico .h{opacity: 1;}
.indYS-item:hover .title,.indYS-item:hover .text,.indYS-item:hover .page{color: #fff;}
.indNews-flex{justify-content: space-between;}
.indNews-flex .com-label{font-size: max(10px,0.12rem); display: flex;align-items: center;justify-content: center; width: max(70px,0.88rem);height: max(24px,0.28rem);border-radius: 40px;border: 1px solid #bdbdbd;}
.indNews-flex .com-date{align-items: center;}
.indNews-flex .com-date i{display: block;font-size: max(12px,0.14rem);margin-right: max(8px,0.12rem);}
.indNews-left{flex-direction: column;width: calc(65% - 0.2rem);}
.indNews-left-show{flex: 1;}
.indNews-left-show-img{height: 100%;}
.indNews-left-show-img::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: linear-gradient(to bottom,transparent 40%,rgba(0,0,0,.9) 90%);}
.indNews-left-show-img img{width: 100%;height: max(301px,4.6rem);}
.indNews-left-show-con{position: absolute;left: 0;bottom: 0;width: 100%;padding: 0.45rem 0.35rem;}
.indNews-left-show:hover .indNews-left-show-img img{transform: scale(1.08);}
.indNews-left-list{margin-top: 0.3rem;justify-content: space-between;}
.indNews-left-item{width: calc(50% - 0.15rem);background: #f7f7f7;padding: 0.35rem;}
.indNews-left-item .btm{justify-content: space-between;align-items: center;}
.indNews-left-item:hover{background: #d7000f;}
.indNews-left-item:hover .com-date,.indNews-left-item:hover .title{color: #fff;}
.indNews-left-item:hover .com-label{color: #fff;border-color: #fff;}
.indNews-right{width: calc(35% - 0.2rem);}
.indNews-right-item:nth-child(2){margin-top: 0.3rem;}
.indNews-right-img img{width: 100%;height: 2.2rem;}
.indNews-right-con{background: #f7f7f7;padding: 0.28rem 0.24rem;}
.indNews-right-item:hover .indNews-right-img img{transform: scale(1.08);}
.indNews-right-item:hover .indNews-right-con{background: #d7000f;}
.indNews-right-item:hover .indNews-right-con .title,.indNews-right-item:hover .indNews-right-con .com-date{color: #fff;}
/* -------------------------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-bg img{height: 400px;}
    .indPro-btn{display: none;}
    .indPro-swp{width: 100%;}
    .indPro-slide{padding: 30px 50px 40px;}
    .indPro-slide::after{height: 58.4%;}
    .indPro-slide .img{height: 150px;}
    .indPro-slide .title{margin-top: 30px;}
    .indPro-slide .comMore-box{margin-top: 20px;}
    .indPro-slide:hover .title{transform: translateY(-220px);}
    .indPro-slide:hover .text{transform: translateY(210px);}
    .indAb-bg::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .3);}
    .indAb-num .dot::after {content: "";position: absolute;left: -25vw;width: 200vw;height: 1px;top: 50%;background: rgba(255, 255, 255, .2);pointer-events: none;}    .indAb-num .text{height: auto;width: 78%;}
    .indAb-num li{width: 100%;padding-bottom: 50px;}
    .indAb-num .num span{font-size: 36px;margin-right: 3px;}
    .indYS-con{position: relative;width: 100%;top: auto;padding-top: 0;}
    .indYS-con .indTitle .text{margin-top: 10px;}
    .indYS-con .comMore-box{margin-top: 25px;}
    .indYS-list{width: 100%;margin-top: 40px;}
    .indYS-list li:nth-child(2n){transform: none;}
    .indYS-list .uli.ml30{margin: -15px 0 0;}
    .indYS-list .uli.ml30.uli2 li{margin: 15px 0 0;width: 100%;}
    .indYS-item .box{padding: 30px 15px 50px;height: 250px;}
    .indYS-item .page{left: 15px;bottom: 20px;}
    .indYS-item .title{font-size: 16px;}
    .indYS-item .ico{width: 36px;height: 36px;}
    .indNews-left{width: 100%;}
    .indNews-left-show-img img{height: 185px;}
    .indNews-left-show-con{padding: 15px;}
    .indNews-left-list{margin-top: 0;}
    .indNews-left-item{width: 100%;margin-top: 15px;padding: 25px 15px;}
    .indNews-right{width: 100%;}
    .indNews-right-item{width: 100%;margin: 15px 0 0 !important;}
    .indNews-right-img img{height: 160px;}
    .indNews-right-con{padding: 20px 15px;}
}
/* --------------------图片-iPad-调整---------------------- */
@media all and (min-width: 720px) and (max-width: 1000px){}