.cloud-product-box .z{height:92px}
.btn {
	display:inline-block;
	width:100px;
	height:32px;
	border-radius:3px;
	line-height:32px;
	color:#009FD9;
	background:#fff;
	text-align:center;
	text-decoration:none;
	font-size:14px;
	cursor:pointer
}
.back-white {
	background:#fff
}
.service-action-ul li {
	float:left;
	width:25%;
	height:120px
}
.service-action-ul li a {
	display:block;
	width:100%;
	height:100%
}
.service-action-box {
	position:relative
}
.service-action-img {
	display:inline-block;
	width:100px;
	height:120px
}
.action-img1 {
	background:url("../logo50images/index-sprite.png") no-repeat 0 -762px
}
.action-img2 {
	background:url("../logo50images/index-sprite.png") no-repeat 0 -1130px
}
.action-img3 {
	background:url("../logo50images/index-sprite.png") no-repeat 0 -1009px
}
.action-img4 {
	background:url("../logo50images/index-sprite.png") no-repeat 0 -890px
}
.service-action-text {
	position:absolute;
	left:110px;
	top:25px
}
.service-action-title {
	font-size:16px;
	color:#009fd9
}
.service-action-info {
	margin-top:13px;
	width:135px;
	font-size:12px;
	color:#999
}
.service-action-text:hover .service-action-title {
	color:#f80
}
.service-action-text:hover .service-action-info {
	color:#666
}
.news-ul li a {
	padding-right:25%
}
.cloud-product-box {
	background:#f5f7f7
}
.cloud-product {
	padding:80px 0 60px 0
}
.cloud-product-title {
	height:44px;
	text-align:center;
	line-height:44px;
	font-size:32px;
	color:#333
}
.color-blue {
	color:#009fd9
}
.cloud-product-explain {
	margin-top:20px;
	text-align:center;
	font-size:16px;
	color:#999
}
.cloud-product-ul {
	margin-top:30px;
	width:100%
}
.cloud-product-ul li {
	position:relative;
	margin-top:40px;
	width:16.6%;
	height:400px;
	float:left;
	border:1px solid #ddd;
	border-left:none;
	background:#fff;
	transition:width .15s ease-out;
	-moz-transition:width .15s ease-out;
	-webkit-transition:width .15s ease-out;
	-o-transition:width .15s ease-out
}
.cloud-product-ul li:first-child {
	border-left:1px solid #ddd
}
.cloud-product-single-top {
	margin-bottom: 30px;
	width:100%;
	height:60px;
	line-height:60px;
	text-align:center;
	background-color:#f2f2f2
}
.cloud-product-name {
	font-size:18px;
	color:#333;
	font-weight:700
}
.cloud-product-single-bottom {
	width:100%;
	height:340px
}
.empty-space {
	width:100%;
	height:62px
}
.single-bottom-item {
	height:340px;
	width:100%
}
.single-bottom-item:first-child {
	border-right:1px solid #eee
}
.bg-product-pic {
	margin:0 auto;
	width:76px;
	height:80px
}
.server-bg {
	background:url("../logo50images/index-sprite.png") no-repeat 0 -1341px
}
.idc-bg {
	background:url("../logo50images/index-sprite.png") no-repeat 0 -1421px
}
.host-bg {
	background:url("../logo50images/index-sprite.png") no-repeat -6px -1256px
}
.product-introduce-title {
	margin-top:20px;
	margin-bottom:14px;
	height:18px;
	line-height:18px;
	font-size:18px;
	text-align:center
}
.product-introduce-title.normal-weight {
	font-weight:400
}
.product-introduce-content {
	margin:0 auto;
	width:180px;
	line-height:24px;
	font-size:12px;
	text-align:center;
	color:#999
}
.product-introduce-price {
	margin:16px auto 0;
	width:180px;
	line-height:24px;
	font-size:12px;
	text-align:center;
	color:#999
}
.price-orange {
	color:#f80;
	font-size:24px
}
.normal-inner {
	transition:all .5s;
	-moz-transition:all .5s;
	-webkit-transition:all .5s;
	-o-transition:all .5s
}
.active-inner {
	display:none;
	-moz-opacity:0;
	-khtml-opacity:0;
	opacity:0;
	transition:all .5s;
	-moz-transition:all .5s;
	-webkit-transition:all .5s;
	-o-transition:all .5s
}
.cloud-product-ul li.active .active-inner {
	display:block;
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity:1
}
.cloud-product-ul li.active .normal-inner {
	display:none;
	-moz-opacity:0;
	-khtml-opacity:0;
	opacity:0
}
.cloud-product-ul li.active {
	z-index:9;
	 
	height:431px;
	margin-top:20px;
	border:1px solid #009fd9;
	box-shadow:0 0 10px 5px rgba(0,192,239,.2)
}
.active-inner-top {
	width:100%;
	height:80px;
	margin-bottom:20px;
	line-height:80px;
	font-size:18px;
	text-align:center;
	background-color:#00c0ef;
	color:#fff;
	font-weight:700
}
.active-empty-space {
	height:14px
}
.active-inner-item {
	width:100%
}
.active-inner-item-left {
	}
.active-product-introduce-title {
	margin-top:20px;
	font-weight:700
}
.product-btn-wrapper {
	margin-top:50px
}
.product-btn-wrapper {
	margin:38px auto 10px;
	width:220px
}
.product-btn-wrapper .btn {
	float:left
}
.buy-link-btn {
	margin-right:18px;
	background-color:#009fd9;
	color:#fff
}
.buy-link-btn:hover {
	background-color:#f80
}
.introduce-link-btn {
	border:1px solid #009fd9;
	color:#009fd9
}
.introduce-link-btn:hover {
	border:none;
	color:#fff;
	background-color:#009fd9
}
.product-tab-wrapper {
	width:100%
}
.product-tab-item {
	width:100%;
	height:30px;
	margin-bottom:10px;
	overflow:hidden;
	transition:height .5s;
	-moz-transition:height .5s;
	-webkit-transition:height .5s;
	-o-transition:height .5s
}
.product-tab-title {
	margin:0 auto;
	padding-left:40px;
	width:90%;
	min-width:200px;
	height:30px;
	line-height:30px;
	font-size:12px;
	background:url("../logo50images/add-icon.png") no-repeat;
	background-color:#fafafa;
	color:#666
}
.product-tab-item.active .product-tab-title {
	background:url("../logo50images/reduce_icon.png") no-repeat;
	background-color:#e0f9ff;
	color:#009fd9
}
.product-tab-content {
	width:200px;
	margin-top:6px;
	margin-left:54px;
	line-height:22px;
	font-size:12px;
	color:#999
}
.product-tab-item.active {
	height:150px
}
.solution-bgcolor {
	background-color:#009FD9;
	background-attachment:fixed;
	padding-bottom:60px
}
.solution-bgcolor .cloud-product-explain,.solution-bgcolor .cloud-product-title span {
	color:#fff
}
.solution-bgcolor .cloud-product-title span {
	border-color:#fff
}
.solution-list {
	position:relative;
	height:400px;
	overflow:hidden
}
.arr-btn {
	position:absolute;
	top:0;
	width:40px;
	height:100%;
	z-index:99;
	display:none\9;
	opacity:0;
	-moz-opacity:0;
	-khtml-opacity:0;
	transition:all .5s;
	-moz-transition:all .5s;
	-webkit-transition:all .5s;
	-o-transition:all .5s
}
.solution-box:hover .arr-btn {
	display:block\9;
	opacity:1;
	-moz-opacity:1;
	-khtml-opacity:1
}
.arr-btn-left {
	left:10px
}
.arr-btn-right {
	right:10px
}
.solution-box {
	position:relative
}
.arr-btn i {
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-10px;
	margin-top:-18px;
	display:block;
	width:20px;
	height:36px;
	z-index:100
}
.arr-btn .arr-left {
	background:url("../logo50images/index-sprite.png") no-repeat 0 -1538px
}
.arr-btn .arr-right {
	background:url("../logo50images/index-sprite.png") no-repeat 0 -1500px
}
.solution-list {
	width:auto!important
}
.solution-list ul li {
	float:left;
	width:25%;
	position:relative;
	height:400px;
	width:275px;
	margin-left:20px;
	transition:background-color .5s;
	-moz-transition:background-color .5s;
	-webkit-transition:background-color .5s;
	-o-transition:background-color .5s;
	transition:all .5s;
	-moz-transition:all .5s;
	-webkit-transition:all .5s;
	-o-transition:all .5s
}
@media only screen and (max-width:1200px) {
	.solution-list ul li {
	width:224px
}
}@media only screen and (max-width:1017px) {
	.solution-list ul li {
	width:224px
}
}.solution-list ul li .li-bgcolor {
	height:100%;
	position:absolute;
	width:100%;
	background-color:#000;
	filter:alpha(opacity=60);
	opacity:.6;
	-moz-opacity:.6;
	-khtml-opacity:.6
}
.solution-list ul li>i {
	position:absolute;
	top:118px;
	left:50%;
	margin-left:-45px;
	width:90px;
	height:90px;
	z-index:2;
	transition:top .5s;
	-moz-transition:top .5s;
	-webkit-transition:top .5s;
	-o-transition:top .5s
}
.solution-list ul li>i.cloud-icon {
	background:url("../logo50images/index-sprite.png") no-repeat 0 -90px
}
.solution-list ul li>i.finance-icon {
	background:url("../logo50images/index-sprite.png") no-repeat 0 -180px
}
.solution-list ul li>i.mobile-icon {
	background:url("../logo50images/index-sprite.png") no-repeat 0 -360px
}
.solution-list ul li>i.busin-icon {
	background:url("../logo50images/index-sprite.png") no-repeat 0 0
}
.solution-list ul li>i.game-icon {
	background:url("../logo50images/index-sprite.png") no-repeat 0 -270px
}
.solution-list ul li:hover>i {
	margin-left:-32px;
	width:64px;
	height:64px
}
.solution-list ul li:hover>i.cloud-icon {
	background:url("../logo50images/index-sprite.png") no-repeat 0 -506px
}
.solution-list ul li:hover>i.finance-icon {
	background:url("../logo50images/index-sprite.png") no-repeat 0 -570px
}
.solution-list ul li:hover>i.mobile-icon {
	background:url("../logo50images/index-sprite.png") no-repeat 0 -698px
}
.solution-list ul li:hover>i.busin-icon {
	background:url("../logo50images/index-sprite.png") no-repeat 0 -452px
}
.solution-list ul li:hover>i.game-icon {
	background:url("../logo50images/index-sprite.png") no-repeat 0 -634px
}
.solution-list ul li>p.solution-title {
	position:absolute;
	top:240px;
	width:100%;
	text-align:center;
	color:#fff;
	font-size:20px;
	z-index:2;
	transition:top .5s;
	-moz-transition:top .5s;
	-webkit-transition:top .5s;
	-o-transition:top .5s
}
.solution-list ul li>p.solution-intro {
	text-align:center;
	font-size:14px;
	height:150px;
	padding:0 30px;
	overflow:hidden;
	position:absolute;
	top:282px;
	color:#fff;
	line-height:2;
	z-index:2;
	opacity:0;
	filter:alpha(opacity=0);
	transition:all .6s;
	-moz-transition:all .6s;
	-webkit-transition:all .6s;
	-o-transition:all .6s
}
.solution-list ul li>a {
	position:absolute;
	top:452px;
	left:50%;
	margin-left:-59px;
	width:118px;
	height:34px;
	line-height:32px;
	text-align:center;
	border:1px solid #fff;
	font-size:14px;
	color:#fff;
	z-index:2;
	opacity:0;
	transition:all .6s;
	-moz-transition:all .6s;
	-webkit-transition:all .6s;
	-o-transition:all .6s
}
.solution-list ul li:hover .li-bgcolor {
	background-color:#0175a0
}
.solution-list ul li:hover i {
	top:93px
}
.solution-list ul li:hover p.solution-title {
	top:160px
}
.solution-list ul li:hover p.solution-intro {
	top:205px;
	opacity:1;
	filter:alpha(opacity=100)
}
.solution-list ul li:hover a {
	top:330px;
	opacity:1;
	filter:alpha(opacity=100)
}
.free-certificate {
	height:140px;
	background:#0bf
}
/*.swiper-wrapper {
	position:relative;
	height:140px;
	overflow:hidden
}
.swiper-slide {
	position:relative;
	left:0;
	width:100%;
	height:140px;
	overflow:hidden
}*/
.swiper-bar {
	float:left;
	margin:0 10px;
	width:30px;
	height:13px;
	border-top:3px solid #fff;
	background:0 0;
	opacity:.5;
	filter:alpha(opacity=50)
}
.swiper-bar.active {
	opacity:1;
	filter:alpha(opacity=100)
}
@media only screen and (max-width:1018) {
	.certificat-item {
	float:left;
	width:250px;
	height:140px
}
}.certificat-item {
	float:left;
	width:300px;
	height:140px
}
.certificat-item-wrapper {
	width:92%;
	height:100%;
	margin:0 auto
}
.certificat-item-inner {
	float:left
}
.certificat-pic {
	margin-top:42px;
	width:64px;
	height:64px
}
.certificat-pic1 {
	background:url("../logo50images/index-sprite.png") no-repeat 0 -1636px
}
.certificat-pic2 {
	background:url("../logo50images/index-sprite.png") no-repeat 0 -1701px
}
.certificat-pic3 {
	background:url("../logo50images/index-sprite.png") no-repeat 0 -1765px
}
.certificat-pic4 {
	background:url("../logo50images/index-sprite.png") no-repeat 0 -1829px
}
.certificat-pic5 {
	background:url("../logo50images/index-sprite.png") no-repeat 0 -1572px
}
.certificat-introduce {
	margin:55px 0 0 10px;
	width:150px;
	height:80px
}
.certificat-introduce p {
	color:#fff
}
.certificat-introduce-top {
	height:16px;
	line-height:16px;
	font-size:16px
}
.certificat-introduce-bottom {
	margin-top:12px;
	height:12px;
	line-height:12px;
	font-size:12px;
	white-space:nowrap
}
.certificat-pagination {
	height:70px
}
.certificat-pagination .swiper-pagination-bullet {
	width:30px;
	height:3px;
	border-radius:0;
	background:#fff;
	opacity:.5;
	filter:alpha(opacity=50)
}
.certificat-pagination .swiper-pagination-bullet-active {
	opacity:1;
	filter:alpha(opacity=100)
}
.cooperative-partner {
	background:#f5f7f7
}
.cooperative-partner-list {
	margin-top:26px
}
.cooperative-partner-list li {
	float:left;
	width:19.3%;
	height:177px;
	margin:10px 0 0 1%
}
.cooperative-partner-list li a {
	display:inline-block;
	width:100%;
	height:100%;
	text-align:center;
	vertical-align:middle;
	line-height:130px;
	background:#fff;
	cursor:default
}
.cooperative-partner-list li a img {
	vertical-align:middle
}
.cooperative-partner-list li a img.transiform-img {
	width:200px;
 
	transform:scale(.9);
	-o-transition:all .4s;
	-ms-transition:all .4s;
	-webkit-transition:all .4s;
	transition:all .4s
}
.cooperative-partner-list li a:hover {
	box-shadow:0 1px 8px 3px rgba(0,0,0,.1)
}
.cooperative-partner-list li a:hover img.transiform-img {
	transform:scale(1)
}
.cooperative-partner-list li:nth-child(4n+1) {
	margin:10px 0 0 0
}
.news-trends {
	background:#fff
}
.news-trends-list {
	margin-top:46px
}
.press-release {
	float:left;
	width:31.33%;
	margin-left:2%
}
.activity-title img {
	height:140px
}
.press-release:first-child {
	margin-left:0
}
.press-release-title {
	position:relative;
	padding:0 20px;
	height:36px;
	border-left:3px solid #000;
	line-height:36px;
	border-radius:3px;
	background:#f7f7f7;
	font-size:16px;
	color:#333
}
.release-title1 {
	border-left-color:#f40
}
.release-title2 {
	border-left-color:#009fd9
}
.release-title3 {
	border-left-color:#f90
}
.press-release-title a {
	display:inline-block;
	position:absolute;
	right:20px;
	top:0;
	font-size:12px;
	color:#009fd9
}
.press-release-title a:hover {
	color:#f80
}
.press-news-pic {
	position:relative;
	margin:20px auto 0;
	width:90%;
	height:74px;
	overflow:hidden
}
.press-news-picbg {
	position:absolute;
	left:50%;
	top:50%;
	display:block;
	margin-left:-173px;
	margin-top:-40px;
	height:80px;
	width:346px;
	background-size:cover;
	background-position:center;
	transition:all .5s;
	-moz-transition:all .5s;
	-webkit-transition:all .5s;
	-o-transition:all .5s
}
.press-news-pic:hover .press-news-picbg {
	transform:scale(1.1);
	-moz-transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-o-transform:scale(1.1)
}
.press-news-picbg1 {
	background-image:url("../logo50images/news_bg1.png")
}
.press-news-picbg2 {
	background-image:url("../logo50images/news_bg2.png")
}
.press-release-list li a.active span,.press-release-list li a:hover span {
	color:#009fd9
}
.press-release-list {
	width:90%;
	margin:0 auto;
	height:174px
}
.press-release-list li {
	margin-top:22px;
	float:left;
	width:100%;
	height:14px;
	line-height:14px
}
.press-release-list li:first-child {
	margin-top:20px
}
.press-release-list li a {
	display:block
}
.press-release-list li a i {
	float:left;
	width:21%;
	font-style:normal;
	font-size:12px;
	color:#999;
	white-space:nowrap
}
.press-release-list li a span {
	float:left;
	width:76%;
	font-size:12px;
	color:#333;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden
}
.activity-title {
	margin-top:16px;
	text-align:center
}
.activity-title a {
	display:block;
	margin:0 auto;
	width:327px;
	height:124px;
	overflow:hidden
}
.activity-title a img {
	width:100%;
	height:100%;
	transition:all .5s;
	-moz-transition:all .5s;
	-webkit-transition:all .5s;
	-o-transition:all .5s
}
.activity-title a img:hover {
	transform:scale(1.1);
	-moz-transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-o-transform:scale(1.1)
}
.free-registration {
	height:36px;
	line-height:36px;
	text-align:center;
	padding:60px 0 40px 0
}
.free-registration a {
	display:inline-block;
	padding:0 42px;
	height:40px;
	line-height:40px;
	text-align:center;
	font-size:16px;
	color:#fff;
	background:#009fd9;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px
}
.free-registration a:hover {
	background:#f80
}
.map-service {
	position:relative;
	height:930px
}
.map-service-left {
	position:absolute;
	left:0;
	top:80px;
	width:15%;
	max-width:180px;
	padding-top:36px
}
.data-list {
	width:100%
}
.data-list-li {
	margin-bottom:20px
}
.data-list-li a {
	display:block;
	text-decoration:none
}
.data-list-title {
	width:100%;
	padding-left:50px;
	margin-bottom:4px;
	height:44px;
	line-height:44px;
	font-size:14px;
	color:#009fd9;
	background:url("../logo50images/index-sprite.png") no-repeat 20px -1992px
}
.data-list-title.list-title-2 {
	background:url("../logo50images/index-sprite.png") no-repeat 20px -1922px;
	color:#f80
}
.data-list-title.list-title-3 {
	background:url("../logo50images/index-sprite.png") no-repeat 20px -2072px;
	color:#999
}
.data-list-item {
	margin-bottom:6px;
	height:36px;
	line-height:36px;
	font-size:12px;
	color:#666;
	text-align:center;
	background-color:#f7f7f7
}
.light-list-item:hover {
	background-color:#009fd9;
	color:#fff
}
.map-product {
	padding-bottom:30px
}
.map-service-box {
	position:relative
}
.map-service-right {
	float:right
}
.china-map {
	position:relative;
	width:841px;
	height:696px;
	background:url("../logo50images/map_bg.png") no-repeat
}
.region-list {
	position:absolute;
	left:0;
	top:0
}
@keyframes warn {
	0% {
	transform:scale(0);
	opacity:1
}
30% {
	transform:scale(0);
	opacity:.1
}
60% {
	transform:scale(.5);
	opacity:.5
}
100% {
	transform:scale(1);
	opacity:0
}
}@-webkit-keyframes warn {
	0% {
	-webkit-transform:scale(0);
	opacity:0
}
30% {
	transform:scale(0);
	opacity:.1
}
60% {
	transform:scale(.5);
	opacity:.5
}
100% {
	-webkit-transform:scale(1);
	opacity:0
}
}@-moz-keyframes warn {
	0% {
	-moz-transform:scale(0);
	opacity:0
}
30% {
	transform:scale(0);
	opacity:.1
}
60% {
	transform:scale(.5);
	opacity:.5
}
100% {
	-moz-transform:scale(1);
	opacity:0
}
}.area-box .dot {
	display:inline-block;
	position:absolute;
	left:0;
	width:16px;
	height:16px;
	-webkit-border-radius:16px;
	-moz-border-radius:16px;
	border-radius:16px;
	background:#a2a9b4;
	opacity:1;
	filter:alpha(opacity=100)
}
.area-box .pulse {
	display:inline-block;
	position:absolute;
	top:-36px;
	left:-36px;
	height:88px;
	width:88px;
	-webkit-border-radius:48px;
	-moz-border-radius:48px;
	border-radius:48px;
	background:#a2a9b4;
	opacity:.12;
	filter:alpha(opacity=0);
	-webkit-animation:warn 2s ease-out;
	-moz-animation:warn 2s ease-out;
	animation:warn 2s ease-out;
	-webkit-animation-iteration-count:infinite;
	-moz-animation-iteration-count:infinite;
	animation-iteration-count:infinite
}
.region-list.active .area-box .dot {
	background:#009fd9
}
.region-list.active .area-box .pulse {
	background:#009fd9
}
.region-list.waite .area-box .dot {
	background:#f90
}
.region-list.waite .area-box .pulse {
	background:#f90
}
.show-regin {
	position:absolute;
	left:2px;
	height:0;
	top:0;
	width:11px;
	opacity:0;
	-o-transition:all .5s ease-in-out;
	-ms-transition:all .5s ease-in-out;
	-webkit-transition:all .5s ease-in-out;
	transition:all .5s ease-in-out
}
.online-node .show-regin,.region-list:hover .show-regin {
	height:127px;
	opacity:1
}
.region-list:hover .show-regin,.waite-node .show-regin {
	height:127px;
	opacity:1
}
.region-list:hover .show-regin,.underline-node .show-regin {
	height:127px;
	opacity:1
}
.show-regin span {
	width:80px;
	display:inline-block;
	position:absolute;
	left:-34px;
	top:-34px;
	padding:6px 10px;
	font-size:12px;
	color:#fff;
	background:#a2a9b4;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	text-align:center
}
.postition-10 .show-regin span {
	left:-5px
}
.postition-6 .show-regin span {
	left:-63px
}
.area-box {
	z-index:77
}
.show-regin {
	z-index:66
}
.region-list.active .show-regin span {
	position:relative;
	color:#fff;
	background:#009fd9
}
.region-list.active .show-regin span:before {
	content:"";
	position:absolute;
	left:50%;
	margin-left:-6px;
	bottom:-10px;
	border:6px solid transparent;
	border-top-color:#009fd9
}
.postition-10.region-list.active .show-regin span:before {
	left:11px;
	margin-left:-6px
}
.postition-6.region-list.active .show-regin span:before {
	left:69px;
	margin-left:-6px
}
.region-list.waite .show-regin span {
	color:#fff;
	background:#f90
}
.region-list.waite .show-regin span:before {
	content:"";
	position:absolute;
	left:50%;
	margin-left:-6px;
	bottom:-10px;
	border:6px solid transparent;
	border-top-color:#f90
}
.region-list.underline-node .show-regin span:before {
	content:"";
	position:absolute;
	left:50%;
	margin-left:-6px;
	bottom:-10px;
	border:6px solid transparent;
	border-top-color:#a2a9b4
}
.postition-1 {
	left:341px;
	top:341px
}
.postition-2 {
	left:454px;
	top:444px
}
.postition-3 {
	left:406px;
	top:575px
}
.postition-4 {
	left:534px;
	top:390px
}
.postition-5 {
	left:590px;
	top:435px
}
.postition-6 {
	left:595px;
	top:575px
}
.postition-7 {
	left:740px;
	top:202px
}
.postition-8 {
	left:644px;
	top:247px
}
.postition-9 {
	left:708px;
	top:413px
}
.postition-10 {
	left:619px;
	top:600px
}
.postition-11 {
	left:680px;
	top:323px
}
.postition-13 {
	left:525px;
	top:270px
}
.douhao {
	display:inline-block;
	width:0
}
 
			
/* 优势滚动 */
.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: center;
}
.youshi-icon {
	height: 170px;
	background: url("../logo50images/server_youshi_exchange.png") no-repeat center;
}
.youshi-icon-heart {
	background-image: url("../logo50images/server_youshi_heart.png");
}
.youshi-icon-storage {
	background-image: url("../logo50images/server_youshi_storage.png");
}
.youshi-icon-diskprotect {
	background-image: url("../logo50images/server_youshi_disk.png");
}
.youshi-icon-reliable {
	background-image: url("../logo50images/server_youshi_shield.png");
}
.youshi-icon-cloud {
	background-image: url("../logo50images/server_youshi_cloud.png");
}
.youshi-icon-servers {
	background-image: url("../logo50images/server_youshi_servers.png");
}
.youshi-icon-global {
	background-image: url("../logo50images/server_youshi_global.png");
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none
}
.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px
}

.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: #000
}
.bx-wrapper .bx-prev {
	left: 10px;
	background: url("../logo50images/controls.png") no-repeat 0 -32px
}

.bx-wrapper .bx-prev:focus,.bx-wrapper .bx-prev:hover {
	background-position: 0 0
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url("../logo50images/controls.png") no-repeat -43px -32px
}

.bx-wrapper .bx-next:focus,.bx-wrapper .bx-next:hover {
	background-position: -43px 0
}

.bx-wrapper .bx-controls-auto .bx-controls-auto-item,.bx-wrapper .bx-pager-item {
	display: inline-block;
	*zoom: 1;
	*display: inline
}

.bx-wrapper .bx-pager-item {
	font-size: 0;
	line-height: 0
}
 

.bx-wrapper {
	position: relative;
	margin: 0 auto 60px;
	padding: 0;
	*zoom: 1;
	-ms-touch-action: pan-y;
	touch-action: pan-y
}

.bx-wrapper img {
	max-width: 100%;
	display: block
}

.bxslider {
	margin: 0;
	padding: 0
}

ul.bxslider {
	list-style: none
}

.bx-viewport {
	-webkit-transform: translatez(0)
}

.bx-wrapper {
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	border: 5px solid #fff;
	background: #fff
}

.bx-wrapper .bx-controls-auto,.bx-wrapper .bx-pager {
	position: absolute;
	bottom: -30px;
	width: 100%
}

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url("../logo50images/bx_loader.gif") center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000
}

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: 700;
	color: #666;
	padding-top: 20px
}






.bx-wrapper .bx-controls-auto {
	text-align: center
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url("../logo50images/controls.png") -86px -11px no-repeat;
	margin: 0 3px
}

.bx-wrapper .bx-controls-auto .bx-start.active,.bx-wrapper .bx-controls-auto .bx-start:focus,.bx-wrapper .bx-controls-auto .bx-start:hover {
	background-position: -86px 0
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url("../logo50images/controls.png") -86px -44px no-repeat;
	margin: 0 3px
}

.bx-wrapper .bx-controls-auto .bx-stop.active,.bx-wrapper .bx-controls-auto .bx-stop:focus,.bx-wrapper .bx-controls-auto .bx-stop:hover {
	background-position: -86px -33px
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px
}

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666;
	background: rgba(80,80,80,.75);
	width: 100%
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px
}
/* 插件样式重置 */
.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("../logo50images/server_youshi_left.png") no-repeat center;
}
.bx-wrapper .bx-prev:hover {
	background: #009FD9 url("../logo50images/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("../logo50images/server_youshi_right.png") no-repeat center;
	right: 0;
}
.bx-wrapper a.bx-next:hover {
	background: #009FD9 url("../logo50images/server_youshi_right.png") no-repeat center;
}
.bx-wrapper .bx-pager.bx-default-pager a {
	width: 16px;
	height: 16px;
	background: #d6f0f9;
	border-radius: 50%;
}
.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: #009FD9;
}
 
  
/*网站部署面临的问题*/
.issue-title {
	font-size: 28px;
	padding-top: 24px;
	color: #fff;
	text-align: center;
}
.issue-title-ico {
	margin: 20px 0px 60px 0px;
	width: 100%;
	height: 29px;
	 text-align:center;
	 color:#fff;
}
.web-issue-list {
	padding-bottom: 110px;
}
.web-issue-list li {
	width: 23%;
	margin: 0px 1%;
	float: left;
}
.web-issue-list li a {
	display: inline-block;
	width: 100%;
	height: 100%;
}
.web-issue-list li span {
	display: block;
	width: 100%;
	height: 106px;
}
.issue_type_01 {
	background: url("../logo50images/missue_ico01.png") no-repeat center;
}
.issue_type_02 {
	background: url("../logo50images/missue_ico02.png") no-repeat center;
}
.issue_type_03 {
	background: url("../logo50images/missue_ico03.png") no-repeat center;
}
.issue_type_04 {
	background: url("../logo50images/missue_ico04.png") no-repeat center;
}
.web-issue-list li a:hover .issue_type_01 {
	background: url("../logo50images/missue_ico_hover_01.png") no-repeat center;
}
.web-issue-list li a:hover .issue_type_02 {
	background: url("../logo50images/missue_ico_hover_02.png") no-repeat center;
}
.web-issue-list li a:hover .issue_type_03 {
	background: url("../logo50images/missue_ico_hover_03.png") no-repeat center;
}
.web-issue-list li a:hover .issue_type_04 {
	background: url("../logo50images/missue_ico_hover_04.png") no-repeat center;
}
.web-issue-list li p {
	font-size: 20px;
	color: #fff;
	text-align: center;
	margin: 20px 0px 15px 0px;
}
.web-issue-list li .issue-introduce {
	margin: 0px 15px;
	font-size: 12px;
	text-align: center;
	color: #fff;
	line-height: 24px;
}
.web-issue{background:#009FD9}
/***服务推荐与说明结束****/

/*****头部banner*******/
.login-main-area {
	position: relative;
	height: 630px;
}
.bg-back {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
}
.login-inner {
	position: relative;
	z-index: 20;
}
.login-main {
	position: absolute;
	right: 40px;
	top: 100px;
	z-index: 50;
	padding: 36px 40px;
	background-color: #fff;
	-webkit-box-shadow: 0 1px 6px #888;
	-moz-box-shadow: 0 1px 6px #888;
	-ms-box-shadow: 0 1px 6px #888;
	-o-box-shadow: 0 1px 6px #888;
	box-shadow: 0 1px 6px #888;
}
.login-title {
	font-size: 22px;
	color: #565656;
	margin-bottom: 25px;
}
.login-form-item {
	width: 300px;
	height: 40px;
	line-height: 40px;
	border: 1px solid #ddd;
	margin-top: 16px;
	padding-left: 41px;
}
.form-item-bg {
	background-image: url("../logo50images/login_iconlist.png");
	background-repeat: no-repeat;
}
.form-item-bg-user {
	position: relative;
	z-index: 50;
	background-position: -39px -10px;
}
.form-item-bg-user.input-outer--focus {
	background-position: -39px -315px;
}
.form-item-bg-lock {
	background-position: -39px -66px;
}
.form-item-bg-lock.input-outer--focus {
	background-position: -39px -363px;
}
.form-item-bg-captcha {
	background-position: -39px -120px;
}
.form-item-bg-captcha.input-outer--focus {
	background-position: -39px -416px;
}
.input-outer--focus {
	border: 1px solid #009FD9;
}
.login-form-item input {
	display: block;
	width: 100%;
	height: 38px;
	line-height: 38px;
	border: none;
	outline: none;
	font-family: "Microsoft Yahei", Tahoma, Arial;
}
/* 密码输入大写开启提示 */
.form-item-bg-lock {
	position: relative;
}
.caps-lock-remind {
	 display: none;
	position: absolute;
	top: 33px;
	left: 8px;
	z-index: 31;
	padding: 10px;
	line-height: 12px;
	background-color: #fff;
	-webkit-box-shadow: 1px 1px 3px 2px rgba(0, 159, 217, 0.2);
	border: 1px solid #ccc;
	font-size: 12px;
}
.caps-lock-remind:before,
.caps-lock-remind:after {
	content: "";
	position: absolute;
}
.caps-lock-remind:before {
	border: 4px solid transparent;
	border-bottom-color: #fff;
	top: -8px;
	left: 42px;
	z-index: 10;
	margin-left: -8px;
}
.caps-lock-remind:after {
	border: 6px solid transparent;
	border-bottom-color: #ccc;
	top: -12px;
	left: 40px;
	z-index: 9;
	margin-left: -8px;
}
/* 控制 邮箱提示列表 的样式 */
.email-complete-list {
	position: absolute;
	left: -1px;
	right: 0;
	top: 40px;
	z-index: 10;
	line-height: normal;
}
.email-complete-list .ui-autocomplete {
	left: 0 !important;
	right: 0 !important;
	padding-top: 1px;
	border-top-color: #009fd9;
}
.email-complete-list .ui-autocomplete .ui-menu-item {
	padding-left: 41px;
	overflow: hidden;
}

.captcha-deck {
	display: none;
	margin-top: 16px;
}
.captcha-item {
	position: relative;
	z-index: 30;
	float: left;
	margin-top: 0;
	width: 172px;
}
.captcha-item input {
	width: 80%;
}
.captcha-box {
	position: relative;
	z-index: 20;
}
.show-captcha {
	margin: 0 0 0 8px;
	cursor: pointer;
	width: 95px;
	height: 40px;
}
.refresh-captcha {
	position: absolute;
	right: 0;
	top: 8px;
	width: 24px;
	height: 22px;
	background: url("../logo50images/login_iconlist.png") no-repeat center -267px;
	cursor: pointer;
}
.login-options {
	margin-top: 18px;
	padding-left: 14px;
	line-height: 14px;
}
.idsave-check {
	position: relative;
	z-index: 10;
	height: 14px;
	line-height: 14px;
	font-size: 14px;
	color: #555;
	padding-left: 20px;
	cursor: pointer;
}
.login-options a {
	float: right;
	color: #009FD9;
	font-size: 14px;
	text-decoration: none;
}
.login-options a:hover {
	text-decoration: underline;
}
/*IE8下 checkbox 隐藏时，label的点击和js都无法改变 checked状态，所以使用定位达到“隐藏”的目的（被checkbox-icon图标盖住）*/
.idsave-check input {
	position: absolute;
	z-index: -10;
	left: 0;
	top: 3px;
	width: 3px;
	height: 3px;
}
.checkbox-icon {
	position: absolute;
	left: 0;
	top: 3px;
	z-index: 10;
	width: 16px;
	height: 16px;
	background: #fff url("../logo50images/login_iconlist.png") no-repeat center -225px;
}
.checkbox-icon-checked {
	background-position: center -182px;
}
.login-submit {
	width: 300px;
	height: 40px;
	line-height: 40px;
	border-radius: 3px;
	font-size: 14px;
	background-color: #009FD9;
	color: #fff;
	border: none;
	outline: none;
	cursor: pointer;
	margin-top: 30px;
}
.login-submit:hover {
	background-color: #0084b1;
}
.login-submit.disabled {
	background-color: #CCC;
	cursor: not-allowed;
}
.login-submit.disabled:hover {
	background-color: #CCC;
}
.go-reg {
	font-size: 14px;
	color: #555;
	margin-top: 20px;
}
.go-reg a {
	color: #009FD9;
	text-decoration: none;
	margin-left: 3px;
}
.go-reg a:hover {
	text-decoration: underline;
}
/*大背景*/
.bg-back-banner {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.bg-back-default {
	display: block;
}
.bg-back-1 {
	background: url("../logo50images/login_back_1.png") no-repeat center center #f3a932;
}
.bg-back-2 {
	background: url("../logo50images/login_back_2.png") no-repeat center center #68be27;
}
.bg-back-3 {
	background: url("../logo50images/login_back_3.png") no-repeat center center #00c4c4;
}

/*图案*/
.pattern-area {
	position: relative;
	float: left;
	width: 580px;
	height: 587px;
}
.login-pattern {
	position: absolute;
	top: 0;
	left: 0;
	width: 1200px;
	height: 587px;
}
.pattern-1 {
	background: url("../logo50images/login_pattern_1.png") no-repeat center;
}
.pattern-2 {
	background: url("../logo50images/login_pattern_2.png") no-repeat center;
}
.pattern-3 {
	background: url("../logo50images/login_pattern_3.png") no-repeat center;
}
/*切换按钮*/
.bg-change {
	text-align: center;
}
.bg-change ul {
	display: inline-block;
}
.bg-change li {
	float: left;
	width: 32px;
	height: 6px;
	background-color: #fff;
	opacity: 0.35;
	filter:Alpha(opacity=35);
	margin-right: 10px;
}
li.bg-change--current {
	opacity: 1;
	filter:Alpha(opacity=100);
}

.banner2{ display:block; width:100%; height:400px; background:#0F3}
.swiper-container {
      width: 100%;
      height: 100%;
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
.swiper-button-next,.swiper-button-prev{width:22px;height: 44px;top:50%;}
.swiper-button-next:after,.swiper-button-prev:after{ content:'';}
.swiper-button-next{background: url(../logo50images/next.png); right:-0px;}
.swiper-button-prev{background: url(../logo50images/prev.png);left:-0px;}


.swiper-pagination-bullet {
      width: 10px;
      height: 10px;
      text-align: center;
      line-height: 10px;
      font-size: 12px;
      color:#000;
      opacity: 1;
      background: rgba(255,255,255,0.5);
    }
    .swiper-pagination-bullet-active {
      color:#fff;
      background: rgba(200,164,61,1);
    }

.sw img{ width:100%; height:100%}

.main{width:1185px;margin:0 auto;}
#meal{}
#meal ul{}
#meal ul li{float:left;width:285px;margin:15px 15px 0 0;background:#fff;position:relative;}
#meal ul li:nth-of-type(4n+0){margin:15px 0 0 0;}
#meal ul li b{color:#c00;display:block;font-size:23px;text-align:center;padding:25px 0 20px 0;line-height:35px;}
#meal ul li b sup::after{content:"+";}
#meal ul li i{color:#ff0;font-size:25px;font-style:normal;display:block;text-align:center;padding:0 15px 0 23px;line-height:60px;background:#383838;}
#meal table{margin:15px;border-collapse:1;border-spacing:0;line-height:45px;border:1px solid #f3f3f3;border-width:0 1px 1px 0;}
#meal th{width:85px;font-weight:normal;text-align:center;background:#fafafa;border:1px solid #f3f3f3;border-width:1px 0 0 1px;}
#meal td{color:#999;width:170px;padding-left:12px;border:1px solid #f3f3f3;border-width:1px 0 0 1px;position:relative;white-space:nowrap;}
#meal table tr:hover{background:#fafafa;}
#meal ul li p{text-align:center;padding:20px 0 25px 0;border-top:2px solid #f3f3f3;}
#meal ul li p font{color:#fff;font-size:15px;padding:13px 20px;line-height:30px;background:#f60;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;cursor:pointer;}
#meal ul li p font:hover{color:#ff0;background:#f20;}
#meal ul li u{color:#fff;font-size:20px;width:45px;height:45px;line-height:45px;text-align:center;text-decoration:none;background:url(../logo50images/sale.png) no-repeat;position:absolute;top:62px;right:15px;text-shadow:1px 1px 1px #800;}
#meal ul li em{color:#ff0;font-size:16px;font-style:normal;}
#meal ul li i sup{color:#6c0;font-size:16px;margin-left:5px;line-height:30px;}

.line{height:2px;background:#e3e3e3;margin:50px 0 35px 0;text-align:center;}
.line b{position:relative;font-weight:normal;line-height:40px;top:-22px;background:#f8f8f8;padding:0 25px;font-size:26px;color:#333;}
#flow{}
#flow dl{float:left;width:385px;margin:15px 15px 0 0;padding:15px 0;background:#ccc;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;position:relative;}
#flow dl:nth-of-type(3n+0){margin:15px 0 0 0;}
#flow dl:nth-of-type(1){color:#eb6d1a;background:#eb6d1a;}
#flow dl:nth-of-type(2){color:#26aac1;background:#26aac1;}
#flow dl:nth-of-type(3){color:#238e86;background:#238e86;}
#flow dl:nth-of-type(4){color:#e1524e;background:#e1524e;}
#flow dl:nth-of-type(5){color:#6075b8;background:#6075b8;}
#flow dl:nth-of-type(6){color:#5a7b8c;background:#5a7b8c;}
#flow dl dt{float:left;color:#333;font-size:35px;width:65px;height:70px;line-height:40px;padding:15px 25px 15px 15px;text-align:center;background:#fff;-moz-border-radius:0 40px 40px 0;-webkit-border-radius:0 40px 40px 0;border-radius:0 40px 40px 0;}
#flow dl dd{position:absolute;right:0;top:15px;font-size:21px;width:305px;height:70px;line-height:40px;padding:15px;text-align:center;background:#fff;-moz-border-radius:40px 0 0 40px;-webkit-border-radius:40px 0 0 40px;border-radius:40px 0 0 40px;}
#flow dl:hover dd{width:385px;}