﻿body {
	background: #fff;
}
.server-brief {
	margin-top: 40px;
}
.banner-nav li:first-child {
	margin-left: 0;
}
.banner-nav {
	right: 290px;
	transition: all ease .8s;
}
/*banner样式*/
.info-banner {
	background: #0e0e10 url(../images/server_banner.png) center 0 no-repeat;
}

/*.product-info-title {
	background: url("../images/server_symbol.png") no-repeat left;
}*/

.flex-nav {
	position: absolute;
	right: 140px;
	bottom: 20px;
}
.flex-nav li {
	margin-right: 40px;
	float: left;
}
.flex-nav li a {
	display: inline-block;
	font-size: 14px;
	color: #4c4c4c;
}
/*模块*/
.trusteeship-info {
	margin-top: 38px;
}
.module-marg-top {
	margin-top: 95px;
}

.group-title {
	position: relative;
	height: 20px;
	line-height: 20px;
	margin: 55px 0px 35px 0px;
}
/* 特点与优势 begin*/
.virtue-list {
	width: 100%;
}
.virtue-list li {
	float: left;
	width: 23.80%;
	height: 360px;
	margin-left: 1.6%;
	background-color: #fff;
	background-repeat: no-repeat;
}
.virtue-list li:hover {
	box-shadow: 1px 1px 15px rgba(223, 223, 223, 0.65);
}
.virtue-list li:first-child {
	margin-left: 0px;
}

.virtue-info {
	margin: 40px 30px;
}

.virtue-info-title {
	margin: 30px 0px 15px 0px;
	font-size: 18px;
	color: #333;
	text-align: center;
}

.virtue-info-stand {
	/*text-align: center;*/
	font-size: 14px;
	color: #666;
	line-height: 22px;
	width: 100%;
	word-break: break-all;
	display: -webkit-box;
    display: block;
	

}

.virtue-bg {
	display: block;
	margin: 0 auto;
	height: 100px;
	width: 100px;
	background-image: url(../images/lease_virtue.png);
	background-repeat: no-repeat;
}

.virtue-bg1 {
	background-position: 0 0;
}
.virtue-info:hover .virtue-bg1 {
	background-position: -100px 0;
}
.virtue-bg2 {
	background-position: 0 -100px;
}
.virtue-info:hover .virtue-bg2 {
	background-position: -100px -100px;
}
.virtue-bg3 {
	background-position: 0 -200px;
}
.virtue-info:hover .virtue-bg3 {
	background-position: -100px -200px;
}
.virtue-bg4 {
	background-position: 0 -300px;
}
.virtue-info:hover .virtue-bg4 {
	background-position: -100px -300px;
}
/* 优势对比 begin*/
.youshi-item {
	width: 276px;
	text-align: center;
	border: 1px solid #d3d3d3;
}
.youshi-item .youshi-header  {
	border-bottom: 1px solid #d3d3d3;
	background: #f0f0f0;
	font-size: 16px;
	color: #666;
	line-height: 62px;
}
.youshi-our {
	position: relative;
	z-index: 2;
	border: 2px solid #00aaff;
	border-bottom-width: 6px;
	box-shadow: 0px 0px 6px 2px rgba(0, 170, 255, 0.5);
}
.youshi-our li.youshi-header {
	position: relative;
	color: #fff;
	font-size: 22px;
	height: 63px;
}
.our-block-extra {
	position: absolute;
	left: -2px;
	right: -1px;
	height: 93px;
	line-height: 93px;
	bottom: 0;
	z-index: 10;
	background: #00aaff;
}
.youshi-our-rec {
	position: absolute;
	width: 55px;
	height: 55px;
	right: -5px;
	top: -3px;
	background: url(../images/server_icon_recommend.png);
}
.youshi-them .youshi-header {
	color: #333;
	font-size: 22px;
}
.youshi-them-2 {
	margin-left: -1px;
}
.youshi-item li {
	font-size: 14px;
	line-height: 39px;
	color: #666;
	background: #fff;
}
.youshi-our {
	width: 372px;
}
.youshi-our li {
	color: #333;
	font-size: 16px;
}
.youshi-item .even-row {
	background: #f7f7f7;
}
.youshi-our .even-row {
	background: #e7f1fc;
}
.correct-icon {
	display: inline-block;
	width: 17px;
	height: 16px;
	background: url(../images/server_icon_correct.png);
}
/* 特点与优势 end*/
/* 产品功能 */
.server-module.product-function {
	background: url(../images/server_product_function_bg.jpg) no-repeat center;
	height: 846px;
	width: 100%;
}
.product-function .module-title {
	color: #fff;
	height: 148px;
	line-height: 148px;
}
.product-left {
	width: 165px;
}
.product-main {
	position: relative;
	background: url(../images/server_product_block_bg.png);
	width: 1033px;
	height: 604px;
	padding: 70px 40px 0 70px;
	color: #ccc;
	font-size: 14px;
}
.product-detail {
	display: none;
}
.product-detail.active {
	display: block;
}
.product-main .product-detail-title {
	line-height: 30px;
	background: url(../images/server_product_dot_large.png) no-repeat left center;
	padding-left: 48px;
	color: #fff;
	font-size: 16px;
}
.product-detail-content {
	line-height: 1.8em;
}
.product-main .product-detail-mini {
	line-height: 2em;
	font-size: 12px;
	color: #909091;
}
.product-main .product-detail-link {
	color: #088acf;
	font-size: 12px;
}
.product-detail-content {
	padding-left: 48px;
}
.upper-shadow {
	position: absolute;
	top: -30px;
	left: 50%;
	margin-left: -270px;
	width: 546px;
	height: 30px;
	background: url(../images/server_breath_top.png) no-repeat center;
	animation: shadow-breath 3s ease infinite;
}
.bottom-shadow {
	position: absolute;
	bottom: -47px;
	left: 50%;
	margin-left: -392px;
	width: 784px;
	height: 47px;
	background: url(../images/server_breath_bottom.png);
	animation: shadow-breath 3s ease infinite;
}
@keyframes shadow-breath {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0.2;
	}
	100% {
		opacity: 1;
	}
}
.prod-function-item {
	width: 165px;
	height: 55px;
	line-height: 55px;
	border-top: 1px solid #3c3d40;
	margin-bottom: 1px;
	background: #2e3035 no-repeat 30px center;
	color: #fff;
	font-size: 14px;
	text-align: center;
	text-indent: 2em;
	cursor: pointer;
}
.prod-function-item:hover,
.prod-function-item.active {
	background-color: #27282c;
	color: #00aaff;
}
.prod-func-calculate {
	background-image: url(../images/server_prod_icon_graph.png);
}
.prod-func-calculate:hover,
.prod-func-calculate.active {
	background-image: url(../images/server_prod_icon_graph_active.png);
}
.prod-func-save {
	background-image: url(../images/server_prod_icon_disk.png);
}
.prod-func-save:hover,
.prod-func-save.active {
	background-image: url(../images/server_prod_icon_disk_active.png);
}
.prod-func-manage {
	background-image: url(../images/server_prod_icon_blocks.png);
}
.prod-func-manage:hover,
.prod-func-manage.active {
	background-image: url(../images/server_prod_icon_blocks_active.png);
}
.prod-func-network {
	background-image: url(../images/server_prod_icon_global.png);
}
.prod-func-network:hover,
.prod-func-network.active {
	background-image: url(../images/server_prod_icon_global_active.png);
}
.prod-func-safety {
	background-image: url(../images/server_prod_icon_shield.png);
}
.prod-func-safety:hover,
.prod-func-safety.active {
	background-image: url(../images/server_prod_icon_shield_active.png);
}
.prod-func-mirror {
	background-image: url(../images/server_prod_icon_mirror.png);
}
.prod-func-mirror:hover,
.prod-func-mirror.active {
	background-image: url(../images/server_prod_icon_mirror_active.png);
}
.margin-top-50 {
	margin-top: 50px;
}
.product-detail-content table {
	text-align: center;
}
.product-detail-content table th,
.product-detail-content table td {
	line-height: 53px;
	border: 1px solid #575757
}
.product-detail-content table th {
	font-weight: normal;
	color: #ccc;
	background: #4a4b4d;
}
.product-detail-content table td {
	border-top: none;
	min-width: 250px;
}
.product-detail-content table th:first-child,
.product-detail-content table td:first-child {
	border-right: none;
}
.product-detail-sub {
	padding: 5px;
	border-bottom: 1px dashed #444547;
}
.detail-sub-first {
	border-top: 1px dashed #444547;
}
.product-detail-sub-title {
	font-size: 14px;
	padding-left: 28px;
	background: url(../images/server_product_dot_small.png) no-repeat left center;
}
.product-detail-sub-text {
	font-size: 12px;
	color: #9b9b9c;
}
.sub-title-only {
	padding: 20px;
}
/* 推荐套餐 */
.server-package.server-module {
	background: #f9f9f9;
	padding-bottom: 56px;
}
.server-pkg-item {
	position: relative;
	float: left;
	background: #fff;
	transition: transform 0.3s ease;
	margin-left: -1px;
	height: 445px;
	width: 300px;
}
.server-pkg-title {
	height: 80px;
	line-height: 80px;
	background: #f7f7f7;
	font-size: 18px;
	color: #333333;
	text-align: center;
}
.server-pkg-box {
	padding: 20px 26px 0 26px;
}
.server-pkg-brief {
	height: 75px;
	line-height: 1.8em;
	font-size: 14px;
	color: #666;
}
.pkg-config-main {
	padding-top: 12px;
	font-size: 28px;
}
.pkg-item--active .pkg-config-main {
	color: #00aaff;
}
.pkg-config-unit {
	font-size: 16px;
}
.pkg-config-item {
	float: left;
	text-align: center;
	color: #333;
	width: 33.3%;
	height: 80px;
	background: #f7f7f7;
	margin-top: 20px;
}
.pkg-config-sub {
	font-size: 14px;
	color: #999;
}
.pkg-price-row {
	margin-top: 37px;
	text-align: center;
	font-size: 14px;
}
.pkg-price {
	color: #ff6600;
	font-size: 28px;
}
.pkg-buy-button {
	text-align: center;
	margin-top: 20px;
}
.pkg-buy-button a {
	display: inline-block;
	width: 177px;
	height: 39px;
	line-height: 38px;
	border: 1px solid #00aaff;
	background: #00aaff;
	text-align: center;
	color: #ffffff;
}
.pkg-buy-button a:hover {
	background: #0099e5;
	color: #fff;
}
.pkg-inner {
	background: #fff;
	width: 300px;
	height: 445px;
	border: 1px solid #e5e5e5;
}
.server-pkg-item.pkg-item--active {
	z-index: 10;
}
.server-pkg-item.pkg-item--active .pkg-inner {
	position: absolute;
	border-color: #00aaff;
	width: 310px;
	height: 486px;
	top: -20px;
	box-shadow: 0px 5px 13px rgba(0, 0, 0, 0.1);
}
.server-pkg-item.pkg-item--active .server-pkg-title {
	background: #00aaff;
	color: #fff;
	height: 100px;
	line-height: 103px;
}

/* 使用场景 */
.scene-container {
	position: relative;
	margin-top: 32px;
}
.scene-item {
	width: 100%;
	height: 80px;
	padding-right: 86%;
	border: 1px solid #eeeeee;
	border-top: none;
	background-color: #fafafa;
	line-height: 80px;
	text-align: center;
	cursor: pointer;
}
.scene-item:first-child {
	border-top: 1px solid #eee;
}
.scene-item.scene--active {
	background-color: #fff;
	border-left: 2px solid #009FD9;
}
.scene-detail {
	display: none;
	position: absolute;
	left: 14%;
	bottom: 0;
	top: 0;
	z-index: 10;
	width: 86%;
	height: 320px;
	border: 1px solid #eee;
	border-left: none;
	padding: 0 30px;
	background-color: #fff;
	line-height: 1;
	text-align: left;
	cursor: default;
}
.scene--active .scene-detail {
	display: block;
}
.scene-title {
	line-height: 80px;
	font-size: 16px;
	color: #4e4e4e;
}
.scene-description {
	height: 120px;
	font-size: 14px;
	line-height: 2em;
}
.scene-purchase {
	line-height: 100px;
	border-top: 1px dashed #eee;
}
.scene-purchase-title {
	margin-right: 30px;
}
.server-configs {
	display: inline-block;
	border: 1px solid #eee;
	padding: 18px 24px;
	margin-left: 10px;
	text-align: center;
	vertical-align: middle;
	line-height: 1;
}
.server-configs span {
	display: block;
}
.config-title {
	font-size: 20px;
}
.config-name {
	margin-top: 10px;
	font-size: 12px;
}
.scene-purchase .price-box {
	line-height: 32px;
	padding-top: 20px;
	text-align: center;
}
.buy-button {
	display: inline-block;
	height: 32px;
	border-radius: 2px;
	padding: 0 20px;
	margin-left: 10px;
	background-color: #ff8800;
	line-height: 32px;
	color: #fff;
}
.price-int {
	font-size: 26px;
}
/* 产品功能 */
.function-table {
	width: 100%;
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
	margin-top: 32px;
}
.function-table td {
	padding: 40px 17px;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	color: #666;
	font-size: 14px;
}
td.multi-td {
	padding: 0 20px;
}
.function-title {
	background-color: #fafafa;
	color: #4c4c4c;
}
.function-title span {
	display: inline-block;
	padding-left: 34px;
	background: no-repeat left center;
	line-height: 30px;
	background-image: url(../images/server_function.png);
	background-repeat: no-repeat;
}
span.function-icon-calculate {
	background-position: 0 3px;
}
span.function-icon-storage {
	background-position: 0 -29px;
}
span.function-icon-safety {
	background-position: 0 -59px;
}
span.function-icon-manage {
	background-position: 0 -93px;
}
span.function-icon-net {
	background-position: 0 -125px;
}
/* 合作伙伴 */
.cooperative-partner-list li {
	float: left;
	width: 240px;
	height: 130px;
	background: no-repeat center;
	transition: box-shadow 0.3s eas
}
.cooperative-partner-list li:hover {
	box-shadow: 0 1px 9px 4px rgba(0, 0, 0, 0.1);
}
li.partner-icon-1 {
	background-image: url(../images/partner_icon_zjtv_heng.png);
}
li.partner-icon-2 {
	background-image: url(../images/partner_icon_fsmeeting.png);
}
li.partner-icon-3 {
	background-image: url(../images/partner_icon_zhidaochuangyu.png);
}
li.partner-icon-4 {
	background-image: url(../images/partner_icon_souwai.png);
}
li.partner-icon-5 {
	background-image: url(../images/partner_icon_baidu.png);
}
li.partner-icon-6 {
	background-image: url(../images/partner_icon_sh.png);
}
li.partner-icon-7 {
	background-image: url(../images/partner_icon_zhantou.png);
}
li.partner-icon-8 {
	background-image: url(../images/partner_icon_kancaijing.png);
}
li.partner-icon-9 {
	background-image: url(../images/partner_icon_leifeng.png);
}
li.partner-icon-10 {
	background-image: url(../images/partner_icon_22.png);
}
li.partner-icon-11 {
	background-image: url(../images/partner_icon_comix.png);
}
li.partner-icon-12 {
	background-image: url(../images/partner_icon_leifeng.png);
}
li.partner-icon-13 {
	background-image: url(../images/partner_icon_jiugongge.png);
}
li.partner-icon-14 {
	background-image: url(../images/partner_icon_zhonghanggaoke.png);
}
li.partner-icon-15 {
	background-image: url(../images/partner_icon_28tui.png);
}
li.partner-icon-16 {
	background-image: url(../images/partner_icon_tui18.png);
}
li.partner-icon-17 {
	background-image: url(../images/partner_icon_baiduyunjiasu.png);
}
.server-module.server-question-module {
	padding-bottom: 56px;
}