/* ===================首页样式========================== */
/* .banner{width: 100%;overflow: hidden;position: relative;} */
.banner {width: 100%;overflow: hidden;position: fixed;top: 0;left: 0;height: 100vh;z-index: 2;}
.banner-loop{width: 100%;overflow: hidden;position: relative;}
.banner-loop .banner-image{width: 100%;overflow: hidden;}
.banner-loop .banner-image img{width: 100%;}
.banner-loop .banner-image .pc{width: 100%;height: 100vh;background-repeat: no-repeat;background-position: center top;}
.banner-loop .banner-image .mb{min-height: 300px;}
.banner-cont{position: absolute;z-index: 4;width: 100%;top: 36%;left: 0;transform: translate3d(0,0,10px);}
/* -- */
.banner-loop-control{position: absolute;z-index: 4;transform: translate3d(0,0,4px);width: 100%;bottom: 120px;pointer-events: none;}
.banner-loop-control .contain{position: relative;}
.banner-loop-control .circle{position: absolute;pointer-events: auto;cursor: pointer;transition: transform .4s;width: 92px;height: 92px;bottom: 54px;right: 0;display: flex;align-items: center;justify-content: center;}
.banner-loop-control .circle i{color: #fff;line-height: 1;transform: rotate(180deg);position: relative;z-index: 4;font-size: 20px;}
.banner-loop-control .circle::before{content: "";position: absolute;width: 100%;height: 100%;top: 0;animation: bannerCtQ 20s linear infinite;left: 0;background: url("../image/bannerText.png") no-repeat center/100% auto;}
@keyframes bannerCtQ{0% {transform: rotate(0)}100% {transform: rotate(-360deg);}}
.banner-loop-control .circle:hover{transform: scale(0.88);}
.banner-loop-control .line{width: 100%;height: 1px;background: rgba(255,255,255,0.3);position: relative;overflow: hidden;}
.banner-loop-control .line i{position: absolute;width: 0;height: 100%;top: 0;left: 0;background: #fff;}
.banner-loop-control .line i.active{animation: bannerLine 4.4s linear both 1.2s;}
.banner-loop-control .line i.active.one{animation: bannerLine 15.8s linear both .2s;}
@keyframes bannerLine{0%{width: 0}100%{width: 100%;}}
/* -- */
.banner-loop-page{position: absolute;z-index: 4;left: 0;bottom: 194px;width: 100%;pointer-events: none;font-size: 0;}
.banner-loop-page .swiper-pagination-bullet {position: relative;width: 7px;height: 7px;background: rgba(255,255,255,0.5);transition: background .6s ease;opacity: 1;margin: 0 0 0 36px !important;pointer-events: auto;}
.banner-loop-page .swiper-pagination-bullet::before{content: "";position: absolute;width: 34px;height: 34px;border: 2px solid #fff;top: 50%;left: 50%;margin: -17px 0 0 -17px;border-radius: 50%;opacity: 0;transform: scale(0);transition: all .6s ease;}
.banner-loop-page .swiper-pagination-bullet:first-child{margin: 0 0 0 10px !important;}
.banner-loop-page .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #fff;}
.banner-loop-page .swiper-pagination-bullet.swiper-pagination-bullet-active::before{opacity: 1;transform: scale(1);}
/* -- */
.banner-news{position: absolute;width: 100%;bottom: 50px;z-index: 4;transform: translate3d(0,0,5px);}
.banner-news .contain{position: relative;}
.banner-news .swiper-container{z-index: 2;top: 8px;}
.banner-news .swiper-wrapper{height: 32px;}
.banner-news .swiper-slide{height: 100%;}
.banner-news-link{width: 100%;display: flex;align-items: center;height: 100%;padding: 0 20px 0 10px;border-radius: 24px;transition: background .4s;}
.banner-news-link .tags{width: 132px;height: 32px;display: flex;align-items: center;justify-content: center;line-height: 1;color: #000;transition: .4s;opacity: 0;}
.banner-news-link .cont{display: flex;width: calc(100% - 132px);align-items: center;padding-left: 24px;transition: opacity .4s;opacity: 0;}
.banner-news-link .cont .time, .banner-news-link .cont .title{color: #fff;transition: .4s;}
.banner-news-link .cont .time{line-height: 1;width: 118px;}
.banner-news-link .cont .title{width: calc(100% - 118px);}
@media all and (min-width:720px) {
    .banner-news-link:hover .tags{color: #fff;}
    .banner-news-link:hover .cont .time, .banner-news-link:hover .cont .title{color: #000;}
}
.swiper-slide-active .banner-news-link .tags{opacity: 1;}
.swiper-slide-duplicate-active .banner-news-link .tags{opacity: 1;}
.swiper-slide-active .banner-news-link .cont{opacity: 1;}
.swiper-slide-duplicate-active .banner-news-link .cont{opacity: 1;}
.banner-news-block{position: absolute;width: 100%;height: 48px;top: 0;left: 0;border-radius: 24px;transition: .4s;padding: 0 10px;display: flex;align-items: center;}
.banner-news-block i{display: block;width: 132px;height: 32px;border-radius: 16px;background: #fff;transition: .4s;}
@media all and (min-width:720px) {
    .banner-news-block.active{background: #fff;}
    .banner-news-block.active i{background: #000;}
}
/* banner视频 */
.banner-shade{position:absolute;width:100%;height:117px;top:0;left:0;z-index:2;background: url("../image/shade.png") repeat-x left top/auto 100%;}
@media all and (max-width:1590px) {
    .banner-shade{height:100px;}
}
.banner-loop .hasVideo .banner-image{animation: hasVideoImg 0s ease both;}
.banner-loop .hasVideo{position: relative;}
@keyframes hasVideoImg {0%{opacity: 1;}100%{opacity: 0;}}
.banner-loop video{width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;z-index: 2;}
@media all and (max-width:1140px) {.banner-loop .hasVideo .banner-image{animation: none;}.banner-loop video, .banner-shade{display: none;}}
/* -- */

.indSection{width: 100%;position: relative;z-index: 8;margin-top: 100vh;background: #fff;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}

/* 品牌 */
.indpp{background: #fff;}
.indpp-head{width: 100%;position: relative;z-index: 4;transform: translate3d(0,0,10px);}
.indpp-head .text{max-width: 946px;}
.indpp-head .cont{display: flex;flex-direction: column;}
.indpp-head .title{line-height: 1.2;display: flex;}
.indpp-head .title .max{overflow: hidden;position: relative;}
.indpp-head .title i{position: absolute;width: 100%;height: 110%;left: 0;top: -5%;transform-origin: 100% 50%;transform: translateZ(0);background: rgba(255,255,255,0.7);}
.indpp-head .title.active i{animation: indppTitleRight 2.6s ease both;}
@keyframes indppTitleLeft{0%{transform: translateX(0);}100%{transform: translateX(-110%);}}
@keyframes indppTitleRight{0%{transform: translateX(0);}100%{transform: translateX(110%);}}
.indpp-list{width: 100%;position: relative;z-index: 4;transform: translate3d(0,0,10px);}
.indpp-ul{margin: -22px 0 0 -22px;}
.indpp-link{display: block;width: calc(100%/3 - 22px);margin: 22px 0 0 22px;position: relative;height: 680px;perspective: 5000px;}
.indpp-link-back, .indpp-link-front{position: absolute;width: 100%;height: 100%;top: 0;left: 0;overflow: hidden;backface-visibility: hidden;transition: transform 2s cubic-bezier(.34,1.56,.64,1);}
.indpp-link-cont{width: 100%;padding: 54px 54px;transform: translate3d(0,0,10px);}
.indpp-link-cont .tags{width: 100%;}
.indpp-link-cont .tags strong{font-weight: normal;line-height: inherit;position: relative;display: block;}
.indpp-link-front img.bg{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.indpp-link-front .indpp-link-cont{position: absolute;top: 0;left: 0;}
.indpp-link-back{transform: rotateY(180deg);background: #232325;z-index: 1000;}
.indpp-link.active .indpp-link-front{transform: rotateY(180deg);}
.indpp-link.active .indpp-link-back{transform: rotateY(0);}
.indpp-shade{position: absolute;width: 100%;height: 100%;top: 0;left: 0;overflow: hidden;}
.indpp-shade .shade{position: absolute;right: 0;}
.indpp-shade .shade{right: -50vw;top: -60vw;width: 80vw;height: 80vw;border-radius: 50%;animation: indppShade 24s cubic-bezier(.2,0,.8,1) infinite;background: linear-gradient(0,rgba(243,155,161,.83) 33.84%,#fff 0);filter: blur(80px);}
@keyframes indppShade{
    0%{opacity: 1;filter: blur(80px);transform: translate(0,0) scale(1);}
    25%{opacity: 0.8;filter: blur(120px);transform: translate(10%,20%) scale(1.2);}
    60%{opacity: 0.5;filter: blur(80px);transform: translate(0,40%) scale(0.8);}
    80%{opacity: 0.8;filter: blur(100px);transform: translate(10%,20%) scale(1.2);}
}

.indjs{background: #fff;}
.indjs-imgs{width: 100%;overflow: hidden;position: relative;}
.indjs-imgs .swiper-wrapper{height: 888px;}
.indjs-imgs img{width: 100%;object-fit: cover;height: 100%;transition: transform 0.5s 0.4s;}
/*.indjs-imgs .swiper-slide-active img{transform: scale(1.12);transition: transform 5s 1s;}*/
.indjs-cont, .indjs-menu{position: absolute;width: 100%;bottom: 80px;left: 0;pointer-events: none;user-select: none;z-index: 4;transform: translate3d(0,0,10px);}
.indjs-cont-info{width: calc(100% - 824px - 100px);pointer-events: auto;display: none;}
.indjs-cont-info .link a{display: flex;align-items: center;position: relative;}
.indjs-cont-info .link i{margin-left: 16px;transform: rotate(45deg);font-size: 16px;line-height: 1;margin-top: 2px;}
.indjs-cont-info .link a::after{content: "";position: absolute;width: 100%;height: 1px;background: #fff;left: 0;bottom: 0;opacity: 0;transition: .4s;}
.indjs-cont-info .link a:hover::after{opacity: 1;}
.indjs-cont-info .title, .indjs-cont-info .link{opacity:0;}
.indjs-cont-info.active{display: block;}
.indjs-cont-info.active .title{animation: indjsText 1s ease both .2s;}
.indjs-cont-info.active .link{animation: indjsText 1s ease both .4s;}
@keyframes indjsText{0%{opacity: 0;transform: translateY(60px);}100%{opacity: 1;transform: translateY(0);}}

.indjs-menu .contain{display: flex;justify-content: flex-end;}
.indjs-menu-box{width: 824px;border: 1px solid #fff;pointer-events: auto;position: relative;border-radius: 30px;height: 130px;padding: 0 58px;}
.indjs-menu-box:before {content: "";position: absolute;left: 0;top: 0;right: 0;bottom: 0;background: rgba(0,0,0,.1);backdrop-filter: blur(30px);border-radius: 30px;}
.indjs-menu-box .swiper-container{height: 100%;padding: 0 0 20px;overflow-x: clip;overflow-y: visible;}
.indjs-menu-box .swiper-slide {position: relative;width: 70px;height: 70px;margin-bottom: 10px;border-radius: 35px;overflow: hidden;align-self: end;}
.indjs-menu-box .swiper-slide.swiper-slide-active {width: 160px;height: 212px;margin-bottom: 0;background: #eee;border-radius: 20px;transition: height .3s,border-radius .3s;}
.indjs-menu-mix{width: 100%;position: relative;height: 100%;cursor: pointer;}
.swiper-slide-active .indjs-menu-mix{padding: 14px 14px 20px 18px;}
.indjs-menu-logo{text-align: right;}
.indjs-menu-logo img {width: 70px;height: 70px;}
.swiper-slide-active .indjs-menu-logo img{width: 55px;height: 55px;border-radius: 50%;}
.indjs-menu-info{display: none;width: 100%;}
.indjs-menu-info .hint strong{height: 20px;padding: 0 8px;border-radius: 10px;border: 1px solid #000;font-weight: 400;}
.swiper-slide-active .indjs-menu-info{display: block;margin-top: 26px;text-align: left;}
.indjs-menu-btn{position: absolute;width: 30px;height: 30px;background: rgba(0,0,0,.1);border: 1px solid #fff;border-radius: 15px;backdrop-filter: blur(5px);z-index: 10;transform: translate3d(0,0,12px);margin-top: -15px;top: 50%;color: #fff;display: flex;align-items: center;justify-content: center;font-size: 12px;cursor: pointer;}
.indjs-menu-btn i{font-size: inherit;line-height: 1;}
.indjs-menu-btn.prev{left: 14px;transform: translate3d(0,0,10px);}
.indjs-menu-btn.next{right: 14px;transform: translate3d(0,0,10px) rotateY(180deg);}

.indal{background: #fff;}
.indal-head{width: 100%;position: relative;z-index: 4;transform: translate3d(0,0,10px);}
.indal-head .cont{display: flex;flex-direction: column;}
.indal-head .title{line-height: 1.2;display: flex;}
.indal-head .title .max{overflow: hidden;position: relative;}
.indal-head .title i{position: absolute;width: 100%;height: 110%;left: 0;top: -5%;transform-origin: 100% 50%;transform: translateZ(0);background: rgba(255,255,255,0.7);}
.indal-head .title.active i{animation: indppTitleRight 2.6s ease both;}
.indal-head .text{width: 100%;}
.indal-head .text a{position: relative;display: flex;margin-right: 20px;transition: color .4s;}
.indal-head .text a:last-child{margin-right: 0;}
.indal-head .text a::before{content: "/";position: absolute;top: 0;right: -14px;}
.indal-head .text a:last-child::before{display: none;}
.indal-head .text a::after{content: "";position: absolute;width: 100%;height: 1px;left: 0;bottom: 4px;background: #161618;opacity: 0;transition: .4s;}
.indal-head .text a:hover{color: #000;}
.indal-head .text a:hover::after{opacity: 1;}
.indal-list{width: 100%;}
.indal-ul{margin: -80px 0 0 -50px;}
.indal-link{display: block;width: calc(100%/2 - 50px);margin: 80px 0 0 50px;}
.indal-link-img{width: 100%;transform-style: preserve-3d;transform: perspective(200vw);}
.indal-link-img .imgwrap{width: 100%;overflow: hidden;position: relative;overflow: hidden;transition: box-shadow 0.5s ease-in-out;}
.indal-link-img img.bg{width: 100%;height: 520px;transition: transform 0.5s ease-in-out;}
.indal-link-img:hover .imgwrap{box-shadow: 30px 30px 40px -10px rgba(0, 0, 0, 0.15);}
.indal-link-img:hover img.bg{transform: scale(1.1);}
.indal-more{width: 100%;display: flex;justify-content: center;}

.indjz{background: #1d1a18;height: 1100px;}
.indjz-ball{width: 100%;position: absolute;height: 100%;top: 0;left: 0;pointer-events: none;z-index: 2;overflow: hidden;}
.indjz-ball-bg{position: absolute;width: 100%;height: 100%;top: 0;left: 0;overflow: hidden;display: flex;justify-content: center;padding-right: 100px;}
.indjz-ball-bg img{width: auto;position: relative;height: 100%;}
.indjz-ball-bg>div{height: 74vh;}
.indjz-ball-bg-1{transform-origin: 52% 52%;animation: boxRotate 6s linear infinite;}
.indjz-ball-bg-1 img{animation: innerRotate 6s linear infinite;}
.indjz-ball-bg-2{transform-origin: 52% 52%;animation: boxRotate 4s linear infinite;}
.indjz-ball-bg-2 img{animation: innerRotate 4s linear infinite;}
.indjz-ball-bg-3{transform-origin: 48% 48%;animation: boxRotate 8s linear infinite;margin-left: 20%;}
.indjz-ball-bg-3 img{animation: innerRotate 8s linear infinite;}
@keyframes boxRotate {0% {transform: rotate(0)}to {transform: rotate(1turn)}}
@keyframes innerRotate {0% {transform: rotate(0)}to {transform: rotate(-1turn)}}
.indjz-info{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 6;overflow: hidden;pointer-events: none;}
.indjz-info .text{font-size: 140px;position: absolute;font-weight: 700;line-height: 1;}
.indjz-info .text.text1{top: 22%;left: -80px;-webkit-text-stroke:1px #fff;-webkit-background-clip: text;background-clip: text;color: transparent;}
.indjz-info .text.text2{top: 38%;right: -80px;color: #fff;}
.indjz-imgs{overflow: hidden;visibility: hidden;opacity: 0;pointer-events: none;position: absolute;width: 100%;top: 0;left: 0;}
.indjz-imgs .wrap{justify-content: center;}
.indjz-imgs .wrap img{margin: 10px;}
.indjz-logo{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 4;opacity: 0;}
.indjz-logo canvas{border: none;outline: none;}
.indjz-logo.on{animation: indjzLogo 1s ease both 0.8s;}
@keyframes indjzLogo{0%{opacity: 0;}100%{opacity: 1;}}

.indxx{background: #fff;overflow: visible;}
.indxx-shade{position: absolute;width: 100%;height: 100%;bottom: 0;left: 0;background: #1d1a18;}
.indxx.on .indxx-shade{background: #fff;transition: background 1.25s cubic-bezier(.19,1,.22,1);}
.indxx-head{width: 100%;position: relative;z-index: 4;transform: translate3d(0,0,10px);}
.indxx-head .cont{display: flex;flex-direction: column;align-items: center;}
.indxx-head .title{line-height: 1.2;display: flex;transition: color 1.25s cubic-bezier(.19,1,.22,1);color: #fff;}
.indxx.on .indxx-head .title{color: #161618;}
.indxx-head .title .max{overflow: hidden;position: relative;}
.indxx-head .title i{display: none;position: absolute;width: 100%;height: 110%;left: 0;top: -5%;transform-origin: 100% 50%;transform: translateZ(0);background: rgba(255,255,255,0.7);}
.indxx-mix{width: 100%;position: relative;z-index: 4;}
/* -- */
.indxx-name, .indxx-data{position: sticky;width: 100%;margin: 0 auto;background-color: #fff;}
.indxx-name::after, .indxx-data::after{content: "";position: absolute;display: block;bottom: -5px;left: 0;width: 100%;height: 20px;background-color: #fff;}
.indxx-name::after{height: 40px;bottom: -34px;}
.indxx-data::after{bottom: -50%;height: 50vh;}
.indxx-name{height: 60px;display: flex;z-index: 4;will-change: transform;align-items: center;justify-content: center;border-radius: 30px 30px 0 0;box-shadow: 0 10px 30px -1px rgba(0,0,0,0.1),inset 0 2px 0 0 #eb848a;}
.indxx-name .name{position: relative;z-index: 2;}
.indxx-data{padding: 40px 0;box-shadow: 0 -20px 30px -1px rgba(0,0,0,0.1);}
.indxx-data .contain{justify-content: center;display: flex;align-items: center;position: relative;z-index: 2;}
.indxx-data-img{display: block;position: relative;width: 670px;overflow:hidden}
.indxx-data-img .host{width: 100%;position: relative;z-index: 2;}
.indxx-data-img .img{width: 100%;position: relative;z-index: 3;max-height: 385px;}
.indxx-data-img .circle{width: 366px;height: 366px;position: absolute;left: 0;right: 0;margin: 0 auto;top: 50%;margin-top: -196px;border-radius: 50%;transition: .6s;display:none !important}
.indxx-data-img:hover .circle{transform: scale(0.94);}
.indxx-data-cont{width: 644px;margin-left: 100px;margin-top: -30px;}
/* - */
.indxx-name-1, .indxx-data-1{width: calc(100% - 20px*(5 - 1));}
.indxx-name-2, .indxx-data-2{width: calc(100% - 20px*(5 - 2));}
.indxx-name-3, .indxx-data-3{width: calc(100% - 20px*(5 - 3));}
.indxx-name-4, .indxx-data-4{width: calc(100% - 20px*(5 - 4));}
.indxx-name-5, .indxx-data-5{width: calc(100% - 20px*(5 - 5));}
/* -- */
.indxx-mb{width: 100%;display: none;}
.indxx-mb .indxx-name, .indxx-mb .indxx-data{width: 100%;position: relative;box-shadow: none;}
.indxx-mb .swiper-container{padding: 50px 0;}
.indxx-mb .indxx-name::after, .indxx-mb .indxx-data::after{display: none;}
.indxx-mb .indxx-mb-wrap{width: 92%;margin: 0 auto;overflow: hidden;border-radius: 14px;border-top: 2px solid #eb848a;box-shadow: 0 8px 20px -1px rgba(0,0,0,0.1);}
.indxx-mb .swiper-pagination{font-size: 0;width: 100%;bottom: 10px;}
.indxx-mb .swiper-pagination-bullet {width: 30px;height: 4px;border-radius: 2px;background: #dadada;opacity: 1;margin: 0 8px;}
.indxx-mb .swiper-pagination-bullet-active {background: #e10f1c;}

.indxw{background: #fff;z-index: 4;}
.indxw-head{width: 100%;position: relative;z-index: 4;transform: translate3d(0,0,10px);}
.indxw-head .cont{display: flex;flex-direction: column;}
.indxw-head .title{line-height: 1.2;display: flex;}
.indxw-head .title .max{overflow: hidden;position: relative;}
.indxw-head .title i{position: absolute;width: 100%;height: 110%;left: 0;top: -5%;transform-origin: 100% 50%;transform: translateZ(0);background: rgba(255,255,255,0.7);}
.indxw-head .title:nth-child(1).active i{animation: indppTitleRight 2.6s ease both;}
.indxw-mix{width: 100%;}
.indxw-ul{margin: -48px 0 0 -48px;}
.indxw-list{width: calc(100%/2 - 48px);margin: 48px 0 0 48px;}
.indxw-main{display: block;width: 100%;position: relative;}
.indxw-main-img{width: 100%;overflow: hidden;position: relative;}
.indxw-main-img img{width: 100%;height: 456px;transition: .6s;max-width: none;}
.indxw-main-cont{width: 258px;color: #fff;padding: 44px 30px 50px;height: 100%;display: flex;flex-direction: column;justify-content: space-between;position: absolute;z-index: 4;transform: translate3d(0,0,10px);overflow: hidden;top: 0;left: 0;}
.indxw-main-cont .top, .indxw-main-cont .bottom{position: relative;z-index: 2;transform: translate3d(0,0,10px);}
.indxw-main-cont .shade{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: #161618;}
.indxw-main-cont .hint{display: flex;}
.indxw-main-cont .hint span{display: flex;align-items: center;height: 28px;background: #e10f1c;padding: 0 20px;border-radius: 14px;}
.indxw-main-cont .title{line-height: 1.24;}
.indxw-main-cont .time{align-items: baseline;line-height: 1;padding-left: 20px;position: relative;}
.indxw-main-cont .time span{margin-right: 12px;}
.indxw-main-cont .time::before{content: "";position: absolute;width: 2px;height: calc(100% - 12px);top: 5px;left: 0;background: #fff;}
.indxw-main:hover .indxw-main-img img{transform: scale(1.04);}
.indxw-info{display: block;width: 100%;}
.indxw-info .title{transition: .4s ease;}
.indxw-info .text{padding-right: 60px;}
.indxw-info .link{transition: .4s ease;}
.indxw-info:hover .title{color: #000;}
.indxw-info:hover .link{color: #000;}
.indxw-more{width: 100%;border-top: 2px solid #f3f3f3;}
.indxw-more a{align-items: center;transition: .4s;}
.indxw-more a .time{line-height: 1;width: 98px;}
.indxw-more a .title{line-height: inherit;width: calc(100% - 98px - 60px);}
.indxw-more a .time::after{content: "·";margin: 0 10px;}
.indxw-more a:hover{color: #000;}



/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
    .banner-loop .banner-image .pc{background-size: cover;}
    .indpp-link{height: 564px;}
    .indjs-imgs .swiper-wrapper {height: 828px;}
    .indjs-menu-box{width: 800px;padding: 0 50px;border-radius: 26px;}
    .indjs-menu-box:before{border-radius: 26px;}
    .indjs-menu-btn.prev{left: 10px;}
    .indjs-menu-btn.next{right: 10px;}
    .indjs-cont-info {width: calc(100% - 800px - 80px);}
    .indjs-menu-box .swiper-slide.swiper-slide-active {border-radius: 16px;}
    .indal-ul {margin: -70px 0 0 -50px;}
    .indal-link {width: calc(100%/2 - 50px);margin: 70px 0 0 50px;}
    .indal-link-img img.bg{height: 430px;}
    .indal-head .text a::before {right: -12px;}
    .indxx-name {border-radius: 26px 26px 0 0;}
    .indxw-main-img img{height: 378px;}
    .indxw-main-cont {padding: 36px 30px 40px;}
}

@media all and (max-width:1590px) {
    /* 1440 × (700)  */
    .banner-news {bottom: 40px;}
    .banner-loop-control{bottom: 96px;}
    .banner-loop-control .circle{bottom: 34px;}
    .indpp-ul {margin: -20px 0 0 -20px;}
    .indpp-link {width: calc(100%/3 - 20px);margin: 20px 0 0 20px;height: 508px;}
    .indpp-link-cont {padding: 46px 40px;}
    .indjs-imgs .swiper-wrapper{height: 745px;}
    .indjs-menu-box{width: 640px;border-radius: 20px;padding: 0 58px;}
    .indjs-menu-box:before{border-radius: 20px;}
    .indjs-menu-btn.prev{left: 14px;}
    .indjs-menu-btn.next{right: 14px;}
    .indjs-cont-info {width: calc(100% - 640px - 60px);}
    .indjs-cont, .indjs-menu{bottom: 66px;}
    .indal-ul {margin: -60px 0 0 -36px;}
    .indal-link {width: calc(100%/2 - 36px);margin: 60px 0 0 36px;}
    .indal-link-img img.bg{height: 390px;}
    .indjz-info .text {font-size: 100px;}
    .indjz-info .text.text2 {top: 37%;}
    .indjz{height: 940px;}
    .indxx-name{height: 50px;}
    .indxx-data-img {width: 540px;}
    .indxx-data-cont {width: 610px;margin-left: 80px;margin-top: -40px;}
    .indxx-data-img .img {max-height: 365px;}
    .indxx-data-img .circle {width: 348px;height: 348px;margin-top: -186px;}
    .indxx-name {border-radius: 20px 20px 0 0;}
    .indxw-ul {margin: -32px 0 0 -32px;}
    .indxw-list {width: calc(100%/2 - 32px);margin: 32px 0 0 32px;}
    .indxw-main-img img{height: 344px;}
    .indxw-main-cont {width: 236px;padding: 30px 26px 36px;}
    .indxw-main-cont .time::before {height: calc(100% - 10px);top: 4px;}
    .indjs-menu-box .swiper-slide.swiper-slide-active{height: 204px;}
    .indpp-head .text{max-width: 840px;}
    .banner-loop-page{bottom: 148px;}
    .banner-loop-page .swiper-pagination-bullet {margin: 0 0 0 30px !important;}
    .banner-loop-page .swiper-pagination-bullet::before {width: 28px;height: 28px;margin: -14px 0 0 -14px;}
}

@media all and (max-width:1430px) {
    /* 1360 */
    .indpp-link{height: 468px;}
    .indjs-imgs .swiper-wrapper{height: 702px;}
    .indjs-cont, .indjs-menu{bottom: 60px;}
    .indal-link-img img.bg{height: 360px;}
    .indxx-data-cont {margin-left: 50px;}
    .indxw-main-img img{height: 317px;}
}

@media all and (max-width:1350px) {
    /* 1280 */
    .indpp-link{height: 441px;}
    .indjs-imgs .swiper-wrapper{height: 662px;}
    .indjs-menu-box{width: 620px;padding: 0 50px;}
    .indjs-menu-btn.prev{left: 10px;}
    .indjs-menu-btn.next{right: 10px;}
    .indjs-cont-info {width: calc(100% - 620px - 40px);}
    .indjs-cont, .indjs-menu{bottom: 50px;}
    .indal-link-img img.bg{height: 340px;}
    .indxx-data-cont {width: 510px;}
    .indxw-main-img img{height: 300px;}
}

@media all and (max-width:1270px) {
    /* 1152 × (700) */
    .banner-news {bottom: 36px;}
    .banner-loop-control {bottom: 90px;}
    .banner-loop-control .circle {bottom: 28px;}
    .indpp-link{height: 383px;}
    .indpp-link-cont {padding: 32px 28px;}
    .indjs-imgs .swiper-wrapper{height: 595px;}
    .indjs-menu-box{width: 440px;border-radius: 14px;}
    .indjs-menu-box:before{border-radius: 14px;}
    .indjs-cont-info {width: calc(100% - 440px - 40px);}
    .indal-ul {margin: -40px 0 0 -24px;}
    .indal-link {width: calc(100%/2 - 24px);margin: 40px 0 0 24px;}
    .indal-link-img img.bg{height: 300px;}
    .indjz-info .text {font-size: 80px;}
    .indjz-info .text.text2 {top: 34%;}
    .indxw-ul {margin: -24px 0 0 -24px;}
    .indxw-list {width: calc(100%/2 - 24px);margin: 24px 0 0 24px;}
    .indxx-data-img {width: 430px;}
    .indxx-data-img .img {max-height: 320px;}
    .indxx-data-cont {width: 432px;margin-left: 30px;}
    .indxx-data-img .circle {width: 300px;height: 300px;margin-top: -162px;}
    .indxw-main-cont {width: 188px;padding: 24px 20px 28px;}
    .indxw-main-img img{height: 262px;}
    .indxw-main-cont .time::before {height: calc(100% - 8px);top: 3px;}
    .indxw-main-cont .time {padding-left: 16px;}
    .indxw-main-cont .time span {margin-right: 10px;}
    .indjs-menu-box .swiper-slide.swiper-slide-active {border-radius: 12px;}
    .indjs-menu-box .swiper-slide.swiper-slide-active{height: 200px;}
    .indxx-name {border-radius: 14px 14px 0 0;}
    .indxw-more a .time{width: 93px;}
    .indxw-more a .title {width: calc(100% - 93px);}
    .banner-loop-page{bottom: 134px;}
    .banner-loop-page .swiper-pagination-bullet {margin: 0 0 0 28px !important;}
    .banner-loop-page .swiper-pagination-bullet::before {width: 24px;height: 24px;margin: -12px 0 0 -12px;}
}

/* ------------------------平板端-------------------------- */
@media all and (max-width:1100px) {
    /* 1024 横屏 */
    .banner{top: 60px;}
    .banner, .banner-loop .banner-image .pc{height: 38vh;}
    .indSection{margin-top: calc(38vh + 60px);}
    .indjz-logo, .indjz-imgs{display: none !important;}
    .indjz-ball-bg>div {height: 650px;}
    .indjz {height: 820px;}
    .indxx-shade{display: none;}
    .indxx-head .title{color: #161618;}
    .indjz-info .text.text1{top: 36%;}
    .indjz-info .text.text2{top: 50%;}
    .indxx-mix{display: none;}
    .indxx-mb{display: block;}
    .indpp-link{perspective: none;}
    .indpp-link-back{display: none;}
    .indal-head .title i, .indpp-head .title i, .indxw-head .title i{display: none;}
    .indxw-main-cont .shade {display: none;}
    .indxw-main-cont{background: #161618;}
    .indxw-main-cont .hint, .indxw-main-cont .title, .indxw-main-cont .time{opacity: 1;animation: none !important;}
    .banner-loop-control .circle{display: none;}
    .indjs-shade{display: none;}
    .indjs-cont-info .link i {margin-left: 8px;font-size: 14px;margin-top: 0;}
    .indxx-mb .swiper-slide{height:auto}
    .indxx-mb .indxx-mb-wrap{height: 100%}
}

@media all and (max-width:1000px) {
    /* 720 竖屏 */
    .indpp-link{height: 278px;}
    .indpp-link-front .indpp-link-cont .hint{display: none;}
    .indpp-link-cont {padding: 24px 18px;}
    .indjs-imgs .swiper-wrapper{height: auto;}
    .indjs-menu-box{width: 100%;padding: 0;}
    .indjs-menu{bottom: 16px;}
    .indjs-cont{bottom: 122px;}
    .indjs-cont-info .title, .indjs-cont-info .link{opacity:1;animation:none !important}
    .indjs-cont-info{width: 100%;}
    .indal-link-img img.bg{height: 218px;}
    .indjz-info .text {font-size: 68px;}
    .indjz-info .text.text1 {top: 32%;}
    .indjz-ball-bg>div {height: 410px;}
    .indjz {height: 540px;}
    .indxx-data .contain{flex-wrap: wrap;flex-direction: column;}
    .indxx-data-cont{width: 100%;margin: 30px 0 0;}
    .indxw-ul {margin: -40px 0 0;}
    .indxw-list {width: 100%;margin: 40px 0 0;}
    .indxw-main-img img{height: 396px;}
    .indxw-main-cont{width: 240px;}
    .indxw-info .text {padding-right: 0;}
    .indxw-more a .title {width: calc(100% - 98px);}
    .banner-loop-page {bottom: 116px;}
}

/* ------------------------手机端-------------------------- */
@media all and (max-width:720px) {
    /* 移动终端 360 适配 */
    .banner, .banner-loop .banner-image .mb{height: calc(100vh - 60px - 70px);}
    .indSection{margin-top: 100vh;}
    .banner-news{bottom: 12px;}
    .banner-news .swiper-container{top: 0;}
    .banner-news .swiper-wrapper{height: 60px;}
    .banner-news .swiper-slide{height: 100%;}
    .banner-news-link{padding: 0;border-radius: 0;flex-wrap: wrap;}
    .banner-news-link .tags{width: 72px;height: 28px;opacity: 1;background: #fff;border-radius: 14px;}
    .banner-news-link .cont{width: 100%;padding-left: 0;height: 28px;margin-top: 4px;opacity: 1;}
    .banner-news-link .cont .time{width: 86px;}
    .banner-news-link .cont .title{width: calc(100% - 86px);}
    .banner-news-block {height: 28px;border-radius: 0;padding: 0;display: none !important;}
    .banner-news-block i {width: 72px;height: 28px;border-radius: 14px;}
    .banner-loop-control {bottom: 90px;}
    .indal-head .title, .indpp-head .title ,.indxw-head .title{font-size: 20px;}
    .indpp-shade{display: none;}
    .indpp-ul {margin: -20px 0 0;}
    .indpp-link {width: 100%;margin: 20px 0 0;height: 280px;}
    .indpp-link-front .indpp-link-cont .hint {display: block;}
    .swiper-slide-active .indjs-menu-info{display: none;}
    .swiper-slide-active .indjs-menu-mix{padding: 0;}
    .indjs-menu-logo img {width: 56px;height: 56px;}
    .indjs-menu-box .swiper-slide {width: 56px;height: 56px;margin-bottom: 10px;border-radius: 28px;margin-top: 10px;}
    .indjs-menu-box .swiper-slide.swiper-slide-active{width: 56px;height: 56px;border-radius: 28px;background: transparent;margin-bottom: 10px;}
    .swiper-slide-active .indjs-menu-logo img {width: 56px;height: 56px;}
    .indjs-menu-box{height: 84px;border-radius: 8px;}
    .indjs-menu-box:before {border-radius: 8px;}
    .indjs-menu-box .swiper-container {padding: 0 0 4px;}
    .indjs-menu-btn.prev{left: 6px;}
    .indjs-menu-btn.next{right: 6px;}
    .indjs-cont-info .title{font-size: 20px;}
    .indjs-menu-box::after{content: "";position: absolute;border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 6px solid #fff;width: 0;height: 0;bottom: 0;left: 0;right: 0;margin: 0 auto;}
    .indal-ul {margin: -20px 0 0 ;}
    .indal-link {width: 100%;margin: 20px 0 0;}
    .indal-link-img img.bg{height: 211px;}
    .indjz-info .text {font-size: 32px;}
    .indjz-ball-bg {padding-right: 34px;}
    .indjz-ball-bg>div {height: 220px;}
    .indjz {height: 288px;}
    .indxx-head .title{font-size: 20px;}
    .indxx-mb .swiper-container {padding: 28px 0 40px;}
    .indxx-data{padding: 0 0 30px;}
    .indxx-data-img {width: 100%;}
    .indxx-data-img .img {max-height: 224px;}
    .indxx-data-img .circle {width: 210px;height: 210px;margin-top: -110px;}
    .indxx-mb .indxx-mb-wrap {border-radius: 8px;box-shadow: 0 8px 16px -1px rgba(0,0,0,0.1);}
    .indxx-data-cont {margin: 20px 0 0;}
    .indxx-mb .swiper-pagination-bullet {width: 20px;height: 3px;margin: 0 4px;}
    .indxw-main-img img{height: 185px;}
    .indxw-main-cont{position: relative;width: 100%;padding: 18px 16px;}
    .indxw-main-cont .bottom{margin-top: 10px;}
    .indxw-main-cont .time::before {height: calc(100% - 5px);top: 2px;}
    .indxw-main.active .indxw-main-cont .title{font-size: 16px;}
    .indxw-ul {margin: -28px 0 0;}
    .indxw-list {margin: 28px 0 0;}
    .indxw-list:last-child{display:none}
    .indxw-more a .time::after {margin: 0 8px;}
    .indxw-more a .time{width: 79px;}
    .indxw-more a .title {width: calc(100% - 79px);}
    .banner-loop-page{bottom: 120px;}
    .banner-loop-page .swiper-pagination-bullet {width: 6px;height: 6px;margin: 0 0 0 24px !important;}
    .banner-loop-page .swiper-pagination-bullet::before {width: 24px;height: 24px;margin: -12px 0 0 -12px;}
    .indjs-menu-btn{display:none}
    .banner-cont{top: 9%;}
}