@charset "utf-8";
* {
  margin: 0;
  padding: 0;
}
a {
  text-decoration: none;
}
body {
  font-family: '微软雅黑';
}
.bg-fff {
  background-color: #fff !important;
}
.bg-f7 {
  background-color: #f7f7f7 !important;
}
.center {
  width: 1200px;
  margin: 0 auto;
}
.cloud-section {
  padding: 75px 0;
  overflow: hidden;
}
.cloud_helper * {
  box-sizing: border-box;
}
.cloud_helper_icon {
  background-image: url("../../../img/cloud_helper_icon.png");
  background-repeat: no-repeat;
  background-size: 672px 575px;
  vertical-align: bottom;
  width: 50px;
  height: 50px;
  display: inline-block;
}
#ch_banner {
  height: 440px;
  background: url("../../../img/ch_banner_02.jpg") no-repeat center center;
  background-size: cover;
  padding-top: 98px;
  text-align: center;
}
#ch_banner .banner_title {
  line-height: 68px;
  color: #fff;
  font-weight: bold;
  font-size: 48px;
}
#ch_banner .banner_info {
  color: #fff;
  font-size: 16px;
  line-height: 52px;
  margin-bottom: 32px;
}
#ch_banner .banner_btn {
  width: 282px;
  height: 38px;
  margin: 0 auto;
}
#ch_banner .banner_btn a {
  height: 38px;
  float: left;
  width: 120px;
  line-height: 36px;
  border: 1px solid #fff;
  border-radius: 5px;
  color: #fff;
  text-align: center;
  font-size: 16px;
}
#ch_banner .banner_btn a:last-child {
  float: right;
}
#ch_banner .banner_btn a.active {
  background: #00aaff;
  border-color: #00aaff;
}
#ch_banner .banner_btn a:hover {
  background: #00aaff;
  border: 0;
  line-height: 38px;
}
#ch_banner .banner_download {
  height: 26px;
  width: auto;
  text-align: center;
  margin-top: 16px;
  color: #fff;
  font-size: 14px;
  line-height: 26px;
}
#ch_banner .banner_download .download_icon {
  width: 26px;
  height: 26px;
  display: inline-block;
  background-image: url("../../../img/cloud_helper_03.png");
  background-repeat: no-repeat;
  background-size: cover;
  vertical-align: bottom;
}
.section-info {
  width: 580px;
  height: 475px;
  padding-top: 120px;
  text-align: left;
}
.section-info-p {
  width: 97px;
  height: 32px;
  text-align: center;
  line-height: 32px;
  background: #f33010;
  color: #fff;
  border-radius: 25px;
}
.section-info-title {
  line-height: 80px;
  color: #333333;
  font-weight: lighter;
  font-size: 32px;
}
.section-info-tip {
  font-size: 16px;
  color: #666666;
  line-height: 32px;
  margin-bottom: 25px;
}
.section-info-adv span {
  float: left;
  line-height: 50px;
  margin-right: 40px;
  color: #666666;
  font-size: 18px;
}
.section-info-adv span:last-child {
  margin-right: 0;
}
.section-image {
  width: 565px;
  height: 475px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
#section1 .section-info {
  float: left;
}
#section1 .section-info-adv span .xt {
  background-position: -19px -19px;
}
#section1 .section-info-adv span .wl {
  background-position: -89px -19px;
}
#section1 .section-info-adv span .yy {
  background-position: -157px -19px;
}
#section1 .section-info-adv span:hover .xt {
  background-position: -19px -294px;
}
#section1 .section-info-adv span:hover .wl {
  background-position: -89px -294px;
}
#section1 .section-info-adv span:hover .yy {
  background-position: -157px -294px;
}
#section1 .section-image {
  float: right;
  background-image: url("../../../img/cloud_helper_05.png");
  background-size: 470px 470px;
}
#section2 {
  padding: 40px 0;
}
#section2 .section-info {
  float: right;
}
#section2 .section-info-adv span .tj {
  background-position: -19px -88px;
}
#section2 .section-info-adv span .jg {
  background-position: -89px -88px;
}
#section2 .section-info-adv span .xtld {
  background-position: -157px -88px;
}
#section2 .section-info-adv span:hover .tj {
  background-position: -19px -363px;
}
#section2 .section-info-adv span:hover .jg {
  background-position: -89px -363px;
}
#section2 .section-info-adv span:hover .xtld {
  background-position: -157px -363px;
}
#section2 .section-image {
  float: left;
  background-image: url("../../../img/cloud_helper_07.png");
  background-size: 513px 365px;
}
#section3 {
  padding: 50px 0;
}
#section3 .section-info {
  float: left;
}
#section3 .section-info-adv span .jzgl {
  background-position: -19px -157px;
}
#section3 .section-info-adv span .dj {
  background-position: -89px -157px;
}
#section3 .section-info-adv span .webdj {
  background-position: -157px -157px;
}
#section3 .section-info-adv span:hover .jzgl {
  background-position: -19px -432px;
}
#section3 .section-info-adv span:hover .dj {
  background-position: -89px -432px;
}
#section3 .section-info-adv span:hover .webdj {
  background-position: -157px -432px;
}
#section3 .section-image {
  float: right;
  background-image: url("../../../img/cloud_helper_11.png");
  background-size: 463px 453px;
}
#section4 {
  padding: 40px 0;
}
#section4 .section-info {
  float: right;
}
#section4 .section-info-adv span .rdpdl {
  background-position: -19px -227px;
}
#section4 .section-info-adv span .sshlj {
  background-position: -89px -227px;
}
#section4 .section-info-adv span .ycgl {
  background-position: -157px -227px;
}
#section4 .section-info-adv span:hover .rdpdl {
  background-position: -19px -502px;
}
#section4 .section-info-adv span:hover .sshlj {
  background-position: -89px -502px;
}
#section4 .section-info-adv span:hover .ycgl {
  background-position: -157px -502px;
}
#section4 .section-image {
  float: left;
  background-image: url("../../../img/cloud_helper_15.png");
  background-size: 469px 347px;
}
.section-title {
  line-height: 196px;
  color: #333333;
  font-size: 32px;
  text-align: center;
}
.section-version .version-list {
  overflow: hidden;
  border-top: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
}
.section-version .version-list span {
  width: 33.3%;
  height: 80px;
  line-height: 80px;
  float: left;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  color: #333;
  font-size: 14px;
  text-align: left;
  padding-left: 36px;
  background: #fafafa;
}
.section-version .version-list span i {
  display: inline-block;
  vertical-align: text-bottom;
  width: 24px;
  height: 24px;
  margin-right: 15px;
}
.section-version .version-list span .window {
  background-position: -310px -18px;
}
.section-version .version-list span .opensuse {
  background-position: -364px -18px;
}
.section-version .version-list span .debian {
  background-position: -418px -18px;
}
.section-version .version-list span .centos {
  background-position: -472px -18px;
}
.section-version .version-list span .ubuntu {
  background-position: -530px -18px;
}
.section-version .version-list span .more {
  background-position: -585px -19px;
}
.section-service {
  text-align: center;
  overflow: hidden;
}
.section-service-list .section-service-li {
  width: 33.3%;
  text-align: center;
  height: 230px;
  margin-bottom: 40px;
  float: left;
}
.section-service-list .section-service-li .icon_wrap {
  width: 140px;
  height: 140px;
  display: block;
  margin: 0 auto;
  margin-bottom: 15px;
  border-radius: 80px;
  box-shadow: 0px 0px 15px #ccc;
  transition: all 0.25s ease-in-out;
  -webkit-transform: translate3d(0, 0, 0);
  padding-top: 37px;
}
.section-service-list .section-service-li .icon_wrap:hover {
  box-shadow: 0 0 20px #bbb;
}
.section-service-list .section-service-li .icon_wrap i {
  width: 73px;
  height: 67px;
  display: block;
  margin: 0 auto;
}
.section-service-list .section-service-li .ky {
  background-position: -308px -90px;
}
.section-service-list .section-service-li .zd {
  background-position: -440px -90px;
}
.section-service-list .section-service-li .zj {
  background-position: -574px -90px;
}
.section-service-list .section-service-li .jk {
  background-position: -308px -208px;
}
.section-service-list .section-service-li .wj {
  background-position: -440px -208px;
}
.section-service-list .section-service-li .yc {
  background-position: -574px -208px;
}
.section-service-list .section-service-li .section-service-p {
  line-height: 32px;
  font-size: 20px;
  color: #333;
}
.section-service-list .section-service-li .section-service-span {
  line-height: 36px;
  color: #999;
  font-size: 14px;
}
.section-download {
  margin-top: 20px;
  overflow: hidden;
  text-align: center;
}
.section-download-btn {
  padding: 12px 0;
  color: #fff;
  font-size: 18px;
  border-radius: 5px;
  background: #f2171f;
  display: block;
  margin: 0 auto;
  width: 170px;
}
.section-download-btn i {
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: -4px;
  margin-right: 10px;
  background: url("../../../img/cloud_helper_download.png") no-repeat center center;
  background-size: contain;
}
.section-download-btn:hover {
  background: #e2383a;
}
.section-download p {
  line-height: 36px;
  margin: 20px auto;
  font-size: 14px;
  color: #666;
}