@charset "UTF-8";
.security-dc .header-container, .security-dc .banner-box {
  width: 100%;
  height: 0px;
}

.security-dc .banner-text, .security-dc .banner-point, .security-dc .news-casting, .security-dc .banner-ul {
  display: none;
}

/* banner */
.page-full-banner {
  width: 100%;
  height: 500px;
  background: #232426 url(dc/dc_banner.jpg) no-repeat center;
}

.banner-text-area {
  padding-top: 175px;
  color: #fff;
}

.page-full-banner-text {
  font-size: 40px;
}

.page-full-banner-text-sub {
  line-height: 2em;
  margin-top: 30px;
  font-size: 14px;
}

/* 数据中心 */
.dc-nodes {
  padding-bottom: 70px;
}

.dc-title {
  font-size: 28px;
  padding: 60px 0 45px;
  text-align: center;
}

.dc-intro-left {
  width: 246px;
  background: #f5f5f5;
  padding: 26px 0 34px 0;
}

.dc-intro-main {
  position: relative;
  width: 950px;
  padding: 35px 0 0 110px;
  color: #555;
  font-size: 14px;
}

.intro-detail {
  display: none;
}

.intro-detail.active {
  display: block;
}

.dc-tab-item {
  width: 246px;
  height: 60px;
  line-height: 60px;
  background: url(img/dc_icon_location.png) no-repeat 72px center;
  color: #333;
  font-size: 16px;
  text-align: center;
  cursor: pointer;
}

.dc-tab-item:first-child {
  margin-top: 0;
}

.dc-tab-item:hover,
.dc-tab-item.active {
  background-color: #ff2626;
  background-image: url(img1/dc_icon_location_active.png);
  color: #fff;
}

.dc-intro-main .intro-detail-title {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 26px;
}

.intro-detail-content {
  margin-bottom: 20px;
  line-height: 2em;
}

.intro-features {
  padding: 16px 8px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  color: #ff2626;
}

.intro-feature-item {
  display: inline-block;
  float: left;
  padding-left: 45px;
  margin-left: 56px;
  height: 40px;
  line-height: 40px;
  background: no-repeat left center;
}

.intro-feature-item:first-child {
  margin-left: 0;
}

.intro-ftr-icp {
  background-image: url(dc/dc_icon_icp.png);
}

.intro-ftr-bgp {
  background-image: url(dc/dc_icon_bgp.png);
}

.intro-ftr-firewall {
  background-image: url(dc/dc_icon_firewall.png);
}

.intro-ftr-hardware {
  background-image: url(dc/dc_icon_hardware.png);
}

.intro-ftr-backup {
  background-image: url(dc/dc_icon_backup.png);
}

.intro-ftr-network {
  background-image: url(dc/dc_icon_network.png);
}

.intro-ftr-elitnet {
  background-image: url(dc/intro-ftr-elitnet.png);
}

.intro-ftr-router {
  background-image: url(dc/dc_icon_router.png);
}

.intro-ftr-backups {
  background-image: url(dc/dc_icon_backups.png);
}

.intro-ftr-security {
  background-image: url(dc/dc_icon_security.png);
}

.intro-ftr-lag {
  background-image: url(dc/dc_icon_lag.png);
}

.intro-ftr-82x {
  background-image: url(dc/intro-ftr-82x.png);
}

.intro-link {
  margin-top: 40px;
}

.intro-link a {
  display: block;
  width: 160px;
  height: 46px;
  line-height: 46px;
  background: #ff2626;
  color: #fff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-align: center;
  border-radius: 2px;
}

.intro-link a:hover {
  background: #f20000;
}

/* 测速 */
.dc-speed {
  width: 100%;
  height: 816px;
  background: url(dc/dc_worldmap_bg.jpg);
}

.dc-speed-title,
.dc-speed-subtitle {
  text-align: center;
  color: #fff;
}

.dc-speed-title {
  padding-top: 76px;
  font-size: 32px;
}

.dc-speed-subtitle {
  margin-top: 28px;
  font-size: 14px;
}

.dc-speed-main {
  position: relative;
}

.dc-dashboard-area {
  width: 550px;
  height: 550px;
  margin: 0 auto;
}

.info-area {
  position: absolute;
  bottom: -26px;
  width: 291px;
  height: 196px;
  background: url(dc/dc_data_block.png);
  padding: 28px 0 0 57px;
}

.info-area-left {
  left: 0;
}

.info-area-right {
  right: 0;
  padding-top: 18px;
}

.info-title {
  color: #b2ddff;
  font-size: 14px;
  font-weight: bold;
}

.info-row {
  margin-top: 10px;
  color: #fff;
  font-size: 14px;
}

.dc-dashboard {
  position: relative;
  width: 100%;
  height: 100%;
}

.speed-dashboard {
  position: absolute;
  top: 75px;
  left: 50%;
  z-index: 1;
  margin-left: -195px;
  width: 391px;
  height: 294px;
  background: url(dc/dc_dashboard.png);
}

.speed-pointer {
  position: absolute;
  top: 78px;
  left: 50%;
  margin-left: -12px;
  width: 24px;
  height: 246px;
}

.speed-unit {
  position: absolute;
  left: 50%;
  margin-left: -15px;
  top: 240px;
  color: #b2ddff;
  font-size: 14px;
}

.speed-numbers {
  position: absolute;
  top: 273px;
  left: 50%;
  margin-left: -42px;
  width: 84px;
  height: 30px;
}

.speed-numbers span,
.result-numbers span {
  float: left;
  width: 16px;
  height: 30px;
  margin-left: 4px;
  background: url(dc/dc_numbers_font.png) no-repeat center;
}

.speed-numbers span:first-child,
.result-numbers span:first-child {
  margin-left: 0;
}

span.number-null {
  background-position: 100px 100px;
}

.speed-numbers span.number-dot {
  width: 4px;
  background-position: 0 0;
}

.result-numbers span.number-dot {
  width: 4px;
  background-position: 0 -33px;
}

.speed-numbers span.number-0 {
  background-position: -8px 0;
}

.speed-numbers span.number-1 {
  background-position: -28px 0;
}

.speed-numbers span.number-2 {
  background-position: -48px 0;
}

.speed-numbers span.number-3 {
  background-position: -68px 0;
}

.speed-numbers span.number-4 {
  background-position: -88px 0;
}

.speed-numbers span.number-5 {
  background-position: -108px 0;
}

.speed-numbers span.number-6 {
  background-position: -128px 0;
}

.speed-numbers span.number-7 {
  background-position: -148px 0;
}

.speed-numbers span.number-8 {
  background-position: -168px 0;
}

.speed-numbers span.number-9 {
  background-position: -188px 0;
}

.result-numbers span.number-0 {
  background-position: -8px -33px;
}

.result-numbers span.number-1 {
  background-position: -28px -33px;
}

.result-numbers span.number-2 {
  background-position: -48px -33px;
}

.result-numbers span.number-3 {
  background-position: -68px -33px;
}

.result-numbers span.number-4 {
  background-position: -88px -33px;
}

.result-numbers span.number-5 {
  background-position: -108px -33px;
}

.result-numbers span.number-6 {
  background-position: -128px -33px;
}

.result-numbers span.number-7 {
  background-position: -148px -33px;
}

.result-numbers span.number-8 {
  background-position: -168px -33px;
}

.result-numbers span.number-9 {
  background-position: -188px -33px;
}

.speed-button {
  position: absolute;
  width: 206px;
  height: 56px;
  top: 353px;
  left: 50%;
  margin-left: -103px;
}

.speed-button a {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 56px;
  background: url(dc/dc_speed_button.png);
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
}

.speed-button .faker {
  display: none;
  background: url(dc/dc_speed_button_active.png);
}

.speed-button a:hover {
  color: #7ffff4;
}

.speed-button a:active {
  background: url(dc/dc_speed_button_active.png);
}

.speed-test-remind {
  position: absolute;
  top: 485px;
  left: 50%;
  margin-left: -300px;
  width: 600px;
  font-size: 14px;
  color: #b2ddff;
  text-align: center;
}

/* 测速第二步的元素 */
.speed-nodes {
  position: absolute;
  width: 280px;
  top: 326px;
  left: 50%;
  margin-left: -129px;
}

.speed-nodes a {
  display: inline-block;
  margin-left: 26px;
  /*margin-left: 45px;!* 四个节点的时候 *!*/
  color: #6b7a99;
  font-size: 14px;
  font-weight: bold;
}

.speed-nodes a:first-child {
  margin-left: 0;
}

.speed-nodes a.high-light {
  color: #ffffff;
  text-shadow: 0px 0px 14px #fff;
}

.speed-signal-line {
  position: absolute;
  top: 365px;
  width: 392px;
  height: 56px;
}

.signal-client {
  width: 42px;
  height: 56px;
  background: url(dc/dc_speed_icon_client.png) no-repeat center;
}

.signal-arrow {
  position: relative;
  width: 275px;
  height: 56px;
  margin-left: 16px;
  background: url(dc/dc_signal_line.png) no-repeat center;
  background: url(dc/dc_signal_line_with_dot.png) no-repeat center\9 ;
  overflow: hidden;
}

.signal-arrow-dot {
  position: absolute;
  top: 25px;
  right: -10px;
  z-index: 10;
  width: 7px;
  height: 7px;
  background: url(dc/dc_signal_dot.png) no-repeat center;
}

.signal-dot-1 {
  -webkit-animation: dot-move linear 3s infinite;
          animation: dot-move linear 3s infinite;
}

.signal-dot-2 {
  -webkit-animation: dot-move linear 3s 0.6s infinite;
          animation: dot-move linear 3s 0.6s infinite;
}

.signal-dot-3 {
  -webkit-animation: dot-move linear 3s 1.2s infinite;
          animation: dot-move linear 3s 1.2s infinite;
}

.signal-dot-4 {
  -webkit-animation: dot-move linear 3s 1.8s infinite;
          animation: dot-move linear 3s 1.8s infinite;
}

.signal-dot-5 {
  -webkit-animation: dot-move linear 3s 2.4s infinite;
          animation: dot-move linear 3s 2.4s infinite;
}

@-webkit-keyframes dot-move {
  0% {
    right: -10px;
  }
  100% {
    right: 265px;
  }
}

@keyframes dot-move {
  0% {
    right: -10px;
  }
  100% {
    right: 265px;
  }
}
.signal-source {
  width: 42px;
  height: 56px;
  margin-left: 15px;
  background: url(dc/dc_speed_icon_global.png) no-repeat center;
}

/* 测速结果 */
.speed-results {
  position: relative;
  height: 500px;
  -webkit-transition: -webkit-transform 2s ease;
  transition: -webkit-transform 2s ease;
  transition: transform 2s ease;
  transition: transform 2s ease, -webkit-transform 2s ease;
}

.scale-point1 {
  -webkit-transform: scale(0.1);
      -ms-transform: scale(0.1);
          transform: scale(0.1);
}

.speed-results-list {
  position: absolute;
  left: 50%;
  top: 30px;
  margin-left: -221px;
  width: 442px;
  height: 446px;
  background: url(dc/dc_speed_results_bg.png) no-repeat center;
}

.speed-results-round {
  position: absolute;
  width: 391px;
  height: 391px;
  /*left: 25px;
  top: 27px;*/
  left: 30px;
  top: 31px;
  background: url(dc/dc_speed_results_circle.png) no-repeat center;
  -webkit-animation: speed-round-animate-2 2s forwards;
          animation: speed-round-animate-2 2s forwards;
}

.speed-results-round-outer {
  position: absolute;
  width: 443px;
  height: 447px;
  top: 0;
  left: 0;
  background: url(dc/dc_speed_results_circle_outer.png) no-repeat center;
  -webkit-animation: speed-round-animate-outer-2 2s forwards;
          animation: speed-round-animate-outer-2 2s forwards;
}

@-webkit-keyframes speed-round-animate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  40% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  70% {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}

@keyframes speed-round-animate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  40% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  70% {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
@-webkit-keyframes speed-round-animate-2 {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(120deg);
            transform: rotate(120deg);
  }
}
@keyframes speed-round-animate-2 {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(120deg);
            transform: rotate(120deg);
  }
}
@-webkit-keyframes speed-round-animate-outer {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes speed-round-animate-outer {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes speed-round-animate-outer-2 {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }
}
@keyframes speed-round-animate-outer-2 {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }
}
.speed-results .speed-test-remind {
  top: 560px;
}

.speed-result-text {
  position: absolute;
  top: 521px;
  width: 100%;
  text-align: center;
  color: #7ffff4;
  font-size: 14px;
}

.speed-result-text a {
  position: absolute;
  left: 82%;
  color: #00d5ff;
  text-decoration: underline;
}

.result-node {
  font-weight: bold;
  color: #fff;
  font-size: 14px;
}

.result-node,
.result-numbers,
.result-unit {
  float: left;
  height: 30px;
  line-height: 30px;
  margin-right: 10px;
}

.result-unit {
  color: #b2ddff;
  font-size: 14px;
}

.speeds-list {
  position: absolute;
  z-index: 10;
  top: 87px;
  /*top: 91px;*/
  left: 132px;
}

.speeds-list li {
  height: 62px;
  line-height: 62px;
}

/* 机房标准 */
.dc-standard {
  padding-bottom: 70px;
  background-color: #f7f8fa;
}

.dc-standard-list {
  width: 100%;
  -webkit-box-shadow: 0px 0px 6px 0px #d4d5d9;
          box-shadow: 0px 0px 6px 0px #d4d5d9;
}

.dc-standard li {
  position: relative;
  border-top: 1px solid #e6ebf2;
  border-bottom: 1px solid #e6ebf2;
  margin-top: -1px;
  cursor: pointer;
}

li.std-open {
  border-top-color: #ff2626;
}

.standard-title-bar {
  height: 86px;
  padding-left: 100px;
  background: #f5f5f5 no-repeat 30px center;
  padding-top: 18px;
  color: #333333;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.std-open .standard-title-bar {
  background-color: #ff2626;
  color: #fff;
}

.standard-title {
  font-weight: bold;
  font-size: 18px;
}

.standard-subtitle {
  margin-top: 10px;
  font-size: 14px;
  color: #777;
}

.std-open .standard-subtitle {
  color: #fff;
}

.standard-content {
  background: #f7fbfc;
  line-height: 2em;
  padding: 0 30px;
  font-size: 14px;
  color: #333;
  height: 0;
  overflow: hidden;
  -webkit-transition: padding 0.3s ease;
  transition: padding 0.3s ease;
}

.std-open .standard-content {
  height: auto;
  padding: 20px 30px;
}

.std-button {
  position: absolute;
  z-index: 10;
  right: 56px;
  top: 25px;
  width: 38px;
  height: 39px;
  background: url(dc/dc_std_button_plus.png);
  cursor: pointer;
}

.std-open .std-button {
  background: url(dc/dc_std_button_minus.png);
}

.std-1 {
  background-image: url(img/dc_std_1.png);
}

.std-open .std-1 {
  background-image: url(img/dc_std_1_active.png);
}

.std-2 {
  background-image: url(img/dc_std_2.png);
}

.std-open .std-2 {
  background-image: url(img/dc_std_2_active.png);
}

.std-3 {
  background-image: url(img/dc_std_3.png);
}

.std-open .std-3 {
  background-image: url(img/dc_std_3_active.png);
}

.std-4 {
  background-image: url(img/dc_std_4.png);
}

.std-open .std-4 {
  background-image: url(img/dc_std_4_active.png);
}

.std-5 {
  background-image: url(img/dc_std_5.png);
}

.std-open .std-5 {
  background-image: url(img/dc_std_5_active.png);
}