@charset "utf-8";
/* ===================首页样式========================== */
.banner{width: 100%;overflow: hidden;position: relative;}
.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: center;}
.banner-cont .title{line-height: 1.1;}
.banner-cont .text{line-height: 1.1;}
.banner-cont .link{display: flex;justify-content: center;}
/* -- */
.banner-cont .title, .banner-cont .text, .banner-cont .link{opacity: 0;}
.swiper-slide-active .banner-cont .title{animation: bannerRunU 1s ease both .9s;}
.swiper-slide-active .banner-cont .text{animation: bannerRunU 1s ease both 1s;}
.swiper-slide-active .banner-cont .link{animation: bannerRunU 1s ease both 1.1s;}
.oneSlide .banner-cont .title{animation: bannerRunU 1s ease both .4s;}
.oneSlide .banner-cont .text{animation: bannerRunU 1s ease both .5s;}
.oneSlide .banner-cont .link{animation: bannerRunU 1s ease both .6s;}
@keyframes bannerRunU{0%{opacity: 0;transform: translateY(120px);filter: blur(4px);}100%{opacity: 1;transform: translateY(0);filter: blur(0);}}
/* -- */
.banner .swiper-pagination{bottom: 40px;font-size: 0;}
.banner .swiper-pagination-bullet{width: 6px;height: 6px;background: #fff;opacity: 1;margin: 0 0 0 34px !important;position: relative;}
.banner .swiper-pagination-bullet:first-child{margin: 0 !important;}
.banner .swiper-pagination-bullet::before{content: "";position: absolute;width: 18px;height: 18px;border-radius: 50%;border: 2px solid #fff;top: 50%;left: 50%;margin: -9px 0 0 -9px;transform: scale(0);transition: all .4s ease;}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active::before{transform: scale(1);}
.indMore{width: 164px;height: 48px;border-radius: 24px;border: 2px solid #fff;padding-right: 44px;position: relative;transition: all .4s ease;}
.indMore i{width: 12px;height: 12px;position: absolute;top: 50%;margin-top: -6px;right: 20px;transition: all .4s ease;}
.indMore i::before, .indMore i::after{content: "";position: absolute;background: #fff;transition: all .4s ease;}
.indMore i::before{width: 2px;height: 100%;left: 50%;margin-left: -1px;top: 0;}
.indMore i::after{width: 100%;height: 2px;top: 50%;margin-top: -1px;left: 0;}
.indMore:hover{background: #fff;box-shadow: 0 4px 16px 0 rgba(255, 255, 255, .4);}
.indMore:hover{color: #126aac;}
.indMore:hover i{transform: rotate(180deg);}
.indMore:hover i::before, .indMore:hover i::after{background: #126aac;}
.indTitle{width: 100%;text-align: center;}
.indTitle .title{line-height: 1.1;}
.indTitle .text{line-height: 1.1;}
.indcp{background: #fff url('../images/index/indcpBg.jpg') no-repeat center bottom/cover;}
.indcp-loop{width: 100%;}
.indcp-loop .swiper-container{overflow: visible;}
.indcp-loop .swiper-wrapper{flex-wrap: wrap;width: auto;margin-left: -36px;}
.indcp-loop .swiper-slide{width: calc(33.3333% - 36px);margin-left: 36px;}
.indcp-loop .swiper-pagination{bottom: 0;font-size: 0;display:none;position: relative;margin-top: 20px;}
.indcp-loop .swiper-pagination-bullet{width: 20px;height: 2px;border-radius: 0;background: #d7d7d7;opacity: 1;margin: 0 0 0 6px !important;}
.indcp-loop .swiper-pagination-bullet:first-child{margin-left: 0 !important;}
.indcp-loop .swiper-pagination-bullet-active {background: #126aac;}
.indcp-link{width: 100%;padding: 60px;display: block;position: relative;overflow: hidden;background: #fff url('../images/index/indcpSd.png') no-repeat center bottom/100% auto;height: 492px;border-radius: 20px;box-shadow: 0px 18px 70px 2px rgba(74, 133, 177, 0.16);}
.indcp-link .bg{position: absolute;width: 100%;height: 100%;top: 0;left: 0;transition: all .4s ease;z-index: 1;opacity: 0;}
.indcp-link::before{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0, 100, 174, .8);z-index: 2;opacity: 0;transition: all .4s ease;}
.indcp-box{width: 100%;display: flex;flex-direction: column;justify-content: space-between;height: 100%;position: relative;z-index: 4;}
.indcp-head{width: 100%;display: block;}
.indcp-head .title{line-height: 1.1;color: #126aac;transition: all .4s ease;}
.indcp-head .hint{line-height: 1.2;text-transform: uppercase;color: #ccc;font-family: Arial;transition: all .4s ease;}
.indcp-head .text{color: #82898d;transition: all .4s ease;}
.indcp-mix{width: 100%;position: relative;}
.indcp-mix .image{width: 100px;height: 90px;display: flex;align-items: flex-end;}
.indcp-mix .image img{max-height: 100%;transition: all .4s ease;}
.indcp-mix .link{position: absolute;left: 0;bottom: 0;opacity: 0;transform: scale(0);transition: all .4s ease;}
.indcp-mix .link a{background: #eaf2fa;border-color: #eaf2fa;color: #1c79be;width: 146px;padding-right: 34px;}
.indcp-mix .link a span{font-weight: 700;}
.indcp-mix .link a i::before, .indcp-mix .link a i::after{background: #1c79be;}
.indcp-link:hover .bg{opacity: 1;}
.indcp-link:hover::before{opacity: 1;}
.indcp-link:hover .indcp-head .title{color: #fff;}
.indcp-link:hover .indcp-head .hint{color: #fff;}
.indcp-link:hover .indcp-head .text{color: #fff;}
.indcp-link:hover .indcp-mix .image img{transform: scale(0);opacity: 0;}
.indcp-link:hover .indcp-mix .link{opacity: 1;transform: scale(1);}
.indsc{background: #fff url('../images/index/indscBg.jpg') no-repeat center bottom/cover;}
.indsc-mix{width: 100%;position: relative;justify-content: space-between;align-items: flex-start;}
.indsc-items{position: relative;z-index: 3;}
.indsc-name{line-height: 1.1;padding: 0 32px;}
.indsc-list{max-width: 456px;}
.indsc-list li{width: 100%;border-radius: 10px;transition: all .4s ease;padding: 22px 32px;}
.indsc-list li:not(:first-child){margin-top: 12px;}
.indsc-list li .title, .indsc-list li .text{padding-left: 30px;transition: all .4s ease;}
.indsc-list li .title{line-height: 1.1;color: #5d626c;position: relative;}
.indsc-list li .text{color: #777;}
.indsc-list li .title::before{content: "";position: absolute;width: 8px;height: 8px;background: #7f848d;border-radius: 50%;left: 0;top: 50%;margin-top: -4px;transition: all .4s ease;}
.indsc-items.change{text-align: right;}
.indsc-items.change .indsc-list li .title, .indsc-items.change .indsc-list li .text{padding-left: 0;padding-right: 30px;}
.indsc-items.change .indsc-list li .title::before{left: auto;right: 0;background: #1c79be;}
.indsc-items.change .indsc-list li .title{color: #1c79be;font-weight: 700;}
.indsc-items.change .indsc-list li:hover .title{color: #f18b1d;}
.indsc-items.change .indsc-list li:hover .title::before{background: #f18b1d;}
.indsc-items.change .indsc-list li:hover .text{color: #333;}
.indsc-list li:hover{background: #fff;box-shadow: 0px 6px 23.52px 0.48px rgba(117, 117, 117, 0.17);}
.indsc-logo{width: 430px;height: 430px;position: absolute;top: 50%;left: 50%;margin: -215px 0 0 -215px;}
.indsc-logo .icon{width: 186px;height: 186px;border-radius: 50%;background: #1c79be;position: relative;z-index: 4;}
.indsc-logo .icon img{max-width: 73px;max-height: 68px;}
.indsc-logo::before, .indsc-logo::after{content: "";position: absolute;}
.indsc-logo::before{width: 100%;height: 100%;top: 0;animation: indscRunS 40s linear infinite;left: 0;z-index: 1;background: url('../images/index/indsc1.png') no-repeat center/100% auto;}
.indsc-logo::after{width: 268px;height: 268px;top: 50%;left: 50%;animation: indscRunF 40s linear infinite;margin: -134px 0 0 -134px;z-index: 2;background: url('../images/index/indsc2.png') no-repeat center/100% auto;}
@keyframes indscRunS{0% {transform: rotate(0);}100% {transform: rotate(360deg);}}
@keyframes indscRunF{0% {transform: rotate(0);}100% {transform: rotate(-360deg);}}
.indys{background: #0263ab url('../images/index/indysBg.jpg') no-repeat center bottom/cover;}
.indys-mix{max-width: 1280px;margin-left: auto;margin-right: auto;}
.indys-menu{width: 100%;border-radius: 10px;background: #fff;}
.indys-menu a{height: 82px;align-items: center;position: relative;justify-content: center;flex: 1;transition: background .4s ease;}
.indys-menu a::before, .indys-menu a::after{content: "";position: absolute;}
.indys-menu a::before{width: 1px;height: 36px;left: 0;top: 50%;background: #c4d0e3;margin-top: -18px;}
.indys-menu a::after{border-left: 18px solid transparent;border-right: 18px solid transparent;border-top: 18px solid #2c9bed;width: 0;height: 0;bottom: -18px;left: 0;right: 0;margin: 0 auto;opacity: 0;transition: all .4s ease;}
.indys-menu a:first-child::before{display: none;}
.indys-menu a i{position: relative;}
.indys-menu a i img{max-width: 44px;max-height: 44px;transition: all .4s ease;}
.indys-menu a i img.s{position: absolute;left: 0;top: 0;opacity: 0;}
.indys-menu a span{margin-left: 14px;color: #333;transition: color .4s ease;}
.indys-menu a:hover span{color: #1c79be;}
.indys-menu a.active{background: #2c9bed;}
.indys-menu a.active span{color: #fff;font-weight: 700;}
.indys-menu a.active i img.s{opacity: 1;}
.indys-menu a.active i img.h{opacity: 0;}
.indys-menu a.active::before{display: none;}
.indys-menu a.active::after{opacity: 1;}
.indys-menu a:first-child{border-top-left-radius: 10px;border-bottom-left-radius: 10px;}
.indys-menu a:last-child{border-top-right-radius: 10px;border-bottom-right-radius: 10px;}
.indys-loop{width: 100%;}
.indys-loop-box{width: 100%;padding: 62px 54px 64px;align-items: flex-start;justify-content: space-between;}
.indys-loop-cont{max-width: calc(100% - 400px);}
.indys-loop-cont .line{width: 52px;height: 3px;background: #fff;}
.indys-loop-image{width: 300px;text-align: right;}
.indys-loop-image img{max-height: 184px;}
.indys-number{width: 100%;border-top: 1px solid rgba(255, 255, 255, .1);}
.indys-number li{display: flex;flex: 1;height: 120px;flex-direction: column;justify-content: center;align-items: center;color: #fff;position: relative;}
.indys-number li:not(:first-child):before{content: "";position: absolute;width: 1px;height: 100%;top: 0;left: 0;background: rgba(255, 255, 255, .1);}
.indys-number li .num{font-family: Arial;line-height: 1;}
.indys-number li .num span{margin-right: 8px;}
.indys-number li .text{line-height: 1.1;}
.indhz{background: #fff;overflow: visible;box-shadow: 0px 9px 81px 0px rgba(26, 69, 126, 0.12);}
.indhz .contain{position: relative;padding: 0 32px;}
.indhz-link{width: 100%;height: 166px;display: flex;flex-direction: column;justify-content: center;align-items: center;cursor: default;}
.indhz-link .image{width: 72px;height: 72px;display: flex;align-items: center;justify-content: center;transition: all .4s ease;}
.indhz-link .image img{max-height: 100%;}
.indhz-link .text{color: #676571;font-size: 16px;}
.indhz-prev,.indhz-next{position: absolute;width: 32px;height: 32px;line-height: 32px;color: #dedede;transition: all .4s ease;font-size: 30px;cursor: pointer;user-select: none;top: 50%;margin-top: -16px;}
.indhz-prev{left: 0;text-align: left;}
.indhz-next{right: 0;text-align: right;}
.indhz-link:hover .image{transform: translateY(-4px);}
.indhz-prev:hover,.indhz-next:hover{color: #1c79be;}
.indxw{background: #f1f9ff url('../images/index/indxwBg.jpg') no-repeat center bottom/cover;}
.indxw-list{width: 100%;}
.indxw-list ul{margin-left: -40px;}
.indxw-list li{width: calc(33.3333% - 40px);margin-left: 40px;background: #fff;box-shadow: 0px 9px 38px 0px rgba(54, 104, 142, 0.14);}
.indxw-main{display: block;width: 100%;}
.indxw-main .image{width: 100%;overflow: hidden;}
.indxw-main .image img{width: 100%;transition: all .6s ease;}
.indxw-main .cont{width: 100%;padding: 30px 40px;}
.indxw-main .title{transition: all .4s ease;}
.indxw-main .time{line-height: 1.1;}
.indxw-main:hover .image img{transform: scale(1.04);}
.indxw-main:hover .title{color: #1c79be;}
.indxw-more{width: 100%;padding: 0 34px;height: 100%;}
.indxw-link{display: flex;flex-wrap: wrap;padding: 0 10px;border-bottom: 1px dashed #e4e4e4;height: 33.3333%;align-items: center;}
.indxw-link:last-child{border-bottom: none;}
.indxw-link .image{width: 114px;overflow: hidden;}
.indxw-link .image img{width: 100%;transition: all .6s ease;}
.indxw-link .cont{width: calc(100% - 114px);padding-left: 20px;display: flex;flex-direction: column;justify-content: space-between;height: 78px;}
.indxw-link .title{transition: all .4s ease;}
.indxw-link .time{line-height: 1.1;}
.indxw-link:hover .image img{transform: scale(1.04);}
.indxw-link:hover .title{color: #1c79be;}
.indxw-loop{display: none;}
.indxw-loop .swiper-pagination{bottom: 0;font-size: 0;position: relative;margin-top: 20px;}
.indxw-loop .swiper-pagination-bullet{width: 20px;height: 2px;border-radius: 0;background: #d7d7d7;opacity: 1;margin: 0 0 0 6px !important;}
.indxw-loop .swiper-pagination-bullet:first-child{margin-left: 0 !important;}
.indxw-loop .swiper-pagination-bullet-active {background: #126aac;}
.indxw-loop .indxw-link{background: #fff;border-bottom: none;padding: 18px 10px;}
.indxw-linkto{width: 100%;display: flex;justify-content: center;}
.indxw-linkto a{border-color: #3673a0;width: 146px;color: #3673a0;padding-right: 0;}
.indxw-linkto a span{padding-right: 24px;background: url('../images/index/indxwArr.png') no-repeat right center;transition: background .4s ease;}
.indxw-linkto a i{display: none;}
.indxw-linkto a:hover{background: #1c79be;border-color: #1c79be;box-shadow: 0 4px 16px 0 rgba(18, 106, 172, .4);color: #fff;}
.indxw-linkto a:hover span{background-image: url('../images/index/indxwArrH.png');}
/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
}
@media all and (max-width:1590px) {
    /* 1440 × (700)  */
    .indcp-link {padding: 36px;height: 400px;}
    .indsc-list li {padding: 12px 24px;}
    .indsc-name {padding: 0 24px;}
    .indsc-list li .title, .indsc-list li .text {padding-left: 24px;}
    .indsc-items.change .indsc-list li .title, .indsc-items.change .indsc-list li .text {padding-right: 24px;}
    .indsc-list {max-width: 412px;}
    .indsc-logo {width: 340px;height: 340px;margin: -170px 0 0 -170px;}
    .indsc-logo::after {width: 200px;height: 200px;margin: -100px 0 0 -100px;}
    .indsc-logo .icon {width: 140px;height: 140px;}
    .indxw-list ul {margin-left: -24px;}
    .indxw-list li {width: calc(33.3333% - 24px);margin-left: 24px;}
    .indxw-main .cont {padding: 24px 28px;}
    .indxw-more {padding: 0 24px;}
    .indys-loop-box {padding: 50px 40px;}
}
@media all and (max-width:1430px) {
    /* 1360 */
}
@media all and (max-width:1350px) {
    /* 1280 */
}
@media all and (max-width:1270px) {
    /* 1152 × (700) */
    .indcp-loop .swiper-wrapper {margin-left: -24px;}
    .indcp-loop .swiper-slide {width: calc(33.3333% - 24px);margin-left: 24px;}
    .indcp-link {padding: 24px;height: 340px;border-radius: 12px;}
    .indsc-logo{transform: scale(0.4);}
    .indsc-list li {padding: 12px 16px;}
    .indsc-name {padding: 0 16px;}
    .indys-menu a {height: 68px;}
    .indys-menu a::before {height: 24px;margin-top: -12px;}
    .indxw-list ul {margin-left: -14px;}
    .indxw-list li {width: calc(33.3333% - 14px);margin-left: 14px;}
    .indxw-main .cont {padding: 20px 24px;}
    .indxw-more {padding: 0 18px;}
    .indys-menu a::after {border-left: 14px solid transparent;border-right: 14px solid transparent;border-top: 14px solid #2c9bed;bottom: -14px;}
    .indys-loop-box {padding: 50px 30px;}
}
@media all and (max-width:1140px) {
    /* 1024 */
}
/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .banner-image img.pc{height: calc(100vh - 60px);}
    .indcp-loop .swiper-pagination{display:block;}
    .indcp-loop .swiper-container{overflow: hidden;}
    .indcp-loop .swiper-wrapper{justify-content: flex-start;margin: 0;width: 100%;flex-wrap: nowrap;}
    .indcp-loop .swiper-slide{width: 100%;margin: 0;}
    .indcp{background: #fff;}
    .indcp-link{box-shadow: none;background-color: #f2f7fa;background-size: auto 94%;background-position: right bottom;}
    .indsc{background: #f2f7fa;}
    .indsc-items{width: 100%;}
    .indsc-list {max-width: none;}
    .indsc-list li{background: #fff;}
    .indsc-items.change {text-align: left;}
    .indsc-items.change .indsc-list li .title, .indsc-items.change .indsc-list li .text {padding-right: 0;padding-left: 24px;}
    .indsc-items.change .indsc-list li .title::before{right: auto;left: 0;}
    .indsc-logo{position: relative;transform: scale(1);margin: 44px auto;top: 0;left: 0;right: 0;}
    .indys-loop-image {width: 260px;}
    .indys-loop-cont {max-width: calc(100% - 300px);}
    .indys-number li {height: 100px;}
    .indxw-list ul {margin: 0;}
    .indxw-list li {width: 100%;margin: 0;}
    .indxw-list li:not(:first-child){display: none;}
    .indxw-loop{display: block;margin-top: 12px;}
    .indxw-loop .indxw-link{padding: 20px 24px;}
    .indys-loop-box {padding: 50px 20px;}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .banner-cont .title{font-size: 22px;}
    .banner-cont .text{line-height: 1.32;margin: 12px auto 0;max-width: 280px;}
    .banner-cont .link{margin-top: 20px;}
    .indMore {width: 130px;height: 40px;border-radius: 20px;padding-right: 30px;}
    .indMore i {right: 16px;}
    .banner .swiper-pagination-bullet {margin: 0 0 0 26px !important;}
    .banner .swiper-pagination {bottom: 28px;}
    .indcp-link{border-radius: 8px;padding: 20px 15px;height: 268px;}
    .indcp-mix .image {width: 70px;height: 66px;}
    .indcp-mix .link a {width: 130px;padding-right: 30px;}
    .indsc-list li {padding: 10px 10px;border-radius: 6px;}
    .indsc-name {padding: 0 10px;}
    .indsc-list li .title, .indsc-list li .text {padding-left: 16px;}
    .indsc-list li .title::before {width: 6px;height: 6px;margin-top: -3px;}
    .indsc-list li:not(:first-child) {margin-top: 8px;}
    .indsc-items.change .indsc-list li .title, .indsc-items.change .indsc-list li .text {padding-left: 16px;}
    .indsc-list li .title{font-size: 16px;}
    .indsc-list li .text{font-size: 13px;}
    .indsc-logo {width: 280px;height: 280px;margin: 24px auto;}
    .indsc-logo::after {width: 170px;height: 170px;margin: -85px 0 0 -85px;}
    .indsc-logo .icon {width: 120px;height: 120px;}
    .indsc-logo .icon img {max-width: 60px;max-height: 56px;}
    .indys-menu {border-radius: 6px;}
    .indys-menu a{flex-direction: column;height: 74px;text-align: center;}
    .indys-menu a span{width: 100%;margin: 2px 0 0;font-size: 15px;}
    .indys-menu a:first-child{border-top-left-radius: 6px;border-bottom-left-radius: 6px;}
    .indys-menu a:last-child{border-top-right-radius: 6px;border-bottom-right-radius: 6px;}
    .indys-menu a i img {max-width: 28px;max-height: 28px;}
    .indys-menu a::after {border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #2c9bed;bottom: -10px;}
    .indys-loop-box {padding: 24px 0 30px;}
    .indys-loop-cont {width: 100%;max-width: none;}
    .indys-loop-image{width: 100%;text-align: center;margin-top: 20px;}
    .indys-loop-cont .line {width: 32px;height: 2px;}
    .indys-number .contain{width: 100%;}
    .indys-number li .num span {margin-right: 4px;font-size: 22px;}
    .indys-number li {height: 74px;}
    .indhz-link {height: 120px;}
    .indhz-link .text{margin-top: 8px;font-size: 13px;}
    .indhz-prev, .indhz-next {font-size: 24px;width: 24px;}
    .indhz-link .image {width: 54px;height: 54px;}
    .indhz .contain {padding: 0 24px;}
    .indxw-main .cont {padding: 20px 16px;}
    .indxw-loop .indxw-link {padding: 18px 16px;}
    .indxw-link .image {width: 102px;}
    .indxw-link .cont {width: calc(100% - 102px);padding-left: 12px;height: 70px;}
    .indxw-linkto a {width: 130px;}
    @keyframes bannerRunU{0%{opacity: 0;transform: translateY(80px);filter: blur(4px);}100%{opacity: 1;transform: translateY(0);filter: blur(0);}}
}