@charset "utf-8";
/* ===================首页样式========================== */
.banner{width: 100%;overflow: hidden;position: relative;background: #44596c;}
.banner-image{width: 100%;}
.banner-image img{width: 100%;}
.banner-image img.pc{height: 100vh;}
.banner-image img.mb{height: calc(100vh - 60px);}
.banner-cont{position: absolute;z-index: 2;width: 100%;height: 100%;top: 0;left: 0;text-align: left;color: #0063b1;}
/* -- */
.banner .swiper-pagination{bottom: 48px;font-size: 0;}
.banner .swiper-pagination-bullet{width: 12px;height: 12px;border: 2px solid #fff;background: transparent;opacity: 1;margin: 0 0 0 20px !important;position: relative;transition: all .4s ease;}
.banner .swiper-pagination-bullet:first-child{margin: 0 !important;}
.banner .swiper-pagination-bullet::before{content: "";position: absolute;width: 6px;height: 6px;border-radius: 50%;background: #0063b1;top: 50%;left: 50%;margin: -3px 0 0 -3px;opacity: 0;transform: scale(0);transition: all .4s ease;}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{border-width: 1px;border-color: #0063b1;}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active::before{opacity: 1;transform: scale(1);}
/* -- */
.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(240px);filter: blur(4px);}100%{opacity: 1;transform: translateX(0);filter: blur(0);}}
/* -- */
.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;}

.indcp{background: #fff;}
.indcp-top{width: 100%;overflow: hidden;}
.indcp-menu{width: 100%;justify-content: center;}
.indcp-menu a{position: relative;width: 214px;text-align: center;}
.indcp-menu a:not(:first-child){margin-left: 24px;}
.indcp-menu a .icon{width: 48px;height: 48px;margin: 0 auto;position: relative;}
.indcp-menu a .icon img{position: absolute;left: 0;right: 0;margin: 0 auto;bottom: 0;transition: all .4s ease;max-height: 100%;}
.indcp-menu a .icon img.h{opacity: 0;}
.indcp-menu a .text{color: #444;height: 44px;transition: color .4s ease;}
.indcp-menu a::before{content: "";position: absolute;width: 0;height: 2px;background: #0063b1;left: 0;right: 0;margin: 0 auto;bottom: 0;background: #0063b1;opacity: 0;transition: width .4s ease,opacity .1s ease .4s;}
.indcp-menu a:hover .icon img.s, .indcp-menu a.active .icon img.s{opacity: 0;}
.indcp-menu a:hover .icon img.h, .indcp-menu a.active .icon img.h{opacity: 1;}
.indcp-menu a:hover .text, .indcp-menu a.active .text{color: #0063b1;}
.indcp-menu a.active .text{font-weight: 700;}
.indcp-menu a.active::before{width: 100%;opacity: 1;transition: width .4s ease .1s,opacity .1s ease;}
.indcp-bottom{width: 100%;background: #f3f6f9;}
.indcp-loop{width: 100%;}
.indcp-list{width: 100%;}
.indcp-list ul{justify-content: space-between;}
.indcp-list li{width: 430px;}
.indcp-list li:first-child{width: calc(100% - 430px*2 - 28px*2);order: 2;}
.indcp-list li:nth-child(2){order: 1;}
.indcp-list li:last-child{order: 3;}
.indcp-link{width: 100%;position: relative;background: #fff;display: block;border-radius: 15px;padding: 36px 36px 10px;}
.indcp-link:not(:first-child){margin-top: 24px;}
.indcp-link .title{color: #060606;transition: all .4s ease;height: 26px;}
.indcp-link .image{width: 100%;height: 212px;display: flex;align-items: center;justify-content: center;padding: 12px;}
.indcp-link .image img{max-width: 100%;max-height: 100%;transition: all .6s ease;}
.indcp-list li:first-child .indcp-link .image{height: 520px;}
.indcp-link:hover .title{color: #0063b1;}
.indcp-link:hover .image img{transform: scale(1.06);}

.indgy{background: #fff;overflow: visible;}
.indgy-bg{position: absolute;width: 100%;height: calc(100% - 50px);left: 0;top: 0;}
.indgy .contain{position: relative;z-index: 4;}
.indgy-cont{width: 100%;max-width: 1000px;margin-left: auto;margin-right: auto;text-align: center;}
.indgy-cont .link{width: 100%;}
.indgy-cont .link a{width: 130px;height: 46px;margin: 0 auto;border: 1px solid #fff;padding-top: 1px;transition: all .4s ease;}
.indgy-cont .link a:hover{background: #fff;color: #0063b1;box-shadow: 0 4px 16px 0 rgba(255, 255, 255, 0.6);}
.indgy-number{width: 100%;background: #0063b1;box-shadow: 0px 30px 52.51px 6.49px rgba(0, 99, 177, 0.16);}
.indgy-number li{flex: 1;position: relative;height: 210px;display: flex;align-items: center;justify-content: center;}
.indgy-number li:not(:first-child)::before{content: "";position: absolute;width: 1px;left: 0;top: 0;height: 100%;background: #0b72c3;}
.indgy-number li .num{line-height: 1;}
.indgy-number li .num span{font-family:'MB';margin-right: 6px;}

.indys{background: #fff;}
.indys-loop{width: 100%;}
.indys-link{width: 100%;background: #fff;height: 224px;padding: 20px 44px;align-items: center;box-shadow: 0px 5px 52.51px 6.49px rgba(0, 99, 177, 0.05);transition: all .4s ease;}
.indys-link:hover{transform: translateY(-4px);box-shadow: 0px 5px 52.51px 6.49px rgba(0, 99, 177, 0.16);}
.indys-link .icon{width: 62px;height: 62px;}
.indys-link .icon img{max-height: 100%;}
.indys-link .cont{width: calc(100% - 62px);padding-left: 26px;position: relative;z-index: 4;}
.indys-link .num{font-family:'MB';line-height: 1;color: #e9eff5;opacity: 0.7;position: absolute;right: 30px;bottom: 20px;}
.indys-loop .swiper-container{overflow: visible;}
.indys-loop .swiper-wrapper{flex-wrap: wrap;width: auto;margin: -24px 0 0 -24px;}
.indys-loop .swiper-slide{width: calc(33.3333% - 24px);margin: 24px 0 0 24px;}
.indys-loop .swiper-pagination{bottom: 0;font-size: 0;display:none;}
.indys-loop .swiper-pagination-bullet{width: 20px;height: 2px;border-radius: 0;background: #d7d7d7;opacity: 1;margin: 0 0 0 6px !important;}
.indys-loop .swiper-pagination-bullet:first-child{margin-left: 0 !important;}
.indys-loop .swiper-pagination-bullet-active {background: #0063b1;}

.indfa{background: #fff;}
.indfa-loop{width: 100%;position: relative;}
.indfa-mix{width: 100%;display: block;overflow: hidden;height: 650px;position: relative;}
.indfa-mix img{height: 100%;position: absolute;max-width: none;object-fit: fill;top: 0;left: 50%;transform: translateX(-50%);}
.indfa-head{position: absolute;z-index: 2;top: 36%;width: 100%;padding: 0 62px;transition: all .4s ease;}
.indfa-head .title{color: #fff;line-height: 1.1;}
.indfa-head .text{color: #d3d3d3;opacity: 0.5;text-transform: uppercase;}
.indfa-arrow{position: absolute;z-index: 2;left: 62px;bottom: 76px;width: 50px;height: 50px;border-radius: 50%;border: 1px solid #fff;background: url('../images/index/indfaArr.png') no-repeat center;transition: all .4s ease;}
.indfa-more{width: 100%;opacity: 0;transform: translateY(100%);transition: all .6s ease;position: absolute;z-index: 3;left: 0;bottom: 0;background: rgba(255, 255, 255, 0.8);padding: 48px 74px;display: flex;align-items: flex-start;}
.indfa-more-tags{width: 160px;}
.indfa-more-tags p{line-height: inherit;color: #4e5255;position: relative;padding-left: 20px;}
.indfa-more-tags p:not(:first-child){margin-top: 16px;}
.indfa-more-tags p::before{content: "";position: absolute;left: 0;width: 6px;height: 6px;border-radius: 50%;background: #0063b1;top: 9px;}
.indfa-more-cont{width: calc(100% - 160px);padding-right: 100px;}
.indfa-more-cont .link{width: 100%;}
.indfa-more-cont .link a{width: 130px;height: 46px;border: 1px solid #707070;padding-top: 1px;transition: all .4s ease;}
.indfa-more-cont .link a:hover{background: #0063b1;border-color: #0063b1;color: #fff;box-shadow: 0 4px 16px 0 rgba(0, 99, 177, 0.2);}
.indfa-prev, .indfa-next{position: absolute;transform: translate3d(0,0,10px);z-index: 8;width: 56px;height: 56px;line-height: 56px;text-align: center;font-size: 24px;color: #fff;background: rgba(255, 255, 255, 0.2);top: 50%;margin-top: -28px;cursor: pointer;user-select: none;transition: all .4s ease;}
.indfa-prev{left: 0;}
.indfa-next{right: 0;}
.indfa-prev:hover, .indfa-next:hover{background: #0063b1;}
.indfa-loop .swiper-slide{width: 20%;transition: width .4s ease;}
.indfa-loop .swiper-slide.on{width: 40%;}
.indfa-loop .swiper-slide.on .indfa-head{transform: translateY(-100px);opacity: 0;transition: all .4s ease .4s;}
.indfa-loop .swiper-slide.on .indfa-arrow{transform: scale(0);opacity: 0;transition: all .4s ease .4s;}
.indfa-loop .swiper-slide.on .indfa-more{transform: translateY(0);opacity: 1;transition: all .6s ease .4s;}
.indfa-loop .swiper-pagination{display: none;font-size: 0;bottom: 0;}

.indxw{background: #f7f9fa;}
.indxw-list{width: 100%;}
.indxw-list ul{margin-left: -40px;}
.indxw-list li{background: #fff;width: 364px;margin-left: 40px;transition: all .4s ease;}
.indxw-list li:last-child{width: calc(100% - 364px*2 - 120px);}
.indxw-list li:hover{background: #FFFFFF;box-shadow: 0 2px 30px 0 rgba(0, 99, 177, 0.12);}
.indxw-main{width: 100%;}
.indxw-main .image{width: 100%;display: block;overflow: hidden;}
.indxw-main .image img{width: 100%;transition: all .6s ease;height: 218px;}
.indxw-list li:hover .indxw-main .image img{transform: scale(1.06);}
.indxw-main .cont{width: 100%;padding: 46px 36px;}
.indxw-main .title{width: 100%;}
.indxw-main .title a{transition: all .4s ease;display: block;}
.indxw-main .title a:hover{color: #0063b1;}
.indxw-main .text{width: 100%;}
.indxw-main .time{font-family: Arial;}
.indxw-main .link{width: 100%;}
.indxw-main .link a{position: relative;padding-right: 32px;background: url('../images/index/indxwArr.png') no-repeat right center;transition: all .4s ease;}
.indxw-main .link a:hover{color: #0063b1;}
.indxw-other{width: 100%;padding: 60px 52px 28px;border-bottom: 1px solid #eee;}
.indxw-other .title{width: 100%;}
.indxw-other .title a{transition: all .4s ease;display: block;}
.indxw-other .title a:hover{color: #0063b1;}
.indxw-other .text{width: 100%;}
.indxw-other .time{font-family: 'M';}
.indxw-more{width: 100%;padding: 28px 52px 48px;}
.indxw-more .list a{transition: all .4s ease;}
.indxw-more .list a:hover{color: #0063b1;}
.indxw-more .link{width: 100%;}
.indxw-more .link a{width: 120px;height: 46px;border: 1px solid #f0f0f0;padding-top: 1px;transition: all .4s ease;}
.indxw-more .link a:hover{background: #0063b1;border-color: #0063b1;color: #fff;box-shadow: 0 4px 16px 0 rgba(0, 99, 177, 0.2);}

.indhz{background: #fff;}
.indhz-loop{width: 100%;position: relative;}
.indhz-link{display: flex;align-items: center;justify-content: center;height: 88px;padding: 12px;}
.indhz-link img{max-height: 100%;transition: all .4s ease;}
.indhz-prev, .indhz-next{position: absolute;z-index: 4;background: #fff;transform: translate3d(0,0,10px);width: 40px;height: 40px;line-height: 36px;border-radius: 50%;text-align: center;border: 2px solid #dadde0;font-size: 18px;color: #cfd5e0;top: 50%;margin-top: -20px;cursor: pointer;transition: all .4s ease;}
.indhz-prev{left: -40px;padding-right: 2px;}
.indhz-next{right: -40px;padding-left: 2px;}
.indhz-prev:hover, .indhz-next:hover{border-color: #0063b1;color: #0063b1;}
.indhz-link:hover img{transform: translateY(-4px);}


/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
    .indfa-more {padding: 48px 50px;}
    .indfa-more-cont {padding-right: 70px;}
}

@media all and (max-width:1590px) {
    /* 1440 × (700)  */
    .indcp-menu a {width: 180px;}
    .indcp-link {padding: 28px 28px 10px;}
    .indcp-menu a .text {height: 38px;}
    .indcp-list li {width: 380px;}
    .indcp-list li:first-child {width: calc(100% - 380px*2 - 24px*2);}
    .indcp-link:not(:first-child) {margin-top: 20px;}
    .indcp-link .image {height: 166px;}
    .indcp-list li:first-child .indcp-link .image {height: 416px;}
    .indgy-number li {height: 180px;}
    .indys-link {height: 190px;padding: 18px 24px;}
    .indys-link .num {right: 18px;bottom: 16px;}
    .indfa-mix {height: 540px;}
    .indfa-head {padding: 0 40px;}
    .indfa-arrow {left: 40px;bottom: 60px;width: 44px;height: 44px;}
    .indfa-more {padding: 32px 30px;}
    .indgy-cont .link a, .indfa-more-cont .link a{width: 120px;height: 40px;}
    .indfa-more-tags p:not(:first-child) {margin-top: 10px;}
    .indfa-more-cont {padding-right: 40px;}
    .indfa-prev, .indfa-next {width: 48px;height: 48px;line-height: 48px;font-size: 20px;margin-top: -24px;}
    .indxw-list ul {margin-left: -30px;}
    .indxw-list li {width: 350px;margin-left: 30px;}
    .indxw-list li:last-child {width: calc(100% - 350px*2 - 90px);}
    .indxw-main .cont {padding: 36px 26px;}
    .indxw-other {padding: 50px 40px 28px;}
    .indxw-more {padding: 28px 40px 40px;}
    .indxw-more .link a{height: 40px;}
}

@media all and (max-width:1430px) {
    /* 1360 */
}

@media all and (max-width:1350px) {
    /* 1280 */
    .indhz-prev{left: -10px;}
    .indhz-next{right: -10px;}
}

@media all and (max-width:1270px) {
    /* 1152 × (700) */
    .indhz-prev{left: -40px;}
    .indhz-next{right: -40px;}
    .indcp-list li {width: 300px;}
    .indcp-list li:first-child {width: calc(100% - 300px*2 - 20px*2);}
    .indgy-number li {height: 150px;}
    .indys-loop .swiper-slide {width: calc(50% - 24px);}
    .indfa-loop .swiper-slide {width: 25%;}
    .indfa-loop .swiper-slide.on {width: 50%;}
    .indxw-list li{width: calc(50% - 30px);}
    .indxw-list li:last-child {width: calc(100% - 30px);margin-top: 30px;}
    .indcp-link .title {height: 24px;}
}

@media all and (max-width:1140px) {
    /* 1024 */
    .indhz-loop{padding: 0 50px;}
    .indhz-prev{left: 0;}
    .indhz-next{right: 0;}
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .banner-image img.pc {height: calc(100vh - 60px);}
    .indcp-menu a {width: 148px;}
    .indcp-menu a:not(:first-child) {margin-left: 18px;}
    .indcp-list li{width: calc(50% - 8px);margin-top: 16px;}
    .indcp-list li:first-child {width: 100%;order: 1;margin-top: 0;}
    .indcp-list li:first-child .indcp-link .image {height: 300px;}
    .indcp-link:not(:first-child) {margin-top: 16px;}
    .indgy-number li {height: 120px;}
    .indys-loop .swiper-wrapper {margin: -18px 0 0 -18px;}
    .indys-loop .swiper-slide {width: calc(50% - 18px);margin: 18px 0 0 18px;}
    .indfa-mix img{width: 100%;left: 0;transform: translate3d(0,0,0);object-fit: cover;}
    .indfa-mix{height: 400px;}
    .indfa-head, .indfa-arrow, .indfa-more-tags{display: none;}
    .indfa-more{opacity: 1;transform: translateY(0);}
    .indfa-more-cont{width: 100%;padding: 0;}
    .indfa-loop .swiper-pagination{display: block;}
    .indfa-loop .swiper-pagination-bullet{width: 20px;height: 2px;border-radius: 0;background: #d7d7d7;opacity: 1;margin: 0 0 0 6px !important;}
    .indfa-loop .swiper-pagination-bullet:first-child{margin-left: 0 !important;}
    .indfa-loop .swiper-pagination-bullet-active {background: #0063b1;}
    .indfa-prev, .indfa-next{display: none;}
    .indfa-loop .swiper-wrapper{padding-bottom: 28px;}
    .indfa-loop{padding-bottom: 60px;}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .banner .swiper-pagination {bottom: 28px;}
    .indcp-menu a {width: auto;}
    .indcp-menu a:not(:first-child) {margin-left: 14px;}
    .indcp-menu a .text {font-size: 12px;height: 28px;}
    .indcp-link {padding: 16px 10px 8px;border-radius: 8px;}
    .indcp-list li {width: calc(50% - 4px);margin-top: 8px;}
    .indcp-link:not(:first-child) {margin-top: 8px;}
    .indcp-list li:first-child .indcp-link .image {height: 140px;}
    .indcp-link .image {height: 100px;padding: 8px;}
    .indcp-link .title {height: 22px;font-size: 15px;}
    .indcp-menu a .icon {width: 34px;height: 38px;}
    .indcp-bottom{padding-top: 24px;}
    .indgy-cont{padding-top: 18px;}
    .indgy-cont .link a, .indfa-more-cont .link a, .indxw-more .link a{width: 110px;height: 36px;}
    .indgy-number li{flex: auto;width: 50%;height: 82px;}
    .indgy-number li::before, .indgy-number li::after{content: "";position: absolute;width: 1px;left: 0;top: 0;height: 100%;background: #0b72c3;}
    .indgy-number li::after{width: 100%;height: 1px;}
    .indgy-number li:nth-child(2n+1)::before, .indgy-number li:nth-child(-n+2)::after{display: none !important;}
    .indgy-bg {width: 140%;height: calc(100% - 120px);left: -40%;max-width: none;}
    .indgy-number {box-shadow: 0px 10px 20px 0 rgba(0, 99, 177, 0.1);}
    .indys-loop .swiper-pagination{display:block;}
    .indys-loop .swiper-container{overflow: hidden;}
    .indys-loop .swiper-wrapper{justify-content: flex-start;margin: 0;width: 100%;flex-wrap: nowrap;padding-bottom: 24px;}
    .indys-loop .swiper-slide{width: 100%;margin: 0;}
    .indys-link {background: rgba(0, 99, 177, 0.05);height: 160px;padding: 16px 15px;box-shadow: none;}
    .indys-link .cont {padding-left: 18px;}
    .indys-link .num {right: 12px;bottom: 12px;opacity: 1;}
    .indfa-loop .swiper-wrapper {padding-bottom: 24px;}
    .indfa-mix {height: 300px;}
    .indfa-loop {padding-bottom: 38px;}
    .indfa-more {padding: 20px 4%;}
    .indfa-more-cont .text{-webkit-line-clamp: 2;max-height: 36px;}
    .indxw-list ul {margin: -16px 0 0;}
    .indxw-list li {width: 100% !important;margin: 16px 0 0 !important;}
    .indxw-main .image img{height: 204px;}
    .indxw-main .cont {padding: 24px 15px;}
    .indxw-main .link{margin-top: 16px;}
    .indxw-main .text{height: 42px;-webkit-line-clamp: 2;}
    .indxw-other {padding: 24px 15px 20px;}
    .indxw-more {padding: 20px 15px 24px;}
    .indhz-link {height: 66px;padding: 10px;}
    .indhz-prev, .indhz-next {width: 34px;height: 34px;line-height: 30px;font-size: 16px;margin-top: -17px;}
    .indhz-loop {padding: 0 44px;}
}