@charset "utf-8";
/* ===================首页样式========================== */
.indTitle .title{position: relative;}
.indTitle .title span{position: relative;z-index: 2;}
.indTitle .title i{display: flex;align-items: center;justify-content: center; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.indTitle .title i img{height: max(20px,0.42rem);}
.indAb-gallery-more{background: url('../images/index/indAb-gallery-bg.jpg') no-repeat center/cover;}
.indAb-gallery-img{width: 50%;}
.indAb-gallery-img .img img{width: 100%;height: max(350px,5rem);}
.indAb-gallery-img .btn{user-select: none;cursor: pointer;width: max(50px,0.9rem);position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.indAb-gallery-img .btn:hover{transform: translate(-50%,-50%) scale(.97);}
.indAb-gallery-img .btn:active{transform: translate(-50%,calc(-50% + 5px)) scale(.97);}
.indAb-gallery-con{width: 50%;flex-direction: column;justify-content: center;padding: 0 1.3rem 0 0.7rem;}
.indAb-gallery-con .title{flex-direction: column;align-items: flex-start;}
.indAb-thumbs-click .img img{width: 100%;height: 2.6rem;}
.indAb-thumbs-click .img::before,.indAb-thumbs-click .img::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;transition: all .5s ease;background: rgba(0, 0, 0, .5)}
.indAb-thumbs-click .img::after{opacity: 0;background-image: -webkit-linear-gradient( 0deg, rgb(26,202,237) 0%, rgb(0,150,224) 100%);}
.indAb-thumbs-click .con{z-index: 2;position: absolute;left: 0;top: 0;width: 100%;height: 100%;flex-direction: column;padding: 0 10px;}
.indAb-thumbs-click .title2{line-height: 1.5;}
.indAb-thumbs-click:hover .img::before{opacity: 0;}
.indAb-thumbs-click:hover .img::after{opacity: .85;}
.indAb-thumbs-btn{position: absolute; user-select: none;cursor: pointer;width: 30px;height: 30px;color: #cbcfd1;left: -60px;top: 50%;transform: translateY(-50%);z-index: 2;}
.indAb-thumbs-btn.next{left: auto;right: -60px;transform: translateY(-50%) rotate(180deg);}
.indAb-thumbs-btn:hover{color: #0cade6;}
.indPro{background: url('../images/index/indPro-bg2.jpg') no-repeat center/cover;}
.indPro .indTitle .title{flex-direction: column;}
.indPro-nav-box{justify-content: center;}
.indPro-nav{width: 79%;background: #fff;border-radius: max(4px,0.08rem);height: 1.35rem;box-shadow: 0px 6px max(20px,0.36rem) 0px rgba(9, 21, 31, 0.1);position: relative;z-index: 5;}
.indPro-nav-item{user-select: none;cursor: pointer;flex-direction: column;position: relative;transition: all .4s ease;height: 1.35rem;flex: 1;}
.indPro-nav-item::before{content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 1px;height: max(60px,0.86rem);background: #ebecec;}
.indPro-nav-item::after{content: "";border-radius: max(4px,0.08rem);position: absolute;left: 0;top: 50%;width: 100%;height: 126%;transform: translateY(-50%); opacity: 0;background-image: -webkit-linear-gradient( 45deg, rgb(26,202,237) 0%, rgb(0,150,224) 100%);transition: all .3s ease;}
.indPro-nav-item .box{position: relative;flex-direction: column;z-index: 2;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);height: 126%;width: 100%;}
.indPro-nav-item .ico{height: max(36px,0.52rem);}
.indPro-nav-item .ico img{max-height: 100%;}
.indPro-nav-item .ico .h{position: absolute;left: 0;top: 0;opacity: 0;}
.indPro-nav-item .btn{transition: all .5s;font-weight: 700; border-radius: 50%;overflow: hidden;width: 0;height: 0;font-size: 10px;background: #fff;transform: rotate(180deg);}
.indPro-nav-item.active::after{opacity: 1;}
.indPro-nav-item.active .ico .s{opacity: 0;}
.indPro-nav-item.active .ico .h{opacity: 1;}
.indPro-nav-item.active .title{color: #fff;margin: 8px 0;}
.indPro-nav-item.active .btn{width: max(24px,0.3rem);height: max(24px,0.3rem);}
.indPro-drop-box{margin-top: min(-6px,-0.12rem);}
.indPro-drop{position: absolute;left: 0;top: 0;width: 100%;opacity: 0;transform: translateY(55px);transition: all 1s ease;visibility: hidden;}
.indPro-drop:first-child{position: relative;}
.indPro-drop.active{opacity: 1;transform: none;visibility: visible;}
.indPro-show-img img{width: 100%;height: 5.8rem;}
.indPro-show-con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding-left: 0.85rem;align-items: center;}
.indPro-show-desc{width: 40%;}
.indPro-show-desc .list li{display: flex;flex-direction: column;align-items: center;text-align: center;position: relative;padding: 0 max(15px,0.4rem);}
.indPro-show-desc .list li:first-child{padding-left: 0;}
.indPro-show-desc .list li:last-child{padding-right: 0;}
.indPro-show-desc .list li::after{content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 1px;height: 100%;background: rgba(12, 173, 230, .15);}
.indPro-show-desc .list li:first-child::after{display: none;}
.indPro-show-desc .list i{display: block;height: max(18px,0.28rem);}
.indPro-show-desc .list i img{max-height: 100%;}
.indPro-show-desc .list span{opacity: .75;display: block;margin-top: max(4px,0.08rem);}
.indPro-slide .img img{width: 100%;height: 3.2rem;}
.indPro-slide:hover .img img{transform: scale(1.1);}
.indPro-slide:hover .title{color: #0cade6;}
/* .indXW{background: url('../images/index/indXW-bg.png') no-repeat no-repeat center bottom/100% auto;} */
.indXW .contain{position: relative;z-index: 2;}
.indXW .wave{position: absolute;bottom: -25%;left: 0;width: 200%;height: auto;z-index: 0;opacity: .2;pointer-events: none;}
.indXW-flex{justify-content: space-between;}
.indXW-img{width: 60%;}
.indXW-img .img{position: absolute;left: 0;top: 0;width: 100%;transition: all .8s linear;opacity: 0;height: 100%;}
.indXW-img .img img{width: 100%;max-height: max(454px,5.6rem);height: 100%;}
.indXW-img .img:first-child{position: relative;}
.indXW-img .img.active{opacity: 1;z-index: 2;}
.indXW-list{width: 38%;}
.indXW-item{margin-top: 0.16rem;background: #f7f9fa;padding: 0.26rem 0.4rem;}
.indXW-item:first-child{margin-top: 0;}
.indXW-item::after{content: "";position: absolute;right: 0;top: 0;width: 0;height: 2px;background: #0cade6;transition: all .6s ease;}
.indXW-item .text,.indXW-item .date{color: rgba(54, 64, 71, .6);}
.indXW-item:hover::after{right: auto;left: 0;width: 100%;}
.indXW-item:hover .title{color: #0cade6;}






/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px){
    /* 1600 × (900) */
}
@media all and (max-width:1590px){
    /* 1440 × (700)  */
}
@media all and (max-width:1430px){
    /* 1360 */
}
@media all and (max-width:1350px){
    /* 1280 */
}
@media all and (max-width:1270px){
    /* 1152 × (700) */
}
/* --------------------平板(横屏1024)---------------------- */
@media all and (max-width:1100px){}
/* --------------------平板(竖屏768)----------------------- */
@media all and (max-width:1000px){}
/* --------------------手机端(360)------------------------- */
@media all and (max-width:720px){
    .indAb-gallery-img{width: 100%;}
    .indAb-gallery-img .img img{height: 230px;}
    .indAb-gallery-con{width: 100%;padding: 15px 15px 25px;}
    .indPro-nav{width: 100%;flex-wrap: nowrap;overflow-x: auto;height: 80px;}
    .indPro-nav-item::after{height: 100%;}
    .indPro-nav-item .box{height: 100%;}
    .indPro-nav-item .btn{display: none;}
    .indPro-nav-item{flex: none;width: 20%;height: 80px;}
    .indPro-nav-item .title{font-size: 10px;}
    .indPro-nav-item.active{height: 80px;}
    .indPro-nav-item.active .title{margin-bottom: 0;}
    .indPro-drop-box{margin-top: 0;}
    .indAb-thumbs-btn{display: none;}
    .indAb-thumbs-click .img img{height: 120px;}
    .indAb-thumbs-click .title1{font-size: 12px;}
    .indAb-thumbs-click .title2{font-size: 14px;margin-top: 6px;}
    .indPro-show-img img{height: 130px;}
    .indPro-show-con{padding: 0 15px;transform-origin: left center;transform: translateY(-50%) scale(.65);height: auto;top: 50%;}
    .indPro-show-desc{width: 100%;}
    .indPro-show-desc .list span{font-size: 10px;}
    .indPro-show-desc .comMore-box{margin-top: 30px;}
    .indPro-slide .title{font-size: 12px;}
    .indPro-slide .img img{height: 110px;}
    .indXW-img{display: none;}
    .indXW-list{width: 100%;}
    .indXW-item{padding: 20px 15px;margin-top: 15px;}
    .indXW-item .date{margin-top: 20px;}
}