@charset "utf-8";
/* ===================首页样式========================== */
.banner-img 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;transform: translateY(50px);transition: all 1s .8s ease;}
.banner-con .text{opacity: 0;transform: translateY(50px);transition: all 1s .9s ease;}
.banner-con .comMore-box{opacity: 0;transform: translateY(50px);transition: all 1s 1s ease;}
.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{transition-delay: 0s;}
.swiper-slide-active.first .banner-con .text{transition-delay: .1s;}
.swiper-slide-active.first .banner-con .comMore-box{transition-delay: .2s;}
.banner-menu{position: absolute;z-index: 4;left: 0;bottom: 0.6rem;width: 100%;}
.banner-menu-item{flex: 1;user-select: none;cursor: pointer;}
.banner-menu-item .page,.banner-menu-item .title{opacity: .25;transition: all .4s ease;}
.banner-menu-item .line{opacity: .25;transition: all .4s ease;width: 100%;height: 2px;background: #fff;position: relative;}
.banner-menu-item .line i{display: block;position: absolute;left: 0;top: 0;width: 0%;transition: all .2s linear;height: 100%;background: #eb0f2b;}
.banner-menu-item:hover .title,.banner-menu-item.active .title,.banner-menu-item:hover .page,.banner-menu-item.active .page{opacity: 1;}
.banner-menu-item.active .line{opacity: 1;}
.banner-menu-item.active .line i{width: 100%;transition-duration: 5s;}
.banner-menu-item.active.first .line i{transition-duration: 4s;}
.indPro{background: url(/images/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(40px,0.6rem);height: max(40px,0.6rem);border-radius: 50%;background: #fff;color: #bfbfbf;}
.indPro-btn .btn.next{transform: rotate(180deg);margin-left: max(10px,0.18rem);}
.indPro-btn .btn:hover{color: #fff;background: #204896;}
.indPro-slide{align-items: flex-start;justify-content: space-between;}
.indPro-img{height: 3.8rem;width: 50%;}
.indPro-img img{max-width: 75%;max-height: 100%;}
.indPro-con{width: 47%;padding-top: 0.1rem;}
.indPro-pagination-box{justify-content: flex-end;}
.indPro-pagination{position: absolute !important;right: 0;bottom: 0;width: 4rem;height: 2px;background: #ddd;position: relative;}
.indPro-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: #204896;}
.indApp-list{margin-left: -8px;display: flex;}
.indApp-list li{position: relative;overflow: hidden;margin-left: 8px;width: 1.1rem;}
.indApp-list li.active{width: calc(100% - 1.1rem * 4 - 8px * 5);}
.indApp-img::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: linear-gradient(to bottom,transparent 20%,rgba(0,0,0,6) 100%);background: -webkit-linear-gradient(top,transparent 20%,rgba(0,0,0,6) 100%);}
.indApp-img img{max-width: unset;width: 11.3rem;height: 5.8rem;object-fit: fill;}
.indApp-show{transition: all .4s ease; z-index: 2;position: absolute;left: 0;bottom: 0;width: 100%;padding-bottom: 0.36rem;display: flex;justify-content: center;}
.indApp-show .title{writing-mode: vertical-rl;letter-spacing: 4px;}
.indApp-hide{z-index: 3;position: absolute;left: 0;bottom: 0;width: 98%;padding: 0.36rem 0.4rem;}
.indApp-hide .title{letter-spacing: 2px;}
.indApp-hide .title,.indApp-hide .text,.indApp-hide .comMore-box{opacity: 0;}
.indApp .comMore{background: transparent;border: 1px solid #fff;color: #fff;}
.indApp .comMore:hover{background: #eb0f2b;border-color: #eb0f2b;}
.indApp-list li.active .indApp-show{opacity: 0;}
.indApp-list li.active .indApp-hide .title,.indApp-list li.active .indApp-hide .text{animation: indProAni 1s ease .4s both;}
.indApp-list li.active .indApp-hide .comMore-box{animation: indProAni 1s ease .5s both;}
@keyframes indProAni {0%{opacity: 0;transform: translateY(50px);}100%{opacity: 1;transform: translateY(0);}}
.indAb{background: url(/images/indAb-bg.jpg) no-repeat center/cover;}
.indAb .contain{position: relative;z-index: 2;}
.indAb-flex{justify-content: space-between;align-items: flex-start;}
.indAb-con{width: 72%;}
.indAb-num{width: 21%;padding-right: 10px;}
.indAb-num::after{content: "";position: absolute;right: 0;top: -10px;width: 3px;height: 200%;background: #204896;}
.indAb-num li:first-child{margin-top: 0;}
.indAb-num li{align-items: flex-start;justify-content: space-between;}
.indAb-num .ico{width: max(24px,0.3rem);margin-right: 0.2rem;}
.indAb-num .desc{flex: 1;}
.indAb-num .num{align-items: flex-end;}
.indAb-num .num span{line-height: .8;display: block;margin-right: 5px;}
.indAb-num li:nth-child(1) .num{line-height: .8;}
.indAb-loop{position: absolute;left: 0;bottom: 1.3rem;line-height: .8;display: flex;white-space: nowrap;}
.indAb-loop .title{font-size: 1.54rem;font-family: 'B';color: #f2f6f9;animation: indAbAni 20s linear infinite;text-transform: uppercase;}
@keyframes indAbAni {0%{transform: translateX(0);}100%{transform: translateX(-100%);}}
.indAb-img{position: absolute;right: 0;bottom: 0;text-align: right;z-index: 2;width: 6.9rem;}
.indYS{background: url(/images/indYS-bg.jpg) no-repeat center/cover;}
.indYS-list li{width: calc(100% / 3);}
.indYS-list .ico{height: max(40px,0.54rem);}
.indYS-list .ico img{max-height: 100%;}
.indYS-btm-title{width: 9.6%;}
.indYS-logo{width: 90.4%;background: #fff;padding: 0 0.5rem;}
.indYS-logo-slide{height: 1.36rem;}
.indYS-logo-slide img{max-width: 84%;max-height: 100%;}
.indYS-btn{justify-content: flex-end; user-select: none;cursor: pointer;width: 0.5rem;height: 100%;position: absolute;left: -0.12rem;top: 0;color: #a7a7a7;}
.indYS-btn.next{left: auto;right: -0.12rem;transform: rotate(180deg);}
.indYS-btn:hover{color: #204896;}
.indNews .indPro-btn .btn{background: #f7f7f7;}
.indNews .indPro-btn .btn:hover{background: #204896;}
.indNews-slide .img img{width: 100%;height: 2.8rem;}
.indNews-slide .date{align-items: center;}
.indNews-slide .date i{display: block;margin-right: 6px;font-size: max(14px,0.16rem);}
.indNews-slide .date span{font-style: italic;}
.indNews-slide:hover .img img{transform: scale(1.1);}
.indNews-slide:hover .title{color: #204896;}
.indNews .indPro-pagination{position: relative;right: auto;bottom: auto;}
/* -------------------------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);}
    .banner-con .text{width: 100%;margin-top: 15px;}
    .banner-menu{bottom: 30px;}
    .banner-menu-list{flex-wrap: nowrap;overflow-x: auto;}
    .banner-menu-item{min-width: 200px;flex: unset;}
    .banner-menu-item .line{margin-top: 15px;}
    .indPro-btn{display: none;}
    .indPro-swp{padding-bottom: 30px;}
    .indPro-img{width: 100%;height: 200px;}
    .indPro-con{width: 100%;padding-top: 20px;}
    .indApp-list{flex-wrap: wrap;margin-left: 0;}
    .indApp-list li{width: 100% !important;margin: 15px 0 0;}
    .indApp-show{display: none;}
    .indApp-hide{width: 100%;padding: 0 15px 40px;}
    .indApp-hide .title, .indApp-hide .text, .indApp-hide .comMore-box{opacity: 1 !important;transform: none !important;}
    .indApp-hide .title{font-size: 17px;}
    .indApp-img img{max-width: 100%;width: 100%;object-fit: cover;height: 300px;}
    .indAb-con{width: 100%;}
    .indAb-con .comMore-box{margin-top: 25px;}
    .indAb-num{width: 100%;margin-top: 50px;}
    .indAb-num li{margin-top: 30px;}
    .indAb-num::after{top: 0;width: 2px;}
    .indAb-num .ico{width: 20px;margin-right: 18px;}
    .indAb-num .fs52{font-size: 30px;}
    .indAb-loop{bottom: 20px;}
    .indAb-loop .title{font-size: 70px;}
    .indYS-list{margin-top: 0;}
    .indYS-list li{width: 100%;margin-top: 40px;}
    .indYS-list .ico{height: 34px;}
    .indYS-btm{background: #fff;padding: 25px 0 10px;}
    .indYS-btm-title{width: 100%;background: transparent;color: #204896;font-size: 16px;}
    .indYS-logo{width: 100%;margin-top: 10px;padding: 0 10px;}
    .indYS-btn{display: none;}
    .indYS-pagination .swiper-pagination-bullet{width: 6px;height: 6px;margin: 0 3px;}
    .indYS-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #204896;}
    .indYS-logo-slide{height: 60px;}
    /* .indYS-logo-slide img{max-width: 50%;max-height: 60%;} */
    .indNews-slide .img img{height: 195px;}
    .indNews-slide .title{margin-top: 20px;}
}
/* --------------------图片-iPad-调整---------------------- */
@media all and (min-width: 720px) and (max-width: 1000px){}