@charset "utf-8";
/* ===================首页样式========================== */
.banner {width: 100%;overflow: hidden;position: fixed;top: 0;left: 0;height: 100vh;z-index: 2;background: #28427b;}
.banner-image{width: 100%;overflow: hidden;}
.banner-image img{width: 100%;}
.banner-image img.pc{height: 100vh;}
.banner-image img.mb{height: calc(100vh - 60px);}
.banner-cont{display: none;position: absolute;z-index: 2;width: 100%;height: 100%;top: 0;left: 0;color: #fff;text-align: left;}
.banner-cont .title{line-height: 1.1;}
.banner-cont .text{line-height: 1.1;}
/* -- */
.banner .swiper-pagination{bottom: 0.8rem;font-size: 0;padding-left: calc(var(--widDb));text-align: left;}
.banner .swiper-pagination-bullet{width: 8px;height: 8px;background: #fff;opacity: 1;position: relative;margin: 0 16px !important;}
.banner .swiper-pagination-bullet i{position: absolute;width: 32px;height: 32px;margin: -16px 0 0 -16px;top: 50%;left: 50%;opacity: 0;transition: all .4s ease;border-radius: 50%;border: 2px solid rgba(255, 255, 255, 0);}
.banner .swiper-pagination-bullet svg{position: absolute;z-index: 2;left: 50%;top: 50%;margin: -16px 0 0 -16px;width: 32px;height: 32px;transform: rotate(-90deg);opacity: 0;transition: all .4s ease;}
.banner .swiper-pagination-bullet svg circle{stroke-dasharray:90,90;stroke-dashoffset:90;}
.banner .swiper-pagination-bullet::before{display: none;}
.banner .swiper-pagination-bullet-active i{opacity: 1;}
.banner .swiper-pagination-bullet-active svg{opacity: 1;}
.banner .swiper-pagination-bullet-active svg circle{animation: bulletRun 5s linear both;}
.banner .swiper-pagination-bullet-active.oneBullet svg circle{animation: bulletRun 4s linear both;}
@keyframes bulletRun{0%{stroke-dashoffset:90;}100%{stroke-dashoffset:0;}}

.indSection{width: 100%;position: relative;z-index: 8;margin-top: 100vh;background: #fff;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.indMore{display: flex;align-items: center;height: max(36px,0.44rem);position: relative;padding-right: max(8px,0.12rem);line-height: 1;}
.indMore::before{content: "";position: absolute;width: max(36px,0.44rem);height: 100%;border-radius: max(18px,0.22rem);background: #002a9b;transition: width .4s ease,box-shadow .4s ease;}
.indMore i, .indMore span{position: relative;z-index: 4;transition: transform .4s ease, color .4s ease;}
.indMore i{font-size: max(14px,0.16rem);width: max(36px,0.44rem);display: flex;align-items: center;justify-content: center;transform: rotate(45deg);color: #fff;}
.indMore span{font-size: max(14px,0.16px);margin-left: max(14px,0.2rem);color: #737373;}
.indMore.white span{color: #fff;}
.indMore:hover::before{width: 100%;box-shadow: 0 max(2px,0.04rem) max(8px,0.16rem) rgba(0, 42, 155, 0.5);}
.indMore:hover i{transform: rotate(90deg);}
.indMore:hover span{transform: translateX(min(-8px,-0.12rem));color: #fff;}

.swiper-pagination-bullet{width: max(6px,0.1rem);height: max(6px,0.1rem);background: #dae0eb;opacity: 1;margin: 0 max(8px,0.14rem) !important;position: relative;}
.swiper-pagination-bullet::before{content: "";position: absolute;width: max(16px,0.22rem);height: max(16px,0.22rem);border-radius: 50%;border: 1px solid #002a9b;top: 50%;left: 50%;margin: min(-8px,-0.11rem) 0 0 min(-8px,-0.11rem);transform: scale(0);transition: transform .4s ease;opacity: 0;}
.swiper-pagination-bullet-active {opacity: 1;background: #002a9b;}
.swiper-pagination-bullet-active::before{transform: scale(1);opacity: 1;}

.indgy{background: url("../images/index/indgyBg.jpg") repeat-x top left/auto 100%;}
.indgy .contain{position: relative;z-index: 4;transform: translate3d(0,0,10px);}
.indgy-wrap{width: 100%;color: #fff;}
.indgy-title{width: calc(100% - 7rem);padding-right: 1rem;}
.indgy-title .title{line-height: 1.12;}
.indgy-number{max-width: 620px;}
.indgy-number ul{margin-top: min(-12px,-0.4rem);}
.indgy-number li{width: 50%;margin-top: max(12px,0.4rem);}
.indgy-other{width: 7rem;}
.indgy-shade{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;background: linear-gradient(to bottom,transparent,rgba(0,0,0,0.2));}
.indgy-main{margin-top: -0.4rem;width: 100%;text-align: center;}
.indgy-main img{width: 13.99rem;}

.indcp{background: #fff;}
.indcp-wrap{width: 100%;position: relative;}
.indcp-loop{width: 100%;background: #ebeef4;position: relative;}
.indcp-link{width: 100%;flex-direction: row-reverse;overflow: hidden;position: relative;}
.indcp-link .cont{width: 6.5rem;padding: max(50px,1.16rem) max(16px,1.5rem) max(50px,1.16rem) max(16px,1rem);position: relative;z-index: 4;}
.indcp-link .img{width: calc(100% - 6.5rem);position: relative;padding: max(60px,1.4rem) 0 max(50px,1rem);text-align: center;z-index: 4;display: block;}
.indcp-link .img::before{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: url("../images/index/indcpSd.png") no-repeat left 70% top max(20px,0.42rem)/7.21rem auto;}
.indcp-link .img p{height: 5.56rem;width: 100%;}
.indcp-link .img img{max-width: 7.26rem;position: relative;z-index: 4;transition: transform .6s ease;max-height: 100%;}
.indcp-link .shade{position: absolute;width: 48%;height: 100%;top: 0;left: 0;background: #e0e4ed;clip-path: polygon(0 0, 100% 0, 50% 100%, 0% 100%);}
.indcp-menu{position: absolute;width: 100%;padding: 0 max(16px,1rem);bottom: max(24px,0.62rem);z-index: 10;transform: translate3d(0,0,10px);}
.indcp-menu a{flex: 1;margin-right: max(14px,0.2rem);background: #fff;height: max(38px,0.6rem);border-radius: max(19px,0.3rem);display: flex;align-items: center;justify-content: center;line-height: 1;transition: all .4s ease;}
.indcp-menu a:last-child{margin-right: 0;}
.indcp-menu a:hover, .indcp-menu a.active{background: #002a9b;color: #fff;box-shadow: 0 max(2px,0.04rem) max(6px,0.16rem) rgba(0, 42, 155, 0.5);}
/* -- */
.indcp-link .cont .title, .indcp-link .cont .text, .indcp-link .cont .link, .indcp-link .img p{opacity: 0;}
.swiper-slide-active .indcp-link .cont .title{animation: indcpUp 1s ease both .2s;}
.swiper-slide-active .indcp-link .cont .text{animation: indcpUp 1s ease both .3s;}
.swiper-slide-active .indcp-link .cont .link{animation: indcpUp 1s ease both 0.4s;}
.swiper-slide-active .indcp-link .img p{animation: indcpSc 1s ease both .2s;}
@keyframes indcpUp{0%{opacity: 0;transform: translateY(max(24px,0.6rem));filter: blur(6px);}100%{opacity: 1;transform: translateY(0);filter: blur(0);}}
@keyframes indcpSc{0%{opacity: 0;transform: translateX(max(24px,0.8rem));filter: blur(6px);}100%{opacity: 1;transform: translateX(0);filter: blur(0);}}

.indal{background: #fff;overflow: visible;height: 100vh;}
.indal-sticky{position: sticky;width: 100%;top: max(70px,0.88rem);left: 0;overflow: hidden;height: calc(100vh - max(70px,0.88rem));}
.indal-list{width: 100%;height: 100%;background: #fff;position: relative;padding: 2.2vh 0%;}
.indal-list ul{width: 100%;height: 100%;position: relative;align-content: space-between;}
.indal-list li{width: 100%;height: 31.8%;overflow: hidden;display: flex;}
.indal-list-li{width: auto;height: 100%;display: flex;position: relative;}
.indal-list-img{width: 19vw;height: 100%;margin-right: 1.06vw;overflow: hidden;border-radius: 10px;}
.indal-list-img img{width: 100%;height: 100%;transition: transform .6s ease;}
.indal-list-img:hover img{transform: scale(1.06);}
.indal-list ul li:nth-child(1) .indal-list-li{left: 0.53vw;}
.indal-list ul li:nth-child(2) .indal-list-li{left: -9.5vw;}
.indal-list ul li:nth-child(3) .indal-list-li{left: calc(-19vw - 0.53vw);}
.indal-list-center{width: 38vw;height: 100%;margin-right: 1.06vw;text-align: center;overflow: hidden;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.indal-list-center .text{max-width: max(280px,4.12rem);}
.indal-list-left, .indal-list-right{display: flex;}
.indal-list-img.isMain{opacity: 0;}
/* -- */
.indal-bg{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 10;user-select: none;overflow: hidden;}
.indal-bg .contain{width: 100%;}
.indal-bg img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;transition: transform .6s ease;}
.indal-bg-cont{width: 100%;height: 100%;color: #fff;display: flex;flex-direction: column;align-items: center;justify-content: center;background: rgba(0,0,0,0.4);text-align: center;position: relative;z-index: 4;}
.indal-bg.isNo .indal-bg-cont{pointer-events: none;}
.indal-bg.isNo:hover img{transform: scale(1.06);}
.indal-bg-cont .title{max-width: max(280px,7.46rem);line-height: 1.06;margin: 0 auto;}
.indal-bg-cont .text{max-width: max(280px,8.04rem);margin-left: auto;margin-right: auto;}
.indal-bg-cont .link{justify-content: center;}
/* == */
@media all and (min-width:1000px){
    .indal{height: 150vh;}
    .indal-bg{transition: all 1.5s cubic-bezier(0.22, 0.61, 0.36, 1);}
    .indal.anim .indal-bg{width: 19vw;height: 30.21%;top: 34.9%;left: 69.7vw;border-radius: 10px;}
    .indal.anim .indal-bg-cont{pointer-events: none;}
    .indal-bg-cont .contain{transition: all 1.2s cubic-bezier(0.22, 0.61, 0.36, 1);}
    .indal.anim .indal-bg-cont .contain{transform: scale(0.5);}
    .indal.anim .indal-bg:hover img{transform: scale(1.06);}
    .indal-bg-cont{transition: all 4s cubic-bezier(0.22, 0.61, 0.36, 1);}
    .indal.anim .indal-bg-cont{opacity: 0;transition: all 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);}
    .indal-list ul li:nth-child(1) .indal-list-li{transition: all 1.5s cubic-bezier(0.22, 0.61, 0.36, 1);}
    .indal.anim .indal-list ul li:nth-child(1) .indal-list-li{left: -19.53vw;}
    .indal-list ul li:nth-child(3) .indal-list-li{transition: all 1.5s cubic-bezier(0.22, 0.61, 0.36, 1);}
    .indal.anim .indal-list ul li:nth-child(3) .indal-list-li{left: 0.53vw;}
}
/* == */

.indxw{background: #fff;}
.indxw-list{width: 100%;}
.indxw-link{display: block;width: 100%;}
.indxw-link .img{width: 100%;overflow: hidden;}
.indxw-link .img img{width: 100%;height: 3.2rem;transition: transform .6s ease;}
.indxw-link .cont{width: 100%;position: relative;padding: max(20px,0.4rem) max(16px,0.48rem) 0;z-index: 4;}
.indxw-link .cont::before{content: "";position: absolute;width: 100%;height: max(40px,0.78rem);left: 0;bottom: 0;background: #ebeef4;transition: all .6s ease;}
.indxw-link .cont .time, .indxw-link .cont .title, .indxw-link .cont .btn{position: relative;z-index: 4;transform: translate3d(0,0,4px);}
.indxw-link .cont .btn{height: max(40px,0.78rem);align-items: center;justify-content: space-between;}
.indxw-link .cont .btn span{font-size: max(14px,0.16rem);color: #737373;transition: color .4s ease;}
.indxw-link .cont .btn i{width: max(28px,0.40rem);height: max(28px,0.40rem);border-radius: 50%;border: 1px solid #002a9b;font-size: max(14px,0.16rem);color: #002a9b;line-height: 1;transform: rotate(45deg);transition: all .4s ease;}
.indxw-link:hover .img img{transform: scale(1.06);}
.indxw-link:hover .cont::before{background: #002a9b;height: 100%;}
.indxw-link:hover .cont .time{color: #fff;}
.indxw-link:hover .cont .title{color: #fff;}
.indxw-link:hover .cont .btn span{color: #fff;}
.indxw-link:hover .cont .btn i{border-color: #fff;color: #fff;transform: rotate(90deg);}
.indxw-list .swiper-pagination{position: relative;font-size: 0;bottom: 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 横屏 */
}

/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px){
    .indcp-link .img::before {background-size: 45% auto;background-position: left 51% top 10px;}
    /* 移动终端 360 适配 */
    .banner{top: 60px;height: calc(100vh - 60px);}
    .banner .swiper-pagination {bottom: 44px;padding-left: 0;text-align: center;}
    .indgy-title {width: 100%;padding-right: 0;}
    .indgy-other{width: 100%;margin-top: 20px;}
    .indgy-main {margin-top: 20px;}
    .indgy-main img {width: 94%;}
    .indcp-link {flex-direction: row;}
    .indcp-link .img{width: 100%;padding: 58px 20px 20px;}
    .indcp-link .img p {height: 200px;}
    .indcp-link .img img {max-width: 100%;}
    .indcp-link .cont{width: 100%;padding: 20px 16px 170px;background: #e0e4ed;}
    .indcp-link .shade{display: none;}
    .indcp-menu{padding: 0 16px;justify-content: space-between;bottom: 20px;}
    .indcp-menu a{flex: none;margin: 10px 0 0;width:48.5%;font-size: 12px;height: 34px;border-radius: 16px;}
    .indcp-menu a:last-child{width:100%}
    .indxw-link .img img{height: 212px;}
    .indal {height: auto;}
    .indal-sticky {position: relative;top: 0;height: auto;}
    .indal-bg {position: relative;padding: 0;}
    .indal-bg-cont{padding: 40px 4%;}
    .indal-bg-cont .text {max-width: 100%;}
    .indal-bg-cont .title {max-width: 100%;}
    .indal-list{padding: 12px 4% 0;}
    .indal-list li{height: auto;}
    .indal-list-li{flex-wrap: wrap;justify-content: space-between;height: auto;left: 0 !important;}
    .indal-list-img {width: 32%;height: auto;margin: 2% 0 0;border-radius: 6px;}
    .indal-list-left, .indal-list-right{flex-wrap: wrap;width: 32%;}
    .indal-list li:nth-child(2) .indal-list-img{width: 100%;margin: 6% 0 0;}
    .indal-list-center {width: 32%;height: auto;margin: 2% 0 0;}
    .indal-list-center .text{display: none;}
    .indal-list-center .title{font-size: 18px;}
    .indal-list-center .link{margin-top: 20px;}
    .indal-list-center .link a{padding: 0;}
    .indal-list-center .link a span{display: none;}
    .indal-list-img img{height:80px;}
}
@media all and (max-width:720px){
    .indcp-link .img::before{background-size: 90% auto;background-position: left 60% top 10px;}
}