.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 */
.dc-banner {
	width: 100%;
	height: 500px;
	background: url(./img/dc_banner.jpg) no-repeat center;
	background-size: cover;
}
.banner-text-area {
	padding-top: 136px;
	color: #fff;
}
.pull-left {
    float: left;
}
.dc-banner-text {
	font-size: 46px;
	color: #fff;
}
.dc-banner-text-sub {
	line-height: 2em;
	margin-top: 30px;
	font-size: 14px;
	color: #fff;
}
/* 鏁版嵁涓績 */
.dc-nodes {
	height: 655px;
	padding-bottom: 10px;
}
.dc-title {
	height: 194px;
	line-height: 194px;
	font-size: 32px;
	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: #00aaff;
	background-image: url(./img/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: #00aaff;
}
.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(./img/dc_icon_icp.png);
}
.intro-ftr-bgp {
	background-image: url(./img/dc_icon_bgp.png);
}
.intro-ftr-firewall {
	background-image: url(./img/dc_icon_firewall.png);
}
.intro-ftr-hardware {
	background-image: url(./img/dc_icon_hardware.png);
}
.intro-ftr-backup {
	background-image: url(./img/dc_icon_backup.png);
}
.intro-ftr-network {
	background-image: url(./img/dc_icon_network.png);
}
.intro-ftr-elitnet {
	background-image: url(./img/intro-ftr-elitnet.png);
}
.intro-ftr-router {
	background-image: url(./img/dc_icon_router.png);
}
.intro-ftr-backups {
	background-image: url(./img/dc_icon_backups.png);
}
.intro-ftr-security {
	background-image: url(./img/dc_icon_security.png);
}
.intro-ftr-lag {
	background-image: url(./img/dc_icon_lag.png);
}
.intro-ftr-82x {
	background-image: url(./img/intro-ftr-82x.png);
}
.intro-link {
	margin-top: 40px;
}
.intro-link a {
	display: block;
	width: 160px;
	height: 46px;
	line-height: 46px;
	background: #00aaff;
	color: #fff;
	transition: all 0.3s ease;
	text-align: center;
}
.intro-link a:hover {
	background: #009dec;
}
/* 娴嬮€� */
.dc-speed {
	width: 100%;
	height: 816px;
	background: url(./img/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(./img/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(./img/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(./img/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(./img/dc_speed_button.png);
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 20px;
}
.speed-button .faker {
	display: none;
	background: url(./img/dc_speed_button_active.png);
}
.speed-button a:hover {
	color: #7ffff4;
}
.speed-button a:active {
	background: url(./img/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(./img/dc_speed_icon_client.png) no-repeat center;
}
.signal-arrow {
	position: relative;
	width: 275px;
	height: 56px;
	margin-left: 16px;
	background: url(./img/dc_signal_line.png) no-repeat center;
	background: url(./img/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(./img/dc_signal_dot.png) no-repeat center;
}
.signal-dot-1 {
	animation: dot-move linear 3s infinite;
}
.signal-dot-2 {
	animation: dot-move linear 3s .6s infinite;
}
.signal-dot-3 {
	animation: dot-move linear 3s 1.2s infinite;
}
.signal-dot-4 {
	animation: dot-move linear 3s 1.8s infinite;
}
.signal-dot-5 {
	animation: dot-move linear 3s 2.4s infinite;
}
@keyframes dot-move {
	0% {
		right: -10px;
	}
	100% {
		right: 265px;
	}
}
.signal-source {
	width: 42px;
	height: 56px;
	margin-left: 15px;
	background: url(./img/dc_speed_icon_global.png) no-repeat center;
}
/* 娴嬮€熺粨鏋� */
.speed-results {
	position: relative;
	height: 500px;
	transition: transform 2s ease;
}
.scale-point1 {
	transform: scale(0.1);
}
.speed-results-list {
	position: absolute;
	left: 50%;
	top: 30px;
	margin-left: -221px;
	width: 442px;
	height: 446px;
	background: url(./img/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(./img/dc_speed_results_circle.png) no-repeat center;
	animation: speed-round-animate-2 2s forwards;
}
.speed-results-round-outer {
	position: absolute;
	width: 443px;
	height: 447px;
	top: 0;
	left: 0;
	background: url(./img/dc_speed_results_circle_outer.png) no-repeat center;
	animation: speed-round-animate-outer-2 2s forwards;
}
@keyframes speed-round-animate {
	0% {
		transform:rotate(0);
	}
	40% {
		transform:rotate(90deg);
	}
	70% {
		transform:rotate(-90deg);
	}
	100% {
		transform:rotate(0);
	}
}
@keyframes speed-round-animate-2 {
	0% {
		transform:rotate(0);
	}
	100% {
		transform:rotate(120deg);
	}
}
@keyframes speed-round-animate-outer {
	0% {
		transform:rotate(0);
	}
	100% {
		transform:rotate(360deg);
	}
}
@keyframes speed-round-animate-outer-2 {
	0% {
		transform:rotate(0);
	}
	100% {
		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: 80px;
}
.dc-standard-list {
	width: 100%;
}
.dc-standard li {
	position: relative;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-top: -1px;
}
li.std-open {
	border-top-color: #00aaff;
}
.standard-title-bar {
	height: 86px;
	padding-left: 100px;
	background: #f5f5f5 no-repeat 30px center;
	padding-top: 18px;
	color: #333333;
	transition: all 0.3s ease;
}
.std-open .standard-title-bar {
	background-color: #00aaff;
	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;
	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(./img/dc_std_button_plus.png);
	cursor: pointer;
}
.std-open .std-button {
	background: url(./img/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);
}



@media (max-width: 768px) {
.dc-banner {
    display: none;
}
.auto {
    min-width: 1px;
    padding: 25px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.std-button {
    right: 22px;
    top: 9px;

}
.standard-title-bar {
    height: 120px;
}
.dc-title {
    height: 139px;
}
.dc-nodes {
    height: 100%;
}
.dc-intro-main {
    width: 100%;
    padding: 40px 0 0 15px;
}
.pull-left {
    float: none;
    display: flex;
    justify-content: space-around;
}
.dc-tab-item {
    width: 100%;
    height: 60px;
    line-height: 60px;
    background: url(/) no-repeat 17px center;

}
.dc-tab-item:hover, .dc-tab-item.active {
    background-color: #00aaff;
    background-image: url(/);
    color: #fff;
}
.banner-title {
    margin-top: 2rem;
    color: #fff;
}
.banner-describe {
    color: #fff;
}
.dc-intro-left {
    width: 100%;
}
div.server-banner {
    background-image: url(https://img.shiwaiyun.net/images/2023/03/28/bannerb576ba0b715b1d19.png);
}
}