@charset "UTF-8";
#home .activity {
  width: 100%;
  margin: 0 auto;
  background-position: center;
  max-width: 1920px;
  background-size: cover !important;
}
@media (min-width: 1921px) and (max-width: 2560px) {
  #home .activity {
    max-width: 2304px;
  }
}
@media (min-width: 2561px) {
  #home .activity {
    max-width: 3840px;
  }
}

#home .activity a {
  display: block;
  width: 100%;
  height: 100%;
}

#home .main-part {
  width: 100%;
}

#home .main-part1 {
  background: url("../../img/version2025/home_gradient1.png") no-repeat center center;
  background-size: cover;
  padding: 110px 0 137px;
}
@media (min-width: 1921px) and (max-width: 2560px) {
  #home .main-part1 {
    padding: 132px 0 164px;
  }
}
@media (min-width: 2561px) {
  #home .main-part1 {
    padding: 220px 0 274px;
  }
}

#home .caddraw {
  background: url("../../img/version2025/home_gradient2.png") no-repeat center center;
  background-size: cover;
}

#home .main-part1 .main-title {
  font-size: 0;
  font-weight: 700;
  color: #0F0F0F;
  text-align: center;
}

#home .main-part1 .gradient-font {
  color: #006FFF;
  /* 低版本浏览器的默认颜色 */
  background: linear-gradient(90deg, #006FFF 8.65%, #05F 94.71%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

#home .main-part1 .main-title p {
  display: inline-block;
  line-height: 1.5;
  vertical-align: top;
  font-size: 58px;
}
@media (min-width: 1921px) and (max-width: 2560px) {
  #home .main-part1 .main-title p {
    font-size: 70px;
  }
}
@media (min-width: 2561px) {
  #home .main-part1 .main-title p {
    font-size: 116px;
  }
}

#home .cad_logo {
  margin-right: 20px;
  margin-top: 9px;
}
@media (max-width: 1920px) {
  #home .cad_logo {
    background-image: url("../../img/version2025/cadsee_logo.png?v=2");
    background-size: 69px 69px;
    background-repeat: no-repeat;
    width: 69px;
    height: 69px;
  }
}
@media (min-width: 1921px) and (max-width: 2560px) {
  #home .cad_logo {
    background-image: url("../../img/version2025/cadsee_logo-xl.png?v=2");
    background-size: 83px 83px;
    background-repeat: no-repeat;
    width: 83px;
    height: 83px;
  }
}
@media (min-width: 2561px) {
  #home .cad_logo {
    background-image: url("../../img/version2025/cadsee_logo-mx.png?v=2");
    background-size: 137px 137px;
    background-repeat: no-repeat;
    width: 137px;
    height: 137px;
  }
}
@media (min-width: 1921px) and (max-width: 2560px) {
  #home .cad_logo {
    margin-right: 24px;
    margin-top: 11px;
  }
}
@media (min-width: 2561px) {
  #home .cad_logo {
    margin-right: 40px;
    margin-top: 18px;
  }
}
@media (max-width: 1920px) {
  #home .cad_logo.caddraw {
    background-image: url("../../img/version2025/caddraw_logo.png?v=2");
    background-size: 69px 69px;
    background-repeat: no-repeat;
    width: 69px;
    height: 69px;
  }
}
@media (min-width: 1921px) and (max-width: 2560px) {
  #home .cad_logo.caddraw {
    background-image: url("../../img/version2025/caddraw_logo-xl.png?v=2");
    background-size: 83px 83px;
    background-repeat: no-repeat;
    width: 83px;
    height: 83px;
  }
}
@media (min-width: 2561px) {
  #home .cad_logo.caddraw {
    background-image: url("../../img/version2025/caddraw_logo-mx.png?v=2");
    background-size: 137px 137px;
    background-repeat: no-repeat;
    width: 137px;
    height: 137px;
  }
}

#home .main-part1 .main-list {
  display: flex;
  align-items: center;
  margin: 51px 0 36px;
}
@media (min-width: 1921px) and (max-width: 2560px) {
  #home .main-part1 .main-list {
    margin: 61px 0 43px;
  }
}
@media (min-width: 2561px) {
  #home .main-part1 .main-list {
    margin: 102px 0 72px;
  }
}

#home .main-part1.cadsee .main-list {
  justify-content: space-between;
}
#home .main-part1.cadsee .main-list li {
  margin-right: 0;
}

#home .main-part1 .main-list li {
  position: relative;
  border-radius: 50%;
  line-height: 1.5;
  text-align: center;
  color: #3C3C3F;
  background-color: rgba(255, 255, 255, 0.8);
  overflow: hidden;
  cursor: pointer;
  transition: transform 0.1s ease-in-out;
  user-select: none;
  width: 150px;
  height: 150px;
  margin-right: 36px;
  font-size: 16px;
  box-shadow: 0px 10px 20px 0px rgba(0, 64, 119, 0.1);
}
@media (min-width: 1921px) and (max-width: 2560px) {
  #home .main-part1 .main-list li {
    width: 180px;
    height: 180px;
    margin-right: 43px;
    font-size: 19px;
    box-shadow: 0px 12px 24px 0px rgba(0, 64, 119, 0.1);
  }
}
@media (min-width: 2561px) {
  #home .main-part1 .main-list li {
    width: 300px;
    height: 300px;
    margin-right: 72px;
    font-size: 32px;
    box-shadow: 0px 20px 40px 0px rgba(0, 64, 119, 0.1);
  }
}

#home .main-part1 .main-list figure {
  margin: 35px 0 11px;
}
@media (min-width: 1921px) and (max-width: 2560px) {
  #home .main-part1 .main-list figure {
    margin: 42px 0 13px;
  }
}
@media (min-width: 2561px) {
  #home .main-part1 .main-list figure {
    margin: 70px 0 22px;
  }
}
@media (max-width: 1920px) {
  #home .main-part1 figure.windows_logo {
    background-image: url("../../img/version2025/windows_logo.png?v=2");
    background-size: 44px 45px;
    background-repeat: no-repeat;
    width: 44px;
    height: 45px;
  }
}
@media (min-width: 1921px) and (max-width: 2560px) {
  #home .main-part1 figure.windows_logo {
    background-image: url("../../img/version2025/windows_logo-xl.png?v=2");
    background-size: 53px 54px;
    background-repeat: no-repeat;
    width: 53px;
    height: 54px;
  }
}
@media (min-width: 2561px) {
  #home .main-part1 figure.windows_logo {
    background-image: url("../../img/version2025/windows_logo-mx.png?v=2");
    background-size: 88px 89px;
    background-repeat: no-repeat;
    width: 88px;
    height: 89px;
  }
}
@media (max-width: 1920px) {
  #home .main-part1 figure.ios_logo {
    background-image: url("../../img/version2025/ios_logo.png?v=2");
    background-size: 46px 47px;
    background-repeat: no-repeat;
    width: 46px;
    height: 47px;
  }
}
@media (min-width: 1921px) and (max-width: 2560px) {
  #home .main-part1 figure.ios_logo {
    background-image: url("../../img/version2025/ios_logo-xl.png?v=2");
    background-size: 56px 56px;
    background-repeat: no-repeat;
    width: 56px;
    height: 56px;
  }
}
@media (min-width: 2561px) {
  #home .main-part1 figure.ios_logo {
    background-image: url("../../img/version2025/ios_logo-mx.png?v=2");
    background-size: 92px 93px;
    background-repeat: no-repeat;
    width: 92px;
    height: 93px;
  }
}
@media (max-width: 1920px) {
  #home .main-part1 figure.android_logo {
    background-image: url("../../img/version2025/android_logo.png?v=2");
    background-size: 44px 45px;
    background-repeat: no-repeat;
    width: 44px;
    height: 45px;
  }
}
@media (min-width: 1921px) and (max-width: 2560px) {
  #home .main-part1 figure.android_logo {
    background-image: url("../../img/version2025/android_logo-xl.png?v=2");
    background-size: 53px 54px;
    background-repeat: no-repeat;
    width: 53px;
    height: 54px;
  }
}
@media (min-width: 2561px) {
  #home .main-part1 figure.android_logo {
    background-image: url("../../img/version2025/android_logo-mx.png?v=2");
    background-size: 88px 89px;
    background-repeat: no-repeat;
    width: 88px;
    height: 89px;
  }
}
@media (max-width: 1920px) {
  #home .main-part1 figure.harmony_logo {
    background-image: url("../../img/version2025/harmony_logo.png?v=2");
    background-size: 44px 45px;
    background-repeat: no-repeat;
    width: 44px;
    height: 45px;
  }
}
@media (min-width: 1921px) and (max-width: 2560px) {
  #home .main-part1 figure.harmony_logo {
    background-image: url("../../img/version2025/harmony_logo-xl.png?v=2");
    background-size: 53px 54px;
    background-repeat: no-repeat;
    width: 53px;
    height: 54px;
  }
}
@media (min-width: 2561px) {
  #home .main-part1 figure.harmony_logo {
    background-image: url("../../img/version2025/harmony_logo-mx.png?v=2");
    background-size: 88px 89px;
    background-repeat: no-repeat;
    width: 88px;
    height: 89px;
  }
}
@media (max-width: 1920px) {
  #home .main-part1 figure.download {
    background-image: url("../../img/version2025/download.png?v=2");
    background-size: 45px 45px;
    background-repeat: no-repeat;
    width: 45px;
    height: 45px;
  }
}
@media (min-width: 1921px) and (max-width: 2560px) {
  #home .main-part1 figure.download {
    background-image: url("../../img/version2025/download-xl.png?v=2");
    background-size: 54px 54px;
    background-repeat: no-repeat;
    width: 54px;
    height: 54px;
  }
}
@media (min-width: 2561px) {
  #home .main-part1 figure.download {
    background-image: url("../../img/version2025/download-mx.png?v=2");
    background-size: 89px 89px;
    background-repeat: no-repeat;
    width: 89px;
    height: 89px;
  }
}
@media (max-width: 1920px) {
  #home .main-part1 figure.down_phone_app {
    background-image: url("../../img/version2025/down_phone_app.png?v=2");
    background-size: 80px 80px;
    background-repeat: no-repeat;
    width: 80px;
    height: 80px;
  }
}
@media (min-width: 1921px) and (max-width: 2560px) {
  #home .main-part1 figure.down_phone_app {
    background-image: url("../../img/version2025/down_phone_app-xl.png?v=2");
    background-size: 96px 96px;
    background-repeat: no-repeat;
    width: 96px;
    height: 96px;
  }
}
@media (min-width: 2561px) {
  #home .main-part1 figure.down_phone_app {
    background-image: url("../../img/version2025/down_phone_app-mx.png?v=2");
    background-size: 160px 160px;
    background-repeat: no-repeat;
    width: 160px;
    height: 160px;
  }
}

#home .main-part1 li:hover {
  transform: scale(1.07);
}

@media (max-width: 1920px) {
  #home .caddraw .cad_logo {
    background-image: url("../../img/version2025/caddraw_logo.png");
    background-size: 69px 69px;
    background-repeat: no-repeat;
    width: 69px;
    height: 69px;
  }
}

#home .caddraw .main-list li {
  margin-right: 100px;
}
@media (min-width: 1921px) and (max-width: 2560px) {
  #home .caddraw .main-list li {
    margin-right: 120px;
  }
}
@media (min-width: 2561px) {
  #home .caddraw .main-list li {
    margin-right: 200px;
  }
}

#home .caddraw .main-list .first-item {
  margin-left: 159px;
}
@media (min-width: 1921px) and (max-width: 2560px) {
  #home .caddraw .main-list .first-item {
    margin-left: 191px;
  }
}
@media (min-width: 2561px) {
  #home .caddraw .main-list .first-item {
    margin-left: 318px;
  }
}

#home .main-part1 .main-list .last-item {
  margin-right: 0;
}

#home .main-part1 .last-item a {
  display: block;
  width: 100%;
  height: 100%;
}

#home .main-part1 .this-device {
  display: none;
  text-align: center;
  line-height: 1.5;
  color: #484554;
  background-color: #dae8f7;
  margin-top: 9px;
  padding: 2px 0;
  font-size: 12px;
}
@media (min-width: 1921px) and (max-width: 2560px) {
  #home .main-part1 .this-device {
    margin-top: 10px;
    padding: 2px 0;
    font-size: 14px;
  }
}
@media (min-width: 2561px) {
  #home .main-part1 .this-device {
    margin-top: 17px;
    padding: 4px 0;
    font-size: 24px;
  }
}

#home .main-insert {
  text-align: center;
}

#home .check-detail {
  display: inline-block;
  color: #302E38;
  padding: 10px 24px;
  font-size: 16px;
  line-height: 24px;
}
@media (min-width: 1921px) and (max-width: 2560px) {
  #home .check-detail {
    padding: 12px 29px;
    font-size: 19px;
    line-height: 29px;
  }
}
@media (min-width: 2561px) {
  #home .check-detail {
    padding: 20px 48px;
    font-size: 32px;
    line-height: 48px;
  }
}

#home .check-detail:hover {
  color: #006FFF;
}

#home .main-part1 .download-mask {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
}

#home .main-part1 .download-mask figure {
  margin: 40px 0 11px;
}
@media (min-width: 1921px) and (max-width: 2560px) {
  #home .main-part1 .download-mask figure {
    margin: 48px 0 13px;
  }
}
@media (min-width: 2561px) {
  #home .main-part1 .download-mask figure {
    margin: 80px 0 22px;
  }
}

#home .phone .download-mask figure {
  margin: 31px 0 4px;
}
@media (min-width: 1921px) and (max-width: 2560px) {
  #home .phone .download-mask figure {
    margin: 37px 0 5px;
  }
}
@media (min-width: 2561px) {
  #home .phone .download-mask figure {
    margin: 62px 0 8px;
  }
}

#home .main-part2 {
  padding: 110px 0;
}
@media (min-width: 1921px) and (max-width: 2560px) {
  #home .main-part2 {
    padding: 132px 0;
  }
}
@media (min-width: 2561px) {
  #home .main-part2 {
    padding: 220px 0;
  }
}
#home .main-part2 .download_icon,
#home .main-part2 .arrow_right {
  width: 26px;
  height: 26px;
}
@media (min-width: 1921px) and (max-width: 2560px) {
  #home .main-part2 .download_icon,
  #home .main-part2 .arrow_right {
    width: 31px;
    height: 31px;
  }
}
@media (min-width: 2561px) {
  #home .main-part2 .download_icon,
  #home .main-part2 .arrow_right {
    width: 52px;
    height: 52px;
  }
}
@media (max-width: 1920px) {
  #home .main-part2 figure.jiazhuang_icon {
    background-image: url("../../img/version2025/jiazhuang_icon.png?v=2");
    background-size: 71px 70px;
    background-repeat: no-repeat;
    width: 71px;
    height: 70px;
  }
}
@media (min-width: 1921px) and (max-width: 2560px) {
  #home .main-part2 figure.jiazhuang_icon {
    background-image: url("../../img/version2025/jiazhuang_icon-xl.png?v=2");
    background-size: 85px 84px;
    background-repeat: no-repeat;
    width: 85px;
    height: 84px;
  }
}
@media (min-width: 2561px) {
  #home .main-part2 figure.jiazhuang_icon {
    background-image: url("../../img/version2025/jiazhuang_icon-mx.png?v=2");
    background-size: 141px 140px;
    background-repeat: no-repeat;
    width: 141px;
    height: 140px;
  }
}
@media (max-width: 1920px) {
  #home .main-part2 figure.three_d_icon {
    background-image: url("../../img/version2025/three_d_icon.png?v=2");
    background-size: 71px 70px;
    background-repeat: no-repeat;
    width: 71px;
    height: 70px;
  }
}
@media (min-width: 1921px) and (max-width: 2560px) {
  #home .main-part2 figure.three_d_icon {
    background-image: url("../../img/version2025/three_d_icon-xl.png?v=2");
    background-size: 84px 84px;
    background-repeat: no-repeat;
    width: 84px;
    height: 84px;
  }
}
@media (min-width: 2561px) {
  #home .main-part2 figure.three_d_icon {
    background-image: url("../../img/version2025/three_d_icon-mx.png?v=2");
    background-size: 140px 140px;
    background-repeat: no-repeat;
    width: 140px;
    height: 140px;
  }
}
@media (max-width: 1920px) {
  #home .main-part2 figure.cad_web_icon {
    background-image: url("../../img/version2025/cad_web_icon.png?v=2");
    background-size: 70px 70px;
    background-repeat: no-repeat;
    width: 70px;
    height: 70px;
  }
}
@media (min-width: 1921px) and (max-width: 2560px) {
  #home .main-part2 figure.cad_web_icon {
    background-image: url("../../img/version2025/cad_web_icon-xl.png?v=2");
    background-size: 84px 84px;
    background-repeat: no-repeat;
    width: 84px;
    height: 84px;
  }
}
@media (min-width: 2561px) {
  #home .main-part2 figure.cad_web_icon {
    background-image: url("../../img/version2025/cad_web_icon-mx.png?v=2");
    background-size: 140px 140px;
    background-repeat: no-repeat;
    width: 140px;
    height: 140px;
  }
}
@media (max-width: 1920px) {
  #home .main-part2 figure.company_icon {
    background-image: url("../../img/version2025/company_icon.png?v=2");
    background-size: 71px 70px;
    background-repeat: no-repeat;
    width: 71px;
    height: 70px;
  }
}
@media (min-width: 1921px) and (max-width: 2560px) {
  #home .main-part2 figure.company_icon {
    background-image: url("../../img/version2025/company_icon-xl.png?v=2");
    background-size: 84px 84px;
    background-repeat: no-repeat;
    width: 84px;
    height: 84px;
  }
}
@media (min-width: 2561px) {
  #home .main-part2 figure.company_icon {
    background-image: url("../../img/version2025/company_icon-mx.png?v=2");
    background-size: 140px 140px;
    background-repeat: no-repeat;
    width: 140px;
    height: 140px;
  }
}
@media (max-width: 1920px) {
  #home .main-part2 figure.cable3d_icon {
    background-image: url("../../img/version2025/cable3d_icon.png?v=2");
    background-size: 71px 70px;
    background-repeat: no-repeat;
    width: 71px;
    height: 70px;
  }
}
@media (min-width: 1921px) and (max-width: 2560px) {
  #home .main-part2 figure.cable3d_icon {
    background-image: url("../../img/version2025/cable3d_icon-xl.png?v=2");
    background-size: 84px 84px;
    background-repeat: no-repeat;
    width: 84px;
    height: 84px;
  }
}
@media (min-width: 2561px) {
  #home .main-part2 figure.cable3d_icon {
    background-image: url("../../img/version2025/cable3d_icon-mx.png?v=2");
    background-size: 140px 140px;
    background-repeat: no-repeat;
    width: 140px;
    height: 140px;
  }
}

#home .main-part2 .main-title,
#home .main-part3 .main-title {
  position: relative;
  color: #0F0F0F;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 60px;
  font-size: 40px;
}
@media (min-width: 1921px) and (max-width: 2560px) {
  #home .main-part2 .main-title,
  #home .main-part3 .main-title {
    margin-bottom: 72px;
    font-size: 48px;
  }
}
@media (min-width: 2561px) {
  #home .main-part2 .main-title,
  #home .main-part3 .main-title {
    margin-bottom: 120px;
    font-size: 80px;
  }
}

#home .main-part2 .main-title span,
#home .main-part3 .main-title span {
  position: relative;
  z-index: 1;
}

#home .main-part2 .deep-line,
#home .main-part3 .deep-line {
  position: absolute;
  left: 50%;
  background-color: #006FFF;
  margin-left: -80px;
  bottom: 8px;
  width: 160px;
  height: 10px;
}
@media (min-width: 1921px) and (max-width: 2560px) {
  #home .main-part2 .deep-line,
  #home .main-part3 .deep-line {
    margin-left: -96px;
    bottom: 10px;
    width: 192px;
    height: 12px;
  }
}
@media (min-width: 2561px) {
  #home .main-part2 .deep-line,
  #home .main-part3 .deep-line {
    margin-left: -160px;
    bottom: 16px;
    width: 320px;
    height: 20px;
  }
}

#home .main-part2 .main-list {
  padding: 5px;
}
@media (min-width: 1921px) and (max-width: 2560px) {
  #home .main-part2 .main-list {
    padding: 6px;
  }
}
@media (min-width: 2561px) {
  #home .main-part2 .main-list {
    padding: 10px;
  }
}

#home .main-part2 li {
  background: no-repeat bottom right;
  overflow: hidden;
  cursor: pointer;
  transition: transform 0.1s ease-in-out;
  width: 221px;
  height: 234px;
  margin-right: 16px;
  border-radius: 24px;
}
@media (min-width: 1921px) and (max-width: 2560px) {
  #home .main-part2 li {
    width: 265px;
    height: 281px;
    margin-right: 19px;
    border-radius: 29px;
  }
}
@media (min-width: 2561px) {
  #home .main-part2 li {
    width: 442px;
    height: 468px;
    margin-right: 32px;
    border-radius: 48px;
  }
}

#home .main-part2 .cable3d {
  margin-right: 0;
}

#home .main-part2 li a {
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 30px 0px 0px 34px;
}
@media (min-width: 1921px) and (max-width: 2560px) {
  #home .main-part2 li a {
    padding: 36px 0px 0px 41px;
  }
}
@media (min-width: 2561px) {
  #home .main-part2 li a {
    padding: 60px 0px 0px 68px;
  }
}

#home .main-part2 li p {
  color: #000;
  font-weight: 600;
  line-height: 1.5;
  margin-bottom: 20px;
  font-size: 20px;
}
@media (min-width: 1921px) and (max-width: 2560px) {
  #home .main-part2 li p {
    margin-bottom: 24px;
    font-size: 24px;
  }
}
@media (min-width: 2561px) {
  #home .main-part2 li p {
    margin-bottom: 40px;
    font-size: 40px;
  }
}

#home .main-part2 .jiazhuang {
  background-color: #FFFAE4;
}
@media (max-width: 1920px) {
  #home .main-part2 .jiazhuang {
    background-image: url("../../img/version2025/jiazhuang.png?v=3");
    background-size: auto;
    background-repeat: no-repeat;
  }
}
@media (min-width: 1921px) and (max-width: 2560px) {
  #home .main-part2 .jiazhuang {
    background-image: url("../../img/version2025/jiazhuang-xl.png?v=3");
    background-size: auto;
    background-repeat: no-repeat;
  }
}
@media (min-width: 2561px) {
  #home .main-part2 .jiazhuang {
    background-image: url("../../img/version2025/jiazhuang-mx.png?v=3");
    background-size: auto;
    background-repeat: no-repeat;
  }
}

#home .main-part2 .three_d {
  background-color: #F0F0FF;
}
@media (max-width: 1920px) {
  #home .main-part2 .three_d {
    background-image: url("../../img/version2025/three_d.png?v=3");
    background-size: auto;
    background-repeat: no-repeat;
  }
}
@media (min-width: 1921px) and (max-width: 2560px) {
  #home .main-part2 .three_d {
    background-image: url("../../img/version2025/three_d-xl.png?v=3");
    background-size: auto;
    background-repeat: no-repeat;
  }
}
@media (min-width: 2561px) {
  #home .main-part2 .three_d {
    background-image: url("../../img/version2025/three_d-mx.png?v=3");
    background-size: auto;
    background-repeat: no-repeat;
  }
}

#home .main-part2 .cad_web {
  background-color: #E4FFEE;
}
@media (max-width: 1920px) {
  #home .main-part2 .cad_web {
    background-image: url("../../img/version2025/cad_web.png?v=3");
    background-size: auto;
    background-repeat: no-repeat;
  }
}
@media (min-width: 1921px) and (max-width: 2560px) {
  #home .main-part2 .cad_web {
    background-image: url("../../img/version2025/cad_web-xl.png?v=3");
    background-size: auto;
    background-repeat: no-repeat;
  }
}
@media (min-width: 2561px) {
  #home .main-part2 .cad_web {
    background-image: url("../../img/version2025/cad_web-mx.png?v=3");
    background-size: auto;
    background-repeat: no-repeat;
  }
}

#home .main-part2 .company {
  background-color: #E4F0FF;
}
@media (max-width: 1920px) {
  #home .main-part2 .company {
    background-image: url("../../img/version2025/company.png?v=3");
    background-size: auto;
    background-repeat: no-repeat;
  }
}
@media (min-width: 1921px) and (max-width: 2560px) {
  #home .main-part2 .company {
    background-image: url("../../img/version2025/company-xl.png?v=3");
    background-size: auto;
    background-repeat: no-repeat;
  }
}
@media (min-width: 2561px) {
  #home .main-part2 .company {
    background-image: url("../../img/version2025/company-mx.png?v=3");
    background-size: auto;
    background-repeat: no-repeat;
  }
}

#home .main-part2 .cable3d {
  background-color: #FFF6F0;
}
@media (max-width: 1920px) {
  #home .main-part2 .cable3d {
    background-image: url("../../img/version2025/cable3d.png?v=3");
    background-size: auto;
    background-repeat: no-repeat;
  }
}
@media (min-width: 1921px) and (max-width: 2560px) {
  #home .main-part2 .cable3d {
    background-image: url("../../img/version2025/cable3d-xl.png?v=3");
    background-size: auto;
    background-repeat: no-repeat;
  }
}
@media (min-width: 2561px) {
  #home .main-part2 .cable3d {
    background-image: url("../../img/version2025/cable3d-mx.png?v=3");
    background-size: auto;
    background-repeat: no-repeat;
  }
}

#home .main-part2 li:hover {
  transform: scale(1.04);
}

#home .main-part2 li:hover .down-btn-box {
  display: block;
}

#home .main-part2 .down-btn-box {
  display: none;
  color: #585A5C;
  line-height: 1.5;
  margin-top: 20px;
  font-size: 16px;
}
@media (min-width: 1921px) and (max-width: 2560px) {
  #home .main-part2 .down-btn-box {
    margin-top: 24px;
    font-size: 19px;
  }
}
@media (min-width: 2561px) {
  #home .main-part2 .down-btn-box {
    margin-top: 40px;
    font-size: 32px;
  }
}
#home .main-part2 .down-btn-box svg {
  vertical-align: middle;
}

#home .main-part2 .down-btn-box figure,
#home .main-part2 .down-btn-box span {
  vertical-align: middle;
}

#home .main-part3 {
  /* 兼容 IE8 及以下（降级为纯色背景） */
  background-color: #F5F7F9;
  /* 标准写法（现代浏览器） */
  background: radial-gradient(450% 50% at 50% 50%, #F5F7F9 0%, #F8FAFD 100%);
  /* 旧版 WebKit（Chrome/Safari 旧版） */
  background: -webkit-radial-gradient(center, ellipse 450% 50%, #F5F7F9 0%, #F8FAFD 100%);
  /* Mozilla 旧版（Firefox 旧版） */
  background: -moz-radial-gradient(center, ellipse 450% 50%, #F5F7F9 0%, #F8FAFD 100%);
  /* Opera 旧版 */
  background: -o-radial-gradient(center, ellipse 450% 50%, #F5F7F9 0%, #F8FAFD 100%);
  /* 兼容 IE9（降级为线性渐变） */
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#F5F7F9", EndColorStr="#F8FAFD");
  padding: 110px 0 80px;
}
@media (min-width: 1921px) and (max-width: 2560px) {
  #home .main-part3 {
    padding: 132px 0 96px;
  }
}
@media (min-width: 2561px) {
  #home .main-part3 {
    padding: 220px 0 160px;
  }
}
@media (max-width: 1920px) {
  #home .main-part3 figure.friendship_link1 {
    background-image: url("../../img/version2025/friendship_link1.png?v=2");
    background-size: 168px 44px;
    background-repeat: no-repeat;
    width: 168px;
    height: 44px;
  }
}
@media (min-width: 1921px) and (max-width: 2560px) {
  #home .main-part3 figure.friendship_link1 {
    background-image: url("../../img/version2025/friendship_link1-xl.png?v=2");
    background-size: 202px 53px;
    background-repeat: no-repeat;
    width: 202px;
    height: 53px;
  }
}
@media (min-width: 2561px) {
  #home .main-part3 figure.friendship_link1 {
    background-image: url("../../img/version2025/friendship_link1-mx.png?v=2");
    background-size: 336px 88px;
    background-repeat: no-repeat;
    width: 336px;
    height: 88px;
  }
}
@media (max-width: 1920px) {
  #home .main-part3 figure.friendship_link2 {
    background-image: url("../../img/version2025/friendship_link2.png?v=2");
    background-size: 160px 34px;
    background-repeat: no-repeat;
    width: 160px;
    height: 34px;
  }
}
@media (min-width: 1921px) and (max-width: 2560px) {
  #home .main-part3 figure.friendship_link2 {
    background-image: url("../../img/version2025/friendship_link2-xl.png?v=2");
    background-size: 192px 41px;
    background-repeat: no-repeat;
    width: 192px;
    height: 41px;
  }
}
@media (min-width: 2561px) {
  #home .main-part3 figure.friendship_link2 {
    background-image: url("../../img/version2025/friendship_link2-mx.png?v=2");
    background-size: 320px 68px;
    background-repeat: no-repeat;
    width: 320px;
    height: 68px;
  }
}
@media (max-width: 1920px) {
  #home .main-part3 figure.friendship_link3 {
    background-image: url("../../img/version2025/friendship_link3.png?v=2");
    background-size: 124px 50px;
    background-repeat: no-repeat;
    width: 124px;
    height: 50px;
  }
}
@media (min-width: 1921px) and (max-width: 2560px) {
  #home .main-part3 figure.friendship_link3 {
    background-image: url("../../img/version2025/friendship_link3-xl.png?v=2");
    background-size: 149px 60px;
    background-repeat: no-repeat;
    width: 149px;
    height: 60px;
  }
}
@media (min-width: 2561px) {
  #home .main-part3 figure.friendship_link3 {
    background-image: url("../../img/version2025/friendship_link3-mx.png?v=2");
    background-size: 248px 100px;
    background-repeat: no-repeat;
    width: 248px;
    height: 100px;
  }
}
@media (max-width: 1920px) {
  #home .main-part3 figure.friendship_link4 {
    background-image: url("../../img/version2025/friendship_link4.png?v=2");
    background-size: 161px 36px;
    background-repeat: no-repeat;
    width: 161px;
    height: 36px;
  }
}
@media (min-width: 1921px) and (max-width: 2560px) {
  #home .main-part3 figure.friendship_link4 {
    background-image: url("../../img/version2025/friendship_link4-xl.png?v=2");
    background-size: 194px 44px;
    background-repeat: no-repeat;
    width: 194px;
    height: 44px;
  }
}
@media (min-width: 2561px) {
  #home .main-part3 figure.friendship_link4 {
    background-image: url("../../img/version2025/friendship_link4-mx.png?v=2");
    background-size: 322px 72px;
    background-repeat: no-repeat;
    width: 322px;
    height: 72px;
  }
}
@media (max-width: 1920px) {
  #home .main-part3 figure.friendship_link5 {
    background-image: url("../../img/version2025/friendship_link5.png?v=2");
    background-size: 140px 58px;
    background-repeat: no-repeat;
    width: 140px;
    height: 58px;
  }
}
@media (min-width: 1921px) and (max-width: 2560px) {
  #home .main-part3 figure.friendship_link5 {
    background-image: url("../../img/version2025/friendship_link5-xl.png?v=2");
    background-size: 168px 70px;
    background-repeat: no-repeat;
    width: 168px;
    height: 70px;
  }
}
@media (min-width: 2561px) {
  #home .main-part3 figure.friendship_link5 {
    background-image: url("../../img/version2025/friendship_link5-mx.png?v=2");
    background-size: 280px 116px;
    background-repeat: no-repeat;
    width: 280px;
    height: 116px;
  }
}
@media (max-width: 1920px) {
  #home .main-part3 figure.friendship_link6 {
    background-image: url("../../img/version2025/friendship_link6.png?v=2");
    background-size: 173px 56px;
    background-repeat: no-repeat;
    width: 173px;
    height: 56px;
  }
}
@media (min-width: 1921px) and (max-width: 2560px) {
  #home .main-part3 figure.friendship_link6 {
    background-image: url("../../img/version2025/friendship_link6-xl.png?v=2");
    background-size: 208px 68px;
    background-repeat: no-repeat;
    width: 208px;
    height: 68px;
  }
}
@media (min-width: 2561px) {
  #home .main-part3 figure.friendship_link6 {
    background-image: url("../../img/version2025/friendship_link6-mx.png?v=2");
    background-size: 347px 112px;
    background-repeat: no-repeat;
    width: 347px;
    height: 112px;
  }
}
@media (max-width: 1920px) {
  #home .main-part3 figure.friendship_link7 {
    background-image: url("../../img/version2025/friendship_link7.png?v=2");
    background-size: 152px 28px;
    background-repeat: no-repeat;
    width: 152px;
    height: 28px;
  }
}
@media (min-width: 1921px) and (max-width: 2560px) {
  #home .main-part3 figure.friendship_link7 {
    background-image: url("../../img/version2025/friendship_link7-xl.png?v=2");
    background-size: 181px 34px;
    background-repeat: no-repeat;
    width: 181px;
    height: 34px;
  }
}
@media (min-width: 2561px) {
  #home .main-part3 figure.friendship_link7 {
    background-image: url("../../img/version2025/friendship_link7-mx.png?v=2");
    background-size: 302px 56px;
    background-repeat: no-repeat;
    width: 302px;
    height: 56px;
  }
}
@media (max-width: 1920px) {
  #home .main-part3 figure.friendship_link8 {
    background-image: url("../../img/version2025/friendship_link8.png?v=2");
    background-size: 130px 52px;
    background-repeat: no-repeat;
    width: 130px;
    height: 52px;
  }
}
@media (min-width: 1921px) and (max-width: 2560px) {
  #home .main-part3 figure.friendship_link8 {
    background-image: url("../../img/version2025/friendship_link8-xl.png?v=2");
    background-size: 156px 63px;
    background-repeat: no-repeat;
    width: 156px;
    height: 63px;
  }
}
@media (min-width: 2561px) {
  #home .main-part3 figure.friendship_link8 {
    background-image: url("../../img/version2025/friendship_link8-mx.png?v=2");
    background-size: 260px 104px;
    background-repeat: no-repeat;
    width: 260px;
    height: 104px;
  }
}
@media (max-width: 1920px) {
  #home .main-part3 figure.friendship_link9 {
    background-image: url("../../img/version2025/friendship_link9.png?v=2");
    background-size: 157px 38px;
    background-repeat: no-repeat;
    width: 157px;
    height: 38px;
  }
}
@media (min-width: 1921px) and (max-width: 2560px) {
  #home .main-part3 figure.friendship_link9 {
    background-image: url("../../img/version2025/friendship_link9-xl.png?v=2");
    background-size: 187px 46px;
    background-repeat: no-repeat;
    width: 187px;
    height: 46px;
  }
}
@media (min-width: 2561px) {
  #home .main-part3 figure.friendship_link9 {
    background-image: url("../../img/version2025/friendship_link9-mx.png?v=2");
    background-size: 312px 76px;
    background-repeat: no-repeat;
    width: 312px;
    height: 76px;
  }
}
@media (max-width: 1920px) {
  #home .main-part3 figure.friendship_link10 {
    background-image: url("../../img/version2025/friendship_link10.png?v=2");
    background-size: 180px 61px;
    background-repeat: no-repeat;
    width: 180px;
    height: 61px;
  }
}
@media (min-width: 1921px) and (max-width: 2560px) {
  #home .main-part3 figure.friendship_link10 {
    background-image: url("../../img/version2025/friendship_link10-xl.png?v=2");
    background-size: 217px 74px;
    background-repeat: no-repeat;
    width: 217px;
    height: 74px;
  }
}
@media (min-width: 2561px) {
  #home .main-part3 figure.friendship_link10 {
    background-image: url("../../img/version2025/friendship_link10-mx.png?v=2");
    background-size: 361px 122px;
    background-repeat: no-repeat;
    width: 361px;
    height: 122px;
  }
}
@media (max-width: 1920px) {
  #home .main-part3 figure.friendship_link11 {
    background-image: url("../../img/version2025/friendship_link11.png?v=2");
    background-size: 165px 46px;
    background-repeat: no-repeat;
    width: 165px;
    height: 46px;
  }
}
@media (min-width: 1921px) and (max-width: 2560px) {
  #home .main-part3 figure.friendship_link11 {
    background-image: url("../../img/version2025/friendship_link11-xl.png?v=2");
    background-size: 199px 56px;
    background-repeat: no-repeat;
    width: 199px;
    height: 56px;
  }
}
@media (min-width: 2561px) {
  #home .main-part3 figure.friendship_link11 {
    background-image: url("../../img/version2025/friendship_link11-mx.png?v=2");
    background-size: 331px 92px;
    background-repeat: no-repeat;
    width: 331px;
    height: 92px;
  }
}
@media (max-width: 1920px) {
  #home .main-part3 figure.friendship_link12 {
    background-image: url("../../img/version2025/friendship_link12.png?v=2");
    background-size: 173px 26px;
    background-repeat: no-repeat;
    width: 173px;
    height: 26px;
  }
}
@media (min-width: 1921px) and (max-width: 2560px) {
  #home .main-part3 figure.friendship_link12 {
    background-image: url("../../img/version2025/friendship_link12-xl.png?v=2");
    background-size: 207px 32px;
    background-repeat: no-repeat;
    width: 207px;
    height: 32px;
  }
}
@media (min-width: 2561px) {
  #home .main-part3 figure.friendship_link12 {
    background-image: url("../../img/version2025/friendship_link12-mx.png?v=2");
    background-size: 344px 52px;
    background-repeat: no-repeat;
    width: 344px;
    height: 52px;
  }
}

#home .main-part3 li {
  text-align: center;
  margin-bottom: 50px;
}
@media (min-width: 1921px) and (max-width: 2560px) {
  #home .main-part3 li {
    margin-bottom: 60px;
  }
}
@media (min-width: 2561px) {
  #home .main-part3 li {
    margin-bottom: 100px;
  }
}

#home .main-part3 .last-item {
  margin-bottom: 0;
}

#home .main-part3 .col-name {
  display: inline-block;
  transition: all 0.1s ease-in-out;
  padding: 5px;
  margin-right: 30px;
}
@media (min-width: 1921px) and (max-width: 2560px) {
  #home .main-part3 .col-name {
    padding: 6px;
    margin-right: 36px;
  }
}
@media (min-width: 2561px) {
  #home .main-part3 .col-name {
    padding: 10px;
    margin-right: 60px;
  }
}

#home .main-part3 .col-last {
  margin-right: 0;
}

#home .main-part3 .col-name a {
  display: block;
  text-align: center;
  background: #FFF;
  overflow: hidden;
  width: 200px;
  height: 70px;
  line-height: 70px;
  border-radius: 12px;
  box-shadow: 0px 6px 12px 0px rgba(0, 64, 119, 0.08);
  border: 1px solid #E4F0FF;
}
@media (min-width: 1921px) and (max-width: 2560px) {
  #home .main-part3 .col-name a {
    width: 240px;
    height: 84px;
    line-height: 84px;
    border-radius: 14px;
    box-shadow: 0px 7px 14px 0px rgba(0, 64, 119, 0.08);
    border: 1px solid #E4F0FF;
  }
}
@media (min-width: 2561px) {
  #home .main-part3 .col-name a {
    width: 400px;
    height: 140px;
    line-height: 140px;
    border-radius: 24px;
    box-shadow: 0px 12px 24px 0px rgba(0, 64, 119, 0.08);
    border: 2px solid #E4F0FF;
  }
}

#home .main-part3 .col-name figure {
  vertical-align: middle;
}

#home .main-part3 .col-name:hover {
  transform: scale(1.05);
}