.banner {
  position: relative;
  overflow: hidden;
  width: 960px;
  margin: 0 auto;
}
.main_wrap {
  width: 1200px;
  margin: 0 auto;
}
.bannerTitleDownload {
  font-size: 30px;
  font-weight: 500;
  line-height: 30px;
  color: #333333;
  position: absolute;
  top: 102px;
  left: 140px;
}
.bannerTitleDownloadBtn {
  width: 174px;
  height: 34px;
  background: #166DE7;
  border-radius: 17px;
  color: #fff;
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
  color: #FFFFFF;
  justify-content: center;
  position: absolute;
  top: 160px;
  left: 158px;
}
.bannerTitleDownloadBtn:active,.bannerTitleDownloadBtn:hover {
  text-decoration: none;
  color: #fff;
}
.bannerTitle2 {
  position: absolute;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  right: 116px;
  top: 147px;
}
.bannerDownload {
  position: absolute;
  top: 193px;
  right: 168px;
  font-size: 14px;
  font-weight: 500;
  line-height: 19px;
  color: #2F2F2F;
  display: flex;
  width: 144px;
  height: 34px;
  background: #FFEB00;
  border-radius: 17px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.wdgjIntro {
  padding: 0 20px 35px;
}


.cloud_title {
  position: relative;
  margin-top: 40px;
  font-size: 30px;
  line-height: 30px;
  font-weight: bold;
  color: #333333;
  text-align: center;
}
.cloud_title::after {
  content: '';
  width: 174px;
  height: 2px;
  background: #317EE9;
  position: absolute;
  bottom: -9px;
  left: 50%;
  transform: translateX(-50%);
}
.cloud_Product {
  width: 960px;
  margin: 79px auto 30px;
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 0 36px;
}
.yunDuanProduct {
  display: flex;
  /* border: 1px solid #C9DFFF; */
  border-radius: 10px;
  background: rgba(20, 126, 239, 0.01);

}
.downloadItem {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  color: #333333;
}
.leftTitle {
  /* border-right: 1px solid #C9DFFF; */
  background-color: #F1F7FF;
  width: 50px;
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  color: #666666;
  /* padding: 0 18px; */
  writing-mode:vertical-rl;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px 0px 0px 10px;
  border: 1px solid #C9DFFF;
  letter-spacing: 3px;
}
.rightProduct {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: auto;
  padding: 32px 8px;
  border: 1px dashed #C9DFFF;
  border-left:none;
  border-radius: 0px 10px 10px 0px;
  background-color: #F8FBFF;
}
.circleProduct {
  width: 90px;
  height: 90px;
  background: #fff;
  border: 1px solid #BED9FF;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 5px;
}
.circleProduct>img {
  cursor: pointer;
}
.downloadCircle {
  display: none;
}
.downloadCircle a{
  width: 67px;
  height: 67px;
  background: #166DE7;
  border: 1px solid #166DE7;
  border-radius: 50%;
  font-size: 12px;
  font-weight: 400;
  color: #FFFFFF;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.downloadCircleSpan {
  color: #FFFFFF;
}
.wdgjPart {
  background: #fff;
  border: 1px solid #BED9FF;
  border-radius: 10px;
  display: flex;
  padding: 6px 0px 6px 14px;
  align-items: center;
  height: 58px;
  flex: 1;
  background-color: #fff;
}
.wdgjPart>img {
  width: 47px;
  height: 47px;
  /* float: left */
}
.wdgjLeftPartLine {
  display: flex;
  align-items: center;
  margin-left: 10px;
  font-size: 14px;
  font-weight: 400;
  line-height: 29px;
  color: #666666;
}
.wdgjLeftPartLine img {
  cursor: pointer;
  
}
.wdgjLeftPartLine a {
  display: flex;
  align-items: center;
  position: relative;
}
.wdgjLeftPartLine a img{
  height: 18px;
  width: 18px;
}
.wdgjLeftPartLineTitle {
  margin-right: 18px;

}
.wdgjLeftPartLineTips {
  font-size: 12px;
  line-height: 20px;
  color: #166DE7;
}
.historyVersion {
  position: relative;
  font-size: 30px;
  font-weight: bold;
  line-height: 30px;
  color: #333333;
  text-align: center;
  padding-top: 60px;
  margin-bottom: 37px;
}
.historyVersion::after {
  content: '';
  width: 86px;
  height: 2px;
  background: #317EE9;
  position: absolute;
  bottom: -9px;
  left: 50%;
  transform: translateX(-50%);
}

.versionTable {
  padding-bottom: 35px;
  outline: none;
}
.vTable {
  border-collapse:collapse;
  /* border: 1px solid #E0EAF3; */
  border-left: 1px solid #E0EAF3;
  border-bottom: 1px solid #E0EAF3;
  width: 100%;
  background-color: #fff;
}
.vTable td {
  border-right: 1px solid #E0EAF3;
  border-top: 1px solid #E0EAF3;
}
.firstCol {
  width: 275px;
  text-align: center;

}
.secondCol {
  width: 567px;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  color: #333333;
  opacity: 1;
  padding: 10px 0;

}
.thirdCol {
  width: 358px;
  text-align: center;
}
.versionName {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #333333;
  margin-top: 10px;
}


/*下载二维码*/
.PDAQrcode,.androidQrcode,.iosQrcode {
  display: none;
  position: absolute;
  width: 100px!important;
  height: 100px!important;
  

}
.PDAQrcode {
  top: 20px;
  left: -9px;
}
.androidQrcode {
  top: 20px;
  left: 28px;
}
.iosQrcode {
  top: 20px;
  left: -2px;
}

/* 产品banner */
.productBanner * {
  box-sizing: border-box;
}
.productBanner {
  position: relative;
  width: 100%;
  height: 423px;
  margin-top: 92px;
  position: relative;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url('../img/productSeries/upgrade-express-banner@2x.png');
  min-width: 1260px;
}
.productBanner .left_center {
  width: 960px;
  padding-top: 173px;
  margin-left: 391px;
  text-align: left;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.left_center h3 {
  font-size: 40px;
  color: #333333;
  font-weight: 800;
  margin-bottom: 25px;
}
.left_center p {
    font-weight: 400;
    font-size: 15px;
    color: #333333;
}
.left_center .bannerdownload_btn {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 12px;
  width: 125px;
  height: 30px;
  background: #186CEA;
  color: #FFFFFF;
  font-size: 14px;
  border-radius: 4px;
}

.left_center .bannerdownload_text {
  margin-top: 20px;
  width: 215px;
  height: 58px;
  font-size: 14px;
  line-height: 25px;
  color: #86ADD8;
  opacity: 1;
}

.left_center .link-box a {
    display: inline-block;
    margin-top: 22px;
    margin-right: 24px;
    width: 56px;
    height: 14px;
    font-size: 14px;
    text-decoration: underline;
    line-height: 29px;
    color: #86ADD8;
    opacity: 1;
}

.main-contain {
     display: flex;
     width: 1200px;
     margin: 0 auto;
     padding-top: 32px;
}
.mid-left {
     width: 840px;
     padding-bottom: 30px;
}
.mid-left li {
  cursor: pointer;
    /* position: relative; */
    width: 840px;
    padding: 20px 0;
    padding-bottom: 14px;
    box-sizing: border-box;
    border-bottom: 1px solid #F1F1F1;
    list-style-type: none; 
    padding-left: 14px; 
    position: relative;
    font-size: 16px;
    color: #333333;
  }
   
  .mid-left li::before {
    content: "►"; /* 使用 unicode 箭头符号 */
    font-size: 8px;
    position: absolute; /* 设置绝对定位，以便它位于列表项的左侧 */
    left: 0; /* 设置左边距为0，确保箭头位于列表项内容的左侧 */
  }
  .time {
     float: right;
     font-size: 16px;
     color: #888888;
  }
  .new-logo {
    display: inline-block;
    width: 39px;
    height: 16px;
    position: absolute;
    right: -42px;
    bottom: 11px;
  }
  .li-text {
     display: inline-block;
     max-width: 685px;
     overflow: hidden; /* 确保超出容器的文本会被裁剪 */
     white-space: nowrap; /* 确保文本在一行内显示，不换行 */
     text-overflow: ellipsis; /* 超出部分显示省略号 */
  }
  .right-solution {
      margin-left: 21px;
   }
   .right-solution h3{
     font-size: 18px;
     color: #333333;
     text-align: left;
   }
   .allline {
      display: flex;
      margin-top: 14px;
      margin-bottom: 18px;
   }
   .lines {
     width: 180px;
     height: 2px;
     background: #186CEA;
   }
   .right-solution { 
      margin-top: 16px;
   }
   .right-pic {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      width: 340px;
   }
   .right-item {
     display: flex;
     align-items: center;
     width: 100%;
     height: 96px;
     cursor: pointer;
     background: #FFFFFF;
     box-sizing: border-box;
     margin-bottom: 10px;
     padding-left: 134px;
     font-weight: 400;
     font-size: 18px;
     color: #FFFFFF;
   }
   .right-item:hover {
     color: #FFFFFF;
   }
   .right-item span {
     font-weight: 400;
     font-size: 15px;
     color: #333333;
   }
   .gray-box {
     display: flex;
     padding-top: 25px;
     box-sizing: border-box;
     width: 340px;
     height: 128px;
     margin-top: 6px;
     background: #FAFAFA;
     margin-bottom: 30px;
   }
   .gray-box img {
      width: 61px;
      height: 61px;
      margin-left: 36px;
   }
   .link-box {
      margin-left: 30px;
   }
   .link-box .text1 {
     font-weight: bold;
     font-size: 16px;
     color: #333333;
   }
   .link-box h1 {
     font-weight: 400;
     font-size: 16px;
     color: #333333;
     margin-top: 2px;
     margin-bottom: 2px;
   }
   .link-box p {
     font-size: 16px;
     color: #5D5D5D;
   }
   .blue {
      font-size: 16px;
      font-weight: bold;
      color: #1C62CE;
      line-height: normal;
   }
   .pic1 {
     background-position: center top;
     background-repeat: no-repeat;
     background-size: 100% 100%;
     background-image: url('../img/productSeries/news-title-bg-ERP@2x.png');
   }
   .pic2 {
     padding-left: 116px !important;
     background-position: center top;
     background-repeat: no-repeat;
     background-size: 100% 100%;
     background-image: url('../img/productSeries/news-title-bg-O2O@2x.png');
   }
   .pic3 {
     padding-left: 133px !important;
     background-position: center top;
     background-repeat: no-repeat;
     background-size: 100% 100%;
     background-image: url('../img/productSeries/news-title-bg-CBEC@2x.png');
   }
   .pic4 {
     padding-left: 123px !important;
     background-position: center top;
     background-repeat: no-repeat;
     background-size: 100% 100%;
     background-image: url('../img/productSeries/news-title-bg-WMS@2x.png');
   }
   .tabbar {
       display: flex;
       align-items: center;
       height: 52px;
       background: #F2F4F5;
       padding-left: 350px;
       box-sizing: border-box;
   }
   .tabbar span {
       cursor: pointer;
       font-size: 16px;
       color: #333333;
       margin-right: 48px;
   }
   .tabbar span:hover {
        color: #186CEA;
   }
  .detail-box {
     min-height: 600px;
      padding-right: 40px;
      padding-top:40px;
      box-sizing: border-box;
      padding-bottom: 30px;
  }
  .tabs {
      font-size: 16px;
      color: #333333;
  }
  a {
      color: #333333;
  }
  .detail-title {
      font-weight: 400;
      font-size: 30px;
      color: #333333;
      text-align: center;
      line-height: 1.3;
  }
  .detail-time {
      margin-top: 16px;
      margin-bottom: 20px;
      font-size: 14px;
      color: #888888;
      text-align: center;
  }
  .detail-content {
      word-wrap: break-word;
      word-break: normal;
  }
  .detail-content img {
     max-width: 800px !important;
     margin: 5px 0;
  }
  .detail-content video {
    max-width: 800px !important;
    margin: 5px 0;
 }
 .banner {
  position: relative;
  overflow: hidden;
  width: 960px;
  margin: 0 auto;
}
a {
   color: #333333;
}
.main_wrap {
  width: 1200px;
  margin: 0 auto;
}
.bannerTitleDownload {
  font-size: 30px;
  font-weight: 500;
  line-height: 30px;
  color: #333333;
  position: absolute;
  top: 102px;
  left: 140px;
}
.bannerTitleDownloadBtn {
  width: 174px;
  height: 34px;
  background: #166DE7;
  border-radius: 17px;
  color: #fff;
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
  color: #FFFFFF;
  justify-content: center;
  position: absolute;
  top: 160px;
  left: 158px;
}
.bannerTitleDownloadBtn:active,.bannerTitleDownloadBtn:hover {
  text-decoration: none;
  color: #fff;
}
.bannerTitle2 {
  position: absolute;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  right: 116px;
  top: 147px;
}
.bannerDownload {
  position: absolute;
  top: 193px;
  right: 168px;
  font-size: 14px;
  font-weight: 500;
  line-height: 19px;
  color: #2F2F2F;
  display: flex;
  width: 144px;
  height: 34px;
  background: #FFEB00;
  border-radius: 17px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.wdgjIntro {
  padding: 0 20px 35px;
}


.cloud_title {
  position: relative;
  margin-top: 40px;
  font-size: 30px;
  line-height: 30px;
  font-weight: bold;
  color: #333333;
  text-align: center;
}
.cloud_title::after {
  content: '';
  width: 174px;
  height: 2px;
  background: #317EE9;
  position: absolute;
  bottom: -9px;
  left: 50%;
  transform: translateX(-50%);
}
.cloud_Product {
  width: 960px;
  margin: 79px auto 30px;
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 0 36px;
}
.yunDuanProduct {
  display: flex;
  /* border: 1px solid #C9DFFF; */
  border-radius: 10px;
  background: rgba(20, 126, 239, 0.01);

}
.downloadItem {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  color: #333333;
}
.leftTitle {
  /* border-right: 1px solid #C9DFFF; */
  background-color: #F1F7FF;
  width: 50px;
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  color: #666666;
  /* padding: 0 18px; */
  writing-mode:vertical-rl;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px 0px 0px 10px;
  border: 1px solid #C9DFFF;
  letter-spacing: 3px;
}
.rightProduct {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: auto;
  padding: 32px 8px;
  border: 1px dashed #C9DFFF;
  border-left:none;
  border-radius: 0px 10px 10px 0px;
  background-color: #F8FBFF;
}
.circleProduct {
  width: 90px;
  height: 90px;
  background: #fff;
  border: 1px solid #BED9FF;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 5px;
}
.circleProduct>img {
  cursor: pointer;
}
.downloadCircle {
  display: none;
}
.downloadCircle a{
  width: 67px;
  height: 67px;
  background: #166DE7;
  border: 1px solid #166DE7;
  border-radius: 50%;
  font-size: 12px;
  font-weight: 400;
  color: #FFFFFF;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.downloadCircleSpan {
  color: #FFFFFF;
}
.wdgjPart {
  background: #fff;
  border: 1px solid #BED9FF;
  border-radius: 10px;
  display: flex;
  padding: 6px 0px 6px 14px;
  align-items: center;
  height: 58px;
  flex: 1;
  background-color: #fff;
}
.wdgjPart>img {
  width: 47px;
  height: 47px;
  /* float: left */
}
.wdgjLeftPartLine {
  display: flex;
  align-items: center;
  margin-left: 10px;
  font-size: 14px;
  font-weight: 400;
  line-height: 29px;
  color: #666666;
}
.wdgjLeftPartLine img {
  cursor: pointer;
  
}
.wdgjLeftPartLine a {
  display: flex;
  align-items: center;
  position: relative;
}
.wdgjLeftPartLine a img{
  height: 18px;
  width: 18px;
}
.wdgjLeftPartLineTitle {
  margin-right: 18px;

}
.wdgjLeftPartLineTips {
  font-size: 12px;
  line-height: 20px;
  color: #166DE7;
}
.historyVersion {
  position: relative;
  font-size: 30px;
  font-weight: bold;
  line-height: 30px;
  color: #333333;
  text-align: center;
  padding-top: 60px;
  margin-bottom: 37px;
}
.historyVersion::after {
  content: '';
  width: 86px;
  height: 2px;
  background: #317EE9;
  position: absolute;
  bottom: -9px;
  left: 50%;
  transform: translateX(-50%);
}

.versionTable {
  padding-bottom: 35px;
  outline: none;
}
.vTable {
  border-collapse:collapse;
  /* border: 1px solid #E0EAF3; */
  border-left: 1px solid #E0EAF3;
  border-bottom: 1px solid #E0EAF3;
  width: 100%;
  background-color: #fff;
}
.vTable td {
  border-right: 1px solid #E0EAF3;
  border-top: 1px solid #E0EAF3;
}
.firstCol {
  width: 275px;
  text-align: center;

}
.secondCol {
  width: 567px;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  color: #333333;
  opacity: 1;
  padding: 10px 0;

}
.thirdCol {
  width: 358px;
  text-align: center;
}
.versionName {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #333333;
  margin-top: 10px;
}


/*下载二维码*/
.PDAQrcode,.androidQrcode,.iosQrcode {
  display: none;
  position: absolute;
  width: 100px!important;
  height: 100px!important;
  

}
.PDAQrcode {
  top: 20px;
  left: -9px;
}
.androidQrcode {
  top: 20px;
  left: 28px;
}
.iosQrcode {
  top: 20px;
  left: -2px;
}

/* 产品banner */
.productBanner * {
  box-sizing: border-box;
}
.productBanner {
  position: relative;
  width: 100%;
  height: 423px;
  position: relative;
  margin-top: 92px;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url('../img/productSeries/company-dynamics@2x.jpg');
  min-width: 1260px;
}
.productBanner .left_center {
  width: 960px;
  padding-top: 173px;
  margin-left: 391px;
  text-align: left;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.left_center h3 {
  font-size: 40px;
  color: #333333;
  font-weight: 800;
  margin-bottom: 25px;
}
.left_center p {
    font-weight: 400;
    font-size: 15px;
    color: #333333;
}
.left_center .bannerdownload_btn {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 12px;
  width: 125px;
  height: 30px;
  background: #186CEA;
  color: #FFFFFF;
  font-size: 14px;
  border-radius: 4px;
}

.left_center .bannerdownload_text {
  margin-top: 20px;
  width: 215px;
  height: 58px;
  font-size: 14px;
  line-height: 25px;
  color: #86ADD8;
  opacity: 1;
}

.left_center .link-box a {
    display: inline-block;
    margin-top: 22px;
    margin-right: 24px;
    width: 56px;
    height: 14px;
    font-size: 14px;
    text-decoration: underline;
    line-height: 29px;
    color: #86ADD8;
    opacity: 1;
}

.main-contain {
     display: flex;
     width: 1200px;
     margin: 0 auto;
     padding-top: 32px;
}
.mid-left {
     width: 840px;
     padding-bottom: 30px;
}
.mid-left li {
  cursor: pointer;
    /* position: relative; */
    width: 840px;
    padding: 20px 0;
    padding-bottom: 14px;
    box-sizing: border-box;
    border-bottom: 1px solid #F1F1F1;
    list-style-type: none; 
    padding-left: 14px; 
    position: relative;
    font-size: 16px;
    color: #333333;
  }
   
  .mid-left li::before {
    content: "•"; /* 使用 unicode 箭头符号 */
    width: 6px;
    height: 6px;
    border-radius: 3px;
    color: #186CEA;
    margin-bottom: -5px;
    position: absolute; /* 设置绝对定位，以便它位于列表项的左侧 */
    left: 0; /* 设置左边距为0，确保箭头位于列表项内容的左侧 */
    top: 19px;
  }
  .time {
     float: right;
     font-size: 16px;
     color: #888888;
  }
  .new-logo {
    display: inline-block;
    width: 39px;
    height: 16px;
    position: absolute;
    right: -42px;
    bottom: 11px;
  }
  .li-text {
     display: inline-block;
     max-width: 685px;
     overflow: hidden; /* 确保超出容器的文本会被裁剪 */
     white-space: nowrap; /* 确保文本在一行内显示，不换行 */
     text-overflow: ellipsis; /* 超出部分显示省略号 */
  }
  .right-solution {
     margin-left: 21px;
  }
  .right-solution h3{
    font-size: 18px;
    color: #333333;
    text-align: left;
  }
  .allline {
     display: flex;
     margin-top: 14px;
     margin-bottom: 18px;
  }
  .lines {
    width: 180px;
    height: 2px;
    background: #186CEA;
  }
  .right-solution { 
     margin-top: 69px;
  }
  .right-pic {
     display: flex;
     justify-content: space-between;
     flex-wrap: wrap;
     width: 340px;
  }
  .right-item {
    display: flex;
    align-items: center;
    width: 100%;
    height: 96px;
    cursor: pointer;
    background: #FFFFFF;
    box-sizing: border-box;
    margin-bottom: 10px;
    padding-left: 134px;
    font-weight: 400;
    font-size: 18px;
    color: #FFFFFF;
  }
  .right-item:hover {
    color: #FFFFFF;
  }
  .right-item span {
    font-weight: 400;
    font-size: 15px;
    color: #333333;
  }
  .gray-box {
    display: flex;
    padding-top: 25px;
    box-sizing: border-box;
    width: 340px;
    height: 128px;
    margin-top: 6px;
    background: #FAFAFA;
    margin-bottom: 30px;
  }
  .gray-box img {
     width: 61px;
     height: 61px;
     margin-left: 36px;
  }
  .link-box {
     margin-left: 30px;
  }
  .link-box .text1 {
    font-weight: bold;
    font-size: 16px;
    color: #333333;
  }
  .link-box h1 {
    font-weight: 400;
    font-size: 16px;
    color: #333333;
    margin-top: 2px;
    margin-bottom: 2px;
  }
  .link-box p {
    font-size: 16px;
    color: #5D5D5D;
  }
  .blue {
     font-size: 16px;
     font-weight: bold;
     color: #1C62CE;
     line-height: normal;
  }
  .pic1 {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url('../img/productSeries/news-title-bg-ERP@2x.png');
  }
  .pic2 {
    padding-left: 116px !important;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url('../img/productSeries/news-title-bg-O2O@2x.png');
  }
  .pic3 {
    padding-left: 133px !important;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url('../img/productSeries/news-title-bg-CBEC@2x.png');
  }
  .pic4 {
    padding-left: 123px !important;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url('../img/productSeries/news-title-bg-WMS@2x.png');
  }
  .tabbar {
      display: flex;
      align-items: center;
      height: 52px;
      background: #F2F4F5;
      padding-left: 360px;
      box-sizing: border-box;
  }
  .tabbar span {
      cursor: pointer;
      font-size: 16px;
      color: #333333;
      margin-right: 48px;
  }
  .tabbar span:hover {
       color: #186CEA;
  }
  .titleLine {
    width: 800px;
    height: 0px;
    margin-bottom: 30px;
    border-bottom: 1px solid #EEEEEE;
  }
  .fllowus {
    display: flex;
    align-items: center;
    margin-bottom: 35px;
}
.fllowus-mid {
    display: flex;
    position: relative;
    align-items: center;
    padding: 0 70px;
}
.fllowus-mid span {
    color: #888;
    font-size: 14px;
}
#weixinPic {
    width: 20px;
    cursor: pointer;
}
.fllowus-line {
    flex: 1;
    height: 1px;
    background-color: #EAEAEA;   
}
.box-public-info img {
  width: 106px;
  height: 106px;
}
.box-public-info {
  position: absolute;
  opacity: 0;
  display: none;
  width: 180px;
  height: 198px;
  right: -64px;
  top: 44px;
  transition: all 0.15s linear;
  z-index: 1;
}