@charset "utf-8";
/* ===================首页样式========================== */
.banner{background: #000;}
.banner-img img{width: 100%;height: 100vh;}
.banner-con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;align-items: center;}
.banner-con .contain{display: flex;flex-wrap: wrap;flex-direction: column;align-items: flex-start;}
.banner-con .title{position: relative;padding: 10px 37px;}
.banner-con .title::after,.banner-con .title::before{content: "";position: absolute;left: 0;top: 0;width: 2vw;height: 2vw;background: url('../images/index/banner-title.png') no-repeat center/100% auto;}
.banner-con .title::after{left: auto;top: auto;right: 0;bottom: 0;background-image: url('../images/index/banner-title2.png');}
.banner-con .title-en{font-style: italic;}
/* 效果 */
.banner-img img{transform: scale(1);transition: all 7s linear;}
.banner-con .title{opacity: 0;transform: translateY(150px);transition: all 1s .8s ease;}
.banner-con .title-en{opacity: 0;transform: translateY(150px);transition: all 1s .9s ease;}
.swiper-slide-active .banner-img img{transform: scale(1.05);}
.swiper-slide-active .banner-con .title,.swiper-slide-active .banner-con .title-en{opacity: 1;transform: translateY(0);}
/* .swiper-slide-active.first-slide .banner-img img{transition: all 4s linear;} */
.swiper-slide-active.first-slide .banner-con .title{transition-delay: 0s;}
.swiper-slide-active.first-slide .banner-con .title-en{transition-delay: .1s;}
/* 按钮 */
.banner-switch{position: absolute;left: 0;bottom: 5.8vw;width: 100%;z-index: 2;}
.banner-switch .contain{align-items: center;}
.banner-btn{align-items: center;margin-right: 35px;}
.banner-stop{margin-right: 22px; user-select: none;cursor: pointer;width: 18px;height: 18px;position: relative;}
.banner-stop::after{content: "";transition: all 1s ease; position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url('../images/index/banner-stop.png') no-repeat center/100% auto;}
.banner-stop::before{position: relative;z-index: 2;display: block;font-size: 12px;transform: scale(.6);}
.banner-stop.active::before{content: "\ea82";}
.banner-stop.active::after{transform: rotate(360deg);}
.banner-page{align-items: center;}
.banner-page .cen{margin: 0 4px;}
.banner-pagination{flex: 1;height: 1px;background: rgba(255, 255, 255, .5) !important;position: relative !important;}
.banner-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: #fff;}
.indLink{background: url('../images/index/indLink-bg.jpg') no-repeat center bottom/100% auto;}
.indLink-list{justify-content: space-between;padding: 0 5.2vw;}
.indLink-item{align-items: flex-end;}
.indLink-item i{transition: all .4s ease; display: block;height: 64px;margin-right: 22px;}
.indLink-item i img{max-height: 100%;}
.indLink-item span{transition: all .4s ease;}
.indLink-item:hover i{transform: rotateY(180deg);}
.indLink-item:hover span{color: #4e3a93;}
.indNews-flex{justify-content: space-between;align-items: flex-start;}
.indNews-swp{width: 57.5%;border-radius: 40px 0 40px 0;}
.indNews-slide{border-radius: 40px 0 40px 0;}
.indNews-slide-img img{width: 100%;height: 585px;}
.indNews-slide-img::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.3) 70%,rgba(0,0,0,.6) 100%);}
.indNews-slide-con{position: absolute;left: 0;bottom: 0;width: 100%;padding: 35px 55px;}
.indNews-slide-con .title{width: 100%;padding-right: 70px;}
.indNews-slide:hover .indNews-slide-img img{transform: scale(1.08);}
.indNews-slide:hover .indNews-slide-con .title{color: #f8b500;}
.indNews-pagination{z-index: 2;position: absolute;right: 55px;bottom: 35px;}
.indNews-pagination .swiper-pagination-bullet{width: 14px;height: 14px;opacity: 1;position: relative; border: 3px solid transparent;background: transparent;margin: 0 5px;}
.indNews-pagination .swiper-pagination-bullet::after{content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 100%;height: 100%;border-radius: 50%;background: #fff;}
.indNews-pagination .swiper-pagination-bullet-active{border-color: #f8b500;}
.indNews-pagination .swiper-pagination-bullet-active::after{background: transparent;}
.indNews-list{width: 38%;}
.indNews-item{justify-content: space-between;border-bottom: 1px solid #ccc;}
.indNews-item:first-child{padding-top: 0;}
.indNews-item:last-child{padding-bottom: 0;border-bottom: unset;}
.indNews-item-img{width: 35%;}
.indNews-item-img img{height: 140px;}
.indNews-item-con{width: 60%;position: relative;padding-right: 40px;}
.indNews-item-con .date span:nth-child(2){display: inline-block;margin-left: 10px;}
.indNews-item-con .comMore-box{opacity: 0;transition: all .4s ease;position: absolute;right: 0;bottom: -15px;}
.indNews-item:hover .indNews-item-img img{transform: scale(1.1);}
.indNews-item:hover .indNews-item-con .date,.indNews-item:hover .indNews-item-con .title{color: #4e3a93;}
.indNews-item:hover .indNews-item-con .comMore-box{opacity: 1;}
.indAb{padding-bottom: 18.2vw;}
.indAb-desc-box{justify-content: flex-end;}
.indAb-desc{width: 35%;}
.indSer-slide{border-radius: 40px 0 40px 0;}
.indSer-bg{position: relative;}
.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: 570px;}
.indSer-con{align-items: flex-start; padding: 50px 60px; position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;flex-wrap: wrap;flex-direction: column;justify-content: flex-end;}
.indSer-con .icon{height: 50px;}
.indSer-con .icon img{max-height: 100%;}
.indSer-con .title{padding-bottom: 3px;border-bottom: 1px solid #f8b500;}
.indSer-con .text{width: 31.5%;}
.indSer-swp .comNext{padding-right: 35px;justify-content: flex-end;}
.indSer-page{border-bottom: 1px solid #ccc;padding-bottom: 5px;align-items: center;}
.indSer-page .cen{margin: 0 4px;}
.indSer-page .last{font-size: 16px;color: #ccc;}
.indApp{padding-left: calc((100vw - 1520px) / 2);}
.indApp-swp .swiper-container{overflow: visible;}
.indApp-slide{border-radius: 40px 0 40px 0;}
.indApp-img img{width: 100%;height: 280px;}
.indApp-con{transition: all .4s ease;padding: 55px 45px 30px 35px;}
.indApp-con::after{content: "";transition: all .4s ease;opacity: 0; position: absolute;right: 18px;bottom: 30px;width: 6.8vw;height: 6.8vw;background: url('../images/index/indApp-icon.png') no-repeat center/100% auto;}
.indApp-con>div{position: relative;z-index: 2;}
.indApp-con .comMore-box{opacity: 0;transition: all .4s ease;}
.indApp-slide:hover .indApp-con{background: #fff;}
.indApp-slide:hover .indApp-con .title{color: #000;}
.indApp-slide:hover .indApp-con .text{color: #666;}
.indApp-slide:hover .indApp-con::after,.indApp-slide:hover .indApp-con .comMore-box{opacity: 1;}
.indApp-pagination{width: 100%; height: 1px;background: rgba(255, 255, 255, .5) !important;position: relative !important;}
.indApp-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: #fff;}
.indPro{position: relative;height: 300vh;}
.indPro-sticky{position: sticky;top: 0;overflow: hidden;height: 100vh;background: url('../images/index/indPro-bg2.jpg') no-repeat center top/100% auto;}
.indPro-head{padding-top: 3.1vw; justify-content: space-between;align-items: center;z-index: 3;position: relative;}
/* .indPro-head::after{pointer-events: none; content: "";position: absolute;z-index: 2; left: 50%;transform: translateX(-50%); top: 0;width: 100vw;height: 100%;background: linear-gradient(to bottom,#d3cee4 30%,#fff 100%);} */
.indPro-head>div{position: relative;z-index: 3;}
.indPro-nav{padding: 0 10px 10px;border-bottom: 1px solid #4e3a93;}
.indPro-nav-item{margin-left: 60px;user-select: none;cursor: pointer;}
.indPro-nav-item::before{content: "";display: block;transition: all .4s ease;transform: translateY(-15px);opacity: 0; margin-bottom: 7px;width: 23px;height: 12px;background: url('../images/common/active-icon.png') no-repeat center/100% auto;}
.indPro-nav-item:first-child{margin-left: 0;}
.indPro-nav-item:hover,.indPro-nav-item.active{color: #f8b500;}
.indPro-nav-item.active{font-weight: 700;}
.indPro-nav-item.active::before{opacity: 1;transform: translateY(0);}
.indPro-drop{display: none;}
.indPro-drop:first-child{display: block;}
.indPro-flex{align-items: flex-start;justify-content: space-between;}
.indPro-list{width: 33.5%;position: relative;padding-top: 1.5vw;margin-top: 1.5vw; height: 650px;overflow: hidden;}
.indPro-list-swp{position: absolute;left: 0;top: 3.1vw;}
.indPro-list .swiper-wrapper{display: block;}
.indPro-list-slide{pointer-events: none;opacity: .5;flex-direction: column;justify-content: center;position: relative;}
.indPro-list-slide.active{pointer-events: auto;opacity: 1;z-index: 10;}
.indPro-list-swp .swiper-slide:first-child .indPro-list-slide{padding-top: 0;}
.indPro-img{width: 54%;margin-top: 2.5vw;}
.indPro-img-bg{position: relative;text-align: right;height: 80vh;display: flex;align-items: center;justify-content: flex-end;}
.indPro-img-bg img{width: 52%;transform: translateX(20%);}
.indPro-img-swp{position: absolute;right: 0;top: 48%;transform: translateY(-50%);width: 100%;}
.indPro-img-slide{height: 31vw;}
.indPro-img-slide .img{width: 100%;height: 100%;position: relative;z-index: 2;}
.indPro-img-slide .img img{max-width: 87%;max-height: 80%;}
.indPro-img-slide .bg{position: absolute;width: auto;height: 100%;right: -9%;}
/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
    .indApp{padding-left: calc((100vw - 1300px) / 2);}
    .indApp-img img{height: 240px;}
    .indSer-bg img{height: 480px;}
}
@media all and (max-width:1590px) {
    /* 1440 × (700)  */
    .indApp {padding-left: calc((100vw - 1200px) / 2);}
    .indApp-img img{height: 210px;}
    .indApp-con{padding: 40px 30px 25px 25px;}
    .indApp-slide,.indSer-slide,.indNews-slide,.indNews-swp{border-radius: 30px 0 30px 0;}
    .indSer-con{padding: 40px 45px;}
    .indSer-con .icon{height: 45px;}
    .indSer-con .text{width: 34%;}
    .indAb-desc{width: 37%;}
    .indNews-slide-img img{height: 450px;}
    .indNews-item-img img{height: 110px;}
    .indNews-slide-con{padding: 25px 40px;}
    .indNews-pagination{bottom: 25px;right: 40px;}
    .indLink-item i{height: 50px;margin-right: 15px;}
    .indPro-nav-item{font-size: 13px;margin-left: 40px;}
    .indPro-nav-item::before{width: 20px;height: 11px;}
    .indPro-list{width: 40%;height: 500px;}
}
@media all and (max-width:1430px) {
    /* 1360 */
}
@media all and (max-width:1350px) {
    /* 1280 */
}
@media all and (max-width:1270px) {
    /* 1152 × (700) */
    .indPro-nav-item{margin-left: 20px;font-size: 12px;}
    .indPro-nav-item::before{width: 18px;height: 10px;}
    .indApp {padding-left: calc((100vw - 960px) / 2);}
    .indApp-img img{height: 165px;}
    .indApp-slide, .indSer-slide, .indNews-slide,.indNews-swp{border-radius: 20px 0 20px 0;}
    .indApp-con {padding: 30px 20px 20px 20px;}
    .indSer-bg img{height: 400px;}
    .indSer-con .text{width: 45%;}
    .indSer-con .icon{height: 40px;}
    .indAb-desc{width: 42%;}
    .indNews-slide-img img{height: 360px;}
    .indNews-item-con{padding-top: 6px;}
    .indNews-item-img img{height: 86px;}
    .indLink-item i{height: 40px;}
}
/* ------------------------平板端-------------------------- */
@media all and (max-width:1100px) {
    /* 1024 横屏 */
}
@media all and (max-width:1000px) {
    /* 720 竖屏 */
    .banner-img img{height: 400px;}
    .banner-con{padding-bottom: 40px;}
    .banner-con .title{padding: 8px 15px;}
    .banner-con .title::after, .banner-con .title::before{width: 12px;height: 12px;}
    .banner-stop{margin-right: 10px;}
    .banner-btn{margin-right: 15px;}
    .indApp{padding: 40px 4%;}
    .indApp-slide, .indSer-slide, .indNews-slide, .indNews-swp{border-radius: 15px 0 15px 0;}
    .indApp-con{padding: 25px 15px;}
    .swiper-slide-active .indApp-slide .indApp-con{background: #fff;}
    .swiper-slide-active .indApp-slide .indApp-con .title{color: #000;}
    .swiper-slide-active .indApp-slide .indApp-con .text{color: #666;}
    .swiper-slide-active .indApp-slide .indApp-con::after,.swiper-slide-active .indApp-slide .indApp-con .comMore-box{opacity: 1;}
    .indApp-slide .indApp-con .comMore-box{margin-top: 30px;}
    .indSer-con{padding: 25px 15px;}
    .indSer-con .text{width: 100%;}
    .indSer-con .icon{height: 30px;}
    .indSer-swp .comNext{padding-right: 0;}
    .indAb-desc{width: 100%;}
    .indAb-desc .comMore-box{margin-top: 30px;}
    .indAb{padding:60px 0 150px;}
    .indNews-swp{width: 100%;}
    .indNews-slide-img img{height: 230px;}
    .indNews-slide-con{padding: 15px;}
    .indNews-pagination{right: 10px;bottom: 15px;}
    .indNews-pagination .swiper-pagination-bullet{width: 8px;height: 8px;border-width: 1px;margin: 0 4px;}
    .indNews-list{width: 100%;margin-top: 30px;}
    .indNews-item-con .comMore-box{display: none;}
    .indNews-item-con{padding-right: 0;}
    .indLink-item i{height: 20px;margin-right: 10px;}
    .indLink-list{padding: 0;}
    .indLink-desc .text{font-size: 12px;}
    .indPro-sticky{position: relative;height: auto;}
    .indPro-head{height: auto;padding: 50px 0 30px;}
    .indPro-nav{margin-top: 20px;padding: 0 0 10px;width: 100%;flex-wrap: nowrap;white-space: nowrap;overflow-x: auto;}
    .indPro-nav-item::before{width: 15px;height: 15px;margin-bottom: 3px;}
    .indPro-list{width: 90%;height: auto;padding-top: 0;margin-top: 0;overflow: visible;}
    .indPro-list-swp{position: relative;top: auto;left: auto;}
    .indPro-list .swiper-container{overflow: visible;}
    .indPro-list .swiper-wrapper{display: flex;}
    .swiper-slide-active .indPro-list-slide{pointer-events: auto;opacity: 1;}
    .indPro-list-slide .page{font-size: 20px;}
    .indPro{height: auto;padding-bottom: 30px;overflow: hidden;}
    .indPro-img{width: 100%;}
    .indPro-img-slide{height: 200px;}
    .indPro-img-bg img{transform: translateX(0);}
    .indPro-img-bg{height: 350px;}
}
/* ------------------------手机端-------------------------- */
@media all and (max-width:720px) {
    /* 移动终端 360 适配 */
}