@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/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/indbanarrH.svg');}
.indban-prev{left: 10px;}
.indban-next{right: 10px;}

.indpro{width: 100%;padding: 16px 16px 74px;overflow: hidden;}
.indpro-ul{margin: -0.8% 0 0 -0.8%;}
.indpro-link{display: block;width: 31.6%;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: 20px;}
.indpro-cont label{display: block;color: #6e6e6e;font-size: 16px;line-height: 1;font-weight: 300;}
.indpro-cont h2{font-size: 22px;color: #000;line-height: 1;font-weight: 700;margin: 10px 0;}
.indpro-cont p{font-size: 16px;color: #6e6e6e;line-height: 1;}
.indpro-cont b{margin-top: 30px;}
.indpro-link:hover img{transform: scale(1.02);}

.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/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;}


/* -------------------------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: 18px;letter-spacing: 0.6em;text-indent: 0.6em;}
    .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: 16px;letter-spacing: 0.5em;text-indent: 0.5em;}
    .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%;}
    .indql-cont h2 {letter-spacing: 0.4em;text-indent: 0.4em;}
    .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: 200px !important;}
    .indban-switch-prev, .indban-switch-next{height: 28px;}
    .indban-switch{bottom: 12px;}
}