<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">body {

	background: #fff;

}

.server-brief {

	margin-top: 40px;

}

/*banneræ&nbsp;·å¼*/

.info-banner {

	background: url("img/20191223/banner.png") no-repeat center top;

}

.info-banner-yfwq{background: url("img/20191223/yw-yunfwq-banner.jpg") no-repeat center top;}




.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: 80px;

}



.group-title {

	position: relative;

	height: 20px;

	line-height: 20px;

	margin: 55px 0px 35px 0px;

}



/* è§†é¢‘ */

.server-video-placeholder {

	display: inline-block;

	width: 180px;

	margin-top: 20px;

	padding-top: 130px;

	background: url(img/video_placeholder.png) no-repeat center top;

	color: #4c4c4c;

	font-size: 12px;

}

.video-mask-container {

	display: none;

	position: relative;

	z-index: 1000;

}

.video-mask {

	position: fixed;

	top: 0;

	bottom: 0;

	left: 0;

	right: 0;

	background: #000;

	opacity: 0.5;

	filter: alpha(opacity=50);

}

.video-container {

	position: fixed;

	top: 30%;

	left: 50%;

	width: 680px;

	height: 384px;

	border: 2px solid #000;

	margin-left: -340px;

	z-index: 2;

}

.video-player {

	height: 100%;

}

.video-close {

	position: absolute;

	top: -34px;

	right: -2px;

	width: 32px;

	height: 32px;

	background: url(img/server_video_close.png) no-repeat center;

	cursor: pointer;

}

.video-close:hover {

	background-image: url(img/server_video_close_hover.png);

}

.video-player embed {

	width: 100%;

	height: 100%;

}

.video-player object {

	width: 100%;

	height: 100%;

}

/* ä¼˜åŠ¿æ»šåŠ¨ */

.youshi-module {

	margin-top: 50px;

}

.slider-outer {

	margin-top: 32px;

}

.youshi-slider-item {

	height: 360px;

	border: 1px solid #eee;

}

.youshi-title {

	font-size: 16px;

}

.youshi-text {

	padding: 15px 20px;

	font-size: 12px;

	line-height: 2em;
	text-align: justify;

}

.youshi-icon {

	height: 170px;

	overflow: hidden;

}

.youshi-icon div {

	margin: 0 auto;

	width: 100px;

	height: 100px;

	margin-top: 35px;

	background-image: url(img/server_youshi.png);

	background-repeat: no-repeat;

}

.youshi-icon-move div {

	background-position: 0 0;

}

.youshi-slider-item:hover .youshi-icon-move div {

	background-position: -100px 0;

}

.youshi-icon-heart div{

	background-position: 0 -100px;

}

.youshi-slider-item:hover .youshi-icon-heart div{

	background-position: -100px -100px;

}

.youshi-icon-storage div{

	background-position: 0 -200px;

}

.youshi-slider-item:hover .youshi-icon-storage div{

	background-position: -100px -200px;

}

.youshi-icon-diskprotect div{

	background-position: 0 -300px;

}

.youshi-slider-item:hover .youshi-icon-diskprotect div {

	background-position: -100px -300px;

}

.youshi-icon-reliable div{

	background-position: 0 -400px;

}

.youshi-slider-item:hover .youshi-icon-reliable div {

	background-position: -100px -400px;

}

.youshi-icon-cloud div{

	background-position: 0 -500px;

}

.youshi-slider-item:hover .youshi-icon-cloud div{

	background-position: -100px -500px;

}

.youshi-icon-servers div{

	background-position: 0 -600px;

}

.youshi-slider-item:hover .youshi-icon-servers div{

	background-position: -100px -600px;

}

.youshi-icon-global div{

	background-position: 0 -700px;

}

.youshi-slider-item:hover .youshi-icon-global div{

	background-position: -100px -700px;

}



/* æ–°ç‰ˆä¼˜åŠ¿å†…å®¹ start*/

.adv-wrap{

	

}

.adv-wrap ul{

	

}

.adv-wrap ul li{

	width: 240px;

	float: left;

	margin: 60px 32px 0;

}

.adv-wrap .adv-icon{

	width: 36px;

	height: 36px;

	margin: 0 auto;

}

.adv-wrap .adv-title{

	font-size: 18px;

	font-weight: normal;

	font-stretch: normal;

	line-height: 16px;

	letter-spacing: 0px;

	color: #333333;

	text-align: center;

	margin:30px 0 20px

}

.adv-wrap .adv-content{

	font-size: 12px;

	font-weight: normal;

	font-stretch: normal;

	letter-spacing: 0px;

	line-height: 24px;

	color: #999999;

}

.adv-wrap .adv-icon-1{

	background: url(img/20191223/product_adv_1.png)  no-repeat center;

}

.adv-wrap .adv-icon-2{

	background: url(img/20191223/product_adv_2.png)  no-repeat center;

}

.adv-wrap .adv-icon-3{

	background: url(img/20191223/product_adv_3.png)  no-repeat center;

}

.adv-wrap .adv-icon-4{

	background: url(img/20191223/product_adv_4.png) no-repeat center;

}

.adv-wrap .adv-icon-5{

	background: url(img/20191223/product_adv_5.png)  no-repeat center;

}

.adv-wrap .adv-icon-6{

	background: url(img/20191223/product_adv_6.png) no-repeat center;

}

.adv-wrap .adv-icon-7{

	background: url(img/20191223/product_adv_7.png) no-repeat center;

}

.adv-wrap .adv-icon-8{

	width: 40px;

	background: url(img/20191223/product_adv_8.png) no-repeat center;

}

/* æ–°ç‰ˆä¼˜åŠ¿å†…å®¹ end*/

 

/* åŠŸèƒ½ä»‹ç» start */

.product-power-wrap{

	background-color: #f7f8fa;

	padding: 80px 0;

}

.product-power{

	margin-top: 60px;

	border: solid 1px #cfd6e3;

}

.product-power li{

	border-bottom: solid 1px #cfd6e3;

}

.product-power li:last-child{

	border-bottom: solid 1px transparent;

}

.pp-icon{

	float: left;

	display: inline-block;

	width: 45px;

	height: 45px;

	margin:45px 35px;

}

.content-wrap{

	float: left;

	width: 90%;

	padding-top: 18px;

}

.content-title{

	font-size: 18px;

	font-weight: normal;

	font-stretch: normal;

	line-height: 46px;

	letter-spacing: 0px;

	font-weight: bold;

	color: #000000;

}

.content{

	font-size: 14px;

	font-weight: normal;

	font-stretch: normal;

	line-height: 20px;

	letter-spacing: 0px;

	color: #000000;

}

.pp-icon-1{

	background: url(img/20191223/product_count_1.png)  no-repeat center;

}

.pp-icon-2{

	background: url(img/20191223/product_count_2.png)  no-repeat center;

}

.pp-icon-3{

	height: 49px;

	background: url(img/20191223/product_count_3.png)  no-repeat center;

}

.pp-icon-4{

	background: url(img/20191223/product_count_4.png)  no-repeat center;

}

.pp-icon-5{

	background: url(img/20191223/product_count_5.png) no-repeat center;

}

/* åŠŸèƒ½ä»‹ç» end */



/* ä¼˜åŠ¿å¯¹æ¯” start */

.adv-compare-wrap{



}

.adv-compare{

	/* border: solid 1px #d3d3d3; */

	margin-top: 60px;

}

.adv-compare ul{



}

.adv-compare ul li{

	float: left;

	width: 277px;

}



.adv-compare ul li:nth-child(1){

	border-left:solid 1px #d3d3d3;

}

.adv-compare ul li div:nth-child(1){

	border-top:solid 1px #d3d3d3;

}

.adv-compare ul li div:last-child{

	border-bottom:solid 1px #d3d3d3;

}

.adv-compare ul li div{

	font-size: 14px;

	font-weight: normal;

	font-stretch: normal;

	height: 38px;

	line-height: 38px;

	letter-spacing: 0px;

	color: #666666;

	border-right:solid 1px #d3d3d3;

	text-align: center;

}

.adv-compare ul li div:nth-child(odd){

	background:#f6f6f6;

}

.adv-compare ul li div:nth-child(1){

	height: 63px;

	font-size: 18px;

	font-weight: normal;

	font-stretch: normal;

	line-height: 63px;

	letter-spacing: 0px;

	color: #333333;

	border-bottom:solid 1px #d3d3d3;

}

.adv-compare-title{



}

.true-icon{

	display: inline-block;

	width: 17px;

	height: 16px;

	background: url(img/20191223/true-icon.png) no-repeat center;

}

.adv-compare ul .active {

	width: 373px;

	box-shadow: 0px 2px 6px 0px 

	rgba(0, 0, 0, 0.33);

	border: solid 1px #00aaff;

	margin-top: -11px;

}

.adv-compare ul .active div:nth-child(odd){

	background-color: #edf4fc;

}

.adv-compare ul .active div:nth-child(1){

	height: 74px;

	line-height: 74px;

	background-color: #0080ff;

	font-size: 20px;

	font-weight: normal;

	font-stretch: normal;

	letter-spacing: 0px;

	border-top: none;

	color: #ffffff;

}

/* ä¼˜åŠ¿å¯¹æ¯” end*/



/* åº”ç”¨åœºæ™¯ start */

.app-scene-wrap{

	background-color: #f7f8fa;

	padding: 80px 0;

	height: 450px;

}

.app-scene-block{

	display:flex;

	justify-content:space-around;

	position: relative;

	margin-top: 38px;

}

.app-scene{

	float: left;

}

.app-scene-item{

	font-size: 18px;

	font-weight: normal;

	font-stretch: normal;

	line-height: 46px;

	letter-spacing: 0px;

	color: #333333;

	z-index: 3;

	width: 100px;

	text-align: center;

}

.app-scene-detail{

	display: none;

	width: 100%;

	position: absolute;

	top:48px;

	left: 0;

	background-color: #ffffff;

	border: solid 1px #cfd6e3;

	padding:40px;

	z-index: 2;

	text-align: left;

}

.app-scene-detail ul li{

	float: left;

}

.app-scene-detail ul li:nth-child(1){

	width: 60%;

	margin-right: 92px;

}

.app-scene-title{

	font-size: 16px;

	font-weight: normal;

	font-stretch: normal;

	/* line-height: 46px; */

	letter-spacing: 0px;

	color: #000000;

	font-weight: bold;

	margin-top:15px ;

}

.app-scene-title:nth-of-type(1){

	margin-top:0

}

.app-scene-content{

	font-size: 14px;

	font-weight: normal;

	font-stretch: normal;

	line-height: 30px;

	letter-spacing: 0px;

	color: #000000;

}

.app-scene-tips{

	font-size: 14px;

	font-weight: normal;

	letter-spacing: 0px;

	color: #0080ff;

	line-height: 23px;

}

.app-car-wrap{

	display: inline-block;

	width: 360px;

	height: 240px;

	background: url(img/20191223/product_sence_bg.png) no-repeat center;

}

.app-car-title{

	font-size: 16px;

	font-weight: normal;

	font-stretch: normal;

	line-height: 26px;

	letter-spacing: 0px;

	color: #ffffff;

	text-align: center;

	padding: 24px 0 22px;;

}

.app-car-content{

	font-size: 14px;

	font-weight: normal;

	letter-spacing: 0px;

	color: #ffffff;

	/* padding:0 40px; */

}

.app-car-content div{

	float: left;

	margin:0  0 0 40px;

	width: 120px;

}

.app-buy-button{

	display: block;

	width: 90px;

	height: 34px;

	border-radius: 2px;

	border: solid 1px #ffffff;

	font-size: 14px;

	font-weight: normal;

	font-stretch: normal;

	line-height: 33px;

	letter-spacing: 0px;

	color: #ffffff;

	text-align: center;

	margin: 14px 0 0 42px;

}

.app-buy-button:hover{

	color:#fff

}

.app-scene-active .app-scene-item{

	border-bottom: 2px solid #0080ff;;

	color: #0080ff;

}

.app-scene-active .app-scene-item .app-scene-detail{

	display: block;

}

/* åº”ç”¨åœºæ™¯ end */



/* æ’ä»¶æ&nbsp;·å¼é‡ç½® */

.bx-wrapper {

	box-shadow: none;

	border: none;

}

.bx-wrapper .bx-controls-direction a {

	z-index: 999;

}

.bx-wrapper .bx-prev:focus,

.bx-wrapper .bx-controls-direction a {

	top: 50%;

	margin-top: -40px;

	width: 20px;

	height: 80px;

	background: #eeeeee url(img/server_youshi_left.png) no-repeat center;

}

.bx-wrapper .bx-prev:hover {

	background: #059fff url(img/server_youshi_left.png) no-repeat center;

}

.bx-wrapper .bx-prev {

	left: 0;

}

.bx-wrapper a.bx-next:focus,

.bx-wrapper .bx-controls-direction a.bx-next {

	background: #eee url(img/server_youshi_right.png) no-repeat center;

	right: 0;

}

.bx-wrapper a.bx-next:hover {

	background: #059fff url(img/server_youshi_right.png) no-repeat center;

}

.bx-wrapper .bx-pager.bx-default-pager a {

	width: 30px;

	height: 5px;

	background: #d6f0f9;

	border-radius: 0;

}

.bx-wrapper .bx-pager.bx-default-pager a.active,

.bx-wrapper .bx-pager.bx-default-pager a:focus,

.bx-wrapper .bx-pager.bx-default-pager a:hover {

	background-color: #059fff;

}

/* ä½¿ç”¨åœºæ™¯ */

.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 #059fff;

}

.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: 35px;

	text-align: center;

}

.buy-button {

	display: inline-block;

	height: 32px;

	border-radius: 2px;

	padding: 0 20px;

	margin-left: 10px;

	background-color: #ff6600;

	line-height: 32px;

	color: #fff;

}

.buy-button:hover {

	background-color: #f26100;

}

.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(img/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 -65px;

}

span.function-icon-manage {

	background-position: 0 -100px;

}

span.function-icon-net {

	background-position: 0 -135px;

}

/* åˆä½œä¼™ä¼´ */

.cooperative-partner-list {

	margin-top: 32px;

}

.cooperative-partner-list li {

	float: left;

	width: 24%;

	height: 130px;

	margin: 10px 0px 0px 1%;

}

.cooperative-partner-list li a {

	display: inline-block;

	width: 100%;

	height: 100%;

	/* border: 1px solid #eee; */

	text-align: center;

	vertical-align: middle;

	line-height: 130px;

}

.cooperative-partner-list img {

	vertical-align: middle;

}



</pre></body></html>