@charset "utf-8";
/* ===================首页样式========================== */
.banner{width: 100%;overflow: hidden;position: relative;}
.banner-image{width: 100%;overflow: hidden;position: relative;}
.banner-image img{width: 100%;}
.banner-image img.pc{height: 100vh;}
.banner-image img.mb{min-height: 500px;}
.banner-cont{position: absolute;z-index: 2;width: 100%;height: 100%;top: 0;left: 0;color: #fff;display: flex;align-items: flex-end;padding-bottom: max(60px,1.94rem);}
.banner-cont .title{line-height: 1.4;width: 60%;}
.banner-cont .text{line-height: 1.1;width: 60%;}
/* -- */
.banner-shade{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 4;transform: translate3d(0,0,4px);pointer-events: none;background: url("../images/index/bannerSd.png") repeat-x left top/auto 100%;}
/* -- */
.banner-cont .title, .banner-cont .link{opacity: 0;}
.swiper-slide-active .banner-cont .title{animation: bannerDown 1s ease both 1.1s;}
.swiper-slide-active .banner-cont .link{animation: bannerDown 1s ease both 1s;}
.oneSlide .banner-cont .title{animation: bannerDown 1s ease both .5s;}
.oneSlide .banner-cont .link{animation: bannerDown 1s ease both .4s;}
@keyframes bannerDown{0%{opacity: 0;transform: translateY(min(-40px,-0.8rem));filter: blur(max(5px,0.1rem));}100%{opacity: 1;transform: translateY(0);filter: blur(0);}}
/* -- */
.banner-control{position: absolute;width: 100%;bottom: max(30px,1.04rem);left: 0;z-index: 4;transform: translate3d(0,0,4px);pointer-events: none;}
.banner-control .contain{align-items: center;}
.banner-control .swiper-pagination{position: relative;width: max(100px,1.7rem);bottom: 0;font-size: 0;background: rgba(255,255,255,.5);height: 3px;}
.banner-control .swiper-pagination span{background: #1c95d4;}
.banner-control .num{align-items: baseline;margin-left: max(12px,0.18rem);color: #1c95d4;font-size: 14px;}
.banner-control .num span{color: #fff;}
.banner-control .num p{font-size: 17px;width: 18px;}
.indTitle .title{padding-left: max(12px,0.24rem);position: relative;}
.indTitle .title::after{content: "";position: absolute;width: max(6px,0.12rem);height: max(6px,0.12rem);border-radius: 50%;background: #142e79;left: 0;top: 50%;margin-top: min(-4px,-0.08rem);}
.indTitle .title.white::after{background: #fff;}
.indgy{background: #f0f5f9 url("../images/index/indgyBg.jpg") no-repeat center/cover;}
.indgy-img{position: absolute;left: calc(var(--widDb) - max(16px,0.28rem));bottom: 0;width: 9.26rem;}
.indgy-wrap{width: 100%;justify-content: space-between;position: relative;z-index: 4;}
.indgy-max{width: max(420px,6.35rem);}
.indys{background: #122763;overflow: visible;}
.indys-wrap{width: 100%;position: relative;align-items: flex-start;}
.indys-info{width: calc(100% - 9.3rem);padding-right: max(60px,1.2rem);background: url("../images/index/indysLine.png") no-repeat left top 0.5rem/auto 4.9rem;min-height: 5.7rem;position: sticky;top: 1.4rem;left: 0;}
.indys-num{font-size: 1.88rem;}
.indys-list{width: 9.3rem;}
.indys-link{position: sticky;background: #4964ad;height: max(200px,3.6rem);padding: 1rem 0.7rem 0.5rem;color: #fff;transform-origin: top center;margin-top: max(10px,0.2rem);}
.indys-link:first-child{margin-top: 0;}
.indys-link .cont{width: calc(100% - max(150px,1.6rem));padding-right: max(30px,0.9rem);}
.indys-link .text{max-height: max(110px,1.3rem);padding-right: 10px;overflow-y: auto;}
.indys-link .other{width: max(150px,1.6rem);text-align: center;}
.indys-link .other .look{justify-content: center;}
.indys-link .other .look p{display: flex;align-items: center;position: relative;font-size: max(14px,0.16rem);}
.indys-link .other .look p i{transform: rotateY(180deg);margin-left: max(6px,0.1rem);}
.indys-link .other .look p::after{content: "";position: absolute;width: 0%;opacity: 0;height: 1px;bottom: -2px;right: 0;background: #fff;transition: width .4s ease,opacity .1s ease .4s;}
.indys-link .other .ico img{max-height: max(80px,1.16rem);}
.indys-link:hover .other .look p::after{width: 100%;opacity: 1;right: auto;left: 0;transition: width .4s ease .1s,opacity .1s ease;}
.indys-link:nth-child(1){top: 1.4rem;z-index: 1;background: #112456;}
.indys-link:nth-child(2){top: 1.64rem;z-index: 2;background: #12265c;}
.indys-link:nth-child(3){top: 1.94rem;z-index: 3;background: #142a65;}
.indys-link:nth-child(4){top: 2.26rem;z-index: 4;background: #1b326f;}
.indys-link:nth-child(5){top: 2.68rem;z-index: 5;background: #243d80;}
.indys-link:nth-child(6){top: 3.28rem;z-index: 6;background: #4964ad;}
.indlg{background: #122763;}
.indlg-wrap{background: rgba(255,255,255,.05);border: 1px solid rgba(255,255,255,.1);}
.indlg-loop{width: 100%;user-select: none;}
.indlg-loop .swiper-wrapper{transition-timing-function: linear;margin: 0 auto;}
.indlg-loop .link{display: flex;align-items: center;justify-content: center;height: max(70px,1.3rem);border-left: 1px solid rgba(255,255,255,.1);border-bottom: 1px solid rgba(255,255,255,.1);}
.indlg-loop .link img{max-width: 70%;max-height: 70%;}
.indlg-loop:last-child .link{border-bottom: none;}
.indlg-loop:nth-child(2n){transform: rotate(180deg);}
.indlg-loop:nth-child(2n) .link{transform: rotate(180deg);}
.indyw{background: #fff;}
.indyw .indTitle{max-width: 7.8rem;}
.indyw-list{width: 100%;}
.indyw-items{width: 100%;display: flex;flex-wrap: wrap;align-items: center;flex-direction: row-reverse;padding: max(10px,0.2rem) 0;border-bottom: 1px solid #e5e5e5;}
.indyw-imgs{width: 9.25rem;position: relative;}
.indyw-imgs .img{width: 0%;}
.indyw-imgs .img img{width: 100%;height: 2.81rem;transition: transform .6s ease;}
.indyw-imgs .arrow{position: absolute;width: max(32px,0.4rem);height: max(32px,0.4rem);border-radius: 50%;background: #1c95d4;color: #fff;display: flex;align-items: center;justify-content: center;right: max(16px,0.4rem);bottom: max(12px,0.3rem);font-size: max(14px,0.16rem);line-height: 1;transform: rotate(180deg);opacity: 0;overflow: hidden;}
.indyw-imgs .arrow::before,.indyw-imgs .arrow::after{content: "\e954";font-family: "icon";width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;transition: transform .6s ease;}
.indyw-imgs .arrow::after{position: absolute;top: 0;left: 100%;}
.indyw-imgs .arrow.on{opacity: 1;transition: opacity .6s;}
.indyw-cont{width: calc(100% - 9.25rem);padding-right: max(64px,1.24rem);}
.indyw-cont .title{align-items: center;}
.indyw-cont .title i{width: max(30px,0.6rem);font-style: normal;}
.indyw-cont .title i img{max-width: max(20px,0.4rem);max-height: max(20px,0.4rem);}
.indyw-cont .title p{width: calc(100% - max(30px,0.6rem));overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.indyw-items:hover .indyw-imgs .img img{transform: scale(1.04);}
.indyw-items:hover .indyw-imgs .arrow::before,.indyw-items:hover .indyw-imgs .arrow::after{transform: translateX(-100%);}
.indtd{background: #fff;}
.indtd-list{width: 100%;}
.indtd-list ul{margin: min(-24px,-0.64rem) 0 0 min(-12px,-0.2rem);}
.indtd-list li{width: calc(100%/2 - max(12px,0.2rem));margin: max(24px,0.64rem) 0 0 max(12px,0.2rem);}
.indtd-list li:nth-child(4),.indtd-list li:nth-child(5){width: calc(100%/4 - max(12px,0.2rem));}
.indtd-list li:nth-child(4) .indtd-link .img img,.indtd-list li:nth-child(5) .indtd-link .img img{height: 2.82rem;}
.indtd-list li:nth-child(4) .indtd-link .cont .title, .indtd-list li:nth-child(4) .indtd-link .cont .time,.indtd-list li:nth-child(5) .indtd-link .cont .title, .indtd-list li:nth-child(5) .indtd-link .cont .time{max-width: 80%;}
.indtd-more{width: 100%;}
.indtd-more a{width: 100%;background: #142e79;line-height: 1;position: relative;padding: max(14px,0.28rem) 0;color: #fff;transition: background 0.6s cubic-bezier(.4,0,.2,1);}
.indtd-more a span, .indtd-more a i{position: relative;z-index: 4;}
.indtd-more a i{transform: rotate(180deg);margin-left: max(12px,0.28rem);transition: transform 0.6s cubic-bezier(.4,0,.2,1);}
.indtd-more a:hover{background: #1c95d4;}
.indtd-more a:hover i{transform: rotate(180deg) translateX(min(-4px,-0.08rem));}
.indxw{background: #fbfcff url("../images/index/indxwBg.jpg") no-repeat center/cover;padding-bottom: max(66px,1.9rem)}
.indxw-head{width: 100%;align-items: center;justify-content: space-between;}
.indxw-wrap{width: 100%;}
.indxw-loop{width: 8.28rem;}
.indxw-loop-link{display: block;width: 100%;overflow: hidden;}
.indxw-loop-link img{width: 100%;height: max(346px,4.53rem);}
.indxw-loop-link .cont{position: absolute;width: calc(100% - max(24px,0.52rem));left: max(12px,0.26rem);bottom: max(12px,0.24rem);z-index: 4;transform: translate3d(0,0,4px);background: rgba(20,46,121,.8);padding: max(12px,0.24rem) 0 max(12px,0.24rem) max(14px,0.28rem);align-items: center;}
.indxw-loop-link .title{width: calc(100% - max(70px,1.1rem));padding-right: max(50px,1.2rem);}
.indxw-loop-link .other{width: max(70px,1.1rem);text-align: center;}
.indxw-loop-link:hover img{transform: scale(1.04);}
.indxw-loop .swiper-pagination{position: relative;font-size: 0;text-align: left;}
.indxw-loop .swiper-pagination-bullet{width: max(18px,0.4rem);height: max(3px,0.06rem);border-radius: 0;opacity: 1;background: #142e79;margin: 0 max(6px,0.2rem) 0 0 !important;transition: background .4s ease;}
.indxw-loop .swiper-pagination-bullet:last-child{margin: 0 !important;}
.indxw-loop .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #1c95d4;}
.indxw-list{width: calc(100% - 8.28rem);padding-left: max(30px,0.76rem);}
.indxw-list-link{padding: max(14px,0.28rem) 0;border-bottom: 1px solid #e4e8f4;}
.indxw-list-link .other{width: max(58px,0.64rem);background: #142e79;text-align: center;padding: max(6px,0.1rem) max(4px,0.08rem);display: flex;flex-direction: column;justify-content: center;align-items: center;}
.indxw-list-link .other .m{background: #fff;width: 100%;}
.indxw-list-link .cont{width: calc(100% - max(58px,0.64rem));padding-left: max(14px,0.26rem);}
.indxw-list-link:hover .cont .title{color: #142e79;}
/* 出场 */
.Loading{display: none;align-items: center;position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 100000;background: #132761;padding-bottom: max(30px,0.6rem);}
.Loading-imgs{width: 100%;text-align: center;position: relative;}
.Loading-imgs img.wz{position: absolute;left: 0;right: 0;margin: 0 auto;bottom: 1.2rem;}
.Loading-imgs img.tx{width: max(200px,9.74rem);position: relative;z-index: 4;}
.Loading-text{width: max(440px,5.8rem);text-align: center;margin: -0.2rem auto 0;}
.Loading-arrow {position: absolute;width: 60px;height: max(60px,0.9rem);text-align: center;left: 0;bottom: 0;right: 0;margin: 0 auto;color: #fff;font-size: max(16px,0.26rem);cursor: pointer;}
.Loading-arrow::before, .Loading-arrow::after {content: "\e62e";font-family: "icon";position: absolute;left: 0;width: 100%;top: 0;transform: rotate(180deg);animation: LoadingRun 0.8s linear infinite alternate}
.Loading-arrow::after {animation-delay: 0.3s;top: max(10px,0.16rem);}
@keyframes LoadingRun{0%{opacity: 1;}100%{opacity: 0;}}
/* -- */
.Loading-arrow{animation: LoadingOp 1s ease both .4s;opacity: 0;}
.Loading-imgs img.wz{animation: LoadingDown 1s ease both;opacity: 0;}
.Loading-imgs img.tx{animation: LoadingSc 1s ease both .4s;opacity: 0;}
.Loading-text{animation: LoadingUp 1s ease both;opacity: 0;}
@keyframes LoadingDown{0%{opacity: 0;transform: translateY(min(-60px,-1.2rem));filter: blur(max(5px,0.1rem));}100%{opacity: 1;transform: translateY(0);filter: blur(0);}}
@keyframes LoadingUp{0%{opacity: 0;transform: translateY(max(40px,0.8rem));filter: blur(max(5px,0.1rem));}100%{opacity: 1;transform: translateY(0);filter: blur(0);}}
@keyframes LoadingOp{0%{opacity: 0;filter: blur(max(5px,0.1rem));}100%{opacity: 1;filter: blur(0);}}
@keyframes LoadingSc{0%{opacity: 0;transform: scale(0.5);}100%{opacity: 1;transform: scale(1);}}
.Loading.on{animation: LoadingKp 1s ease both;}
@keyframes LoadingKp{0%{transform: translateY(0);}100%{transform: translateY(-100vh);}}
@media all and (max-width:1000px){
    .Loading-imgs img.tx{width: 100%;}
    .Loading-text{width: 100%;margin: 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) */
}
/* ------------------------平板端-------------------------- */
@media all and (max-width:1100px){
    /* 1024 横屏 */
    .indyw-imgs .img{width: 100% !important;}
}
/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px){
    /* 移动终端 360 适配 */
    .banner-control{bottom: 20px;}
    .banner-shade{display: none;}
    .banner-cont{background: linear-gradient(to bottom,transparent,rgba(0,0,0,0.5));}
    .banner-cont .title,.banner-cont .text{width: 100%;}
    .indgy-max{width: 100%;margin-top: 20px;}
    .indgy{padding-bottom: 200px;}
    .indgy-img {left: 0;width: auto;right: 0;margin: 0 auto;height: 174px;}
    .indys{padding-top: 40px;}
    .indys-info{width: 100%;background: none;min-height: auto;padding: 0;top: 100px;}
    .indys-num{display: none;}
    .indys-list{margin-top: 24px;width: 100%;}
    .indys-link{padding: 22px 16px;align-items: center;height: 150px;}
    .indys-link:nth-child(1){top: 170px;}
    .indys-link:nth-child(2){top: 184px;}
    .indys-link:nth-child(3){top: 198px;}
    .indys-link:nth-child(4){top: 212px;}
    .indys-link:nth-child(5){top: 226px;}
    .indys-link:nth-child(6){top: 240px;}
    .indys-link .other .look{display: none;}
    .indys-link .other .ico{margin: 0;}
    .indys-link .other .ico img{max-height: 68px;}
    .indys-link .other{width: 88px;}
    .indys-link .cont {width: calc(100% - 88px);padding-right: 16px;}
    .indyw .indTitle{max-width: none;}
    .indyw-items{flex-direction: row;}
    .indyw-imgs{width: 100%;}
    .indyw-imgs .img img{height: auto;min-height: 140px;}
    .indyw-cont{width: 100%;padding: 16px 0 0;}
    .indtd-list li {width: calc(100% - max(12px,0.2rem));}
    .indtd-list li:nth-child(4), .indtd-list li:nth-child(5) {width: calc(100%/2 - max(12px,0.2rem));}
    .indtd-list li:nth-child(4) .indtd-link .img img, .indtd-list li:nth-child(5) .indtd-link .img img{height: 112px;}
    .indxw-head .indTitle{width: 100%;margin-bottom: 12px;}
    .indxw-loop{width: 100%;}
    .indxw-loop-link .title{padding: 0;}
    .indxw-loop-link img{height: 184px;}
    .indxw-list{width: 100%;padding: 16px 0 0;}
    .indys-link .text{max-height: 70px;}
}
/* --------------------图片-iPad-调整---------------------- */
@media all and (min-width: 720px) and (max-width: 1000px){
    .indtd-list li:nth-child(4) .indtd-link .img img, .indtd-list li:nth-child(5) .indtd-link .img img{height: 242px;}
    .indxw-loop-link img{height: 390px;}
}