.page-top-wrap{position: relative;display: flex;align-items: center;justify-content: space-between;height: 2em;color: #fff;background-color: var(--theme-color);z-index: 31;}
.page-top-wrap .page-top{display: flex;align-items: center;justify-content: space-between;height: 100%;}
.page-top-wrap .page-top-right{display: flex;align-items: center;height: 100%;}
.page-top-wrap .phone{display: flex;align-items: center;}
.page-top-wrap .phone-number{margin-left: 0.15rem;}
.page-top-wrap .lang-box{display: flex;align-items: center;height: 100%;-webkit-user-select: none;-moz-user-select: none;user-select: none;cursor: pointer;}
.page-top-wrap .lang-box span{margin: 0 0.1rem;}
.page-top-wrap .icon-arrdown{display: flex;align-items: center;height: 0.5em;}
.page-top-wrap .menu{margin-left: 0.1rem;display: none;}
.page-top-wrap .consult-btn{display: flex;align-items: center;justify-content: center;min-height: 1em;min-width: 3.75em;padding: 0.05rem 0.1rem;margin: 0 0.4rem;line-height: 1.5;text-align: center;color: #666;background-color: #fff;border-radius: 0.5em;}
.expand-list .consult-btn{background-color: #ccc;}
.contact-dialog .dialog-dialog-inner{margin: 0 auto;width: 100%;max-width: 4.4rem;}
.contact-dialog .dl-form{display: flex;flex-direction: column;margin-top: 0.33rem;}
.contact-dialog .form-item{display: flex;align-items: center;justify-content: center;}
.contact-dialog .form-item:nth-child(n+2){margin-top: 0.24rem;}
.contact-dialog .module-subtitle::after{margin-top: 0.12rem;}
.contact-dialog .form-ipt{font-size: inherit;height: 3.1em;width: 100%;background-color: #f7f7f7;color: #222;padding: 0.1rem 0.2rem;border-radius: 0.12rem;}
.contact-dialog .form-ipt::-moz-placeholder{color: #999;}
.contact-dialog .form-ipt::placeholder{color: #999;}
.contact-dialog .form-item-submit{display: inline-flex;margin: 0.4rem auto 0;flex-direction: column;min-width: 1.8rem;min-height: 0.5rem;background-color: #008cd6;border-radius: 0.08rem;}
.contact-dialog .form-submit{flex: 1;color: #fff;}
.page-nav-wrap{position: relative;display: flex;align-items: center;height: 0.9rem;z-index: 30;}
.page-nav{display: flex;align-items: center;justify-content: space-between;height: 100%;}
.page-nav .logo{display: flex;height: 0.58rem;margin-left: 0.7rem;}
.page-nav .icon-arrdown{display: inline-block;}
.page-nav .menu{display: none;}
.page-nav .lang-box{display: none;align-items: center;height: 100%;-webkit-user-select: none;-moz-user-select: none;user-select: none;margin-left: auto;margin-right: 0.5rem;cursor: pointer;}
.page-nav .lang-box span{margin: 0 0.1rem;}
.page-nav .nav-tag-list{display: flex;align-items: center;height: 100%;}
.page-nav .nav-tag{display: flex;align-items: center;margin: 0 0.25rem;height: 100%;line-height: 1.5;transition: 0.3s;}
.page-nav .nav-tag:hover{color: var(--theme-color);}
.page-nav .lang-icon, .page-nav .icon-arrdown{filter: grayscale(1) brightness(0);}
.login{display: flex;align-items: center;justify-content: center;color: #fff;height: 2em;width: 8.5em;background-color: #666;border-radius: 1em;}
.icon-user{margin-right: 0.08rem;background: url("/static/home/images/icon/user.png") no-repeat center center/contain;}
@media (max-width: 750px){.page-top-wrap{display: none;}
.page-top-wrap{padding: 0 0.3rem;}
.page-top-right{width: 100%;justify-content: space-between;}
.page-top-right .menu{display: block;}
}
@media (max-width: 750px){.page-nav .nav-tag-list{display: none;}
.page-nav .login{display: none;}
.page-nav .menu{display: block;}
.page-nav .lang-box{display: flex;}
}

.banner-swiper{position: relative;height: 8rem;width: 100%;}
.banner-swiper .bw-pic{width: 100%;height: 100%;}
.banner-swiper .bw-inner{position: absolute;left: 0;top: 0;width: 100%;height: 100%;color: #fff;}
.banner-swiper .bw-content{display: flex;flex-direction: column;justify-content: center;height: 100%;}
.banner-swiper .bw-title{line-height: 1.4;}
.banner-swiper .bw-info{line-height: 1.5;}
.banner-swiper .swiper-pagination-bullet{position: relative;width: 0.26rem;height: 0.26rem;background-color: transparent;opacity: 1;transition: 0.3s;}
.banner-swiper .swiper-pagination-bullet::after{content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 0.12rem;height: 0.12rem;border-radius: 50%;background-color: #fff;transition: 0.3s;}
.banner-swiper .swiper-pagination-bullet-active{box-shadow: 0 0 0 0.01rem var(--theme-color) inset;}
.banner-swiper .swiper-pagination-bullet-active::after{background-color: var(--theme-color);}

.server-wrap{padding-top: 1.15rem;padding-bottom: 1.2rem;background: url("./images/img/index-server-bg.jpg") no-repeat center center/cover;}
.server-wrap .server-list{margin-top: 0.53rem;}
.server-wrap .server-item{display: flex;}
.server-wrap .server-pic{width: 50%;height: 3.8rem;}
.server-wrap .server-content{display: flex;flex-direction: column;flex: 1;padding: 0.36rem 1rem;}
.server-wrap .server-info{line-height: 1.36;color: #666;margin-top: 0.44rem;}
.server-wrap .view-more-box{margin-top: auto;}
.server-wrap .view-more:hover{background-color: var(--theme-color);}
.server-wrap .server-item:nth-child(n+2){margin-top: 0.8rem;}
.server-wrap .server-item:nth-child(2n){flex-direction: row-reverse;}
.server-wrap .server-item:nth-child(2n) .server-content{padding-left: 0;padding-right: 2.1rem;}
@media (max-width: 750px){.server-item{flex-direction: column !important;}
.server-item .server-pic, .server-item .server-content{width: 100%;padding-left: 0 !important;padding-right: 0 !important;}
.server-item .view-more-box{margin-top: 50px;}
}

index-advantage{position: relative;height: 8rem;}
.index-advantage .ia-pic{height: 100%;}
.index-advantage .ia-inner{position: absolute;top: 0;left: 0;width: 100%;height: 100%;padding-top: 1.13rem;padding-bottom: 1.13rem;}
.index-advantage .ia-content{height: 100%;}
.index-advantage .advantage-list{margin-top: 0.44rem;}
.index-advantage .module-info{color: #fff;}
.index-advantage .swiper-wrapper{align-items: stretch;}
.index-advantage .swiper-slide{display: flex;align-items: stretch;height: auto;}
.index-advantage .advantage-item{position: relative;color: #fff;width: 5.13rem;height: initial;padding: 0.6rem;}
.index-advantage .ai-header{display: flex;align-items: center;}
.index-advantage .ai-icon{margin-right: 0.25rem;}
.index-advantage .ai-title, .index-advantage .ai-info{position: relative;z-index: 2;}
.index-advantage .ai-info{line-height: 1.75;margin-top: 0.22rem;opacity: 0.8;}
.index-advantage .advantage-item:nth-child(n+2){margin-left: 0.3rem;}
.index-advantage .advantage-item::before{content: "";position: absolute;top: 0;left: 0;width: calc(100% - 0.01rem);height: 100%;background-image: linear-gradient(180deg, #008cd6 0%, rgba(0, 140, 214, 0.3) 100%);opacity: 0.15;z-index: 1;}
.index-advantage .advantage-item::after{content: "";position: absolute;top: 0;left: 0;width: calc(100% - 0.01rem);height: 100%;box-shadow: 0 0 0 0.01rem inset #fff;}
.index-advantage .swiper-pagination{position: static;width: 100%;margin-top: 0.6rem;}
.index-advantage .swiper-pagination-bullet{position: relative;width: 0.26rem;height: 0.26rem;background-color: transparent;opacity: 1;transition: 0.3s;}
.index-advantage .swiper-pagination-bullet::after{content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 0.12rem;height: 0.12rem;border-radius: 50%;background-color: #fff;transition: 0.3s;}
.index-advantage .swiper-pagination-bullet-active{box-shadow: 0 0 0 0.01rem var(--theme-color) inset;}
.index-advantage .swiper-pagination-bullet-active::after{background-color: var(--theme-color);}
@media (max-width: 1450px){.index-advantage{height: 9rem;}
}
@media (max-width: 1200px){.index-advantage{height: 10rem;}
}
@media (max-width: 1100px){.index-advantage{height: 11rem;}
}
@media (max-width: 1000px){.index-advantage{height: 12rem;}
}
@media (max-width: 750px){.index-advantage{height: 9.5rem;}
.advantage-list .advantage-item{width: 100%;}
}

.server-flow-wrap{padding: 0.95rem 0.6rem 1.15rem;background: url("/static/home/images/img/server-flow-bg.jpg") no-repeat center center/cover;}
.server-flow-wrap .flow-box{margin-top: 0.45rem;}
.server-flow-wrap .flow-row{position: relative;display: flex;align-items: center;padding-bottom: 0.94rem;}
.server-flow-wrap .flow-row:last-child{padding-bottom: 0;}
.server-flow-wrap .flow-row::after{content: "";position: absolute;left: 0;bottom: 0;margin-left: 0.55rem;width: 0.26rem;height: 0.94rem;background: url("/static/home/images/icon/flow-arr-down.png") no-repeat center/contain;}
.server-flow-wrap .flow-row:last-child::after{display: none;}
.server-flow-wrap .flow-label{position: relative;display: flex;align-items: center;justify-content: space-between;flex-shrink: 0;padding: 0.28rem 0.83em;margin-right: 0.2rem;min-width: 8.125em;height: 4em;white-space: nowrap;color: #fff;background: url("/static/home/images/icon/flow-arr-right.png") no-repeat center;background-size: 100% 100%;}
.server-flow-wrap .flow-content{display: flex;align-items: stretch;flex: 1;overflow-x: auto;overflow-y: visible;}
.server-flow-wrap .flow-content::-webkit-scrollbar{display: none;}
.server-flow-wrap .flow{display: flex;-webkit-user-select: none;-moz-user-select: none;user-select: none;text-align: center;height: 100%;}
.server-flow-wrap .flow::before{content: "";height: 0;width: 1.6rem;margin-top: 19%;border-top: 0.02rem dashed #999;}
.server-flow-wrap .flow-inner{display: flex;flex-direction: column;align-items: center;width: 1.12rem;}
.server-flow-wrap .flow-icon{width: 0.95rem;height: 0.7rem;pointer-events: none;}
.server-flow-wrap .flow-title{color: #222;line-height: 1.4;margin-top: 0.08rem;width: 2rem;height: auto;}
@media (max-width: 750px){.flow-box .flow-label{width: 1.95rem;height: 0.98rem;}
.flow-box .flow-label span{font-size: 0.25rem;}
.flow-box .flow::before{width: 1rem;}
}

.show-view-wrap{padding-top: 0.95rem;padding-bottom: 1.02rem;}
.show-view .view-box{margin-top: 0.5rem;}
.show-view .swiper-wrapper{position: relative;align-items: center;height: 5.4rem;}
.show-view .swiper-slide{width: 7.42rem;height: 4.35rem;transition: 0.3s;}
.show-view .swiper-slide-active{transform: scale(1.23);z-index: 10;}
.show-view .view-box-ctrl{position: absolute;display: flex;align-items: center;justify-content: space-between;left: 50%;top: 50%;transform: translate(-50%, -50%);margin: 0 auto;width: 100%;max-width: 9.2rem;height: 5.4rem;z-index: 12;}
.show-view .view-box-prev, .show-view .view-box-next{display: flex;align-items: center;justify-content: center;width: 0.5rem;height: 0.5rem;padding: 0.21rem;border-radius: 50%;background-color: #fff;transition: 0.3s;cursor: pointer;}
.show-view .view-box-prev:hover, .show-view .view-box-next:hover{background-color: var(--theme-color);}
.show-view .view-box-prev:hover img, .show-view .view-box-next:hover img{filter: grayscale(1) brightness(10);}
.show-view .view-box-prev{transform: translateX(-50%);}
.show-view .view-box-next{transform: translateX(50%);}
.show-view .view-box-next img{transform: rotate(180deg);}
.show-view .show-view-title{margin-top: 0.49rem;text-align: center;}
@media (max-width: 750px){.view-box-ctrl .view-box-prev{transform: translateX(10%);}
.view-box-ctrl .view-box-next{transform: translateX(-10%);}
}