@charset "utf-8";
/* ===================首页样式========================== */
.banner{width: 100%;overflow: hidden;position: relative;}
.banner-image{width: 100%;}
.banner-image img{width: 100%;height: calc(100vh - 90px);}
.banner-cont{position: absolute;z-index: 2;width: 100%;height: 100%;top: 0;left: 0;color: #fff;text-align: left;}
/* 图片缩放效果 */
.banner .swiper-slide {overflow: hidden;}
.banner .banner-image img {transform: matrix(1.16, 0, 0, 1.16, 0, 0);transition: all .4s ease 1s;}
.swiper-slide-active .banner-image img {transform: matrix(1, 0, 0, 1, 0, 0);transition: all 4s ease .4s;}
/* -- */
.banner .swiper-pagination{font-size: 0;bottom: 88px;}
.banner .swiper-pagination-bullet{width: 8px;height: 8px;background: #fff;opacity: 1;position: relative;margin: 0 18px !important;}
.banner .swiper-pagination-bullet i{position: absolute;width: 24px;height: 24px;margin: -12px 0 0 -12px;top: 50%;left: 50%;opacity: 0;transition: all .4s ease;border-radius: 50%;border: 2px solid rgba(255, 255, 255, 0.2);}
.banner .swiper-pagination-bullet svg{position: absolute;z-index: 2;left: 50%;top: 50%;margin: -12px 0 0 -12px;width: 24px;height: 24px;transform: rotate(-90deg);opacity: 0;transition: all .4s ease;}
.banner .swiper-pagination-bullet svg circle{stroke-dasharray:80,80;stroke-dashoffset:80;}
.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 6.5s linear both;}
.banner .swiper-pagination-bullet-active.oneBullet svg circle{animation: bulletRun 5.5s linear both;}
@keyframes bulletRun{0%{stroke-dashoffset:80;}100%{stroke-dashoffset:0;}}
/* 文字效果-右边版 */
.banner-cont .title, .banner-cont .text{opacity: 0;}
.swiper-slide-active .banner-cont .title{animation: bannerRun 1s ease both .9s;}
.swiper-slide-active .banner-cont .text{animation: bannerRun 1s ease both 1s;}
.oneSlide .banner-cont .title{animation: bannerRun 1s ease both .4s;}
.oneSlide .banner-cont .text{animation: bannerRun 1s ease both .5s;}
@keyframes bannerRun{0%{opacity: 0;transform: translateX(260px);filter: blur(6px);}100%{opacity: 1;transform: translateX(0);filter: blur(0);}}

.indTitle{width: auto;}



.indPage.swiper-pagination{bottom: 0;position: relative;font-size: 0;}
.indPage .swiper-pagination-bullet{width: 8px;height: 8px;background: #c1c3c7;opacity: 1;margin: 0 0 0 12px !important;}
.indPage .swiper-pagination-bullet:first-child{margin: 0 !important;}
.indPage .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #074d99;}

.indcp{background: #f0f4f8;}
.indcp-head{width: 100%;justify-content: space-between;align-items: flex-end;}
.indcp-head .indTitle .text{max-width: 600px;}
.indcp-input{width: auto;}
.indcp-input input, .indcp-input button{border-radius: 3px;height: 54px;}
.indcp-input input{width: 372px;background: #fff;padding: 0 20px;color: #0b254b;font-size: 15px;}
.indcp-input button{width: 120px;font-size: 16px;color: #fff;background: #074d99;cursor: pointer;margin-left: 12px;transition: all .4s ease;}
.indcp-input button:hover{box-shadow: 0 4px 16px 0 rgba(7, 7, 153, 0.2);}
.indcp-mix{width: 100%;}
.indcp-main{width: 807px;overflow: hidden;position: relative;}
.indcp-main .bg{display: block;width: 100%;overflow: hidden;}
.indcp-main .bg img{width: 100%;height: 605px;}
.indcp-main .indcp-link{position: absolute;right: 0;bottom: 0;z-index: 4;transform: translate3d(0,0,10px);width: 297px;}
.indcp-list{display: flex;flex-wrap: wrap;width: calc(100% - 807px);}
.indcp-link{width: 50%;height: 50%;background: #7898be;color: #fff;position: relative;}
.indcp-link, .indcp-link .hint{padding: 38px;}
.indcp-link .hint{width: 100%;align-items: flex-end;justify-content: space-between;position: absolute;bottom: 0;left: 0;padding-top: 0;}
.indcp-link .title{transition: all .4s ease;}
.indcp-link .img{max-width: 100px;}
.indcp-link .img img{max-height: 88px;transition: all .6s ease;}
.indcp-link:hover .indArr span{transform: scale(1.12) translateX(6px);}
.indcp-link:hover .indArr i{transform: rotateY(180deg) translateX(-8px)}
.indcp-link:hover .img img{transform: scale(1.1);}
.indcp-link:hover .title{color: #074d99;}
.indcp-list .indcp-link:nth-child(4n+2), .indcp-list .indcp-link:nth-child(4n+3){background: #fff;color: #0b254b;}
.indcp-list .indcp-link:nth-child(4n+2) .text, .indcp-list .indcp-link:nth-child(4n+3) .text{color: #646a7c;}
.indcp-list .indcp-link:nth-child(4n+2) .indArr span, .indcp-list .indcp-link:nth-child(4n+3) .indArr span{border: 1px solid #6b7082;}
.indcp-list .indcp-link:nth-child(4n+2) .indArr span::before, .indcp-list .indcp-link:nth-child(4n+3) .indArr span::before{background: #fff;}
.indcp-list .indcp-link:nth-child(4n+2) .indArr::before, .indcp-list .indcp-link:nth-child(4n+3) .indArr::before{background: #6b7082;}

.indfa{background: #fff;}
.indfa-head{width: 100%;justify-content: space-between;align-items: flex-end;}
.indfa-menu{width: auto;}
.indfa-menu a{display: flex;align-items: center;margin-left: 50px;}
.indfa-menu a:first-child{margin-left: 0;}
.indfa-menu a .img{position: relative;max-width: 32px;}
.indfa-menu a .img img{transition: all .4s ease;}
.indfa-menu a .img img.h{position: absolute;top: 0;left: 0;opacity: 0;}
.indfa-menu a .text{transition: all .4s ease;margin-left: 12px;}
.indfa-menu a.active .img img.s, .indfa-menu a:hover .img img.s{opacity: 0;}
.indfa-menu a.active .img img.h, .indfa-menu a:hover .img img.h{opacity: 1;}
.indfa-menu a.active .text, .indfa-menu a:hover .text{color: #074d99;}
.indfa-loop{width: 100%;padding: 0 30px;overflow: hidden;position: relative;}
.indfa-loop-limit{width: 100%;overflow: hidden;position: relative;}
.indfa-loop-limit>div{visibility: hidden;height: 0;overflow: hidden;pointer-events: none;width: 100%;}
.indfa-loop-limit>div.active{visibility: visible;height: auto;pointer-events: auto;}
.indfa-loop .swiper-container{width: 1520px;overflow: visible;margin: 0;}
.indfa-link{width: 100%;padding-right: 160px;position: relative;}
.indfa-link .bg{width: 100%;height: 654px;}
.indfa-link-cont{width: 400px;color: #fff;padding: 68px 60px;position: absolute;z-index: 4;transform: translate3d(0,0,10px);right: 0;top: 0;min-height: calc(100% - 112px);display: block;}
.indfa-link-cont>*{position: relative;z-index: 2;}
.indfa-link-cont::before{content: "";position: absolute;width: 100%;height: 0;background: #074d99;top: 0;left: 0;opacity: 0;}
.indfa-link-cont .num{width: 100%;}
.indfa-link-cont .ico{height: 88px;display: flex;justify-content: flex-end;align-items: flex-end;}
.indfa-link-cont .ico img{max-height: 100%;opacity: 0.25;transition: all .4s ease;}
.indfa-link-cont .title{width: 100%;}
.indfa-link-cont .line{width: 38px;height: 4px;background: #fff;}
.indfa-link-cont .text{width: 100%;color: #d0dbe6;}
.indfa-link-cont .arrow{width: 100%;align-items: center;}
.indfa-link-cont .arrow span{margin-right: 10px;}
.indfa-link-cont .arrow .indArr span::before{background: #074d99;}
.indfa-link-cont:hover .ico img{opacity: 0.6;}
.indfa-link-cont:hover .indArr span{transform: scale(1.12) translateX(6px);}
.indfa-link-cont:hover .indArr i{transform: rotateY(180deg) translateX(-8px)}
.indfa-link-cont .num, .indfa-link-cont .ico, .indfa-link-cont .title, .indfa-link-cont .line, .indfa-link-cont .text, .indfa-link-cont .arrow{opacity: 0;}
.swiper-slide-active .indfa-link-cont::before{animation: indfaRun2 0.8s ease both .8s;}
.swiper-slide-active .indfa-link-cont .num{animation: indfaRun 0.8s ease both .9s;}
.swiper-slide-active .indfa-link-cont .ico{animation: indfaRun 0.8s ease both 1s;}
.swiper-slide-active .indfa-link-cont .title{animation: indfaRun 0.8s ease both 1.1s;}
.swiper-slide-active .indfa-link-cont .line{animation: indfaRun 0.8s ease both 1.2s;}
.swiper-slide-active .indfa-link-cont .text{animation: indfaRun 0.8s ease both 1.3s;}
.swiper-slide-active .indfa-link-cont .arrow{animation: indfaRun 0.8s ease both 1.4s;}
@keyframes indfaRun{0%{opacity: 0;transform: translateY(60px);filter: blur(6px);}100%{opacity: 1;transform: translateY(0);filter: blur(0);}}
@keyframes indfaRun2{0%{opacity: 0;height: 0;}100%{opacity: 1;height: 100%;}}
.indfa-loop .swiper-pagination{display: none;}
.indfa-prev, .indfa-next{position: absolute;width: 82px;height: 54px;background: #074d99;color: #fff;z-index: 10;transform: translate3d(0,0,10px);top: 50%;margin-top: -27px;user-select: none;cursor: pointer;display: flex;align-items: center;justify-content: center;}
.indfa-prev .indArr span::before, .indfa-next .indArr span::before{background: #074d99;}
.indfa-prev{left: 50px;transform: rotateY(180deg);}
.indfa-next{right: 50px;}
.indfa-prev:hover .indArr span, .indfa-next:hover .indArr span{transform: scale(1.12) translateX(6px);}
.indfa-prev:hover .indArr i, .indfa-next:hover .indArr i{transform: rotateY(180deg) translateX(-8px)}

.indgy{background: #fff;}
.indgy .contain{position: relative;z-index: 4;}
.indgy-head{width: 100%;justify-content: space-between;align-items: flex-start;}
.indgy-info{max-width: 820px;}
.indgy-info .link{width: 100%;display: flex;}
.indgy-info .link a{height: 50px;padding: 0 24px;align-items: center;background: #074d99;color: #fff;border-radius: 3px;transition: all .4s ease;}
.indgy-info .link a span{line-height: 1;margin-right: 10px;}
.indgy-info .link a .indArr span::before{background: #074d99;}
.indgy-info .link a:hover{box-shadow: 0 4px 16px 0 rgba(7, 7, 153, 0.2);}
.indgy-info .link a:hover .indArr span{transform: scale(1.12) translateX(6px);}
.indgy-info .link a:hover .indArr i{transform: rotateY(180deg) translateX(-8px)}
.indgy-video{width: 100%;animation-duration: 1.5s;overflow: hidden;position: relative;box-shadow: 0 4px 28px 4px rgba(0, 0, 0, 0.2);cursor: pointer;user-select: none;}
.indgy-video img{width: 100%;transition: all .6s ease;}
.indgy-video .arrow{background: url("../images/index/indgyP1.png") no-repeat center center;height: 68px;width: 68px;margin-top: -34px;margin-left: -34px;position: absolute;left: 50%;top: 50%;z-index: 2;transform: translate3d(0,0,10px);}
.indgy-video .arrow::after{content: "";background: url("../images/index/indgyP2.png") no-repeat center center;height: 100%;width: 100%;position: absolute;left: 0;top: 0;z-index: 1;}
.indgy-video:hover img{transform: scale(1.04);}
.indgy-video:hover .arrow::after{animation: indgyRun 1s linear infinite;}
@keyframes indgyRun{100%{transform: rotateZ(360deg);}}
.indgy-mix{width: 100%;height: auto;background: url("../images/index/indgyBg.jpg") no-repeat center/cover;margin-top: -295px;padding-top: 295px;}
.indgy-num{width: 100%;padding-left: 120px;}
.indgy-num li{flex: 1;}
.indgy-num li .numbox{height: 80px;}
.indgy-num li .num{align-items: center;line-height: 1;font-weight: 700;}
.indgy-num li .num span{margin-right: 12px;line-height: 1;}
.indgy-num li:last-child .num{line-height: 1.24;}

.indxw{background: #fff;}
.indxw-head{width: 100%;justify-content: space-between;align-items: center;}
.indxw-loop{width: 100%;}
.indxw-loop .swiper-slide{height: auto;}
.indxw-link{width: 100%;display: block;height: 100%;border: 1px solid #eee;padding: 70px 50px 64px;transition: border .4s ease;}
.indxw-link .tags{width: 100%;transition: all .4s ease;}
.indxw-link .title{width: 100%;transition: all .4s ease;}
.indxw-link .line{width: 100%;height: 1px;background: #eee;}
.indxw-link .time{width: 100%;color: #676767;}
.indxw-link .link{width: 100%;align-items: center;}
.indxw-link .link span{color: #676767;margin-right: 10px;}
.indxw-link .link .indArr span{border: 1px solid #6b7082;}
.indxw-link .link .indArr span::before{background: #fff;}
.indxw-link .link .indArr::before{background: #6b7082;}
.indxw-link:hover {border-color: #074d99;}
.indxw-link:hover .tags{transform: translateY(-6px);}
.indxw-link:hover .title{color: #074d99;transform: translateY(-6px);}
.indxw-link:hover .link .indArr span{transform: scale(1.12) translateX(6px);}
.indxw-link:hover .link .indArr i{transform: rotateY(180deg) translateX(-8px)}

.indhz{background: #f0f4f8;}
.indhz-loop{width: 100%;position: relative;user-select: none;}
.indhz-loop .swiper-wrapper{transition-timing-function: linear;margin: 0 auto;}
.indhz-loop::before, .indhz-loop::after{content: "";position: absolute;width: 255px;background: url("../images/index/indhzSd.png") repeat-y left center/100% auto;height: 100%;top: 0;z-index: 4;transform: translate3d(0,0,10px);}
.indhz-loop::before{left: 0;}
.indhz-loop::after{right: 0;transform: rotateY(180deg);}
.indhz-link{width: 100%;height: 120px;display: flex;align-items: center;padding: 12px;justify-content: center;}
.indhz-link img{max-width: 100%;max-height: 100%;transition: all .4s ease;}



/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
    .indfa-loop .swiper-container {width: 1380px;}
    .indfa-link .bg{height: 586px;}
    .indfa-link-cont {padding: 50px 40px;min-height: calc(100% - 90px);}
    .banner .swiper-pagination {bottom: 80px;}
    .indfa-prev{left: 30px;}
    .indfa-next{right: 30px;}
}

@media all and (max-width:1590px) {
    /* 1440 × (700)  */
    .banner .swiper-pagination {bottom: 60px;}
    .indcp-input input, .indcp-input button {height: 46px;}
    .indcp-input button {width: 100px;}
    .indcp-input input {width: 330px;padding: 0 16px;}
    .indcp-head .indTitle .text {max-width: 540px;}
    .indcp-main {width: 680px;}
    .indcp-list {width: calc(100% - 680px);}
    .indcp-main .bg img{height: 510px;}
    .indcp-link, .indcp-link .hint {padding: 28px;}
    .indcp-main .indcp-link{width: 260px;}
    .indfa-loop {padding: 0 24px;}
    .indfa-loop .swiper-container {width: 1200px;}
    .indfa-link .bg{height: 514px;}
    .indfa-link-cont {padding: 40px 36px;min-height: calc(100% - 70px);}
    .indfa-link {padding-right: 130px;}
    .indgy-info {max-width: 720px;}
    .indgy-mix {margin-top: -240px;padding-top: 240px;}
    .indgy-num li .numbox {height: 60px;}
    .indxw-link {padding: 60px 40px 54px;}
    .indfa-link-cont .line{height: 3px;}
    .indcp-link .img img {max-height: 80px;}
    .indcp-link .img {max-width: 94px;}
    .indfa-menu a {margin-left: 40px;}
    .indxw .indPage.swiper-pagination{margin-top: 24px;}
}

@media all and (max-width:1430px) {
    /* 1360 */
    .indfa-loop .swiper-container {width: 1100px;}
    .indfa-link {padding-right: 100px;}
    .indfa-link .bg{height: 480px;}
    .indfa-link-cont {min-height: calc(100% - 60px);}
}

@media all and (max-width:1350px) {
    /* 1280 */
    .indfa-prev{left: 20px;}
    .indfa-next{right: 20px;}
    .indgy-mix {margin-top: -200px;padding-top: 200px;}
}

@media all and (max-width:1270px) {
    /* 1152 × (700) */
    .banner .swiper-pagination {bottom: 50px;}
    .indcp-input input {width: 300px;}
    .indcp-head .indTitle .text {max-width: 460px;}
    .indcp-input button {width: 88px;font-size: 15px;margin-left: 10px;}
    .indcp-input input, .indcp-input button {height: 44px;}
    .indcp-main {width: 460px;}
    .indcp-list {width: calc(100% - 460px);}
    .indcp-main .bg img{height: 440px;}
    .indcp-link, .indcp-link .hint {padding: 20px;}
    .indcp-main .indcp-link{width: 250px;}
    .indfa-loop {padding: 0 20px;}
    .indfa-loop .swiper-container {width: 960px;}
    .indfa-link {padding-right: 80px;}
    .indfa-link .bg{height: 450px;}
    .indfa-link-cont {min-height: calc(100% - 50px);}
    .indgy-mix {margin-top: -180px;padding-top: 180px;}
    .indgy-num li .numbox {height: 54px;}
    .indxw-link {padding: 50px 28px 44px;}
    .indhz-link{height: 110px;}
    .indhz-loop::before, .indhz-loop::after{width: 230px;}
    .indgy-num {padding-left: 110px;}
}

/* ------------------------平板端-------------------------- */
@media all and (max-width:1100px) {
    /* 1024 横屏 */
    .banner-image img {height: calc(50vh - 90px);}
    .indfa-loop .swiper-container {width: 920px;}
    .indfa-prev, .indfa-next{display: none;}
    .indfa-loop .swiper-pagination{display: block;margin-top: 24px;}
    .indfa-loop {padding: 0 4%;}
    .indgy-num {padding-left: 100px;}
}

@media all and (max-width:1000px) {
    /* 720 竖屏 */
    .indcp-head .indTitle .text{max-width: none;}
    .indcp-input{width: 100%;margin-top: 16px;}
    .indcp-input input{width: calc(100% - 98px);}
    .indcp-main{width: 100%;}
    .indcp-main .bg img{height: auto;min-height: 300px;}
    .indcp-list{width: 100%;}
    .indcp-link{height: 220px;}
    .indcp-main .indcp-link{width: 50%;}
    .indfa-loop .swiper-container{width: 100%;overflow: hidden;}
    .indfa-link-cont .ico{height: 68px;}
    .indfa-link .bg {height: 410px;}
    .indfa-menu a {margin-left: 30px;}
    .indgy-info{max-width: none;width: 100%;margin-top: 16px;}
    .indgy-num {padding-left: 70px;}
    .indgy-mix {margin-top: -140px;padding-top: 140px;}
    .indhz-loop::before, .indhz-loop::after {width: 180px;}
    .indgy-video img{min-height: 180px;}
}

/* ------------------------手机端-------------------------- */
@media all and (max-width:720px) {
    /* 移动终端 360 适配 */
    .banner-image img {height: calc(100vh - 60px);}
    .banner-cont .text{font-size: 16px;}
    @keyframes bannerRun{0%{opacity: 0;transform: translateY(100px);filter: blur(6px);}100%{opacity: 1;transform: translateY(0);filter: blur(0);}}
    .banner-cont{text-align: center;}
    .banner .swiper-pagination {bottom: 36px;}
    .banner .swiper-pagination-bullet {margin: 0 15px !important;}
    .indcp-input button {width: 80px;margin-left: 8px;}
    .indcp-input input {width: calc(100% - 88px);padding: 0 10px;}
    .indcp-input input, .indcp-input button {height: 40px;}
    .indcp-link, .indcp-link .hint {padding: 16px 12px;}
    .indcp-link .img {max-width: 74px;}
    .indcp-link .img img {max-height: 68px;}
    .indcp-link {height: 176px;}
    .indArr {padding-left: 12px;}
    .indArr::before{width: 23px;}
    .indcp-main .bg img{min-height: 250px;}
    .indfa-menu a .img {max-width: 20px;}
    .indfa-menu a .text {margin-left: 8px;}
    .indfa-menu a {margin-left: 18px;}
    .indfa-link-cont{position: relative;width: 100%;}
    .indfa-link {padding-right: 0;}
    .indfa-link .bg{height: 200px;}
    .indfa-link-cont .num, .indfa-link-cont .ico, .indfa-link-cont .title, .indfa-link-cont .line, .indfa-link-cont .text, .indfa-link-cont .arrow{opacity: 1;animation: none !important;}
    .indfa-link-cont::before{display: none;}
    .indfa-link-cont{background: #074d99;padding: 24px 16px;}
    .indfa-link-cont .line {width: 28px;height: 2px;}
    .indfa-link-cont .ico {height: 54px;margin-top: -18px;}
    .indPage .swiper-pagination-bullet {margin: 0 0 0 8px !important;}
    .indfa-loop .swiper-pagination {margin-top: 18px;}
    .indgy-info .link a {height: 40px;padding: 0 8px 0 12px;}
    .indgy-video .arrow {background-size: 100% auto;height: 44px;width: 44px;margin-top: -22px;margin-left: -22px;}
    .indgy-video .arrow::after{background-size: 100% auto;}
    .indgy-num {padding-left: 0;}
    .indgy-num li .num{justify-content: center;}
    .indgy-num li{text-align: center;}
    .indgy-num li .num span {margin-right: 6px;}
    .indgy-num li .numbox {height: 34px;}
    .indgy-mix {margin-top: -70px;padding-top: 70px;}
    .indxw-link {padding: 40px 16px 32px;}
    .indxw .indPage.swiper-pagination {margin-top: 18px;}
    .indxw-link .title{line-height: 22px;height: 66px;}
    .indhz-loop::before, .indhz-loop::after {width: 54px;}
    .indhz-link {height: 74px;padding: 10px;}
}