@font-face {
  font-family: 'DIN';
  src: url("../fonts/DIN-Medium.otf");
}
@font-face {
  font-family: 'NeutraTextLight';
  src: url("../fonts/NeutraTextLight.otf");
}
/*animation*/
@keyframes o-upfade-top {
  0% {
    opacity: 0;
    top: 50px;
  }
  100% {
    opacity: 1;
    top: 0;
  }
}
@keyframes rings {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(6);
    -moz-transform: scale(6);
    -ms-transform: scale(6);
    transform: scale(6);
  }
}
@keyframes dot1 {
  0% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    opacity: 0;
  }
  30%,99% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 0;
  }
}
@keyframes dot2 {
  0%,30% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    opacity: 0;
  }
  60%,99% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 0;
  }
}
@keyframes dot3 {
  0%,60% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    opacity: 0;
  }
  90%,99% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 0;
  }
}
@keyframes pillar {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  70% {
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
body {
  font-family: 'Microsoft YaHei','Arial',sans-serif;
}

.wrapper {
  width: 86%;
  max-width: 1440px;
  margin: 0 auto;
  position: relative;
}
.wrapper:after {
  content: '';
  display: block;
  clear: both;
}

.video_pop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 11;
  display: none;
}
.video_pop .bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 1;
}
.video_pop .close {
  width: 32px;
  height: 32px;
  position: absolute;
  right: 20px;
  top: 20px;
  background: url("../images/close.png") center no-repeat;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  transition: all 500ms ease;
  cursor: pointer;
  z-index: 2;
}
.video_pop .close:hover {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.video_pop video {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  max-height: 60vh;
  max-width: 60vw;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.cloud_comm_nav {
  position: absolute;
  top: 72px;
  left: 0;
  right: 0;
  padding: 0 30px;
  z-index: 99;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  font-size: 0;
}
.cloud_comm_nav a {
  display: inline-block;
  vertical-align: top;
  line-height: 58px;
  font-size: 14px;
  color: #fff;
  margin-right: 15px;
  padding: 0 15px;
  border-bottom: 3px solid transparent;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.cloud_comm_nav a.active {
  border-color: #108cee;
}
.cloud_comm_nav a:not(.active):hover {
  color: #108cee;
}

.cloud_comm_title {
  text-align: center;
}
.cloud_comm_title h3 {
  font-size: 32px;
  color: #333;
  font-weight: lighter;
}
.cloud_comm_title p {
  font-size: 18px;
  color: #808080;
  font-weight: lighter;
  margin-top: 10px;
}
.cloud_comm_title span {
  display: block;
  width: 32px;
  height: 2px;
  background: #3a96ff;
  margin: 35px auto 0;
}
.cloud_comm_title.white h3, .cloud_comm_title.white p {
  color: #fff;
}

.cloud_comm_banner {
  padding-top: 135px;
  background: #181b31;
  overflow: hidden;
}
.cloud_comm_banner .box {
  padding: 9vw 0 14vw;
  position: relative;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-image: url("../images/page/i_img5.png");
  background-size: 62.5vw auto;
}
.cloud_comm_banner .box .item {
  position: absolute;
}
.cloud_comm_banner .box .item img.pil {
  display: block;
  width: 100%;
  -webkit-animation: pillar 2s linear infinite;
  -moz-animation: pillar 2s linear infinite;
  -ms-animation: pillar 2s linear infinite;
  animation: pillar 2s linear infinite;
}
.cloud_comm_banner .box .item img.txt {
  position: absolute;
}
.cloud_comm_banner .box .item:nth-of-type(1) {
  width: 15.88vw;
  top: 3.28vw;
  left: -3vw;
}
.cloud_comm_banner .box .item:nth-of-type(1) .pil {
  opacity: .5;
}
.cloud_comm_banner .box .item:nth-of-type(2) {
  width: 54px;
  top: 12.3vw;
  left: 19.3vw;
}
.cloud_comm_banner .box .item:nth-of-type(2) .pil {
  opacity: .8;
  animation-delay: .8s;
}
.cloud_comm_banner .box .item:nth-of-type(2) .txt {
  width: 85px;
  top: -22px;
  left: -14px;
}
.cloud_comm_banner .box .item:nth-of-type(3) {
  width: 7.05vw;
  top: 36px;
  left: 28.64vw;
}
.cloud_comm_banner .box .item:nth-of-type(3) .pil {
  opacity: .3;
  animation-delay: .3s;
}
.cloud_comm_banner .box .item:nth-of-type(4) {
  width: 100px;
  left: 41.66vw;
  bottom: 0;
}
.cloud_comm_banner .box .item:nth-of-type(4) .pil {
  opacity: .6;
  animation-delay: 1.2s;
}
.cloud_comm_banner .box .item:nth-of-type(4) .txt {
  width: 112px;
  top: -0.6vw;
  left: -0.6vw;
}
.cloud_comm_banner .box .item:nth-of-type(5) {
  width: 70px;
  right: 18.75vw;
  top: 4vw;
}
.cloud_comm_banner .box .item:nth-of-type(5) .pil {
  opacity: .5;
  animation-delay: .5s;
}
.cloud_comm_banner .box .item:nth-of-type(5) .txt {
  width: 126px;
  top: -1.3vw;
  left: -1.6vw;
}
.cloud_comm_banner .box .item:nth-of-type(6) {
  width: 130px;
  right: 8.8vw;
  bottom: 0;
}
.cloud_comm_banner .box .item:nth-of-type(6) .pil {
  opacity: .8;
  animation-delay: 1s;
}
.cloud_comm_banner .box .item:nth-of-type(6) .txt {
  width: 126px;
  top: -14px;
  left: 0;
}
.cloud_comm_banner .box .item:nth-of-type(7) {
  width: 8.8vw;
  top: 20px;
  right: -4vw;
}
.cloud_comm_banner .box .item:nth-of-type(7) .pil {
  opacity: .5;
}
.cloud_comm_banner h3 {
  text-align: center;
  font-size: 60px;
  color: #fff;
  font-weight: lighter;
}

.index_main .sub_nav {
  border-bottom: 1px solid #e6e6e6;
  font-size: 0;
  text-align: center;
  background: #fff;
}
.index_main .sub_nav a {
  display: inline-block;
  vertical-align: top;
  margin: 0 2.5vw;
  padding: 0 12px;
  font-size: 16px;
  color: #333;
  line-height: 68px;
  font-weight: lighter;
  border-bottom: 3px solid transparent;
  margin-bottom: -1px;
}
.index_main .sub_nav a.active {
  color: #3a96ff;
  border-color: #3a96ff;
}
.index_main .sub_nav.fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9;
}
.index_main .cloud_items {
  font-size: 0;
}
.index_main .cloud_items .item {
  display: inline-block;
  vertical-align: top;
  width: calc(33.33% - 36px);
  margin: 0 18px;
  position: relative;
  text-align: center;
  background: #fff;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  overflow: hidden;
}
.index_main .cloud_items .item a {
  display: block;
  height: 100%;
  padding: 45px 20px;
  position: relative;
  z-index: 2;
}
.index_main .cloud_items .item:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: -webkit-linear-gradient(135deg, #4277ff, #32b5ff);
  background: -o-linear-gradient(135deg, #4277ff, #32b5ff);
  background: -moz-linear-gradient(135deg, #4277ff, #32b5ff);
  background: linear-gradient(135deg, #4277ff, #32b5ff);
  opacity: 0;
  backface-visibility: hidden;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.index_main .cloud_items .item i {
  display: block;
  height: 4.5vw;
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
  z-index: 2;
}
.index_main .cloud_items .item h3 {
  font-size: 22px;
  color: #333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1;
  margin: 2.5vw 0 20px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
  z-index: 2;
}
.index_main .cloud_items .item p {
  font-size: 16px;
  line-height: 24px;
  color: #808080;
  height: 48px;
  overflow: hidden;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
  z-index: 2;
}
.index_main .cloud_items .item:hover {
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px);
  box-shadow: 0 5px 18px rgba(66, 119, 255, 0.8);
}
.index_main .cloud_items .item:hover:before {
  opacity: 1;
}
.index_main .cloud_items .item:hover h3, .index_main .cloud_items .item:hover p {
  color: #fff;
}
.index_main .index_comm_section {
  padding: 4.5vw 0;
}
.index_main .index_comm_section .main {
  margin: 0 -120px;
  margin-top: 12px;
  position: relative;
}

       .eval-stars { display:inline-block; position:relative; top:8px; }
	   .eval-stars .average-score-star i { width:16px; height:16px; overflow:hidden; display:inline-block; margin-right:4px; position:relative; background-color:#c0c4cc;   }
	   .eval-stars .average-score-star i span { position:absolute; z-index:3; display:inline-block; left:0px; top:0px; right:0px; bottom:0px; background:url(../images/d_star_05.png) no-repeat center center;  }
	   .eval-stars .average-score-star i em { position:absolute;  display:inline-block; left:0px; top:0px; bottom:0px; background:#f7ba2a;}
    


.index_main .index_comm_section .items {
  padding: 0 102px;
  position: relative;
}
.index_main .index_comm_section .items .box {
  padding: 10px 0;
}
.index_main .index_comm_section .items .item {
  margin: 18px;
  width: calc(100% - 36px);
}
.index_main .index_comm_section .slick-arrow {
  width: 60px;
  height: 60px;
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  margin-top: -30px;
  font-size: 0;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.index_main .index_comm_section .slick-arrow.slick-prev {
  left: 0;
  background-image: url("../images/page/prev_1.png");
}
.index_main .index_comm_section .slick-arrow.slick-prev:hover {
  background-image: url("../images/page/prev_3.png");
}
.index_main .index_comm_section .slick-arrow.slick-next {
  right: 0;
  background-image: url("../images/page/next_1.png");
}
.index_main .index_comm_section .slick-arrow.slick-next:hover {
  background-image: url("../images/page/next_3.png");
}
.index_main .index_comm_section .slick-arrow:hover {
  background-color: #4c6eff;
  box-shadow: 0 5px 10px rgba(76, 110, 255, 0.3);
}
.index_main .section1 {
  padding: 4.5vw 0;
}
.index_main .section1 .main {
  margin: 40px 0;
  padding-right: 33.33%;
  position: relative;
}
.index_main .section1 .items .item {
  position: relative;
  overflow: hidden;
}
.index_main .section1 .items .item img {
  display: block;
  width: 100%;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.index_main .section1 .items .item a {
  width: 76px;
  height: 76px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/page/i_icon1.png");
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  box-shadow: 0 10px 30px rgba(76, 122, 255, 0.5);
}
.index_main .section1 .items .item:hover img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
.index_main .section1 .s_items {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: calc(33.33% + 18px);
  border-right: 1px solid #e5e5e5;
  border-left: none;
  overflow: hidden;
}
.index_main .section1 .s_items:before {
  content: '';
  position: absolute;
  right: 0;
  left: 18px;
  top: 0;
  height: 1px;
  background: #e5e5e5;
}
.index_main .section1 .s_items:after {
  content: '';
  position: absolute;
  right: 0;
  left: 18px;
  bottom: 0;
  height: 1px;
  background: #e5e5e5;
}
.index_main .section1 .s_items .slick-list {
  height: 100% !important;
  margin-top: -1px;
  padding-left: 18px !important;
}
.index_main .section1 .s_items .item {
  position: relative;
  padding: 0 3vw;
  padding-right: 6vw;
  border: none;
  border-top: 1px solid #e5e5e5;
  z-index: 1;
  opacity: .3;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
}
.index_main .section1 .s_items .item .icon {
  width: 64px;
  height: 64px;
  float: left;
  border-radius: 8px;
}
.index_main .section1 .s_items .item .icon i {
  display: block;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-size: auto 32px;
}
.index_main .section1 .s_items .item .txt {
  margin-left: 94px;
  padding: 8px 0;
}
.index_main .section1 .s_items .item h4 {
  font-size: 14px;
  color: #bfbfbf;
  font-family: 'Arial';
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.index_main .section1 .s_items .item h3 {
  font-size: 20px;
  color: #333;
  margin-top: 12px;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.index_main .section1 .s_items .item a {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 4vw;
  right: -4vw;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/page/i_icon5.png");
  background-color: #edf4ff;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.index_main .section1 .s_items .item:after {
  content: '';
  width: 0;
  height: 0;
  border-top: 18px solid transparent;
  border-bottom: 18px solid transparent;
  border-right: 18px solid #fff;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -18px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.index_main .section1 .s_items .item:nth-of-type(3n-2) .icon {
  background: -webkit-linear-gradient(135deg, #4277ff, #32b5ff);
  background: -o-linear-gradient(135deg, #4277ff, #32b5ff);
  background: -moz-linear-gradient(135deg, #4277ff, #32b5ff);
  background: linear-gradient(135deg, #4277ff, #32b5ff);
}
.index_main .section1 .s_items .item:nth-of-type(3n-1) .icon {
  background: -webkit-linear-gradient(135deg, #029a46, #32b16c);
  background: -o-linear-gradient(135deg, #029a46, #32b16c);
  background: -moz-linear-gradient(135deg, #029a46, #32b16c);
  background: linear-gradient(135deg, #029a46, #32b16c);
}
.index_main .section1 .s_items .item:nth-of-type(3n) .icon {
  background: -webkit-linear-gradient(135deg, #f77321, #f8ab45);
  background: -o-linear-gradient(135deg, #f77321, #f8ab45);
  background: -moz-linear-gradient(135deg, #f77321, #f8ab45);
  background: linear-gradient(135deg, #f77321, #f8ab45);
}
.index_main .section1 .s_items .item.slick-center {
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.05);
  z-index: 2;
  opacity: 1;
}
.index_main .section1 .s_items .item.slick-center a {
  opacity: 1;
  visibility: visible;
  right: 0;
}
.index_main .section1 .s_items .item.slick-center:after {
  left: -18px;
}
.index_main .section1 .s_items .item:hover {
  opacity: 1;
}
.index_main .section1 .s_items .item:hover a {
  opacity: 1;
  visibility: visible;
  right: 0;
}
.index_main .section1 .s_items .item:hover:after {
  left: -18px;
}
.index_main .section1 .s_items .slick-arrow {
  position: absolute;
  width: calc(100% - 18px);
  right: 0;
  height: 12px;
  font-size: 0;
  background-color: #108cee;
  z-index: 3;
  cursor: pointer;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  visibility: visible;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.index_main .section1 .s_items .slick-arrow.slick-prev {
  top: 0;
  background-image: url("../images/page/prev_2.png");
}
.index_main .section1 .s_items .slick-arrow.slick-next {
  bottom: 0;
  background-image: url("../images/page/next_2.png");
}
.index_main .section1 .s_items .slick-arrow.show {
  opacity: 1;
  visibility: visible;
}
.index_main .section1 .dots {
  font-size: 0;
  text-align: center;
}
.index_main .section1 .dots span {
  display: inline-block;
  vertical-align: top;
  margin: 0 5px;
  position: relative;
  width: 30px;
  height: 10px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
}
.index_main .section1 .dots span:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 2px;
  background: #d9d9d9;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.index_main .section1 .dots span.active {
  width: 60px;
}
.index_main .section1 .dots span.active:after {
  background: #108cee;
}
.index_main .section2 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/page/i_bg1.jpg");
}
.index_main .section2 .item.item1 i {
  background-image: url("../images/page/i_icon6.svg");
}
.index_main .section2 .item.item1:hover i {
  background-image: url("../images/page/i_icon6_on.svg");
}
.index_main .section2 .item.item2 i {
  background-image: url("../images/page/i_icon7.svg");
}
.index_main .section2 .item.item2:hover i {
  background-image: url("../images/page/i_icon7_on.svg");
}
.index_main .section2 .item.item3 i {
  background-image: url("../images/page/i_icon8.svg");
}
.index_main .section2 .item.item3:hover i {
  background-image: url("../images/page/i_icon8_on.svg");
}
.index_main .section2 .item.item4 i {
  background-image: url("../images/page/i_icon9.svg");
}
.index_main .section2 .item.item4:hover i {
  background-image: url("../images/page/i_icon9_on.svg");
}
.index_main .section2 .item.item5 i {
  background-image: url("../images/page/i_icon10.svg");
}
.index_main .section2 .item.item5:hover i {
  background-image: url("../images/page/i_icon10_on.svg");
}
.index_main .section2 .item.item6 i {
  background-image: url("../images/page/i_icon11.svg");
}
.index_main .section2 .item.item6:hover i {
  background-image: url("../images/page/i_icon11_on.svg");
}
.index_main .section3 {
  background: #fff;
}
.index_main .section3 .item.item1 i {
  background-image: url("../images/page/i_icon12.svg");
}
.index_main .section3 .item.item1:hover i {
  background-image: url("../images/page/i_icon12_on.svg");
}
.index_main .section3 .item.item2 i {
  background-image: url("../images/page/i_icon13.svg");
}
.index_main .section3 .item.item2:hover i {
  background-image: url("../images/page/i_icon13_on.svg");
}
.index_main .section3 .item.item3 i {
  background-image: url("../images/page/i_icon14.svg");
}
.index_main .section3 .item.item3:hover i {
  background-image: url("../images/page/i_icon14_on.svg");
}
.index_main .section3 .item.item4 i {
  background-image: url("../images/page/i_icon15.svg");
}
.index_main .section3 .item.item4:hover i {
  background-image: url("../images/page/i_icon15_on.svg");
}
.index_main .section3 .item.item5 i {
  background-image: url("../images/page/i_icon16.svg");
}
.index_main .section3 .item.item5:hover i {
  background-image: url("../images/page/i_icon16_on.svg");
}
.index_main .section3 .item.item6 i {
  background-image: url("../images/page/i_icon17.svg");
}
.index_main .section3 .item.item6:hover i {
  background-image: url("../images/page/i_icon17_on.svg");
}
.index_main .section4 {
  padding: 4.5vw 0;
  background: #e7e7e7;
}
.index_main .section4 .items {
  margin: 0 -18px;
  margin-top: 40px;
}
.index_main .section4 .item.item1 i {
  background-image: url("../images/page/i_icon18.svg");
}
.index_main .section4 .item.item1:hover i {
  background-image: url("../images/page/i_icon18_on.svg");
}
.index_main .section4 .item.item2 i {
  background-image: url("../images/page/i_icon19.svg");
}
.index_main .section4 .item.item2:hover i {
  background-image: url("../images/page/i_icon19_on.svg");
}
.index_main .section4 .item.item3 i {
  background-image: url("../images/page/i_icon20.svg");
}
.index_main .section4 .item.item3:hover i {
  background-image: url("../images/page/i_icon20_on.svg");
}
.index_main .section5 {
  padding: 4.5vw 0;
}
.index_main .section5 .items {
  margin-top: 0 -18px;
  margin-top: 40px;
  font-size: 0;
}
.index_main .section5 .item {
  display: inline-block;
  vertical-align: top;
  width: calc(33.33% - 36px);
  margin: 0 18px;
  position: relative;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.index_main .section5 .item .img_block {
  overflow: hidden;
}
.index_main .section5 .item .img_block img {
  display: block;
  width: 100%;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.index_main .section5 .item:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.index_main .section5 .item:after {
  content: '';
  position: absolute;
  top: 30%;
  left: 0;
  right: 0;
  bottom: 0;
  background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
  background: -o-linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
  background: -moz-linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
  z-index: 2;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.index_main .section5 .item .tit {
  position: absolute;
  left: 25px;
  right: 25px;
  bottom: 25px;
  font-size: 20px;
  color: #fff;
  z-index: 3;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.index_main .section5 .item .txt_block {
  position: absolute;
  top: 30px;
  left: 30px;
  right: 30px;
  bottom: 30px;
  background: rgba(255, 255, 255, 0.3);
  padding: 10px;
  z-index: 4;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.index_main .section5 .item .txt_block .box {
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  position: relative;
}
.index_main .section5 .item .txt_block h3 {
  font-size: 20px;
  color: #333;
  text-align: center;
  margin-bottom: 20px;
}
.index_main .section5 .item .txt_block a {
  position: absolute;
  bottom: 30px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  font-size: 16px;
  color: #3a97ff;
}
.index_main .section5 .item:hover {
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px);
}
.index_main .section5 .item:hover:before, .index_main .section5 .item:hover .txt_block {
  opacity: 1;
}
.index_main .section5 .item:hover:after, .index_main .section5 .item:hover .tit {
  opacity: 0;
}
.index_main .section5 .item:hover .img_block img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.certification_main .section1 {
  padding: calc(7.8vw + 135px) 0 7.8vw;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/page/c_banner.jpg");
  text-align: center;
  color: #fff;
}
.certification_main .section1 h3 {
  font-size: 48px;
  font-weight: lighter;
}
.certification_main .section1 p {
  font-size: 16px;
  font-weight: lighter;
  margin-top: 20px;
}
.certification_main .section2 {
  background-color: #02052f;
  background-position: center top;
  background-repeat: no-repeat;
  background-image: url("../images/page/bg_line.jpg");
  background-size: 100% 1px;
  font-size: 0;
  margin-top: -1px;
}
.certification_main .section2 .item {
  width: 25%;
  padding: 30px 0;
  display: inline-block;
  vertical-align: top;
}
.certification_main .section2 .item .icon {
  width: 85px;
  height: 45px;
  float: left;
  position: relative;
}
.certification_main .section2 .item .icon:before {
  content: '';
  width: 100%;
  height: 30px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/page/c_icon1.png");
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.certification_main .section2 .item .icon:after {
  content: '';
  width: 30px;
  height: 30px;
  margin: 0 auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.certification_main .section2 .item .txt {
  margin-left: 105px;
  color: #fff;
}
.certification_main .section2 .item .txt h3 {
  font-size: 16px;
  line-height: 1;
}
.certification_main .section2 .item .txt p {
  font-size: 14px;
  line-height: 1;
  margin-top: 10px;
}
.certification_main .section2 .item:nth-of-type(1) .icon:after {
  background-image: url("../images/page/c_icon2.png");
}
.certification_main .section2 .item:nth-of-type(2) .icon:after {
  background-image: url("../images/page/c_icon3.png");
}
.certification_main .section2 .item:nth-of-type(3) .icon:after {
  background-image: url("../images/page/c_icon4.png");
}
.certification_main .section2 .item:nth-of-type(4) .icon:after {
  background-image: url("../images/page/c_icon5.png");
}
.certification_main .section2 .item:hover .icon:before {
  -webkit-transform: translateY(5px);
  -moz-transform: translateY(5px);
  -ms-transform: translateY(5px);
  transform: translateY(5px);
}
.certification_main .section2 .item:hover .icon:after {
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px);
}
.certification_main .section3 {
  padding: 6.25vw 0;
}
.certification_main .section3 ul {
  margin-top: 3vw;
  font-size: 0;
}
.certification_main .section3 li {
  display: inline-block;
  vertical-align: top;
  width: calc(100% / 7);
  border: 1px solid #ebebeb;
  margin-left: -1px;
  text-align: center;
  background: #fff;
  position: relative;
  z-index: 1;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.certification_main .section3 li span {
  display: block;
  height: 80px;
  line-height: 30px;
  padding: 25px 10px;
  font-size: 18px;
  color: #333333;
  font-weight: lighter;
  background: #fbfbfb;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.certification_main .section3 li .cell_box {
  height: 60px;
  padding: 0 10px;
  border-top: 1px solid #ebebeb;
}
.certification_main .section3 li p {
  line-height: 20px;
  font-size: 14px;
  color: #808080;
}
.certification_main .section3 li:not(.tit):hover {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  border-color: #1d77ff;
  z-index: 2;
}
.certification_main .section3 li:not(.tit):hover span {
  background: #1d77ff;
  color: #fff;
}
.certification_main .section4 .big_tabt {
  font-size: 0;
  margin-top: 3.5vw;
  text-align: center;
  position: relative;
  z-index: 2;
}
.certification_main .section4 .big_tabt .item {
  display: inline-block;
  vertical-align: top;
  margin: 0 3vw;
  padding: 0 48px 30px;
  position: relative;
  cursor: pointer;
}
.certification_main .section4 .big_tabt .item i {
  display: block;
  height: 48px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.certification_main .section4 .big_tabt .item h3 {
  font-size: 18px;
  color: #333;
  margin-top: 25px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.certification_main .section4 .big_tabt .item:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  height: 3px;
  background: #108cee;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  transform-origin: left center;
}
.certification_main .section4 .big_tabt .item:nth-of-type(1) i {
  background-image: url("../images/page/c_icon6.png");
}
.certification_main .section4 .big_tabt .item:nth-of-type(1).active i {
  background-image: url("../images/page/c_icon6_on.png");
}
.certification_main .section4 .big_tabt .item:nth-of-type(2) i {
  background-image: url("../images/page/c_icon7.png");
}
.certification_main .section4 .big_tabt .item:nth-of-type(2).active i {
  background-image: url("../images/page/c_icon7_on.png");
}
.certification_main .section4 .big_tabt .item:nth-of-type(3) i {
  background-image: url("../images/page/c_icon8.png");
}
.certification_main .section4 .big_tabt .item:nth-of-type(3).active i {
  background-image: url("../images/page/c_icon8_on.png");
}
.certification_main .section4 .big_tabt .item.active h3 {
  color: #108cee;
}
.certification_main .section4 .big_tabt .item.active:after {
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}
.certification_main .section4 .big_tabt .item:hover h3 {
  color: #108cee;
}
.certification_main .section4 .big_tabc {
  background: #f7f7f7;
  padding: 4.5vw 0 6.8vw;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) inset;
}
.certification_main .section4 .big_tabc .child {
  display: none;
}
.certification_main .section4 .small_tabt {
  font-size: 0;
  text-align: center;
  position: relative;
  opacity: 0;
  -webkit-animation: o-upfade-top 0.7s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  -moz-animation: o-upfade-top 0.7s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  -ms-animation: o-upfade-top 0.7s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  animation: o-upfade-top 0.7s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
.certification_main .section4 .small_tabt .item {
  display: inline-block;
  vertical-align: top;
  width: calc((100% - 150px) / 4);
  height: 150px;
  position: relative;
}
.certification_main .section4 .small_tabt .item:last-of-type {
  width: 150px;
}
.certification_main .section4 .small_tabt .item .box {
  width: 150px;
  height: 150px;
  padding: 0 10px;
  border-radius: 10px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.certification_main .section4 .small_tabt .item .box i {
  display: block;
  height: 48px;
  background-position: center;
  background-repeat: no-repeat;
}
.certification_main .section4 .small_tabt .item .box span {
  font-size: 16px;
  color: #fff;
  display: block;
  margin-top: 20px;
}
.certification_main .section4 .small_tabt .item .cell_box {
  height: 100%;
}
.certification_main .section4 .small_tabt .item .dot {
  position: absolute;
  right: calc((100% - 150px) / 2);
  top: 50%;
  margin-top: -6px;
  -webkit-transform: translateX(50%);
  -moz-transform: translateX(50%);
  -ms-transform: translateX(50%);
  transform: translateX(50%);
  white-space: nowrap;
}
.certification_main .section4 .small_tabt .item .dot span {
  display: inline-block;
  vertical-align: top;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin-right: 8px;
}
.certification_main .section4 .small_tabt .item .dot span:last-of-type {
  margin-right: 0;
}
.certification_main .section4 .small_tabt .item:nth-of-type(1) .box {
  background: #04cb94;
}
.certification_main .section4 .small_tabt .item:nth-of-type(1) .box i {
  background-image: url("../images/page/c_icon9.png");
}
.certification_main .section4 .small_tabt .item:nth-of-type(1) .dot span {
  background: #04cb94;
}
.certification_main .section4 .small_tabt .item:nth-of-type(2) .box {
  background: #1dd2c6;
}
.certification_main .section4 .small_tabt .item:nth-of-type(2) .box i {
  background-image: url("../images/page/c_icon10.png");
}
.certification_main .section4 .small_tabt .item:nth-of-type(2) .dot span {
  background: #1dd2c6;
}
.certification_main .section4 .small_tabt .item:nth-of-type(3) .box {
  background: #7ecef4;
}
.certification_main .section4 .small_tabt .item:nth-of-type(3) .box i {
  background-image: url("../images/page/c_icon11.png");
}
.certification_main .section4 .small_tabt .item:nth-of-type(3) .dot span {
  background: #7ecef4;
}
.certification_main .section4 .small_tabt .item:nth-of-type(4) .box {
  background: #1eb8f7;
}
.certification_main .section4 .small_tabt .item:nth-of-type(4) .box i {
  background-image: url("../images/page/c_icon12.png");
}
.certification_main .section4 .small_tabt .item:nth-of-type(4) .dot span {
  background: #1eb8f7;
}
.certification_main .section4 .small_tabt .item:nth-of-type(5) .box {
  background: #486dea;
}
.certification_main .section4 .small_tabt .item:nth-of-type(5) .box i {
  background-image: url("../images/page/c_icon13.png");
}
.certification_main .section4 .small_tabt .item:nth-of-type(5) .dot span {
  background: #486dea;
}
.certification_main .section4 .small_tabt .item.active .box {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.certification_main .section4 .small_tabt .item.active .dot span:nth-of-type(1) {
  -webkit-animation: dot1 1.2s linear infinite;
  -moz-animation: dot1 1.2s linear infinite;
  -ms-animation: dot1 1.2s linear infinite;
  animation: dot1 1.2s linear infinite;
}
.certification_main .section4 .small_tabt .item.active .dot span:nth-of-type(2) {
  -webkit-animation: dot2 1.2s linear infinite;
  -moz-animation: dot2 1.2s linear infinite;
  -ms-animation: dot2 1.2s linear infinite;
  animation: dot2 1.2s linear infinite;
}
.certification_main .section4 .small_tabt .item.active .dot span:nth-of-type(3) {
  -webkit-animation: dot3 1.2s linear infinite;
  -moz-animation: dot3 1.2s linear infinite;
  -ms-animation: dot3 1.2s linear infinite;
  animation: dot3 1.2s linear infinite;
}
.certification_main .section4 .small_tabc {
  padding: 4vw 6.25vw 0;
  position: relative;
  opacity: 0;
  -webkit-animation: o-upfade-top 0.7s cubic-bezier(0.4, 0, 0.2, 1) 0.2s forwards;
  -moz-animation: o-upfade-top 0.7s cubic-bezier(0.4, 0, 0.2, 1) 0.2s forwards;
  -ms-animation: o-upfade-top 0.7s cubic-bezier(0.4, 0, 0.2, 1) 0.2s forwards;
  animation: o-upfade-top 0.7s cubic-bezier(0.4, 0, 0.2, 1) 0.2s forwards;
}
.certification_main .section4 .small_tabc .item {
  border-radius: 10px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  padding: 3vw;
  opacity: 0;
  -webkit-animation: o-upfade-top 0.7s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  -moz-animation: o-upfade-top 0.7s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  -ms-animation: o-upfade-top 0.7s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  animation: o-upfade-top 0.7s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  position: relative;
  display: none;
}
.certification_main .section4 .small_tabc .item .num {
  float: left;
  height: 70px;
}
.certification_main .section4 .small_tabc .item span {
  display: block;
  font-size: 100px;
  font-family: 'NeutraTextLight';
  line-height: 1;
  margin-top: -30px;
}
.certification_main .section4 .small_tabc .item .txt {
  margin-left: 120px;
}
.certification_main .section4 .small_tabc .item h3 {
  font-size: 20px;
  color: #333;
}
.certification_main .section4 .small_tabc .item p {
  font-size: 16px;
  line-height: 24px;
  color: #808080;
  margin-top: 10px;
}
.certification_main .section4 .small_tabc .item:nth-of-type(1) span {
  color: #04cb94;
}
.certification_main .section4 .small_tabc .item:nth-of-type(2) span {
  color: #1dd2c6;
}
.certification_main .section4 .small_tabc .item:nth-of-type(3) span {
  color: #7ecef4;
}
.certification_main .section4 .small_tabc .item:nth-of-type(4) span {
  color: #1eb8f7;
}
.certification_main .section4 .small_tabc .item:nth-of-type(5) span {
  color: #486dea;
}
.certification_main .section5 {
  padding: 6.25vw 0 70px;
  background: -webkit-linear-gradient(135deg, #108cee, #04cb94);
  background: -o-linear-gradient(135deg, #108cee, #04cb94);
  background: -moz-linear-gradient(135deg, #108cee, #04cb94);
  background: linear-gradient(135deg, #108cee, #04cb94);
  overflow: hidden;
}
.certification_main .section5 .map_block {
  width: 52vw;
  max-width: 990px;
  margin: 0 auto;
  position: relative;
}
.certification_main .section5 .map_block .map_line {
  width: 15.5vw;
  max-width: 295px;
  position: absolute;
  top: 80%;
  right: 8%;
}
.certification_main .section5 .map_block svg {
  width: 100%;
  display: block;
}
.certification_main .section5 .map_block svg path {
  fill: #fff;
  opacity: .2;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.certification_main .section5 .map_block svg.hide {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
}
.certification_main .section5 .map_block .dot {
  position: absolute;
  width: 20px;
  height: 20px;
}
.certification_main .section5 .map_block .dot i {
  display: block;
  width: 6px;
  height: 6px;
  margin: 7px;
  position: relative;
  background: #fff;
  border-radius: 50%;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.certification_main .section5 .map_block .dot i:before {
  content: '';
  position: absolute;
  top: -3px;
  left: -3px;
  right: -3px;
  bottom: -3px;
  background: rgba(255, 255, 255, 0.4);
  border-radius: 50%;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.certification_main .section5 .map_block .dot i:after {
  content: '';
  position: absolute;
  top: -6px;
  left: -6px;
  right: -6px;
  bottom: -6px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.certification_main .section5 .map_block .dot span {
  font-size: 12px;
  color: #fff;
  position: absolute;
  white-space: nowrap;
  cursor: pointer;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.certification_main .section5 .map_block .dot .content {
  position: absolute;
  padding-right: 80px;
  right: 0;
  bottom: -10px;
  opacity: 0;
  visibility: hidden;
  z-index: 1;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.certification_main .section5 .map_block .dot .content .rings {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #f29111;
  position: absolute;
  right: 3px;
  bottom: 13px;
}
.certification_main .section5 .map_block .dot .content .rings .ring {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  border: 1px solid rgba(242, 145, 17, 0.4);
  border-radius: 50%;
}
.certification_main .section5 .map_block .dot .content .line {
  width: 71px;
  height: 35px;
  background-position: right top;
  background-repeat: no-repeat;
  background-image: url("../images/page/c_line.png");
  position: absolute;
  right: 9px;
  bottom: 20px;
  z-index: 2;
}
.certification_main .section5 .map_block .dot .content .box {
  padding: 2vw;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.8);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
  position: relative;
  z-index: 3;
}
.certification_main .section5 .map_block .dot .content .box p {
  font-size: 18px;
  line-height: 2;
  color: #f29111;
  white-space: nowrap;
  font-weight: bold;
}
.certification_main .section5 .map_block .dot.active i {
  background: #f29111;
}
.certification_main .section5 .map_block .dot.active i:before {
  background: rgba(242, 145, 17, 0.4);
}
.certification_main .section5 .map_block .dot.active i:after {
  background: rgba(242, 145, 17, 0.4);
}
.certification_main .section5 .map_block .dot.active span {
  color: #f29111;
}
.certification_main .section5 .map_block .dot .content {
  position: absolute;
  padding-right: 80px;
  right: 0;
  bottom: -10px;
  opacity: 0;
  visibility: hidden;
  z-index: 1;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.certification_main .section5 .map_block .dot .content .rings {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #f29111;
  position: absolute;
  right: 3px;
  bottom: 13px;
}
.certification_main .section5 .map_block .dot .content .rings .ring {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  border: 1px solid rgba(242, 145, 17, 0.4);
  border-radius: 50%;
}
.certification_main .section5 .map_block .dot .content .line {
  width: 71px;
  height: 35px;
  background-position: right top;
  background-repeat: no-repeat;
  background-image: url("../images/page/c_line.png");
  position: absolute;
  right: 9px;
  bottom: 20px;
  z-index: 2;
}
.certification_main .section5 .map_block .dot .content .box {
  padding: 2vw;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.8);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
  position: relative;
  z-index: 3;
}
.certification_main .section5 .map_block .dot .content .box p {
  font-size: 18px;
  line-height: 2;
  color: #f29111;
  white-space: nowrap;
  font-weight: bold;
}
.certification_main .section5 .map_block .dot.beijing {
  top: 38.5%;
  right: 23.8%;
}
.certification_main .section5 .map_block .dot.beijing span {
  top: -10px;
  right: 120%;
}
.certification_main .section5 .map_block .dot.heilongjiang {
  top: 14.7%;
  right: 8.6%;
}
.certification_main .section5 .map_block .dot.heilongjiang span {
  top: 100%;
  left: 0;
}
.certification_main .section5 .map_block .dot.jilin {
  top: 25%;
  right: 8.7%;
}
.certification_main .section5 .map_block .dot.jilin span {
  top: 100%;
  left: 10px;
}
.certification_main .section5 .map_block .dot.liaoning {
  top: 32.6%;
  right: 14.3%;
}
.certification_main .section5 .map_block .dot.liaoning span {
  top: 2px;
  left: 120%;
}
.certification_main .section5 .map_block .dot.neimenggu {
  top: 28.2%;
  right: 28.3%;
}
.certification_main .section5 .map_block .dot.neimenggu span {
  top: 2px;
  left: 120%;
}
.certification_main .section5 .map_block .dot.tianjin {
  top: 40%;
  right: 21.6%;
}
.certification_main .section5 .map_block .dot.tianjin span {
  top: 15px;
  left: 120%;
}
.certification_main .section5 .map_block .dot.hebei {
  top: 43%;
  right: 25.3%;
}
.certification_main .section5 .map_block .dot.hebei span {
  top: 100%;
  left: -10%;
}
.certification_main .section5 .map_block .dot.shandong {
  top: 48%;
  right: 22%;
}
.certification_main .section5 .map_block .dot.shandong span {
  top: 0;
  left: 120%;
}
.certification_main .section5 .map_block .dot.shanxi1 {
  top: 45%;
  right: 30.9%;
}
.certification_main .section5 .map_block .dot.shanxi1 span {
  top: 100%;
  left: -10%;
}
.certification_main .section5 .map_block .dot.henan {
  top: 54.9%;
  right: 27.75%;
}
.certification_main .section5 .map_block .dot.henan span {
  top: 100%;
  left: -10%;
}
.certification_main .section5 .map_block .dot.jiangsu {
  top: 57.6%;
  right: 15%;
}
.certification_main .section5 .map_block .dot.jiangsu span {
  top: 100%;
  left: -10%;
}
.certification_main .section5 .map_block .dot.anhui {
  top: 59.2%;
  right: 20%;
}
.certification_main .section5 .map_block .dot.anhui span {
  top: 100%;
  left: -10%;
}
.certification_main .section5 .map_block .dot.zhejiang {
  top: 69%;
  right: 13.72%;
}
.certification_main .section5 .map_block .dot.zhejiang span {
  top: -100%;
  left: -100%;
}
.certification_main .section5 .map_block .dot.shanghai {
  top: 61.25%;
  right: 11.8%;
}
.certification_main .section5 .map_block .dot.shanghai span {
  top: 2px;
  left: 120%;
}
.certification_main .section5 .map_block .dot.jiangxi {
  top: 70.6%;
  right: 22.56%;
}
.certification_main .section5 .map_block .dot.jiangxi span {
  top: 100%;
  left: -10%;
}
.certification_main .section5 .map_block .dot.fujian {
  top: 74.5%;
  right: 17.37%;
}
.certification_main .section5 .map_block .dot.fujian span {
  top: 100%;
  left: -10%;
}
.certification_main .section5 .map_block .dot.hubei {
  top: 62.5%;
  right: 29.6%;
}
.certification_main .section5 .map_block .dot.hubei span {
  top: 100%;
  left: -10%;
}
.certification_main .section5 .map_block .dot.hunan {
  top: 73.3%;
  right: 29.8%;
}
.certification_main .section5 .map_block .dot.hunan span {
  top: 100%;
  left: -10%;
}
.certification_main .section5 .map_block .dot.shanxi2 {
  top: 53.9%;
  right: 36%;
}
.certification_main .section5 .map_block .dot.shanxi2 span {
  top: 100%;
  left: -10%;
}
.certification_main .section5 .map_block .dot.ningxia {
  top: 46%;
  right: 41.5%;
}
.certification_main .section5 .map_block .dot.ningxia span {
  top: 100%;
  left: -10%;
}
.certification_main .section5 .map_block .dot.gansu {
  top: 50.9%;
  right: 44.5%;
}
.certification_main .section5 .map_block .dot.gansu span {
  top: 100%;
  left: -10%;
}
.certification_main .section5 .map_block .dot.qinghai {
  top: 50%;
  right: 60.78%;
}
.certification_main .section5 .map_block .dot.qinghai span {
  top: 100%;
  left: -10%;
}
.certification_main .section5 .map_block .dot.xinjiang {
  top: 35.3%;
  right: 79.8%;
}
.certification_main .section5 .map_block .dot.xinjiang span {
  top: 100%;
  left: -10%;
}
.certification_main .section5 .map_block .dot.xizang {
  top: 57.46%;
  right: 77.55%;
}
.certification_main .section5 .map_block .dot.xizang span {
  top: 100%;
  left: -10%;
}
.certification_main .section5 .map_block .dot.sichuan {
  top: 64.1%;
  right: 47.45%;
}
.certification_main .section5 .map_block .dot.sichuan span {
  top: 100%;
  left: -10%;
}
.certification_main .section5 .map_block .dot.chongqing {
  top: 67.8%;
  right: 37.7%;
}
.certification_main .section5 .map_block .dot.chongqing span {
  top: 100%;
  left: -10%;
}
.certification_main .section5 .map_block .dot.yunnan {
  top: 82.3%;
  right: 50.83%;
}
.certification_main .section5 .map_block .dot.yunnan span {
  top: 100%;
  left: -10%;
}
.certification_main .section5 .map_block .dot.guizhou {
  top: 75.26%;
  right: 39%;
}
.certification_main .section5 .map_block .dot.guizhou span {
  top: 100%;
  left: -10%;
}
.certification_main .section5 .map_block .dot.guangxi {
  top: 83.17%;
  right: 35.5%;
}
.certification_main .section5 .map_block .dot.guangxi span {
  top: 100%;
  left: -10%;
}
.certification_main .section5 .map_block .dot.guangdong {
  top: 83.3%;
  right: 27.12%;
}
.certification_main .section5 .map_block .dot.guangdong span {
  top: 100%;
  left: -10%;
}
.certification_main .section5 .map_block .dot.xianggang {
  top: 87.4%;
  right: 23.56%;
}
.certification_main .section5 .map_block .dot.xianggang span {
  top: 100%;
  left: -10%;
}
.certification_main .section5 .map_block .dot.aomen {
  top: 89%;
  right: 27%;
}
.certification_main .section5 .map_block .dot.aomen span {
  top: 100%;
  left: -10%;
}
.certification_main .section5 .map_block .dot.taiwan {
  top: 81.58%;
  right: 10.5%;
}
.certification_main .section5 .map_block .dot.taiwan span {
  top: 100%;
  left: -10%;
}
.certification_main .section5 .map_block .dot.hainan {
  top: 97%;
  right: 33.5%;
}
.certification_main .section5 .map_block .dot.hainan span {
  top: 2px;
  left: -120%;
}

.detail_main .section2 {
  margin-top: -6.25vw;
  padding-bottom: 6.25vw;
}
.detail_main .section2 .main {
  background: #fff;
  padding: 3.125vw;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}
.detail_main .section2 .top_box {
  position: relative;
}
.detail_main .section2 .top_box .img_block {
  width: 480px;
  position: relative;
}
.detail_main .section2 .top_box .img_block img {
  display: block;
  width: 100%;
}
.detail_main .section2 .top_box .img_block:after {
  content: '';
  width: 80px;
  height: 80px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/page/d_icon1.png");
}
.detail_main .section2 .top_box .txt_block {
  position: absolute;
  height: 100%;
  left: 540px;
  right: 0;
  top: 0;
}
.detail_main .section2 .top_box .txt_block h3 {
  font-size: 24px;
  color: #333;
}
.detail_main .section2 .top_box .txt_block p {
  font-size: 14px;
  line-height: 24px;
  color: #808080;
  margin-top: 15px;
  max-height: 72px;
  overflow: hidden;
}
.detail_main .section2 .top_box .txt_block .star {
  margin-top: 30px;
}
.detail_main .section2 .top_box .txt_block .star span {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  color: #808080;
}
.detail_main .section2 .top_box .txt_block .star span.red {
  color: #f66f6a;
  margin-left: 10px;
}
.detail_main .section2 .top_box .txt_block .star img {
  display: inline-block;
  vertical-align: middle;
}
.detail_main .section2 .top_box .txt_block .btn {
  margin-top: 20px;
}
.detail_main .section2 .top_box .txt_block .btn a {
  display: inline-block;
  vertical-align: top;
  width: 120px;
  line-height: 42px;
  color: #fff;
  font-size: 14px;
  text-align: center;
  margin-right: 10px;
  text-align: center;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.detail_main .section2 .top_box .txt_block .btn a:nth-of-type(1) {
  background-color: #108cee;
}
.detail_main .section2 .top_box .txt_block .btn a:nth-of-type(1):hover {
  box-shadow: 0 5px 20px rgba(16, 140, 238, 0.3);
}
.detail_main .section2 .top_box .txt_block .btn a:nth-of-type(2) {
  background-color: #f29111;
}
.detail_main .section2 .top_box .txt_block .btn a:nth-of-type(2):hover {
  box-shadow: 0 5px 20px rgba(242, 145, 17, 0.3);
}
.detail_main .section2 .top_box .txt_block .btn a:hover {
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px);
}
.detail_main .section2 .bot_box {
  margin-top: 3.5vw;
}
.detail_main .section2 .bot_box h3 {
  font-size: 24px;
  color: #333;
}
.detail_main .section2 .bot_box .box {
  background: #f7f7f7;
  margin-top: 30px;
  padding: 3.25vw;
}
.detail_main .section2 .bot_box .item {
  margin-bottom: 2.5vw;
}
.detail_main .section2 .bot_box .item h4 {
  font-size: 18px;
  line-height: 1;
  color: #333;
  border-left: 3px solid #108cee;
  padding-left: 30px;
}
.detail_main .section2 .bot_box .item .desc {
  margin-top: 20px;
  font-size: 16px;
  line-height: 32px;
  color: #808080;
}
.detail_main .section2 .bot_box .item a {
  color: #108cee;
}

@media screen and (max-width: 1700px) {
  .index_main .index_comm_section .main {
    margin: 12px -90px 0;
  }

  .index_main .index_comm_section .items {
    padding: 0 72px;
  }
}
@media screen and (max-width: 1600px) {
  .cloud_comm_banner .box {
    padding: 9vw 0 15vw;
  }

  .cloud_comm_banner h3 {
    font-size: 50px;
  }

  .cloud_comm_banner .box .item:nth-of-type(4) {
    bottom: -2vw;
  }

  .cloud_comm_banner .box .item:nth-of-type(6) {
    bottom: -3vw;
  }

  .certification_main .section1 h3 {
    font-size: 44px;
  }
}
@media screen and (max-width: 1500px) {
  .cloud_comm_nav {
    top: 60px;
  }

  .cloud_comm_banner h3 {
    font-size: 44px;
  }

  .cloud_comm_title h3 {
    font-size: 30px;
  }

  .index_main .section1 .s_items .item .txt {
    margin-left: 80px;
  }

  .index_main .section1 .s_items .item h3 {
    font-size: 18px;
  }

  .index_main .cloud_items .item h3 {
    font-size: 20px;
  }

  .index_main .section5 .item .tit,
  .index_main .section5 .item .txt_block h3 {
    font-size: 18px;
  }

  .index_main .index_comm_section .main {
    margin: 12px -70px 0;
  }

  .index_main .index_comm_section .items {
    padding: 0 52px;
  }

  .index_main .index_comm_section .slick-arrow {
    width: 46px;
    height: 46px;
  }

  .detail_main .section2 .top_box .img_block {
    width: 420px;
  }

  .detail_main .section2 .top_box .txt_block {
    left: 470px;
  }

  .certification_main .section1 h3 {
    font-size: 40px;
  }

  .certification_main .section4 .small_tabt .item {
    width: calc((100% - 130px) / 4);
    height: 130px;
  }

  .certification_main .section4 .small_tabt .item:last-of-type {
    width: 130px;
  }

  .certification_main .section4 .small_tabt .item .box {
    width: 130px;
    height: 130px;
  }

  .certification_main .section4 .small_tabt .item .dot {
    right: calc((100% - 130px) / 2);
  }

  .certification_main .section4 .small_tabt .item .box i {
    height: 40px;
    background-size: contain;
  }

  .certification_main .section4 .small_tabt .item .box span {
    font-size: 14px;
  }

  .certification_main .section4 .small_tabc .item span {
    font-size: 80px;
    margin-top: -20px;
  }

  .certification_main .section4 .small_tabc .item .txt {
    margin-left: 110px;
  }

  .certification_main .section4 .big_tabt .item h3 {
    margin-top: 18px;
  }
}
@media screen and (max-width: 1366px) {
  .cloud_comm_title h3 {
    font-size: 28px;
  }

  .cloud_comm_title p {
    font-size: 16px;
  }

  .index_main .sub_nav a {
    margin: 0 2vw;
    line-height: 60px;
  }

  .index_main .section1 .s_items .item {
    padding: 0 5vw 0 2vw;
  }

  .index_main .section1 .s_items .item .icon {
    width: 60px;
    height: 60px;
  }

  .index_main .section1 .items .item a {
    width: 68px;
    height: 68px;
  }

  .index_main .cloud_items .item a {
    padding: 40px 15px;
  }

  .index_main .cloud_items .item h3 {
    font-size: 18px;
  }

  .index_main .cloud_items .item p {
    font-size: 15px;
  }

  .index_main .section5 .item .tit,
  .index_main .section5 .item .txt_block h3 {
    font-size: 16px;
  }

  .index_main .section5 .item .txt_block a {
    bottom: 20px;
  }

  .detail_main .section2 .top_box .img_block {
    width: 400px;
  }

  .detail_main .section2 .top_box .txt_block {
    left: 440px;
  }

  .detail_main .section2 .top_box .txt_block h3 {
    font-size: 22px;
  }

  .detail_main .section2 .top_box .txt_block .star {
    margin-top: 20px;
  }

  .certification_main .section1 h3 {
    font-size: 36px;
  }

  .certification_main .section1 {
    padding: calc(10vw + 120px) 0 10vw;
  }

  .certification_main .section3 li span {
    height: 64px;
    padding: 17px 10px;
    font-size: 17px;
  }

  .certification_main .section4 .big_tabt .item {
    padding: 0 30px 20px;
  }

  .certification_main .section4 .big_tabt .item i {
    height: 40px;
  }

  .certification_main .section5 .map_block {
    width: 56vw;
  }
}
@media screen and (max-width: 1200px) {
  .cloud_comm_title h3 {
    font-size: 26px;
  }

  .cloud_comm_banner .box {
    padding: 7vw 0 16vw;
  }

  .cloud_comm_banner .box .item:nth-of-type(4) {
    bottom: -4vw;
  }

  .cloud_comm_banner .box .item:nth-of-type(6) {
    bottom: -6vw;
  }

  .index_main .section1 .items .item a {
    width: 60px;
    height: 60px;
  }

  .index_main .section1 .s_items .item .icon {
    width: 50px;
    height: 50px;
  }

  .index_main .section1 .s_items .item .txt {
    margin-left: 65px;
    padding: 5px 0;
  }

  .index_main .section1 .s_items .item h3 {
    margin-top: 8px;
  }

  .detail_main .section2 .top_box .img_block {
    width: 360px;
  }

  .detail_main .section2 .top_box .txt_block {
    left: 390px;
  }

  .detail_main .section2 .top_box .txt_block p {
    margin-top: 10px;
    line-height: 20px;
    max-height: 60px;
  }

  .detail_main .section2 .top_box .txt_block .star {
    margin-top: 15px;
  }

  .detail_main .section2 .top_box .txt_block .btn {
    margin-top: 15px;
  }

  .detail_main .section2 .top_box .txt_block .btn a {
    line-height: 36px;
    width: 100px;
  }

  .certification_main .section3 li span {
    height: 60px;
    padding: 15px 5px;
    font-size: 16px;
  }

  .certification_main .section4 .big_tabt .item h3 {
    font-size: 16px;
  }

  .certification_main .section4 .small_tabt .item .dot span {
    width: 8px;
    height: 8px;
    margin-right: 4px;
  }

  .certification_main .section4 .small_tabt .item {
    width: calc((100% - 110px) / 4);
    height: 110px;
  }

  .certification_main .section4 .small_tabt .item:last-of-type {
    width: 110px;
  }

  .certification_main .section4 .small_tabt .item .box {
    width: 110px;
    height: 110px;
    padding: 0;
  }

  .certification_main .section4 .small_tabt .item .dot {
    right: calc((100% - 110px) / 2);
  }

  .certification_main .section4 .small_tabt .item .box i {
    height: 30px;
  }

  .certification_main .section4 .small_tabt .item .box span {
    font-size: 12px;
  }
}

/*# sourceMappingURL=clouds.css.map */