@charset "utf-8";
/* ===================首页样式========================== */
.banner{width: 100%;overflow: hidden;position: relative;}
.banner-image{width: 100%;}
.banner-image img{width: 100%;}
.banner-image img.pc{min-height: 500px;}
.banner-image img.mb{min-height: 400px;}
.banner-cont{position: absolute;z-index: 2;width: 100%;height: 100%;top: 0;left: 0;color: #fff;text-align: left;}
.banner-cont .contain{padding-left: 50px;}
.banner-cont .title{line-height: 1.14;}
.banner-cont .text{line-height: 1.14;opacity: 0.5;}
/* -- */
.banner-cont .title, .banner-cont .text{opacity: 0;}
.swiper-slide-active .banner-cont .title{animation: bannerRun 1.2s ease both .9s;}
.swiper-slide-active .banner-cont .text{animation: bannerRun 1.2s ease both 1s;}
.oneSlide .banner-cont .title{animation: bannerRun 1.2s ease both .4s;}
.oneSlide .banner-cont .text{animation: bannerRun 1.2s ease both .5s;}
@keyframes bannerRun{0%{opacity: 0;transform: translateX(240px);filter: blur(4px);}100%{opacity: 1;transform: translateX(0);filter: blur(0);}}
/* -- */
.banner-prev, .banner-next{position: absolute;z-index: 4;cursor: pointer;transition: all .4s ease;overflow: hidden;width: 56px;height: 56px;top: 50%;margin-top: -28px;border-radius: 50%;display: flex;align-items: center;justify-content: center;background: transparent;color: #fff;transition: all .4s ease;}
.banner-prev i, .banner-next i{font-size: 20px;}
.banner-prev{left: 68px;transform: translate3d(0,0,10px);}
.banner-next{right: 68px;transform: rotate(180deg);}
.banner-prev:hover, .banner-next:hover{background: #014e95;}
/* -- */
.banner .swiper-pagination{bottom: 40px;}
.banner .swiper-pagination-bullet{width: 58px;height: 2px;background: rgba(255, 255, 255, .5);opacity: 1;margin: 0 15px !important;position: relative;border-radius: 0;}
.banner .swiper-pagination-bullet:before{content: "";width: 0;height: 100%;background: #fff;position: absolute;top: 0;left: 0;}
.banner .swiper-pagination-bullet-active.swiper-pagination-bullet:before{animation: bulletLine 4s linear both .8s;}
.banner .swiper-pagination-bullet-active.oneBullet:before{animation: bulletLine 3.8s linear both 0s;}
@keyframes bulletLine{0%{width: 0;}100%{width: 100%;}}

.indyw{background: #fff;}
.indyw-head{width: 100%;align-items: flex-start;justify-content: space-between;}
.indyw-cont{max-width: 930px;}
.indyw-cont .title{line-height: 1.14;}
.indyw-btn{width: auto;user-select: none;}
.indyw-btn>div{width: 110px;opacity: 0.14;transition: all .4s ease;margin-left: 60px;cursor: pointer;}
.indyw-btn>div img{width: 100%;}
.indyw-btn>div:first-child{margin-left: 0;transform: rotate(180deg);}
.indyw-btn>div:hover{opacity: 1;}
.indyw-loop{width: 100%;}
.indyw-loop .swiper-container{overflow: visible;}
.indyw-link{display: block;width: 100%;}
.indyw-link-img{width: 100%;position: relative;overflow: hidden;z-index: 4;transform: translateY(90px);transition: all .6s ease;}
.indyw-link-img img{width: 100%;height: 350px;transition: all .6s ease;}
.indyw-link-img .hint{position: absolute;width: 100%;text-transform: uppercase;left: 0;bottom: 0;line-height: 1.14;max-width: 80%;padding: 30px 36px;transform: translate3d(0,0,10px);}
.indyw-link-cont{width: 100%;position: relative;z-index: 1;height: 90px;display: flex;flex-direction: column;justify-content: flex-end;padding: 0 50px;transform: translateY(-60px);transition: all .6s ease;opacity: 0;}
.indyw-link-cont .title{line-height: 1.14;}
.indyw-link-cont .text{line-height: 1.14;}
.indyw-link:hover .indyw-link-img{transform: translateY(0);}
.indyw-link:hover .indyw-link-cont{transform: translateY(0);opacity: 1;}
.indyw-link:hover .indyw-link-img img{transform: scale(1.04);}

.indwl{width: 100%;background-attachment: fixed;}
.indwl-contain{max-width: 1080px;margin: 0 auto;position: relative;z-index: 4;}
.indwl-title{width: 100%;text-align: center;line-height: 1.14;}
.indwl-number{width: 100%;}
.indwl-number ul{justify-content: space-between;text-align: center;}
.indwl-number li{flex: 1;}
.indwl-number li .icon{width: 100%;height: 55px;display: flex;justify-content: center;align-items: flex-end;}
.indwl-number li .icon img{max-height: 100%;}
.indwl-number li .num{line-height: 1.14;}
.indwl-number li .num span{line-height: inherit;margin-right: 6px;}
.indwl-number li .text{width: 100%;}
.indwl-more{width: 100%;justify-content: center;}
.indwl-more a{width: 142px;height: 48px;border-radius: 24px;background: #014e95;transition: all .4s ease;}
.indwl-more a span{line-height: 24px;}
.indwl-more a i{font-size: 14px;line-height: 24px;margin-left: 10px;transition: all .4s ease;transform: rotate(180deg);}
.indwl-more a:hover{box-shadow: 0 4px 16px 0 rgba(1, 78, 149, .2);}
.indwl-more a:hover i{transform: rotate(180deg) translateX(-4px);}
.indwl-clouds{background:url("../images/index/cloud_one.png");position:absolute;left:0;top:0;height:300%;width:100%;animation:cloudRun 50s linear infinite;transform:translate3d(0,0,0);opacity:1}
@keyframes cloudRun{0%{top:0}100%{top:-200%}}

.indal{background: #fff;}
.indal-head{width: 100%;justify-content: space-between;align-items: flex-end;}
.indal-head .title{line-height: 1.14;}
.indal-head-menu{width: auto;}
.indal-head-menu a{display: flex;padding-bottom: 16px;position: relative;color: #4b4a48;transition: all .4s ease;margin-left: 36px;line-height: 1.14;}
.indal-head-menu a:first-child{margin-left: 0;}
.indal-head-menu a::before{content: "";position: absolute;width: 100%;height: 2px;background: #014e95;left: 0;bottom: 0;opacity: 0;transition: all .4s ease;}
.indal-head-menu a.active::before{opacity: 1;}
.indal-head-menu a:hover, .indal-head-menu a.active{color: #014e95;}
.indal-mix{width: 100%;}
.swiperLoop>div{width: 100%;height: 0;overflow: hidden;opacity: 0;visibility: hidden;pointer-events: none;position: relative;transform: scale(0.88);}
.swiperLoop>div.active{visibility: visible;pointer-events: auto;height: auto;animation: indalShow 1s ease both;}
@keyframes indalShow {0%{opacity: 0;transform: scale(0.88);}100%{opacity: 1;transform: scale(1);}}
.indal-mix .swiper-pagination{display: none;}
.indal-main{width: calc(50% - 46px);float: left;}
.indal-other{width: 50%;float: right;}
.indal-link{display: block;width: 100%;}
.indal-link .image{width: 100%;overflow: hidden;}
.indal-link .image img{width: 100%;transition: all .6s ease;height: 228px;}
.indal-main .indal-link .image img{height: 456px;}
.indal-link .cont{width: 100%;}
.indal-link .cont .time{line-height: 1.14;color: #999;transition: all .4s ease;}
.indal-link .cont .title{color: #4b4a48;transition: all .4s ease;}
.indal-link .cont .more{line-height: 1.14;color: #666;transition: all .4s ease;}
.indal-link .cont .more span{position: relative;padding-bottom: 8px;}
.indal-link .cont .more span::after{content: "";position: absolute;width: 100%;height: 2px;left: 0;bottom: 0;background: #ebebeb;transition: all .4s ease;}
.indal-link:hover .image img{transform: scale(1.04);}
.indal-link:hover .cont .time{color: #014e95;}
.indal-link:hover .cont .title{color: #014e95;}
.indal-link:hover .cont .more{color: #014e95;}
.indal-link:hover .cont .more span::after{background: #014e95;}
.indal-main .indal-link .image, .indal-main .indal-link .cont{opacity: 0;transform-origin: center;transform: scale(0.88);}
.indal-main.active .indal-link .image{animation: indalRun 1s ease both;}
.indal-main.active .indal-link .cont{animation: indalRun 1s ease both;}
@keyframes indalRun {0%{opacity: 0;transform: scale(0.88);}100%{opacity: 1;transform: scale(1);}}
.indal-btn{width: auto;display: flex;position: absolute;right: 0;bottom: 0;z-index: 99;user-select: none;}
.indal-btn>div{width: 110px;opacity: 0.14;transition: all .4s ease;margin-left: 60px;cursor: pointer;}
.indal-btn>div img{width: 100%;}
.indal-btn>div:first-child{margin-left: 0;transform: rotate(180deg);}
.indal-btn>div:hover{opacity: 1;}

.indgx{width: 100%;}
.indgx-list{width: 650px;}
.indgx-list-ul{margin: -48px 0 0 -48px;}
.indgx-list-link{display: block;width: calc(50% - 48px);margin: 48px 0 0 48px;color: #fff;text-align: center;}
.indgx-list-link .image{width: 100%;overflow: hidden;}
.indgx-list-link .image img{width: 100%;transition: all .6s ease;}
.indgx-list-link:hover .image img{transform: scale(1.06);}
.indgx-cont{width: calc(100% - 650px);padding-right: 112px;}
.indgx-cont-title{width: 100%;line-height: 1.14;font-family: "微软雅黑", "Microsoft Yahei", "\5FAE\8F6F\96C5\9ED1";color: #fff;font-weight: 700;border-bottom: 2px solid rgba(255, 255, 255, .1);}
.indgx-cont-title span{line-height: inherit;position: relative;padding-bottom: 18px;}
.indgx-cont-title span::after{content: "";width: 100%;height: 2px;background: #fff;left: 0;bottom: -2px;position: absolute;}
.indgx-cont-gu{width: 100%;align-items: center;justify-content: space-between;padding: 20px 0 28px;border-bottom: 1px dashed rgba(255, 255, 255, .1);}
.indgx-cont-gu-more{width: auto;display: flex;}
.indgx-cont-gu-more a{display: flex;align-items: center;color: #fff;position: relative;}
.indgx-cont-gu-more a i{font-size: inherit;margin-left: 8px;transform: rotate(180deg);}
.indgx-cont-gu-more a::after{content: "";position: absolute;width: 0;height: 1px;background: #fff;right: 0;transition: all .4s ease;bottom: 0;}
.indgx-cont-gu-more a:hover::after{width: 100%;left: 0;right: auto;}
.indgx-cont-gu-info{width: auto;align-items: center;color: #fff;}
.indgx-cont-gu-info .num{line-height: 1.14;display: flex;align-items: baseline;}
.indgx-cont-gu-info .num i{width: 15px;height: 13px;margin-left: 10px;background-repeat: no-repeat;background-position: center;background-size: auto 100%;}
.indgx-cont-gu-info .num.red i{background-image: url('../images/index/indgxT.png');}
.indgx-cont-gu-info .num.green i{background-image: url('../images/index/indgxB.png');}
.indgx-cont-gu-info .text{margin: 4px 0 0 32px;}
.indgx-cont-gu-info .text p{line-height: 1.4;}
.indgx-cont-list{width: 100%;padding: 20px 0 30px;}
.indgx-cont-list ul{width: 100%;height: 400px;overflow-y: auto;padding-right: 10px;}
.indgx-cont-list ul::-webkit-scrollbar {width: 2px;}
.indgx-cont-list ul::-webkit-scrollbar-thumb {background: #efefef;}
.indgx-cont-list ul::-webkit-scrollbar-track {background: #3471a9;}
.indgx-cont-list ul{scrollbar-color:#efefef #3471a9;scrollbar-width:thin;}
.indgx-cont-list ul{scrollbar-face-color: #efefef;scrollbar-shadow-color: #efefef;scrollbar-arrow-color: #000;scrollbar-track-color: #3471a9;}
.indgx-cont-list a{display: flex;align-items: center;width: 100%;position: relative;color: #fff;/* height: 30px; */transition: all .4s ease;}
.indgx-cont-list a span{width: 118px;}
.indgx-cont-list a p{/* flex: 1; *//* overflow:hidden; *//* white-space:nowrap; *//* text-overflow:ellipsis; */}
.indgx-cont-list a:hover{opacity: 0.7;}
.indgx-cont-more{width: 100%;}
.indgx-cont-more a{align-items: center;color: #fff;}
.indgx-cont-more a b{font-weight: normal;width: 54px;color: #fff;height: 54px;border-radius: 50%;border: 2px solid #3471a9;margin-left: 10px;display: flex;align-items: center;justify-content: center;transform: rotate(180deg);overflow: hidden;transition: all .4s ease;}
.indgx-cont-more a b i{font-size: inherit;}
.indgx-cont-more a:hover b{background: #fff;color: #014e95;}
.indgx-cont-more a:hover b i{animation: indgxRun .6s ease both;}
@keyframes indgxRun {0%{transform: translateX(0);opacity: 1;}49.99%{transform: translateX(-34px);opacity: 1;}50%{transform: translateX(-34px);opacity: 0;}50.11%{transform: translateX(34px);opacity: 0;}51%{transform: translateX(34px);opacity: 1;}100%{transform: translateX(0);opacity: 1;}}




/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
    .banner-prev{left: 28px;}
    .banner-next{right: 28px;}
}

@media all and (max-width:1590px) {
    /* 1440 × (700)  */
    .banner-cont .contain {padding-left: 30px;}
    .indyw-cont {max-width: 800px;}
    .indyw-btn>div {margin-left: 40px;}
    .indyw-link-img img{height: 300px;}
    .indgx-list {width: 580px;}
    .indgx-cont {width: calc(100% - 580px);padding-right: 80px;}
    .indgx-list-ul {margin: -32px 0 0 -32px;}
    .indgx-list-link {width: calc(50% - 32px);margin: 32px 0 0 32px;}
    .indyw-link-img {transform: translateY(80px);}
    .indyw-link-img .hint {padding: 24px 36px;}
    .indyw-link-cont {padding: 0 36px;height: 80px;transform: translateY(-50px);}
    .banner .swiper-pagination {bottom: 36px;}
    .indal-main {width: calc(50% - 32px);}
    .indal-link .image img{height: 182px;}
    .indal-main .indal-link .image img{height: 362px;}
    .indal-btn>div {margin-left: 40px;}
}

@media all and (max-width:1430px) {
    /* 1360 */
    .banner-prev{left: 18px;}
    .banner-next{right: 18px;}
}

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

@media all and (max-width:1270px) {
    /* 1152 × (700) */
    .banner-prev, .banner-next{display: none;}
    .banner-cont .contain {padding-left: 0;}
    .indyw-btn>div {width: 90px;margin-left: 30px;}
    .indyw-cont {max-width: 668px;}
    .indyw-link-img img {height: 240px;}
    .indyw-link-img {transform: translateY(68px);}
    .indyw-link-img .hint {max-width: 100%;padding: 20px 28px;}
    .indyw-link-cont {height: 68px;padding: 0 28px;transform: translateY(-40px);}
    .indwl-contain{max-width: 92%;}
    .indgx-list {width: 500px;}
    .indgx-cont {width: calc(100% - 500px);padding-right: 50px;}
    .indgx-list-ul {margin: -20px 0 0 -20px;}
    .indgx-list-link {width: calc(50% - 20px);margin: 20px 0 0 20px;}
    .banner .swiper-pagination {bottom: 30px;}
    .indal-main {width: calc(50% - 20px);}
    .indal-btn>div {width: 90px;margin-left: 30px;}
    .indal-link .image img{height: 148px;}
    .indal-main .indal-link .image img{height: 292px;}
    .indal-head-menu a {margin-left: 18px;}
}

/* ------------------------平板端-------------------------- */
@media all and (max-width:1100px) {
    /* 1024 横屏 */
}

@media all and (max-width:1000px) {
    /* 720 竖屏 */
    .indyw-cont {max-width: 460px;}
    .indyw-btn>div {width: 70px;margin-left: 20px;}
    .indyw-head{align-items: flex-end;}
    .indyw-link-img img {height: 200px;}
    .indyw-link-img {transform: translateY(0);}
    .indyw-link-img .hint {max-width: 100%;padding: 20px 18px;font-size: 22px;}
    .indyw-link-cont {height: 68px;padding: 0 18px;transform: translateY(0);opacity: 1;}
    .indyw-loop{margin-top: 30px;}
    .indgx-list {width: 100%;margin-top: 32px;}
    .indgx-cont {width: 100%;padding-right: 0;}
    .indal-main{display: none;}
    .indal-other{width: 100%;}
    .indal-link .image img{height: 222px;}
    .indal-btn{display: none;}
    .indal-mix .swiper-pagination{display: block;position: relative;bottom: 0;margin-top: 32px;font-size: 0;}
    .indal-mix .swiper-pagination-bullet {width: 8px;height: 8px;background: #ebebeb;opacity: 1;margin: 0 6px;}
    .indal-mix .swiper-pagination-bullet-active {background: #014e95;}
}

/* ------------------------手机端-------------------------- */
@media all and (max-width:680px) {
     /* 移动终端 360 适配 */
    .banner-cont{text-align: center;}
    @keyframes bannerRun{0%{opacity: 0;transform: translateY(60px);filter: blur(4px);}100%{opacity: 1;transform: translateY(0);filter: blur(0);}}
    .oneSlide .banner-cont .title{font-size: 24px;}
    .oneSlide .banner-cont .text{font-size: 16px;}
    .banner .swiper-pagination-bullet {width: 32px;margin: 0 6px !important;}
    .banner .swiper-pagination {bottom: 20px;}
    .indyw-cont{max-width: none;width: 100%;}
    .indyw-btn{display: none;}
    .indyw-loop {margin-top: 20px;}
    .indyw-link-img img{height: 180px;}
    .indyw-link-img .hint {padding: 16px 16px;font-size: 20px;}
    .indyw-link-cont {height: 60px;padding: 0 16px;}
    .indwl-title{font-size: 20px;}
    .indwl-number li {flex: none;width: 50%;padding: 0 16px;margin-top: 20px;}
    .indwl-number ul{margin-top: -20px;}
    .indwl-more a {width: 140px;height: 42px;border-radius: 21px;}
    .indal-head-menu{width: 100%;margin-top: 12px;}
    .indal-head-menu a {padding-bottom: 8px;margin-left: 6px;}
    .indgx-cont-gu-info .text {margin: 4px 0 0 20px;}
    .indgx-cont-title span {padding-bottom: 14px;}
    .indgx-cont-gu {padding: 10px 0 14px;}
    .indgx-cont-list a {/* height: 24px; */}
    .indgx-cont-list a span {width: 100px;}
    .indgx-cont-list {padding: 10px 0 16px;}
    .indgx-cont-list ul{/* height: 72px; */}
    .indgx-cont-more a b {width: 40px;height: 40px;margin-left: 6px;}
    .indgx-list {margin-top: 20px;}
    .indgx-list-ul {margin: -12px 0 0 -12px;}
    .indgx-list-link {width: calc(50% - 12px);margin: 12px 0 0 12px;}
    .indgx-cont-gu-info .num i {width: 12px;height: 9px;margin-left: 6px;}
    .indgx-cont-gu-info .text p{font-size: 14px !important;}
    .indgx-cont-title{font-size: 20px;}
    .indal-link .image img{height: 210px;}
    .indal-mix .swiper-pagination {margin-top: 18px;}
    .indgx-list-link .image{height: 208px;}
}