@charset "utf-8";
/* ===================首页样式========================== */
.indgy{background: #fff;overflow: visible;height: 100vh;z-index: 2;position: sticky;top: 0;left: 0;}
.indgy-sticky{width: 100%;top: 0;left: 0;position: sticky;overflow: hidden;}
.indgy-bg{width: 100%;height: 100vh;}
.indgy-begin{position: absolute;width: 100%;height: 100vh;z-index: 5;top: 0;left: 0;display: flex;align-items: center;background: #fff;}
.indgy-begin .contain{justify-content: space-between;align-items: center;}
.indgy-begin-img{width: 48%;}
.indgy-begin-cont{width: 6rem;}
.indgy-wrap{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 10;color: #fff;padding-top: max(50px,1rem);display: flex;align-items: center;}
.indgy-wrap-bg{position: absolute;width: 100%;height: 100%;top: 0;left: 0;display: none;}
.indgy-info{width: 6.9rem;}
.indgy-info-list{width: 100%;}
.indgy-info-list li{align-items: center;border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
.indgy-info-list li:first-child{border-top: 1px solid rgba(255, 255, 255, 0.2);}
.indgy-info-list li .num{width: 2.9rem;padding-right: max(16px,0.3rem);flex-wrap:nowrap;white-space: nowrap;}
.indgy-info-list li .text{width: calc(100% - 2.9rem);}


.indgy-marsk{z-index: 6;pointer-events: none;position: absolute;right: 71%;top: 50%;transform: translateY(-50%);}
.indgy-marsk .img{height: auto;width: 9.2rem;position: relative;}
.indgy-marsk .img img{transition: all .8s ease;}
.indgy-marsk .img img.h{position: absolute;left: 0;top: 0;opacity: 0;}
.indgy-marsk .img svg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}


.indgy-logo{position: absolute;z-index: 4;width: calc(100% + 4px);height: calc(100vh + 4px);top: -2px;left: -2px;pointer-events: none;transform-origin: 100% 45%;}
.indgy-logo img {width: 100%;height: 100%;object-fit: cover;}
.indgy-logo .text{position: absolute;width: 100%;left: 0;bottom: 28vh;text-align: center;}
.indgy-logo .ico{position: absolute;width: 25px;height: max(32px,0.4rem);bottom: 19vh;animation: indgyIco 2s ease infinite;background: url("../images/index/indgyic.png") no-repeat center/auto 100%;left: 0;right: 0;margin: 0 auto;}
@keyframes indgyIco{0%{opacity: 1;transform: translateY(0);}100%{opacity: 0;transform: translateY(max(20px,0.4rem));}}
.indgy-shade{position: absolute;z-index: 1;width: 100%;height: 100vh;top: 0;left: 0;background: rgba(0, 0, 0, 0); opacity: 0;}
/* -- */
.indgy .indgy-wrap{opacity: 0;pointer-events: none;transition: all .8s ease;}
.indgy.active .indgy-wrap{opacity: 1;pointer-events: auto;}
.indgy.active .indgy-wrap .indgy-info-list li:nth-child(1){animation: indgyRun 1s ease both .8s;}
.indgy.active .indgy-wrap .indgy-info-list li:nth-child(2){animation: indgyRun 1s ease both 1s;}
.indgy.active .indgy-wrap .indgy-info-list li:nth-child(3){animation: indgyRun 1s ease both 1.2s;}
@keyframes indgyRun{0%{opacity: 0;transform: translateY(max(28px,0.6rem));filter: blur(6px);}100%{opacity: 1;transform: translateY(0);filter: blur(0);}}
/* -- */
.indfa{background: #fff;z-index: 3;}
.indfa-list{width: 100%;}
.indfa-list li{width: 50%;}
.indfa-link{position: relative;width: 100%;height: 100%;}
.indfa-link .img{width: 100%;position: relative;overflow: hidden;}
.indfa-link .img img{width: 100%;height: 9.22rem;}
.indfa-link .img video{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 1;}
/* .indfa-link .img::before{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;background: rgba(0, 0, 0, 0.5);} */
.indfa-info{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 6;display: flex;align-items: center;}
.indfa-info::before{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: #f5f5f5;transition: height .6s ease;}
/* .indfa-list li:nth-child(2) .indfa-info::before{background: #f5f5f5;} */
.indfa-info .cont{width: 5.8rem;text-align: center;margin: 0 auto;position: relative;z-index: 4;transform: translate3d(0,0,4px);}
.indfa-info .cont .link{justify-content: center;}
.indfa-info .cont .title{transition: color .6s ease;}
.indfa-info .cont .text{color: #444;transition: color .6s ease;}
.indfa-list li.active .indfa-info::before{height: 0;}
.indfa-list li.active .indfa-info .cont .title{color: #fff;}
.indfa-list li.active .indfa-info .cont .text{color: #fff;}
.indfa-list li.active .indBtn{border-color: rgba(255, 255, 255, 0.5);color: #fff;}
.indfa-list li.active .indBtn i::before{opacity: 0;}
.indfa-list li.active .indBtn i::after{opacity: 1;}
.indyy{background: #fff;z-index: 3;}
.indyy-loop{width: 100%;overflow: hidden;}
.indyy-loop .swiper-container{width: 100%;padding: max(30px,0.8rem) 30px max(40px,1.1rem);overflow: visible;}
.indyy-link{display: block;width: 100%;position: relative;transition: transform .6s ease;}
.indyy-link .img{width: 100%;overflow: hidden;}
.indyy-link .img img{width: 100%;height: 5.04rem;}
.indyy-link .cont{position: absolute;padding: 0 max(14px,0.3rem) max(16px,0.36rem);width: 100%;height: 100%;top: 0;left: 0;display: flex;flex-direction: column;justify-content: flex-end;z-index: 4;transform: translate3d(0,0,10px);color: #fff;}
.indyy-link:hover{transform: scale(1.16);}
.indyy-link:hover{z-index: 4;}
.indyy-control{width: 12.9rem;margin: 0 auto;align-items: center;justify-content: space-between;}
.indyy-control .swiper-pagination{width: calc(100% - max(88px,1.36rem));background: #eeeff0;height: 2px;position: relative;border-radius: 0;overflow: hidden;}
.indyy-control .swiper-pagination span{background: #f08200;}
.indyy-btn>div{width: max(32px,0.5rem);height: max(32px,0.5rem);border-radius: 50%;background: #e8e6e3;font-size: max(14px,0.16rem);color: #c6c0b9;cursor: pointer;user-select: none;display: flex;align-items: center;justify-content: center;line-height: 1;margin-right: max(8px,0.12rem);transition: all .4s ease;}
.indyy-btn>div:last-child{margin-right: 0;transform: rotateY(180deg);}
.indyy-btn>div:hover{background: #f08200;color: #fff;}
.indlg{background: #fff;z-index: 3;}
.indlg-wrap{width: 100%;}
.indlg::before, .indlg::after{content: "";position: absolute;height: 100%;top: 0;width: 3.6rem;pointer-events: none;z-index: 4;transform: translate3d(0,0,10px);}
.indlg::before{left: 0;background: linear-gradient(to right,#fff,transparent);background: -webkit-linear-gradient(left,#fff,transparent);}
.indlg::after{right: 0;background: linear-gradient(to left,#fff,transparent);background: -webkit-linear-gradient(right,#fff,transparent);}
.indlg-items{width: 100%;user-select: none;margin-top: max(12px,0.3rem);}
.indlg-items:first-child{margin-top: 0;}
.indlg-items:nth-child(2n){transform: rotateY(180deg);}
.indlg-items:nth-child(2n) .indlg-link{transform: rotateY(180deg);}
.indlg-items .swiper-wrapper{transition-timing-function: linear;margin: 0 auto;}
.indlg-items .swiper-container{overflow: visible;}
.indlg-link{width: 100%;height: max(60px,1rem);box-shadow: 0px max(4px,0.08rem) max(18px,0.4rem) 0px rgba(0, 0, 0, 0.1);}
.indlg-link img{max-width: 84%;max-height: 84%;}
.indqq{background: #eeeff0;z-index: 3;}
.indqq-head{width: 100%;align-items: flex-start;justify-content: space-between;}
.indqq-head-num{width: auto;}
.indqq-head-num li{width: 100%;margin-top: max(12px,0.44rem);}
.indqq-head-num li:first-child{margin-top: 0;}
.indqq-head-num li .num{display: flex;align-items: baseline;}
.indqq-head-num li .num span{margin-right: max(4px,0.08rem);}
.indqq-wrap{width: 100%;margin-top: min(-40px,-0.94rem);user-select: none;}
.indqq-wrap .earth{width: 6.2rem;height: 6.2rem;margin: 0 auto;position: relative;z-index: 4;transform: translate3d(0,0,10px);}
.indqq-wrap .text{color: #f08200;justify-content: center;font-size: 3.5rem;line-height: 1;margin-top: -1.75rem;}
.indqq-wrap .text p{display: flex;}
.indqq-wrap .text.animated p span{opacity: 0;animation: indqqRun 1s ease both;}
@keyframes indqqRun {0%{opacity: 0;transform: rotateY(90deg);}100%{opacity: 1;transform: rotate(1);}}
.indxw{background: #fff;z-index: 3;}
.indxw-wrap{width: 100%;}
.indxw-wrap li{position: relative;}
.indxw-main{display: block;width: 100%;height: 100%;transition: background .4s ease;position: relative;}
.indxw-main::before{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;border: 1px solid #eef0f4;transition: border .4s ease;}
.indxw-main .img{width: 100%;height: 2.7rem;overflow: hidden;position: relative;z-index: 2;}
.indxw-main .img img{width: 100%;height: 100%;transition: all .6s ease;}
.indxw-main .cont{height: calc(100% - 2.7rem);display: flex;flex-direction: column;justify-content: space-between;position: relative;z-index: 2;}
.indxw-main .cont .tags, .indxw-main .cont .title, .indxw-main .cont .text, .indxw-main .cont .time{transition: color .4s ease;}
.indxw-main:hover{background: #f08200;}
.indxw-main:hover::before{border-color: #f08200;}
.indxw-main:hover .img img{transform: scale(1.06);}
.indxw-main:hover .cont .tags, .indxw-main:hover .cont .title, .indxw-main:hover  .cont .text, .indxw-main:hover  .cont .time{color: #fff;}
.indxw-more{width: 100%;height: 100%;border: 1px solid #eef0f4;background: linear-gradient(225deg,#eeeff0,#fff);}
.indxw-head{width: 100%;align-items: center;justify-content: space-between;border-bottom: 1px solid #eef0f4;height: max(36px,0.64rem);}
.indxw-head a{color: #f08200;position: relative;}
.indxw-head a::after{content: "";position: absolute;width: 100%;height: 1px;background: #f08200;left: 0;bottom: 0;opacity: 0;transition: opacity .4s ease;}
.indxw-head a:hover::after{opacity: 1;}
.indxw-list{width: 100%;height: 5.5rem;overflow-y: auto;}
.indxw-list::-webkit-scrollbar{width: 4px}
.indxw-link{display: block;width: 100%;}
.indxw-link:first-child{margin-top: 0;}
.indxw-link .title{transition: color .4s ease;}
.indxw-link:hover .title{color: #f08200;}
.indzr{background: #fff;position: relative;z-index: 3;}
.indzr-imgs{width: 100%;position: absolute;top: 0;left: 0;height: 100%;}
/* .indzr-imgs::before{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 4;transform: translate3d(0,0,10px);background: rgba(0, 0, 0, 0.25);} */
.indzr-imgs .swiper-container{height: 100%;}
.indzr-imgs .swiper-slide{height: auto;}
.indzr-imgs img{width: 100%;height: 100%;}
.indzr-imgs .swiper-slide-active img{animation: indzrImg 1s ease both;}
@keyframes indzrImg{0%{transform: scale(1.14);}100%{transform: scale(1);}}
.indzr-wrap{width: 100%;position: relative;z-index: 10;transform: translate3d(0,0,12px);color: #fff;}
.indzr-wrap .contain{align-items: flex-start;justify-content: space-between;}
.indzr-info{width: max(360px,5.92rem);}
.indzr-list{width: max(306px,4.5rem);}
.indzr-list ul{margin: min(-6px,-0.1rem) 0 0 min(-6px,-0.1rem);}
.indzr-list li{width: calc(50% - max(6px,0.1rem));margin: max(6px,0.1rem) 0 0 max(6px,0.1rem);}
.indzr-link{height: max(150px,2.2rem);display: flex;flex-direction: column;align-items: center;justify-content: center;padding: max(8px,0.12rem);border: 2px solid rgba(255, 255, 255, 0.3);transition: background .4s ease, border .4s ease;user-select: none;}
.indzr-link .ico{width: max(32px,0.42rem);height: max(32px,0.42rem);margin: 0 auto;transition: transform .4s ease;}
.indzr-link .ico img{max-height: 100%;}
.indzr-link .text{margin-top: max(10px,0.12rem);}
.indzr-link.active{border-color: #f08200;background: #f08200;}

.banner-cont{background: transparent;}


/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px){
    /* 1600 × (900) */
}
@media all and (max-width:1590px){
    /* 1440 × (700)  */
    .indyy-loop .swiper-container {padding: max(30px,0.8rem) 26px max(40px,1.1rem);}
    .indyy-link .img img{height: 5.8rem;}
    .indxw-list{padding-top: max(16px, 0.3rem);height: 5.48rem;}
}
@media all and (max-width:1430px){
    /* 1360 */
}
@media all and (max-width:1350px){
    /* 1280 */
}
@media all and (max-width:1270px){
    /* 1152 × (700) */
    .indgy-begin-cont {width: 6.2rem;}
    .indyy-loop .swiper-container {padding: max(30px,0.8rem) 20px max(40px,1.1rem);}
    .indxw-list {height: 6.14rem;}
}
/* ------------------------平板端-------------------------- */
@media all and (max-width:1100px){
    /* 1024 横屏 */
    .indTd{position: relative !important;top: 0 !important;}
    .indMk{margin-top: 0 !important;}
    .indgy{height: auto;overflow: hidden;position: relative;}
    .indgy-sticky{position: relative;padding: 60px 0;}
    .indgy-bg,.indgy-shade,.indgy-logo{display: none;}
    .indgy-begin{position: relative;height: auto;}
    .indgy-begin-cont{width: 100%;}
    .indgy-wrap{position: relative;opacity: 1 !important;padding-top: 0;pointer-events: auto !important;margin-top: 40px;}
    .indgy-wrap-bg{display: block;}
    .indgy-wrap .contain{width: 100%;}
    .indgy-info{width: 100%;background: rgba(0, 0, 0, 0.4);position: relative;z-index: 10;padding: 60px 4%;}
    .indxw-list{height: 6.5rem;}
}
/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px){
    /* 移动终端 360 适配 */
    .indgy-sticky {padding: 34px 0 24px;}
    .indgy-marsk{display: none;}
    .indgy-begin-img{width: 70%;margin: 25px auto;}
    .indgy-info {padding: 32px 4%;}
    .indgy-wrap {margin-top: 24px;}
    .indfa-list li{width: 100%;}
    .indfa-info .cont{width: 92%;}
    .indfa-link .img video{display: none;}
    .indfa-link .img img{height: 346px;}
    .indyy-loop{padding: 0 4%;}
    .indyy-loop .swiper-container{overflow: hidden;padding: 20px 0;}
    .indyy-link:hover{transform: scale(1);}
    .indyy-link .img img{height: 232px;}
    .indyy-control{width: 100%;}
    .indlg::before, .indlg::after{width: 15%;}
    .indqq-wrap{margin-top: 0;}
    .indqq-wrap .earth{width: 280px;height: 280px;}
    .indqq-wrap .text {font-size: 102px;margin-top: -60px;}
    .indxw-wrap ul{margin: -14px 0 0 !important;}
    .indxw-wrap li{width: 100% !important;margin: 14px 0 0 !important;}
    .indxw-main .img{height: 170px;}
    .indxw-main .cont {height: auto;}
    .indxw-list{height: auto;}
    .indzr-info{width: 100%;padding-top: 0;}
    .indzr-list{width: 100%;margin-top: 24px;}
}
/* --------------------图片-iPad-调整---------------------- */
@media all and (min-width: 720px) and (max-width: 1000px){
    .indfa-link .img img{height: 738px;}
    .indfa-info .cont{width: 60%;}
    .indyy-link .img img{height: 327px;}
    .indxw-main .img{height: 362px;}
}