@charset "utf-8";
/* ===================首页样式========================== */
.banner{width: 100%;overflow: hidden;position: relative;}
.banner-image{width: 100%;overflow: hidden;}
.banner-image img{width: 100%;}
.banner-image img.pc{height: 100vh;}
.banner-image img.mb{min-height: 470px;}
.banner-cont{position: absolute;z-index: 2;width: 100%;height: 100%;top: 0;left: 0;color: #fff;text-align: left;background: rgba(0,0,0, 0.2);}
.banner-cont .title{line-height: 1.2;}
/* banner视频 */
.banner .hasVideo .banner-image{animation: hasVideoImg 1s ease both;}
@keyframes hasVideoImg {0%{opacity: 1;}100%{opacity: 0;}}
.banner video{width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;z-index: 2;}
@media all and (max-width:1100px) {.banner .hasVideo .banner-image{animation: none;}.banner video{display: none;}}
/* -- */
.banner .swiper-pagination{bottom: max(20px,1.16rem);width: 100%;text-align: left;}
.banner .swiper-pagination-bullet{width: max(8px,0.16rem);height: max(8px,0.16rem);border-radius: 50%;background: transparent;opacity: 1;border: 2px solid #fff;margin: 0 max(8px,0.16rem) 0 0 !important;transition: background .4s ease;}
.banner .swiper-pagination-bullet:last-child{margin: 0 !important;}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #fff;}
/* 文字效果-上下版 */
.banner-cont .title, .banner-cont .text, .banner-cont .link{opacity: 0;}
.swiper-slide-active .banner-cont .title{animation: bannerUp 1s ease both 1s;}
.swiper-slide-active .banner-cont .text{animation: bannerUp 1s ease both 1.1s;}
.swiper-slide-active .banner-cont .link{animation: bannerUp 1s ease both 1.2s;}
.oneSlide .banner-cont .title{animation: bannerUp 1s ease both .4s;}
.oneSlide .banner-cont .text{animation: bannerUp 1s ease both .5s;}
.oneSlide .banner-cont .link{animation: bannerUp 1s ease both .6s;}
@keyframes bannerUp{0%{opacity: 0;transform: translateY(max(60px,1rem));filter: blur(max(4px,0.06rem));}100%{opacity: 1;transform: translateY(0);filter: blur(0);}}

.indhx{background: #fff;}
.indhx-list{width: 100%;}
.indhx-list ul{display: flex;}
.indhx-list li{flex: 1 1 0%;margin-right: max(10px,0.2rem);transition: flex 0.6s;position: relative;}
.indhx-list li:last-child{margin-right: 0;}
.indhx-link{display: block;border-radius: max(8px, 0.2rem);overflow: hidden;position: relative;height: 100%;width: 100%;}
.indhx-link .img{width: 100%;}
.indhx-link .img img{width: 100%;height: 5.6rem;}
.indhx-link::before{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0,0,0, 0.3);z-index: 2;transform: translate3d(0,0,2px);}
.indhx-main{position: absolute;width: 100%;height: 100%;z-index: 3;transform: translate3d(0,0,4px);left: 0;bottom: 0;color: #fff;display: flex;flex-direction: column;justify-content: space-between;}
.indhx-main .text{opacity: 0;transform: translateY(max(6px,0.12rem));transition: transform .4s linear, opacity .4s linear;width: 7.9rem;}
.indhx-main .link{background: url("../images/common/titleW.svg") no-repeat left center/max(12px,0.18rem) auto;padding-left: max(18px,0.3rem);}
.indhx-list li.active{flex: 3.2 1 0%;}
.indhx-list li.active .text{opacity: 1;transform: translateY(0);transition: transform .4s linear .4s, opacity .4s linear .4s;}

.indfw{background: #e8ebec;overflow: visible;padding: 0 max(24px,0.5rem);display: flex;flex-wrap: wrap;align-items: flex-start;}
.indfw-head{width: 100%;display: none;}
.indfw-imgs{width: 9rem;height: calc(100vh - max(70px,0.9rem));padding: max(20px,0.4rem) 0;position: sticky;top: max(70px,0.9rem);left: 0;z-index: 2;}
.indfw-imgs-main{width: 100%;height: 100%;position: relative;z-index: 6;transform: translate3d(0,0,6px);opacity: 0;}
.indfw-imgs-main img{width: 100%;height: 100%;opacity: 0;}
.indfw-imgs-main .cont{display: flex;position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 4;transform: translate3d(0,0,4px);color: #fff;flex-direction: column;justify-content: space-between;}
.indfw-list{width: calc(100% - 9rem);padding: max(20px,0.4rem) 0 max(20px,0.4rem) max(10px,0.2rem);}
.indfw-list li{width: 100%;margin-top: max(10px,0.2rem);position: relative;}
.indfw-list li:first-child{margin-top: calc(180vh - max(70px,0.9rem) - max(20px,0.4rem));}
.indfw-link{display: block;width: 100%;background: #fff;}
.indfw-link .head{border-bottom: 1px solid #d6d6d6;justify-content: space-between;align-items: center;}
.indfw-link .cont .img{text-align: right;height: max(50px,1rem);}
.indfw-link .cont .img img{height: 100%;}
/* -- */
.indfw-main{position: absolute;width: 100vw;height: calc(100vh - max(70px,0.9rem));top: 0;left: min(-24px,-0.5rem);z-index: 4;transform: translate3d(0,0,4px);overflow: hidden;}
.indfw-main::before{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 1;background: rgba(0,0,0, 0.3);}
.indfw-main img.bg{width: 100%;height: 100%;}
.indfw-main .cont{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;display: flex;align-items: flex-end;}
/* -- */
@media all and (min-width:1100px){
    .indfw-main{transition: all 1.2s cubic-bezier(0.22, 0.61, 0.36, 1);}
    .indfw.anim .indfw-main{width: 100%;height: calc(100vh - max(70px,0.9rem) - max(40px,0.8rem));top: max(20px,0.4rem);left: 0;border-radius: max(6px,0.10rem);transition: all 1.2s cubic-bezier(0.22, 0.61, 0.36, 1) .3s;}
    .indfw-imgs-main{transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);}
    .indfw.anim .indfw-imgs-main{opacity: 1;transition: opacity 0.6s cubic-bezier(0.22, 0.61, 0.36, 1) 1s;}
    .indfw-main .cont{transition: opacity 0.6s cubic-bezier(0.22, 0.61, 0.36, 1) 0.6s;}
    .indfw.anim .indfw-main .cont{opacity: 0;transition: opacity .3s cubic-bezier(0.22, 0.61, 0.36, 1);}
}

.indgy{background-repeat: no-repeat;background-attachment: fixed;background-size: cover;background-position: center;}
.indgy::before{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 1;background: rgba(0,0,0, 0.4);}
.indgy .contain-1820{position: relative;z-index: 2;}
.indgy-list{width: 100%;margin-top: 3.84rem;}
.indgy-list li{flex: 1;margin-right: 1.24rem;color: #fff;}
.indgy-list li:last-child{margin-right: 0;}

.indcp{background: #f4f4f4;}
.indcp-head{justify-content: space-between;align-items: flex-end;}
.indcp-btn>div{user-select: none;cursor: pointer;width: max(34px,0.54rem);height: max(34px,0.54rem);border-radius: 50%;border: 1px solid #e8e9e9;margin-right: 4px;transform: rotate(180deg);line-height: 1;font-size: 10px;color: #a2a4aa;transition: color .4s ease, border .4s ease;}
.indcp-btn>div:last-child{margin-right: 0;transform: rotate(0);}
.indcp-btn>div:hover{color: #000;border-color: #a2a4aa;}
.indcp-loop{width: 100%;}
.indcp-loop .swiper-container{overflow: visible;}
.indcp-link{display: block;width: 100%;}
.indcp-link img.bg{width: 100%;height: 5.43rem;}
.indcp-link .cont{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;display: flex;flex-direction: column;justify-content: flex-end;color: #fff;}
.indcp-link:hover img.bg{transform: scale(1.08);}

.indxw{background: #fff;}
.indxw-wrap{width: 100%;}
.indxw-main{display: block;width: 8.3rem;position: relative;height: 6.62rem;}
.indxw-main img.bg{width: 100%;height: 100%;}
.indxw-main .cont{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;display: flex;flex-direction: column;justify-content: flex-end;color: #fff;font-weight: 700;background: url("../images/index/indxwSd.png") repeat-x left bottom/auto 90.2%;}
.indxw-main .cont .time{align-items: center;}
.indxw-main .cont .time i{margin-right: max(6px,0.12rem);}
.indxw-main:hover img.bg{transform: scale(1.08);}
.indxw-list{width: calc(100% - 8.3rem);}
.indxw-list ul{margin-top: min(-16px,-0.36rem);}
.indxw-list li{width: 100%;height: calc(100%/3 - max(16px,0.36rem));margin-top: max(16px,0.36rem);}
.indxw-link{display: block;width: 100%;display: flex;flex-wrap: wrap;}
.indxw-img{width: 2.44rem;}
.indxw-img img{width: 100%;height: 100%;}
.indxw-cont{width: calc(100% - 2.44rem);display: flex;flex-direction: column;justify-content: space-between;}
.indxw-cont .tags p{border: 2px solid #e5e5e5;padding: 0 max(14px,0.26rem);line-height: 1;height: max(28px,0.36rem);border-radius: max(14px,0.18rem);display: flex;align-items: center;}
.indxw-cont .other{justify-content: space-between;align-items: center;}
.indxw-cont .other .time{align-items: center;}
.indxw-cont .other .time i{margin-right: max(6px,0.12rem);}
.indxw-cont .other .arrow{align-items: center;}
.indxw-cont .other .arrow p{margin-left: max(6px,0.14rem);width: max(34px,0.42rem);height: max(34px,0.42rem);display: flex;align-items: center;justify-content: center;background: linear-gradient(135deg, #a03db7, #05549f);position: relative;overflow: hidden;border-radius: 50%;color: #fff;}
.indxw-cont .other .arrow p i{position: relative;z-index: 4;transform: rotate(180deg);font-weight: normal;}
.indxw-cont .other .arrow p::after{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: linear-gradient(135deg,#05549f, #a03db7);transition: opacity .4s ease;opacity: 0;}
.indxw-link:hover .indxw-cont .other .arrow p::after{opacity: 1;}
.indxw-link:hover .indxw-img img{transform: scale(1.08);}
.indxw-link:hover .indxw-cont .title{color: #65006a;}



/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px){
    /* 1600 × (900) */
}

@media all and (max-width:1590px){
    /* 1440 × (700)  */
}

@media all and (max-width:1430px){
    /* 1360 */
    .indhx-list li.active {flex: 3 1 0%;}
}

@media all and (max-width:1350px){
    /* 1280 */
    .indhx-list li.active {flex: 2.6 1 0%;}
}

@media all and (max-width:1270px){
    /* 1152 × (700) */
    .indhx-list li.active {flex: 2.4 1 0%;}
}

/* ------------------------平板端-------------------------- */
@media all and (max-width:1100px){
    /* 1024 横屏 */
    .banner-image img.pc {height: calc(100vh - 60px);}
    .indhx-list ul{flex-wrap: wrap;margin: min(-8px,-0.2rem) 0 0 min(-8px,-0.2rem);}
    .indhx-list li{flex: none !important;width: calc(50% - max(8px,0.2rem));margin: max(8px,0.2rem) 0 0 max(8px,0.2rem);}
    .indhx-link .img img{height: 296px;}
    .indhx-main .text{opacity: 1;transform: none;width: 100%;}
    .indfw{padding: 60px 4%;overflow: hidden;}
    .indfw-head{display: block;}
    .indfw-main{display: none;}
    .indfw-imgs{position: relative;width: 100%;height: auto;padding: 0;top: 0;margin-top: 30px;}
    .indfw-imgs-main img{opacity: 1;}
    .indfw-imgs-main{opacity: 1;}
    .indfw-list {width: 100%;padding: 0;margin-top: 20px;}
    .indfw-list li:first-child {margin-top: 0;}
    .indgy-list li {margin-right: 1rem;}
}

/* ------------------------手机端 360 适配-------------------------- */
@media all and (max-width:1000px){
    .banner-cont .title{font-size: 22px;}
    .banner-cont .text{font-size: 14px;}
    .banner .swiper-pagination{bottom: max(24px,0.6rem);}
    .indhx-link .img img {height: 180px;}
    .indgy{background-attachment: scroll;}
    .indcp-link img.bg{height: 254px;}
    .indcp-loop .swiper-container{overflow: hidden;}
    .indxw-main{width: 100%;height: 264px;}
    .indxw-list{width: 100%;padding: 0;margin-top: 20px;}
    .indxw-list li{height: auto;}
    .indxw-img{width: 200px;}
    .indxw-cont{width: calc(100% - 200px);}
}
@media all and (max-width:720px){
    .indhx-main .link{font-size: 13px;}
    .indfw {padding: 32px 4%;}
    .indfw-imgs-main .cont{font-size: 16px;}
    .indfw-head .comTitle .title{font-size: 17px;}
    .indfw-imgs {margin-top: 18px;}
    .indfw-list {margin-top: 16px;}
    .indgy-list {margin-top: 40px;}
    .indgy-list ul{margin: -14px 0 0 -14px;}
    .indgy-list li{flex: none;margin: 14px 0 0 14px;width: calc(50% - 14px);}
    .indgy-list .num{font-size: 32px;}
    .indgy-list .text{font-size: 12px;margin-top: 6px;}
    .indcp-btn{width: 100%;margin-top: 12px;}
    .indxw-img{width: 120px;}
    .indxw-cont{width: calc(100% - 120px);}
    .indxw-cont .tags p{font-size: 12px;height: 26px;padding: 0 10px;border-radius: 13px;}
    .indxw-cont .title{font-size: 13px;line-height: 18px;height: 36px;margin-top: 6px;}
    .indxw-cont .other .time{font-size: 12px;}
    .indxw-cont .other .arrow{font-size: 12px;}
    .indxw-cont .other .arrow p{width: 22px;height: 22px;font-size: 10px;}
}

/* --------------------图片-iPad-调整---------------------- */
@media all and (min-width: 720px) and (max-width: 1000px){
    .indhx-link .img img{height: 220px;}
    .indfw {padding: 44px 4%;}
    .indgy-list ul{margin: -20px 0 0 -20px;}
    .indgy-list li{flex: none;margin: 20px 0 0 20px;width: calc(50% - 20px);}
    .indxw-main{height: 564px;}
}