﻿body {
	min-width: 1200px;
}
.banner-engine .header-container {
	height: 0;
}
.banner-engine .news-casting {
	display: none;
}
.info-banner {
	position: relative;
	padding-top: 80px;
	width: 100%;
	height: 500px;
}
.info-banner {
	background: url(../images/banner_security_01.jpg) no-repeat center;
}
.info-title {
	margin-top: 135px;
	margin-bottom: 50px;
	height: 40px;
	line-height: 40px;
	font-size: 40px;
	color: #fff;
	font-weight: normal;
}
.info-detail {
	margin-bottom: 42px;
	width: 540px;
	font-size: 14px;
	color: #b4c4cc;
	line-height: 25px;
}
.module {
	padding-bottom: 60px;
}
.module-title,
.module-title-info {
	position: relative;
	text-align: center;
	margin-top: 65px;
	font-size: 32px;
	color: #333;
}
.module-title-info {
	margin-top: 20px;
	margin-bottom: 40px;
	font-size: 14px;
	color: #999;
}
.margin-left-0 {
	margin-left: 0 !important;
}
/* 基础设施与网络 begin */
.network-box {
	padding-top: 25px;
	width: 100%;
}
.network-box li {
	display: list-item;
	float: left;
	padding-top: 90px;
	width: 20%;
	height: 210px;
	background-position: center top;
	background-repeat: no-repeat;
	text-align: center;
}
.network-01 {
	background-image: url(../images/security_icon_01.png);
}
.network-02 {
	background-image: url(../images/security_icon_02.png);
}
.network-03 {
	background-image: url(../images/security_icon_03.png);
}
.network-04 {
	background-image: url(../images/security_icon_04.png);
}
.network-05 {
	background-image: url(../images/security_icon_05.png);
}
.network-title {
	display: inline-block;
	line-height: 35px;
	border-bottom: 2px solid #00aaff;
	font-size: 18px;
	font-weight: bold;
	color: #00aaff;
}
.network-info {
	margin-top: 10px;
	line-height: 25px;
	font-size: 14px;
	color: #666;
}
.network-img-box {
	position: relative;
	margin-top: 60px;
	height: 385px;
}
.network-img {
	display: inline-block;
	position: absolute;
	left: 50%;
	background-repeat: no-repeat;
	background-position: center;
}
.network-img-01 {
	top: 0;
	left: 150px;
	width: 875px;
	height: 320px;
	background-image: url(../images/network_bg_01.png);
	z-index: 50;
}
.network-img-02 {
	bottom: 140px;
	margin-left: -110px;
	width: 220px;
	height: 248px;
	background-image: url(../images/network_bg_02.png);
	z-index: 40;
	animation: animation-01 5s cubic-bezier(0.65, 0.05, 0.36, 1) infinite;
	-moz-animation: animation-01 5s cubic-bezier(0.65, 0.05, 0.36, 1) infinite;
	-webkit-animation: animation-01 5s cubic-bezier(0.65, 0.05, 0.36, 1) infinite;
	-o-animation: animation-01 5s cubic-bezier(0.65, 0.05, 0.36, 1) infinite;
}
.network-img-03 {
	bottom: 0;
	margin-left: -280px;
	width: 560px;
	height: 175px;
	background-image: url(../images/network_bg_03.png);
	z-index: 10;
	animation: animation-02 5s cubic-bezier(0.65, 0.05, 0.36, 1) infinite;
	-moz-animation: animation-02 5s cubic-bezier(0.65, 0.05, 0.36, 1) infinite;
	-webkit-animation: animation-02 5s cubic-bezier(0.65, 0.05, 0.36, 1) infinite;
	-o-animation: animation-02 5s cubic-bezier(0.65, 0.05, 0.36, 1) infinite;
}
.network-img-04 {
	bottom: 45px;
	margin-left: -234.5px;
	width: 469px;
	height: 144px;
	background-image: url(../images/network_bg_04.png);
	z-index: 20;
	animation: animation-03 4s cubic-bezier(0.65, 0.05, 0.36, 1) infinite;
	-moz-animation: animation-03 4s cubic-bezier(0.65, 0.05, 0.36, 1) infinite;
	-webkit-animation: animation-03 4s cubic-bezier(0.65, 0.05, 0.36, 1) infinite;
	-o-animation: animation-03 4s cubic-bezier(0.65, 0.05, 0.36, 1) infinite;
}
.network-img-05 {
	bottom: 90px;
	margin-left: -200px;
	width: 400px;
	height: 124px;
	background-image: url(../images/network_bg_05.png);
	z-index: 30;

}
@keyframes animation-01 {
	0% {
		bottom: 140px;
	}
	50% {
		bottom: 160px;
	}
	100% {
		bottom: 140px;
	}
}
@keyframes animation-02 {
	0% {
		bottom: 0px;
	}
	50% {
		bottom: 10px;
	}
	100% {
		bottom: 0px;
	}
}
@keyframes animation-03 {
	0% {
		bottom: 45px;
	}
	50% {
		bottom: 55px;
	}
	100% {
		bottom: 45px;
	}
}
@keyframes animation-04 {
	0% {
		bottom: 90px;
	}
	50% {
		bottom: 100px;
	}
	100% {
		bottom: 90px;
	}
}
/* 基础设施与网络 end */

/* 服务保障能力 begin */
.service-box {
	height: 762px;
	background: url(../images/service_bg.jpg) no-repeat center;
	overflow: hidden;
}
.service-box .module-title,
.service-box .module-title-info,
.safety-box .module-title {
	color: #fff;
}
.service-box {
	width: 100%;
}
.service-box li {
	display: list-item;
	position: relative;
	float: left;
	margin-bottom: 25px;
	margin-left: 23px;
	width: 384px;
	height: 250px;
	background: url(../images/service_icon_bg.png) no-repeat left top;
	text-align: center;
}
.service-box .service-bg {
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	height: 80px;
	background-repeat: no-repeat;
	background-position: center top;
	z-index: 20;
}
.service-bg-01 {
	background-image: url(../images/service_icon_01.png);
}
.service-bg-02 {
	background-image: url(../images/service_icon_02.png);
}
.service-bg-03 {
	background-image: url(../images/service_icon_03.png);
}
.service-bg-04 {
	background-image: url(../images/service_icon_04.png);
}
.service-bg-05 {
	background-image: url(../images/service_icon_05.png);
}
.service-bg-06 {
	background-image: url(../images/service_icon_06.png);
}
.service-box .service-name {
	position: absolute;
	top: 130px;
	left: 0;
	width: 100%;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	z-index: 20;
}
.service-box .service-info {
	position: absolute;
	top: 170px;
	left: 0;
	padding: 0 25px;
	line-height: 25px;
	font-size: 14px;
	color: #fff;
	text-align: center;
	z-index: 20;
}
.service-box .service-screen {
	display: inline-block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 4px;
	background-color: #00aaff;
	z-index: 10;
}
.service-box li:hover .service-screen {
	animation: animation-05 0.5s cubic-bezier(0.65, 0.05, 0.36, 1) forwards;
	-moz-animation: animation-05 0.5s cubic-bezier(0.65, 0.05, 0.36, 1) forwards;
	-webkit-animation: animation-05 0.5s cubic-bezier(0.65, 0.05, 0.36, 1) forwards;
	-o-animation: animation-05 0.5s cubic-bezier(0.65, 0.05, 0.36, 1) forwards;
}
@keyframes animation-05 {
	from {
		height: 4px;
	}
	to {
		height: 250px;
	}
}
/* 服务保障能力 end */

/* 数据安全 begin */
.safety-box {
	height: 800px;
	background: #0f244d url(../images/data_safety_bg.png) no-repeat center bottom;
	overflow: hidden;
}
.safety-box .module-title-info {
	color: #8a99b8;
}
.safety-item-list {
	position: relative;
	height: 800px;
}
.safety-item {
	display: inline-block;
	position: absolute;
	width: 230px;
	height: auto;
}
.safety-item-01 {
	left: 35px;
	bottom: 207px;
}
.safety-item-02 {
	left: 320px;
	bottom: 365px;
}
.safety-item-03 {
	left: 660px;
	bottom: 250px;
}
.safety-item-04 {
	left: 970px;
	bottom: 175px;
}
.safety-dot-box {
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -15px;
}
.safety-dot-box .dot {
	display: inline-block;
	position: absolute;
	left: 0;
	width: 16px;
	height: 16px;
	border-radius: 16px;
	background: #44ffcd;
	opacity: 1;
	filter: alpha(opacity=100);
}
.safety-dot-box .pulse {
	display: inline-block;
	position: absolute;
	top: -16px;
	left: -16px;
	height: 48px;
	width: 48px;
	border-radius: 48px;
	background: #44ffcd;
	opacity: 0.12;
	filter: alpha(opacity=0);
}
.safety-dot-box .pulse-01 {
	-webkit-animation: warn 1.5s ease-out infinite;
	-moz-animation: warn 1.5s ease-out infinite;
	animation: warn 1.5s ease-out infinite;
}
.safety-dot-box .pulse-02 {
	-webkit-animation: warn 2s ease-out infinite;
	-moz-animation: warn 2s ease-out infinite;
	animation: warn 2s ease-out infinite;
}
.safety-dot-box .pulse-03 {
	-webkit-animation: warn 2.5s ease-out infinite;
	-moz-animation: warn 2.5s ease-out infinite;
	animation: warn 2.5s ease-out infinite;
}
.safety-dot-box .pulse-04 {
	-webkit-animation: warn 1s ease-out infinite;
	-moz-animation: warn 1s ease-out infinite;
	animation: warn 1s ease-out infinite;
}
@keyframes warn {
	0% {
		transform: scale(0);
		opacity: 1;
	}
	30% {
		transform: scale(0);
		opacity: 0.1;
	}
	60% {
		transform: scale(0.5);
		opacity: 0.5;
	}
	100% {
		transform: scale(1);
		opacity: 0.0;
	}
}
.safety-item-name {
	margin-top: 45px;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	text-align: center;
}
.safety-item-info {
	margin-top: 25px;
	line-height: 25px;
	font-size: 14px;
	color: #8a99b8;
	text-align: center;
}
.safety-shield {
	position: absolute;
	bottom: 107px;
	left: 50%;
	margin-left: -80px;
	width: 160px;
	height: 160px;
	background: url(../images/safety_shield.png) no-repeat center;
	z-index: 30;
}
.safety-screen {
	position: absolute;
	bottom: 190px;
	left: 100px;
	width: 500px;
	height: 500px;
	background: url(../images/data_safety_scan.png) no-repeat left center;
	transform: rotate(360deg);
	transform-origin: 100% 100%;
	animation: animation-06 5s cubic-bezier(.63,.07,.2,1) 0s infinite;
	-moz-animation: animation-06 5s cubic-bezier(.63,.07,.2,1) 0s infinite;
	-webkit-animation: animation-06 5s cubic-bezier(.63,.07,.2,1) 0s infinite;
	-o-animation: animation-06 5s cubic-bezier(.63,.07,.2,1) 0s infinite;
	z-index: 20;
}
@keyframes animation-06 {
	from {
		transform: rotate(0deg);
		-ms-transform: rotate(0deg); /* IE 9 */
		-moz-transform: rotate(0deg); /* Firefox */
		-webkit-transform: rotate(0deg); /* Safari 和 Chrome */
		-o-transform: rotate(0deg);
	/
	}
	to {
		transform: rotate(360deg);
		-ms-transform: rotate(360deg); /* IE 9 */
		-moz-transform: rotate(360deg); /* Firefox */
		-webkit-transform: rotate(360deg); /* Safari 和 Chrome */
		-o-transform: rotate(360deg);
	/
	}
}
/* 数据安全 end */

/* 安全产品与服务 begin */
.safety-product-box {
	height: 540px;
	background-color: #f5f7f7;
	overflow: hidden;
}
.safety-product-item {
	position: relative;
	height: 89px;
	line-height: 89px;
	margin-bottom: 20px;
	border-bottom: 1px solid #eeeeee;
	background-repeat: no-repeat;
	background-position: 25px center;
	background-color: #fff;
}
.safety-product-item:hover {
	box-shadow: 1px 1px 15px rgba(223, 223, 223, 0.65);
}
.safety-product-item a {
	display: block;
	height: 100%;
}
.safety-product-01 {
	background-image: url(../images/safety_product_01.png);
}
.safety-product-02 {
	background-image: url(../images/safety_product_02.png);
}
.safety-product-03 {
	background-image: url(../images/safety_product_03.png);
}
.safety-product-item:before {
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -12.5px;
	right: 25px;
	width: 24px;
	height: 24px;
	background: url(../images/safety_product_icon.png) no-repeat center;
	cursor: pointer;
}
.safety-product-name {
	display: inline-block;
	margin-left: 70px;
	width: 120px;
	font-size: 18px;
	font-weight: bold;
	color: #333;
}
.safety-product-info {
	font-size: 14px;
	color: #999;
}
/* 安全产品与服务 end */

/* 合规资质 begin*/
.aptitude-box {
	height: 765px;
	overflow: hidden;
}
.aptitude-list {
	width: 100%;
}
.aptitude-list li {
	display: list-item;
	float: left;
	margin-left: 25px;
	margin-bottom: 25px;
	width: 383px;
	height: 240px;
	border: 1px solid #eee;
	text-align: center;
}
.aptitude-list li:hover {
	border-color: #00aaff;
	box-shadow: 1px 1px 10px rgba(0,170,255,0.5);
}
.aptitude-list li a {
	display: block;
}
.aptitude-item {
	height: 160px;
	background-repeat: no-repeat;
	background-position: center;
}
.aptitude-item-01 {
	background-image: url(../images/aptitude_bg_01.png);
}
.aptitude-item-02 {
	background-image: url(../images/aptitude_bg_02.png);
}
.aptitude-item-03 {
	background-image: url(../images/aptitude_bg_03.png);
}
.aptitude-item-04 {
	background-image: url(../images/aptitude_bg_04.png);
}
.aptitude-item-05 {
	background-image: url(../images/aptitude_bg_05.png);
}
.aptitude-item-06 {
	background-image: url(../images/aptitude_bg_06.png);
}
.aptitude-item-01:hover {
	background-image: url(../images/aptitude_bg_01_hover.png);
}
.aptitude-item-02:hover {
	background-image: url(../images/aptitude_bg_02_hover.png);
}
.aptitude-item-03:hover {
	background-image: url(../images/aptitude_bg_03_hover.png);
}
.aptitude-item-04:hover {
	background-image: url(../images/aptitude_bg_04_hover.png);
}
.aptitude-item-05:hover {
	background-image: url(../images/aptitude_bg_05_hover.png);
}
.aptitude-item-06:hover {
	background-image: url(../images/aptitude_bg_06_hover.png);
}
.aptitude-name {
	height: 18px;
	font-size: 18px;
	font-weight: bold;
	color: #333;
}
.aptitude-info{
	margin-top: 20px;
	font-size: 14px;
	color: #999;
}
/* 合规资质 end*/