@charset "utf-8";
/* ===================首页样式========================== */
.banner-bg img{width: 100%;height: calc(100vh - max(160px,2.2rem));}
.banner-con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.banner-con .contain{height: 100%;flex-direction: column;justify-content: center;}
.banner-con .box{width: 50%;}
.banner-btn{z-index: 2;position: absolute;left: 0.4rem;top: 50%;transform: translateY(-50%); user-select: none;cursor: pointer;width: max(38px,0.48rem);height: max(38px,0.48rem);background: rgba(255, 255, 255, .08);}
.banner-btn.next{left: auto;right: 0.4rem;transform: translateY(-50%) rotate(180deg);}
.banner-btn:hover{background: #1e2088;}
.banner-menu{z-index: 3;position: absolute;left: 0;bottom: max(15px,0.3rem);width: 100%;}
.banner-menu .list{margin-left: -0.3rem;}
.banner-menu .item{margin-left: 0.3rem;flex: 1;user-select: none;cursor: pointer;color: rgba(255, 255, 255, .36);}
.banner-menu .item::before,.banner-menu .item::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 2px;background: rgba(255, 255, 255, .36);transition: all .4s ease;}
.banner-menu .item::after{width: 0;background: #1e2088;transition: all .6s ease;}
.banner-menu .item:hover,.banner-menu .item.active{color: #fff;}
.banner-menu .item.active::before{background: #fff;}
.banner-menu .item.active::after{width: 100%;transition: all 5s linear;}
.banner-menu .item.active.first::after{transition: all 4s linear;}
.indAd{border: 1px solid #dadef0;}
.indAd-img{position: absolute;left: 0;bottom: -1px;width: 2.08rem;}
.indAd .contain{position: relative;z-index: 2;align-items: center;justify-content: space-between;height: max(90px,1.3rem);}
.indPro-item{padding: 0.7rem 0.3rem 0.4rem; height: 100%;border: 1px solid #dadef0;position: relative;background: linear-gradient(to bottom,#ebebf1 0%,#fff 80%);}
.indPro-desc{position: absolute;left: 0;top: 0;width: 100%;padding: 0.24rem 0.3rem;}
.indPro-slide{height: 3.8rem;}
.indPro-slide img{max-width: 70%;max-height: 100%;}
.indPro-slide:hover img{transform: scale(1.2);}
.indWhy-item{height: 100%;background: #fff;border: 1px solid #dadef0;}
.indWhy-img img{width: 100%;height: 2.45rem;}
.indWhy-con{padding: 0.24rem;justify-content: space-between;align-items: flex-start;}
.indWhy-con .desc{flex: 1;padding-right: 10px;}
.indWhy-con .ico{height: max(28px,0.38rem);}
.indWhy-con .ico img{max-height: 100%;}
.indWhy-item:hover{box-shadow: 0 0 6px 2px rgba(0, 0, 0, .1);}
.indApp-list{padding: 0 8px}
.indApp-list ul{margin: -8px 0 0 -8px;}
.indApp-list li{margin: 8px 0 0 8px;width: calc(25% - 8px);}
.indApp-img img{width: 100%;height: 2.8rem;}
.indApp-con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: 0.26rem 0.3rem;background: url('../images/index/indApp-mask2.png') no-repeat center top/100% auto;}
.indApp-con .comLink-box{opacity: 0;transform: translateY(0.2rem);}
.indApp-list li:nth-child(1),.indApp-list li:nth-child(6){width: calc(50% - 8px);}
.indApp-list li:nth-child(1) .indApp-con,.indApp-list li:nth-child(6) .indApp-con{background-image: url('../images/index/indApp-mask1.png');}
.indApp-item:hover .indApp-img img{transform: scale(1.1);}
.indApp-item:hover .indApp-con .comLink-box{transform: translateY(0);opacity: 1;}
.indCase-item{height: 100%;background: #fff;border: 1px solid #dadef0;}
.indCase-img img{width: 100%;height: 2.25rem;}
.indCase-con{padding: 0.2rem;}
.indCase-con .label{color: #adb1bc;}
.indCase-con .ico{justify-content: flex-end;}
.indCase-con .ico i{position: relative;transition: all .4s ease;}
.indCase-con .ico i::before{display: block;transform: rotate(180deg);color: #23258b;}
.indCase-con .ico i::after{content: "/";font-size: 12px;color: #b2b6c0;position: absolute;right: 120%;top: -2px;transform: rotate(15deg);}
.indCase-item:hover{box-shadow: 0 0 6px 2px rgba(0, 0, 0, .1);}
.indCase-item:hover .indCase-img img{transform: scale(1.1);}
.indCase-con .btm:hover .title{text-decoration: underline;}
.indCase-con .btm:hover .ico i{transform: translateX(5px);}
/* -------------------------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) */
}
/* ------------------------平板端-------------------------- */
@media all and (max-width:1100px){
    /* 1024 横屏 */
}
/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px){
    /* 移动终端 360 适配 */
}
/* --------------------图片-iPad-调整---------------------- */
@media all and (min-width: 720px) and (max-width: 1000px){}