@charset "utf-8";
/* ===================首页样式========================== */
.banner .hasVideo .banner-img img.pc{animation: hasVideoImg 1s ease both;}
@keyframes hasVideoImg {0%{opacity: 1;}100%{opacity: 0;}}
.banner  video{width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;}
@media all and (max-width:1000px) {.hasVideo .banner-img img.pc{animation: none;}.hasVideo video{display: none;}}
.banner-img{overflow: hidden;}
.banner-img img{width: 100%;height: 100vh;}
.banner-con{z-index: 2;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .4);}
.banner-con .contain{height: 100%;flex-direction: column;justify-content: center;padding-left: 0.75rem;}
.banner-con .text{font-size: max(28px,0.8rem);}
.banner-con .text span{color: #0ea6f4;}
.banner-pagination{position: absolute;left: var(--widDb);bottom: 1.4rem;z-index: 3;user-select: none;}
.banner-pagination .swiper-pagination-bullet{opacity: 1;border-radius: 0;background: rgba(255, 255, 255, .3);width: max(20px,0.4rem);height: max(3px,0.06rem);margin-left: max(6px,0.1rem);}
.banner-pagination .swiper-pagination-bullet:first-child{margin-left: 0;}
.banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #fff;}
.indNews{z-index: 5;position: absolute;left: 0;bottom: 0;width: 100%;border-top: 1px solid rgba(255, 255, 255, .2);}
.indNews-flex{align-items: center;}
.indNews-label{width: max(70px,0.98rem);height: max(32px,0.36rem);border: 1px solid #fff;margin-right: max(40px,0.62rem);position: relative;overflow: visible;}
.indNews-label::after{content: "";position: absolute;right: min(-19px,-0.3rem);top: 0;width: 1px;height: 100%;background: rgba(255, 255, 255, .3);}
.indNews-swp{flex: 1;}
.indNews-swp .swiper-container{height: max(32px,0.36rem);}
.indNews-slide{height: 100%;align-items: center;display: flex;}
.indNews-slide .title{width: 280px;margin-right: max(15px,0.3rem);}
.indNews-slide:hover{color: #0ea6f4;}
.indAb{background: url('../images/index/indAb-bg.jpg') no-repeat center/cover;display: flex;flex-direction: column;}
.indAb-list{flex: 1;}
.indAb-item{width: 50%;user-select: none;cursor: pointer;overflow: hidden;height: 100%;}
.indAb-img{opacity: 0;overflow: hidden;height: 100%;}
.indAb-img img{width: 100%;height: 100%;transition: all 1.5s ease;transform: scale(1.1);}
.indAb-con{position: absolute;z-index: 2;left: 0;top: 0;width: 100%;height: 100%;padding: 2.6rem 0 0 var(--widDb);}
.indAb-con .title{transition: all 1s ease;}
.indAb-con .text{transition: all 1s ease; position: absolute;left: 0;top: 0;width: 100%;padding-right: 1.5rem;opacity: 0;}
.indAb-item:nth-child(2n){border-left: 1px solid #d6e1e7;}
.indAb-item:nth-child(2n) .indAb-con{padding: 2.6rem var(--widDb) 0 0;}
.indAb-item:nth-child(2n) .indAb-con .title{text-align: right;}
.indAb-item:nth-child(2n) .indAb-con .text{padding: 0 0 0 1.5rem;}
.indAb-item:hover .indAb-img img{transform: scale(1);}
.indAb-item:hover .indAb-img,.indAb-item:hover .indAb-con .text{opacity: 1;}
.indAb-item:hover .indAb-con .title{opacity: 0;transition: all .4s ease;}
.indAb-more{border-top: 1px solid #d6e1e7;}
.indAb-more .btn i{display: block;margin-left: max(12px,0.18rem);transform: rotate(180deg);font-size: max(14px,0.26rem);transition: transform .4s ease;font-weight: 700;}
.indAb-more .btn:hover{color: #0ea6f4;}
.indAb-more .btn:hover i{transform: translateX(5px) rotate(180deg);}
.indVideo{display: flex;align-items: center;justify-content: center;}
.indVideo-flex{justify-content: space-between;}
.indVideo-menu{width: 29%;}
.indVideo-menu li{user-select: none;cursor: pointer;flex-direction: column;padding: max(15px,0.3rem) 0.1rem;background: rgba(0, 0, 0, .3);}
.indVideo-menu .ico{height: max(24px,0.3rem);}
.indVideo-menu .ico img{max-height: 100%;}
.indVideo-menu li.active{background: #0ea6f4;}
.indVideo-drop{width: 66.5%;}
.indVideo-drop-item{position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;transition: all .8s linear;}
.indVideo-drop-item:first-child{position: relative;}
.indVideo-drop-item .img img{width: 100%;height: max(413px,6.1rem);}
.indVideo-drop-item .btn{padding-left: max(3px,0.08rem); user-select: none;cursor: pointer;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: max(40px,0.9rem);height: max(40px,0.9rem);border-radius: 50%;border: 2px solid #fff;background: rgba(0, 0, 0, .3);}
.indVideo-drop-item .btn:hover{background: #fff;color: #0ea6f4;}
.indVideo-drop-item.active{z-index: 2;opacity: 1;}
.indSer-bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.indSer-bg .item{position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;transition: all .8s linear;}
.indSer-bg .item:first-child{position: relative;}
.indSer-bg .item img{width: 100%;height: 100%;transform: scale(1.1);transition: all 2s linear .8s;}
.indSer-bg .item.active{opacity: 1;z-index: 2;}
.indSer-bg .item.active img{transform: scale(1);transition-delay: 0s;}
.indSer-list{position: relative;z-index: 5;height: 100%;}
.indSer-item{background: rgba(230, 241, 246, .9); flex: 1;height: 100%;padding: 2.4rem 0.1rem 0;flex-direction: column;justify-content: flex-start;border-left: 1px solid #fff;}
.indSer-item:first-child{border: unset;}
.indSer-item .text{padding: 0 0.6rem;text-align: justify;}
.indSer-item .more{width: max(120px,1.6rem);height: max(44px,0.5rem);border: 1px solid #000;}
.indSer-item.active{background: rgba(0, 136, 229, .5);}
.indSer-item.active .title,.indSer-item.active .text{color: #fff;}
.indSer-item.active .more{color: #fff;border-color: #fff;}
.indSer-item .more:hover{background: #fff;color: #0ea6f4;}

.fp-section {position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.fp-section.fp-table, .fp-slide.fp-table {display: table;table-layout: fixed;width: 100%;}
.fp-tableCell {display: table-cell;vertical-align: middle;width: 100%;height: auto;transform: translate3d(0,0,0);-webkit-font-smoothing: antialiased}
.fp-auto-height.fp-section, .fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell {height: auto !important;}

/* 动画 */
@media all and (min-width:1100px){
    .indAb,.indVideo,.indSer{height: 100%;}
    .indVideo{padding-top:max(66px,0.8rem);}
    .fp-section .indgy .indTitle{opacity: 0;transform: translateY(120px);}
    .fp-section.fp-completely .indgy .indTitle{opacity: 1;transform: translateY(0);transition: all 1s ease .1s;}
}





/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px){
    /* 1600 × (900) */
}
@media all and (max-width:1590px){
    /* 1440 × (700)  */
    .indSer-item{padding-top: 3.2rem;}
}
@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 适配 */
    .banner-img img{height: 400px;}
    .banner-con .contain{padding-left: 0;padding-bottom: 100px;}
    .banner-pagination{bottom: 120px;}
    .indNews-swp{width: 100%;flex: unset;margin-top: 10px;}
    .indNews-label{margin-right: 0;}
    .indNews-label::after{display: none;}
    .indNews{padding: 15px 0;}
    .indNews-slide .title{width: auto;flex: 1;}
    .indAb-item{width: 100%;}
    .indAb-img img{height: 250px;}
    .indAb-con{padding: 60px 4% 0 !important;}
    .indAb-con .text{padding: 0 !important;}
    .indAb-item:nth-child(2n){border-left: unset;border-top: 1px solid #d6e1e7;text-align: left;}
    .indAb-item:nth-child(2n) .indAb-con .title{text-align: left;}
    .indVideo{padding: 40px 0;}
    .indVideo-menu{width: 100%;}
    .indVideo-menu .uli.ml24{margin: 0 0 0 -15px;flex-wrap: nowrap;white-space: nowrap;overflow-x: auto;}
    .indVideo-menu .uli.ml24.uli2 li{margin: 0 0 0 15px;width: auto;overflow: visible;padding: 15px;}
    .indVideo-menu .title{font-size: 14px;margin-top: 10px;}
    .indVideo-drop{width: 100%;margin-top: 20px;}
    .indVideo-drop-item .img img{height: 220px;}
    .indSer-item{width: 100%;flex: unset;border-top: 1px solid #fff;border-left: unset;height: 420px;padding-top: 1.5rem;}
    .indSer-item .text{padding: 0 30px;}
}
/* --------------------图片-iPad-调整---------------------- */
@media all and (min-width: 720px) and (max-width: 1000px){}