@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6{font-weight: normal;}
BODY {FONT: 14px/1.5 "Microsoft YaHei", arial,sans-serif; background: #fff; overflow-x: hidden;width:100%; }
A {COLOR: #666; TEXT-DECORATION: none}
P{COLOR: #333;}
A:hover {TEXT-DECORATION: none}
A IMG {BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-TOP-STYLE: none; BORDER-LEFT-STYLE: none}
DIV {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
UL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
LI {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
P {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
EM {FONT-STYLE: normal; FONT-WEIGHT: normal}
TABLE {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DT {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DD {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
TR {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
.cl{HEIGHT: 0px; CLEAR: both;}
.jz{margin:0 auto;}
.fl{FLOAT: left}
.fr{FLOAT: right}
img { image-rendering: -webkit-optimize-contrast;}
.container{max-width:1398px;margin:0 auto}
.container-s{max-width:1608px;margin:0 auto}
.c{*zoom:1;}
.c:after{content: ""; display: block; height: 0; clear: both;}
.txt-c{text-align: center;}
.txt-l{text-align: left;}
.txt-r{text-align: right;}
.col-white{color: #fff;}
.box{box-sizing:border-box;}


/* 多行省略 */
.line1{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.line2{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.line3{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.line4{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.line5{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}

/* 绝对定位居中 */
.jddwjz { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%)}

::-webkit-scrollbar {/*滚动条整体样式*/width: 4px;/*高宽分别对应横竖滚动条的尺寸*/ height: 4px;scrollbar-arrow-color:red;}
::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ border-radius: 5px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: rgba(0,0,0,0.2);scrollbar-arrow-color:red;}
::-webkit-scrollbar-track {/*滚动条里面轨道*/ -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); border-radius: 0; background: rgba(0,0,0,0.1);}

/* 图标变黑色 */
.icon-black {  filter: brightness(0); }
/* 图标变白色 */
.icon-white {filter: brightness(100);}
/* 图标变灰色色 */
.icon-gray {filter: grayscale(100%);}

.swiper-button-prev:focus ,.swiper-button-next:focus {outline: none; border: none;}

/*字体引入*/
@font-face {
  /* font-family: "futura"; */
  /* font-family: "Noto Sans SC"; */
  /* src: url("../font/Futura\ Md\ BT\ Bold.ttf"); */
}

@font-face {
 /* font-family: "mavenBold";
  src: url("../font/MavenPro-Bold.ttf"); */
}



/* CSS Document */

/* pc端公共头部 */
.head{background: rgba(0,0,0,0.1);height: 5.8125rem;position: fixed; width: 100%;top: 0; z-index: 999;border-bottom: 0.0625rem solid rgba(255,255,255,0.06);}
.head .container{max-width:1736px;margin:0 auto;display: flex;justify-content: space-between;  align-items: center; height: 5.8125rem;}
.head-left{display: flex;    align-items: center; width: 70%; justify-content: space-between}
.head-left .logo{margin-right: 5.3125rem; display: block;}
.head-left .logo .logo-icon{display: block;}
.head-left .logo .ny-logo{display: none;}
.head .nav{
    width: 77%;}
.head .nav ul{ display: flex;    justify-content: space-between; line-height: 5.8125rem;}
.head .nav ul li{float: left;    margin-right: 2.75rem;  position: relative; transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;}
.head .nav ul li:last-child{margin-right: 0;}
.head .nav ul li>a{display: block; font-size: 1rem;  color: #fff; }
.head .nav ul li.icon>a{background: url(../images/nav-icon.png) no-repeat right  center;padding-right: 0.875rem;}
.head .nav ul li.icon.on>a,.head .nav ul li.icon:hover>a{background: url(../images/nav-icon-on.png) no-repeat right  center;}
.head .nav ul li dl{padding: 0 1.5rem; box-sizing:border-box; float: left;left: 50%; margin-left: -4.625rem; width:13.25rem; position: absolute;height: 0;background:rgba(255,255,255,0.9);z-index: 222;overflow: hidden;}
.head .nav ul li.ons dl {height: auto; padding: 0.625rem 1.5rem}
.head .nav ul li dl em{ display: block; height: 0;overflow: hidden;opacity: 0;visibility: hidden;transition: all .5s ease;line-height: 2.625rem;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;}
.head .nav ul li dl em a{font-size: 0.9375rem;color: #333333;display: block;position: relative;text-align: center; }
.head .nav ul li.ons dl em{height: 2.6875rem;opacity: 1;visibility: visible;}
.head .nav ul li dl em:hover a {font-weight: bold;}
.head-right a{display: inline-block;width: 6.875rem;border: 0.0625rem solid #ffffff;border-radius: 1.5rem;font-size: 1rem;line-height: 2.8125rem;color: #fff;text-align: center;}
.head-right .trial{margin-right: 1.1875rem; background: #009ae7;border-color: #009ae7; transition:0.6s}
.head-right a:hover{background: #009ae7;border-color: #009ae7; transition:0.6s}
.headfixed{background: rgba(0,0,0,1); transition:0.6s}



/* 手机端公共头部 */
.wap-header{display: none;}


/* 首页 banner */
.banner{position: relative; overflow: hidden;}
.banner img{display: block; width: 100%; }
#banner-num{width: auto;left: 47.2%;bottom: 11%;}
#banner-num .swiper-pagination-bullet{width: 3.9375rem;height: 0.125rem; opacity: 0.14;background: #fff; transition:0.6s;margin: 0;margin-right: 0.625rem}
#banner-num .swiper-pagination-bullet-active{opacity: 1;}


/* 阿里企业邮箱 */
.index-title{padding-bottom: 2.75rem}
.index-title h2{display: block;font-size: 2.125rem;color: #333;margin-bottom: 0.25rem;}
.index-title h3{display: block;font-size: 1rem;color: #888;}
.version{padding: 3.75rem 0 0;}
.version .index-title{}
.emversion{margin-bottom: 5.8125rem;}
.verSlide {display: flex; justify-content: space-between; /* width: 1640px; max-width: 92%; */margin: auto; position: relative;}
.verSlide .hd {width: 29.6%;/* padding-left: 5%; */box-sizing: border-box;}
.verSlide .hd li {position: relative;height: 7rem; background: #f5f5f6; border-bottom: 0.06rem solid #eeeeee; transition: all 0.3s;cursor: pointer;}
.verSlide .hd li::before {content: ""; width: 100vw; position: absolute; left: 0;top: 0; height: 100%; background: #f5f5f6; left: -100vw; border-bottom: 1px solid #eeeeee;}
.verSlide .hd li .imgBj {position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; z-index: 0;}
.verSlide .hd li .imgBj img {width: 100%;height: 100%;display: block;position: relative;left: 0;}
.verSlide .hd li.on {height: 12.19rem;}
.verSlide .hd li.on .imgBj {opacity: 1;}
.verSlide .hd li.on::before {background: #e9e9e9;}
.verSlide .hd li .con {position: relative;z-index: 1;display: flex;flex-direction: column;align-items: flex-start;justify-content: center;height: 100%;padding-left: 27%;}
.verSlide .hd li .con strong {font-size: 1.38rem;font-weight: 700;color: #333333;}
.verSlide .hd li .con span {font-size: 1rem;font-weight: 400;color: #777777;display: block;}
.verSlide .hd li .con a {width: 6.06rem; height: 2rem; margin-top: 1.5rem; background: #e7a300; border-radius: 1rem; display: none; justify-content: center; align-items: center;}
.verSlide .hd li .con a {display: none;font-size: 1rem; color: #ffffff;}
.verSlide .hd li.on .con a {display: flex;}
.verSlide .bd {width: 70.4%; border: 1px solid #EEEEEE; border-right: 0; box-sizing: border-box; border-left: none;border-left: none; position: relative;}
.verSlide .bd::after {display: none; content: ""; width: 100vw; position: absolute; left: 0;top: -1px; height: 100%; background: #fff; left: 100%;border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee;}
.verSlide .bd ul {height: 100%;}
.verSlide .bd li {height: 100%;}
.verSlide .bd li .list {display: flex; height: calc(100% - 6rem);}
.verSlide .bd li .list .item {padding: 3% 0 2% 4%;width: 28%;box-sizing: border-box;border-right: 1px solid #eeee;}
.verSlide .bd li .list .item:last-child {border-right: 0;}
/* .verSlide .bd li .list .item {display: flex; align-items: center; justify-content: center;} */
.verSlide .bd li .list .item dt {display: flex; align-items: center;}
.verSlide .bd li .list .item i {font-style: normal; width: 4.69rem;height: 1.5rem;border: 0.06rem solid #009ae7;border-radius: 0.19rem; display: flex; align-items: center; justify-content: center;}
.verSlide .bd li .list .item i {font-size: 0.94rem;font-weight: 400;color: #009ae7; margin-left: 0.5rem;}
.verSlide .bd li .list .item dt small {font-size: 1.5rem;font-weight: 400;color: #333333;}
.verSlide .bd li .list .item .ddBox {margin-top: 1rem; overflow-y: auto; max-height: 13rem;}
.verSlide .bd li .list .item dd {display: flex; align-items: center; margin: 0.4rem 0; position: relative;}
.verSlide .bd li .list .item dd span {font-size: 1rem; color: #666666; position: relative; display: flex; /* align-items: center; */}
.verSlide .bd li .list .item dd span::before {margin-top: 0.6rem;   content: ""; flex-shrink: 0; width: 0.3rem; height: 0.3rem; border-radius: 50%; background: #009ae7; display: block; margin-right: 0.5rem;}
.verSlide .bd li .list .item2 {width: 22%;}
.verSlide .bd li .list .item3 {width: 44%; }
.verSlide .bd li .list .item3 .ddBox {display: flex; flex-wrap: wrap; }
.verSlide .bd li .list .item3 .ddBox dd {/* padding-right: 1rem; */ box-sizing: border-box;}
.verSlide .bd li .list .item3 .ddBox dd {width: 33%; justify-content: space-between;}
/* 价格计算器 */
.priceBox {justify-content: space-between; padding: 0 5%; padding-right: 0; box-sizing: border-box; height: 6rem; align-items: center; display: flex !important;;}
.priceBox {position: absolute; width: 100%; bottom: 0; left: 0; border-top: 1px solid #eee;}
.priceBox::before {display: none; content: ""; z-index: 1; width: 100vw; position: absolute; left: 0;top: -1px; height: 100%; background: #fff; left: 100%;border-top: 1px solid #eeeeee; box-sizing: border-box;}
.priceBox input:focus {border: none; outline: none;}
.priceBox2 {position: relative; max-width: 92%; margin: auto; padding: 0; display: none;}
.price-input {display: flex; align-items: flex-end; flex-wrap: wrap;}
.priceNum {margin-right: 3rem;}
.priceNum i {font-style: normal; font-size: 1.13rem;font-weight: 400;color: #f33414;}
.priceNum strong {font-size: 2.75rem;color: #f33414;}
.priceNum span {font-size: 1rem;color: #666666; margin-left: 0.5rem;}
.buyAccount {display: flex; align-items: center; position: relative;}
.buyAccount span {font-size: 1rem;font-weight: 400;color: #666666;}
.buyAccount #num {width: 6.13rem; height: 2.63rem; border: 0.06rem solid #dddddd; border-radius: 1.38rem; margin: 0 1rem;outline: none; text-align: center; font-size: 1rem; color: #333;}
.error-tips {position: absolute; top: -10%;  top: -140%;left: 0%;width: 65%;;height: 45px;line-height: 45px;border-radius: 4px;color: #333;	text-align: center;background: #ffc616; display: none;}
.error-tips b{ position: absolute; bottom: -16px; left: 45%;margin-right: 20px;border: 8px solid #c2cfe6;border-color: #ffc616 transparent transparent transparent;}
.error-tips.error{ display: block;}
.error-tips span {font-size: 0.9rem; color: #333;}
.yhPrices {margin-left: 2rem;}
.yhPrices span {font-size: 1rem;font-weight: 400;color: #666666;}
.yhPrices .prc {display: inline-block;position: relative; max-width: 3.5rem;}
.yhPrices input {outline: none; border: none; width: 100%; font-size: 1rem; color: #ff0000; background: none;  font-weight: bold; text-align: right; }
.priceRe {display: grid; grid-template-columns: repeat(2,auto); gap: 0.8rem;margin-right: 10%;}
.priceRe a {display: flex; align-items: center; justify-content: center;width: 9rem; height: 2.69rem; border: 0.06rem solid #009ae7;border-radius: 1.44rem;}
.priceRe a {font-size: 1rem; font-weight: 400;color: #009ae7; transition: .5s ;}
.priceRe a:nth-child(1) {background: #009ae7; color: #fff;}
.priceRe a:hover {background: #009ae7; color: #fff;}
.priceRe a:nth-child(1):hover {background: #00aaff; color: #fff;}



/* 企业建站服务 */
.station-bg{background: url(../images/station-bg.jpg) no-repeat center; background-attachment: fixed;height: 45rem; overflow: hidden; background-size: cover;}
.station-btn{border-bottom: 0.0625rem solid rgba(221,221,221,0.11); height: 12.6875rem;display: flex;align-items: center;margin-bottom: 4.1875rem;}
.station-btn .container{ width: 100%; }
.station-btn ul {display: flex; align-items: center; height: 12.6875rem;    justify-content: space-around;}
.station-btn ul li{position: relative;height: 12.6875rem;display: flex;align-items: center;justify-content: center;flex-direction: column;padding: 0 2.25rem;}
.station-btn ul li:after{position: absolute;content: ''; width: 0;height: 0.25rem;background: #009ae7;bottom: -0.125rem;}
.station-btn ul li:hover:after,.station-btn ul li.on:after{width: 100%; transition:0.6s}
.station-btn ul li img{display: block;margin: 0 auto 1.25rem;}
.station-btn ul li em{display: block;font-size: 1.25rem;color: #fff;}
.station-title{padding-bottom: 5.3125rem;}
.station-title strong{display: block;font-size: 1.875rem;color: #fff;margin-bottom: 0.3125rem;}
.station-title h3{font-size: 1rem;color: #fff;}
.station-list{display: flex;}
.station-list dl{  position: relative; z-index: 2; width: 25%;   height: 10.4375rem;           background: #525354;display: flex;flex-direction: column;justify-content: center;    align-items: flex-start;padding:0 0 0 2.5rem;box-sizing: border-box;}
.station-list dl:after{position: absolute;content: ''; z-index: 1; left: 0;   background: #525354;width: 100%;height: 100%; }
.station-list dl img{display: block;margin-bottom: 0.1875rem; position: relative; z-index: 3; }
.station-list dl b{display: block;font-size: 1.25rem;color: #fff; position: relative; z-index: 3; }
.station-list dl em{display: block;font-size: 0.9375rem;color: #fff;margin-bottom: 1.25rem;position: relative; z-index: 3; }
.station-list dl a{position: relative; z-index: 3;  display: inline-block; width: 6.5rem;border: 0.0625rem solid #009ae7;border-radius: 1.25rem;font-size: 0.875rem;line-height: 2.25rem;text-align: center;color: #009ae7; }
.station-list dl a:hover{background: #009AE7;color: #fff;transition:0.6s }
.station-list dl a:first-child{margin-right: 0.5rem;}
.station-list dl:nth-child(2n){background: #fff;}
.station-list dl:nth-child(2n):after{background: #fff;}
.station-list dl:nth-child(2n) b{color: #333;}
.station-list dl:nth-child(2n) em{color: #666;}
.station-list dl div{display: none;}
.station-list dl:hover:after{  transition:0.6s;background: #fff; height:130%;background: #525354;}
.station-list dl:nth-child(2n):hover:after{background: #fff; }
.station-list dl:hover div{display: block; transition:0.6s}


/* 企业网盘 */
.webdisk{padding-bottom: 6.5rem;}
.webdisk-list{border: 0.0625rem solid #eeeeee;box-sizing: border-box;}
.webdisk-list ul{display: flex;}
.webdisk-list ul li{border-right:  0.0625rem solid #eeeeee;width: 20%;box-sizing: border-box;height: 15.0625rem;padding: 1.8125rem 0 0 2.25rem; }
.webdisk-list ul li:last-child{border-right: none;}
.webdisk-list ul li img{display: block;margin-bottom: 0.75rem;}
.webdisk-list ul li em{display: block;font-size: 1.25rem;color: #333;margin-bottom: 0.625rem;}
.webdisk-list ul li p{display:  block;font-size: 0.9375rem;line-height: 1.625rem;color: #777;}


/* BOSS管账，老板管账神器 */
.capital-bg{background: url(../images/capital-bg.jpg) no-repeat center top;padding: 4.3125rem 0 3.8125rem;background-size: cover;}
.capital-btn{margin-bottom: 3.8125rem; overflow: hidden;}
.capital-btn ul{display: flex; justify-content: space-around;text-align: center;}
.capital-btn ul li{display: block;font-size: 1rem;line-height: 2.75rem;color: #666666; position: relative; width: auto!important;padding:  0 0.625rem;}
.capital-btn ul li:after{position: absolute;content: '';height: 0.1875rem;background: #E7A300;left: 0;bottom: 0; transition:0.6s;width: 0;}
.capital-btn ul li.swiper-slide-thumb-active:after{width: 100%;}
.capital-btn ul li.swiper-slide-thumb-active{font-weight: bold;color: #E7A300;}
.capital-con{background: #fff; overflow: hidden; border-radius: 1.25rem; box-shadow: 0px 0px 51px 0px rgba(6,4,3,0.04);height: 27.75rem; position: relative;}
.capital-con ul li{display:flex;align-items: flex-end;}
.capital-con .container{display: flex;align-items: center;justify-content: space-around;}
.capital-con ul li .info{width: 42%;margin-top: -2.875rem;}
.capital-con ul li .info em{display: block;font-size: 1.625rem;color: #333;margin-bottom: 1.875rem;}
.capital-con ul li .info p{display: block;font-size: 1rem;line-height: 1.875rem;color: #777;margin-bottom: 3.4375rem;}
.capital-con ul li .info a{margin-right: 0.625rem; display: inline-block;width: 8.9375rem;border-radius: 1.4375rem;font-size: 1rem; line-height: 2.5625rem;color: #009AE7;text-align: center; border: 0.0625rem solid #009ae7;}
.capital-con ul li .info a:last-child{margin-right: 0rem;}
.capital-con ul li .info a:hover{background: #009AE7;color: #fff; transition:0.6s;}
.capital-con ul li .pic{width: 39.8%;}
.capital-con ul li .pic img{display: block; width: 100%;}
#capital-num{display: none;}


/* 专家团队 */
.team{background: url(../images/team-bg.jpg) no-repeat center top; background-size: cover;padding: 3.75rem 0 9.0625rem;}
.team .index-title h2,.team .index-title h3{color: #fff;}
.team-con .container-s{max-width: 1792px;position: relative;}
.team-list{max-width: 1608px;margin: 0 auto; overflow: hidden;}
.team-list ul li .pic{display: block;margin-bottom: 1.5rem; }
.team-list ul li .pic img{display: block; width: 100%; border-radius: 0.625rem;}
.team-list ul li .info em{margin-bottom: 0.625rem; display: block;font-size: 1.0625rem;color: #fff;}
.team-list ul li p{font-size: 0.9375rem;line-height: 1.5625rem;color: #F7F7F7;opacity: 0.6;}
#team-prev,#team-next{width: 3.9375rem;height: 3.9375rem;border-radius: 50%;}
#team-prev{left: 0;background: url(../images/team-prev.png) no-repeat center rgba(255,255,255,0.08);}
#team-next{right: 0;background: url(../images/team-next.png) no-repeat center rgba(255,255,255,0.08);}
#team-num{bottom: -16%;}
#team-num .swiper-pagination-bullet {width: 0.75rem;height: 0.75rem;background: #fff; opacity: 1;}
#team-num .swiper-pagination-bullet-active{background: #e7a300;}


/* 客户案例 */
.case{margin-bottom: 5.9375rem;}
.case .container-s{max-width: 1559px;}
.case-con{position: relative; height: 21.6875rem;border-radius: 1.25rem;box-shadow: 0px 0px 3.1875rem 0px rgba(6,4,3,0.04); overflow: hidden; display: flex;align-items: center;}
.case-list{max-width: 1300px;margin: 0 auto; overflow: hidden;}
.case-list ul li{display: flex;align-items: center;}
.case-list ul li .pic{width: 51%;margin-right: 3.0625rem;}
.case-list ul li .pic img{display: block; width: 100%; border-radius: 0.625rem;}

.case-list ul li .info em{display: block;font-size: 1.25rem;color: #333;}
.case-list ul li .text{display: flex;justify-content: space-between;}
.case-list ul li .text span,.case-list ul li .text b{display: block;font-size: 0.9375rem;color: #777;}
.case-list ul li .text b{font-weight: normal;color: #009AE7;}
.case-list ul li .info p{font-size: 1rem;line-height: 1.8125rem;color: #888;margin-top: 1.375rem;}
#case-prev,#case-next{width: 3.0625rem;height: 3.0625rem;border-radius: 50%;}
#case-prev{left: 1.125rem;background: url(../images/case-prev.png) no-repeat center #EBEBEB;}
#case-next{right: 1.125rem;background: url(../images/case-next.png) no-repeat center #EBEBEB;}
#case-num{display: block;bottom: 1.875rem}
#case-num .swiper-pagination-bullet {width: 0.75rem;height: 0.75rem;background: #EEEEEE; opacity: 1;}
#case-num .swiper-pagination-bullet-active{background: #e7a300;}


/* 为上千家企业级客户提供服务 */
.customer{margin-bottom: 5.1875rem;margin-top: 5rem; min-height: 400px;}

/*合作伙伴*/
.partner{padding:5px 0 30px 0px;margin-top:3px;background:url("../images/partner.jpg") repeat-y;  position: inherit;/*background-color:#f3f3f3;*/}

.partner_list{overflow:hidden;padding:60px 0 30px 0}.partner_list ul{max-width:1600px;margin:0 auto}
.partner_list li{float:left;display:inline;max-width:164px;height:86px;margin:0 11px 20px 8px;background:#fff}

.content {
    margin: 0 auto;
    max-width: 1600px;
}

.box {
    padding: 0 50px;
}


.row {
    margin-right: -15px;
    margin-left: -15px;
}
.hzpic img:hover {
    opacity: .8;
}
.hzpic img {
    width: 100%;
    height: 86px;
    object-fit: contain;
}


.col-xs-4 {
 float: left; width: 16.66666667%;
	position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}


.hzpic {
    height: 88px;
    margin-bottom: 30px;
    border: 1px solid #ccc;
    background: #fff;
}
/* 专属顾问为您提供免费售前咨询、解决方案推荐等一对一服务！ */
.consultant{background: url(../images/consultant-bg.jpg) no-repeat top center;background-size: cover;}
.consultant .container{display: flex;align-items: center;height: 15.625rem; }
.consultant .info em{display: block;font-size: 1.875rem;color: #fff;margin-bottom: 1.25rem;}
.consultant .info a{display: block;width: 10.625rem; font-size: 1.125rem; line-height: 3.1875rem;background: #e7a300;border-radius: 1.625rem;text-align: center;color: #fff;}
.consultant .info a:hover{background: #009AE7; transition:0.6s}

/* 公共底部 */
.footer{background: #1d1d1d;}
.footer-nav{display: flex; justify-content: space-between;padding: 3.8125rem 0; border-bottom: 0.0625rem solid rgba(255,255,255,0.11);}
.footer-nav dl dt{display: block;font-size: 1rem;color: #fff;margin-bottom: 1.125rem;}
.footer-nav dl dt span{display: block;font-size: 0.8rem;color: #fff;margin-bottom: 1.125rem;text-align:center;}
.footer-nav dl dd {display: block;font-size: 0.875rem;line-height: 1.5rem;color: #888;}
.footer-nav dl dd a{color: #888;}
.footer-copy{padding: 1.5625rem 0; text-align: center;}
.footer-copy p{display: block;font-size: 0.875rem;color: #868686;}
.footer-copy span{display: inline-block;margin-left: 1.75rem;}
.footer-copy a{color: #868686;}
.footer-nav dl dd a:hover,.footer-copy a:hover{color: #fff;}



/* 内页banner */
.ny-banner a{display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;}
.ny-banner img{display: block; width: 100%;}


/* 内页公共头部 */
.ny-head .head-left .logo .logo-icon{display: block;}
/*.ny-head .head-left .logo .ny-logo{display: block;}*/
.ny-head .nav ul li.icon.on>a,.ny-head .nav ul li.icon:hover>a{background: url(../images/ny-nav-icon-on.png) no-repeat right  center;color: #e7a300;}
.ny-head .nav ul li.on>a,.ny-head .nav ul li:hover>a{color: #e7a300;}
.ny-head .head-right a:hover{background: #e7a300;border-color: #e7a300; transition:0.6s}



/* 阿里企业邮箱 */
.tainer {width: 1400px; max-width: 92%; margin: auto;}
.ngariTle {padding: 5rem 0; text-align: center;}
.ngariTle h3 {font-size: 2.13rem;font-weight: 400;color: #333333;}
.ngariTle span {font-size: 1rem;font-weight: 400;color: #888888; margin-top: 0.5rem;display: block;}
.ngariOne {padding-bottom: 6rem;}
.ngariOne ul {display: flex; justify-content: space-between;}
.ngariOne ul li {width: 30.5%; }
.ngariOne ul li .tle {height: 7.69rem;padding-left: 2.5rem; box-sizing: border-box; background: url(../images/ngariOne-bj1.png) no-repeat right center; background-size: cover;}
.ngariOne ul li .tle {display: flex; align-items: flex-start; flex-direction: column; justify-content: center;}
.ngariOne ul li .tle strong {font-size: 1.38rem;font-weight: 700;color: #333333;display: block;}
.ngariOne ul li .tle small {font-size: 1rem;font-weight: 400;color: #777777;}
.ngariOne ul li .con {border: 0.06rem solid #eeeeee; border-top: 0;padding: 0 1.15rem; box-sizing: border-box;}
.ngariOne ul li dd {padding: 1.2rem 0.5rem 1rem 0.5rem; border-bottom: 0.06rem dashed #eeeef7; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.ngariOne ul li dd span {font-size: 1rem;font-weight: 400;color: #666666;}
.ngariOne ul li dd b {font-size: 1.5rem;font-family: Arial, Arial-Regular;font-weight: 400;color: #333333;}
.ngariOne ul li dd em {font-size: 1.13rem;font-weight: 400;color: #333333;}
.ngariOne ul li .ngprice {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 1rem 0 0.5rem 0;}
.ngariOne .ngprice span {font-size: 1rem;font-weight: 400;color: #666666;}
.ngariOne .ngprice em {font-size: 1.13rem;font-weight: 400;color: #f33414;}
.ngariOne .ngprice strong {font-size: 2.75rem;color: #F33414;}
.ngariOne .ngprice a {width: 7.13rem; height: 2.69rem; background: #009ae7;border-radius: 1.38rem; transition: .5s;}
.ngariOne .ngprice a {display: flex; align-items: center; justify-content: center; font-size: 1rem;font-weight: 400;color: #ffffff;}
.ngariOne .ngprice a:hover {background: #00aaff;}
.ngariOne ul li:nth-child(2) .tle {background: url(../images/ngariOne-bj2.png) no-repeat right center;background-size: cover;}
.ngariOne ul li:nth-child(3) .tle {background: url(../images/ngariOne-bj3.png) no-repeat right center;background-size: cover;}

.ngariTwo {background: url(../images/ngariTwo-bj.jpg) no-repeat center;background-size: cover; padding: 4.25rem 0 3.25rem 0;}
.ngariTwo .priceBox {position: relative; padding: 0; border: none; width: 60%; height: auto; margin-top: 2rem; padding-top: 2rem; box-sizing: border-box; border-top: 1px solid #DBE4EF;}
.ngariTwo .priceBox::before {display: none;}
.ngariTwo h4 {font-size: 2.13rem;font-weight: 400;color: #333333;}
.ngariTwo .prtext {font-size: 1.13rem;font-weight: 400;color: #666666; margin-top: 0.5rem;}
.ngariTwo .yhPrices {margin-bottom: 0.5rem;}
.ngariTwo .yhPrices .prc {max-width: 6rem;}
.ngariTwo .yhPrices input {font-size: 1.75rem;}

.ngariTwo .priceRe{margin-right: 0;}



.casePartners {margin-bottom: 6.5rem;}
.casePartners .tle {text-align: center; margin-bottom: 3rem;}
.casePartners .tle h3 {font-size: 2.13rem;font-weight: 400;}
.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-radius: 10px; box-shadow: 0 5px 10px 0 rgba(0,0,0,.06);height: 5.75rem; 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);}
.casePars .bd ul li .imgBox:hover {box-shadow: 0 4px 10px 0 rgba(0,0,0,.16)}


.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-radius: 10px; box-shadow: 0 5px 10px 0 rgba(0,0,0,.06);height: 5.75rem; 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;}

.casePars2 .bd ul li .imgBox:hover {box-shadow: 0 4px 10px 0 rgba(0,0,0,.16)}


.ngariThree {padding-bottom: 5rem;}
.ngariThree .tainer {width: 1800px;}
.ngariThree .swiperBox {position: relative; padding-bottom: 5rem;}
.ngaThSwiper {overflow: hidden; width: 1600px; margin: auto; max-width: 90%;}
.ngaThSwiper .swiper-slide {height: auto;}
.ngariThree .box {border: 0.06rem solid #eeeeee; height: 100%; box-sizing: border-box;}
.ngariThree .boxTop {background: #eeeeee; padding: 2rem 0.5rem 1rem 0.5rem; box-sizing: border-box;text-align: center;}
.ngariThree .boxTop .icBox {width: 4rem; height: 3.5rem; display: flex; justify-content: center; align-items: center; margin: auto;}
.ngariThree .boxTop span {font-size: 1.38rem;font-weight: 400;color: #333333;margin-top: 0.5rem;display: block;}
.ngariThree .boxBom {padding: 2rem 1rem; text-align: center;}
.ngariThree .boxBom p {font-size: 0.94rem;font-weight: 400;color: #666666;line-height: 1.5rem;}
.ngariThree .swjt {top: 40%;}
.ngariThree .swiper-button-prev {transform: rotate(180deg);left: 0;}
.ngariThree .swjt img {filter: grayscale(100%); right: 0;}
.ngariThree .swiper-pagination-bullet {width: 0.75rem;height: 0.75rem;background: #eeeeee;opacity: 1;}
.ngariThree .swiper-pagination-bullet-active {background: #009AE7;}

.ngariFour {background: url(../images/ngariFour-bj.jpg) no-repeat center; background-size: cover; padding-bottom: 3.2rem;}
.ngariFour .ngariTle h3 {color: #fff;}
.ngariFour .ngariTle span {color: #fff;}
.ngariFour dl {display: grid; justify-content: center; grid-template-columns: repeat(3,1fr); gap: 5rem;}
.ngariFour dl dd {display: flex; align-items: center;}
.ngariFour dl dd .icBox {width: 7.44rem;height: 7.44rem; flex-shrink: 0; background: rgb(255, 255, 255,.05);border-radius: 50%;display: flex; align-items: center; justify-content: center;}
.ngariFour dl dd .con {margin-left: 1rem;}
.ngariFour dl dd strong {font-size: 1.13rem;font-weight: 700;color: #ffffff;}
.ngariFour dl dd p {font-size: 1rem;font-weight: 400;color: #ffffff;line-height: 1.75rem;opacity: 0.74;margin-top: 0.5rem;}
.ngariFour ul {display: flex; flex-wrap: wrap; margin-top: 7rem;}
.ngariFour ul li {width: calc(100%/6); display: flex; position: relative; align-items: center; justify-content: center; border: 1px solid rgba(221, 221, 221,.05);border-right: 0; box-sizing: border-box;}
.ngariFour ul li:nth-child(-n+6) {border-bottom: 0;}
.ngariFour ul li {padding: 2rem 1rem; box-sizing: border-box;}
.ngariFour ul li .icBox {width: 2rem; height: 2rem; display: flex; justify-content: center; align-items: center;}
.ngariFour ul li span {font-size: 1rem;font-weight: 400;color: #ffffff;margin-left: 1rem; width: 52%;}
.ngariFour ul li .hide {position: absolute;z-index: 1; transform: scale(0);      transform-origin: center center;  transition: all .5s; background: #009ae7; padding: 1.5rem; box-sizing: border-box; bottom: -60%;}
.ngariFour ul li .hideTle {font-size: 1.13rem;font-weight: 400;color: #ffffff; margin: 1rem 0;}
.ngariFour ul li .hide p {font-size: 0.94rem;color: #ffffff;font-weight: 400;line-height: 1.5rem;}
.ngariFour ul li:hover .hide {transform: scale(1);}

.ngariFive .ngariTle h3 {color: #333;}
.ngariFive .ngariTle span {color: #666;}
.ngariFive {background: url(../images/ngariFive-bj.jpg) no-repeat center; background-size: cover; padding-bottom: 5rem;}
.ngariFive dl dd .icBox {background: none;}
.ngariFive dl dd strong {color: #333333;}
.ngariFive dl dd p {color: #666666;}
.ngariFive ul li {border: 1px solid rgba(4, 13, 30,.05); border-right: 0;}
.ngariFive ul li span {color: #666666;}
.ngariFive ul li:nth-child(-n+6) {border-bottom: 0;}
.ngariFive ul li .hide img {filter: brightness(100);}

.ngariSix {margin-bottom: 8rem;}
.ngariSix ul {display: flex; justify-content: space-around;}
.ngariSix ul li {width: 47%;border: 0.06rem solid #e5e5e5; text-align: center; padding: 3.5rem 1rem;box-sizing: border-box;}
.ngariSix ul li span {font-size: 1.63rem;font-weight: 400;color: #333333;margin: 3rem 0 1.5rem 0;display: block;}
.ngariSix ul li dd {font-size: 1.13rem;font-weight: 400;color: #6e6e6e;margin: 1rem 0;}


/* 高端网站建设 */
.high-end{padding: 4.5625rem 0 8.5625rem;}
.high-end-list{overflow: hidden;}
.high-end-list ul{width: 101.8%;}
.high-end-list ul li{float: left;margin-right: 1.8%; width: calc(100% / 4 - 1.8%); height: 13.4375rem;background: #f3f7fb;border-radius: 0.625rem; display: flex;   flex-direction: column;   align-items: center;   justify-content: center;text-align: center;}
.high-end-list ul li strong{display: block;font-size: 1.375rem;color: #333;margin: 1rem 0 0}
.high-end-list ul li em{display: block;font-size: 0.9375rem;line-height: 2rem;color: #4C4C4C;}

/* 为您打造专业的企业品牌网站 */
.brand{padding-bottom: 7.375rem;}
.brand-list ul li{width: 20%; height: 8.75rem; border-right: 0.0625rem solid rgba(221,221,221,0.49); float: left;    display: flex;    flex-direction: column;    align-items: center;text-align: center;box-sizing: border-box; justify-content: center;}
.brand-list ul li:last-child{border-right: none;}
.brand-list ul li img{}
.brand-list ul li em{display: block;font-size: 1rem;color: #333;margin-top: 2.0625rem;}


.mall{background: url(../images/mall-bg.jpg) no-repeat left top;background-size: cover;}
.mall .container-s{height: 37.5rem;display: flex;    align-items: center;}
.mall .info em{display: block;font-size: 1.25rem; position: relative; padding-left: 3.375rem;margin-bottom: 0.3125rem;}
.mall .info em:after{position: absolute;content: ''; width: 2.125rem;height: 0.1875rem;background: #ffffff;left: 0;top: 0.8125rem}
.mall .info h2{display: block;font-size: 3rem;margin-bottom: 0.625rem; }
.mall .info p{display: block;font-size: 0.9375rem;line-height: 1.75rem;color: #fff; width: 41.25rem;margin-bottom: 3.625rem;}
.mall .info a{display: block;width: 15rem;line-height: 3.75rem;background: #e7a300;border-radius: 5px;font-size: 1.125rem; color: #fff;text-align: center;}


/* 商城网站定制开发 */
.customize{padding: 4.625rem 0 8.8125rem;}
.customize-list{overflow: hidden;}
.customize-list ul{width: 102%;}
.customize-list ul li{float: left;margin-right: 2%; width: calc(100% / 5 - 2%); height: 14.75rem;background: #f3f7fb;border-radius: 0.625rem;text-align: center;}
.customize-list ul li strong{display: block;font-size: 1.375rem;color: #333;padding-top: 2.5rem;margin-bottom: 1.1875rem;}
.customize-list ul li p{display: block;font-size: 0.875rem;line-height: 1.375rem;color: #777; width: 80%;margin: 0 auto;}


/* 成熟的模块化功能定制 */
.modular{margin-bottom: 8.4375rem;}
.modular-list ul{display: flex;justify-content: space-between; }
.modular-list ul li{display: flex;   flex-direction: column; align-items: center;}
.modular-list ul li em{display: block;font-size: 1rem;color: #333;margin-top: 1.5625rem;}


/* 小程序开发 */
.program{background: url(../images/program-bg.jpg) no-repeat left top;background-size: cover;}



/* 畅享13亿移动流量红利 */
.flow{padding: 4.5625rem 0 4.5625rem;}
.flow .index-title h3{width: 63.8125rem;margin: 0 auto;}
.flow-list{overflow: hidden;}
.flow-list ul{width: 103.3%;}
.flow-list ul li{float: left; height: 13.625rem;background: #f3f7fb;border-radius: 0.625rem; margin-right:3.3%; width: calc(100% / 4 - 3.3%);text-align: center;margin-bottom: 3%;}
.flow-list ul li img{display: block;margin: 2.3125rem auto 1.25rem;}
.flow-list ul li strong{display: block;font-size: 1.25rem;color: #333;margin-bottom: 0.5rem;}
.flow-list ul li p{display: block;font-size: 0.9375rem;line-height: 1.75rem;color: #666;width: 75%;margin: 0 auto;}


/* 小程序赋能 */
.empower{padding-bottom: 6.6875rem;}
.empower-list ul{display: flex;justify-content: space-between; }
.empower-list ul li {    display: flex;    flex-direction: column;}
.empower-list ul li img{margin: auto;}
.empower-list ul li em{display: block;font-size: 1rem;color: #333;margin-top: 1.625rem;}


/* APP定制开发 */
.software{background: url(../images/software-bg.jpg) no-repeat left top;background-size: cover;}


/* 软件定制服务优势 */
.software-ys{padding: 5.625rem 0 7.25rem;}
.software-ys-list{overflow: hidden;}
.software-ys-list ul{width: 101.8%;}
.software-ys-list ul li{float: left;margin-right: 1.8%; width: calc(100% / 4 - 1.8%); height: 16rem;background: #F3F7FB;border-radius: 0.625rem;text-align: center;}
.software-ys-list ul li img{display: block;margin: 2.4375rem auto 0.4375rem;}
.software-ys-list ul li strong{display: block;font-size: 1.375rem;color: #333;margin-bottom: 0.5625rem;}
.software-ys-list ul li em{display: block;font-size: 0.9375rem;line-height: 1.5625rem;color: #4C4C4C; width: 75%;margin: 0 auto;}


/* 安全稳定、高效、可维护 */
.process{padding-bottom: 10.8125rem;}
.process-list ul{display: flex;justify-content: space-between; }
.process-list ul li{display: flex;   flex-direction: column;}
.process-list ul li img{margin: auto;}
.process-list ul li em{display: block;font-size: 1rem;color: #333;margin-top: 1.4375rem;}


/* 什么是企业网盘 */
.web-disk{padding: 5.0625rem 0;}
.web-disk-con{display: flex;justify-content: space-between;align-items: center;}
.web-disk-con .info{    width: 50%;}
.web-disk-con .info h2{display: block; font-size: 2.125rem;color: #333;margin-bottom: 1.375rem;}
.web-disk-con .info p{display: block;font-size: 1rem;line-height: 2.25rem;color: #666;margin-bottom: 4.5625rem;}
.web-disk-link a{display: inline-block; width: 9.0625rem;line-height: 2.5625rem;border: 0.0625rem solid #009ae7;border-radius: 1.4375rem;font-size: 1rem;color: #009AE7;text-align: center;margin-right: 0.625rem;}
.web-disk-link a:hover{background: #009AE7;color: #fff; transition:0.6s;}
.web-disk-con .pic{width: 44.8%;}
.web-disk-con .pic img{display: block;width: 100%;border-radius: 1.25rem;}


/* 核心优势 */
.core{background: url(../images/core-bg.jpg) no-repeat center top;background-size: cover;padding: 4.125rem 0 4.3125rem; }
.core .index-title h2{color: #fff;}
.core-list{overflow: hidden;}
.core-list ul{width: 103.6%;}
.core-list ul li{float: left;margin-right: 3.6%;width: calc(100% / 5 - 3.6%);}
.core-list ul li em{display: block;font-size: 1.375rem; margin:0.6875rem 0 1.6875rem}
.core-list ul li p{display: block;font-size: 1rem;line-height: 1.875rem;color: #fff;}

/* 产品功能 */
.product{padding: 3.8125rem 0 4.5625rem;}
.product .container-s{max-width: 1645px;}
.product-list{overflow: hidden;}
.product-list ul{width: 101.5%}
.product-list ul li{float: left;margin-right: 1.5%;margin-bottom: 1.1875rem; width: calc(100% / 4 - 1.5%); background: #f9f9f9;border-radius: 1.25rem;height: 11.3125rem;padding: 2.3125rem 23px 0;box-sizing: border-box;}
.product-list ul li em{display: block;font-size: 1.5rem;color: #333;line-height: 1.5rem;border-left: 0.125rem solid #E7A300;padding-left: 0.75rem;margin-bottom: 1.25rem;}
.product-list ul li p{display: block;font-size: 0.875rem;line-height: 1.1875rem;color: #666;margin-left: 1rem;}


/* 适用场景 */
.scene{background: url(../images/scene-bg.jpg) no-repeat center;background-size: cover;padding: 4.9375rem 0 2rem;}
.scene .container-s{max-width: 1506px;}
.scene-list{overflow: hidden;}
.scene-list ul {display: flex; flex-wrap: wrap; justify-content: space-between;}
.scene-list ul li{width: calc(84% / 3);text-align: center;margin-bottom: 3.5rem;}
.scene-list ul li img{}
.scene-list ul li strong{display: block;font-size: 1.5rem;color: #333;padding: 0.5625rem 0 1rem;}
.scene-list ul li i{display: block; width: 3.1875rem;height: 0.1875rem;background: #e7a300;margin: 0 auto 1.375rem;}
.scene-list ul li p{display: block;font-size: 1rem;line-height: 1.875rem;color: #666;}


/*产品规格*/
.specification{padding: 5.125rem 0 0;}
.specification-btn {margin-bottom: 2.875rem;}
.specification-btn ul {display: flex;justify-content: center;}
.specification-btn ul li{display: block;  line-height: 3.75rem;border-radius: 1.875rem;font-size: 1.375rem;color: #333;text-align: center;background: #e5ecf8; width: auto;font-weight: bold;padding: 0 2.3125rem;margin: 0 1.5rem; cursor: pointer;}
.specification-btn ul li.on{background: #009AE7;color: #fff;}
.specification-con{background: #e5ecf8;padding: 6.25rem 0;}


/* boss管账 */
.boss-list ul li{background: #f5f8fc;padding: 5.375rem 0 4.5625rem;}
.boss-list ul li .container{display: flex;justify-content: space-between; align-items: center;}
.boss-list ul li .info{width: 38%;}
.boss-list ul li .info em{display: block;font-size: 2.25rem;color: #333;margin-bottom: 1.5625rem;}
.boss-list ul li .info p{display: block;font-size: 1.25rem;line-height: 2rem;color: #666;margin-bottom: 4.25rem; }
.boss-link a{display: inline-block; width: 9.0625rem;font-size: 1rem; line-height: 2.5625rem;border: 0.0625rem solid #009ae7;border-radius: 1.4375rem;text-align: center;color: #009AE7;margin-right: 0.625rem;}
.boss-link a:hover{background: #009AE7;color: #fff; transition:0.6s}
.boss-list ul li .pic{width: 48%;}
.boss-list ul li .pic img{display: block; width: 100%;}
.boss-list ul li:nth-child(2n){background: #fff;}
.boss-list ul li:nth-child(2n) .container{flex-direction: row-reverse}
.boss-list ul li:nth-child(3),.boss-list ul li:nth-child(5){padding: 5.375rem 0 0rem;}


.boss-ys{background: url(../images/boss-ys.jpg) no-repeat center;background-size: cover;text-align: center;color: #fff;padding: 6.25rem 0 6.9375rem;}
.boss-ys h2{display: block;font-size: 3rem;}
.boss-ys h3{display: block;font-size: 1.125rem;line-height: 2rem;margin: 1.0625rem 0 2.5rem;}
.boss-ys em{display: inline-block;font-size: 1.5rem;border-top: 0.0625rem solid rgba(245, 245, 245, 0.18); border-bottom: 0.0625rem solid rgba(245, 245, 245, 0.18);padding: 0.9375rem 0;margin-bottom: 4rem;}
.boss-ys b{display: inline-block;font-size: 2.25rem;}
.boss-ys a{display: block; width: 16.25rem;background: #e7a300;border-radius: 2.5rem;font-size: 1.625rem;line-height: 5rem;color: #fff;text-align: center;margin: 0 auto;}
.boss-ys a:hover{background: #333; transition:0.6s;}

/* 互联网信息经营许可证（ICP）咨询代理服务 */
.icp{background: url(../images/icp-bg.jpg) no-repeat center;background-size: cover;padding: 5.3125rem 0 2rem;}
.nft .index-title h2{font-weight: bold;}
.nft .index-title h3{font-size: 1.125rem;}
	.nft .container-s{display: flex;   align-items: center;   justify-content: space-between;}
.nft .info{width: 59%;}
.nft .info p{display: block;font-size: 1.125rem;line-height: 2.25rem;color: #555;margin-bottom: 5.5rem; text-align: justify;}
.nft-link a{display: inline-block; width: 10.5rem; font-size: 1.1875rem;line-height: 3rem;border: 0.0625rem solid #009ae7;border-radius: 1.5625rem;text-align: center;color: #009AE7;margin-right: 0.75rem;}
.nft-link a:hover{background: #009ae7;color: #fff; transition:0.6s;}
.nft .pic{width: 32.5%;}
.nft .pic img{display: block; width: 100%;}

.why-nft{padding: 6rem 0 6.875rem;}
.why-nft .why-list{overflow: hidden;}
.why-nft .why-list ul{width: 107%;}
.why-nft .why-list ul li{float: left;margin-right: 7%; width: calc(100% / 5 - 7%);}
.why-nft .why-list ul li img{display: block; width: 100%;}

.nft-ys{margin-bottom: 4.4375rem;}
.nft-ys .ys-list{overflow: hidden;}
.nft-ys .ys-list ul{width: 101.6%;}
.nft-ys .ys-list ul li{float: left;margin-right: 1.6%; width: calc(100% / 5 - 1.6%);height: 15.0625rem; background: #f3f7fb;border-radius: 0.625rem;text-align: center;}
.nft-ys .ys-list ul li img{display: block;margin: 2.5625rem auto 0.875rem;}
.nft-ys .ys-list ul li strong{display: block;font-size: 1.5rem;color: #333;}
.nft-ys .ys-list ul li em{display: block;font-size: 1.125rem;color: #666;}


/* EDI业务咨询代理服务 */
.edi{background: #e7edfd;padding: 3.75rem 0;}
.edi .pic {  width: 30.5%;}


/* 网络文化经营许可证咨询代理服务 */
.network{background: #f3f7fb;padding: 6rem 0 4.0625rem;}
.condition{padding: 3.9375rem 0 6.25rem;}
.condition .condition-list{overflow: hidden;}
.condition .condition-list ul{width: 104.5%;}
.condition .condition-list ul li{float: left;margin-right: 4.5%; width: calc(100% / 5 - 4.5%);}
.condition .condition-list ul li img{display: block; width: 100%;}


/* 备案管家服务 */
.record{background: #f3f7fb;padding: 1.9375rem 0 4.125rem;}
.record .info{margin-top: 3.875rem;}
.record-ys{padding: 5.8125rem 0 7.5rem;}
.record-ys .ys-list{overflow: hidden;}
.record-ys .ys-list ul{width: 110.5%;}
.record-ys .ys-list ul li{float: left;margin-right: 10.5%; width: calc(100% / 3 - 10.5%);}
.record-ys .ys-list ul li img{display: block; width: 100%;}


/* 云产品中心 */
.cltainer {width: 1600px; margin: auto; max-width: 92%;}
.cltainer14 {width: 1400px; margin: auto; max-width: 92%;}
.clouTle {text-align: center; padding: 4.5rem 0;}
.clouTle strong {font-size: 2.25rem;font-weight: 700;color: #333333;}
.clouTle span {font-size: 1rem;font-weight: 400;color: #666666;display: block; margin-top: 0.5rem;}

.cloudProOne ul {display: flex; flex-wrap: wrap; justify-content: space-between;}
.cloudProOne ul li {width: 30%; text-align: center; margin-bottom: 5rem;}
.cloudProOne ul li .icBox {width: 6.25rem; height: 6.25rem; display: flex; align-items: center; justify-content: center; margin: auto;}
.cloudProOne ul li .icBox img {max-width: 100%;}
.cloudProOne ul li small {font-size: 1.1rem; font-weight: 700; display: block; margin-bottom: 1rem; }
.cloudProOne ul li p {color: #999; font-size: 1rem; line-height: 1.88rem;}
.cloudProOne ul li:hover .icBox img {    animation: danchu 1s linear;}

.cloudProTwo {background: url(../images/cloudProTwo-bj.jpg) no-repeat center; background-size: cover; padding: 10rem 0 8rem 0;}
.cloudProTwo .box {width: 55%;}
.cloudProTwo .box .tle {font-size: 3rem;font-weight: 700;font-style: italic;color: #333333;}
.cloudProTwo .box p {font-size: 1.13rem;font-weight: 400;color: #666666; margin-top: 1.5rem; line-height: 2.13rem;}
.cloudProTwo .box .more {display:flex; margin-top: 5rem;}
.cloudProTwo .box .more a {width: 11.5rem;height: 3.75rem; background: #246cea; border-radius: 0.31rem; display: flex; align-items: center; justify-content: center;}
.cloudProTwo .box .more a {font-size: 1.13rem; margin-right: 1rem;font-size: 1.13rem;font-weight: 400;color: #ffffff;}
.cloudProTwo .box .more a:nth-child(1) {background: #E7A300;}

.cloudProThree ul li {width: 22%;}
@keyframes danchu {20%, 50%, 80% {transform: translateY(0);} 40% {  transform: translateY(-30px);}70% {   transform: translateY(-15px);}90% {   transform: translateY(-4px);}}

.cloudProFour {background: url(../images/cloudProFour-bj.jpg) no-repeat center; background-size: cover;}
.cloudProFour .box .tle {color: #fff;}
.cloudProFour .box p {color: #fff;}
.cloudProFour .box .more a {background: none;border: 0.06rem solid #ffffff;}
.cloudProFour .box .more a:nth-child(1) {border: none;}

.cloudProSix {background: url(../images/cloudProSix-bj.jpg) no-repeat center; background-size: cover; padding-bottom: 4.5rem;}
.cloudProSix ul {display: flex; justify-content: space-between;}
.cloudProSix ul .imgBox img {width: 100%; display: block;}
.cloudProSix ul li {width: 32%; padding-bottom: 5rem; background: #ffffff;border-radius: 0.63rem; box-shadow: 0rem 0rem 1.47rem 0rem rgba(66,66,66,0.14); overflow: hidden; position: relative;}
.cloudProSix ul li .con {padding: 2rem;}
.cloudProSix ul li .con strong {font-size: 1.5rem;font-weight: 700;color: #333333;position: relative; z-index: 1; padding-left: 0.7rem; margin-bottom: 1rem;display: block;}
.cloudProSix ul li .con strong::before {content: ""; position: absolute; width: 1.56rem; height: 1.88rem;background: #eceaff; top: 1px; left: 0; z-index: -1;}
.cloudProSix ul li .con p {    min-height: 200px;font-size: 1rem;font-weight: 400;color: #666666; line-height: 1.88rem;}
.cloudProSix ul li dl {display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 1.5rem;}
.cloudProSix ul li dl dd {font-size: 0.9rem;font-weight: 400;color: #333333;position: relative; display: flex; padding-left: 0.5rem; margin: 0.2rem 0;}
.cloudProSix ul li dl dd::before {content: "";width: 0.3rem; height: 0.3rem; border-radius: 50%; background: #0090FF; position: absolute; left: 0; top: 50%; transform: translate(-50%, -50%)}
.cloudProSix ul li .more {display: flex; justify-content: center; position: absolute; bottom: 2rem; width: 100%; left: 0;}
.cloudProSix ul li .more a {width: 10.63rem; height: 3.13rem; border: 0.06rem solid #009ae7; border-radius: 1.56rem; display: flex; justify-content: center; align-items: center;}
.cloudProSix ul li .more a {font-size: 1.19rem;font-weight: 400;color: #009AE7; transition: .5s;}
.cloudProSix ul li .more a:nth-child(1) {background: #009AE7; color: #fff; margin-right: 1.1rem;} 
.cloudProSix ul li .more a:nth-child(1):hover {background: #00aaff;}
.cloudProSix ul li .more a:hover {background: #009AE7;color: #fff;}

.cloudSevSlide .hd ul {display: grid; justify-content: center; grid-template-columns: repeat(4,auto);gap: 10rem; border-bottom: 1px solid #E8E8E8;}
.cloudSevSlide .hd ul li {text-align: center;}
.cloudSevSlide .hd ul li {cursor: pointer;position: relative; padding: 0 1rem; padding-bottom: 1.5rem; box-sizing: border-box;}
.cloudSevSlide .hd ul li::after {content: ""; position: absolute; bottom: -2px;left: 0;height: 0.25rem; background: #E7A300; width: 0; transition: .5s;}
.cloudSevSlide .hd ul li .icBox {width: 2.69rem; height: 2.69rem; margin: auto; display: flex; align-items: center; justify-content: center; overflow: hidden; position: relative;}
.cloudSevSlide .hd ul li .icBox img {display: block; max-width: 100%; max-height: 100%;}
.cloudSevSlide .hd ul li .icBox .ic1 {filter: grayscale(100%); position: relative; top: 0; transition: .5s;}
.cloudSevSlide .hd ul li .icBox .ic2 {position: absolute; top: 100%; transition: .5s;}
.cloudSevSlide .hd ul li span {font-size: 1.13rem;font-weight: 400;color: #333333; margin-top: 0.5rem;display: block;}
.cloudSevSlide .hd ul li span::before {display: block;content: attr(title);font-weight: bold;height: 0;overflow: hidden;visibility: hidden;}
.cloudSevSlide .hd ul li:hover .icBox .ic2 {top: 0;}
.cloudSevSlide .hd ul li:hover .icBox .ic1 {top: -3rem;}
.cloudSevSlide .hd ul li:hover span {color: #333; font-weight: 700;}
.cloudSevSlide .hd ul li:hover::after {width: 100%;}
.cloudSevSlide .hd ul li.on .icBox .ic2 {top: 0;}
.cloudSevSlide .hd ul li.on .icBox .ic1 {top: -3rem;}
.cloudSevSlide .hd ul li.on span {color: #333; font-weight: 700;}
.cloudSevSlide .hd ul li.on::after {width: 100%;}
.cloudSevSlide .bd {padding: 5rem 0 0.5rem 0;}
.cloudSevSlide .bd ul li {width: 1800px; margin: auto; max-width: 99%; }
.cloudSevSlide .bd ul li .tle {text-align: center;}
.cloudSevSlide .bd .tle h4 {font-size: 2.13rem;font-weight: 400;color: #333333; margin-bottom: 1rem;}
.cloudSevSlide .bd .tle p {font-size: 1rem;font-weight: 400;color: #666666;line-height: 2.13rem; width: 900px; margin: auto;}
.cloudSevSlide .bd .swiperBox {position: relative;}
.cloudSevSwiper {overflow: hidden;width: 1600px; margin: auto; max-width: 90%; padding: 3rem 0;}
.cloudSevSwiper .swiper-slide {background: #f5f5f5; padding: 2%; box-sizing: border-box; height: 16.5625rem; box-sizing: border-box;}
.cloudSevSwiper .swiper-slide h6 {font-size: 1.13rem;font-weight: 700;color: #333333;margin-bottom: 1.5rem;}
.cloudSevSwiper .swiper-slide p {font-size: 0.94rem;font-weight: 400;color: #666666;line-height: 1.75rem;}
.cloudSevSwiper .swjt {width: 3.13rem;height: 3.13rem; border: 0.06rem solid #e8e8e8;border-radius: 50%;}
.cloudSevSwiper .swiper-pagination {display: none;}
.cloudSevSwiper .swiper-button-prev {transform: rotate(180deg);}
.cloudSevSwiper .swiper-pagination-bullet-active {background: #009ae7;}

.cloudProEight {background: url(../images/cloudProEight-bj.jpg) no-repeat center; background-size: cover;}
.cloudProEight .clouTle strong {color: #fff;}
.cloudProEight .clouTle span {color: #fff;}
.cloudProEight .hd ul {display: grid; justify-content: center; grid-template-columns: repeat(4,auto);gap: 12rem; border-bottom: 1px solid rgba(255, 255, 255,.12);}
.cloudProEight .hd ul li {text-align: center;}
.cloudProEight .hd ul li {cursor: pointer;position: relative; padding: 0 1rem; padding-bottom: 1.5rem; box-sizing: border-box;}
.cloudProEight .hd ul li::after {content: ""; position: absolute; bottom: -2px;left: 0;height: 0.25rem; background: #00B8DE; width: 0; transition: .5s;}
.cloudProEight .hd ul li .icBox {width: 2.5rem; height: 2.5rem; margin: auto; display: flex; align-items: center; justify-content: center; overflow: hidden; position: relative;}
.cloudProEight .hd ul li span {font-size: 1.13rem;font-weight: 400;color: #FFFFFF; margin-top: 0.5rem;display: block;}
.cloudProEight .hd ul li span::before {display: block;content: attr(title);font-weight: bold;height: 0;overflow: hidden;visibility: hidden;}
.cloudProEight .hd ul li:hover span {color: #00B8DE; font-weight: 700;}
.cloudProEight .hd ul li:hover::after {width: 100%;}
.cloudProEight .hd ul li.on span {color: #00B8DE; font-weight: 700;}
.cloudProEight .hd ul li.on::after {width: 100%;}
.cloudProEight .bd {padding: 6.5rem 5%;}
.cloudProEight .bd li {display: flex; justify-content: space-between;}
.cloudProEight .bd li > div {width: 45%;}
.cloudProEight .bd li .bdLe h4 {font-size: 1.75rem;font-weight: 400;color: #ffffff;margin-bottom: 1rem;}
.cloudProEight .bd li .bdLe p {font-size: 1rem;opacity: 0.72;color: #ffffff;line-height: 2rem;}
.cloudProEight .bd li .bdRe h6 {font-size: 1.25rem;font-weight: 700;color: #ffffff; margin-bottom: 1rem; margin-top: 0.8rem;}
.cloudProEight .bd li .bdRe p {font-size: 1rem;font-weight: 400;color: #ffffff;}
.cloudProEight .bd li .bdRe .more {margin-top: 3rem;}
.cloudProEight .bd li .bdRe .more a {display: inline-flex;align-items: center; justify-content: center;font-size: 1.13rem;color: #ffffff; }
.cloudProEight .bd li .bdRe .more a {width: 9.25rem;height: 3.44rem;background: #00B8DE;border-radius: 1.75rem;}
.cloudProEight .bd li .bdRe .more a:nth-child(1) {margin-right: 2rem; background: #E7A300;}

.cloudProNine {background: none;}
.cloudProNine ul li {border: 0.06rem solid #e8e8e8; border-radius: 0.63rem;box-shadow: none;}






/* F1视频会议一体机 */
.f1-con{display: flex;justify-content: space-between;align-items: center;padding: 6.25rem 0 7.25rem;}
.nail-title{margin-bottom: 1.625rem;}
.nail-title h2{display: block;font-size: 1.125rem;color: #666;}
.nail-title strong{display: block;font-size: 3.5rem;color: #333;}
.nail-link a{display: block; width: 10.625rem;background: #2d8dee;border-radius: 1.8125rem;font-size: 1.25rem;line-height: 3.5625rem;color: #fff; position: relative;text-indent: 1.8125rem; overflow: hidden;}
.nail-link a:after{position: absolute;content: '';background: url(../images/nail-link.png) no-repeat; width: 11px; height: 15px;right: 1.3125rem;top: 1.3125rem;}
.nail-link a:hover{transition:0.6s;text-indent: 2.8125rem;}
.nail-link a:hover:after{right: -1.3125rem; }
.f1-con .info{margin-left: 6.6%;}
.f1-list{margin-top: 3.75rem;}
.f1-list ul{display: flex;}
.f1-list ul li{margin-right: 1.875rem; width: 21%;}
.f1-list ul li img{display: block; width: 100%;}
.f1-con .pic{width: 48.5%;}
.f1-con .pic img{display: block; width: 100%;}
.f2{background: url(../images/f2-bg.jpg) no-repeat left top;padding: 9.25rem 0 4.0625rem;}
.f2 .nail-title h2,.f2 .nail-title strong{color: #fff;}
.f2 .nail-link a{background: #e7a300;}
.f2-con .info{margin-bottom: 8.3125rem;}
.f2-list ul{display: flex;justify-content: space-around;}
.f2-list ul li{text-align: center;}
.f2-list ul li img{display: block; width: 7rem; height: 7rem;}
.f2-list ul li em{display: block;font-size: 1.25rem;color: #fff;margin-top: 0.75rem;}


/* 4G指纹考勤机 */
.fingerprint{display: flex;justify-content: space-between;align-items: center;padding: 5.25rem 0 3.125rem;}
.fingerprint .info,.fingerprint .pic{width: 50%;}
.fingerprint .info{margin-left: 13.69%;}
.fingerprint .pic img{display: block; width: 100%;}
.fingerprint-list{margin-top: 4.25rem;}
.fingerprint-list ul{display: flex;}
.fingerprint-list ul li{display: flex;  align-items: center;  flex-direction: column;margin-right: 7.25rem;}
.fingerprint-list ul li:last-child{margin-right: 0;}
.fingerprint-list ul li img{display: block;margin: 0 auto 1.25rem;}
.fingerprint-list ul li em{display: block;font-size: 1.125rem}


/* 指纹人脸考勤机 */
.face{background: url(../images/face-bg.jpg) no-repeat center;background-size: cover;padding: 10.9375rem 0;}
.face-con{display: flex;justify-content: space-between;align-items: center;}
.face-con .pic{width: 48.9%;}
.face-con .pic img{display: block; width: 100%;}
.face-con .info{width: 46%;}
.face .nail-title h2,.face .nail-title strong{color: #fff;}
.face .nail-link a{background:#e7a300}
.face-list{margin-top: 4.125rem;}
.face-list ul{display: flex; justify-content: space-between;}
.face-list ul li{display: flex;  align-items: center;  flex-direction: column;}
.face-list ul li img{display: block;margin: 0 auto 1.25rem;}
.face-list ul li em{display: block;font-size: 1.125rem}


/* 智能云打印机 */
.printer-con{display: flex;justify-content: space-between;align-items: center;}
.printer-con .pic{width: 53%;}
.printer-con .pic img{display: block; width: 100%;}
.printer .nail-title{margin-bottom: 3.25rem;}
.printer .nail-title h3{display: block;font-size: 1.375rem;color: #555555;}
.printer-list{margin-bottom: 8.9375rem;}
.printer-list ul{display: flex;justify-content: space-between;}
.printer-list ul li{width: 12%;}
.printer-list ul li img{display: block;width: 100%;}


/* 关于我们 */
.about-title{}
.about-title h2{display: block;font-size: 2.125rem;color: #333;}
.about{margin: 6.25rem 0 6.0625rem;}
.about .about-title{margin-bottom: 1.5rem;}
.about-con{display: flex;justify-content: space-between;align-items: center;}
.about-con .info {width: 51.8%;}
.about-con .info p{display: block;font-size: 1rem;line-height: 2.125rem;color: #666;margin-bottom: 2.125rem;}
.about-con .info p.note{margin-right: 0;}
.about-con .pic{width: 41.6%;}
.about-con .pic img{display: block; width: 100%;border-radius: 1.875rem;}


/* 企业文化 */
.about-title b{display: block;font-size: 1.875rem; opacity: 0.21;font-family: arial;text-transform:uppercase; line-height: 1.375rem;margin: 0.5625rem 0 1.6875rem;color: #666;}
.about-title i{display: block;width: 3.1875rem;height: 0.25rem;background: #1A85E3;border-radius: 0.125rem;margin: 0 auto;}
.culture{background: url(../images/culture-bg.jpg) no-repeat center;background-size: cover;padding: 3.75rem 0 8.125rem ;}
.culture .about-title{margin-bottom: 7.625rem;}
.culture .about-title h2{color: #fff;}
.culture .about-title b{color: #fff; opacity: 0.38;}
.culture .about-title i{background: #ffffff}
.culture-list{color: #fff;}
.culture-list ul{display: flex;justify-content: space-between;text-align: center;}
.culture-list ul li img{}
.culture-list ul li strong{display: block;font-size: 1.375rem;margin: 0.5625rem 0 0.6875rem;}
.culture-list ul li em{display: block;font-size: 1rem;line-height: 1.375rem;}


/* 专家团队 */
.ny-team{background: #fff;padding: 3.75rem 0 7.9375rem;margin: 0;}
.ny-team .about-title{margin-bottom: 3.875rem;}
.ny-team .team-list ul li .info em{color: #333;opacity: 1;}
.ny-team .team-list ul li p{color: #666; opacity: 1;}
.ny-team #team-prev, .ny-team #team-next{display: none;}
.ny-team #team-num{display: none;}

/* 本地化售后服务 (3+1服务体系) */
.after-sale{background: url(../images/after-sale-bg.jpg) no-repeat left top;background-size: cover;padding: 7.5rem 0 9.125rem;}
.after-sale .about-title i{margin: 1.625rem 0 1.75rem;}
.after-sale .info strong,.after-sale .info span,.after-sale .info h3{display: block; line-height: 2.0625rem;}
.after-sale .info strong{font-size: 1rem;color: #333;}
.after-sale .info span{font-size: 1rem;color: #666; }
.after-sale .info h3{font-size: 1.25rem;color: #333;font-weight: bold;}
.after-sale .info h4,p{display: block;font-size: 1rem;color: #666;}
.after-sale .info img{display: inline-block;vertical-align: middle;margin-right: 0.8125rem;}
.after-sale .info em{color: #1a85e3;}
.after-sale .info h4{margin: 2.6875rem 0 1.25rem;}
.after-sale .info p{margin-bottom: 1.6875rem;}


/* “3+1”服务体系阿里邮箱专家团介绍  */
.expert{padding: 6.6875rem 0 8.4375rem;}
.expert .about-title{margin-bottom: 6.5rem;}
.expert-list ul{display: flex;justify-content: space-between;}
.expert-list ul li { text-align: center; display: flex; flex-direction: column; align-items: center;}
.expert-list ul li .pic{width: 17.5rem; height: 17.5rem;border-radius:100%;overflow: hidden;}
.expert-list ul li .pic img{display: block; width: 100%;}
.expert-list ul li strong{display: block;font-size: 1.625rem;color: #333;margin: 2.375rem 0 0;}
.expert-list ul li em{display: block;font-size: 1.125rem;color: #6b6b6b;}
.expert-list ul li i{display: block;width: 2.5rem;height: 0.25rem;background: #367bc1;border-radius: 0.125rem;margin: 1.0625rem auto 1.625rem;}
.expert-list ul li p{display: block;font-size: 1rem;line-height: 1.875rem;color: #666;width: 69%;margin: 0 auto;}
.expert-list ul li b{color:#333}


/* 资质荣誉 */
.honor{background: #f6f6f6;padding: 3.375rem 0 5.75rem;}
.honor .about-title{margin-bottom: 3.8125rem;}
.honor-list{position: relative; overflow: hidden;}
.honor-list ul li{text-align: center;}
.honor-list ul li .pic img{display: block; width: 100%;}
.honor-list ul li strong{display: block;font-size: 1.125rem;color: #333;margin-top: 1.4375rem;}
#honor-num{display: none;}


/* 联系我们 */
.contact{padding: 5.625rem 0 6.9375rem;}
.contact .about-title{margin-bottom: 8.125rem;}
.contact-con{display: flex;justify-content: space-between;}
.contact-con .info h3,.message h3{display: block;font-size: 2.375rem;color: #333;}
.contact-con .info span{display: block;font-size: 1.75rem;color: #222222;margin: 1.75rem 0 0.625rem;}
.contact-con .info b{font-size: 2.25rem;}
.contact-con .info p{font-size: 1.125rem;color: #555;margin-bottom: 1.5625rem;}
.contact-con .info p>img{display: inline-block; vertical-align: middle;margin-right: 0.4375rem;}
.contact-con .info .contact-wechat{display: block; margin-left: 0.5rem;}
.contact-con .info em{display: block;font-size: 1rem;color: #555555;margin-top: 0.625rem;}
.message{width: 52.5%;}
.message h3{margin-bottom: 1.6875rem;}
.message ul li{display: block;margin-bottom: 0.875rem;}
.message ul li input,.message ul li textarea{display: block; width: 100%; outline: none;border: none;font-family: "Microsoft YaHei"; font-size: 1rem; text-indent: 1.9375rem; color: #A4A4A4; background: #f6f6f6;}
.message ul li input{ line-height: 3.5rem; height: 3.5rem;}
.message ul li.mess-text{display: flex;justify-content: space-between;}
.message ul li.mess-text input{ display: inline-block;  width: calc((100% - 20px) / 2);}
.message ul li textarea{height: 10.875rem;padding: 1.0625rem 0;box-sizing: border-box;}
.message .mess-submit {width: 100%;outline: none;border: none;font-family: "Microsoft YaHei";line-height: 3.5rem; height: 3.5rem;background: #1798fc;border-radius: 0.1875rem;font-size: 1.125rem;color: #fff;font-weight: bold;text-align: center; cursor: pointer;}




/* 弹框 */
.apply-body{ display: none;position: fixed;  z-index: 1999;  width: 100%;  height: 100%;  top: 0px;  left: 0px;  bottom: 0px;    overflow: auto;  background: rgba(0,0,0,0.7);}
.apply-con{ width: 30rem; border-radius: 0.625rem; box-shadow: 0 0 16px 4px rgb(0 0 0 / 30%); display: block; position: relative; z-index: 200000; margin: 0 auto; margin-top: 5%; background: rgb(255, 255, 255);}

.apply-top{background: url(../images/web-bg.png) no-repeat center top #009ae7;height: 5rem; border-top-left-radius: 0.625rem; border-top-right-radius: 0.625rem;background-size: cover;}
.apply-close{position: absolute; right:0.625rem;top: 1rem;}
.apply-title{text-align: center;padding: 3rem 0 2rem;}
.apply-title h3{display: block;font-size: 1.5rem;color: #333}
.apply-title em{display: block;font-size: 1.125rem;color: #666}
.apply-form{padding-bottom: 1.875rem;}
.apply-form ul{display: flex;align-items: center;    flex-direction: column;}
.apply-form ul li{width: 22rem;   height: 2.625rem;   border-radius: 0.25rem;border: 1px solid rgb(204, 204, 204);margin-bottom: 1rem;display: flex;   align-items: center;}

.apply-form ul li img{  display: inline-block;margin-left: 0.5rem; flex-shrink: 0; }
.apply-form ul li input{outline: none; border:none;font-family:"Microsoft YaHei";font-size: 1rem; line-height: 2.625rem;color: #666;text-indent: 0.5rem;width: calc(100% - 4rem);}
.apply-submit{outline: none; border:none;font-family:"Microsoft YaHei"; width: 12.5rem;line-height: 3rem;font-size: 1.2rem;color: #fff;background: #009ae7;border-radius: 3rem;margin-top: 0.9375rem;}
.apply-form ul p{font-size: 1rem;color: #666;margin-top: 0.3125rem;}

/* 分页 */
.fy { padding: 60px 0; display: flex;justify-content: center;align-items: center; flex-wrap: wrap;}
.fy a { border: 0.06rem solid #eee; display: flex; align-items: center; justify-content: center; color: #999; font-size: 14px; transition: .4s; margin:5px;  padding: 5px 13px;}
.fy a:hover {color: #fff; background: #009ae7;}
.fy .layui-laypage-curr {color: #fff; background: #009ae7; font-size: 14px;  margin: 0 5px; padding: 5px 13px;}


/* 默认按钮 */
.btn-blue{background: #0090FF!important;color: #fff!important; cursor: pointer;}
.btn-yellow{background: #e7a300!important;color: #fff!important;border-color: #e7a300!important; cursor: pointer;} 


#website,#e-commerce,#cdn,#storage,#honor{position: relative; top: -100px; transition:0.6s;}


/*2023.5.25内页团队列表页*/
.ny-team-list{margin: 50px 0; overflow:hidden;}
.ny-team-list ul{display: flex; align-items: flex-start; justify-content: space-between;}
.ny-team-list ul li{width:18%;}
.ny-team-list ul li .pic{display:block; margin-bottom:1.5rem;}
.ny-team-list ul li .pic img{display: block; width:100%}

.ny-team-list ul li .info em{margin-bottom: 0.625rem; display: block;font-size: 1.0625rem;color: #333;}
.ny-team-list ul li .info p{font-size: 0.9375rem;line-height: 1.5625rem;color: #666;}


.specification-con table tr td p{text-indent:0rem!important; padding-left:1rem!important}




/* 网站案例 */
.web-case{margin-bottom: 6rem;}
.web-caselist {position: relative; overflow: hidden;}
.web-caselist ul li{}
.web-caselist ul li .pic{position: relative; overflow: hidden;}
.web-caselist 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;}
.web-caselist 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;}
.web-caselist ul li .hide{opacity: 0; position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.7); display:flex;align-items:center; justify-content: center; top: 0;}
.web-caselist ul li:hover .hide{opacity: 1; transition:0.6s}
.web-caselist ul li .hide img{flex-shrink: 0;}
.web-caselist ul li em{display: block; background: #fafafa; font-size: 1rem; color: #333; text-align: center; line-height: 3.5rem;}
.web-caselist ul li:hover em{background: #009ae7; color: #fff;}




/* 2023.6.5头部增加电话 */
/*.head-tel{background: url(../images/head-tel.png) no-repeat left center; padding-left: 3.875rem; margin-right: 2rem}*/
.head-tel em{ font-size: 1rem; color: #fff;}
.head .nav ul li{margin-right: 2rem;}


/* 2023.9.7增加搜索页面 */
.search-banner{overflow: hidden; position: relative;}
.search-banner{background: url(../images/search-banner.jpg) no-repeat center; height: 30.5rem;}
.search-banner .info{position: absolute; width: 100%; top: 0; display: flex; align-items: center; justify-content: center; height: 100%;}
.search-banner .container{position: absolute; bottom: 17%;}
.search-banner em{display: block; font-size: 3.125rem; color: #fff; text-align: center; margin-bottom: 2.625rem;}
.search-form{display: flex; justify-content: space-between; background: #fff; border-radius: 2.1875rem;}
.search-form img{width: auto; margin: auto; margin-right: 1rem; margin-left: 3.5rem;}
.search-form{width: 48.5625rem; height: 4.375rem;}
.search-form div{display: flex;}
.search-form .search-text{display: block; color: #999999; width: 400px; }
.search-form input{font-family: "Microsoft YaHei"; outline: none; border: none; line-height: 4.375rem; font-size: 1.125rem; }
.search-form .submit{width: 7.5rem; background: #e7a300; color: #fff; border-radius: 2.1875rem;}

.search-main{display: flex; align-items: center; justify-content: center; padding: 6.4375rem 0;}
.search-box{width: 71%; display: flex; align-items: center; justify-content: space-between;}
.search-box .pic{box-shadow: 0px 0px 50.73px 6.27px rgba(61, 61, 61, 0.1); border-radius: 1.25rem; width: 36%;}
.search-box .pic img{display: block; width: 100%; border-top-left-radius: 1.25rem; border-top-right-radius: 1.25rem;}
.search-box .name{display: flex; height: 9.5rem; align-items: center; justify-content: center; flex-direction: column;}
.search-box .name strong{display: block; font-size: 2.125rem; color: #333;}
.search-box .name span{display: inline-block; font-size: 1.875rem; color: #333; font-weight: normal; font-family: Arial;}
.search-box .name em{display: block; font-size: 1.25rem; color: #888;}
.search-box .info{width: 54%;}
.search-box .info strong{display: block; font-size: 2.3125rem; color: #333; margin-bottom: 2.1875rem;}
.search-box .info ul li{display: block; font-size: 1.125rem; color: #666; border-bottom: 1px solid #f2f2f2; padding-bottom: 1.6875rem; margin-bottom: 1.6875rem;}
.search-box .info ul li:last-child{margin-bottom: 0;}
.search-box .info ul li b{color: #333; display: inline-flex; justify-content: space-between; width: 90px;}
.search-box .info ul li i{font-style: normal;}


/* 2023.9.20增加友情链接 */
.footer-links{padding: 3.5625rem 0 2.0625rem; border-bottom: 1px solid rgba(191,191,191,0.15);}
.footer-links ul{display: flex; align-items: center; font-size: 1rem; color: #fff;}
.footer-links ul em{opacity: 0.28;}
.footer-links ul em>img{display: inline-block; margin-right: 0.8125rem;}
.footer-links ul li a{display: inline-block; color: #fff; padding: 0 1.5rem; line-height: 1rem; border-right:1px solid rgba(198,198,198,0.26)} 
.footer-links ul li a:hover{color: #e7a300;}




/*2024.3.18*/
.flex{display: flex;}
.flex-sbc{display: flex; justify-content: space-between;  align-items: center;}
.flex-c{display: flex; align-items: center;}
.flex-cc{display: flex; align-items: center; justify-content: center;}
.flex-ccc{display: flex; align-items: center; justify-content: center; flex-direction: column;}
.flex-dcsb{display: flex; flex-direction: column; justify-content: space-between;}
.flex-sb{display: flex; justify-content: space-between;}
.flex-sbw{display: flex;justify-content: space-between; flex-wrap: wrap;}
.flex-cw{display: flex; align-items: center; flex-wrap: wrap;}
.flex-dc{display: flex; flex-direction: column;}
.flex-w{display: flex; flex-wrap: wrap;}
/* 新闻中心 */
.news{ padding: 4.4375rem 0 6.8125rem; background: url(../images/news-bg.jpg) no-repeat center;}

.news-list{width: 63%;}
.news-list ul li{width: 48.5%;}
.news-list ul li .pic{overflow: hidden; border-radius: 0.5rem; margin-bottom: 1.25rem;}
.news-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;}
.news-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;}
.news-list ul li .info h3{ font-size: 1.25rem; color: #333; font-weight: bold; margin-bottom: 0.1875rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.news-list ul li .info span{display: block; font-size: 0.9375rem; color: #919191; margin-bottom: 1.25rem;}
.news-list ul li .info span>img{display: inline-block; vertical-align: middle; margin-right: 0.5625rem;}
.news-list ul li .info p{ color: #666; font-size: 1rem; line-height: 1.5rem; }
.news-list ul li:hover .info h3{color: #e7a300;}
.problem{width: 32%; margin-right: 1.8%;}
.problem h2{display: block; width: 6.125rem;background: #009AE7;border-radius: 1.25rem; font-size: 1rem; line-height: 2.4375rem; color: #fff; text-align: center; margin-bottom: 0.8125rem;}
.problem-list {max-height: 24.375rem; overflow-y: scroll;}
.problem-list::-webkit-scrollbar{  width: 3px; height: 7px; border-radius: 2px;}
/*定义滚动条轨道 内阴影+圆角*/
.problem-list::-webkit-scrollbar-track{ background-color: #ccc;}
/*定义滑块 内阴影+圆角*/
.problem-list::-webkit-scrollbar-thumb{ background-color: #cc0f04; }
.problem-list ul{margin-left: 2%; width: 86.6%;}
.problem-list ul li{border-bottom: 1px solid #E6E6E6; padding: 1rem 0 1.3125rem;}
.problem-list dt strong{display: block; font-size: 1rem; color: #333; width：70%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.problem-list dt span{display: block; font-size: 0.875rem; color: #828282;}
.problem-list  dd{ font-size: 0.9375rem; line-height: 1.4375rem; color: #888; margin-top: 0.625rem; display: none;}


/*内页新闻列表页*/
.nynews-box{margin: 100px 0 0}
.nynews-list ul:after{content: ''; width: 30%;}
.nynews-list ul li{ box-shadow: 0px 0px 49px 0px rgba(8, 8, 8, 0.05); border-radius: 0.4375rem; width: 30%; margin-bottom: 4.125rem;}
.nynews-list ul li .pic{overflow: hidden; border-top-left-radius: 0.4375rem; border-top-right-radius: 0.4375rem;}
.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{padding: 1.9375rem 7% 3.75rem;}
.nynews-list ul li .info h3{ font-size: 1.3125rem; line-height: 1.75rem; color: #333; font-weight: bold; margin-bottom: 1.3125rem;}
.nynews-list ul li .info span{display: block; font-size: 0.9375rem; color: #919191; line-height: 1.25rem; margin-bottom: 1.25rem;}
.nynews-list ul li .info span>img{display: inline-block; vertical-align: middle; margin-right: 0.5625rem;}
.nynews-list ul li .info h4{font-size: 1rem; line-height: 1.5rem; color: #666;}
.nynews-list ul li:hover .info h3{color: #e7a300;}


/* 内页新闻详情页 */
.nynews-xq {display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 5rem; margin-top: 5rem}
.news-left{width: 68%;}
.news-xq{width: 100%; border-radius: 0.625rem;box-shadow: 0px 0px 40px 0px rgba(227, 226, 225, 0.42); margin-bottom: 6.0625rem; padding: 5.3125rem 6.3% 4.1875rem; box-sizing: border-box;}
.newsxq-title{border-bottom: 0.0625rem solid #ddd; padding-bottom: 2.8125rem; margin-bottom: 2.8125rem;}
.newsxq-title strong{display: block; font-size: 2rem; color: #333; margin-bottom: 0.3125rem;}
.newsxq-title span{display: block; font-size: 1rem; color: #777;}
.proxq-arrow{display: flex; justify-content: space-between; align-items: center;}
.proxq-arrow a{display: flex; align-items: center; }
.proxq-arrow i{display: block; display: flex;  align-items: center;  justify-content: center;  width: 3.125rem;  line-height: 2.875rem;  height: 3.125rem;  border-radius: 0.25rem;  border: 0.125rem solid #dbdbdb; transition:0.6s}
.proxq-arrow h5{display: block; font-size: 1.125rem; color: #1a1a1a;}
.proxq-arrow a:first-child i { transform: rotateY(180deg); margin-right: 1.25rem;}
.proxq-arrow a:last-child i {    margin-left: 1.25rem;}
.proxq-arrow a:hover i{background: #e7a300;border-color: #e7a300;}
.proxq-arrow a:hover i svg path{	fill: #ffffff;}
.proxq-arrow a:hover h5{color: #e7a300;}
.news-right{width: 26.68%; border-radius: 0.3125rem; position: sticky;top:120px;box-shadow: 0px 0px 30px 0px rgba(226,225,224,0.42); padding: 2.1875rem 2% 3.4375rem; box-sizing: border-box;}
.news-right:after{position: absolute; content: '';  width: 68%;height: 0.4375rem;background: linear-gradient(99deg,#d6222b 0%, #e47b20 100%);border-radius: 0.25rem;  bottom: -0.1875rem;left: 0; right: 0; margin: auto;}
.recom-news strong{display: block; font-size: 1.625rem; color: #333; margin-bottom: 2.1875rem;}
.recomnews-list ul li{margin-bottom: 1.875rem;}
.recomnews-list ul li a{display: flex; align-items: center; }
.recomnews-list ul li .pic{width: 44%; overflow: hidden; border-radius: 0.3125rem; margin-right: 5%;}
.recomnews-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;}
.recomnews-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;}
.recomnews-list ul li .info{width: 51%;}
.recomnews-list ul li em{display: block; font-size: 0.875rem; color: #999; margin-bottom: 0.4375rem;}
.recomnews-list ul li strong{ font-size: 1rem; line-height: 1.625rem; color: #333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.recomnews-list ul li:hover strong{color: #e7a300;}


.news-editbox img{
    display: block; max-width: 100%!important; height: auto!important;}

#webcase-num{
    display: none;}


/*2024.5.8*/
.news{background-size: cover}
.teams{padding: 5rem 0 0}
.team-pic img{
    display: block;}

.case{margin-top: 2rem}


/* 2024.10.16 SSL证书页面*/
.ssl{background: #f6f6f6; padding: 5.1875rem 0  7.75rem;}
.ssl-title{text-align: center; padding-bottom: 3.625rem;}
.ssl-title h3{display: block; font-size: 2.125rem; color: #000; margin-bottom: 0.9375rem;}
.ssl-title i{display: block; width: 5.6875rem;height: 0.1875rem;background: #009ae7; margin: 0 auto;}
.ssl-box{height: 27.1875rem;background: #ffffff; padding: 2.875rem  0 2.625rem; box-sizing: border-box;}
.ssl-box ul li {    position: relative;    width: 25%;    display: flex;    justify-content: center;}
.ssl-box ul li::after{position: absolute; content: ''; width: 0.0625rem; background: rgba(0,0,0,0.07); right: 0; top: 50%; transform: translateY(-50%); height: 12.9375rem;}
.ssl-box ul li strong{display: block; font-size: 1.5rem; color: #333; margin-bottom: 1.6875rem;}
.ssl-box ul li p{display: flex; font-size: 1rem; color: #333; align-items: center; margin-bottom: 1.125rem;}
.ssl-box ul li i{display: inline-block; width: 0.4375rem;height: 0.4375rem;background: #009ae7; border-radius: 50%; margin-right: 0.75rem;}
.ssl-box ul li span{display: block; font-size: 1.125rem; color: #333;}
.ssl-box ul li b{display: inline-block; font-size: 2.3125rem; line-height: 1.8125rem; color: #ff000c; font-family: Arial; margin: 0 0.1875rem;}
.ssl-box ul li em{transition: 0.6s; display: block; width: 7.5rem;line-height: 2.25rem;border: 1px solid #009ae7;border-radius: 1.125rem;  font-size: 0.875rem; color: #009AE7; text-align: center; margin-top: 2rem;}
.ssl-box ul li a:hover strong{color: #009ae7;}
.ssl-box ul li a:hover em{background: #009ae7; color: #fff;}

.compare{padding: 4.25rem 0 9.5625rem;}
.table-compare{width: 100%; text-align: center; border-collapse:collapse;}
.table-compare tr{height: 3.4375rem;}
.table-compare tr:nth-child(odd){background: rgba(187,210,222,0.12); }
.table-compare tr td{font-size: 1rem; color: #666;}
.table-compare tr td.money{font-weight: bold;}
.table-compare tr td a{display: block; width: 4.5625rem;line-height: 2rem;background: #009ae7;border-radius: 1rem; font-size: 1.0625rem; color: #fff; text-align: center; margin: 0 auto;}

.sslys-box{margin-bottom: 5.9375rem;}
.sslys-box ul li{height: 16.75rem;background: #f8f8f8;border-radius: 1.5625rem; text-align: center; width: 29.47%; margin-bottom: 1.875rem; padding:  2.4375rem 1.8% 0; box-sizing: border-box;}
.sslys-box ul li img{display: block; width: 5.625rem; margin: 0 auto 0.375rem;}
.sslys-box ul li strong{display: block; font-size: 1.5rem; color: #333; margin-bottom: 0.4375rem; }
.sslys-box ul li h4{font-size: 1rem; line-height: 1.875rem; color: rgba(0,0,0,0.8)}

.ssl-service{background: url(../images/ssl-service.jpg) no-repeat center; padding: 1rem 0 4.375rem;}
.flex-sbcw{display: flex;justify-content: space-between; align-items: center;  flex-wrap: wrap;}
.service-box .info{width: 49%; color: #fff;}
.service-box .info strong{display: block; font-size: 3.0625rem; margin-bottom: 0.875rem;}
.service-box .info h3{display: block; font-size: 1rem; margin-bottom: 4.4375rem;}
.service-box .info a{transition: 0.6s; display: block; width: 9.8125rem;line-height: 2.6875rem;background: #e7a300;border-radius: 7px; font-size: 0.875rem; font-size: 0.875rem; color: #fff; text-align: center;}
.service-box .info a:hover{background: #009ae7; }
.service-box .pic{width: 30.41%;}
.service-box .pic img{display: block; max-width: 100%;}


.document{padding: 4.3125rem 0 4.875rem; background: #f9f9f9; margin-bottom: 11.3125rem;}
.document-box{max-width: 72%; margin: 0 auto;}
.document-box dl{width: 47%; border-radius: 0.625rem; }
.document-box dl dt{height: 5.25rem; background: rgba(39,96,174,0.13); padding: 0 7%; border-radius:   0.625rem  0.625rem 0 0 ;}
.document-box dl dt strong{display: block; font-size: 1.5rem; color: #008fd9;}
.document-box dl dt a{display: block; font-size: 0.875rem; color: #666;}
.document-box dl dt a:hover{color: #008fd9;}
.document-box dl .text{padding: 1.875rem 7% 0; box-sizing: border-box; height: 17.6875rem; background: #fff; border-radius:  0 0  0.625rem  0.625rem;}
.document-box dl .text a{margin-bottom: 1.125rem;}
.document-box dl .text i{display: inline-block; width: 0.375rem; height: 0.375rem; border-radius: 50%; background: #0097e4; margin-right: 0.6875rem;}
.document-box dl .text em{font-size: 1rem; color: #666; width: 96%;}
.document-box dl .text a:hover em{color: #008fd9;}

.ssl-brand{margin-bottom: 6.875rem;}
.ssl-brand .container{max-width: 1429px;}
.ssl-list ul li{   width: 18%;   height: 9.375rem;  border: solid 1px #cccccc;  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-list ul li em{display: block; font-size: 1rem; color: #333;}

.ssl-list2 ul li{height: 8.0625rem;}
.ssl-list2 ul li .pic{height: 5.25rem;}
.ssl-list2 ul li em{color: #898989;}


.ny-banner{position: relative;}


.help-list{margin: 3rem 0;}
.help-list ul li{margin-bottom: 1rem;}
.help-list ul li a{border-bottom: 1px dashed #ccc; height: 2.5rem;}
.help-list ul li i{display: inline-block; width: 0.375rem; height: 0.375rem; border-radius: 50%; background: #0097e4; margin-right: 0.6875rem;}
.help-list ul li h3{font-size: 1rem; color: #666; width: 90%;}
.help-list ul li  em{ width: 90%;}
.help-list ul li a:hover em{color: #008fd9;}


.help-search {border: none; outline: none; border-bottom: 1px solid #5b5c5e; padding-bottom: 0.75rem; margin-top: 2rem;}
.help-search input{border: none; outline: none; background: transparent;}
.help-search img{width: 1.25rem; margin-right: 0.625rem;}

.index-ssl{margin-bottom: 5rem}


/*2024.11.7*/
.head-left{width: 77%;}
.head-tel{margin-right: 2rem}
.head-tel em{ font-size: 1rem; color: #fff;}
.head-tel em>img{margin-right: 0.5rem;  height: 0.9375rem;}