/* 通用 */
/* ------------------------八等分 开始*/
.col-xs-1-8,.col-sm-1-8,.col-md-1-8,.col-lg-1-8 {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
  }
   
  .col-xs-1-8 {
    width: 12.5%;
    float: left;
  }
   
  @media (min-width: 768px) {
    .col-sm-1-8 {
      width: 12.5%;
      float: left;
    }
  }
   
  @media (min-width: 992px) {
    .col-md-1-8 {
      width: 12.5%;
      float: left;
    }
  }
   
  @media (min-width: 1200px) {
    .col-lg-1-8 {
      width: 12.5%;
      float: left;
    }
  }
  /* ------------------------八等分 结束*/
  /* ------------------------五等分  开始 */
  .col-xs-1-5,.col-sm-1-5,.col-md-1-5,.col-lg-1-5 {
    min-height: 1px;
    padding-left: 0px;
    padding-right: 0px;
    position: relative;
  }
   
  .col-xs-1-5 {
    width: 20%;
    float: left;
  }
   
  @media (min-width: 768px) {
    .col-sm-1-5 {
      width: 20%;
      float: left;
    }
  }
   
  @media (min-width: 992px) {
    .col-md-1-5 {
      width: 20%;
      float: left;
    }
  }
   
  @media (min-width: 1200px) {
    .col-lg-1-5{
      width: 20%;
      float: left;
    }
  }
  /* ------------------------五等分  结束 */
  /* <!-- 五等分 模块 开始 --> */
  .card{
    border: 0 !important;
  }
  .card-m{
    margin: -50px 5px 5px;
    border-radius: 6px;
    background-color: #fff;
    cursor: pointer;
  }
  .card-m:hover{ 
    box-shadow: 3px 0px 15px #ccc !important;
  }
  .card-m:hover h4{
    color: #365297;
  }
  .card-m img{
    width: 20px;
    height: 20px;
    background: linear-gradient(150deg, #62a7dd 0%, #365297 100%);
    border-radius: 3px;
    margin: 17px 10px;
    transition: all 0.5s linear;
  }
  
  .card-m:hover img{
     transform:scale(1.4);
     transition-timing-function:ease-in-out;
  }
  @media (max-width: 992px) {
    .card-m{
        margin:10px 20px;
    }
    .card-m img{
        width: 20px;
        height: 20px;
    }
  }
  @media (max-width: 1200px) {
    .card h4{
        font-size: 16px !important;
    }
    .card-m img{
        width: 15px;
        height: 15px;
    }
    .card p{
        font-size: 10px !important;
    }
  }
  /* <!-- 五等分 模块 开始 --> */
  /* 背景+全图 */
  /* 标题 */
 .tit-2024 {
  width: 100%;
  text-align: center;
  letter-spacing: 4px;
  padding: 50px 0;
}

.tit-2024 h2 {
  font-weight: normal !important;
  font-size: 28px;
  color: #333333;
}

.tit-2024 span {
  color: #199fff;
  font-size: 34px;
}

.tit-2024 p {
  margin-top: 10px;
  color: #7f868e;
  font-size: 16px;
  letter-spacing: 1px;
}
/* 标题/ */
  .beijing-allimg{
    width: 100%;
    height: 560px;
    background: url(../../../front/public/image/cloud/ys-tzbg1.png) no-repeat center;
    overflow: hidden;
  }
  .beijing-allimg img{
    width: 1200px;
    display: block;
    margin:0px auto 0;
  }
  /* 背景+全图/ */

  /* 企业行业专属建站 */
.gateway-contentbox{
}

.items-apply-block {
  height: 400px;
  background-color: #f5f5f5;
  width: 25%;
}

.items-apply .item {
  flex: 1;
  text-align: center;
  position: relative;
  height: 400px;
  background: no-repeat center;
  background-size: 100% auto;
}

.items-apply .item a {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.items-apply .item:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.6);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.items-apply .item:hover:before {
  background-color: rgba(32, 176, 159, 0.9);
}

.items-apply .item-1 {
  background-image: url(../../../front/public/image/cloud/ys-zsjz1.png);
}

.items-apply .item-2 {
  background-image: url(../../../front/public/image/cloud/ys-zsjz1.png);
}

.items-apply .item-3 {
  background-image: url(../../../front/public/image/cloud/ys-zsjz1.png);
}

.items-apply .item-4 {
  background-image: url(../../../front/public/image/cloud/ys-zsjz1.png);
}

.items-apply .item-5 {
  background-image: url(../../../front/public/image/cloud/ys-zsjz1.png);
}

.items-apply .item-title {
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  padding: 20px 0;
  position: relative;
}

.items-apply .item-title:before {
  content: '';
  position: relative;
  display: block;
  width: 20px;
  border-bottom: 2px solid #fff;
  margin: 0 auto 20px;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.items-apply .item:hover .item-title:before {
  opacity: 0;
  margin-bottom: 0;
}

.items-apply .item .img-block {
  position: relative;
  margin-top: 120px;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
 
}
.items-apply .item .img-block img{
   width: 60px;
  height: 60px;
}
.items-apply .item:hover .img-block {
  margin-top: 80px;
  
}

.items-apply .item-p-block {
  position: relative;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  margin-top: 10px;
}

.items-apply .item:hover .item-p-block {
  display: block;
  opacity: 1;
  margin-top: 0;
}

.items-apply .item-p {
  color: #fff;
  font-size: 16px;
  margin-bottom: 5px;
}

.menhu .items-contact {
  height: 300px;
  background: url(../../../front/public/image/cloud/ys-contact-bg.jpg) no-repeat center;
}

/* 企业行业专属建站/ */
/* 8大服务 */
/* 8大服务保障优势 */
.menhu .items-eight-advantage {
  padding-bottom: 100px;
}

.menhu .items-eight-advantage .items-block {
  justify-content: space-between;
  flex-wrap: wrap;
  position: relative;
  counter-reset: n1;
}

.menhu .items-eight-advantage .items-block:before {
  content: '';
  position: absolute;
  width: 1280px;
  height: 670px;
  /* background: url(../../../front/public/image/cloud/lines.png) no-repeat center; */
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.menhu .items-eight-advantage .item {
  width: 278px;
  height: 282px;
  counter-increment: n1;
  position: relative;
}

.menhu .items-eight-advantage .item:before {
  content: '0'counter(n1);
  position: absolute;
  font-size: 32px;
  color: #999;
  left: 10px;
  top: 10px;
  font-family: Arial;
}

.menhu .items-eight-advantage .item:after {
  content: '';
  position: absolute;
  width: 117px;
  height: 3px;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}

.menhu .items-eight-advantage .item:nth-child(1):after {
  background-color: #ea7556;
  box-shadow: 0 1px 5px 0 rgba(234, 117, 86, 0.67);
}

.menhu .items-eight-advantage .item:nth-child(2):after {
  background-color: #f8ba41;
  box-shadow: 0 1px 5px 0 rgba(248, 186, 65, 0.67);
}

.menhu .items-eight-advantage .item:nth-child(3):after {
  background-color: #abd370;
  box-shadow: 0 1px 5px 0 rgba(171, 211, 112, 0.67);
}

.menhu .items-eight-advantage .item:nth-child(4):after {
  background-color: #70cdaf;
  box-shadow: 0 1px 5px 0 rgba(112, 205, 175, 0.67);
}

.menhu .items-eight-advantage .item:nth-child(5):after {
  background-color: #59dfdd;
  box-shadow: 0 1px 5px 0 rgba(89, 223, 221, 0.67);
}

.menhu .items-eight-advantage .item:nth-child(6):after {
  background-color: #6dbde6;
  box-shadow: 0 1px 5px 0 rgba(109, 189, 230, 0.67);
}

.menhu .items-eight-advantage .item:nth-child(7):after {
  background-color: #6b9ae8;
  box-shadow: 0 1px 5px 0 rgba(107, 154, 232, 0.67);
}

.menhu .items-eight-advantage .item:nth-child(8):after {
  background-color: #a083e0;
  box-shadow: 0 1px 5px 0 rgba(160, 131, 224, 0.67);
}

.menhu .items-eight-advantage .item:not(:nth-child(-n + 4)) {
  margin-top: 26px;
}

.menhu .items-eight-advantage .img-block {
  width: 63px;
  height: 63px;
}

.menhu .items-eight-advantage .img-block img {
  width: 100%;
  height: 100%;
  object-fit: none;
}

.menhu .items-eight-advantage .item-title {
  font-size: 24px;
  margin-top: 30px;
  position: relative;
 text-align: center;
}

.menhu .items-eight-advantage .item-title .tag {
  font-size: 14px;
  color: #666;
  white-space: nowrap;
  display: inline-block;
  width: 0;
}

.menhu .items-eight-advantage ul {
  margin-top: 15px;
  max-width: 205px;
}

.menhu .items-eight-advantage li {
  font-size: 14px;
  color: #666;
  line-height: 1.8em;
  position: relative;
}

.menhu .items-eight-advantage li:before {
  content: '';
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAANCAYAAACZ3F9/AAAA/ElEQVQokZXRsS5EQRQA0IOl8BOvfsVrFAqdKAiJSNAoFBIF/0BWNCIKlU9Q0SDxAxIfMMUrVBPN0lFISIhMMjbP2mBvMpNJ5p7M3HuH2u22QaKuilFMtQZEEzhFZ3gAtI1bPGD+zxfrqkg5J9hEwGIZ4suvsK6KcZxjDo9YKEN8SnetuirGcIzrMsTLHnSFabxjuQzx/us+vbiErbTqqtjHHkZwkVGK3TLEm+ZvEjzLnVrDDibxjJmck8BBbxnDZYgfWM84xSxW8/kVGznnO0xbGWKqIeFujTkOyxDv+jWuO8eMVxq40++LP2DGbw18lOb1L9jAqdNpRP0Dn8TkTUAnbOoqAAAAAElFTkSuQmCC) no-repeat center;
  position: absolute;
  width: 14px;
  height: 1.8em;
  left: 0;
  top: 0;
  transform: translateX(-24px);
}

.shipin_title {
  font-size: 18px;
  color: #fff;
  margin-top: 50px;
  position: relative;
}

.shipin_title:before {
  content: '';
  position: absolute;
  width: 40px;
  height: 2px;
  background: #00b38a;
  left: 0px;
  top: 30px;
}

.kuozhan_title {
  font-size: 18px;
  color: #fff;
  margin-top: 60px;
  position: relative;
  margin-left: 20px;
}

.kuozhan_title:before {
  content: '';
  position: absolute;
  width: 40px;
  height: 2px;
  background: #00b38a;
  left: 0px;
  top: 30px;
}

.function-intro-icos {
  padding: 35px 0 0;
}

.function-intro-icos img {
  margin: 0 62px 0 0;
  vertical-align: middle;
}

.function-intro-picnews {
  padding: 1px 0 0;
  margin: -18px 0 0;
}

/* 可视化管理 */
.function-intro-picnews>div {
  margin: 33px 0 0;
}

.function-intro-picnews img {
  float: left;
  margin: 6px 18px 0 0;
}

/* 8大服务/ */