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

	background: #fff;

}

.nav-show .banner-nav li a {

	line-height: 68px;

}

.product-info {

	padding-top: 108px;

}

.product-info-detail span {

	margin-right: 10px;

}

.detail-subtitle {

	font-size:18px;

	font-family:Microsoft YaHei;

	font-weight:400;

	color:rgba(255,255,255,1);

	line-height:48px;

}

.circle-radius {

	display: inline-block;

	width:4px;

	height:4px;

	background:rgba(255,255,255,1);

	border-radius:50%;

	vertical-align: middle;

}

.banner-nav li {

	margin-right: 5px;

}

.module-title {

	position: relative;

	height: 32px;

	line-height: 32px;

	text-align: center;

	margin-bottom: 50px;

}

.youshi-module {

	margin-top: 50px;

}

.server-module  {

	padding-bottom: 30px;

}

.server-module.double {

	padding-bottom: 55px;

}

.server-brief {

	margin-top: 40px;

}

.banner-nav li:first-child {

	margin-left: 0;

}

.banner-nav {

	right: 100px;

	transition: all ease .8s;

}

/*banner�桁�*/

.info-banner {

	background: url(img/join/bg.jpg) no-repeat center;

}



/* 綣��鞘婚���遵�� */

.open-list li {

	float: left;

	width:285px;

	height:100px;

	margin: 10px;

	padding: 29px 0 32px 85px;

	background-position: 24px 34px;

	background-repeat: no-repeat;

	box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.1);

}

.icon-server {

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

	background-size: 40px 36px;

}

.icon-host {

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

	background-size: 40px 36px;

}

.icon-idc {

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

	background-size: 33px 36px;

}

.icon-website {

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

	background-size: 40px 41px;

}

.icon-loadbalance {

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

	background-size: 33px 36px;

}

.icon-domain {

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

	background-size: 37px 37px;

}

.icon-slb {

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

	background-size: 35px 32px;

}

.icon-ssl {

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

	background-size: 37px 38px;

}

.icon-database {

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

	background-size: 38px 39px;

}

.icon-cdn {

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

	background-size: 35px 35px;

}

.icon-storage {

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

	background-size: 39px 29px;

}

.icon-more {

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

	background-size: 36px 34px;

}



/* .open-list li:nth-child(4n+1) {

	margin-left: 0;

}

.open-list li:nth-child(4n) {

	margin-right: 0;

} */

.open-list li a {

	width: 285px;

	height:100px;

}

.open-list li .main-tit {

	font-size:16px;

	font-family:Microsoft YaHei;

	font-weight:400;

	color:rgba(51,51,51,1);

	line-height:24px;

}

.open-list li .main-wait-tit {

	font-size: 12px;

	color: #0080FF;

}

.open-list li .sub-tit {

	font-size:12px;

	font-family:Microsoft YaHei;

	font-weight:400;

	color:rgba(153,153,153,1);

	line-height:24px;

}



/* 絽��堺�咲�� */

.market-module {

	background:rgba(247,248,250,1);

	margin-top: 0;

	padding-top: 50px;

}

.market-opport {

	margin-top: 57px;

}

.market-opport .opport-left {

	float: left;

}

.market-opport .opport-left .opport-main-tit {

	font-size:22px;

	font-family:Microsoft YaHei;

	font-weight:400;

	color:rgba(102,102,102,1);

	line-height:46px;

	margin-bottom: 30px;

	margin-left: 30px;

}



.market-opport .opport-left .opport-list li {

	width:360px;

	height:96px;

	box-shadow:0px 1px 5px 0px rgba(0, 0, 0, 0.1);

	margin-bottom: 20px;

	background-position: 20px 28px;

	background-repeat: no-repeat;

	padding-left: 78px;

	background-size: 39px 38px;

	padding-top: 18px;

	background-color: #fff;

}

.icon-opport-1 {

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

}

.icon-opport-2 {

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

}

.icon-opport-3 {

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

}

.icon-opport-4 {

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

	background-size: 34px 38px !important;

}

.market-opport .opport-left .opport-list li .main-tit {

	font-size:16px;

	font-family:Microsoft YaHei;

	font-weight:400;

	color:rgba(51,51,51,1);

	line-height:36px;

}

.market-opport .opport-left .opport-list li .sub-tit {

	font-size:12px;

	font-family:Microsoft YaHei;

	font-weight:400;

	color:rgba(153,153,153,1);

}

.market-opport .opport-right {

	float: left;

	width:642px;

	height:531px;

	background: red;

	margin-left: 195px;

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

}



/* ��篏�篌��� */

.adv-wrap{

	

}

.adv-wrap ul{

	

}

.adv-wrap ul li{

	width: 340px;

	float: left;

	margin: 0 33px 0;

	height: 210px;

	box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.1);

}

.adv-wrap .adv-icon{

	width: 34px;

	height: 34px;

	margin: 0 auto;

	margin-top: 50px;

}

.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;

	text-align: center;

}

.adv-wrap .adv-icon-1{

	background: url(img/join/adv_1.png)  no-repeat center 100%;

	background-size: cover;

}

.adv-wrap .adv-icon-2{

	background: url(img/join/adv_2.png)  no-repeat center 100%;

	background-size: cover;

}

.adv-wrap .adv-icon-3{

	background: url(img/join/adv_3.png)  no-repeat center 100%;

	background-size: cover;

}



/* ��篏�羌�腮� */

.co-process ul li {

	float: left;

	width: 233px;

	height: 93px;

	margin-right: 7px;

}

.co-process ul li:first-child {

	width: 243px;

	height: 103px;

	margin-top: -5px;

}

.co-process ul li .process-title {

	font-size:14px;

	font-family:Microsoft YaHei;

	font-weight:400;

	color:rgba(102,102,102,1);

	line-height:24px;

	text-align: center;

	margin-top: 10px;

}

.co-process ul li:first-child .process-title {

	color:rgba(255,255,255,1);

	margin-top: 13px;

}



.process_1 {

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

}

.process_1  .process_icon{

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

	background-size: 24px 24px;

	height: 24px;

	margin-top: 20px;

}

.process_2 {

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

}

.process_2 .process_icon {

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

	background-size: 15px 28px;

	height: 28px;

	margin-top: 16px;

}

.process_3 {

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

}

.process_3 .process_icon {

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

	background-size: 23px 24px;

	height: 24px;

	margin-top: 16px;

}

.process_4 {

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

}

.process_4 .process_icon {

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

	background-size: 23px 24px;

	height: 24px;

	margin-top: 16px;

}

.process_5 {

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

}

.process_5 .process_icon {

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

	background-size: 29px 25px;

	height: 25px;

	margin-top: 16px;

}

/* ��篏����� */

.co-support{

	

}

.co-support ul{

	

}

.co-support ul li{

	width: 285px;

	height: 146px;

	padding: 30px 0px 40px 0;

	float: left;

	margin: 10px;

	box-shadow:0px 1px 5px 0px rgba(0, 0, 0, 0.1);

}

.co-support .adv-icon{

	width: 36px;

	height: 42px;

	margin: 0 auto;

}

.co-support .adv-title{

	font-size:16px;

	font-family:Microsoft YaHei;

	font-weight:400;

	color:rgba(51,51,51,1);

	text-align: center;

	margin:20px 0 20px

}

.co-support .adv-content{

	font-size: 12px;

	font-weight: normal;

	font-stretch: normal;

	letter-spacing: 0px;

	line-height: 24px;

	color: #999999;

}



.co-support .adv-icon-1{

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

	width: 37px;

	height: 40px;

	background-size: 100%;

}

.co-support .adv-icon-2{

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

	width: 35px;

	height: 34px;

	background-size: 100%;

}

.co-support .adv-icon-3{

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

	width: 37px;

	height: 37px;

	background-size: 100%;

}

.co-support .adv-icon-4{

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

	width: 33px;

	height: 39px;

	background-size: 100%;

}

.co-support .adv-icon-5{

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

	width: 38px;

	height: 36px;

	background-size: 100%;

}

.co-support .adv-icon-6{

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

	width: 37px;

	height: 37px;

	background-size: 100%;

}

.co-support .adv-icon-7{

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

	width: 36px;

	height: 37px;

	background-size: 100%;

}

.co-support .adv-icon-8{

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

	width: 35px;

	height: 39px;

	background-size: 100%;

}

/* ��篏��＞散 */

.co-conditions ul li {

	float: left;

	width: 270px;

	margin: 0 20px;

	box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.1);

	height: 230px;

}

.co-conditions ul li .condi-bg {

	width: 270px;

	height:120px;

	border-radius:4px 4px 0px 0px;

}

.condi_1 {

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

}

.condi_2 {

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

}

.condi_3 {

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

}

.condi_4 {

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

}

.co-conditions ul li .condi-title {

	font-size:18px;

	font-family:Microsoft YaHei;

	font-weight:400;

	color:rgba(51,51,51,1);

	text-align: center;

	margin-top: 27px;

	margin-bottom: 12px;

}

.co-conditions ul li .condi-content {

	font-size:12px;

	font-family:Microsoft YaHei;

	font-weight:400;

	color:rgba(51,51,51,1);

	text-align: center;

}

.co-conditions ul li:first-child {

	margin-left: 0;

}

.co-conditions ul li:last-child {

	margin-right:0;

}

/* ��篏���� */

.co-consult-module {

	background: url(img/join/consulting1.jpg) no-repeat center;

	margin-top: 30px;

}

.consult-left {

	float: left;

	padding-top: 40px;

	margin-left: 368px;

}

.consult-left .consult-title {

	font-size:30px;

	font-family:Microsoft YaHei;

	font-weight:400;

	color:#fff;

	line-height:62px;

}

.consult-left .consult-content {

	font-size:18px;

	font-family:Microsoft YaHei;

	font-weight:400;

	color: #fff;

	line-height:50px;

}

.consult-right {

	float: right;

	padding-top: 65px;

}

.consult-right a {

	display: block;

	width:180px;

	height:55px;

	background: #fff;

	border-radius:4px;

	font-size:18px;

	font-family:Microsoft YaHei;

	font-weight:bold;

	color:#0066ff;

	text-align: center;

	line-height: 55px;

	margin-right: 80px;

}



/* �㊨��膤紫� */

.coll-module {

	background: rgba(247,248,250,1);

	padding-top: 50px;

	margin-top: 0;

	padding-bottom: 87px;

}

.coll-system .coll-left {

	float: left;

	width: 575px;

	height: 350px;

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

}

.coll-system .coll-right {

	float: left;

	width: 588px;

	margin-left: 48px;

	padding-top: 30px;

}

.coll-system .coll-right .coll-word {

	font-size:14px;

	font-family:Microsoft YaHei;

	font-weight:400;

	color:rgba(102,102,102,1);

	line-height: 27px;

	text-indent: 30px

}

.coll-right .view-more-sys {

	display: block;

	width:140px;

	height:40px;

	background:rgba(0,128,255,1);

	font-size:16px;

	font-family:Microsoft YaHei;

	font-weight:400;

	color:rgba(255,255,255,1);

	line-height:40px;

	text-align: center;

	margin-top: 30px;

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