@charset "utf-8";
/* ===================首页样式========================== */
.indNews-img img{width: 100%;height: 6.2rem;}
.indNews-con{z-index: 2;position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: 0.5rem 0.6rem;}
.indNews-con .more{align-items: center;}
.indNews-con .more i{font-size: 10px;display: block;transform: rotate(180deg);margin-left: 8px;transition: all .4s ease;}
.indNews-con .more:hover i{transform: translateX(5px) rotate(180deg);}
.indAb .contain{width: 100%;transition: all .1s linear;}
.indAb-flex{overflow: hidden;}
.indAb-bg img{width: 100%;}
.indAb-con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;flex-direction: column;justify-content: center;padding: 0 0.9rem;}
.indAb-con .title{color: #fff;}
.indAb-con .text{width: max(400px,5.3rem);}
.indSol-img{position: relative;}
.indSol-img::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: linear-gradient(to bottom,transparent 50%,rgba(0,0,0,.8) 200%);}
.indSol-img img{width: 100%;height: 5.4rem;}
.indSol-show{z-index: 2;position: absolute;;left: 0;bottom: 0;width: 100%;padding: 0.4rem;transition: all .4s ease .2s;}
.indSol-hide{background: rgba(255, 255, 255, .05); backdrop-filter: blur(15px); z-index: 5;position: absolute;left: 50%;bottom: 0.2rem;width: calc(100% - 0.48rem);transform: translate(-50%,50%);opacity: 0; padding: 0.4rem;transition: all .6s ease;}
.indSol-hide .text{color: rgba(255, 255, 255, .8);}
.indSol-hide .more{align-items: center;}
.indSol-hide .more i{display: block;transform: rotate(180deg);margin-left: max(8px,0.1rem);transition: all .4s ease;font-size: 10px;}
.indSol-hide .more:hover i{transform: translateX(5px) rotate(180deg);}
.indSol-item:hover .indSol-show{opacity: 0;transition: all .2s ease;}
.indSol-item:hover .indSol-hide{opacity: 1;transform: translate(-50%,0);transition: all .6s ease;}
.indPro-img img{width: 100%;}
.indPro-con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;flex-direction: column;justify-content: center;padding: 0 1rem;}
.indPro-pagination{position: absolute;left: 0;bottom: 0.9rem;width: 100%;padding: 0 1rem;z-index: 2;}
.banner-con{background: #e3e6ed;}
.banner-con .contain{height: 100vh;position: relative;}
.banner-con .title{align-items: center; display: flex;justify-content: center; font-weight: 700; color: rgba(255, 255, 255, .85);position: absolute;left: 0;top: 0;width: 100%;height: 100%;font-size: 1.4rem;line-height: 1;filter: blur(20px);transition: all 1s linear;}
.banner-con .title p:nth-child(1){transform: translate(-1.2rem,-1.2rem);}
.banner-con .title p:nth-child(2){transform: translate(1.2rem,2.9rem);margin-left: 1rem;}
.banner-con .title p span{display: block;}
.banner-con .img{z-index: 2;position: absolute;left: 0;bottom: 0;width: 100%;}
/* .banner-con .img img{width: 8.39rem;} */
.banner-con .img img,.loading-img img{width: 91vh;}
.swiper-slide-active .banner-con .title{filter: blur(0);}
.swiper-slide-active.first .banner-con .title{transition: none;}
.banner-pagination{z-index: 5;position: absolute;left: 0;bottom: 0.6rem;width: 100%;}
.banner{position: fixed;left: 0;top: 0;width: 100%;}
.indGroup{margin-top: 100vh;position: relative;z-index: 10;background: #fff;}

.loading-img{position: absolute;left: 50%;bottom: 0;width: var(--wid);transform: translateX(-50%);opacity: 0;animation: imgAni 1s linear 4.3s both;}
.loading-img img{z-index: 10;}
/* 5 */
.loading-view{display: none; position: fixed;z-index: 99999;width: 100%;height: 100%;background: #fff;left: 0;top: 0;animation: bgAni 1s linear 4.5s both;}
.loading-logo{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 100%;font-size: 2rem;line-height: 1;}
/* 2 */
.loading-logo p{margin: 0 0.2rem;animation: logoAni1 .5s ease both;}
.loading-logo p:nth-child(3){margin-left: 1.1rem;}
.loading-logo p span{display: block;animation: logoAni2 .6s ease both;padding: 0.3rem 0;}
.loading-logo img{height: 1.56rem;}
.loading-slogan{font-size: 1.2rem; width: 100%; white-space: nowrap;align-items: center;justify-content: center;width: 100%; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
/* 4 */
.loading-slogan .title:nth-child(1){animation: sloganAni1 1.2s ease-out both 4s;}
.loading-slogan .title:nth-child(2){margin-left: 1rem;animation: sloganAni2 1.2s ease-out both 4s;}
/* 3 */
.loading-slogan .title p{animation: logoAni1 .5s ease both;}
.loading-slogan .title span{display: block;}
.loading-mask{position: absolute;left: 0;top: 0;z-index: 3;width: 100%;height: 100%;}
/* 1 */
.loading-mask span{animation: maskAni1 5.6s ease-out both; display: block;position: absolute;left: 0;top: 0;width: 100%;height: 50%;background: #000;}
.loading-mask span:nth-child(2){top: auto;bottom: 0;}
@keyframes imgAni {0%{opacity: 0;}100%{opacity: 1;}}
@keyframes bgAni {0%{background: #fff;}100%{background: transparent;}}
@keyframes maskAni1 {0%{height: 50%;}100%{height: 0;}}
@keyframes logoAni1 {0%{transform: translateY(100%);}100%{transform: translateY(0);}}
@keyframes logoAni2 {0%{transform: translateY(0);}100%{transform: translateY(-100%);}}
@keyframes sloganAni1 {0%{opacity: 1;transform: translate(0,0) scale(1);color: #000;}100%{opacity: 1;transform: translate(-1.6rem,-1.2rem) scale(1.167);color: #fff;}}
@keyframes sloganAni2 {0%{opacity: 1;transform: translate(0,0) scale(1);color: #000;}100%{opacity: 1;transform: translate(1.6rem,2.9rem) scale(1.167);color: #fff;}}


/* 英文 */
@keyframes sloganAni3 {0%{opacity: 1;transform: translate(0,0) scale(1);color: #000;}100%{opacity: 1;transform: translate(-0.4rem,-1.2rem) scale(1.167);color: #fff;}}
@keyframes sloganAni4 {0%{opacity: 1;transform: translate(0,0) scale(1);color: #000;}100%{opacity: 1;transform: translate(0rem,2.9rem) scale(1.167);color: #fff;}}

.bodyEn .banner-con .title{white-space: nowrap;}
.bodyEn .banner-con .title p:nth-child(1){transform: translate(0.3rem,-1.2rem);}
.bodyEn .banner-con .title p:nth-child(2){transform: translate(-0.6rem,2.9rem);}
.bodyEn .loading-view{animation: bgAni 1s linear 6s both;}
.bodyEn .loading-img{animation: imgAni .8s linear 5.5s both;}
.bodyEn .loading-slogan .title:nth-child(1){animation: sloganAni3 1.2s ease-out both 5.1s;}
.bodyEn .loading-slogan .title:nth-child(2){animation: sloganAni4 1.2s ease-out both 5.1s;}
.bodyEn .loading-slogan .title p.null{width: 0.4rem;}
.bodyEn .loading-mask span{animation: maskAni1 6.6s ease-out both;}
.bodyEn .indPro-con .title{line-height: 1;}
.bodyEn .indPro-con .title,.bodyEn .indPro-con .text{width: 36%;}





/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px){
    /* 1600 × (900) */
}
@media all and (max-width:1590px){
    /* 1440 × (700)  */
    .banner-con .img img,.loading-img img{width: 93vh;}
}
@media all and (max-width:1430px){
    /* 1360 */
}
@media all and (max-width:1350px){
    /* 1280 */
}
@media all and (max-width:1270px){
    /* 1152 × (700) */
}
/* ------------------------平板端-------------------------- */
@media all and (max-width:1100px){
    /* 1024 横屏 */
}
/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px){
    /* 移动终端 360 适配 */
    .loading-img{bottom: calc(100vh - 60vh);animation-delay: 4s;}
    .banner-con .contain{height: 60vh;}
    .banner-con .img img,.loading-img img{width: 45vh;}
    .banner-con .title{white-space: nowrap;font-size: 1.2rem;}
    .banner-con .title p:nth-child(1){transform: translate(-7vw, -4.5vh);}
    .banner-con .title p:nth-child(2){transform: translate(12vw, 23vh)}
    .indGroup{margin-top: 60vh;}
    .indPro-con{position: relative;height: auto;background: linear-gradient(to right,#fafafa,#f9f9f9);padding: 20px 15px 10px;}
    .indPro-pagination{padding: 0 15px;bottom: 15px;}
    .indSol-img img{height: 400px;}
    .indSol-show{padding: 20px 15px;}
    .indSol-item .title{font-size: 18px;}
    .indSol-hide{padding: 20px;bottom: 20px;width: calc(100% - 30px);}
    .indAb .contain{width: 92%;}
    .indAb-flex{border-radius: 10px;}
    .indAb-bg img{height: 250px;}
    .indAb-con .text{width: 100%;}
    .indAb-con{padding: 0 15px;}
    .indNews-img img{height: 300px;}
    .indNews-con{padding: 25px 15px;}
    .indNews-con .title{font-size: 17px;}
    @keyframes sloganAni1 {0%{opacity: 1;transform: translate(0,0) scale(1);color: #000;}100%{opacity: 1;transform: translate(-7vw, -24.6vh) scale(1);color: #fff;}}
    @keyframes sloganAni2 {0%{opacity: 1;transform: translate(0,0) scale(1);color: #000;}100%{opacity: 1;transform: translate(12vw, 2.9vh) scale(1);color: #fff;}}
    @keyframes sloganAni3 {0%{opacity: 1;transform: translate(0,0) scale(1);color: #000;}100%{opacity: 1;transform: translate(-23vw, -24.2vh) scale(1);color: #fff;}}
    @keyframes sloganAni4 {0%{opacity: 1;transform: translate(0,0) scale(1);color: #000;}100%{opacity: 1;transform: translate(38vw,0) scale(1);color: #fff;}}
    .bodyEn .banner-con .title p:nth-child(1){transform: translate(21vw, -7.5vh);}
    .bodyEn  .banner-con .title p:nth-child(2){transform: translate(12vw, 23vh)}
    .bodyEn .indPro-con .title, .bodyEn .indPro-con .text{width: 100%;}
    

}
/* --------------------图片-iPad-调整---------------------- */
@media all and (min-width: 720px) and (max-width: 1000px){}