@charset "utf-8";
/* ===================首页样式========================== */
.swiper-prev, .swiper-next{position: absolute;z-index: 4;width: 50px;height: 50px;top: 50%;margin-top: -25px;cursor: pointer;border-radius: 50%;background: url('../images/index/indbanarr.svg') no-repeat center/40px auto;transition: all .4s ease;}
.swiper-next{transform: rotate(180deg);}
.swiper-prev:hover, .swiper-next:hover{background-color: #fff;background-image: url('../images/index/indbanarrH.svg');}
.indban-prev{left: 10px;}
.indban-next{right: 10px;}

.indban{width: 100%;overflow: hidden;position: relative;}
.indban-loop{width: 100%;position: relative;overflow: hidden;}
.indban-img{width: 100%;}
.indban-img img{width: 100%;object-fit: cover;}
.indban-img .pc{display: block;height: 100vh;}
.indban-img .mb{display: none;}
.indban-more{position: absolute;width: 100%;z-index: 2;top: 124px;left: 0;text-align: center;}
.indban-more label{display: block;color: rgba(255, 255, 255, 0.5);font-size: 14px;line-height: 1;}
.indban-more h2{font-size: 32px;color: #fff;line-height: 1.6;}
.indban-more p{font-size: 20px;color: #fff;line-height: 1;}
.indban-more a{margin: 20px auto 0;}
.indban-switch{position: absolute;bottom: 42px;left: 0;width: 100%;z-index: 4;user-select: none;}
.indban-switch .contain{position: relative;padding-left: 40px;}
.indban-switch-line{position: absolute;width: 1px;height: 14px;top: 50%;margin-top: -7px;left: 0;background: #fff;}
.indban-switch h2{font-size: 14px;color: rgba(255, 255, 255, 0.5);position: relative;line-height: 1;transition: all .6s ease;cursor: pointer;height: 32px;line-height: 32px;}
.indban-switch .swiper-slide-active h2{color: rgba(255, 255, 255, 1);}
.indban-switch .swiper-wrapper{height: 96px !important;width: 330px !important;}
.indban-switch-prev, .indban-switch-next{width: 330px;position: absolute;height: 32px;z-index: 2;left: 0;cursor: pointer;}
.indban-switch-prev{top: 0;}
.indban-switch-next{bottom: 0;}
.indban-img-bg{background-repeat: no-repeat;background-size: auto 100vh;background-position: center center;width: 100%;box-sizing: border-box;}


/* 效果 */
.indban-more label, .indban-more h2, .indban-more p, .indban-more a{opacity: 0;}
.swiper-slide-active .indban-more label{animation: indbanDown 1s ease both 0.5s;}
.swiper-slide-active .indban-more h2{animation: indbanDown 1s ease both 0.4s;}
.swiper-slide-active .indban-more p{animation: indbanDown 1s ease both 0.3s;}
.swiper-slide-active .indban-more a{animation: indbanDown 1s ease both 0.2s;}
@keyframes indbanDown {0%{opacity: 0;transform: translateY(-70px);}100%{opacity: 1;transform: translateY(0);}}

.indpro{width: 100%;padding: 16px 16px 74px;overflow: hidden;}
.indpro-ul{margin: -0.8% 0 0 -0.8%;}
.indpro-link{display: block;width: 49.2%;overflow: hidden;float: left;margin: 0.8% 0 0 0.8%;position: relative;}
.indpro-link img{width: 100%;object-fit: cover;transition: all .6s ease;}
.indpro-cont{position: absolute;width: 100%;text-align: center;z-index: 2;left: 0;top: 52px;}
.indpro-cont label{display: block;color: #6e6e6e;font-size: 16px;line-height: 1;font-weight: 300;}
.indpro-cont h2{font-size: 32px;color: #000;line-height: 1;font-weight: 700;margin: 20px 110px;}
.indpro-cont p{font-size: 16px;color: #6e6e6e;line-height: 1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width: 60%;margin: 0 auto;}
.indpro-cont b{margin-top: 30px;}
.indpro-link:hover img{transform: scale(1.02);}
/* .indpro-link .indpro-cont b{color: #000;background-image: url('../images/index/iconarrH.svg');} */
/* .indpro-link .indpro-cont b::after{width: 100%;right: auto;left: 0;} */

.indsy{width: 100%;overflow: hidden;padding: 16px 0 84px;user-select: none;}
.indsy-loop{width: 100%;}
.indsy-loop .swiper-slide{transform:translate3d(0,0,0);overflow:hidden;}
.indsy-video{width: 100%;position: relative;overflow: hidden;pointer-events: none;user-select: none;transform:translate3d(0,0,0);}
.indsy-video img{width: 100%;object-fit: cover;position: relative;z-index: 3;opacity: 1;transition: all .6s ease;}
.indsy-video video{width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;z-index: 5;visibility: hidden;pointer-events: none;transition: all .4s ease}
.indsy-cont{position: absolute;z-index: 5;width: 100%;text-align: center;left: 0;top: 54px;}
.indsy-cont h2{font-size: 40px;color: #fff;}
.indsy-cont a{margin-top: 12px;}
.indsy-prev{left: 21%;}
.indsy-next{right: 21%;}
.indsy .swiper-pagination-bullet {width: 26px;height: 2px;border-radius: 0;margin: 0 8px !important;}
.indsy .swiper-pagination-bullet-active {opacity: 1;background: #000;}
.indsy-click{position:absolute;width:68px;height: 68px;margin: -34px 0 0 -34px;background: url('../images/index/video.svg') no-repeat center/100% auto;cursor: pointer;z-index: 2;top: 50%;left: 50%;}
.indsy-loop .swiper-slide.on .indsy-click{display:none}
.indsy-loop .swiper-slide.on .indsy-video video{visibility: visible;pointer-events: auto;}

.indql-title h2, .indjj-cont h2, .indxw-title h2{font-size: 32px;color: #000;font-weight: 700;}

.indql{width: 100%;padding: 16px 0 100px;overflow: hidden;}
.indql-title{width: 100%;text-align: center;}
.indql-list{width: 100%;margin-top: 42px;}
.indql-ul{margin-left: -1.2%;}
.indql-link{display: block;overflow: hidden;position: relative;width: 23.8%;float: left;margin-left: 1.2%;}
.indql-link img{width: 100%;object-fit: cover;filter: grayscale(100%);transition: all .6s ease;}
.indql-link::after{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgba(36, 36, 36, 0.6);transition: all .4s ease;z-index: 2;}
.indql-cont{position: absolute;width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: center;text-align: center;top: 0;left: 0;z-index: 3;transition: all .4s ease;}
.indql-cont h2{font-size: 18px;color: #fff;padding: 0 12px;word-break: break-word;}
.indql-link:hover img{transform: scale(1.06);filter: grayscale(0%);}
.indql-link:hover::after{opacity: 0;} 
.indql-link:hover .indql-cont{opacity: 0;} 

.indjj-cont a, .indxw-title a{font-size: 20px;color: #000;background: url('../images/index/iconarrH.svg') no-repeat right top 5px/20px auto;padding-right: 20px;}

.indjj{width: 100%;}
.indjj-cont{max-width: 100%;margin: 0 auto;text-align: center;}
.indjj-cont a{margin: 10px 0 14px;}
.indjj-cont p{font-size: 16px;color: #6e6e6e;font-weight: 300;line-height: 26px;text-align: justify;text-justify: distribute;text-indent: 2em;}
.indjj-img{width: 100%;margin-top: 44px;}
.indjj-img img{width: 100%;object-fit: cover;}

.indxw{width: 100%;overflow: hidden;padding: 100px 0 110px;}
.indxw-title{text-align: center;width: 100%;}
.indxw-title a{margin-top: 10px;}
.indxw-list{width: 100%;margin-top: 46px;}
.indxw-list ul{margin-left: -1.3%;display: flex;flex-wrap: wrap;}
.indxw-list li{display: block;overflow: hidden;position: relative;width: 32.0333%;float: left;margin-left: 1.3%;background: #f5f5f5;}
.indxw-img{display: block;width: 100%;overflow: hidden;}
.indxw-img img{width: 100%;object-fit: cover;transition: all .6s ease;}
.indxw-img:hover img{transform: scale(1.04);}
.indxw-tags{display: flex;position: absolute;z-index: 3;top: 0;left: 0;align-items: center;justify-content: center;min-width: 86px;height: 30px;background: rgba(0, 0, 0, 0.5);font-size: 16px;color: #fff;font-weight: 500;padding: 0 10px;}
.indxw-mix{width: 100%;padding: 16px 16px 42px;}
.indxw-link{display: block;width: 100%;margin-top: 16px;}
.indxw-link:first-child{margin-top: 0;}
.indxw-link h2{font-size: 16px;color: #000;font-weight: 500;transition: all .4s ease;}
.indxw-link p{font-size: 12px;color: #000;font-weight: 300;margin-top: 2px;}
.indxw-list li:last-child .indxw-mix{padding-top: 48px;}
.indxw-link:hover h2{color: #44a8f2;}

/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
    .indpro-cont h2 {margin: 14px 0;}
    .indpro-cont b {margin-top: 20px;}
    .indpro-cont {top: 42px;}
}

@media all and (max-width:1599px) {
    /* 1440 × (700)  */
    .indpro-cont h2 {margin: 10px 0;font-size: 28px;}
    .indpro-cont b {margin-top: 16px;}
    .indpro-cont {top: 36px;}
    .indsy-cont h2 {font-size: 32px;}
    .indsy-cont {top: 42px;}
    .indpro {padding: 16px 16px 60px;}
    .indsy {padding: 16px 0 64px;}
    .indql {padding: 16px 0 80px;}
    .indxw {padding: 80px 0 88px;}
    .indban-more{top: 100px;}
    @keyframes indbanDown {0%{opacity: 0;transform: translateY(-40px);}100%{opacity: 1;transform: translateY(0);}}
}

@media all and (max-width:1439px) {
    /* 1360 */
    .indpro-cont {top: 32px;}
}

@media all and (max-width:1359px) {
    /* 1280 */
    .indpro-cont h2 {font-size: 26px;}
}

@media all and (max-width:1279px) {
    /* 1152 × (700) */
    .indban-more h2 {font-size: 28px;}
    .indban-more p {font-size: 18px;}
    .indpro-cont h2 {margin: 8px 0;font-size: 24px;}
    .indpro-cont b {margin-top: 10px;}
    .indpro-cont {top: 22px;}
    .indpro {padding: 16px 16px 48px;}
    .indsy-cont h2 {font-size: 28px;}
    .indsy-cont a {margin-top: 6px;}
    .indsy-cont {top: 36px;}
    .indql-title h2, .indjj-cont h2, .indxw-title h2 {font-size: 28px;}
    .indsy {padding: 16px 0 50px;}
    .indql-cont h2 {font-size: 16px;}
    .indxw {padding: 64px 0 68px;}
    .indxw-list {margin-top: 38px;}
}

@media all and (max-width:1151px) {
    /* 1024 */
    .indban-img .pc {height: calc(100vh - 64px);}
    .indban-img-bg{background-size: auto calc(100vh - 64px);}
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .indql-cont h2 {font-size: 14px;}
    .indpro-cont label, .indpro-cont p{display: none;}
    .indpro-cont h2{margin: 0;}
    .indban-img .pc {height: calc(100vh - 50px);}
    .indban-img-bg{background-size: auto calc(100vh - 50px);}
    
    .indsy-click {width: 44px;height: 44px;margin: -22px 0 0 -22px;}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .swiper-prev, .swiper-next {width: 40px;height: 40px;margin-top: -20px;background-size: 32px auto;}
    .indban-more h2 {font-size: 24px;}
    .indban-more p {font-size: 16px;}
    .indban-more{top: 48px;}
    .indban-img .pc{display: none;}
    .indban-img .mb{display: block;height: calc(100vh - 50px);}
    .indpro {padding: 16px 4% 24px;}
    .indpro-ul {margin: -12px 0 0 0;}
    .indpro-link {width: 100%;margin: 12px 0 0 0;}
    .indpro-cont h2{font-size: 22px;}
    .indsy {padding: 16px 0 24px;}
    .indsy-cont h2 {font-size: 22px;}
    .indsy-cont {top: 20px;}
    .indsy-cont a {margin-top: 2px;}
    .indsy-prev{left: 10px;}
    .indsy-next{right: 10px;}
    .indsy .swiper-pagination{bottom: 4px;}
    .indsy .swiper-pagination-bullet {width: 22px;margin: 0 4px !important;}
    .indql-title h2, .indjj-cont h2, .indxw-title h2 {font-size: 22px;}
    .indql-list {margin-top: 28px;}
    .indql-ul {margin-left: -1.2%;margin-top: -1.2%;}
    .indql-link {width: 48.8%;margin-left: 1.2%;margin-top: 1.2%;}
    .indjj-cont a, .indxw-title a {font-size: 16px;background: url('../images/index/iconarrH.svg') no-repeat right top 4px/16px auto;padding-right: 16px;}
    .indjj-cont a {margin: 8px 0 10px;}
    .indql {padding: 16px 0 40px;}
    .indjj-img {margin-top: 24px;}
    .indjj-img img {min-height: 140px;}
    .indxw {padding: 40px 0;}
    .indxw-title a {margin-top: 6px;}
    .indxw-list {margin-top: 26px;}
    .indxw-list ul {margin-left: 0;margin-top: -12px;}
    .indxw-list li {width: 100%;margin-left: 0;margin-top: 12px;}
    .indxw-mix {padding: 16px 16px 24px;}
    .indxw-link {margin-top: 12px;}
    .indban-switch .contain {padding-left: 20px;}
    .indban-switch h2{height: 28px;line-height: 28px;}
    .indban-switch .swiper-wrapper{height: 84px !important;width: 310px !important;}
    .indban-switch-prev, .indban-switch-next{height: 28px;width: 310px;}
    .indban-switch{bottom: 12px;}
}