body {
	background: #fff;
}
.server-brief {
	margin-top: 40px;
}
.banner-nav li:first-child {
	margin-left: 0;
}
.banner-nav {
	right: 350px;
	transition: all ease .8s;
}
/*banner样式*/
.info-banner {
	background: url(img/bm_banner.png) no-repeat center;
}

/*.product-info-title {
	background: url("img/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 {
	display: list-item;
	float: left;
	padding: 56px 40px 0 228px;
	width: 590px;
	height: 230px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: 62px center;
}
.virtue-list li:hover {
	box-shadow: 1px 1px 15px rgba(223, 223, 223, 0.65);
}
.margin-left-20 {
	margin-left: 20px;
}
.margin-top-20 {
	margin-top: 20px;
}
.virtue-list .virtue-bg1 {
	background-image: url(img/product-ad-1.png);
}
.virtue-list .virtue-bg2 {
	background-image: url(img/product-ad-2.png);
}
.virtue-list .virtue-bg3 {
	background-image: url(img/product-ad-3.png);
}
.virtue-list .virtue-bg4 {
	background-image: url(img/product-ad-4.png);
}
.virtue-list .virtue-bg5 {
	background-image: url(img/product-ad-5.png);
}
.virtue-list .virtue-bg6 {
	background-image: url(img/product-ad-6.png);
}
.virtue-title {
	display: block;
	font-size: 22px;
	color: #333;
}
.virtue-sub-title {
	display: block;
	margin-top: 16px;
	line-height: 28px;
	font-size: 16px;
	color: #666;
}
.virtue-info {
	margin-top: 20px;
	line-height: 20px;
	font-size: 12px;
	color: #999;
}
.product-outer {
	width: 100%;

}
.product-outer .module-title {
    color: #333333;
}
.product-list{
    height: 500px;
    position: relative;
}
.wrap-li a {
    display: block;
	width: 100%;
	height: 100%;
	padding-top: 80px;
}
/* .product-list li:first-child {
    margin-left: 0;
} */
li.product-1 {
    background: url(img/scene-icon-1.png) no-repeat;
    background-position: center 22px;
    
}
li.product-2 {
    background: url(img/scene-icon-2.png) no-repeat;
    background-position: center 15px;

}
li.product-3 {
    background: url(img/scene-icon-3.png) no-repeat;
    background-position: center 15px;

}
li.product-4 {
    background: url(img/scene-icon-4.png) no-repeat;
    background-position: center 15px;

}
.wrap-li{
    float: left;
    width: 288px;
    height: 220px;
    margin-left: 12px;
    text-align: center;
    
}
.product-list li .title {
	color: #333333;
	font-size: 18px;
	margin-bottom: 4px;
}
.product-list li .subtitle {
	color: #999;
	font-size: 14px;
	margin-bottom: 10px;
	line-height: 2em;
	margin-top: 5px;
}
li.wrap-li .detail-wrap{
    position: absolute;
    top:164px;
    left: 0px;
    width: 1200px;
	height: 246px;
    background-color: #f7f7f7;
    border-top: 1px solid #00aaff;
	padding:40px;
	display:none;
}
li.wrap-li.show>.detail-wrap{
	display:block;
}
.detail-1{
    z-index: 2;
}
/* li.wrap-li:hover .detail-wrap{
    z-index: 3;
} */
.detail-wrap li{
    float: left;
    text-align: left;
    margin-bottom: 36px;
}
.detail-wrap li div{
    text-align: center;
    text-align: left;
}
.detail-wrap li:nth-child(2){
    margin-left: 140px;
}
.detail-wrap li div:nth-child(1){
    color: #000;
    font-size: 14px;
}
.detail-wrap li div:nth-child(2){
    margin-top: 25px;
    color: #666666;
    font-size: 14px;
}
.wrap-li span{
    display: inline-block;
    width: 10px;
    height: 10px;
    border:1px solid #00aaff;
    border-left: 1px solid transparent;
    border-bottom: 1px solid transparent;
    transform: rotate(-45deg);
    position: absolute;
    top: 160px;
    z-index: 5;
    left: 0px;
    background-color: #f7f7f7;
    display: none;
}
.wrap-li.show span{
	display: block;
}

.wrap-li .active{
    opacity:1;
}
/* .wrap-li:hover .active{
    opacity:0;
}
.wrap-li:hover span{
    opacity:1;
} */
.wrap-li:nth-child(1) span{
    left: 146px;
}
.wrap-li:nth-child(2) span{
    left: 452px;
}
.wrap-li:nth-child(3) span{
    left: 752px;
}
.wrap-li:nth-child(4) span{
    left: 1054px;
}
.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: 54px;
	height: 54px;
	right: -5px;
	top: -3px;
	background: url(img/server_icon_recommend.png?v=2);
}
.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(img/icon_duigou.png);
}
/* 特点与优势 end*/
/* 应用场景 */
.scene-list > li {
	float: left;
	width: 291px;
	height: 405px;
	margin-left: 12px;
	background: #fff no-repeat center 60px;
	text-align: center;
	padding-top: 167px;
}
.scene-list li:first-child {
	margin-left: 0;
}
li.scene-1 {
	background-image: url(img/bm_scene_1.png);
}
li.scene-2 {
	background-image: url(img/bm_scene_2.png);
}
li.scene-3 {
	background-image: url(img/bm_scene_3.png);
}
li.scene-4 {
	background-image: url(img/bm_scene_4.png);
}
.scene-list > li .title {
	font-size: 16px;
	color: #333;
}
.scene-feature {
	width: 100%;
	padding: 0 20px;
}
.scene-feature li {
	float: left;
	width: 33%;
	height: 86px;
	text-align: center;
	padding-top: 60px;
	background: no-repeat center;
	font-size: 12px;
	color: #555555;
}
.scene-list .description {
	font-size: 12px;
	color: #999999;
	padding: 0 25px;
	line-height: 1.8em;
	margin-top: 10px;
}
.scene-feature .icon-1 {
	background-image: url(img/scene_icon_1.png);
}
.scene-feature .icon-2 {
	background-image: url(img/scene_icon_2.png);
}
.scene-feature .icon-3 {
	background-image: url(img/scene_icon_3.png);
}
.scene-feature .icon-4 {
	background-image: url(img/scene_icon_4.png);
}
.scene-feature .icon-5 {
	background-image: url(img/scene_icon_5.png);
}
.scene-feature .icon-6 {
	background-image: url(img/scene_icon_6.png);
}
.scene-feature .icon-7 {
	background-image: url(img/scene_icon_7.png);
}
.scene-feature .icon-8 {
	background-image: url(img/scene_icon_8.png);
}


.big-show{
    background: #f9f9f9;
    padding-bottom: 50px;
}
.big-show-img{
    width: 1139px;
    height: 726px;
    background-image: url(img/emple-bg.png);
    margin-left: 30px;
}

.product-buy{
    background-image: linear-gradient(0deg, 
    #282b2e 0%, 
    #333639 100%), 
linear-gradient(
    #000000, 
    #000000);
background-blend-mode: normal, 
    normal;
}
.product-buy .spl-title{
    color: #ffffff;
    font-size: 32px;
}
.product-buy-list{
    padding-bottom: 40px;
}
.product-wrap-li {
    float: left;
    width: 220px;
    height: 220px;
    margin-left: 12px;
    text-align: center;
    margin-right: 80px;
    margin-bottom: 26px;
}
.product-wrap-li:nth-child(4),.product-wrap-li:nth-child(8){
    margin-right: 0px;
}
.product-buy-list li .title {
    color: #ffffff;
    font-size: 22px;
    margin-top: 12px;
    margin-bottom: 12px;
}
.product-wrap-li a {
    display: block;
    width: 100%;
    height: 100%;
    padding-top: 80px;
}
.product-buy-list li .subtitle {
    color: #999;
    font-size: 14px;
    margin-bottom: 10px;
    line-height: 2em;
    margin-top: 5px;
    text-align: left;
}
.product-buy-item1 {
    background: url(img/show-icon-1.png) no-repeat;
    background-position: center 22px;
}
.product-buy-item2 {
    background: url(img/show-icon-2.png) no-repeat;
    background-position: center 22px;
}
.product-buy-item3 {
    background: url(img/show-icon-3.png) no-repeat;
    background-position: center 22px;
}
.product-buy-item4 {
    background: url(img/show-icon-4.png) no-repeat;
    background-position: center 22px;
}
.product-buy-item5 {
    background: url(img/show-icon-5.png) no-repeat;
    background-position: center 22px;
}
.product-buy-item6 {
    background: url(img/show-icon-6.png) no-repeat;
   
    background-position: center 22px;
}

.product-buy-item7 {
	background: url(img/show-icon-7.png) no-repeat;
	background-position: center 22px;
}
.product-buy-item8 {
	background: url(img/show-icon-8.png) no-repeat;
 
	background-position: center 22px;
}


.col-title{
    float: left;
    vertical-align: middle;
    width: 100px;
}
.col-secTitle{
    float: left;
    margin-left: 5px;
    border-left: 1px solid #ddd;
}
.border-bot{
    border-bottom: 1px solid #ddd;
}
.state-true{
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(img/state-true.png) no-repeat;
}
.state-false{
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(img/state-false.png) no-repeat;
}


/* 推荐套餐 */
.recomendPackage{
width: 1200px;
margin: 0 auto;
border: 1px solid #ccc;
/* overflow: auto; */
}
.recomendPackage>li{
	/* width: 15%; */
	height: auto;
	float: left;
	
}
.recomendPackage>li:not(:last-child){
	border-right: 1px solid #ccc;
}
.recomendPackage>li>p{
	height: 64px;
	line-height: 64px;
	background: #e4e4e4;
	text-align: center;
	font-size: 22px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #333333;
}
.recomendPackage>li>.price{
	height: 185px;
	text-align: center;
	border-bottom: 1px solid #ccc;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 0px;
	color: #666666;
	
}
.recomendPackage>li>.price>.product_price{
	line-height: 145px;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #999999;
}
.recomendPackage>li>.detailUl>li>ul>li{
	/* height: 40px; */
	/* line-height: 40px; */
	padding:14px 0;
	text-align: center;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #666666;
}
.recomendPackage>li>.detailUl>li>ul>.addHeightClass{
	height: 66px;
	line-height: 42px;
}
.recomendPackage>li>.detailUl>li>ul>li:nth-child(even){
	background-color: #f7f7f7;
}
.recomendPackage>li>.detailUl>li{
	border-bottom: 1px solid #ccc;
	overflow: auto
}
.recomendPackage>li>.detailUl>li:last-child{
	border-bottom: none;
}

.recomendPackage>li>#nameUl>li>div:first-child{
	/* line-height: 150px; */
}
.recomendPackage>li>#nameUl>li>div{
	width: 50%;
	float: left;
	text-align: center;
}
.recomendPackage>li>#nameUl>li>div>ul>li{
	/* height: 30px; */
	/* line-height: 30px; */
	text-align: center;
}
.recomendPackage>li>.project-title{
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #999999;
}
.recomendPackage>li>#nameUl>li>div>ul>.sm-title{
	background-color: #ffffff;
	font-size: 14px;
	color:#999;
	padding:14px 0;
}
.recomendPackage>li>#nameUl>li>.sm-title-wrap{
	border-left: 1px solid #dddddd;
}
.recomendPackage>li>#nameUl>li>div>ul>.sm-title:nth-child(even){
	background-color: #f7f7f7;
}
.recomendPackage>li>#nameUl>li>.secd-title{
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 48px;
	letter-spacing: 0px;
	color: #999999;
}
.state-false{
	display: inline-block;
	width: 14px;
	height: 14px;
	background: url(img/state-false.png) no-repeat center;
}
.state-true{
	width: 14px;
	height: 14px;
	background: url(img/state-true.png) no-repeat center;
}
.recomendPackage>li>.price .price-org{
	display: inline-block;
	font-size: 28px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 22px;
	letter-spacing: 0px;
	color: #ff6600;
}
.recomendPackage>li>.price>p{
	padding-top: 41px;
}
.recomendPackage>li>.price>p.origin-price{
	padding-top: 16px;
	color: #999;
	text-decoration-line: line-through;
}

.recomendPackage>li>.price>a{
	display: inline-block;
	margin-top: 23px;
	width: 177px;
	height: 39px;
	background-color: #ffffff;
	border: solid 1px #ff6600;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 39px;
	letter-spacing: 0px;
	color: #ff6600;
}
.recomendPackage .active{
	background-color: #ffffff;
	box-shadow: 0px 4px 6px 0px 
		rgba(0, 0, 0, 0.33);
	border: solid 2px #00aaff !important;
	margin-top: -20px;
}
.recomendPackage .active>p{
	height: 82px;
	background-color: #00aaff;
	line-height: 82px;
	font-size: 22px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;
	position: relative;
}
.recomendPackage .active>p::before{
	content: "";
	display: inline-block;
	width: 55px;
	height: 55px;
	background: url(img/toyou.png) no-repeat center;
	position: absolute;
	top: -5px;
	right: -7px;
}
.recomendPackage>li:nth-child(1){
	/* border-left: 1px solid #ccc; */
}
.recomendPackage>li:last-child{
	border-right: 1px solid #ccc;
}
.door-tabs-wrap {
	margin-bottom: 40px;;
}
.door-tabs-wrap ul{
	width: 440px;
	margin:0 auto;
	text-align: center
}
.door-tabs-wrap ul li{
	float: left;
	width: 220px;
	height: 44px;
	background-color: #ffffff;
	border: solid 1px #dddddd;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 44px;
	letter-spacing: 0px;
	color: #333333;
	cursor: pointer;
}
.door-tabs-wrap .door-title{
	text-align: center;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 48px;
	letter-spacing: 0px;
	color: #999999;
}
.door-tabs-wrap ul  .activeDoor{
	background-color: #00aaff;
	border: solid 1px #009ceb;
	color: #ffffff;
}
.aipage-tips{
	font-size: 14px;
	padding-top: 10px;
	color: #999999;
}