@charset "utf-8";
/* ===================首页样式========================== */
.indban{width: 100%;position: relative;overflow: hidden;background: #1e2024;}
.indban-loop{width: 100%;user-select: none;position: relative;}
.indban-loop img{width: 100%;object-fit: cover;}
.indban-loop img.pc{display: block;height: calc(100vh - 140px);}
.indban-loop img.mb{display: none;}
.indban-cont{position: absolute;user-select: none;z-index: 10;top: 0;left: 0;padding: 108px 0 0 200px;}
.indban-cont li{display: none;}
.indban-cont li.active{display: block;}
.indban-cont h2{font-size: 40px;color: #13499e;padding-right: 20px;font-style: italic;font-weight: 700;line-height: 1.1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.indban-cont p{font-size: 16px;color: #777;line-height: 27px;font-style: italic;max-width: 424px;margin: 20px 0 50px;height: 54px;overflow: hidden;-webkit-line-clamp: 2;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.indLink{display: inline-block;height: 26px;position: relative;}
.indLink span{font-size: 14px;color: #000;padding-right: 30px;background: url('../images/index/indArr.png') no-repeat right center;transition: all .4s ease;}
.indLink::after{content: "";position: absolute;width: 100%;height: 3px;left: 0;bottom: 0;background: #13499e;}
.indLink:hover span{color: #13499e;background-image: url('../images/index/indArrH.png');}
.indban-bg{position: absolute;top: 0;left: 0;z-index: 2;border-top: calc(100vh - 140px) solid #ececec;border-right: 26vh solid transparent; height: 0; width: calc(100% - 1120px);}
/* ---- */
.indban-cont h2, .indban-cont p, .indban-cont a{opacity: 0;}
.indban-cont li.active h2{animation: indbanRun .8s ease-out both .4s;}
.indban-cont li.active p{animation: indbanRun .8s ease-out both .5s;}
.indban-cont li.active a{animation: indbanRun .8s ease-out both .6s;}
.indban-cont li.oneLi.active h2{animation: indbanRun .8s ease-out both 1.4s;}
.indban-cont li.oneLi.active p{animation: indbanRun .8s ease-out both 1.5s;}
.indban-cont li.oneLi.active a{animation: indbanRun .8s ease-out both 1.6s;}
@keyframes indbanRun {0%{opacity: 0;transform: translateY(60px);}100%{opacity: 1;transform: translateY(0);}}
/* ---- */
.indban-hint{position: absolute;width: 17px;height: 233px;background: url('../images/index/indbanLine.png') no-repeat center bottom/100% auto;left: 82px;bottom: 0;z-index: 3;}
.indban-rel{position: absolute;width: 436px;height: 364px;bottom: 0;left: 206px;display: flex;align-items: center;justify-content: center;z-index: 4;}
.indban-rel::before{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: #13499e;transform: skewX(-16deg);}
.indban-rel a{width: 110px;position: relative;z-index: 5;text-align: center;}
.indban-rel a i{width: 66px;height: 66px;position: relative;display: flex;align-items: center;justify-content: center;margin: 0 auto;}
.indban-rel a i::before{content: "";position: absolute;width: 66px;height: 66px;border-radius: 50%;top: 0;left: 0;background: rgba(255, 255, 255, 0.2);transition: all .4s;}
.indban-rel a i img{height: 30px;position: relative;z-index: 2;}
.indban-rel a p{font-size: 20px;color: #fff;line-height: 1.1;margin-top: 20px;}
.indban-rel a:hover i::before{transform: scale(1.24);}
.indban-loop .swiper-pagination{bottom: 40px;text-align: right;padding-right: 200px;}
.indban-loop .swiper-pagination-bullet {width: 54px;height: 2px;border-radius: initial;background: #8e908d;opacity: 1;position: relative;margin: 0 0 0 12px !important;}
.indban-loop .swiper-pagination-bullet:before{content: "";position: absolute;top: 0;left: 0;background: #13499e;width: 0;height: 2px;z-index: 1;transition: 0s;}
.indban-loop .swiper-pagination-bullet.active:before{width: 100%;transition: all 3.6s ease;}

.indTitle{width: 100%;}
.indTitle h4{font-size: 40px;color: #333;font-weight: 700;line-height: 1.1;}
.indTitle p{font-size: 16px;color: #444;line-height: 29px;margin-top: 15px;}
.indTitle.white h4{color: #fff;}
.indTitle.white p{color: #fff;}

/* 视频弹窗 */
.popVideo{display: none;opacity: 0;align-items: center;justify-content: center;position: fixed;z-index: 999999;width: 100%;height: 100%;background: rgba(0,0,0,.5);top: 0;left: 0;}
.popVideo-items{width: 1000px;position: relative;display: none;padding: 34px 34px 0;}
.popVideo-video{width: 100%;}
.popVideo-video video{width: 100%;}
.popVideo-video iframe{width: 100%;height: 500px;}
.popVideo-close{width: 30px;height: 30px;position: absolute;right: 0;top: 0;z-index: 3;background: url('../images/common/closeW.svg') no-repeat center/24px auto;cursor: pointer;opacity: .7;transition: all .6s ease;}
.popVideo-close:hover{opacity: 1;}
@media all and (max-width:1100px) {.popVideo-items{width: 92%;padding: 34px 0 0;}.popVideo-close{right: 0;}.popVideo-video iframe{height: 400px;}}
@media all and (max-width:640px) {.popVideo-video iframe{height: 200px;}}

.indcx{width: 100%;padding: 100px 0;background: #ececec;overflow: hidden;}
.indcx-list{display: flex;flex-wrap: wrap;justify-content: space-between;width: 100%;margin-top: 22px;}
.indcx-list li{position: relative;width: 32.3%;}
.indcx-list li input{width: 100%;height: 44px;padding: 0 20px;font-size: 14px;color: #444;font-weight: 700;}
.indcx-list li:last-child{padding-right: 176px;}
.indcx-list li button{width: 162px;height: 44px;position: absolute;right: 0;top: 0;cursor: pointer;background: #13499e;font-size: 14px;color: #fff;font-weight: 700;}

.indgy{width: 100%;padding-bottom: 200px;background: #ececec;overflow: hidden;position: relative;}
.indgy-bg{width: 100%;background: url('../images/index/indgySd.png') no-repeat right bottom/auto 100%;position: absolute;bottom: 100px;left: 0;height: 536px;}
.indgy-mix{overflow: hidden;background: #fff url('../images/index/indgy2.png') no-repeat left 220px bottom/504px auto;width: calc(100% - 200px);padding: 32px 32px 32px 0;position: relative;z-index: 4;}
.indgy-mix .contain-padding{display: flex;flex-wrap: wrap;justify-content: space-between;padding-right: 0;align-items: center;flex-direction: row-reverse;}
.indgy-img{width: 734px;position: relative;}
.indgy-img img{width: 100%;object-fit: cover;}
.indgy-img i{width: 66px;height: 66px;position: absolute;z-index: 4;top: 50%;left: 50%;margin: -33px 0 0 -33px;cursor: pointer;}
.indgy-img i::before{content: "";width: 66px;height: 66px;position: absolute;top: 0;left: 0;background: rgba(0, 0, 0, 0.5);border-radius: 50%;transition: all .4s ease;}
.indgy-img i::after{content: "";width: 25px;height: 33px;background: url('../images/index/indgy3.png') no-repeat center;position: absolute;top: 50%;margin-top: -16px;left: 24px;}
.indgy-img i:hover::before{transform: scale(1.28);}
.indgy-cont{width: calc(100% - 734px);padding-right: 140px;}
.indgy-cont .indTitle p{margin: 20px 0 40px;}

.indcp{width: 100%;position: relative;background-repeat: no-repeat;background-size: cover;background-position: center;padding: 118px 0 110px;}
.indcp-bg{width: 100%;background: url('../images/index/indcpSd.png') no-repeat right bottom/auto 100%;position: absolute;bottom: -42px;left: 0;height: 546px;}
.indcp .contain-padding{position: relative;z-index: 4;}
.indcp-mix{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-end;}
.indcp-mix .indTitle{width: auto;}
.indcp-btn{font-size: 0;}
.indcp-btn>div{display: inline-block;vertical-align: middle;width: 50px;height: 50px;background: rgba(255, 255, 255, 0.2) url('../images/index/indArrW.png') no-repeat center;cursor: pointer;transition: all .4s ease;border-radius: 50%;margin-left: 22px;}
.indcp-btn>div.indcp-prev{margin-left: 0;transform: rotateY(180deg);}
.indcp-btn>div:hover{background-color: #fff;background-image: url('../images/index/indArrH.png');}
.indcp-loop{width: 100%;margin-top: 58px;}
.indcp-link{display: block;width: 100%;position: relative;background: #fff;}
.indcp-link-img{width: 100%;position: relative;overflow: hidden;min-height:382px;display:flex;align-items:center;justify-content:center;}
.indcp-link-img img{max-width: 88%;object-fit: cover;max-height:88%;}
.indcp-link-img-label{position: absolute;top: 0;left: 0;width: 80px;height: 32px;background: #e51c14;display: flex;align-items: center;justify-content: center;font-size: 14px;color: #fff;font-weight: 700;text-transform: uppercase;}
.indcp-link-img-hint{width: 54px;height: 54px;z-index: 4;position: absolute;top: 50%;left: 50%;margin: -27px 0 0 -27px;background: url('../images/index/indcpLink.png') no-repeat center/100% auto;opacity: 0;transition: all .4s ease;}
.indcp-link-cont{position: relative;display: flex;flex-direction: column;justify-content: center;text-align: center;padding: 0 28px;height: 128px;background: #f0f3f7;transition: all .4s ease;}
.indcp-link-cont h4{font-size: 18px;color: #333;font-weight: 700;transition: all .4s ease;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.indcp-link:hover .indcp-link-img-hint{opacity: 1;transform: rotate(180deg);}
.indcp-link:hover .indcp-link-cont{background: #a5ccff;}
.indcp-link:hover .indcp-link-cont h4{color: #fff;}
.indcp-link-img::before, .indcp-link-cont::before{content: "";position: absolute;width: 1px;height: 100%;background: #f8f8f8;left: 0;top: 0;}
.indcp-loop .swiper-slide:first-child .indcp-link-img::before, .indcp-loop .swiper-slide:first-child .indcp-link-cont::before{display: none;}
.indcp-more{font-size: 15px;color: #fff;writing-mode: vertical-lr;writing-mode: tb-lr;white-space: nowrap;letter-spacing: 4px;padding-bottom: 28px;background: url('../images/index/indArrW.png') no-repeat center bottom;width: 22px;text-align: center;z-index: 6;position: absolute;right: 100px;bottom: 0;opacity: 0.7;transition: all .4s ease;}
.indcp-more:hover{opacity: 1;}

.indxw{width: 100%;padding: 144px 0 94px;position: relative;}
.indxw-bg{width: 100%;background: url('../images/index/indxwSd.png') no-repeat right bottom/auto 100%;position: absolute;bottom: 0px;left: 0;height: 354px;}
.indxw-mix{background: #fff;width: calc(100% - 200px);padding: 0 120px 100px 0;position: relative;z-index: 4;}
.indxw-mix .contain-padding{padding-right: 0;}
.indxw-list{width: 100%;margin-top: 60px;border-bottom: 1px solid #efefef;}
.indxw-items{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;padding-bottom: 44px;}
.indxw-link{width: 45%;padding-right: 60px;margin-top: 20px;display: flex;align-items: center;justify-content: space-between;transition: all .4s ease;background-repeat: no-repeat;background-position: right center;}
.indxw-link p{display: flex;align-items: center;justify-content: center;height: 30px;width: 94px;position: relative;font-size: 13px;color: #fff;font-weight: 700;}
.indxw-link p::before{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: #13499e;transform: skewX(-16deg);}
.indxw-link p span{position: relative;z-index: 2;}
.indxw-link h4{width: calc(100% - 120px);display: flex;}
.indxw-link h4 span{display: block;position: relative;font-size: 14px;color: #333;font-weight: 700;transition: all .4s ease;padding: 1px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.indxw-link h4 span::after{content: "";position: absolute;width: 100%;height: 1px;background: #13499e;left: 0;bottom: 0;opacity: 0;transition: all .4s ease;}
.indxw-link:hover{background-image: url('../images/index/indArrH.png');}
.indxw-link:hover h4 span{color: #13499e;}
.indxw-link:hover h4 span::after{opacity: 1;}

.indhb{width: 100%;padding: 28px 0;background: #f1f1f1;overflow: hidden;}
.indhb-list{width: 100%;}
.indhb-link {display: flex;align-items: center;justify-content: center;height: 100px;width: 14.2857%;float: left;}
.indhb-link img{max-width: 88%;max-height: 88%;transition: all .4s ease;}
.indhb-link:hover img{transform: translateY(-4px);}


/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
    .indban-bg {width: calc(100% - 900px);}
}

@media all and (max-width:1599px) {
    /* 1440 × (700)  */
    .indban-bg {width: calc(100% - 760px);border-right: 22vh solid transparent;}
    .indban-cont {padding: 80px 0 0 120px;}
    .indban-rel {width: 290px;height: 260px;left: 180px;}
    .indban-hint {left: 54px;}
    .indTitle h4, .indban-cont h2 {font-size: 34px;}
    .indban-cont p {line-height: 26px;margin: 16px 0 40px;height: 52px;}
    .indban-loop .swiper-pagination {padding-right: 120px;}
    .indcx {padding: 80px 0;}
    .indgy-img {width: 620px;}
    .indgy-cont {width: calc(100% - 620px);padding-right: 60px;}
    .indTitle p {line-height: 28px;margin-top: 12px;}
    .indgy-cont .indTitle p {margin: 16px 0 30px;}
    .indgy-mix {background-position: left 140px bottom;background-size: 400px auto;width: calc(100% - 120px);padding: 32px 32px 32px 0;}
    .indgy {padding-bottom: 160px;}
    .indgy-bg {bottom: 80px;height: 446px;}
    .indcp {padding: 100px 0 90px;}
    .indcp-bg {height: 456px;}
    .indcp-more{right: 50px;}
    .indxw {padding: 124px 0 80px;}
    .indxw-mix {width: calc(100% - 120px);padding: 0 80px 80px 0;}
    .indxw-bg{height: 310px;}
    .indcx-list li{width: 26%;}
    .indcx-list li:last-child{width: 44%;}
}

@media all and (max-width:1439px) {
    /* 1360 */
    .indban-bg {width: calc(100% - 680px);}
    .indgy-mix {background-size: 340px auto;}
}

@media all and (max-width:1359px) {
    /* 1280 */
    .indban-bg {width: calc(100% - 600px);}
}

@media all and (max-width:1279px) {
    /* 1152 × (700) */
    .indban-cont {padding: 80px 0 0 80px;}
    .indTitle h4, .indban-cont h2 {font-size: 30px;}
    .indban-bg {width: calc(100% - 500px);}
    .indban-loop .swiper-pagination {padding-right: 80px;}
    .indgy-mix {background-position: left 90px bottom;background-size: 280px auto;width: calc(100% - 80px);padding: 28px 28px 28px 0;}
    .indgy-img {width: 500px;}
    .indgy-cont {width: calc(100% - 500px);padding-right: 40px;}
    .indTitle p {line-height: 26px;}
    .indgy {padding-bottom: 140px;}
    .indcx {padding: 70px 0;}
    .indgy-bg {bottom: 70px;height: 368px;}
    .indcp {padding: 80px 0;}
    .indcp-loop {margin-top: 44px;}
    .indcp-link-cont{height: 90px;}
    .indcp-bg {height: 430px;}
    .indcp-more {right: 28px;}
    .indxw {padding: 100px 0 70px;}
    .indxw-mix {width: calc(100% - 80px);padding: 0 70px 70px 0;}
    .indxw-bg {height: 290px;}
    .indhb-link{width: 20%;}
}

@media all and (max-width:1151px) {
    /* 1024 */
    .indban-loop img.pc{height: 420px;}
    .indban-hint{display: none;}
    .indban-cont {padding: 50px 0 0 50px;}
    .indban-cont li.oneLi.active h2{animation: indbanRun .8s ease-out both .4s;}
    .indban-cont li.oneLi.active p{animation: indbanRun .8s ease-out both .5s;}
    .indban-cont li.oneLi.active a{animation: indbanRun .8s ease-out both .6s;}
    .indban-rel {width: 189px;height: 160px;left: 74px;}
    .indban-cont p {margin: 12px 0 30px;}
    .indban-bg {border-top: 420px solid #ececec;border-right: 120px solid transparent;width: 56%;}
    .indban-loop .swiper-pagination {padding-right: 50px;bottom: 28px;}
    .indgy-mix {width: calc(100% - 50px);}
    .indcp-more{position: static;opacity: 1;writing-mode: horizontal-tb;padding-right: 30px;padding-bottom: 0;background-position: right center;margin-top: 10px;display: inline-block;width: auto;white-space: inherit;}
    .indcp-bg {height: 368px;}
    .indxw-bg {height: 260px;}
    .indxw-mix {width: calc(100% - 50px);padding: 0 60px 60px 0;}
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .indban-rel, .indban-bg{display: none;}
    .indban-cont{padding: 0 4%;top: 0;pointer-events: none;height: 100%;display: flex;flex-direction: column;justify-content: center;}
    .indban-cont h2, .indban-cont p, .indban-cont .indLink span{color: #fff;}
    .indban-cont .indLink span{background-image: url('../images/index/indArrW.png');}
    .indban-cont .indLink::after{background: #fff;}
    .indban-cont a{pointer-events: all;}
    .indban-cont p {margin: 12px 0 24px;}
    .indcx-list li{width: 100% !important;margin-top: 20px;}
    .indcx-list li:first-child{margin-top: 0;}
    .indban-loop .swiper-pagination {padding-right: 4%;bottom: 28px;}
    .indgy-mix {width: 96%;}
    .indgy-mix .contain-padding{flex-direction: row;}
    .indgy-img{width: 100%;}
    .indgy-cont{width: 100%;padding: 40px 0;}
    .indgy-bg {height: 300px;}
    .indcp-bg {height: 280px;}
    .indxw-link{width: 100%;margin-top: 40px;}
    .indxw-link:first-child{margin-top: 0;}
    .indxw-mix{width: 96%;}
    .indxw-bg {height: 200px;}
    .indhb-link {width: 33.3333%;}
    .indban-cont li.active h2{animation: indbanRun .8s ease-out both 1s;}
    .indban-cont li.active p{animation: indbanRun .8s ease-out both 1.1s;}
    .indban-cont li.active a{animation: indbanRun .8s ease-out both 1.2s;}
    .indban-cont li.oneLi.active h2{animation: indbanRun .8s ease-out both .4s;}
    .indban-cont li.oneLi.active p{animation: indbanRun .8s ease-out both .5s;}
    .indban-cont li.oneLi.active a{animation: indbanRun .8s ease-out both .6s;}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .indban-loop img.pc{display: none;}
    .indban-loop img.mb{display: block;min-height: 360px;}
    .indTitle h4, .indban-cont h2 {font-size: 22px;}
    .indban-cont p {margin: 10px 0 16px;}
    .indban-loop .swiper-pagination {padding-right: 0;text-align: center;bottom: 16px;}
    .indban-loop .swiper-pagination-bullet{width: 30px;margin: 0 4px !important;}
    .indcx {padding: 40px 0;}
    .indcx-list li {margin-top: 16px;padding: 0 !important;}
    .indcx-list li button{width: 100%;margin-top: 16px;position: static;}
    .indcx-list li input {padding: 0 14px;}
    .indgy-mix {background-position: left 20px bottom;padding: 14px 14px 14px 0;}
    .indgy-cont {padding: 28px 0;}
    .indgy-cont .indTitle p {margin: 10px 0 24px;}
    .indgy {padding-bottom: 80px;}
    .indgy-bg {height: 144px;bottom: 40px;}
    .indcp {padding: 42px 0;}
    .indcp-mix .indTitle{width: 100%;}
    .indcp-btn>div {width: 44px;height: 44px;margin-left: 16px;}
    .indcp-btn{width: 100%;text-align: right;margin-top: 24px;}
    .indcp-loop {margin-top: 18px;}
    .indcp-link-cont {height: 72px;}
    .indcp-link-img::before, .indcp-link-cont::before{display: none;}
    .indcp-bg {height: 130px;bottom: -28px;}
    .indxw {padding: 68px 0 40px;}
    .indxw-link h4 {width: calc(100% - 108px);}
    .indxw-link {padding-right: 28px;margin-top: 18px;}
    .indxw-list {margin-top: 28px;}
    .indxw-mix {padding: 0 14px 28px 0;}
    .indxw-items {padding-bottom: 20px;}
    .indxw-bg {height: 94px;}
    .indhb-link{width: 50%;height: 80px;}
	.indcp-link-img{min-height:270px;}
}