/* =====头部===== */ 
body {background: none;}
#c-placeholder {height: 3.8125rem;min-height: 50px;}
.header {position: sticky; top: 0; z-index: 99; left: 0; width: 100%; transition: .5s; background: rgba(255, 255, 255,1);}
.header .headBox { margin: auto; padding: 0 0 0 1.5% ; border-bottom: 1px solid #eee; box-sizing: border-box; display: flex; justify-content: space-between; height: 3.8125rem; min-height: 50px; transition: .5s; position: relative;}
.headlogo {display: flex; align-items: center; height: 100%;}
.headlogo img {width: 6.6875rem;  object-fit: contain;}
.headlogo img.logo1 {display: block;}
.headlogo img.logo2 {display: none;}

/* 导航 */
nav {width: 35%;height: 100%;display: flex;align-items: center;margin-right: 5%;}
nav > ul {display: flex; height: 100%; width: 100%; justify-content: space-between;}
nav > ul > li {height: 100%; display: flex; align-items: center; position: relative;}
nav > ul > li > a {color: #333; position: relative;transition: .5s;}
nav > ul > li.on > a {font-weight: 700;}
nav > ul > li:hover > a ,nav > ul > li.on > a {color: #2a6df2;opacity: 1;}

/* 默认下拉 */
.navlist {position: absolute;left: 0;top: 100%;width: auto;min-width: 8.5rem;left: 50%;transform: translateX(-50%);display: none;background: #fff;padding: .5rem;}
.navlist dl dt a{color: #666!important;padding: 0!important;text-align: center;display: block;font-size: var(--font13);line-height: 2;}
@media (any-hover: hover) {
.navlist dl dt a:hover{color: #2a6df2!important;}
}


/* 搜索 */
.header .re .form {margin-right: 6.9375rem;width: 22.0625rem;height: 2.5rem;border: 1px solid #d8d8d8;padding: 0 0.9375rem 0 1.25rem;box-sizing: border-box;border: 1px solid #e0e0e0;border-radius: .3125rem;}
.header .re .form input {flex: 1; width: 100%; font-size: var(--font14);color: #333;}
.header .re .form button {flex-shrink: 0;}

/* 客服注册登录 */
.head-customer{ margin-right: 2.1875rem; }
.head-customer span{color: #282828; margin-left: 0.4375rem; transition: .6s;}
.head-link{height: 100%;}
.head-link a{transition: .6s;}
.head-link a.free-btn1{background: #e8e9eb; color: #282828; height: 100%;padding: 0 2.4375rem;}
.head-link a.free-btn2{background: #2a6df2; color: #ffffff; height: 100%; padding: 0 1.8375rem; }
.head-link a.free-btn2>img{margin-right: 0.3125rem;}
.head-customer a:hover span,.head-link a.free-btn1:hover{color: #2a6df2;}


/* ==================公用css====================== */
/* 滚动条 */
.headerNavScroll::-webkit-scrollbar {width: 3px; scrollbar-width:thin;scrollbar-color:#2a6df2 #DDDDDD; }
/*定义滑块 内阴影*/
.headerNavScroll::-webkit-scrollbar-thumb {background: #2a6df2; border-radius: .3125rem;}
/*定义滚动条轨道 内阴影*/
.headerNavScroll::-webkit-scrollbar-track {background: #E5E5E5;}

/* ===============公用css end!!!!===================*/
/* 了解更多 */
.more1 {padding: 0.8125rem 2.25rem; color: #fff; background: #2A6DF2; border-radius: 100px; transition: .5s; display: inline-block;}
.more1:hover {box-shadow: 0 0 0.625rem #2A6DF2;}
.more2 {color: #333;border: 1px solid #333333; background: none;}
.more2:active {background: #2A6DF2; color: #fff; border-color: transparent;}
.more2-1 {background: none;color: #fff; border: 1px solid #fff;}
.more3 {padding: 0.8125rem 3.875rem;}
@media (any-hover: hover) {
  .more2:hover {background: #2A6DF2; color: #fff; border-color: transparent;}
  .more2-1:hover {background: #2A6DF2; color: #fff; border-color: transparent;}
}

/* 去除layui 标签切换默认样式 */
.clear-layui-tabs .layui-tabs-header {height: auto; white-space:wrap;}
.clear-layui-tabs .layui-tabs-header li {height: auto; line-height: initial; vertical-align: initial; padding: 0;display: block;text-align: left;}
.clear-layui-tabs .layui-tabs-header .layui-this:after {border: 0;}
.clear-layui-tabs .layui-tabs-header:after, .clear-layui-tabs .layui-tabs-scroll:after {display: none;}
.clear-layui-tabs .layui-tabs-body {padding: 0;}

.index-banner {position: relative; overflow: hidden;}
.index-banner .mySwiper2 .imgBox a{display: block;}
.index-banner .mySwiper2 .imgBox img {width: 100%;}
.index-banner .thumnBox {z-index: 1;display: inline;width: auto;padding: 0;left: 0;/* position: absolute; */padding-left: 40%;}
.index-banner .thumnBox .swiper {display: inline-block;border-right: 2px solid #fff; overflow: visible;}
.index-banner .thumnBox .slide {text-align: right;}
.index-banner .thumnBox .slide::after {content: ''; z-index: 1; height: 3px; bottom: 0; position: absolute; width: 0; left: 0; background: linear-gradient(to right , transparent 0%, rgba(255, 255, 255,1) 100%); }
.index-banner .thumnBox .slide a {font-size: var(--font15); color: #333; padding: 1.125rem 0; padding-right: 1.25rem; display: block; position: relative; z-index: 1; transition: .5s;}
.index-banner .thumnBox .slide a::after {content: ''; position: absolute; background: linear-gradient(to right , transparent 0%, rgba(255, 255, 255,.8) 100%); width: 0%; height: 100%; bottom: 0; right: 0; transition: .6s; z-index: -1;}
.index-banner .thumnBox .slide a::before {content: ''; position: absolute; height: 0; top: 0; transform: translateX(100%); right: 0; width: 2px; background: #1d69e5; transition: .6s;}
.index-banner .thumnBox .zw {height: 20%; top: 0; transition: .5s; width: 100%; right: -2px; border-right: 2px solid #2A6DF2; position: absolute; background: linear-gradient(to right , transparent 0%, rgba(255, 255, 255,.8) 100%);  }
.index-banner .thumnBox .slide.swiper-slide-thumb-active a {color: #1d69e5;}
.index-banner .thumnBox .slide.swiper-slide-thumb-active::after {animation: activeAfter 5s linear forwards;}
@keyframes activeAfter {
  0% {width: 0%;}
  100% {width: 100%;}
}



/* 推荐产品 */
.recom-pro{transform: translateY(-2.4375rem); position: relative; z-index: 2;}
.recom-box ul{display: grid; grid-template-columns: repeat(4, 1fr); column-gap:1.25rem;}
.recom-box ul li{background: linear-gradient(0deg,#fefefe 0%, #f4f6f8 100%);  border: 2px solid #ffffff;  border-radius: .4375rem;  box-shadow: 0px 0px 2.875rem 0px rgba(39,60,94,0.08); padding: 1.5625rem 1.75rem; }
.recom-box ul li .icon{width: 3.3125rem; margin-right: 0.5625rem;}
.recom-box ul li .icon img{display: block; max-width: 100%;}
.recom-box ul li .text em{color: #121212; display: block;}
.recom-box ul li .text span{color: #7a8aa5;}


/* 性能强大、安全、稳定的云产品 */
.index-title{margin-bottom: 2.875rem;}
.index-title h2{color: #000000; margin-bottom: 0.4375rem; }
.index-title h3{color: #333333;}
.index-title a{color: #1d69e5; display: inline-flex; margin-left: 1rem;}
.index-title a>img{margin-left: 0.625rem; transition: .6s;}
.index-title a:hover>img{transform: translateX(4px);}
.cloud-pro{padding: 2.8125rem 0 0;}
.cloud-btn ul{justify-content: center;}
.cloud-btn ul li{display: flex; align-items: center; position: relative; padding: 1rem 0; width: auto!important; cursor: pointer;}
.cloud-btn ul li::after{position: absolute; content: ''; width: 0; height: 0.1875rem;  background: #2a6df2; bottom: 0; transition: .6s;}
.cloud-btn ul li .icon{min-height: 1.375rem;}
.cloud-btn ul li .icon img{margin-right: 0.4375rem;}
.cloud-btn ul li em{color: #181818;}
.cloud-btn ul li.swiper-slide-thumb-active::after{width: 100%;}
.cloud-btn ul li.swiper-slide-thumb-active em,.cloud-btn ul li:hover em{color: #467fff;}
.cloud-bg{background: url(../images/cloud-bg.jpg) no-repeat center; padding: 2.375rem  0 2.6875rem; background-size: cover; }
.cloud-box{overflow: hidden;}
.cloud-list ul{display: grid; grid-template-columns: repeat(4, 1fr); gap:1.125rem;}
.cloud-list ul li{background: #ffffff;border: 0.0625rem solid #ebebeb;border-radius: 0.3125rem;padding: 1.875rem 10% 1.75rem;box-sizing: border-box; transition: .6s;}
.cloud-list ul li strong{color: #333333;display: block;margin-bottom: 0.1875rem;}
.cloud-list ul li p{color: #666666;display: block;margin-bottom: 1.0625rem; min-height: 3.875rem;}
.cloud-list ul li span{font-size: var(--font12);color: #666666;background: rgba(242,242,242,.9);display: block;padding: 0.25rem 0.5rem;margin-right: 0.375rem; margin-bottom: 0.875rem;}
.cloud-list ul li em{color: #333333;}
.cloud-list ul li b{color: #2a6df2;}
.cloud-list ul li:hover strong{color: #2a6df2;}

/* 面向丰富业务场景的全栈解决方案 */
.solution{padding:  4.0625rem 0 6.25rem;}
.solution-box ul{display: grid; grid-template-columns: repeat(4, 1fr); column-gap:1.25rem;}
.solution-box ul li{box-shadow: 0px 0px 1.875rem 0px rgba(171,171,171,0.08);}
.solution-box ul li .solution-title{position: relative;}
.solution-box ul li .pic img{display: block; width: 100%;}
.solution-box ul li .info{position: absolute;content: '';width: 100%;height: 100%;top: 0;padding: 2.3125rem 8% 0;}
.solution-box ul li .info h3{color: #000000; display: block; margin-bottom: 0.3125rem; }
.solution-box ul li .info span{color: #666666; display: block; margin-bottom: 1.4375rem;}
.solution-box ul li .info a{transition: .6s; display: inline-block;color: #ffffff;font-size: var(--font13);background: linear-gradient(-34deg,#6b66fd 0%, #1b66ee 100%);padding: 0.5rem 1.5rem;}
.solution-box ul li .info a::before {content: '';position: absolute;left: 0; top: 0; right: 0; bottom: 0;background: linear-gradient(-34deg,#6b66fd 0%, #1b66ee 100%);opacity: 0;  transition: opacity .5s; z-index: -1;}
.solution-box ul li .info a:hover {-webkit-box-shadow: 0 0 0 0.3125rem rgba(55, 165, 208,.2); box-shadow: 0 0 0 0.3125rem rgba(55, 165, 208,.2);}
.solution-box ul li .info a:hover::before {opacity: 1;}
.solution-list{background: #fff; padding: 1.5rem 0 0.5625rem;}
.solution-list dl{border-bottom: 1px solid rgba(235,235,235,1); padding: 0 1.125rem 0.875rem; margin-bottom: 1.25rem;}
.solution-list dl:last-child{border-bottom: none;}
.solution-list dl dt{color: #333333; margin-bottom: 0.3125rem;}
.solution-list dl dd{color: #666666;}

/* 服务全球海量客户的行业案例 */
.case-bg{background: #f8f8f8; padding: 3.875rem 0 4.375rem;}
.case-box{position: relative;}
.case-list{width: 90%; margin: 0 auto; overflow: hidden;}
.case-list ul li a{position: relative; background: linear-gradient(0deg,#e4e4e4 0%, #ffffff 100%); border-radius: .3125rem; display: block; padding: 2.1875rem 0 3.625rem; box-sizing: border-box;}
.case-list ul li .info {align-items: flex-start;}
.case-list ul li .pic{display: flex; align-items: flex-start; justify-content: center; width: 30%;}
.case-list ul li .pic img{display: block; max-width: 100%;mix-blend-mode: multiply; }
.case-list ul li .text{width: 64%;}
.case-list ul li .text em{color: #333333; margin: 0.625rem 0 0.5rem; display: block;}
.case-list ul li .text p{color: #666666;}
.case-list ul li .icon{position: absolute; content: ''; width: 4.0625rem; right: 1.6875rem; bottom: 1.8125rem; }
.case-list ul li .icon img{display: block; max-width: 100%;}
#case-prev,#case-next{width: 3.25rem;  height: 3.25rem;  border: 0.0625rem solid #d0d0d0; border-radius: 50%; min-width: 36px; min-height: 36px; display: flex; align-items: center; justify-content: center; transition: .6s;}
#case-prev{left: 0;}
#case-next{right: 0;}
#case-prev img,#case-next img{display: block; max-width: 50%;}
#case-next img{transform: rotateY(180deg);   -webkit-transform: rotateY(180deg);}
#case-num{display: none;}
#case-prev:hover,#case-next:hover{background: #2a6df2; border-color: #2a6df2; }
#case-prev:hover img,#case-next:hover img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}

/* 合作伙伴 */
.partner-bg{background: linear-gradient(to bottom, #2962d6 0%, #3066d9 100%); padding: 3.75rem 0;}
.partner-list{position: relative; overflow: hidden;}
.partner-list ul li .pic{height: 1.25rem; min-height: 100px;}
.partner-list ul li .pic img{display: block; max-width: 100%;}

/* 安全合规、高速稳定的基础设施建设 */
.about-bg{background: url(../images/about-bg.jpg) no-repeat center top; background-size: cover; padding: 6.875rem 0 2.375rem; position: relative;}
.index-title h4{color: #666;}
.about-bg .index-title{margin-bottom: 6.8125rem;}
.about-bg .index-title a{margin-left: 0; margin-top: 1.5rem;}
.about-num {width: 42%;}
.about-num ul li{width: 50%; margin-bottom: 4.375rem;}
.about-num ul li h4{font-size: 3.25rem; color: #333333; line-height: 1;}
.about-num ul li b{font-weight: 500;}
.about-num ul li span{margin-left: 0.3125rem;}
.about-num ul li em{color: #6d6d6d;}

.about-bg .map{width: 52.25%; position: absolute; right: 8%; bottom: 3.5rem;}
.about-bg .map .pic img{display: block; max-width: 100%;}
.map ul li {position: absolute;/* right: 0; */top: 0;z-index: 1;}
.map ul li .cirle {position: relative;}
.map ul li .cirle i {width: 0.625rem;  height: 0.625rem;  background: #2a6df2; border-radius: 50%; display: block; position: relative; z-index: 2;}
.map ul li .cirle::after {background: #2a6df2;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 100%;height: 100%;border-radius: 50%;content: '';z-index: 1;animation: scale 2s infinite;}
.map ul li.li2 .cirle i {background: rgba(42,109,242,.66);}
.map ul li.li2 .cirle::after {background: #2a6df2;animation: scale2 2s infinite;}
@keyframes scale {0% {transform:translate(-50%, -50%) scale(1);  opacity: .9; } 100% { transform:translate(-50%, -50%) scale(4); opacity: 0;}}
@keyframes scale2 {0% {transform:translate(-50%, -50%) scale(1); opacity: .9; }100% { transform:translate(-50%, -50%) scale(6);opacity: 0;}}
.map ul .li1 {left: 12%;top: 40%;}
.map ul .li2 {left: 26%;top: 20%;}
.map ul .li1_1 {left: 30.5%;top: 11%;}
.map ul .li2_1 {left: 31%;top: auto;bottom: 25%;}
.map ul .li1_2 {left: 44%;bottom: 50%;top: auto;}
.map ul .li1_3 {right: 44%;top: auto;left: auto;bottom: 25%;}
.map ul .li3 {left: auto;top: 25%;right: 26%;/* bottom: 43%; */}
.map ul .li3 .cirle i{width: 0.6875rem;height: 0.6875rem;}
.map ul .li4 {right: 23%;left: auto;top: 55%;}
.map ul .li4 .cirle i{width: 0.5625rem;  height: 0.5625rem; background: rgba(42,109,242,.66);}
.map ul .li5 {left: auto;top: 30%;right: 16%;}
.map ul .li5 .cirle i{width: 0.75rem;height: 0.75rem;}
.map ul .li3_1 {left: auto;top: auto;right: 17%;bottom: 20%;}
.map ul .li6 {left: auto;top: auto;right: 15%;bottom: 31%;}
.map ul .li6 .cirle i{width: 0.5rem; height: 0.5rem; background: rgba(42,109,242,.72);}
.map ul li:nth-child(2n) .cirle::after {animation-delay: 1.5s;}
.map ul li:nth-child(3n) .cirle::after {animation-delay: 1.5s;}


/* 新闻资讯 */
.news{padding: 3.125rem 0 6.3125rem;}
.news-box{margin-bottom: 4.375rem;}
.news-left{width: 64%;}
.news-left ul li{width: 48.7%;}
.news-left ul li .pic{overflow: hidden;}
.news-left ul li .pic img{display: block; width: 100%;  -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.news-left ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.news-left ul li .info{background: linear-gradient(-13deg,rgba(212,212,212,0.3) 0%, rgba(247,247,247,0.3) 100%); padding:  1.6875rem 7.5% 3.0625rem; box-sizing: border-box;}
.news-left ul li .info h3{color: #333333; margin-bottom: 0.75rem; font-weight: 500;}
.news-left ul li .info h4{color: #777777;}
.news-left ul li:hover .info h3{color: #2a6df2;}
.news-right{width: 34%; background: linear-gradient(-13deg,rgba(212,212,212,0.3) 0%, rgba(247,247,247,0.3) 100%); padding: 2.8125rem 2.8% 0; box-sizing: border-box;}
.news-right dl{margin-bottom: 1.625rem;}
.news-right dl dt{color: #333333; font-weight: 500;}
.news-right dl dd{color: #666;}
.news-right dl:hover dt{color: #2a6df2;}
.index-more a{background: #2a6df2; display: inline-flex; margin: 0 auto; padding: 0.6875rem 1.4375rem;}
.index-more span{margin-right: 1.125rem;}
.index-more img{transition: .6s;}
.index-more a:hover img{transform: rotate(-45deg);}

/* 咨询 */
.consult-bg{background: url(../images/consult-bg.jpg) no-repeat center; padding:  5.3125rem 0 3.8125rem; background-size: cover;}
.consult-bg h3{font-weight: 700; color: #333333; text-align: center; margin-bottom: 2.0625rem;}


/* 公共底部  */
.footer-bg{background: #f5f7fa;}
.foot-top{padding: 2.5625rem 0 2.375rem; border-bottom: 1px solid #D7D7D7;}
.foot-top ul li .icon{width: 3.1875rem; margin-right: 0.9375rem;}
.foot-top ul li .icon img{max-width: 100%;}
.foot-top ul li .text b{color: #364157; display: block;}
.foot-top ul li .text span{color: #7a8aa5;}
.foot-middle{padding: 3.125rem 0 4.75rem; border-bottom: 1px solid rgba(215,215,215,.8);}
.foot-nav dl dt{margin-bottom: 0.9375rem;}
.foot-nav dl:last-child dt{margin-bottom: 1.625rem;}
.foot-nav dl dd a{color: #777777; line-height: 2.4;}
.foot-wechat {margin-bottom: 0.8125rem}
.foot-wechat .pic:first-child{margin-right: 1.0625rem;}
.foot-nav dl .info p{color: #777777; line-height: 2;}
.foot-copy{padding: 2.1875rem 0 7rem;}
.copy-left{margin-top: 1.0625rem;}
.foot-logo a img{display: block; margin-bottom: 0.9375rem;}
.copy-left .text{margin-bottom: 1.5625rem;}
.copy-left p{color: #495770;}
.copy-left a{color: #495770;}
.copy-left span{margin-left: 3.125rem;}
.copy-right{display: none;}
.copy-right p,.copy-right a{color: #777777; }
.foot-nav dl dd a:hover,.foot-copy a:hover,.copy-right a:hover{color: #2a6df2; }



/* 内页阿里邮箱-国产化版 */
.ny-banner{position: relative;}
.ny-banner .pic img{display: block; width: 100%;}
.ny-banner .info h2{margin-bottom: .875rem;}
.ny-banner .info h3{margin-bottom: 2.8125rem; width: 55%; line-height: 2;}
.banner-btn a{cursor: pointer; display: inline-block; color: #2a6df2; background: #ffffff; padding: .5625rem 2.75rem;   transition: .5s; position: relative; z-index: 1; overflow: hidden;}
.banner-btn a:first-child{margin-right: .8125rem; background: #2a6df2; color: #ffffff; }
.banner-btn a:first-child:hover{-webkit-box-shadow: 0 0 0 .5rem rgba(42, 109, 242,.2); box-shadow: 0 0 0 .5rem rgba(42, 109, 242,.2);}
.banner-btn a:last-child:hover{-webkit-box-shadow: 0 0 0 .5rem rgba(255, 255, 255,.2); box-shadow: 0 0 0 .5rem rgba(255, 255, 255,.2);}

.consult-bg2{background: url(../images/consult-bg2.jpg) no-repeat center; background-size: cover;}
.consult-bg2 h3{color: #fff;}

.domestic-list{background: linear-gradient(0deg,#fefefe 0%, #f4f6f8 100%); border: .125rem solid #ffffff; border-radius: .4375rem; box-shadow: 0px 0px 2.875rem 0px rgba(39,60,94,0.22);  padding: 1.125rem 0; transform: translateY(-1.75rem);}
.domestic-list ul li{position: relative; width: 25%; padding: 0 3%; box-sizing: border-box;}
.domestic-list ul li::after{position: absolute; content: ''; width: .0625rem; height: 4.125rem;  background: #dedede; right: 0; top: 50%; transform: translateY(-50%);}
.domestic-list ul li em{color: #121212; display: block;}
.domestic-list ul li span{color: #7a8aa5;}
.domestic-list ul li:last-child::after{display: none;}

.domestic-info{padding: 4.6875rem 0 7.9375rem;}
.domestic-box .pic{width: 38%; }
.domestic-box .pic img{display: block; width: 100%; border-radius: .625rem;}
.domestic-box .text{width: 58%;}
.email-title h4{margin-bottom: .375rem;}
.email-title h5{color: #3d485d;}
.domestic-box .text .email-title h4{margin-bottom: 1.25rem;}
.domestic-box .text .email-title h5{line-height: 2; color: #333;}
.domestic-box .text .item{margin: 3rem 0 3.5625rem;}
.domestic-box .text .item p{margin-right: 2.8rem;}
.domestic-box .text .item p:last-child{margin-right: 0;}
.domestic-box .text .item p>img{width: .875rem; margin-right: .5rem;}
.domestic-box .text .banner-btn .btn2{border: 1px solid #2a6df2; box-sizing: border-box;}

.grey-bg{background: #f3f5f8;}
.domestic-ys{padding-bottom: 6.1875rem;}
.domestic-ys .email-title{margin-bottom: 2.625rem;}
.grid-3{display: grid; grid-template-columns: repeat(3, 1fr);}
.grid-4{display: grid; grid-template-columns: repeat(4, 1fr);}
.grid-5{display: grid; grid-template-columns: repeat(5, 1fr);}
.ys-list ul{ column-gap:1.4375rem}
.ys-list ul li{ padding: 0 .6875rem 0 1.625rem;  height: 9.25rem; box-sizing: border-box;  background: linear-gradient(0deg,#ffffff 0%, #f3f5f8 100%); border: .125rem solid #ffffff; box-shadow: 0px 0px 1.125rem 0px rgba(7,0,2,0.11); }
.ys-list ul li .text h3{font-weight: 500;}
.ys-list ul li .icon img{width: 2.0625rem;  mix-blend-mode: multiply;}

.domestic-feature{padding: 3.5rem 0 5.5rem;}
.feature-list{padding: 5rem 0 0;}
.feature-list ul {gap:5.1875rem}
.feature-list ul li strong{color: #000000; position: relative; padding-left: .9375rem; margin-bottom: .75rem; display: block;}
.feature-list ul li strong::after{position: absolute; content: '';  width: .375rem; height: 1.375rem; background: #2a6df2; border-radius: .1875rem; left: 0;}
.feature-list ul li h4{color: #495770; padding-left: .9375rem;}

.domestic-feature2{padding: 4.375rem 0 9rem;}




/* 阿里邮箱-标准版集团版尊享版 */

.profeat-box {position: relative;}
/* 左侧栏目 */
.profeat-box .profeat-nav {position: absolute;left: 8%;height: 100%;padding: 5.0625rem 0;box-sizing: border-box;z-index: 2;}
.profeat-box .profeat-nav .nav-box {position: sticky;top: 7.5rem;background: #fff;width: 7.6875rem;min-width:95px;padding: .625rem 0;box-shadow: 0px 0px 1.875rem 0px rgba(7,0,2,0.03);}
.profeat-box .profeat-nav li a {display: flex;align-items: center;font-size: var(--font13);width: 100%;padding-left: 1.25rem;position: relative;color: #333;line-height: 3;}
.profeat-box .profeat-nav li a.active {color: #2A6DF2;}
.profeat-box .profeat-nav li a.active .icBox img {filter: grayscale(0%); -webkit-filter:grayscale(0%);}
/* 指示线跟随 */
.profeat-box .profeat-nav ul .xian {width: .125rem;height: 100%;position: absolute;left: 0;top: 0;background: #2A6DF2;transition: top .5s;opacity: 0;}


/* 右侧内容区 */
.profeat-con .item {padding: 5rem 0}
.specifications{margin-top: 3.4375rem;}
.specifications ul {column-gap: 1.6875rem;}
.specifications ul li{ background: linear-gradient(0deg,#f4f6f9 0%, #fdfefe 100%); border: .0625rem solid #f3f3f3;}
.specifications ul li .con{padding:  2.6875rem 1.375rem 0; box-sizing: border-box;}
.specifications ul li strong{font-weight: 700; margin-bottom: 2.1875rem; display: block;}
.specifications dl{border-bottom: 1px solid #D7DAE0; padding:  0 .375rem .625rem; margin-bottom: .9375rem;}
.versionMain .specifications dl:nth-child(4){height: 4.3125rem;}
.specifications dl .layui-input, .specifications dl .layui-select{background: transparent!important; border: none!important; font-size: var(--font22)!important; color: #333!important; padding-left: 0!important;}
.specifications ul li .info{padding: .4375rem 0 3rem; height: 8.8125rem;}
.specifications ul li .info h4{border: 1px solid #cbcdd2; display: inline-block; padding: 0.1rem 0.4rem; color: #5f5f5f; margin-bottom: .625rem;}
.specifications ul li .price span,.specifications ul li .info h3{color: #2a6df2;}
.specifications ul li .price em{line-height: 1;}
.specifications ul li .info h5{color: #646464;}

.specifications ul li .price-link{background: #e1e7f2; padding: 1.25rem 1.8125rem}
.specifications ul li .price-link a{background: #2a6df2; border: 1px solid #2a6df2; display: block; color: #ffffff; text-align: center; padding: 0.54rem 0;}



.version-ys{padding: 6.25rem 0 2rem;}
.version-ys ul {gap:2.9375rem 6.8125rem}
.version-ys ul li .icon{width: 3.375rem;}
.version-ys ul li .icon img{width: 2.5rem;}
.version-ys ul li .info{flex: 1;}
.version-ys ul li .info em{color: #000000;  font-weight: 500; margin-bottom: .75rem; display: block;}
.version-ys ul li .info p{color: #495770;}
.version-list{margin-top: 3.125rem}
.version-list ul{column-gap: 1.4375rem;}
.version-list ul li{ height: 9.3125rem; padding: 0 6%; box-sizing: border-box; background: linear-gradient(0deg,#ffffff 0%, #f3f5f8 100%);  border: .125rem solid #ffffff;  box-shadow: 0px 0px 1.125rem 0px rgba(7,0,2,0.11); }
.version-list ul li .icon{width: 4.5625rem;}
.version-list ul li .icon img{width: 3.625rem;}
.version-list ul li .text{flex: 1;}


.class-btn .thumBox {margin-top: 2.8125rem;position: relative;}

.class-btn .thumBox .swiper-wrapper {justify-content: center;}
.class-btn .thumBox .slide {width: auto; cursor: pointer; margin: 0 4%;}
.class-btn .thumBox .slide .tit {color: #4a4a4a;padding: .9375rem .625rem;display: inline-block;position: relative;}
.class-btn .thumBox .slide .tit::after {content: ''; position: absolute; left: 0; bottom: 0; width: 0; height:.1875rem; min-height: 1.5px; background: #2A6DF2;}
.class-btn .thumBox .slide.swiper-slide-thumb-active .tit::after {animation: DIYWeight100 5s linear forwards;}
.class-btn .thumBox .slide.swiper-slide-thumb-active .tit {color: #2A6DF2;}

.versionMain .class-btn .thumBox .slide {margin: 0 12%;}

.profeatCon-five .swiperBox {background: #ffffff; border-radius: .625rem; box-shadow: 0px 0px 1.125rem 0px rgba(7,0,2,0.04); }

.dingtalk{height: 16.75rem;}
.dingtalk dl{ border-right: 1px solid rgba(156,156,156,0.09); height: 100%; padding: 3.125rem 8% 0; box-sizing: border-box;}
.dingtalk dl strong{margin-bottom: 2.6875rem; display: block;}
.dingtalk dl dd{align-items: flex-start; margin-bottom: 2.875rem;}
.dingtalk dl dd img{width: 1.1875rem; margin-right: .625rem;}
.dingtalk dl dd em{color: #9c9c9c;}
.dingtalk dl dd span{color: #333333;}

.versionMain .profeat-con .item.profeatCon-Six{padding: 0;}

.cases {background: #242933; position: relative; padding: 4.375rem 0; overflow: hidden;}
.cases .swiperBox1 {position: absolute; left: 0; top: 0; height: 100%; width: 35%;}
.cases .swiperBox1 .swiper {height: 100%;}
.cases .swiperBox1 .swiper .slide .imgBox {width: 100%; height: 100%;}
.cases .swiperBox1 .slide .imgBox img {width: 100%; height: 100%; object-fit: cover;}
.cases .tle {padding-left: 20%;}
.cases .swiperBox2 {width: 78%; margin-left: auto;}
.cases .swiperBox2 .swiper {margin-top: 2.8125rem;}
.cases .swiperBox2 .slide {padding: 1.875rem;background: #fff; height: auto;border-radius: .3125rem;overflow: hidden;box-sizing: border-box;}
.cases .swiperBox2 .slide .logo img{display: block; max-width: 100%;}
.cases .swiperBox2 .slide .p1 {margin-top: 1.5625rem;}
.cases .swiperBox2 .slide .p2 {color: #3B78DE; font-size: var(--font14);}
.cases .swiperBox2 .slide .text {margin-top: 1.875rem; font-size: var(--font14); color: #293957;}
/* 控件 */
.cases .swiperBox2 .swjt { position: relative; bottom: 0; left: 0; transform: none; display: inline-flex; left: 0; right: 0; margin: 0; margin-top: 4.375rem; width: 3rem;height: 3rem; min-height: 36px; min-width: 36px; background: #FFFFFF; border-radius: 50%; transition: .5s;}
.cases .swiperBox2 .swjt i {color: #838383;}
.cases .swiperBox2 .swjt.swiper-button-prev {margin-left: 20%;margin-right: .9375rem;}
.cases .swiperBox2 .swjt:active {background: #3B78DE;}
@media (any-hover: hover) {
  .cases .swjt:hover {background: #3B78DE;}
  .cases .swjt:hover i {color: #fff;}
}

.problem-list{padding: 4.25rem 0 0; width: 81.4%; margin: 0 auto;}
.problem-list ul{margin-bottom: 2.3125rem;}
.problem-list li{padding: 2.1875rem 2.875rem; box-sizing: border-box; }
.problem-list dl{cursor: pointer; transition: .5s;}
.problem-list dl em{color: #333}
.problem-list dl .btn img{width: 1.8125rem;mix-blend-mode: multiply; transition: 0.6s; }
.problem-list .info{display: none; }
.problem-list .info .con{color: #666; padding: 1.2rem 0 1.6rem;}
.problem-list .info a{color: #0050ff; transition: .6s;}
.problem-list .info a:hover{margin-left: 0.5rem;}
.problem-list li.on{background: #f3f5f8; border-radius: .6875rem;}
.problem-list li.on dl .btn img{transform: rotate(45deg);}


.problem-link{text-align: center;}
.problem-link em{color: #555}
.problem-link a{transform: .6s; display:inline-block; color: #fff; background: #3b78de; border-radius: 6.25rem; padding: 1rem 1rem; padding: 0.4rem 0.6rem; margin-left: .75rem; } 

/* 网站建设 */
.website-banner .info{text-align: center;}
.website-banner .info h5{color: #575757;}
.website-banner .info h5 b{color: #2a6df2;}
.web-search{margin-top: 3.125rem;}
.web-search input,.web-search button{height: 3.75rem; font-size: var(--font15);}
.web-search input{ background: #ffffff; width: 36.5625rem; padding-left: 1.625rem; box-sizing: border-box;  }
.web-search button{background: #2a6df2; color: #fff; padding: 0 1.53rem;}
.web-search button img{width: 1.4375rem; margin-right: 1rem;}
.website-list{margin-top: 3.9375rem;}
.website-list ul{column-gap: .875rem;}
.website-list ul li{background: linear-gradient(0deg,#f4f6f9 0%, #fdfefe 100%);  border: .0625rem solid #f3f3f3; padding: 3.125rem 1.375rem 2.125rem; box-sizing: border-box;}
.website-list ul li h3{color: #646464; margin-bottom: 2.5rem;}
.website-list dl{align-items: center; margin-bottom: .875rem;}
.website-list dl img{width: .9375rem; margin-right: .75rem;}
.website-list dl dd{color: #646464;}
.website-list ul li .info{border-top: .0625rem solid #D7DAE0;}
.website-list ul li span,.website-list ul li em{ color: #2a6df2;}
.website-list ul li em{line-height: 1;}
.website-list ul li .info{margin: 2.8125rem 0 2.375rem; padding: 1rem .5rem 0;} 
.website-list ul li .info h5{color: #646464;}
.website-link a{background: #2a6df2; border: 1px solid #2a6df2; display: block; color: #fff; text-align: center; padding: 0.54rem 0; transition: .6s;}
.website-link a:hover{transform: translateY(-.5rem);}

.solutions-list{text-align: center; margin-top: 3.75rem;}
.solutions-list ul li .icon img{width: 6.1875rem; margin-bottom: 1.25rem;}
.solutions-list ul li b{color: #3b3c3e;}
.solutions-list ul .line img{width: 5.6875rem; transform: translateY(-1.5rem);}

.websiteMain .profeat-con .item.profeatCon-thre{padding: 4.1875rem 0 9.0625rem;}
.websiteMain  .website-list ul li strong{margin-bottom: 0;}
.website-ys{margin: 5rem 0 0;}
.website-ys ul li{width: 22%; text-align: center;}
.website-ys ul li .icon img{width: 8.5rem; margin-bottom: 2.5rem;}
.website-ys ul li strong{}
.website-ys ul li p{color: #646464; margin-top: .4375rem;}

.enterprise-list{position: relative; overflow: hidden;  padding:  1rem; box-sizing: border-box; margin-top: 2.375rem;}
.enterprise-list ul{flex-direction: row!important;}
.enterprise-list ul li{margin-top: 0!important; border-radius: 1.25rem; box-shadow: 0px 0px 1.125rem 0px rgba(7,0,2,0.04);  margin-bottom: 1.875rem;}
.enterprise-list ul li .pic {height: 5.125rem; box-sizing: border-box; display: flex; align-items: center; justify-content: center;mix-blend-mode: multiply;}
.enterprise-list ul li .pic img {max-width: 100%; max-height: 100%; object-fit: contain; mix-blend-mode: multiply;}
#enterprise-num{display: none;}

.process-list{margin-top: 3.125rem;}
.process-list ul{gap:2.0625rem 3.25rem}
.process-list ul li{background: #ffffff; border-radius: .6875rem; padding: 1.75rem 2.0625rem;}
.process-list ul dl{margin-bottom: .625rem;}
.process-list ul li em{}
.process-list ul li img{width: 1.9375rem;}
.process-list ul li p{color: #6e6e6e;}

.websiteMain .problem{padding: 4.375rem 0;}



/* 数字证书-国产版 */
.ssl-banner .info h3{width: 63%;}
.ssl{padding: 4.375rem 0 6.25rem;}
.ssl .website-list{margin-top: 1.875rem}
.website-list ul li{  overflow: hidden; position: relative; background: linear-gradient(0deg,#f4f6f9 0%, #fdfefe 100%);  border: .0625rem solid #f3f3f3;  border-radius: .625rem; padding: 3.125rem 1.375rem 1.3125rem;}
.website-list ul li strong{margin-bottom: 1.75rem; display: block;}
.website-list ul li .info{margin: 1.5rem 0 2.375rem;}
.website-list ul li .tag { position: absolute; top: 0; right: 0; background-color: #ff6000; color: #fff; padding: .25rem 2.9375rem; transform: rotate(45deg) translate(30%, -72%);}

.compare{padding: 3.625rem 0 5.5625rem;}
.table-compare{width: 100%; text-align: center; border-collapse:collapse;  border-top: 1px solid rgba(0,0,0,0.09);  margin-top: 3.125rem;}
.table-compare tr{ border-bottom: 1px solid rgba(0,0,0,0.09); }
.table-compare tr td{font-size: var(--font14); color: #666; padding: .55rem 0;}
.table-compare tr:first-child td{font-weight: 700; font-size: var(--font16); color: #333333; padding: .8125rem 0;}
.table-compare tr td.money{}
.table-compare tr td a{display: inline-block; color: #2a6df2; text-align: center; margin: 0 auto; border: 1px solid #2a6df2; border-radius: 6.25rem; font-size: var(--font14); padding: 0.2rem 0.61rem; transition: .6s;}
.table-compare tr td a:hover{background: #2a6df2; color: #fff;}
.table-compare tr td img{width: 1.25rem;}

.choose{padding: 3.375rem 0 7.25rem;}
.choose-list{margin-top: 3.125rem;}
.choose-list ul{gap: 1.625rem 1.4375rem;}
.choose-list ul li{background: linear-gradient(0deg,#ffffff 0%, #f3f5f8 100%); border: .125rem solid #ffffff; box-shadow: 0px 0px 1.125rem 0px rgba(7,0,2,0.11); padding: 2.3125rem 1.625rem 0; height: 10.625rem;}
.choose-list ul li dl img{width: 3.25rem;}
.choose-list ul li p{color: #495770; width: 91%;}

.ssl-service{position: relative;}
.ssl-service .pic{}
.ssl-service .pic img{display: block; width: 100%; min-height: 15rem; object-fit: cover;}
.ssl-service .info h4{color: #666666; padding: .625rem 0 3.125rem;}
.ssl-service .info a{background: #2a6df2; display: inline-block; padding: 0.6rem 2.53rem; transition: .6s;}
.ssl-service .info a:hover{transform: translateY(-0.5rem);}

.document{padding: 4rem 0 4.875rem;}
.document-box{width: 82%; margin: 3.125rem auto 0;}
.document-box dl{width: 48%; background: linear-gradient(0deg,#ffffff 0%, #ffffff 100%);  box-shadow: 0px 0px 1.125rem 0px rgba(7,0,2,0.06); padding:  1.875rem 1.5625rem 2rem; box-sizing: border-box;}
.document-box dl dt{border-bottom: 1px solid rgba(234,234,234,.61); padding-bottom: .625rem;  margin-bottom: .875rem;}
.document-box dl dt em{color: #2a6df2}
.document-box dl dt a{color: #c2c2c2; }
.document-box dl .text a{color: #666666; margin-bottom: .4375rem;}
.document-box dl dt a:hover,.document-box dl .text a:hover{color: #2a6df2}

.brand{padding: 3.4375rem 0 0;}
.ssl-brand   .email-title h4{margin-bottom: 1.375rem;}
.ssl-list{padding-bottom: 4.375rem;}
.ssl-list ul li{   width: 18%;   text-align: center;}
.ssl-list ul li .pic{height: 6rem; display: flex; align-items: center; justify-content: center;}
.ssl-list ul li .pic img{max-width: 100%;}


.ssl-list2 ul li{height: 8.0625rem;}
.ssl-list2 ul li .pic{height: 5.25rem;}
.ssl-list2 ul li em{color: #666;}
.white-bg{background: #fff;}



/* 数字证书-其他版本 */
.sslMain2 .profeat-box .profeat-nav .nav-box{width: 9rem;}


.sslMain2 .website-list{margin-top: 0; padding: 2.25rem 0 4.375rem;}
.sslMain2 .website-list ul li{background: #fff;}




.international{padding: 2.8125rem 0 3.5rem; }
.international h2{color: #9e9e9e; margin-bottom: 1.375rem;}
.international .box{display: flex; background: linear-gradient(0deg,#ffffff 0%, #f3f5f8 100%);  border: .125rem solid #ffffff; display: grid;   grid-template-columns: repeat(5, 1fr);  }
.international .box dl{text-align: center;  padding: 3.125rem 0;}
.international .box dl  .pic{min-height: 2.75rem; margin-bottom: .625rem;}
.international .box dl  .pic img{max-width: 100%; }
.international .box dl em{color: #939393;}


.sslMain2 .profeat-con .profeatCon-four.item{padding:  0 0 2rem;}
.sslclass-table{width: 100%; margin: 3.125rem 0;}
.sslclass-table tr{border-top: 1px solid #ECECEC; color: #666; vertical-align: top;}
.sslclass-table tr td{padding: 1.4375rem 0;}
.sslclass-table tr td b{font-size: var(--font16); color: #333;}
.sslclass-table tr td img{display: block; width: 4.9375rem;}
.sslclass-table tr td>div{margin-bottom: .4375rem;}
.sslclass-table tr td em{color: #fff; background: #2a6df2; border-radius: .3125rem; font-size: var(--font13); padding: 0 .26rem; margin-right: .4375rem;}
.sslclass-table tr td a{ display: inline-block; color: #2a6df2; border: 1px solid #2a6df2; border-radius: 1.1875rem; text-align: center; padding: 0.4rem 4.5rem; transition: .6s;}
.sslclass-table tr td a:hover{background: #2a6df2; color: #fff;}

.ssl-class2{padding: 3.875rem 0 6.1875rem;}
.sslclass-list{margin-top: 3.4375rem;}
.sslclass-list ul{column-gap: 2.8125rem; }
.sslclass-list ul li{ height: 21.8125rem;  overflow: hidden; position: relative;  background: linear-gradient(0deg,#ffffff 0%, #f3f5f8 100%);  border: .125rem solid #ffffff;  box-shadow: 0px 0px 1.125rem 0px rgba(7,0,2,0.11); }
.sslclass-list ul li .info{ padding: 3.4375rem 1.7rem 0;}
.sslclass-list ul li .info em{color: #000; display: block; margin-bottom: .625rem;}
.sslclass-list ul li .info p{color: #495770; margin-bottom: 1.4375rem;}
.sslclass-list ul li .info a{display: inline-block; background: #2a6df2; border: 1px solid #2a6df2; border-radius: 19px; color: #fff; padding: 0.4rem 2.1rem;}
.sslclass-list ul li .pic{position: absolute; bottom: 0; right: 0; width: 16.5rem;}
.sslclass-list ul li .pic img{display: block; width: 100%;}
.ssl-process{margin-top: 3.6875rem;}
.ssl-process ul{position: relative;}
.ssl-process ul::after{position: absolute;content: '';width: 100%;height: .1875rem;background: #eaedf1;top: 37%;z-index: -1;}
.ssl-process ul li{position: relative; text-align: center; display: flex; flex-direction: column; align-items: center;}
.ssl-process ul li::after{position: absolute;content: '';background: url(../images/ssl-process5.png) no-repeat;right: 0;width: .9375rem;height: 1.0625rem;top: 33%;}
.ssl-process ul li:last-child:after{display: none;}
.ssl-process ul li .icon{margin-bottom: 1.5rem;}
.ssl-process ul li .icon img{height: 1.5625rem;}
.ssl-process ul li .num{background: #0052d9; border-radius: 50%; width: 2.125rem; height: 2.125rem; display: flex; align-items: center; justify-content: center; margin: 0 auto;}
.ssl-process ul li span{color: #fff; }
.ssl-process ul li .text{ margin-top: 1.25rem; width: 68%; height: 4.6875rem;  background: #ffffff;  border-radius: .5625rem;  box-shadow: 4.5px 7.79px 13px 9px rgba(7,0,2,0.06);  display: flex; align-items: center; justify-content: center;}
.ssl-process ul li .text em{color: #555;}

.ssl-need-bg{padding: 3.5rem 0 4.875rem;}
.ssl-need{padding: 3.75rem 0 0;}
.ssl-need ul{gap: 1.625rem 1.4375rem;}
.ssl-need ul li{ position: relative; height: 10.625rem;  background: linear-gradient(0deg,#ffffff 0%, #f3f5f8 100%);  border: 2px solid #ffffff;  box-shadow: 0px 0px 1.125rem 0px rgba(7,0,2,0.11);  padding: 2.8125rem 1.25rem 0;}
.ssl-need ul li .icon{position: absolute; content: ''; width: 2.5rem; right: 1.75rem; top: 1.9375rem;}
.ssl-need ul li .icon img{width: 100%;}

.ssl-need ul li .text em{color: #000; display: block; margin-bottom: .5rem;}
.ssl-need ul li .text p{color: #495770; width: 86%;}

.ssl-types{padding-top: 5.75rem;}
.ssl-types .ssl-list{padding-bottom: 0; margin-top: 1.75rem;}
.ssl-types .ssl-list ul{}
.ssl-types .ssl-list ul li{width: auto;}
.ssl-types .ssl-list ul li em{color: #666666;}


.sslMain2 .profeat-con .profeatCon-Six{background: #edf1f9;}
.sslMain2 .problem-list li.on{background: #fff;}



/* WPS企业版 */
.wps-banner{}
.wps-banner .info{display: flex; flex-direction: column; align-items: center;}
.wps-banner .wps-logo img{width: 15.9375rem; mix-blend-mode: multiply; margin-bottom: .8125rem;}
.wps-banner .info h2{font-size: var(--font40); color: #333333; margin-bottom: 1.25rem;}
.wap-list {margin-bottom: 5.3125rem;}
.wap-list ul li{margin: 0 3.5rem;}
.wap-list ul li .icon img{width: 3rem; margin-right: .4375rem;}
.wap-list ul li em{color: #000000; display: block; line-height: 1;}
.wap-list ul li span{color: #666666;}
.tool{padding: 5.625rem 0 5rem;}
.tool-list {margin-top: 3.75rem;}
.tool-list ul{display: flex;flex-wrap: wrap;justify-content: center;}
.tool-list ul li{display: flex;flex-direction: column;width: 15%;align-items: center; margin-bottom:2rem;}
.tool-list ul li .icon img{width: 3.125rem; margin-bottom: .625rem;}
.tool-list ul li em{color: #333; font-weight: bold; display: block; margin-bottom: .5rem;}
.tool-list ul li span{}
.wps-ai{padding: 2.9375rem 0 4.375rem; display: none;}
.ai-list{margin-top: 3.125rem;}
.ai-list ul{column-gap:3rem;}
.ai-list ul li{box-shadow: 0px 0px 1.125rem 0px rgba(7,0,2,0.11); padding: 1.875rem 1.5625rem 1.625rem; box-sizing: border-box; background: #fff;}
.ai-list ul li em{color: #2a6df2;}
.ai-list ul li strong{display: block; margin-bottom: .8125rem;}
.ai-list ul li  p{color: #495770; margin-bottom: 1.6875rem;}
.ai-list ul li .pic img{width: 100%;}
.wps-data{margin: 3.9375rem 0 7.0625rem;}
.data-list{margin-top: 2.5rem;}
.data-list ul{column-gap: 1.5rem;}
.data-list ul li{border: .0625rem solid #efefef; box-sizing: border-box; border-radius: .9375rem; overflow: hidden; padding: 2.1875rem 2.3125rem 1.25rem;}  
.data-list ul li .pic img{width: 5rem; margin-bottom: 1.4375rem;}
.data-list ul li  em{font-weight: bold; display: block; margin-bottom: 1.3125rem; }
.data-list ul li p{color: #818181; margin-bottom: 1.4375rem;}
.data-list ul li span{color: #818181; margin-left: .625rem;}


.iso-list {background: #f7f8fa; border-radius: 1.5625rem; padding: 2.5rem 0; margin-top: 2.1875rem;}
.iso-list ul{display: flex; justify-content: space-evenly;}
.iso-list ul li{}
.iso-list ul li em,.iso-list ul li span{color: #606061; display: block; text-align: center; font-size: var(--font16);}
.wps-version{padding: 4.125rem 0 5.1875rem;}
.version-icon em,.version-icon span{font-weight: bold;}
.version-icon em{margin-right: 1.875rem;}
.version-icon .icon{margin: 0 .9375rem;}
.version-icon .icon img{    mix-blend-mode: multiply; height: 1.2rem;} 
.version-icon .icon span{margin-left:   .625rem; display: inline-block;}

.wps-version .website-list ul li{border-radius: 0; background: #ffffff; padding: 3.75rem 1rem 2.125rem; }
.wps-version .website-list ul li strong{margin-bottom: 0;}
.wps-version .website-list ul li h5{margin-bottom: 3rem;}
.wps-version .website-list ul li .text{height: 10rem;}
.wps-version .website-list ul li .tag{background: #e7242f;}

.enterprises{padding: 4.6875rem 0 6.25rem;}


.consult-bg3{background: url(../images/consult-bg3.jpg) no-repeat center;}
.wps-logo2 img{margin: 0 auto .625rem; width: 6rem; display: block;}
.consult-bg3 .index-more a{margin: 0 1.25rem; border-radius: 100px;}
.consult-bg3 .index-more a:first-child{background: #fff;}
.consult-bg3 .index-more a:first-child span{color: #626262;}
.consult-bg3 .index-more a:first-child img{-webkit-filter: brightness(1) invert(1); filter: brightness(1) invert(1);}


/* 企业邮件解决方案 */
.architecture{padding: 3.9375rem 0 5.25rem;}
.architecture-box{box-shadow: 0px 0px .75rem 0px rgba(175,175,175,0.13); padding: 3.6875rem  4.1875rem 1.5rem 1.5rem; box-sizing: border-box; margin-top: 1.75rem;}
.architecture-box .pic{width: 54.6%;}
.architecture-box .pic img{width: 100%;}
.architecture-box .info{width: 43%;}
.architecture-box .text{margin-bottom: 1.875rem;}
.architecture-box em{display: block; margin-bottom: .625rem;}
.architecture-box  p{color: #333333;}

.recom-pros{padding: 3.6875rem 0 5.75rem;}
.recom-pro-list{margin-top: 3rem}
.recom-pro-list ul{column-gap: 1.25rem;}
.recom-pro-list ul li{background: linear-gradient(0deg,#ffffff 0%, #f3f5f8 100%); border: 2px solid #ffffff; box-shadow: 0px 0px 1.125rem 0px rgba(7,0,2,0.11); padding: 2.75rem 1.5rem 0; box-sizing: border-box; height: 16.6875rem;}
.recom-pro-list ul li em{color: #000000; display: block; margin-bottom: 1.3125rem;}
.recom-pro-list ul li p{  color: #495770; min-height: 4.9375rem;}
.recom-pro-list ul li  a{background: #2a6df2; color: #fff; display: inline-block; padding: 0.46rem 1.4rem; margin-top: .9375rem; border-radius: 0;}

.features{padding: 3.5rem 0 5.8125rem;}
.features-list{margin-top: 2.6875rem;}
.features-list ul{gap: 1.625rem 1.4375rem;}
.features-list ul li{ position: relative; height: 12.4375rem; background: linear-gradient(0deg,#ffffff 0%, #f3f5f8 100%);  border: .125rem solid #ffffff;  box-shadow: 0px 0px 1.125rem 0px rgba(7,0,2,0.11);  padding: 2.8125rem 1.25rem 0;}
.features-list ul li .icon{position: absolute; content: ''; width: 2.5rem; right: 1.75rem; top: 1.9375rem;}
.features-list ul li .icon img{width: 100%;  mix-blend-mode: multiply;}
.features-list ul li .text em{color: #000; display: block; margin-bottom: .5rem;}
.features-list ul li .text p{color: #495770; width: 86%;}
.encryption {padding: 4.25rem 0;}
.encryption .problem-list{padding: 3.125rem 0 0;}
.encryption .problem-list ul li.on{background: #fff;}


/* 对象存储oss */
.ossMain .specifications ul li strong{ min-height:3.75rem}
.ossMain .specifications ul li h3{color: #989898; font-size: var(--font12); margin-bottom: 1.5625rem;}
.storage-box{margin-top: 2.875rem;}
.storage-table{color: #666666; text-align: left;}
.storage-table tr{border-bottom: 1px solid #E4E4E4;}
.storage-table thead tr{border-top: 1px solid #E4E4E4;}
.storage-table tr th{font-size: var(--font16); font-weight: 700; color: #333333;}
.storage-table tr th,.storage-table tr td{padding: 1.25rem 1%; box-sizing: border-box;}
.storage-table tr td:first-child{font-weight: 700; color: #333333; padding: 1.25rem 0;}
.storage-table tr th:first-child,.storage-table tr th:nth-child(2),.storage-table tr td:first-child,.storage-table tr td:nth-child(2){width: 12%;}
.storage-table tr.prices td:not(:first-child){color: #2a6df2; font-size: var(--font16);}
.oss-ys{margin-top: 3.75rem;}
.oss-ys ul{column-gap: 6.625rem;}
.oss-ys ul li{text-align: center;}
.oss-ys ul li .icon img{width: 3.5rem; display: block; margin: 0 auto 1.375rem;}
.oss-ys ul li em{color: #000; display: block; margin-bottom: .5rem;}
.oss-ys ul li p{color: #495770;}
.oss-date{padding: 3.6875rem 0 4.9375rem;}
.oss-title em{color: #000000; margin-bottom: .25rem;}
.oss-title h3{color: #495770;}
.oss-list {margin-top: 2.0625rem;}
.oss-list ul{column-gap: 2.0625rem;}
.oss-list ul li{min-height: 11.125rem;  background: #ffffff; padding: 2.1875rem 1.5625rem 0; box-sizing: border-box;}
.oss-list ul li h4{color: #000000; margin-bottom: .8125rem;}
.oss-list ul li h5{color: #495770;}
.ossMain .profeat-con .item.profeatCon-four{padding: 1.5625rem 0 0;}
.ossMain .profeat-con .item.profeatCon-five{padding: 0;}



/* 数据库 RDS */
.rdsMain{}
.rdsMain .profeat-con .item.profeatCon-one{padding: 5rem 0 0;}
.rsd-type{padding: 2.5rem 0;}
.rsd-type ul{column-gap: 1.25rem;}



.rsd-type ul li {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  border: 2px solid #fff;
  border-radius: .5rem;
  background-image: linear-gradient(0deg, #fff, #f3f5f8);
  box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1), -8px -8px 20px 0 #fff;
  height: 100%;
  -webkit-font-smoothing: antialiased;
  transition: all .3s ease-in-out;
}

.rsd-type ul li .info{transition: .6s;  position: relative; padding: 1rem; box-sizing: border-box; background: linear-gradient(90deg,#eaeff8 0,#f0f3f8); border-top-left-radius: .5rem; border-top-right-radius: .5rem; height: 11.5rem;}
.rsd-type ul li .info em{color: #000; margin-bottom: .625rem; display: block;}
.rsd-type ul li .info dl{margin-bottom: .625rem;}
.rsd-type ul li .info dl dt,.rsd-type ul li .info dl dd{display: inline-block;}
.rsd-type ul li .info dl dt{color: #495770; margin-right: 2.375rem;}
.rsd-type ul li .info dl dd{color: #000;}
.rsd-type ul li .info .icon{position: absolute; content: ''; right: 0; bottom: 0; width: 7.1875rem;}
.rsd-type ul li .info .icon img{display: block; width: 100%;}
.rsd-type ul li .text{padding: 1rem; box-sizing: border-box;}
.rsd-type ul li .text img{width: 1rem; margin-right: .625rem;}
.rsd-type ul li .text span{    color: #495770;}
.rsd-type ul li .rds-price{color: #ff4a14; margin: 1.25rem 0 .5rem;}
.rsd-type ul li .rds-type-link a{ transition: .6s; display: block;background: #0052d9;color: #fff;text-align: center;padding: 0.5rem 0;}
.rsd-type ul li:hover{box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .2), -8px -8px 20px 0 #fff;}
.rsd-type ul li:hover .info{background: linear-gradient(180deg,rgba(218,232,252,.8),rgba(222,233,253,.8));}
.rsd-type ul li .rds-type-link a:hover{background: #2670e8;}

.rdsMain .profeat-con .item.profeatCon-Two{padding: 0;}
.rds-pro{margin: 4rem 0 5.25rem;background: #fff;justify-content: space-evenly; padding: 2rem 0;}
.rds-pro .pic{overflow: hidden;width: 51%;}
.rds-pro .pic img{width: 100%;}
.rds-pro .info{width: 37%;box-sizing: border-box;}
.rds-pro .info em{display: block; margin-bottom: 2.5625rem;}
.rds-pro .info p{color: #6e6e6e;}
.rdsMain .profeat-con .item.profeatCon-thre{padding: 0 0 2rem;}
.rds-function{margin-top: 2.25rem;}
.rds-function ul{column-gap: 1.6875rem;}
.rds-function ul li{ padding:1.25rem 1.1875rem .9375rem; box-sizing: border-box; text-align: center; background: linear-gradient(0deg,#ffffff 0%, #f3f5f8 100%);  border: 2px solid #ffffff;  box-shadow: 0px 0px 1.125rem 0px rgba(7,0,2,0.11); }
.rds-function ul li .pic img{width: 16.0625rem;     mix-blend-mode: multiply; width: 100%; object-fit: cover;}
.rds-function ul li em{color: #000000; display: block; margin-bottom: .625rem;}
.rds-function ul li  p{color: #495770; min-height: 2.25rem;}
.rds-feature{margin-top: 3.375rem;}
.rds-feature ul{gap: 1.875rem 2.5rem;}
.rds-feature ul li{}
.rds-feature ul li .icon{width: 3rem; margin-right: 1.25rem;}
.rds-feature ul li .icon img{display: block; width: 100%;}
.rds-feature ul li .info {flex: 1;}
.rds-feature ul li .info em{color: #000000; }
.rds-feature ul li .info p{color: #495770;}
.rds-safety{margin-top: 3.75rem;}
.rds-safety ul{column-gap: 1.0625rem;}
.rds-safety ul li{padding: .9375rem 0; box-sizing: border-box; background: linear-gradient(0deg,#ffffff 0%, #f3f5f8 100%); border: 2px solid #ffffff; box-shadow: 0px 0px 1.125rem 0px rgba(7,0,2,0.11); }
.rds-safety ul li .pic{overflow: hidden; margin-bottom: 1.25rem;}
.rds-safety ul li .pic img{height: 8.4375rem; mix-blend-mode: multiply; width: 100%; object-fit: cover;}
.rds-safety ul li .info{padding: 0 1.6875rem ;}
.rds-safety ul li  em{display: block; margin-bottom: .625rem;}
.rds-safety ul li p{color: #6e6e6e; margin-bottom: 1.5rem;}

.rdsMain .profeat-con .item.profeatCon-Six{padding: 0;}



/* 无影云电脑 */
.elasticMain{}
.elasticMain .specifications ul li strong{margin-bottom: 0;}
.elasticMain .specifications ul li{}
.elasticMain .specifications ul li .con { padding: 2.6875rem 1rem 0; box-sizing: border-box;}
.elasticMain .specifications ul li h3{color: #989898; margin-bottom: 1.5625rem;}
.elasticMain .specifications ul li .text{min-height: 14.0625rem; margin-bottom: 1.6875rem;}
.elasticMain .specifications ul li .info {  display: flex; align-items: flex-start; flex-direction: column; justify-content: flex-end;}
.elasticMain .specifications ul li .info h4{display: inline-block;}
.computer-list{margin-top: 3.75rem;}
.computer-list ul {gap: 5.625rem 6.875rem;}
.computer-list ul li{text-align: center;}
.computer-list ul li .icon img{width: 3.75rem; margin: 0 auto 1.1875rem;}
.computer-list ul li em{color: #000; display: block; margin-bottom: .5rem;}
.computer-list ul li p{color: #495770;}
.scene{padding: 3.6875rem 0 4.4375rem;}
.scene-box{}
.scene-box{background: #fff; padding: .9375rem 2.4375rem;}
.scene-box .pic{width: 49%; overflow: hidden;}
.scene-box .pic img{width: 100%;}
.scene-box .info{width: 50%; padding: 2.25rem 0 2.25rem 2.25rem; box-sizing: border-box;}
.scene-box .info dl{margin-bottom: 2.75rem;}
.scene-box .info dl dt{margin-bottom: .25rem;}
.scene-box .info dl em{margin: .9375rem 0 0; display: block;}
.elasticMain .profeat-con .item.profeatCon-thre{padding: 5rem 0 0;}


/* 域名 */
.domain-banner .info{top: 40%;}
.domain-list{padding:3.125rem  1.875rem;  box-sizing: border-box; background: linear-gradient(0deg,#ffffff 0%, #f3f5f8 100%); border: 2px solid #ffffff; box-shadow: 0px 0px 1.125rem 0px rgba(7,0,2,0.11);  transform: translateY(-5.1875rem);}
.domain-list ul{gap: 2.1875rem 1.875rem;}
.domain-list ul li{display: flex; align-items: flex-start;}
.domain-list ul li .icon img{width: 1.875rem; margin-right: .625rem;}
.combo-list{margin-top: 3.125rem;}
.combo-list ul{column-gap: 2.1875rem;}
.combo-list ul li{background: linear-gradient(0deg,#ffffff 0%, #f3f5f8 100%);  border: 2px solid #ffffff;  box-shadow: 0px 0px 1.125rem 0px rgba(7,0,2,0.11); padding: 2.8125rem 2.1875rem 1.75rem; }
.combo-list ul li strong{display: block; margin-bottom: 1rem;}
.combo-list ul li span{color: #666666; display: block; margin-bottom: .4375rem;}
.combo-list ul li a{ margin-top: 2.0625rem; display: inline-block; border: 1px solid #2a6df2;  font-size: var(--font15); color: #2a6df2;padding: 0.5rem 1.4rem; transition: .6s;}
.combo-list ul li a:hover{background: #2a6df2; color: #fff;}

.rec-domain{padding: 5.1875rem 0 0;}
.rec-domain-bg{padding: 3.6875rem 0 5.25rem;}

.rec-domain-list{}
.rec-domain-list ul{gap: 1.3125rem 1.4375rem;}
.rec-domain-list ul li{background: #ffffff; padding: 1.5625rem 0.9rem 1.25rem; box-sizing: border-box;}
.rec-domain-list ul li strong{color: #000000; display: block; margin-bottom: 0.5rem;}
.rec-domain-list ul li span{color: #666666; display: block; }
.rec-domain-list ul li em{}
.rec-domain-list ul li b{color: #2a6df2;}

.chooses-bg{background: #2a6df2; padding: 4.6875rem 0 6.0625rem;}
.chooses-bg .email-title{margin-bottom: 3.125rem}
.chooses-bg .email-title h4,.chooses-bg .email-title h5{color: #fff;}
.chooses-list ul{column-gap: 1.125rem;}
.chooses-list ul li{background: #f5f6f9; padding: 2.8125rem 1.5rem 0; box-sizing: border-box; position: relative; height: 10.625rem;}
.chooses-list ul li h4{display: block; margin-bottom: .5rem; font-weight: bold;}
.chooses-list ul li p{color: #495770}
.chooses-list ul li .icon{position: absolute; right: 1.5625rem; top: 1.9375rem; }
.chooses-list ul li .icon img{width: 2.4375rem;}

.free-tool{padding: 6.0625rem 0 5rem;}
.free-tool-list{margin-top: 2.5rem;}
.free-tool-list ul{column-gap: 1.125rem;}
.free-tool-list ul li{background: linear-gradient(0deg,#ffffff 0%, #f3f5f8 100%); border: 2px solid #ffffff; box-shadow: 0px 0px 1.125rem 0px rgba(7,0,2,0.11); padding: 2.8125rem 1.625rem 1.875rem; box-sizing: border-box;}
.free-tool-list ul li strong{display: block; margin-bottom: .375rem; color: #333;}
.domain-problem{margin-bottom: 4.5625rem}
.domain-problem .problem-list{padding: 1.75rem 0 0;}



/* 云服务器 ECS */
.col-blue{color: #2a6df2;}
.ECS-banner .info h2{margin-bottom: 2.625rem;}
.ECS-banner .banner-btn a{   border: 1px solid #333333;   background: transparent;   color: #333333;   padding: 0.9rem 2.2rem;}
.ECS-banner .banner-btn a:hover{background: #2a6df2; border-color: #2a6df2;  color: #fff;}

.ecsys{    transform: translateY(-5.125rem);}
.ecsys-list ul{column-gap: 1.25rem;}
.ecsys-list ul li{  padding: 1.875rem 1.25rem 0; box-sizing: border-box; height: 8.75rem; background: #ffffff; border-radius: .625rem; box-shadow: .2188rem .3787rem 1.3125rem .4375rem rgba(175,175,175,0.28); }
.ecsys-list ul li strong{display: block; margin-bottom: .5rem;}
.ecsys-list ul li p{color: #646464;}
.ecsys .website-list{margin-top: 4.625rem;}
.ecsys .website-list ul{column-gap: 5.3125rem;}
.ecsys .website-list ul li {border-radius: 0;}
.ecsys .website-list ul li .info {  margin: 2.5rem 0 2.375rem;  padding: 2.5rem .5rem 0;}

.ecspro{padding: 4.8125rem 0 8.9375rem;}
.ecspro-list {box-shadow: 0px 0px 1.125rem 0px rgba(7, 0, 2, 0.11); margin-top: 3.3125rem;}
.ecspro-list ul li{width: 50%;padding: 1.875rem 2.5rem 1.4375rem;}
.ecspro-list ul li:first-child,.ecspro-list ul li:nth-child(2){border-bottom: 1px solid #dcdee1;}
.ecspro-list ul li:first-child,.ecspro-list ul li:nth-child(3){border-right: 1px solid #dcdee1;}
.ecspro-list ul li em{background: #e8e9ed; display: inline-block; border-radius: .375rem; color: #8d8c8a; margin-right: .625rem; padding: 0rem 0.2rem;} 
.ecspro-list ul li span{color: #8d8c8a;}
.ecspro-list ul li strong{margin-top: .625rem;}
.ecsinfo{padding: 3.75rem 0;}
.ecsinfo .pic{margin-top: 1.875rem;}
.ecsinfo .pic img{display: block; width: 100%;}

.ecspro-ys{padding: 4.0625rem 0 6.25rem;}
.ecspro-ys .email-title h5{ max-width: 64%; margin: 0 auto;}
.ecspro-ys-list{margin-top: 3.25rem;}
.ecspro-ys-list ul.item1{ column-gap: 2.6875rem; margin-bottom: 3.5rem;}
.ecspro-ys-list ul li{ padding: 2.8125rem 1.75rem 0; box-sizing: border-box; background: linear-gradient(0deg,#ffffff 0%, #f3f5f8 100%);  border: 2px solid #ffffff;  box-shadow: 0px 0px 1.125rem 0px rgba(7,0,2,0.11); }
.ecspro-ys-list ul li h3{margin-bottom: .8125rem; }
.ecspro-ys-list ul li p{color: #6e6e6e;}
.ecspro-ys-list ul.item1 li{height: 16.6875rem}
.ecspro-ys-list ul.item1 li h3{min-height: 3.75rem;}

.ecspro-ys-list ul.item2{column-gap: 4.0625rem;}
.ecspro-ys-list ul.item2 li{width: 47%; height: 12.125rem;}

.ecs-safety {padding: 3.125rem 0 11.6875rem;}
.ecs-safety  .email-title h5{ max-width: 82%; margin: 0 auto;}
.ecs-safety .rds-safety ul li  { padding: 1.25rem 1.6875rem ;}
.ecs-safety .rds-safety ul li .pic img{height: 11.625rem; width: 100%;}
.ecs-safety  .rds-safety ul li .info { padding: 0;}

.ecs-problem{padding: 4.375rem 0;}


/* 官网公告 */
.ny-banner2 .info h2 { margin-bottom: 0;}
.ny-banner2 .info h3{margin-bottom: 0;}
.announce{padding:0 0 6.8125rem;}
.announce-class{box-shadow: .2188rem .3787rem .8125rem .4375rem rgba(151,164,186,0.20); margin-bottom: 2.1875rem;}
.announce-class ul li:first-child{margin-right: 5.1875rem;}
.announce-class ul li a{color: #333; display: block; position: relative; line-height: 4.3}
.announce-class ul li a::after{position: absolute; content: ''; bottom: 0; width: 0; height: .1875rem;  background: #2a6df2; left: 0; transition: .6s;}
.announce-class ul li:hover a::after{width: 100%;}
.announce-class ul li:hover a{color: #2a6df2; font-weight: bold;}
.announce-num h3{color: #999999; margin-bottom: 2.5rem;}
.announce-list ul li{border-bottom: 1px solid #E7E7E7; padding: 1.5625rem 0;}
.announce-list ul li em,.announce-list ul li span{color: #333;}
.announce-list ul li:hover em{color: #2a6df2; }



/* 新闻资讯 */
.newsMain{padding: 4rem 0 6.25rem;}
.nynews-box{align-items: flex-start;}
.nynews-list{width: 60%;}
.nynews-right{width: 27%; background: #f5f7f9; padding:  2.5rem 1.8125rem .875rem; box-sizing: border-box; position: sticky; top: 6.25rem;}
.announce-title {margin-bottom: .375rem;}
.announce-title a{color: #2a6df2;}
.announce-list dl dd{border-bottom: 1px solid rgba(0,0,0,0.1); padding: 1.125rem 0;}
.announce-list dl dd:last-child{border-bottom: none;}
.announce-list dl dd h3{color: #333333; margin-bottom: .4375rem;}
.announce-list dl dd h4{color: rgba(51,51,51,0.5);}
.announce-list dl dd a:hover h3{color: #2a6df2; }
.nynews-list ul li{padding-bottom: 1.75rem; margin-bottom: 1.75rem; border-bottom: 1px solid #DADADA;}
.nynews-list ul li a{display: flex; justify-content: space-between; align-items: center;}
.nynews-list ul li .pic{width: 26%; overflow: hidden; border-radius: .3125rem;}
.nynews-list ul li .pic img{display: block; width: 100%;  -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.nynews-list ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.nynews-list ul li .info{width: 70%; margin-left: 4%; }
.nynews-list ul li .info strong{color: #333333; margin-bottom: .5625rem;}
.nynews-list ul li .info p{color: #666666; margin-bottom: 1.25rem;}
.nynews-list ul li .info span{color: #b5b5b5;}
.nynews-list ul li:hover .info strong{color: #2a6df2; }


/* 文档中心 */
.document-search{margin-top: 1.875rem; padding:  0 1.25rem; box-sizing: border-box; width: 30.25rem;  height: 2.9375rem;  background: #ffffff;border: 1px solid #ffffff; box-shadow: 3.5px 6.06px 21px 7px rgba(151,164,186,0.32); }
.document-search input{color: #b6b9c2; font-size: var(--font16); width: 80%;}
.document-search svg{width: 1.25rem; height: 1.25rem;}
.keywords{margin-top: .625rem;}
.keywords ul{color: #8d93a2; font-size: var(--font15);}
.keywords ul li a{color: #8d93a2; margin-right: .625rem;}
.document-left{width: 26%;background: #f9f9f9;display: flex;justify-content: flex-end;padding: 3.125rem 0;align-items: flex-start;}
.document-class{margin-right: 4.125rem; position: sticky; top: 5rem;}
.document-class strong{margin-bottom: 2.875rem; display: block;}
.document-class ul li{margin-bottom: 1.5625rem;}
.document-class ul li img{width: 1.3125rem; margin-right: .3125rem;}
.document-class ul li a{color: #333333;}
.document-class ul li:hover img{filter: invert(45%) sepia(69%) saturate(5783%) hue-rotate(211deg) brightness(97%) contrast(96%);}
.document-class ul li:hover a{color: #2a6df2;}
.document-right{width: 74%;  box-sizing: border-box; padding: 3.125rem 0 6.25rem 2.875rem;}


.document-w{width: 77%;}
.position {border-bottom: 1px solid #E7E7E7; padding-bottom: .625rem; margin-bottom: 1.8125rem;}
.position span{color: #666666;}
.position img{width: 1.0625rem; }
.position a{color: #666666; margin: 0 .3125rem;}
.position a:hover {color: #2a6df2;}
.document-list ul li{padding: .9375rem 0;}
.document-list ul li em,.document-list ul li span{color: #333333;}
.document-list ul li em{position: relative; padding-left: 1.25rem;}
.document-list ul li em::after{position: absolute; content: '';width: .375rem; height: .375rem; background: #dadada; left: 0; border-radius: 50%; top: 50%; transform: translateY(-50%); transition: .6s;}
.document-list ul li:hover em::after{background: #2a6df2;}
.document-list ul li:hover em{color: #2a6df2;}


/* 认证工程师 */
.engineerMain{background: url(../images/engineer-bg.jpg) no-repeat center top; background-size: cover; padding: 6.6875rem 0 7.8125rem;}
.engineer-title h3{text-align: center; color: #333333; margin-bottom: 1.875rem;}
.engineerMain .document-search{margin: 0 auto 4.0625rem;}
.engineer-box{border: 2px solid #e4ecf9;  border-radius: 12px; background: rgba(255,255,255,0.48); padding: 3.9375rem  4.75rem; box-sizing: border-box; }
.engineer-pic {text-align: center; width: 27.5%;}
.engineer-pic img{display: block; margin-bottom: 1.625rem; width: 100%;}
.engineer-pic strong{}
.engineer-pic h4{color: #9d9d9d; margin-top: .3125rem;}
.engineer-info{width: 66%; margin-top: .625rem;}
.engineer-info dl{display: flex; margin-bottom: 2.0625rem;}
.engineer-info dl dt{display: flex; justify-content: space-between; font-weight: bold; min-width: 5.5625rem;}
.engineer-info dl dd{flex: 1;}


/* 合作伙伴-代理合作 */
.ny-banner .info h5{color: #3d3d3d; line-height: 1; margin-bottom: 4.375rem; }
.agent-ys{margin-top: 2.875rem;}
.agent-ys ul{gap: 1.8125rem;}
.agent-ys ul li{position: relative;  padding: 2.1875rem 1.625rem 0; height: 10.625rem;  background: linear-gradient(0deg,#ffffff 0%, #f3f5f8 100%);  border: 2px solid #ffffff;  box-shadow: 0px 0px 1.125rem 0px rgba(7,0,2,0.11); }
.agent-ys ul li h4{display: block; margin-bottom: .875rem; font-weight: bold;}
.agent-ys ul li p{color: #495770}
.agent-ys ul li .icon{position: absolute; right: 1.5625rem; top: 1.5rem; }
.agent-ys ul li .icon img{width: 3.0625rem;}
.agent-process ul li .icon img{height: 2.0625rem; }
.agent-process ul li h3{margin-top: 1.375rem;}
.agent-process ul::after{top: 54%;}
.agent-process ul li::after{top: 49%;}


/* 合作伙伴-推广联盟 */
.promotionMain{margin-bottom: 4.5625rem;}
.promotion-banner .info h2{margin-bottom: 3.5rem;}
.promotion{padding: 3rem 0 5.75rem;}
.promotion .agent-ys ul li{height: 12.8125rem;}

.mode{padding: 3.8125rem 0 5.3125rem; margin-bottom: 5.8125rem;}
.mode-list{margin-top: 3.4375rem; }
.mode-list ul{column-gap: 3rem;}
.mode-list ul li{ padding: 1.25rem 1.875rem 0; box-sizing: border-box; height: 11.625rem;  background: linear-gradient(0deg,#ffffff 0%, #f3f5f8 100%);  border: 2px solid #ffffff;  box-shadow: 0px 0px 1.125rem 0px rgba(7,0,2,0.11); }
.mode-list ul li i{text-align: right;color: #1374e0;display: block; font-weight: 700;}
.mode-list ul li em{ color: #000000; display: block; margin-bottom: .8125rem;}
.mode-list ul li p{color: #495770;}



/* WPS企业版 */
.enterprises  .email-title h4{margin-bottom: 3.125rem;}
.casePars .bd .tempWrap {width: 100% !important;}
.casePars .bd ul {zoom:1; display: flex;}
.casePars .bd ul li {padding: 0.65rem;}
.casePars .bd ul li .imgBox {background: #fff; border: 1px solid #f2f2f2;  border-radius: 10px; height: 4.125rem; margin-right: 1.85rem; position: relative; width: 12rem}
.casePars .bd ul li .imgBox {display: flex; justify-content: center; align-items: center;}
.casePars .bd ul li .imgBox img {max-width: 100%;display: block;}
.casePars2 .bd ul {transform: translateX(-120px);}



.casePars2 .bd .tempWrap {width: 100% !important;}
.casePars2 .bd ul {zoom:1; display: flex;}
.casePars2 .bd ul li {padding: 0.65rem;}
.casePars2 .bd ul li .imgBox {background: #fff; border: 1px solid #f2f2f2; border-radius: 10px; height: 4.125rem; margin-right: 1.85rem; position: relative; width: 12rem}
.casePars2 .bd ul li .imgBox {display: flex; justify-content: center; align-items: center;}
.casePars2 .bd ul li .imgBox img {max-width: 100%;display: block;}




.ecs-banner .pic img{min-height: 24rem;}



/* 2026.1.28 */
.oss-date .oss-pic{display: block; margin-top: 2rem;}
.oss-date .oss-pic img{display: block; max-width: 100%;}
.rec-domain-bg{margin-top: 2rem;}



/* 2026.4.30 */
.foot-wechat .pic em{display: block; text-align: center; margin-top: 0.5rem;}

.copy-left{width: 100%;}
.message-bg{background: url(../images/message-bg.webp) no-repeat center; background-size: cover; padding: 6.6875rem 0 6.875rem;}

#yzform{width: 45.46%; margin: 1rem auto 0;}

#yzform>dl{background: #FFFFFF; margin-bottom: .9375rem; display: flex; align-items: center; padding: .625rem 0;}
#yzform dl dt{width: 16%;border-right: 1px solid rgba(189, 189, 189, 0.5);text-align: center;color: #9C9C9C;line-height: 2.5;display: inline-block; }
#yzform dl dd{flex: 1; padding:  0 1rem;}
#yzform dl dd input{width: 100%; }
#yzform dl dd .city{gap: 1rem;}
#yzform dl:nth-child(5){align-items: flex-start;}
#yzform dl dd textarea{border: none;resize: none;padding: 0;height: 10.1875rem;}
#yzform dl dd .incode{position: relative;}
#yzform dl dd .incode input{border: none;}
#yzform dl dd .incode img{position: absolute; right: 0; top: 0; height: 2.375rem; width: auto;}
#yzform  button{margin: 2rem auto 0;background: #2a6df2;color: #fff;padding: 0.5rem 3.05rem;border-radius: 100px;font-size: var(--font17);height: auto;display: block; margin-bottom: 1.25rem;}