@charset "utf-8";
/* ===================首页样式========================== */
.banner-bg img{width: 100%;height: 100vh;}
.banner-con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;}
.banner-con .contain{height: 100%;flex-direction: column;justify-content: center;}
.banner-pagination-box{z-index: 5;position: absolute;left: 0;bottom: 0.7rem;width: 100%;}
.banner-pagination .swiper-pagination-bullet{width: max(25px,0.5rem);height: max(2px,0.04rem);background: rgba(255, 255, 255, .5);border-radius: 0;opacity: 1;margin-left: max(8px,0.2rem);transition: all .4s ease;}
.banner-pagination .swiper-pagination-bullet:first-child{margin-left: 0;}
.banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #e60012;}
.banner-con .title,.banner-con .text{opacity: 0;transform: translateY(max(30px,1rem));transition: all 1s ease 1.1s;}
.banner-con .comMore-box{opacity: 0;transform: translateY(max(30px,1rem));transition: all 1s ease 1.2s;}
.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;}
/* banner视频 */
.banner .hasVideo .banner-image{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) {.banner .hasVideo .banner-image{animation: none;}.banner video{display: none;}}

.indTitle .title::after{clip-path: polygon(0 0, 100% 0%, 92% 100%, 0% 100%);content: "";position: absolute;left: 0;bottom: 0;width: max(25px,0.54rem);height: max(3px,0.08rem);background: #e60012;}

.indPro,.indSer{background: linear-gradient(to right,#e0e4e7,#f9fafb);}
.indPro-list{width: 100%;}
.indPro-item{margin-right: 10px;flex: 1 1 0%;transition: flex 0.6s;}
.indPro-item:last-child{margin-right: 0;}
.indPro-img{width: 100%;overflow: hidden;}
.indPro-img::before,.indPro-img::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;transition: all .4s ease;background: rgba(0, 0, 0, .4);}
.indPro-img::after{background: linear-gradient(to bottom,transparent 20%,rgba(0,0,0,.3) 100%);opacity: 0;}
.indPro-img img{width: 100%;height: 5.74rem;}
.indPro-show{z-index: 2;position: absolute;left: 0;bottom: 0;width: 100%;padding: 0 0 0.26rem;transition: all .4s ease;}
.indPro-hide{z-index: 3;position: absolute;left: 0;bottom: 0;width: 100%;padding: 0.7rem 0.5rem;transition: all .4s ease;opacity: 0;transform: translateY(0.3rem);}
.indPro-hide .item{width: 50%;border-bottom: 1px solid rgba(255, 255, 255, .32);align-items: center;}
.indPro-hide .item i{display: block;transform: rotate(45deg);margin-left: max(6px,0.1rem);font-size: max(12px,0.14rem);}
.indPro-item.active{flex: 3.2 1 0%;}
.indPro-item.active .indPro-img::before{opacity: 0;}
.indPro-item.active .indPro-img::after{opacity: 1;}
.indPro-item.active .indPro-show{opacity: 0;transform: translateY(100%);}
.indPro-item.active .indPro-hide{opacity: 1;transform: translateY(0);transition: all .6s ease .2s;}
.indSer-swp{background: #666;}
.indSer-bg::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .2);}
.indSer-bg img{width: 100%;height: 38vw;transform: scale(1.1);transition: transform 2s linear .8s;}
.swiper-slide-active .indSer-bg img{transform: scale(1);transition-delay: 0s;}
.indSer-con{z-index: 2;position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.indSer-con .text{width: max(300px,4.5rem);}
.indSer-menu{position: absolute;left: 0;bottom: 0.65rem;width: 100%;z-index: 3;}
.indSer-menu-list{margin-left: -0.2rem;}
.indSer-menu-item{justify-content: flex-start;padding: 0.2rem 0.05rem 0.3rem; background: rgba(255, 255, 255, .3);backdrop-filter: blur(10px); margin-left: 0.2rem;width: calc(100% / 6 - 0.2rem);user-select: none;cursor: pointer;flex-direction: column;}
.indSer-menu-item .ico{width: max(38px,0.6rem);height: max(38px,0.6rem);border-radius: 50%;border: 1px solid #fff;}
.indSer-menu-item .ico img{max-width: 50%;max-height: 50%;transition: all .6s ease;}
.indSer-menu-item .ico .s{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);opacity: 0;}
.indSer-menu-item .title{position: relative;z-index: 2;}
.indSer-menu-item .page{position: absolute;left: 0;top: 100%;width: 100%;text-align: center;transition: all .4s ease;background: -webkit-linear-gradient(top, rgba(230, 0, 18, .1) 0%, transparent 80%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.indSer-menu-item:hover{background: rgba(255, 255, 255, .5);}
.indSer-menu-item.active{background: #fff !important;}
.indSer-menu-item.active .ico{border-color: #212935;}
.indSer-menu-item.active .ico .h{opacity: 0;}
.indSer-menu-item.active .ico .s{opacity: 1;}
.indSer-menu-item.active .title{color: #212935;}
.indSer-menu-item.active .page{transform: translateY(-60%);transition-delay: .2s;}

.indNews-head{justify-content: space-between;align-items: center;}
.indNews-item{height: 100%;border: 1px solid transparent;}
.indNews-img img{width: 100%;height: 3rem;}
.indNews-con{padding: 0.4rem 0.35rem 0.5rem;}
.indNews-con .date{align-items: center;}
.indNews-con .date i{font-size: max(14px,0.16rem);display: block;margin-right: max(8px,0.1rem);}
.indNews-con .more span{position: relative;}
.indNews-con .more span::after{content: "";position: absolute;left: 0;bottom: -2px;width: 100%;height: 1px;background: #212935;}
.indNews-item:hover{border-color: #e60012;box-shadow: 0px max(6px,0.12rem) max(20px,0.41rem) max(5px,0.1rem) rgba(230, 0, 18, 0.06);}
.indNews-item:hover .indNews-img img{transform: scale(1.08);}

.indAb{background: url('../images/index/indAb-bg.jpg') no-repeat center/100% 100%;}
.indAb-flex{justify-content: space-between;align-items: flex-start;}
.indAb-left-circle{width: 6.75rem;height: 6.75rem;background: url('../images/index/indAb-line.png') no-repeat center/100% auto;}
.indAb-left-desc{position: absolute;left: 0;top: 0;width: 100%;height: 100%;flex-direction: column;z-index: 3;}
.indAb-left-desc .num{font-size: 2.1rem;line-height: .8;}
.indAb-right{width: 46%;}
.indAb-right-desc .title{width: 65%;}
.indAb-partner{border-top: 1px solid #f0f1f2;border-bottom: 1px solid #f0f1f2;}
.indAb-partner-swp-box{justify-content: space-between;align-items: center;}
.indAb-partner-swp .logo{height: max(40px,0.8rem);}
.indAb-partner-swp .logo img{max-width: 85%;max-height: 100%;}
.indAb-partner-swp{width: calc(100% - max(32px,0.45rem));}
.indAb-partner-swp::after{content: ""; z-index: 2;position: absolute;right: 0;top: 0;width: 10%;height: 100%;background: linear-gradient(to right,transparent 0%,#fff 50%);}
.indAb-left-svg{position: absolute;z-index: 2;left: 50%;top: 50%;width: 113%;height: 113%;transform: translate(-50%,-50%);}
.indAb-left-path{fill: none;stroke-width: .2;stroke: #e60012;stroke-dasharray:100,100;stroke-dashoffset:100;}
.indAb-flex.animated .indAb-left-path{animation: indAbRun 2s ease both .3s;}
@keyframes indAbRun{0% {stroke-dashoffset:100;}100% {stroke-dashoffset:75;}}
.indYS{background: url('../images/index/indYS-bg.jpg') no-repeat center bottom/cover;background-attachment: fixed;}
.indYS-flex{justify-content: space-between;align-items: flex-start;}
.indYS-con{width: 26%;position: sticky;top: max(70px,0.96rem);}
.indYS-list{width: 61%;}
.indYS-item{background: #fff;border: 1px solid #ebebeb;margin-top: 0.2rem;transition: none;position: sticky;transform-origin: center top;}
.indYS-item>div{position: relative;z-index: 2;}
.indYS-page{width: 11%;padding: 0.35rem 0 0 0.2rem;color: #e3eaec;border-right: 1px solid #ebebeb;}
.indYS-desc{min-height: max(250px,3.3rem); width: 89%;display: flex;flex-direction: column;justify-content: space-between;padding: 0.35rem 1.3rem 0.35rem 0.4rem;}
.indYS-desc .ico{width: max(30px,0.5rem);height: max(30px,0.5rem);position: absolute;right: 0.45rem;bottom: 0.45rem;z-index: 2;}
.indYS-desc .ico img{transition: all .6s ease;max-height: 100%;}
.indYS-desc .bg{width: 2.65rem;height: 2.65rem;position: absolute;right: -5px;bottom: -5px;opacity: 0;}
.indYS-desc .bg img{max-height: 100%;}
.indYS-item.active{border-width: 0;}
.indYS-item:last-child{background: url('../images/index/indYS-item-bg.jpg') no-repeat center/cover;border-color: transparent;}
.indYS-item:last-child .indYS-page,.indYS-item:last-child .top,.indYS-item:last-child .title,.indYS-item:last-child .text{color: #fff;}
.indYS-item:last-child .indYS-page{border-color: rgba(235, 235, 235, .2);}
.indYS-item:last-child .text p::after{background-image: url('../images/index/indYS-dot2.png');}
.indYS-item:last-child .bg{opacity: 1;}
.indYS-item:nth-child(1){top: calc(max(70px,0.96rem) + 0.6rem);margin-top: 0;}
.indYS-item:nth-child(2){top: calc(max(70px,0.96rem) + 0.9rem);}
.indYS-item:nth-child(3){top: calc(max(70px,0.96rem) + 1.2rem);}
.indYS-item:nth-child(4){top: calc(max(70px,0.96rem) + 1.5rem);}
.indYS-item:nth-child(5){top: calc(max(70px,0.96rem) + 1.8rem);}
.indYS-item:nth-child(6){top: calc(max(70px,0.96rem) + 2.1rem);}




/* -------------------------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){
    .indPro-item{flex: none !important;width: 100%;margin: max(8px,0.2rem) 0 0;}
    .indPro-item:first-child{margin-top: 0;}
    .indPro-item .indPro-hide{opacity: 1;transform: translateY(0);}
    .indPro-show{display: none;}
    .indSer-bg img{height: 40vh;}
    .banner-bg img {height: calc(100vh - 60px);}
    .indPro-img img{height: auto;}
    .indSer-con .text {width: 530px;}
}

/* --------------------平板(竖屏768)----------------------- */
@media all and (max-width:1000px){
    .indYS-con{position: relative;top: 0;width: 100%;padding-top: 0;}
    .indYS-list{width: 100%;margin-top: 40px;}
    .indYS-item:last-child .bg{opacity: 1;}
    .indYS-item{top: 80px !important;}
}

@media screen and (min-width:1300px) and (max-width:1430px) and (orientation: landscape){
    .landscape .indPro-list{flex-wrap:nowrap;overflow-x:auto}
    .landscape .indPro-item {flex: none !important;width:calc(47% - 20px);margin-left:20px;margin-top:20px !important;margin-right:0}
    .landscape .indPro-item:first-child{margin-left:0}
    .landscape .indPro-item .indPro-hide {opacity: 1;transform: translateY(0);padding: 0.4rem 0.2rem;}
    .landscape .indPro-show{display:none}
    .landscape .indPro-img img{height:450px;}
    .landscape .indPro-item .indPro-hide .list{font-size:9px;}
    .landscape .indSer-con .text {width: 530px;}
}
@media screen and (min-width:1000px) and (max-width:1100px) and (orientation: landscape) {
    .landscape .indSer-bg img {height: 64vh;}
    .landscape .indPro-list{flex-wrap:nowrap;overflow-x:auto}
    .landscape .indPro-item {flex: none !important;width:calc(48% - 20px);margin-left:20px;margin-top:20px !important;margin-right:0}
    .landscape .indPro-item:first-child{margin-left:0}
    .landscape .indPro-item .indPro-hide {opacity: 1;transform: translateY(0);padding: 0.4rem 0.2rem;}
    .landscape .indPro-show{display:none}
    .landscape .indPro-img img{height:400px;}
    .landscape .indPro-item .indPro-hide .list{font-size:9px;}
}
@media screen and (min-width:500px) and (max-width:1100px) and (orientation: landscape) {
    .landscape .indSer-bg img {height: 400px;}
}

/* --------------------手机端(360)------------------------- */
@media all and (max-width:720px){
    .banner-bg img{height: 400px;}
    .indPro-list{flex-wrap: wrap;margin: 20px 0 0;}
    .indPro-item{margin-top: 12px;width: 100%;}
    .indPro-img img{width: 100%;height: 250px;object-fit: cover;}
    .indPro-show{display: none;}
    .indPro-hide{opacity: 1;transform: none;padding: 25px 15px;}
    .indPro-hide .item i{font-size: 8px;margin-left:4px;}
    .indPro-hide .item{padding: 6px 0 4px;}
    .indPro-item .indPro-hide .list{font-size:7px;}
    .indPro-hide .item:nth-child(2n+1){width:55%}
    .indPro-hide .item:nth-child(2n){width:45%}
    .indSer-bg img{height: 400px;}
    .indSer-menu-list{overflow: auto;flex-wrap: nowrap;white-space: nowrap;}
    .indSer-menu-item{min-width: 38%;width: auto;padding: 20px 5px;}
    .indSer-menu-item .page{font-size: 34px;}
    .indSer-con .text {width: 100%;}
    .indAb-left{width: 100%;display: flex;justify-content: center;}
    .indAb-left-circle{width: 250px;height: 250px;}
    .indAb-right{width: 100%;margin-top: 30px;}
    .indAb-right-desc .title{line-height: 1.4;width: 100%;}
    .indAb-partner-swp-box{margin-top: 30px;}
    .indAb-partner-swp{width: 100%;}
    .indAb-partner-swp .logo{height: 55px;}
    .indNews-list ul{margin: -14px 0 0 !important;}
    .indNews-list li{width: 100% !important;margin: 14px 0 0 !important;}
    .indNews-img img{height: 218px;}
    .indNews-con{padding: 20px 16px 30px;background: #f5f7f9;}
    .indYS-con{position: relative;top: auto;width: 100%;padding-top: 0;}
    .indYS-list{width: 100%;margin-top: 20px;}
    .indYS-item{padding: 30px 15px;}
    .indYS-page{width: 100%;border: unset;padding: 0;font-size: 30px;}
    .indYS-desc{width: 100%;padding: 0;min-height: auto;margin-top: 20px;}
    .indYS-desc .btm{margin-top: 10px;}
    .indYS-desc .ico{right: 0;bottom: auto;top: 0;}
}