@charset "utf-8";
/* ===================首页样式========================== */
.index{width: 100%;position: relative;overflow: hidden;}
.index li{height: 100%;overflow: hidden;float: left;position: relative;}
.index li:nth-child(1){width: 33%;}
.index li:nth-child(2){width: 33%;}
.index li:nth-child(3){width: 34%;}
.index-bg{z-index: 1;width: 100%;height: 100%;object-fit: cover;}
.index-data-video{position: absolute;z-index: 2;top: 0;left: 0;height: 100%;width: 100%;object-fit: cover;}
.index-case .swiper-container{height: 100%;}
.index-case-wdimg{height: 100%;width: 100%;}
.index-cont{position: absolute;z-index: 3;width: 100%;height: 100%;top: 0;left: 0;transition: all .4s ease;}
.index-cont-tit{width: 100%;text-align: center;position: relative;padding-bottom: 36px;}
.index-cont-tit h6{font-size: 36px;color: #fff;font-weight: 700;margin-bottom: 16px;}
.index-cont-tit p{font-size: 14px;color: #fff;line-height: 24px;}
.index-cont-tit a{width: 102px;height: 40px;line-height: 40px;text-align: center;border-radius: 20px;display: block;border: 1px solid #fff;margin-top: 24px;font-size: 14px;color: #fff;transition: all .4s ease;}
.index-cont-tit a:hover{border-color: #25cad2;color: #fff;background: #25cad2;}
.index-cont-tit.index-cont-tit-left{width: 280px;text-align: left;margin: 0 auto;}
.index-case .swiper-pagination{bottom: 148px;}
.index-case .swiper-pagination-bullet {width: 20px;height: 4px;border-radius: 0;background: #fff;opacity: 1;}
.index-case .swiper-pagination-bullet-active {opacity: 1;background: #25cad2;}
.index-data-cont.index-cont, .index-pro-cont.index-cont{padding: 0 84px;overflow: hidden;}
.index-titmore .index-cont-tit a{display: none;}
.index-titmore .index-cont-tit{cursor: pointer;}
.index-titmore .index-cont-tit:after{content: "";width: 0%;opacity: 0;height: 1px;background: #fff;left: 0;bottom: 0;position: absolute;}
.index-more{width: 100%;padding-top: 20px;opacity: 0;}
.index-more-li{width: 100%;transition: all 1s ease;transform: translateY(60px);opacity: 0;margin-top: 40px;}
.index-more a{display: block;width: 100%;font-size: 14px;color: #fff;transition: color .4s ease;}
.index-more-li:nth-child(1){transition-delay: 100ms;}
.index-more-li:nth-child(2){transition-delay: 250ms;}
.index-more-li:nth-child(3){transition-delay: 400ms;}
.index-more-li:nth-child(4){transition-delay: 550ms;}
.index-more-li:nth-child(5){transition-delay: 700ms;}
.index-more-li:nth-child(6){transition-delay: 850ms;}
.index-more-li:nth-child(7){transition-delay: 1000ms;}
.index-more-li:nth-child(8){transition-delay: 1150ms;}
.index-more-li:nth-child(9){transition-delay: 1300ms;}
.index-more-li:nth-child(10){transition-delay: 1450ms;}
.index-more-li:nth-child(11){transition-delay: 1600ms;}
.index-more-li:nth-child(12){transition-delay: 1750ms;}
.index-more-li:nth-child(13){transition-delay: 1900ms;}
.index-more-li:nth-child(14){transition-delay: 2050ms;}
.index-more-li:nth-child(15){transition-delay: 2200ms;}
.index-more h6{font-weight: 700;line-height: 24px;}
.index-more p{line-height: 24px;opacity: .6;}
.index-more a:hover{color: #25cad2;}
.index-titmore{width: 100%;transition: all .8s ease;padding-bottom: 60px;}
.index-titmore, .index-case-cont.index-cont .index-cont-tit{transform: translateY(calc(63vh - 200px));}
.index-data.ontrue .index-cont, .index-pro.ontrue .index-cont{background: rgba(0, 0, 0, .7);}
.index-data.ontrue .index-titmore, .index-pro.ontrue .index-titmore{transform: translateY(calc(30vh - 200px));}
.index-data.ontrue .index-cont-tit, .index-pro.ontrue .index-cont-tit{text-align: left;}
.index-data.ontrue .index-cont-tit p, .index-pro.ontrue .index-cont-tit p{display: none;}
.index-data.ontrue .index-cont-tit a, .index-pro.ontrue .index-cont-tit a{display: block;}
.index-data.ontrue .index-titmore .index-cont-tit:after, .index-pro.ontrue .index-titmore .index-cont-tit:after{opacity: 1;width: 100%;transition: all .7s ease;}
.index-data.ontrue .index-more, .index-pro.ontrue .index-more{opacity: 1;}
.index-data.ontrue .index-more-li, .index-pro.ontrue .index-more-li{opacity: 1;transform: translateY(0);}
.index-back{display: none;}

.index-data-cont.index-cont::-webkit-scrollbar {width: 5px;height: 4px;}
.index-data-cont.index-cont::-webkit-scrollbar-thumb {border-radius: 5px;box-shadow: inset 0 0 5px #25cad2;}
.index-data-cont.index-cont::-webkit-scrollbar-track {box-shadow: inset 0 0 5px #eee;border-radius: 0;}
.index-pro-cont.index-cont::-webkit-scrollbar {width: 5px;height: 4px;}
.index-pro-cont.index-cont::-webkit-scrollbar-thumb {border-radius: 5px;box-shadow: inset 0 0 5px #25cad2;}
.index-pro-cont.index-cont::-webkit-scrollbar-track {box-shadow: inset 0 0 5px #eee;border-radius: 0;}


/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900/1024/1200) */
    .index-cont-tit h6{font-size: 34px;}
    .index-more-li {margin-top: 36px;}
    .index-data-cont.index-cont, .index-pro-cont.index-cont {padding: 0 74px;}
}

@media all and (max-width:1599px) {
    /* 1440 × (900/1050) */
    .index-cont-tit h6{font-size: 32px;}
    .index-more-li {margin-top: 32px;}
    .index-data-cont.index-cont, .index-pro-cont.index-cont {padding: 0 52px;}
    .index-cont-tit {padding-bottom: 28px;}
    .index-data.ontrue .index-titmore, .index-pro.ontrue .index-titmore{transform: translateY(calc(30vh - 140px));}
}

@media all and (max-width:1439px) {
    /* 1360 × (768) */
    .index-cont-tit h6{font-size: 30px;}
    .index-more-li {margin-top: 28px;}
    .index-data-cont.index-cont, .index-pro-cont.index-cont {padding: 0 42px;}
    .index-case .swiper-pagination{bottom: 120px;}
}

@media all and (max-width:1359px) {
    /* 1280 × (800/854/1024) */
    .index-cont-tit h6{font-size: 28px;}
    .index-more-li {margin-top: 24px;}
    .index-data-cont.index-cont, .index-pro-cont.index-cont {padding: 0 32px;}
}

@media all and (max-width:1279px) {
    /* 1152 × (864) */
    .index-cont-tit h6{font-size: 26px;}
    .index-more-li {margin-top: 20px;}
}

@media all and (max-width:1151px) {
    /* 1024 × (600/768) */
    .index-cont-tit h6{font-size: 24px;}
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .index li{width: 100% !important;}
    .index-data-cont.index-cont, .index-pro-cont.index-cont {padding: 0 20px;}
    .index li{height: 260px !important;}
    .index-titmore, .index-case-cont.index-cont .index-cont-tit {transform: translateY(0) !important;}
    .index-cont-tit h6 {font-size: 20px;margin-bottom: 12px;}
    .index-case .swiper-pagination{bottom: 16px;}
    .index-more{display: none;}
    .index-cont{display: flex;align-items: center;transition: all 0s ease;}
    .index-cont-tit {padding-bottom: 20px;}
    .index-titmore .index-cont-tit{margin-top: 20px;}
    .index-titmore{padding-bottom: 0;transition: all 0s ease;}
    .index-cont-tit a {height: 34px;line-height: 34px;margin-top: 16px;}
    .index-case .index-bg{height: auto;}

    .index-data.ontrue .index-cont {display: block;align-items: initial;}
    .index-data.ontrue .index-titmore .index-cont-tit {margin-top: 0;}
    .index-data.ontrue{position: fixed;z-index: 99991;width: 100%;height: 100% !important;top: 0;left: 0;}
    .index-data.ontrue .index-more{display: block;}
    .index-data.ontrue .index-back{display: block;color: #fff;font-size: 14px;padding: 10px;margin-bottom: 40px;}
    .index-data.ontrue .index-back:before{font: normal normal normal 16px/1 FontAwesome;content: "\f104";margin-right: 10px;}
    .index-data.ontrue .index-titmore{padding: 40px 0;transition: all .8s ease;}
    
    .index-pro.ontrue .index-cont {display: block;align-items: initial;}
    .index-pro.ontrue .index-titmore .index-cont-tit {margin-top: 0;}
    .index-pro.ontrue{position: fixed;z-index: 99991;width: 100%;height: 100% !important;top: 0;left: 0;}
    .index-pro.ontrue .index-more{display: block;}
    .index-pro.ontrue .index-back{display: block;color: #fff;font-size: 14px;padding: 10px 0;margin-bottom: 20px;width: 60px;}
    .index-pro.ontrue .index-back:before{font: normal normal normal 16px/1 FontAwesome;content: "\f104";margin-right: 10px;}
    .index-pro.ontrue .index-titmore{padding: 28px 0 36px;transition: all .8s ease;}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles */
    .index-data-video{height:auto;}
    .index-titmore, .index-case-cont.index-cont .index-cont-tit{transform: translateY(63vh);margin-top: -200px;}
    .index-data.ontrue .index-titmore, .index-pro.ontrue .index-titmore{transform: translateY(30vh);margin-top: -200px;}
}