﻿body {
    background: #fff;
}
.server-brief {
    margin-top: 40px;
}
.banner-nav {
    width: 1050px;
}
.banner-nav li {
    margin-left: 80px;
}
.banner-nav li:first-child {
    margin-left: 80px;
}
/*banner样式*/
.info-banner {
    background: url(../images/server_intro_banner.png) no-repeat center;
}

/*.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;
}
/* 推荐套餐 */
.server-package.server-module {
    background: #f9f9f9;
    padding-bottom: 100px;
}
.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: #e4e4e4;
    font-size: 22px;
    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 #ff6600;
    background: #fff;
    text-align: center;
    color: #ff6600;
}
.pkg-buy-button a:hover {
    background: #ff6600;
    color: #fff;
}
.pkg-inner {
    background: #fff;
    width: 300px;
    height: 445px;
    border: 1px solid #d3d3d3;
}
.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;
}
/* 特点与优�? begin*/
.circle-blue {
    display: inline-block;
    vertical-align: middle;
    width: 6px;
    height: 6px;
    margin-bottom: 2px;
    margin-right: 5px;
    background: url(../images/circle-blue.png) no-repeat center;
}
.circle-gray {
    display: inline-block;
    vertical-align: middle;
    width: 6px;
    height: 6px;
    margin-bottom: 2px;
    margin-right: 5px;
    background: url(../images/circle-gray.png) no-repeat center;
}
.host-super {
    display: inline-block;
    vertical-align: middle;
    width: 34px;
    height: 34px;
    margin-bottom: 2px;
    margin-right: 5px;
}
.host-super-01 {
    background: url(../images/host-super01.png) no-repeat center;
}
.host-super-02 {
    background: url(../images/host-super02.png) no-repeat center;
}
.host-super-03 {
    background: url(../images/host-super03.png) no-repeat center;
}
.host-super-04 {
    background: url(../images/host-super04.png) no-repeat center;
}
.host-super-05 {
    background: url(../images/host-super05.png) no-repeat center;
}
.host-super-06 {
    background: url(../images/host-super06.png) no-repeat center;
}
.youshi-item {
    width: 420px;
    text-align: center;
    border: 1px solid #d3d3d3;

}
.youshi-item:first-child {
    border-right: 0;
}
.youshi-item .youshi-header  {
    height: 70px;
    line-height: 30px;
    border-bottom: 1px solid #d3d3d3;
    background: #f0f0f0;
    font-size: 16px;
    color: #333;
    font-weight: 700;
}
.youshi-our {
    position: relative;
    z-index: 2;
    border: 1px solid #a9c8ff;
}
.youshi-our li.youshi-header {
    position: relative;
    color: #4783fb;
    font-size: 22px;
    /*height: 63px;*/
    border-bottom: 1px solid #a9c8ff;
}
.our-block-extra {
    position: absolute;
    left: -1px;
    right: -1px;
    height: 80px;
    line-height: 80px;
    bottom: 0;
    z-index: 10;
    background: #d0e1ff;
    border: 1px solid #a9c8ff;
    border-bottom: 0;
}
.youshi-our-rec {
    position: absolute;
    width: 55px;
    height: 55px;
    right: -5px;
    top: -3px;
    background: url(../images/icon_recommend.png);
}
.youshi-item li {
    padding: 20px 24px;
    height:110px;
    font-size: 14px;
    line-height: 35px;
    color: #777;
    background: #fff;
    border-bottom: 1px solid #d3d3d3;
    text-align: left;
}
.youshi-item li:last-child {
    border-bottom: 0;
}
.youshi-item-first {
    width: 180px;
}
.youshi-item-first li {
    line-height: 69px;
}
.youshi-item-first .youshi-header {
    line-height: 30px;
}
.youshi-our {
    width: 600px;
}
.youshi-our .empty-item {
    height: 30px;
}
.youshi-our li {
    text-align: justify;
    color: #333;
    border-bottom: 1px solid #a9c8ff;
}
.youshi-them li {
    padding: 20px 20px;
    text-align: justify;
}
.youshi-them-2 {
    margin-left: -1px;
}
.youshi-item .youshi-header {
    text-align: center;
}
.youshi-item .even-row {
    background: #ecf2fe;
}
.correct-icon {
    display: inline-block;
    width: 17px;
    height: 16px;
    background: url(../images/server_icon_correct.png);
}
/* 特点与优�? end*/
/* 选型推荐 begin*/
.support-list {
    width: 100%;
}
.support-list li {
    float: left;
    width: 400px;
    height: 250px;
    border: 1px solid #eee;
}
.support-list .support-info {
    padding-top: 120px;
    text-align: center;
}
.support-list li.border-top {
    border-top: 0;
}
.support-list li.border-left {
    border-left: 0;
}
.support-list li.border-right {
    border-right: 0;
}
.support-list li.border-bottom {
    border-bottom: 0;
}
.support-list li span {
    display: block;
}
.support-title {
    line-height: 30px;
    font-size: 20px;
    color: #333;
}
.support-info:hover .support-title {
    color: #00aaff;
}
.support-describe {
    font-size: 12px;
    color: #999999;
}
.support-describe span {
    display: block;
    line-height: 25px;
}
.rec-type {
    margin: 10px 0;
    font-size: 14px;
    color: #333;
}
.support-info .host-buy {
    display: inline-block;
    margin-top: 5px;
    width: 90px;
    height: 30px;
    line-height: 29px;
    background-color: #ff6600;
    font-size: 14px;
    color: #fff;
    text-align: center;
}
.support-info .host-buy:hover {
    background-color: #e55c00;
}
.support-info-01 {
    background: url(../images/virtual_server_01.png) no-repeat center 40px;
}
.support-info-02 {
    background: url(../images/virtual_server_02.png) no-repeat center 40px;
}
.support-info-03 {
    background: url(../images/virtual_server_03.png) no-repeat center 40px;
}
.support-info-04 {
    background: url(../images/virtual_server_04.png) no-repeat center 40px;
}
.support-info-05 {
    background: url(../images/virtual_server_05.png) no-repeat center 40px;
}
.support-info-06 {
    background: url(../images/virtual_server_06.png) no-repeat center 40px;
}
/* 选型推荐 end*/
.ssl-nav-container {
	background: #2e303f;
	width: 100%;
	/*height: 74px;*/
	
}

.ssl-nav {
	width: 1200px;
	margin: 0 auto;
}

.ssl-nav-item {
	width: 171px;
	color: #fff;
	font-size: 16px;
	line-height: 74px;
	height: 74px;
	float: left;
	text-align: center;
	cursor: pointer
}

.ssl-nav-item:hover {
	background: #4251b6;
	color: #fff
}

.ssl-nav-item.current {
	background: #4251b6
}
