@charset "utf-8";
/* ===================首页样式========================== */
.banner{width: 100%;overflow: hidden;position: relative;}
.banner-image{width: 100%;}
.banner-image img{width: 100%;}
.banner-image img.pc{height: calc(100vh - max(70px,0.9rem));}
.banner-image img.mb{min-height: 450px;}
.banner-cont{position: absolute;z-index: 2;width: 100%;height: 100%;top: 0;left: 0;color: #fff;text-align: center;}
.banner-cont .title{line-height: 1.1;}
.banner-cont .text{line-height: 1.1;}
/* -- */
/* banner视频 */
.banner .hasVideo .banner-image{opacity: 0;}
.banner .hasVideo::before{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0, 0, 0, 0.2);z-index: 4;}
.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{opacity: 1;}.banner video{display: none;}}
/* -- */
.banner .swiper-pagination{bottom: 40px;width: var(--wid);margin: 0 auto;text-align: right;right: 0;}
.banner .swiper-pagination-bullet{width: max(24px,0.58rem);height: max(3px,0.06rem);background: rgba(255, 255, 255, .5);opacity: 1;margin-right: max(6px,0.16rem) !important;position: relative;border-radius: 0;}
.banner .swiper-pagination-bullet:last-child{margin-right: 0 !important;}
.banner .swiper-pagination-bullet:before{content: "";width: 0;height: 100%;background: #1d2087;position: absolute;top: 0;left: 0;}
.banner .swiper-pagination-bullet-active.swiper-pagination-bullet:before{animation: bulletLine 4s linear both .8s;}
.banner .swiper-pagination-bullet-active.oneBullet:before{animation: bulletLine 3.8s linear both 0s;}
@keyframes bulletLine{0%{width: 0;}100%{width: 100%;}}
/* -- */
.banner-scroll{position: absolute;z-index: 12;transform: translate3d(0,0,12px);width: max(40px,0.8rem);display: flex;flex-direction: column;align-items: center;left: 0;right: 0;margin: 0 auto;bottom: 0;color: #fff;user-select: none;cursor: pointer;}
.banner-scroll span{font-size: max(14px,0.16rem);}
.banner-scroll i{width: 2px;height: max(40px,0.8rem);background: rgba(255, 255, 255, .5);margin-top: max(4px,0.06rem);overflow: hidden;position: relative;}
.banner-scroll i::before{content: "";background: #fff; content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;animation: bannerScroll cubic-bezier(0.65, 0, 0.35, 1) 2s infinite}
@keyframes bannerScroll{0%{transform: translate3d(0, -100%, 0);}90%{transform: translate3d(0, 100%, 0);}100%{transform: translate3d(0, 100%, 0);}}

.indfa{background: #fff;}
.indfa-loop{width: 100%;padding-left: calc((100vw - var(--wid))/2);overflow: hidden;}
.indfa-loop-limit{width: 100%;user-select: none;overflow: hidden;border-top-left-radius: max(8px,0.20rem);border-bottom-left-radius: max(8px,0.20rem);}
.indfa-loop .swiper-slide{width: 3.3rem;height: 5.14rem;overflow: hidden;transition: all .6s linear;padding-right: max(8px,0.16rem);}
.indfa-loop .swiper-slide.on{width: 8.36rem;}
.indfa-loop-link{width: 100%;overflow: hidden;height: 100%;position: relative;border-radius: max(8px,0.20rem);}
.indfa-img{position: absolute;height: 100%;width: 8.21rem;top: 0;left: 0;max-width: none;transition: transform .6s;transform-origin: center;}
.indfa-loop-link:hover .indfa-img{transform: scale(1.05);}
.indfa-shade{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;background: url("../images/index/indfaSd.png") repeat-x left bottom/auto 100%;}
.indfa-cont{position: absolute;width: 100%;bottom: 0;left: 0;z-index: 4;color: #fff;padding: 0 max(14px,0.3rem) max(12px,0.4rem);}
.indfa-cont .limit{width: 100%;height: 0;opacity: 0;pointer-events: none;}
.indfa-cont .text{margin-top: max(4px,0.08rem);}
.indfa-cont .link a{display: flex;align-items: center;position: relative;}
.indfa-cont .link a span{font-size: max(14px,0.16rem);}
.indfa-cont .link a i{width: max(18px,0.24rem);transform: rotateY(180deg);height: max(18px,0.24rem);font-size: max(8px,0.12rem);margin-left: max(8px,0.16rem);font-style: normal;border-radius: 50%;overflow: hidden;border: 1px solid #fff;line-height: 1;position: relative;transition: background .4s,color .4s,border .4s;}
.indfa-cont .link a i::before,.indfa-cont .link a i::after{content: "\e692";font-family: "icon";width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;transition: transform .6s ease;}
.indfa-cont .link a i::after{position: absolute;top: 0;left: 100%;}
.indfa-cont .link a:hover i::before,.indfa-cont .link a:hover i::after{transform: translateX(-100%);}
.indfa-cont .link a:hover i{background: #fff;color: #1d2087;}
.indfa-loop .swiper-slide.on .indfa-cont .limit{pointer-events: auto;height: max(50px,0.6rem);opacity: 1;transition: height .4s .6s,opacity .4s .6s;}
.indfa-btn{position: absolute;z-index: 4;top: 55%;width: calc(var(--wid) + max(18px,0.36rem));left: min(-15px,-0.3rem);right: 0;margin: 0 auto;justify-content: space-between;pointer-events: none;}
.indfa-btn>div{font-size: max(16px,0.22rem);cursor: pointer;width: max(36px,0.7rem);height: max(36px,0.7rem);border-radius: 50%;border: 2px solid #1d2087;background: rgba(255, 255, 255, 0.3);color: #1d2087;transition: background .4s,color .4s,opacity .4s;pointer-events: auto;}
.indfa-btn>div.next{transform: rotateY(180deg);}
.indfa-btn>div:hover{background: #1d2087;color: #fff;}
.indfa-btn>div.no{opacity: 0;pointer-events: none;}

.indBtn{display: flex;align-items: center;height: max(36px,0.56rem);border-radius: max(18px,0.28rem);border: 1px solid #fff;padding: 0 max(16px,0.38rem);transition: background .4s;}
.indBtn span{font-size: max(14px,0.16rem);transition: color .4s;color: #fff;}
.indBtn i{width: max(18px,0.24rem);transform: rotateY(180deg);height: max(18px,0.24rem);font-size: max(8px,0.12rem);margin-left: max(12px,0.3rem);font-style: normal;border-radius: 50%;overflow: hidden;border: 1px solid #fff;line-height: 1;position: relative;transition: background .4s,color .4s,border .4s;}
.indBtn i::before,.indBtn i::after{content: "\e692";font-family: "icon";width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;transition: transform .6s ease;}
.indBtn i::after{position: absolute;top: 0;left: 100%;}
.indBtn:hover{background: #fff;}
.indBtn:hover span{color: #1d2087;}
.indBtn:hover:hover i::before,.indBtn:hover:hover i::after{transform: translateX(-100%);}
.indBtn:hover:hover i{background: #1d2087;color: #fff;border-color: #1d2087;}

.indgy{background-repeat: no-repeat;background-attachment: fixed;background-size: cover;color: #fff;}
.indgy-num{width: 100%;}
.indgy-num li{flex:1;padding-left: max(14px,0.3rem);border-left: 1px solid rgba(255, 255, 255, .5);}
.indgy-num li .num span{margin-right: max(4px,0.08rem);}
.indgy-num li .num span:last-child{margin-right: 0;}

.indxw{background: #f8f8f8;}
.indxw-loop{width: 100%;padding-left: var(--widDb);}
.indxw-loop .swiper-slide{height: auto;}
.indxw-link{display: block;width: 100%;background: #fff;position: relative;height: 100%;}
.indxw-link .img{width: 100%;overflow: hidden;}
.indxw-link .img img{width: 100%;height: 2.4rem;transition: transform .6s;}
.indxw-link .cont .title{transition: color .4s;}
.indxw-link .cont .link{width: 100%;position: relative;transition: color .4s ease;}
.indxw-link .cont .link span{margin-left: max(4px,0.08rem);}
.indxw-link .cont .link::before{content: "";position: absolute;top: 0;left: 0;width: 40%;height: 2px;background: #f1f4f6;}
.indxw-link::after{content: "";position: absolute;width: 0;right: 0;height: max(3px,0.06rem);background: #1d2087;opacity: 0;bottom: 0;transition: width .6s,opacity .1s .6s;}
.indxw-link:hover .img img{transform: scale(1.06);}
.indxw-link:hover .cont .title{color: #1d2087;}
.indxw-link:hover .link{color: #1d2087;}
.indxw-link:hover::after{width: 100%;right: auto;left: 0;opacity: 1;transition: width .6s .1s,opacity .1s;}
.indxw-btn{width: 100%;}
.indxw-btn>div{width: max(36px,0.58rem);height: max(36px,0.58rem);border-radius: 50%;background: #c6c6c6;color: #282828;font-size: max(14px,0.16rem);line-height: 1;transition: background .4s,color .4s;margin-right: max(6px,0.12rem);cursor: pointer;}
.indxw-btn>div:last-child{margin-right: 0;transform: rotateY(180deg);}
.indxw-btn>div:hover{color: #fff;background: #1d2087;}

.indfz{background-repeat: no-repeat;background-attachment: fixed;background-size: cover;color: #fff;}

.indzq{background: #fff;}
.indzq-list{width: 100%;}
.indzq-link{width: 100%;position: relative;display: block;}
.indzq-link img{width: 100%;height: 4.35rem;transition: transform .6s;}
.indzq-link::before{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;background: url("../images/index/indzqSd.png") repeat-x left bottom/auto 93%;transform: translate3d(0,0,4px);}
.indzq-cont{position: absolute;width: 100%;z-index: 4;left: 0;bottom: 0;transform: translate3d(0,0,10px);color: #fff;align-items: flex-end;justify-content: space-between;}
.indzq-cont .link p{display: flex;align-items: center;position: relative;}
.indzq-cont .link p span{font-size: max(14px,0.16rem);}
.indzq-cont .link p i{width: max(18px,0.24rem);transform: rotateY(180deg);height: max(18px,0.24rem);font-size: max(8px,0.12rem);margin-left: max(8px,0.16rem);font-style: normal;border-radius: 50%;overflow: hidden;border: 1px solid #fff;line-height: 1;position: relative;transition: background .4s,color .4s,border .4s;}
.indzq-cont .link p i::before,.indzq-cont .link p i::after{content: "\e692";font-family: "icon";width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;transition: transform .6s ease;}
.indzq-cont .link p i::after{position: absolute;top: 0;left: 100%;}
.indzq-link:hover img{transform: scale(1.06);}
.indzq-link:hover .indzq-cont .link p i::before,.indzq-link:hover .indzq-cont .link p i::after{transform: translateX(-100%);}
.indzq-link:hover .indzq-cont .link p i{background: #fff;color: #1d2087;}



/* -------------------------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 适配 */
    .indfa-loop{padding-left: 4%;}
    .indfa-loop .swiper-container{overflow: visible;}
    .indfa-loop-limit{padding-right: 12%;}
    .indfa-loop .swiper-slide{width: 100%;height: 100%;transition: none !important;padding: 0 !important;}
    .indfa-img{position: relative;width: 100%;height: 200px;}
    .indfa-cont .limit{height: auto;opacity: 1;pointer-events: auto;}
    .indfa-cont{opacity: 0;transition: opacity .4s;}
    .indfa-loop .swiper-slide.swiper-slide-active .indfa-cont{opacity: 1;transition: opacity .4s .6s;}
    .indfa-btn{position: relative;top: 0;margin-top: 20px;width: 100%;left: 0;pointer-events: auto;justify-content: flex-start;}
    .indfa-btn>div.prev{margin-right: 8px;}
    .indfa-btn>div.no{opacity: 1;pointer-events: auto;}
    .indfa{padding-bottom: 40px;}
    .indgy-num ul{margin-top: -16px;}
    .indgy-num li{flex: none;width: 50%;margin-top: 16px;}
    .indgy-num li .num span.timer{font-size:24px;}
    .indxw-loop{padding: 0 4%;}
    .indxw-link .img img{height: 192px;}
    .indzq-list ul{margin: -16px 0 0 !important;}
    .indzq-list li{width: 100% !important;margin: 16px 0 0 !important;}
    .indzq-link img{height: 212px;}
    .indgy {background-attachment: unset;background-position: left 46% center;}
    .indfz {background-attachment: unset;background-position: left 46% center;}
}

/* --------------------图片-iPad-调整---------------------- */
@media all and (min-width: 720px) and (max-width: 1000px){
    .indfa-img{height: 406px;}
}