@charset "utf-8";
/* ===================首页样式========================== */
.fp-section {position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.fp-section.fp-table, .fp-slide.fp-table {display: table;table-layout: fixed;width: 100%;}
.fp-tableCell {display: table-cell;vertical-align: middle;width: 100%;height: auto;transform: translate3d(0,0,0);-webkit-font-smoothing: antialiased}
.fp-auto-height.fp-section, .fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell {height: auto !important;}
/* -- */
#locationMenu{position: fixed;height: 100%;display: flex;flex-direction: column;justify-content: center;z-index: 99;top: 0;left: 60px;pointer-events: none;}
#locationMenu li{display: flex;align-items: center;user-select: none;}
#locationMenu li:not(:first-child){margin-top: 15px;}
#locationMenu li i{width: 14px;height: 14px;pointer-events: auto;border-radius: 50%;border: 1px solid #4b4b4b;cursor: pointer;transition: all .4s ease;}
#locationMenu li span{opacity: 0;transition: all .4s ease;margin-left: 16px;display: flex;align-items: center;height: 24px;background: #1153A4;padding: 0 8px;border-radius: 12px;font-size: 13px;font-weight: 500;color: #fff;line-height: 24px;}
#locationMenu li:hover i{border-color: #1153A4;}
#locationMenu li.active i{border-color: #1153A4;background: #1153A4;}
#locationMenu li:hover span{opacity: 1;}
.banner{background: #407fa8;}
.banner-image{width: 100%;position: relative;}
/* .banner-image::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .1);} */
.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;padding-top: 70px;}
.banner-cont .title{line-height: 1.1;}
.banner-cont .text{line-height: 1.2;font-family:'ML';}
/* -- */
.banner-cont .title, .banner-cont .text{opacity: 0;}
.swiper-slide-active .banner-cont .title{animation: bannerRunL 1s ease both 1s;}
.swiper-slide-active .banner-cont .text{animation: bannerRunR 1s ease both 1s;}
.oneSlide .banner-cont .title{animation: bannerRunL 1s ease both .4s;}
.oneSlide .banner-cont .text{animation: bannerRunR 1s ease both .4s;}
@keyframes bannerRunL{0%{opacity: 0;transform: translateX(240px);filter: blur(4px);}100%{opacity: 1;transform: translateX(0);filter: blur(0);}}
@keyframes bannerRunR{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;}
/* -- */
.banner-control{position: absolute;z-index: 9;left: 0;width: 50%;bottom: 0;background: #1153A4;height: 90px;display: flex;align-items: center;justify-content: center;}
.banner-control .swiper-pagination{bottom: 0;font-size: 0;position: relative;}
.banner-control .swiper-pagination-bullet{width: 20px;height: 20px;transform: scale(0.3);border: 3px solid #fff;opacity: 0.5;background: #fff;transition: transform .4s ease, opacity .4s ease;}
.banner-control .swiper-pagination-bullet:not(:first-child){margin-left: 38px;}
.banner-control .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;transform: scale(1);background: transparent;}
.banner-control-num{position: absolute;right: 54px;font-family: "MB";line-height: 1;height: 28px;top: 50%;margin-top: -12px;color: rgba(255, 255, 255, 0.5);}
.banner-control-num b{color: #7fc974;}
/* -- */
.banner-hint{position: absolute;z-index: 9;right: 128px;bottom: 60px;text-align: center;}
.banner-hint span{writing-mode: vertical-lr;writing-mode: tb-lr;white-space: nowrap;letter-spacing: 4px;width: 28px;display: block;}
.banner-hint i{width: 11px;height: 31px;animation: bannerHintRun 2s infinite linear;background: url('../images/index/bannerIc.png') no-repeat center;margin: 20px auto 0;display: block;}
@keyframes bannerHintRun {0% {opacity: 0;transform: translateY(-20px);}25% {opacity: 1;transform: translateY(0px);}75% {opacity: 1;transform: translateY(5px);}100% {opacity: 0;transform: translateY(20px);}}
.indxw{background: linear-gradient(to left bottom,#e3edf0,#ccd8e0);}
.indxw-head{width: 100%;}
.indxw-head .contain{justify-content: space-between;}
.indxw-btn>div{width: 62px;height: 62px;line-height: 62px;cursor: pointer;text-align: center;border: 1px solid #8d949a;font-size: 26px;color: #0e1e2e;font-weight: 700;transition: all .4s ease;}
.indxw-btn>div.prev{border-right: none;}
.indxw-btn>div:hover{border-color: #1153A4;background: #1153A4;color: #fff;}
.indxw-loop{width: 100%;display: flex;justify-content: flex-end;}
.indxw-loop-limit{width: calc(50% + 720px);}
.indxw-loop-run{width: 100%;overflow: hidden;}
.indxw-loop .contain{margin: 0;}
.indxw-loop .swiper-container{overflow: visible;}
.indxw-link{display: block;width: 100%;position: relative;height: 500px;padding: 50px 35px 50px;background: #fff;border-right: 1px solid #e5eff5;}
.indxw-link::before{z-index: 2;opacity: 0;transition: all .4s ease; content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .3);}
/* .indxw-link::before{content: "";position: absolute;width: 1px;height: 100%;top: 0;right: 0;background: #e5eff5;z-index: 2;} */
.indxw-link-bg{ position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.indxw-link::after{content: "";position: absolute;width: 100%;height: 100%;top: 0;right: 0;background: #fff url('../images/index/indNews-logo.png') no-repeat top 250px right/100% auto;transition: all .6s ease;}
.indxw-link-mix{position: relative;z-index: 4;display: flex;flex-direction: column;width: 100%;height: 100%;}
.indxw-link-cont{width: 100%;}
.indxw-link-cont .hint{width: 100%;transition: all .4s ease;color: #1153A4;line-height: 1.1;}
.indxw-link-cont .title{width: 100%;transition: all .4s ease;color: #34404d;}
.indxw-link-cont .time{width: 100%;transition: all .4s ease;color: #75787a;font-family: "MB";line-height: 1;}
.indxw-link-link{width: 100%;color: #4c5054;transition: all .4s ease;}
.indxw-loop-run .swiper-slide.active .indxw-link::after{opacity: 0;}
.indxw-loop-run .swiper-slide.active .indxw-link::before{opacity: 1;}
.indxw-loop-run .swiper-slide.active .indxw-link .indxw-link-cont .hint,
.indxw-loop-run .swiper-slide.active .indxw-link .indxw-link-cont .title,
.indxw-loop-run .swiper-slide.active .indxw-link .indxw-link-cont .time,
.indxw-loop-run .swiper-slide.active .indxw-link .indxw-link-link{color: #fff;}
.indjt{background: #fff;}
.indjt-mix{width: 100%;align-items: flex-start;justify-content: space-between;}
.indjt-info{width: 60%;padding-right: 60px;}
.indjt-info-more{width: 100%;}
.indjt-info-more .text{hyphens: auto;-ms-hyphens: auto;-moz-hyphens: auto;text-align: justify;text-justify: inter-word;}
.indjt-info-more .video{width: 300px;position: relative;}
.indjt-intr img{width: 100%;object-fit: cover;}
.indjt-intr i{width: 44px;height: 44px;position: absolute;left: 50%;top: 50%;margin: -22px 0 0 -22px;cursor: pointer;z-index: 4;background: url('../images/index/indjtIc.png') no-repeat center/100% auto;transition: all .4s ease;}
.indjt-intr i:hover{transform: rotate(90deg);}
.indjt-intr .video{position: relative;}
.indjt-intr{width: 30%;}
.indjt-intr-image{width: 100%;overflow: hidden;position: relative;}
.indjt-intr-image img{width: 100%;}
.indjt-intr-image::before{content: "";position: absolute;width: 0;height: 100%;left: 0;top: 0;background: #fff;}
.indjt-intr-number{width: 100%;}
.indjt-intr-number ul{justify-content: space-between;}
.indjt-intr-number li{width: auto;}
.indjt-intr-number li .num{line-height: 1;}
.indjt-intr-number li .num span{color: #1153A4;font-family: "MB";margin-right: 10px;}
.indjt-intr-number li .text{color: #5f5c5a;}
.indjg{background-repeat: no-repeat;background-size: cover;background-position: center;}
.indjg .contain {width: 100%;padding-left: calc(50% - 700px);margin: 0;align-items: flex-start;}
.indjg-info{width: calc(100% - 1000px);position: relative;z-index: 4;padding-right: 90px;}
.indjg-cont{width: 100%;}
.indjg-cont .items{width: 100%;display: none;}
.indjg-cont .items.active{display: block;}
.indjg-cont .items .text{height: 150px;overflow: auto;padding-right: 20px;position: relative;}
.indjg-cont .items .text::-webkit-scrollbar {width: 3px;}
.indjg-cont .items .text::-webkit-scrollbar-thumb {background: #1153A4;}
.indjg-cont .items .text::-webkit-scrollbar-track {background: #f5f5f5;}

.indjg-cont .address{padding-left: 38px;background: url('../images/index/indjgIc.png') no-repeat left top 1px/19px auto;max-width: 364px;}
.indjg-cont .address:nth-child(2){background-image: url('../images/index/indjgIc2.png');}
.indjg-menu{width: 952px;background: #fff;position: relative;user-select: none;box-shadow: 0.572px 2.945px 5px 0px rgba(0, 0, 0, 0.09);}
.indjg-menu li{flex: 1;position: relative;height: 132px;align-items: center;justify-content: center;cursor: pointer;transition: all .4s ease;}
.indjg-menu li b, .indjg-menu li span{position: relative;z-index: 4;transition: all .4s ease;}
.indjg-menu li b{line-height: 1;font-family: "MB";color: #1153A4;}
.indjg-menu li span{font-weight: 700;color: #444;margin-left: 26px;}
.indjg-menu li:not(:first-child)::before{content: "";position: absolute;width: 1px;height: 100%;top: 0;left: 0;background: #f5f5f5;}
.indjg-menu li:hover b, .indjg-menu li:hover span{color: #1153A4;}
.indjg-menu li.active{background: #1153A4;}
.indjg-menu li.active b, .indjg-menu li.active span{color: #fff;}
.indjg-loop{width: 1000px;overflow: hidden;}
.indjg-loop a{display: block;width: 100%;overflow: hidden;}
.indjg-loop img{width: 100%;object-fit: cover;}
.indhz{width: 100%;position: relative;}
.indhz-loop{width: 100%;}
.indhz-link{width: 100%;display: flex;align-items: center;justify-content: center;height: 130px;padding: 10px;}
.indhz-link img{max-height: 100%;transition: all .6s ease;}
.indhz-link:hover img{transform: translateY(-8px);}
.indhz-loop .swiper-pagination{display: none;bottom: 0;font-size: 0;}
/* 动画 */
.fp-section .banner-control{opacity: 0;transform: translateY(100%);transition: all .5s ease .2s;}
.fp-section .indxw-head,
.fp-section .indjt-info .commonTitle,
.fp-section .indjt-info-more .text,
.fp-section .indjt-info-more .link,
.fp-section .indjt-info-more .video,
.fp-section .indjt-intr-number,
.fp-section .indjg-info .commonTitle,
.fp-section .indjg-cont,
.fp-section .indjg-menu{opacity: 0;transform: translateY(120px);transition: all .5s ease .2s;}
.fp-section .indxw-loop-run{width: 0;transition: all .5s ease .2s;}
.fp-section .indjt-intr-image::before{width: 100%;transition: all .5s ease .2s;}
.fp-section .indjg-loop{opacity: 0;transform: translateX(100%);transition: all .5s ease .2s;}
/* -- */
.fp-section.fp-completely .banner-control{opacity: 1;transform: translateY(0);transition: all 1s ease .2s;}
.fp-section.fp-completely .indxw-head{opacity: 1;transform: translateY(0);transition: all 1s ease .1s;}
.fp-section.fp-completely .indxw-loop-run{width: 100%;transition: all 1s ease .4s;}
.fp-section.fp-completely .indjt-info .commonTitle{opacity: 1;transform: translateY(0);transition: all 1s ease .1s;}
.fp-section.fp-completely .indjt-info-more .text{opacity: 1;transform: translateY(0);transition: all 1s ease .2s;}
.fp-section.fp-completely .indjt-info-more .link{opacity: 1;transform: translateY(0);transition: all 1s ease .3s;}
.fp-section.fp-completely .indjt-info-more .video{opacity: 1;transform: translateY(0);transition: all 1s ease .4s;}
.fp-section.fp-completely .indjt-intr-image::before{width: 0;transition: all 1s ease .4s;}
.fp-section.fp-completely .indjt-intr-number{opacity: 1;transform: translateY(0);transition: all 1s ease .5s;}
.fp-section.fp-completely .indjg-info .commonTitle{opacity: 1;transform: translateY(0);transition: all 1s ease .1s;}
.fp-section.fp-completely .indjg-cont{opacity: 1;transform: translateY(0);transition: all 1s ease .2s;}
.fp-section.fp-completely .indjg-menu{opacity: 1;transform: translateY(0);transition: all 1s ease .3s;}
.fp-section.fp-completely .indjg-loop{opacity: 1;transform: translateX(0);transition: all 1s ease .3s;}
/* -- */
.indjg.show .indjg-info .commonTitle{opacity: 1;transform: translateY(0);}
.indjg.show .indjg-cont{opacity: 1;transform: translateY(0);}
.indjg.show .indjg-menu{opacity: 1;transform: translateY(0);}
.indjg.show .indxw-menu{opacity: 1;transform: translateY(0);}
.indjg.show .indjg-loop{opacity: 1;transform: translateX(0);}
/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
    #locationMenu {left: 44px;}
    .banner-hint {right: 80px;bottom: 60px;}
}
@media all and (max-width:1590px) {
    /* 1440 × (700)  */
    .banner-control{height: 80px;}
    .banner-hint {right: 50px;bottom: 40px;}
    .indxw-loop-limit {width: calc(50% + 600px);}
    .indxw-btn>div {width: 54px;height: 54px;line-height: 54px;font-size: 24px;}
    .indxw-link {height: 450px;padding: 60px 40px 50px;}
    .indjt-info {padding-right: 80px;}
    .indjt-info-more .video {width: 280px;}
    .indjg-loop{width: 800px;}
    .indjg-info {padding-right: 50px;width: calc(100% - 800px);}
    .indjg-menu {width: 800px;}
    .indjg-menu li {height: 120px;}
    .indhz-link {height: 120px;}
    .indjg .contain {padding-left: calc(50% - 600px);}
}
@media all and (max-width:1430px) {
    /* 1360 */
    #locationMenu {left: 24px;}
}
@media all and (max-width:1350px) {
    /* 1280 */
    #locationMenu {left: 12px;}
}
@media all and (max-width:1270px) {
    /* 1152 × (700) */
    #locationMenu {left: 36px;}
    .banner-hint {right: 40px;bottom: 40px;}
    .indxw-loop-limit {width: calc(50% + 480px);}
    .indxw-link {height: 350px;padding: 50px 30px 40px;}
    .indxw-btn>div {width: 48px;height: 48px;line-height: 48px;font-size: 22px;}
    .indjt-info {padding-right: 0;}
    .indjt-info-more .video {width: 220px;}
    .indjg .contain {padding-left: calc(50% - 480px);}
    .indjg-loop{width: 750px;}
    .indjg-info {padding-right: 40px;width: calc(100% - 750px);}
    .indjg-menu {width: 650px;margin-top: 40px;}
    .indjg-menu li {height: 90px;}
    .indhz-link {height: 104px;}
}
@media all and (max-width:1140px) {
    /* 1024 */
    .banner-image img.pc {height: calc(100vh - 80px);}
    #locationMenu, .banner-hint{display: none;}
    .banner-control .swiper-pagination-bullet:not(:first-child) {margin-left: 28px;}
    .indxw, .indjt, .indjg{padding: 60px 0;}
}
/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .banner-image img.pc {height: calc(100vh - 60px);}
    .indxw-loop-limit {width: 96%;}
    .indjt-info, .indjg-info{width: 100%;padding-right: 0;}
    .indjt-info-more .video {width: 300px;}
    .indjg .contain {padding: 0 4%;}
    .indjt-intr, .indjg-loop{width: 100%;margin-top: 50px;}
    .indjg-menu{width: 100%;}
    .indhz-loop .swiper-pagination{display: block;position: relative;margin-top: 20px;}
    .indhz-loop .swiper-pagination-bullet{width: 20px;height: 2px;border-radius: 0;background: #e3edf0;opacity: 1;margin: 0 0 0 6px !important;}
    .indhz-loop .swiper-pagination-bullet:first-child{margin-left: 0 !important;}
    .indhz-loop .swiper-pagination-bullet-active {background: #1153A4;}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .banner-cont{padding: 0 0 20px 0;}
    .banner-cont .title{font-size: 22px;}
    .banner-control{width: 96%;height: 54px;}
    .banner-control-num {right: 20px;height: 20px;margin-top: -9px;}
    .banner-control .swiper-pagination-bullet {width: 16px;height: 16px;}
    .banner-control .swiper-pagination-bullet:not(:first-child) {margin-left: 16px;}
    @keyframes bannerRunL{0%{opacity: 0;transform: translateX(120px);filter: blur(4px);}100%{opacity: 1;transform: translateX(0);filter: blur(0);}}
    @keyframes bannerRunR{0%{opacity: 0;transform: translateX(-120px);filter: blur(4px);}100%{opacity: 1;transform: translateX(0);filter: blur(0);}}
    .indxw, .indjt, .indjg {padding: 36px 0;}
    .indxw-btn>div {width: 38px;height: 38px;line-height: 38px;font-size: 19px;}
    .indxw-loop{justify-content: center;padding: 0 4%;}
    .indxw-link-cont .title{margin-top: 20px;height: auto !important;}
    .indxw-link-cont .time{margin-top: 15px;}
    .indxw-link-link{margin-top: 35px;}
    .indxw-loop .swiper-container{overflow: hidden;}
    .indxw-loop-limit{width: 100%;}
    .indxw-loop .contain{width: 100%;}
    .indxw-link {height: 240px;padding: 24px 15px 24px;}
    .indjt-info-more .video {width: 240px;margin: 0 auto;}
    .indjt-intr, .indjg-loop {margin-top: 24px;}
    .indjt-intr-number li .text {max-width: 106px;}
    .indjt-intr-number li .num span {margin-right: 6px;font-size: 24px;}
    .indjt-intr-number li .text {max-width: 96px;font-size: 12px;line-height: 16px;}
    .indjt-intr-number{margin-top: 24px;}
    .indjt-info-more{margin-top: 12px;}
    .indjt-info-more .link{margin-top: 16px;}
    .indjt-info-more .video{margin-top: 20px;}
    .indjg-cont{margin-top: 16px;}
    .indjg-cont .address{margin-top: 12px;padding-left: 28px;}
    .indjg-cont .link{margin-top: 16px;}
    .indjg-menu {margin-top: 24px;}
    .indjg-menu ul{white-space: nowrap;flex-wrap: nowrap;overflow-x: auto;text-align: center;}
    .indjg-menu li{flex-direction: column;height: auto;padding: 10px 15px;width: auto;}
    .indjg-menu li span{margin: 4px 0 0;}
    .indhz{padding: 12px 0 20px;}
    .indxw-link::after{background: #fff url('../images/index/indNews-logo.png') no-repeat top 100px right/100% auto;}
}