@charset "utf-8";
/* ===================首页样式========================== */
.banner .swiper-slide{overflow: hidden;}
.banner-bg img{width: 100%;height: 100vh;}
.banner-con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .3);}
.banner-con .contain{height: 100%;flex-direction: column;justify-content: center;}
.banner-con .title{width: max(600px,8.6rem);opacity: 0;transform: translateY(0.4rem);transition: all 1s ease 1s;}
.banner-con .subtitle{width: max(700px,9rem);max-width: 100%;}
.banner-con .comMore2,.banner-con .subtitle{opacity: 0;transform: translateY(0.4rem);transition: all 1s ease 1.1s;}
.swiper-slide-active .banner-con .title,.swiper-slide-active .banner-con .comMore2,.swiper-slide-active .banner-con .subtitle{opacity: 1;transform: translateY(0);}
.swiper-slide-active.first .banner-con .title{transition-delay: 0s;}
.swiper-slide-active.first .banner-con .comMore2,.swiper-slide-active.first .banner-con .subtitle{transition-delay: 0.1s;}
.banner-page{z-index: 5;position: absolute;left: 0;bottom: 0.8rem;width: 100%;}
.banner-page-list .item{margin-left: max(10px,0.18rem);user-select: none;cursor: pointer;}
.banner-page-list .item:first-child{margin-left: 0;}
.banner-page-list .page{color: rgba(255, 255, 255, .25);}
.banner-page-list .line{width: max(30px,0.48rem);height: max(2px,0.03rem);border-radius: 10px;overflow: hidden;background: rgba(255, 255, 255, .25);}
.banner-page-list .line::after{content: "";position: absolute;left: 0;top: 0;width: 0;height: 100%;background: #ffbf17;border-radius: 10px;transition: all .6s ease;}
.banner-page-list .item:hover .page,.banner-page-list .item.active .page{color: #fff;}
.banner-page-list .item:hover .line,.banner-page-list .item.active .line{background: #fff;}
.banner-page-list .item.active .line{width: max(70px,1.18rem);}
.banner-page-list .item.active .line::after{width: 100%;transition: all 5.1s linear;}
.banner-page-list .item.active.first .line::after{transition: all 4.1s linear;}
.indAb{background: url('../images/index/indAb-bg2.jpg') no-repeat center/cover fixed;}
.indAb .indTitle .text{width: max(500px,7.6rem);margin: max(8px,0.14rem) auto 0;}
.indAb-list li{width: 25%;flex-direction: column;justify-content: flex-start;padding: 0 0.7rem;}
.indAb-list li::after{content: "";position: absolute;left: 0;top: 0;width: 1px;height: 80%;background: linear-gradient(to bottom,transparent 0%,#d5dce0 25%,#d5dce0 75%,transparent);}
.indAb-list li:first-child::after{display: none;}
.indAb-list .ico{height: max(40px,0.65rem);opacity: .36;}
.indAb-list .ico img{max-height: 100%;}
.indAb-list .title{opacity: .36;}
.indAb-list .comMore2-box{opacity: 0;transform: translateY(0.3rem);}
.indAb-list li:hover .ico,.indAb-list li:hover .title,.indAb-list li:hover .comMore2-box{opacity: 1;}
.indAb-list li:hover .comMore2-box{transform: translateY(0);transition-delay: .1s;}
.indApp-bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.indApp-bg img{width: 100%;height: 100%;}
.indApp-con{position: relative;z-index: 2;}
.indApp-swp .swiper-slide{height: auto;}
.indApp-slide{background: #fff;border-radius: max(12px,0.24rem) 0 max(12px,0.24rem) 0;padding: 0.2rem;height: 100%;}
.indApp-desc{padding: 0.2rem 0.25rem 0;/*min-height: max(150px,1.9rem);*/}
.indApp-slide:hover .indApp-img .img img{transform: scale(1.1);}
.indNews-menu{border-bottom: 2px solid #dfe6eb;align-items: flex-end;}
.indNews-menu .item{user-select: none;cursor: pointer;color: #c3cace;margin-left: 0.6rem;height: max(40px,0.8rem);padding-top: max(4px,0.1rem);}
.indNews-menu .item:first-child{margin-left: 0;}
.indNews-menu .item::after{content: "";position: absolute;left: 0;bottom: -2px;width: 100%;height: 2px;background: #ffb800;opacity: 0;transition: all .4s ease;}
.indNews-menu .item:hover,.indNews-menu .item.active{color: #2f3f4a;}
.indNews-menu .item.active{font-size: max(19px,0.42rem);padding-top: 0;}
.indNews-menu .item.active::after{opacity: 1;}
.indNews-drop{display: none;}
.indNews-drop:first-child{display: block;}
.indNews-flex{align-items: flex-start;justify-content: space-between}
.indNews-flex .date{color: #929ba2;}
.indNews-show{width: 30%;}
.indNews-show .img img{width: 100%;height: 3rem;}
.indNews-show:hover .img img{transform: scale(1.1);}
.indNews-show:hover .title{color: #ffb800;}
.indNews-list{width: 65%;justify-content: space-between;}
.indNews-item{border-top: 1px solid #dfe6eb;width: 48%;}
.indNews-item:nth-child(-n+2){padding-top: 0;border-top: unset;}
.indNews-item:hover .title{color: #ffb800;}
.indPro{background: url('../images/index/indPro-bg.jpg') no-repeat center/cover;}
.indPro-flex{justify-content: space-between;}
.indPro-menu{flex-direction: column;justify-content: center;position: relative;}
.indPro-menu::after{content: "";position: absolute;left: max(29px,0.39rem);top: 50%;transform: translateY(-50%);width: 1px;height: 120%;border-left: 1px dashed #e5e5e5;}
.indPro-menu .item{user-select: none;cursor: pointer;position: relative;z-index: 2;}
.indPro-menu .item:first-child{margin-top: 0;}
.indPro-menu .svg-box{transition: all .5s ease;opacity: 0; width: max(60px,0.78rem);height: max(60px,0.78rem);border-radius: 50%;background: #fff;box-shadow: 0px 0px max(15px,0.3rem) 0px rgba(255, 184, 0, 0.18);}
.indPro-menu .svg{width: 100%;height: 100%;}
.indPro-menu .circle1 {stroke: #fcf4dc;stroke-width: 4;fill: none;}
.indPro-menu .circle2 {stroke-dashoffset: 100;stroke-dasharray: 100; stroke: #ffb800;stroke-width: 4;stroke-linecap: round;fill: none;transform: rotate(-90deg) scale(1,-1);transform-origin: center;}
.indPro-menu .ico{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 5;}
.indPro-menu .ico img{max-width: 35%;max-height: 35%;}
.indPro-menu .item.active .svg-box{opacity: 1;}
.indPro-menu .item.active .circle2{animation: svgAni 15s linear both;}
.indPro-menu .item.active.first .circle2{animation-duration: 15.5s;}
@keyframes svgAni {0%{stroke-dashoffset: 100;}100%{stroke-dashoffset: 0;}}
.indPro-swp{width: 90%;}
.indPro-slide{justify-content: space-between;align-items: center;}
.indPro-con{width: 33%;}
.indPro-more{align-items: center;margin-left: max(15px,0.36rem);}
.indPro-more i{display: block;font-size: max(14px,0.17rem);margin-right: max(8px,0.12rem);}
.indPro-more:hover{color: #ffb800;}
.swiper-slide-active .indPro-con .label,.swiper-slide-active .indPro-con .title{animation: proAni 1s ease .4s;}
.swiper-slide-active .indPro-con .text{animation: proAni 1s ease .5s;}
.swiper-slide-active .indPro-con .btn-box{animation: proAni 1s ease .6s;}
.swiper-slide-active.first .indPro-con .label,.swiper-slide-active.first .indPro-con .title{animation-delay: 0s;}
.swiper-slide-active.first .indPro-con .text{animation-delay: 0.1s;}
.swiper-slide-active.first .indPro-con .btn-box{animation-delay: 0.2s;}
.indPro-img{width: 61%;height: 5.6rem;}
.indPro-img img{max-width: 70%;max-height: 100%;}
@keyframes proAni {0%{opacity: 0;transform: translateY(0.3rem);}100%{opacity: 1;transform: translateY(0);}}
/* -------------------------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 .title{width: 100%;}
    .indAb .indTitle .text{width: 100%;}
    .indAb-list li{width: 100%;padding: 40px;}
    .indAb-list li::after{left: 50%;top: 0;width: 100%;transform: translateX(-50%);height: 1px;background: linear-gradient(to right,transparent 0%,#d5dce0 25%,#d5dce0 75%,transparent);}
    .indApp-slide{padding: 15px 15px 30px;}
    .indApp-desc{padding: 15px 20px 0;}
    .indApp .com-pagination{position: absolute;left: 0;bottom: 15px;width: 100%;z-index: 2;}
    .indPro{overflow: hidden;}
    .indPro-menu{width: 100%;flex-direction: row;}
    .indPro-menu::after{left: 50%;top: 29px;width: 120%;height: 1px;transform: translateX(-50%);border-top: 1px dashed #e5e5e5;}
    .indPro-menu .item{margin: 0 0 0 50px;}
    .indPro-menu .item:first-child{margin-left: 0;}
    .indPro-swp{width: 100%;margin-top: 40px;}
    .indPro-slide{flex-direction: column-reverse;}
    .indPro-con{width: 100%;margin-top: 35px;}
    .indPro-img{width: 100%;height: 250px}
    .indNews-show{width: 100%;padding-bottom: 25px;}
    .indNews-show .img img{height: 220px;}
    .indNews-list{width: 100%;}
    .indNews-item{width: 100%;border-top: 1px solid #dfe6eb !important;padding: 25px 25px 25px 0 !important;}
}