@charset "utf-8";
/* ===================首页样式========================== */
.banner{width: 100%;overflow: hidden;position: relative;}
.banner .contain{width: 100%;padding: 0 88px;}
.banner-image{width: 100%;}
.banner-image img{width: 100%;}
.banner-image img.pc{height: 100vh;}
.banner-image img.mb{min-height: 400px;}
.banner-cont{position: absolute;z-index: 2;width: 100%;height: 100%;top: 0;left: 0;text-align: left;}
.banner-cont .text{line-height: 1;text-transform: uppercase;color: rgba(255,255,255,0.2);max-width: 500px;font-family: Arial, Helvetica, sans-serif;}
.banner-cont .title{line-height: 1.1;max-width: 500px;}
/* -- */
.banner-cont .text, .banner-cont .title{opacity: 0;}
.swiper-slide-active .banner-cont .text{animation: bannerRun 1s ease both .9s;}
.swiper-slide-active .banner-cont .title{animation: bannerRun 1s ease both 1s;}
.oneSlide .banner-cont .text{animation: bannerRun 1s ease both .4s;}
.oneSlide .banner-cont .title{animation: bannerRun 1s ease both .5s;}
@keyframes bannerRun{0%{opacity: 0;transform: translateX(280px);filter: blur(6px);}100%{opacity: 1;transform: translateX(0);filter: blur(0);}}
.banner .swiper-pagination{bottom: 70px !important;}

/* swiper焦点 */
.indSwiper.swiper-pagination{font-size: 0;bottom: 0;}
.indSwiper.swiper-pagination .swiper-pagination-bullet{border-radius: 8px;background: #fff;opacity: .3;margin: 0 0 0 10px !important;transition: width .4s ease,opacity .4s ease;}
.indSwiper.swiper-pagination .swiper-pagination-bullet:first-child{margin-left: 0 !important;}
.indSwiper.swiper-pagination .swiper-pagination-bullet-active{opacity: 1;background: #fff;width: 40px;border-radius: 4px;}
.indSwiper.color.swiper-pagination .swiper-pagination-bullet{background: #cecece;opacity: 1;}
.indSwiper.color.swiper-pagination .swiper-pagination-bullet-active{background: #0c419c;}
/* 标题 */
.indTitle{width: 100%;text-align: center;}
.indTitle .title{line-height: 1.1;}
.indTitle .text{line-height: 1.1;}

.indwl{background: #fff;}
.indwl-loop{width: 100%;}
.indwl-loop .thumbs{width: 100%;overflow: hidden;}
.indwl-loop .thumbs .swiper-container{padding: 64px 0 50px;}
.indwl-loop .thumbs-click{display: flex;align-items: center;justify-content: center;box-shadow: 0px 0px 20px 0 rgba(14, 55, 116, 0.12);padding: 20px;height: 174px;border-radius: 5px;overflow: hidden;position: relative;overflow: hidden;transition: all .4s ease;}
.indwl-loop .thumbs-click img{max-height: 100%;transition: all .4s ease;transform: translate3d(0,0,0);}
.indwl-loop .thumbs-click::after{content: "";position: absolute;width: 0;left: 0;right: 0;margin: 0 auto;bottom: 0;height: 3px;background: #0c419c;transition: width .6s ease,opacity .1s ease .4s;}
.indwl-loop .thumbs-click:hover, .indwl-loop .thumbs-click.active{box-shadow: 0 12px 24px 0 rgba(14, 55, 116, 0.24);}
.indwl-loop .thumbs-click:hover img{transform: translateY(-8px);}
.indwl-loop .thumbs-click.active::after{opacity: 1;width: 100%;transition: width .4s ease .1s,opacity .1s ease;}
.indwl-loop .thumbs-click.active img{transform: translateY(0) !important;}
.indwl-loop .thumbs .swiper-pagination{bottom: 0;}
.indwl-loop .gallery{width: 100%;overflow: hidden;background: #0c419c;}
.indwl-mix{width: 100%;position: relative;}
.indwl-image{width: 50%;overflow: hidden;}
.indwl-image img{width: 100%;object-fit: cover;}
.indwl-cont{width: 50%;background: url('../images/index/indwlbg.jpg') no-repeat center right/cover;}
.indwl-cont-box{position: absolute;width: 100%;height: 100%;top: 0;left: 0;display: flex;align-items: center;overflow: hidden;}
.indwl-cont-box .contain{display: flex;justify-content: flex-end;}
.indwl-cont-info{width: 50%;padding-left: 108px;}
.indwl-cont-info .web{height: 22px;line-height: 1;padding-bottom: 2px;padding-left: 28px;background: url('../images/index/indwlic.png') no-repeat left center;align-items: center;}
.indwl-cont-info .web a{position: relative;}
.indwl-cont-info .web a::after{content: "";position: absolute;width: 100%;height: 1px;background: #fff;left: 0;bottom: -4px;}
.indwl-cont-info .link a{width: 160px;height: 48px;border-radius: 5px;background: #196de0;line-height: 1;transition: all .4s ease;}
.indwl-cont-info .link a:hover{box-shadow: 0 4px 16px 0 rgba(255, 255, 255, 0.4);color: #196de0;background: #fff;}
.indwl-cont-info .title, .indwl-cont-info .text, .indwl-cont-info .web, .indwl-cont-info .link{opacity: 0;}
.swiper-slide-active .indwl-cont-info .title{animation: indwlRun 1s ease both .3s;}
.swiper-slide-active .indwl-cont-info .text{animation: indwlRun 1s ease both .4s;}
.swiper-slide-active .indwl-cont-info .web{animation: indwlRun 1s ease both .5s;}
.swiper-slide-active .indwl-cont-info .link{animation: indwlRun 1s ease both .6s;}
@keyframes indwlRun{0%{opacity: 0;transform: translateY(40px);filter: blur(4px);}100%{opacity: 1;transform: translateY(0);filter: blur(0);}}

.indcp{background: #f5f5f5;}
.indcp-loop{width: 100%;}
.indcp-loop .swiper-container{padding: 54px 0 58px;}
.indcp-link{width: 100%;background: #fff;padding: 20px 38px 34px;box-shadow: 0px 3px 21px 0 rgba(14, 55, 116, 0.11);transition: all .4s ease;transform: translate3d(0,0,0);}
.indcp-link-box{width: 100%;overflow: hidden;position: relative;}
.indcp-link .hint{width: 100%;text-align: right;height:37px;line-height:37px}
.indcp-link .hint img{max-width: 95px;max-height: 100%;}
.indcp-link .image{display: flex;align-items: center;justify-content: center;height: 180px;}
.indcp-link .image img{max-height: 100%;transition: all .4s ease;transform: translateY(20px);}
.indcp-link .cont{width: 100%;transform: translateY(52px);transition: all .4s ease;}
.indcp-link .title{line-height: 1.1;}
.indcp-link .title a{transition: all .4s ease;}
.indcp-link .text{width: 100%;}
.indcp-link .link{width: 100%;margin-top: 12px;}
.indcp-link .link a{width: 100%;height: 40px;border-radius: 5px;background: #0c419c;color: #fff;line-height: 1;transition: all .4s ease;}
.indcp-link .link a:hover{background: #196de0;}
.indcp-link:hover .image img{transform: translateY(0);}
.indcp-link:hover .cont{transform: translateY(0);}
.indcp-link:hover .title a{color: #0c419c;}
.indcp-link:hover{box-shadow: 0px 3px 21px 0 rgba(14, 55, 116, .4);}
.indcp-loop .swiper-pagination{bottom: 0;}

.indfa{background: #fff;}
.indfa-loop{width: 100%;}
.indfa-loop .thumbs{width: 100%;position: relative;padding: 0 50px;}
.indfa-loop .thumbs::after{content: "";position: absolute;width: 100%;height: 1px;background: #d4d7e2;left: 0;bottom: 0;}
.indfa-loop .thumbs .thumbs-click{display: flex;flex-direction: column;align-items: center;justify-content: center;width: 100%;position: relative;height: 132px;transition: all .4s ease;}
.indfa-loop .thumbs .thumbs-click .image{display: flex;height: 64px;justify-content: center;width: 100%;padding: 0 12px;transform: translate3d(0,0,0);align-items: flex-end;position: relative;z-index: 2;}
.indfa-loop .thumbs .thumbs-click .text{line-height: 1.2;position: relative;z-index: 2;transition: color .4s ease;transform: translate3d(0,0,0);}
.indfa-loop .thumbs .thumbs-click::before{content: "";position: absolute;width: 100%;left: 0;bottom: 0;height: 0;background: #f7f7f7;transition: height .6s ease,opacity .1s ease .4s;}
.indfa-loop .thumbs .thumbs-click::after{content: "";position: absolute;width: 100%;left: 0;bottom: 0;height: 2px;background: #0c419c;transition: opacity .4s ease .4s;opacity: 0;}
.indfa-loop .thumbs .thumbs-click.active::before{opacity: 1;height: 100%;transition: height .4s ease .1s,opacity .1s ease;}
.indfa-loop .thumbs .thumbs-click.active::after{opacity: 1;transition: opacity .4s ease .1s;}
.indfa-loop .thumbs .thumbs-click:hover .text{color: #0c419c;}
.indfa-loop .thumbs .thumbs-click.active .text{color: #333;}
.indfa-loop .thumbs .thumbs-prev, .indfa-loop .thumbs .thumbs-next{position: absolute;width: 50px;height: 100%;top: 0;display: flex;align-items: center;font-size: 24px;color: #cacaca;transition: all .4s ease;cursor: pointer;}
.indfa-loop .thumbs .thumbs-prev{left: 0;}
.indfa-loop .thumbs .thumbs-next{right: 0;justify-content: flex-end;}
.indfa-loop .thumbs .thumbs-prev:hover, .indfa-loop .thumbs .thumbs-next:hover{color: #0c419c;}
.indfa-loop .gallery{width: 100%;}
.indfa-mix{width: 100%;flex-direction: row-reverse;transform: translate3d(0,0,0);}
.indfa-image{width: 618px;border-radius: 8px;overflow: hidden;}
.indfa-image img{width: 100%;object-fit: cover;}
.indfa-cont{width: auto;flex: 1;padding-right: 80px;position: relative;}
.indfa-cont .title{width: 100%;position: relative;overflow: hidden;padding: 0 110px 32px 0;line-height: 1;}
.indfa-cont .title::before, .indfa-cont .title::after{content: "";position: absolute;bottom: 0;left: 0;}
.indfa-cont .title::before{width: 100%;height: 1px;background: #e8e8e8;}
.indfa-cont .title::after{width: 32px;height: 3px;background: #0c419c;}
.indfa-cont .title span{position: absolute;right: 0;top: 0;color: #f3f3f3;}
.indfa-cont .text{width: 100%;}
.indfa-cont .link a{width: 140px;height: 40px;border-radius: 5px;background: #0c419c;color: #fff;line-height: 1;transition: all .4s ease;}
.indfa-cont .link a:hover{background: #196de0;}

.indgs{background: #fff;}
.indgs-bg{position: absolute;width: 100%;height: 100%;object-fit: cover;top: 0;left: 0;}
.indgs .contain{position: relative;z-index: 4;}
.indgs-hint{width: 100%;justify-content: center;}
.indgs-hint span{position: relative;line-height: 1.1;}
.indgs-hint span:not(:first-child){margin-left: 23px;}
.indgs-hint span:not(:first-child)::before{content: "";position: absolute;width: 1px;height: 16px;top: 50%;margin-top: -7px;left: -12px;background: #fff;}
.indgs-info{width: 100%;max-width: 1120px;margin-left: auto;margin-right: auto;}
.indgs-info .link a{width: 160px;height: 48px;border-radius: 5px;border: 2px solid #fff;line-height: 1;margin: 0 auto;transition: all .4s ease;}
.indgs-info .link a:hover{background: #fff;color: #196de0;box-shadow: 0 4px 16px 0 rgba(255, 255, 255, 0.4);}
.indgs-number{width: 100%;margin-top: 210px;}
.indgs-number ul{justify-content: center;}
.indgs-number li{width: auto;padding: 0 84px;text-align: center;position: relative;}
.indgs-number li:first-child{padding-left: 0;}
.indgs-number li:last-child{padding-right: 0;}
.indgs-number li .num{line-height: 1;}
.indgs-number li .num span{margin-right: 4px;}
.indgs-number li .text{line-height: 1.1;}
.indgs-number li::before{content: "";position: absolute;width: 1px;height: 100%;top: 0;left: 0;background: rgba(255,255,255,0.1);}
.indgs-number li:first-child:before{display: none;}

.indxw{background: #fff;}
.indxw-loop{width: 100%;}
.indxw-loop .swiper-container{padding: 54px 0 58px;}
.indxw-link{display: block;width: 100%;transition: all .4s ease;}
.indxw-link .image{width: 100%;overflow: hidden;}
.indxw-link .image img{width: 100%;transition: all .6s ease;}
.indxw-link .cont{width: 100%;padding: 32px 30px;border: 1px solid #eee;border-top: none;}
.indxw-link .title{transition: all .4s ease;}
.indxw-link .time{padding-left: 20px;background: url('../images/index/indxwic.png') no-repeat left center;transition: all .4s ease;}
.indxw-link:hover .image img{transform: scale(1.06);}
.indxw-link:hover .title{color: #196de0;}
.indxw-link:hover{box-shadow: 0px 18px 37px 0 rgba(14, 55, 116, 0.16);background: #fff;}
.indxw-link:hover .time{background-image: url('../images/index/indxwicH.png');}

.indkh{background: #f5f5f5;}
.indkh-loop{width: 100%;}
.indkh-loop .swiper-container{padding: 54px 0 58px;}
.indkh-list{width: 100%;}
.indkh-ul{margin: -6px 0 0 -6px;}
.indkh-items{width: calc(20% - 6px);margin: 6px 0 0 6px;border-radius: 5px;background: #fff;display: flex;align-items: center;justify-content: center;padding: 12px;height: 174px;transition: all .4s ease;position: relative;}
.indkh-items img{max-height: 100%;transition: all .4s ease;}
.indkh-items:hover{box-shadow: 0px 11px 36px 0 rgba(14, 55, 116, 0.28);z-index: 2;}
.indkh-items:hover img{transform: translateY(-4px);}


/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
    .indgs-number li {padding: 0 74px;}
    .indgs-number {margin-top: 150px;}
}

@media all and (max-width:1599px) {
    /* 1440 × (700)  */
    .banner .swiper-pagination {bottom: 50px !important;}
    .indwl-loop .thumbs-click{height: 150px;}
    .indwl-image img{min-height: 350px;}
    .indwl-cont-info .text{margin-top: 16px;}
    .indwl-cont-info .link{margin-top: 30px;}
    .indfa-image {width: 580px;}
    .indfa-cont {padding-right: 40px;}
    .indfa-cont .title {padding: 0 90px 20px 0;}
    .indfa-cont .text{margin-top: 20px;line-height: 30px;}
    .indfa-cont .link{margin-top: 30px;}
    .indfa-cont .link a{width: 120px;}
    .indgs-info .link a, .indwl-cont-info .link a{width: 140px;height: 44px;}
    .indgs-number li {padding: 0 60px;}
    .indgs-number {margin-top: 100px;}
    .indkh-items{height: 144px;}
    .indwl-loop .thumbs .swiper-container{padding: 54px 0 50px;}
    .indcp-loop .swiper-container, .indxw-loop .swiper-container, .indkh-loop .swiper-container{padding: 44px 0 50px;}
}

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

@media all and (max-width:1359px) {
    /* 1280 */
}

@media all and (max-width:1279px) {
    /* 1152 × (700) */
    .indwl-loop .thumbs-click {height: 124px;}
    .indSwiper.swiper-pagination .swiper-pagination-bullet-active{width: 32px;}
    .indwl-cont-info {padding-left: 60px;}
    .indfa-image{width: 100%;}
    .indfa-cont{width: 100%;flex: none;padding: 0;margin-top: 40px;}
    .indgs-number li {padding: 0 34px;}
    .indgs-number li .text{margin-top: 12px;}
    .indgs-number {margin-top: 80px;}
    .indxw-link .cont {padding: 24px 20px;}
    .indkh-items {height: 112px;}
    .banner .contain {padding: 0 68px;}
    .indwl-loop .thumbs .swiper-container{padding: 44px 0 44px;}
    .indcp-loop .swiper-container, .indxw-loop .swiper-container, .indkh-loop .swiper-container{padding: 40px 0 44px;}
}

@media all and (max-width:1151px) {
    /* 1024 */
    .banner-image img.pc {height: 50vh;}
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .indgs-number li {padding: 0 14px;}
    .indgs-number {margin-top: 60px;}
    .banner .contain {padding: 0 4%;}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .banner .swiper-pagination {bottom: 28px !important;}
    .indSwiper.swiper-pagination .swiper-pagination-bullet-active {width: 28px;}
    .banner-cont .text {color: rgba(255,255,255,0.6);font-size: 18px;}
    .banner-cont .title{font-size: 24px;}
    .banner-cont{text-align: center;}
    @keyframes bannerRun{0%{opacity: 0;transform: translateY(80px);filter: blur(6px);}100%{opacity: 1;transform: translateY(0);filter: blur(0);}}
    .indwl-loop .thumbs-click {height: 60px;padding: 8px;border-radius: 3px;}
    .indwl-image{width: 100%;}
    .indwl-image img{min-height: auto;}
    .indwl-cont{width: 100%;}
    .indwl-cont-box{position: relative;}
    .indwl-cont-info{width: 100%;padding: 24px 0;}
    .indwl-cont-info .text {margin-top: 8px;}
    .indgs-info .link a, .indwl-cont-info .link a {width: 120px;height: 40px;}
    .indwl-cont-info .link {margin-top: 24px;}
    .indTitle .text{line-height: 22px;margin: 8px auto 0;max-width: 320px;}
    .indcp-link {padding: 18px 20px 20px;}
    .indcp-link .image {height: 150px;}
    .indcp-link .image img {transform: translateY(0);}
    .indcp-link .cont {transform: translateY(0);}
    .indfa-loop .thumbs .thumbs-click .image {height: 54px;}
    .indfa-loop .thumbs .thumbs-click {height: 110px;}
    .indfa-loop .gallery{margin-top: 28px;}
    .indfa-cont .title {padding: 0 50px 16px 0;}
    .indfa-cont .title p{font-size: 18px;}
    .indfa-cont {margin-top: 20px;}
    .indfa-cont .text {margin-top: 12px;line-height: 24px;}
    .indfa-cont .link {margin-top: 20px;}
    .indgs-hint span:not(:first-child) {margin-left: 17px;}
    .indgs-hint span:not(:first-child)::before {width: 1px;height: 14px;margin-top: -6px;left: -8px;}
    .indgs-number {margin-top: 16px;}
    .indgs-number ul{justify-content: flex-start;}
    .indgs-number li{width: 33.3333%;text-align: left;padding: 0;margin-top: 16px;}
    .indgs-number li::before{display: none;}
    .indgs-number li .num{font-size: 16px;}
    .indgs-number li .num span{font-size: 24px;margin-right: 2px;}
    .indgs-number li .text {margin-top: 4px;font-size: 14px;}
    .indxw-link .cont {padding: 20px 15px;}
    .indkh-items{width: calc(50% - 6px);height: 68px;}
    .indgs-info .text{line-height: 24px;}
    .indwl-loop .thumbs .swiper-container{padding: 24px 0 30px;}
    .indcp-loop .swiper-container, .indxw-loop .swiper-container, .indkh-loop .swiper-container{padding: 24px 0 30px;}
    .indwl-loop .thumbs-click {box-shadow: 0px 0px 8px 0 rgba(14, 55, 116, 0.12);}
    .indwl-loop .thumbs-click:hover, .indwl-loop .thumbs-click.active {box-shadow: 0 0 8px 0 rgba(14, 55, 116, 0.3);}
    .indwl-loop .thumbs-click::after{height: 2px;}
    .indxw-link:hover{box-shadow: 0px 8px 16px 0 rgba(14, 55, 116, 0.12);}
    .indkh-items:hover {box-shadow: 0px 8px 16px 0 rgba(14, 55, 116, 0.12);}
}