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



/*banner*/



.index-header .top-header{ position:absolute; left:0; top:0; right:0; z-index:11;}



.index-banner{ background:#000000; position:relative; min-width:1220px;}



.header-banner{ height: 576px; overflow:hidden; position:relative;}



.header-banner .hd{ height:15px; overflow:hidden; position:absolute; left:5px; right: 0; bottom:85px; z-index:1; }



.header-banner .hd ul{ text-align: center; overflow:hidden; zoom:1;}



.header-banner .hd ul li{ display: inline-block; margin:0 3px;width:30px; height:4px; line-height:4px;color:transparent; text-align:center; background: rgba(255,255,255,.4); cursor:pointer; }



.header-banner .hd ul li.on{ background:#fff; color:transparent; }



.header-banner .bd{ position:relative; height:100%; z-index:0;   }



.header-banner .bd ul{width:100% !important;}



.header-banner .bd li{ zoom:1; width:100% !important; vertical-align:middle; }



.header-banner .bd a{display:block; height: 576px; color:#fff;}



.header-banner .container{ height:576px; position:relative; overflow:hidden;}



.header-banner  h2{ font-size:46px;}



.header-banner  p{ font-size:20px; margin:15px 0 0; line-height:32px;}



.header-banner  span{ display:block; margin:75px 0 0; font-size:16px; width:198px; height:38px; border:1px solid #fff; line-height:38px; text-align:center; cursor:pointer}



.header-banner  span:hover{ border:1px solid #059fff; background:#059fff; color:#fff;}



.header-banner .banner-text .text{ position:absolute; left:0; bottom: -150%;}







/*å…¬å‘Š*/



.head-announce{height: 50px; color: #fff; position: absolute; left: 0; right: 0; bottom: 0; background: rgba(255,255,255,.16); overflow:hidden;}



.head-announce a{ color:#fff;}



.head-announce a:hover {color:#00b277}



.head-announce .announce-list{ height:50px; width:1160px; float:left; overflow:hidden;}



.head-announce .announce-list li{ width: 300px; height: 50px; margin-right:80px;float:left;text-align:left; _display:inline;}



.head-announce .announce-list li a{display: block; line-height: 50px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }



.head-announce .announce-list li a:hover {color:#00b277}



.head-announce .more{float: right; line-height: 50px; }







/*å¿«æ·å…¥å£*/



.index-entrance{ padding: 55px 0; overflow: hidden;min-width: 1220px;}



.index-entrance li{ width: 25%; float: left; overflow: hidden;}



.index-entrance li a{ display: block; position: relative; min-height: 70px; }



.index-entrance li a:before{ content: ""; height: 70px;position: absolute; left: 0; top: 0;background: url("../../images/index/ico/icons.png")  no-repeat;}



.index-entrance li h3{ font-size: 18px; color: #000; margin: 0 0 5px;}



.index-entrance li p{ font-size: 12px; color: #666666; line-height: 20px;}



.index-entrance li:hover h3{ color: #059fff; }



.index-entrance .item1{padding:0 35px 0 130px;}



.index-entrance .item1:before{ width: 106px; background-position: 0 0;}



.index-entrance .item2{padding:0 45px 0 113px;}



.index-entrance .item2:before{ width: 92px;background-position: -114px 0;}



.index-entrance .item3{padding:0 45px 0 102px;}



.index-entrance .item3:before{ width: 74px; background-position:-227px 0;}



.index-entrance .item4{padding:0 35px 0 110px;}



.index-entrance .item4 span{ display: block; color: #ff8a00; }



.index-entrance .item4:before{ width: 78px;background-position: -324px 0;}







/*äº§å“*/



.index-product{ padding: 90px 0 100px; background: #fafafa; overflow: hidden;min-width: 1220px;}



.index-product .module-title{ margin-bottom: 80px; }



/*    */



/* èµ„è´¨ */



.index-honor{ padding: 80px 0 60px; overflow: hidden;min-width: 1220px;}



.index-honor ul{ margin:55px 0 0 -4px;}



.index-honor li{ width: 200px; padding-top: 30px; height: 160px; margin:25px 0 20px 4px; float: left;}



.index-honor li a{ display: block; text-align: center;}



.index-honor li h5{ font-size: 14px; color: #000000; }



.index-honor li p{ font-size: 12px; line-height: 22px; color: #666666; }



.index-honor li i{ display: block; width: 127px; height: 72px; margin: 0 auto 15px;}



.index-honor li .img1{ background: url("../../images/index/hor-img11.png") center no-repeat;}



.index-honor li .img2{ background: url("../../images/index/hor-img2.png") center no-repeat;}



.index-honor li .img3{ background: url("../../images/index/hor-img3.png") center no-repeat;}



.index-honor li .img4{ background: url("../../images/index/hor-img4.png") center no-repeat;}



.index-honor li .img5{ background: url("../../images/index/hor-img5.png") center no-repeat;}



.index-honor li .img6{ background: url("../../images/index/hor-img6.png") center no-repeat;}



.index-honor li .img7{ background: url("../../images/index/hor-img7.png") center no-repeat;}



.index-honor li:hover{-moz-box-shadow: 0px 10px 20px rgba(2,48,76,0.05);-webkit-box-shadow: 0px 10px 20px rgba(2,48,76,0.05);box-shadow: 0px 10px 20px rgba(2,48,76,0.05);}











/*ä¼˜åŠ¿*/



.index-advantage{ min-width:1220px; overflow:hidden;}



.index-advantage .container{ position:relative; overflow: hidden; }



.index-advantage .advantage-list{height: 700px;overflow:hidden; position:relative;}



.index-advantage .hd{ height:15px; overflow:hidden; position:absolute; left:5px; right: 0; bottom:40px; z-index:1; }



.index-advantage .hd ul{ text-align: center; overflow:hidden; zoom:1;}



.index-advantage .hd ul li{ display: inline-block; margin:0 3px;width:30px; height:4px; line-height:4px;color:transparent; text-align:center; background: rgba(255,255,255,.4); cursor:pointer; }



.index-advantage .hd ul li.on{ background:#fff; color:transparent; }



.index-advantage .bd{ position:relative; height:100%; z-index:0;   }



.index-advantage .bd ul{ width:100% !important;}



.index-advantage .bd li{height:625px; width:100% !important;padding-top: 75px; zoom:1; vertical-align:middle; }



.index-advantage .bd img{display: block; float: left;}



.index-advantage .title{ text-align: center; font-size: 30px; margin: 0 0 55px; color: #fff;}



.index-advantage .title p{ font-size: 14px; margin: 10px 0 0;}



.index-advantage .info{ position:absolute; right:0; top:190px; color: #fff;}



.index-advantage .info .h1{ font-size: 48px; margin: 0 0 22px;}



.index-advantage .info p{ font-size: 18px; line-height:35px;}



.index-advantage .info a{ color:#fff;}



.index-advantage .info .more{ display: block; color: #fff; background:rgba(255,255,255,0);transition-duration: .3s; width: 158px; height: 38px; border: 1px solid #fff; line-height: 38px; text-align: center;}



.index-advantage .info .more:hover{ background:rgba(255,255,255,1); color:#059fff;}



.index-advantage .list1{ background: #02304d;}



.index-advantage .list1 .info{ width: 425px;}



.index-advantage .list1 .more{margin:55px 0 0; }



.index-advantage .list2{ background: #0c2e95;}



.index-advantage .list2 .title{ margin: 0 0 30px; }



.index-advantage .list2 .info{width:455px;}



.index-advantage .list2 img{ margin-left:85px;}



.index-advantage .list2 .more{margin:55px 0 0; }



.index-advantage .list3{ background: #010861;}



.index-advantage .list3 .info{width:585px;}



.index-advantage .list3 img{ margin-left:80px;}



.index-advantage .list3 .more{margin:50px 0 0; }



.index-advantage .list4{ background: #2b52c9;}



.index-advantage .list4 .info{width:610px;}



.index-advantage .list4 img{ margin-left:30px;}



.index-advantage .list4 .more{margin:30px 0 0; }



.index-advantage .list5{ background: #7f0cf6;}



.index-advantage .list5 img{ margin-left: 80px;}



.index-advantage .list5 .info{ width:605px;}



.index-advantage .list5 .more{margin:30px 0 0; }







/* è§£å†³æ–¹æ¡ˆ */



.cloud-product-box {



	background: #f5f7f7;



}



.cloud-product {



	padding: 80px 0px 60px 0px;



}



.cloud-product-title {



	height: 44px;



	text-align: center;



	line-height: 44px;



	font-size: 36px;


	color: #333;



}



.cloud-product-title.white-color {



	color: #fff;



}



.color-blue {



	color: #009fd9;



}



.solution-list {



	position: relative;



	height: 500px;



	overflow: hidden;



}







.arr-btn {



	position: absolute;



	top: 0;



	width: 40px;



	height: 100%;



	z-index: 99;



	display: none\0;



	*display: none;



	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\0;



	*display: block;



	opacity: 1;



	-moz-opacity:1;



	-khtml-opacity: 1;



}



.arr-btn-left {



	left: 0;



}



.arr-btn-right {



	right: 0;



}



.solution-box-wraper {



	width: 100%;



	background: #292e33;



}



.solution-box {



    position: relative;



    width: 1200px!important;



    min-width: 1200px!important;



    max-width: 1200px!important;



}



.arr-btn {



	background-color: rgba(255,255,255,0.08);



}



.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(img/index-sprite.png) no-repeat 0 -1538px;



}



.arr-btn .arr-right {



	background: url(img/index-sprite.png) no-repeat 0 -1500px;



}



.solution-list {



	width: auto!important;



}



.solution-list ul li {



	float: left;



	position: relative;



	height: 500px;



	width: 300px;



	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;



}



.solution-bg-li01 {



	background: url(img/cloud-photo.jpg) no-repeat center;



}



.solution-bg-li02 {



	background: url(img/finance-photo.jpg) no-repeat center;



}



.solution-bg-li03 {



	background: url(img/mobile-photo.jpg) no-repeat center;



}



.solution-bg-li04 {



	background: url(img/busin-photo.jpg) no-repeat center;



}



.solution-bg-li05 {



	background: url(img/game-photo.jpg) no-repeat center;



}



@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: #292e33;







}



.li-bgcolor.opa-5 {



	filter:alpha(opacity=50);



	opacity: 0.5;



	-moz-opacity:0.5;



	-khtml-opacity: 0.5;



}



.li-bgcolor.opa-8 {



	filter:alpha(opacity=80);



	opacity: 0.8;



	-moz-opacity:0.8;



	-khtml-opacity: 0.8;



}



.solution-list ul li &gt; i {



	position: absolute;



	top: 170px;



	left: 50%;



	margin-left: -30px;



	width: 60px;



	height: 60px;



	z-index: 2;



	transition: top .5s;



	-moz-transition: top .5s;



	-webkit-transition: top .5s;



	-o-transition: top .5s;



}



.solution-list ul li &gt; i.cloud-icon {



	background: url(img/solution-items-icon.png) no-repeat 0 0;



}



.solution-list ul li &gt; i.finance-icon {



	background: url(img/solution-items-icon.png) no-repeat 0 -60px;



}



.solution-list ul li &gt; i.mobile-icon {



	background: url(img/solution-items-icon.png) no-repeat 0 -120px;



}



.solution-list ul li &gt; i.busin-icon {



	background: url(img/solution-items-icon.png) no-repeat 0 -180px;



}



.solution-list ul li &gt; i.game-icon {



	background: url(img/solution-items-icon.png) no-repeat 0 -240px;



}



.solution-list ul li:hover &gt; i {



	margin-left: -30px;



	width: 60px;



	height: 60px;



}



.solution-list ul li &gt; p.solution-title {



	position: absolute;



	top: 280px;



	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 &gt; p.solution-intro {



	text-indent: 26px;



	font-size: 12px;



	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 &gt; 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: #059fff;



}



.solution-list ul li:hover i {



	top: 76px;



}



.solution-list ul li:hover p.solution-title {



	top: 168px;



}



.solution-list ul li:hover p.solution-intro {



	top: 230px;



	opacity: 1;



	filter: alpha(opacity=100);



}



.solution-list ul li:hover a {



	top: 380px;



	opacity: 1;



	filter: alpha(opacity=100);



}























/*æ–°é—»åŠ¨æ€*/



.index-news{ padding:75px 0 55px; overflow: hidden; min-width:1220px;}



.index-news .module-title{ margin: 0 0 80px;}



.index-news .item1{ background: url("index-img/yw_new3.jpg")  center no-repeat;}



.index-news .item2{ background: url("index-img/yw_new1.jpg")  center no-repeat;}



.index-news .item3{ background: url("index-img/yw_new2.jpg")  center no-repeat;}



.index-news dl{ width: 370px; background: #fff; float: left; margin:0 45px 25px 0; }



.index-news dl:last-child{ margin-right: 0; }



.index-news dt{ height: 100px;text-align: center; font-size: 30px; position: relative}



.index-news dt a{ display: block;color: #fff;line-height: 30px;width: 120px; height: 120px;background: rgba(0,178,119,.85);font-size: 20px;box-sizing: border-box;padding: 27px 35px;position: absolute;left: 0; top: -10px; }



.index-news dt a:after{ content: ""; display: inline-block; vertical-align: middle; width: 28px; height:32px; margin-left: 20px; background: url("../../images/index/ico/ico2.png")  center top no-repeat;}



.index-news dd{margin-top: 32px; }



.index-news dd p{ height: 25px; line-height: 25px; margin: 0 0 15px;padding-bottom: 40px;border-bottom: 1px dotted #ddd;box-sizing: border-box;}



.index-news dd span{ width: 55px; float: left; margin-right: 15px; text-align: center; background: #f6f6f6; color: #999999; }



.index-news dd a{ display: block; width: 79%; float: left; color: #333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }

.index-news dd a:hover{color:#00b277}









/*ç”Ÿæ€åˆä½œ*/



.cooperation-body{ background:#000142; min-width:1220px; overflow:hidden;}



.cooperation-body img{ display:block; max-width:100%; margin:0 auto;}







.module-title { font-size: 42px; color: #000; margin: 0 0 55px; text-align: center; }



.module-title span{ color: #00b277;}



.module-title p{ font-size: 14px; margin: 13px 0 0; color: #666666; }











.font-size-24 {



	font-size: 24px;



}



/*æœåŠ¡æ´»åŠ¨æŽ¨å¹¿*/



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



	margin-top: 30px;



	width: 102px;



	height: 60px;



}



.action-img1 {



	background: url(img/index-banner-sub1.png) no-repeat 0 0;



}



.action-img2{



	background: url(img/index-banner-sub2.png) no-repeat 0 0;



}



.action-img3{



	background: url(img/index-banner-sub3.png) no-repeat 0 0;



}



.action-img4{



	background: url(img/index-banner-sub4.png) no-repeat 0 0;



}



.service-action-text {



	position: absolute;



	left: 110px;



	top: 36px;



}







.service-action-title {



	font-size: 16px;



	color: #333;



}



.service-action-ul li:hover .service-action-title{



	color: #059fff;



}



.service-action-info {



	margin-top: 8px;



	width: 135px;



	font-size: 12px;



	color: #999;



}



/* é¦–é¡µæ–°é—» */



.news-ul li a {



	padding-right: 25%;



}



/*äº‘äº§å“*/



.cloud-product-box {



	background: #f5f7f7;



}



.cloud-product {



	padding: 80px 0px 60px 0px;



}



.cloud-product-title {



	height: 44px;



	text-align: center;



	line-height: 44px;



	font-size: 36px;



	color: #333;



}



.cloud-product-title.white-color {



	color: #fff;



}



.color-blue {



	color: #009fd9;



}







/*äº‘äº§å“æ&nbsp;·å¼æ”¹ç‰ˆ*/







.cloud-product-ul {



	margin-top: 30px;



	width: 100%;



}



.cloud-product-ul li {



	position: relative;



	margin-top: 62px;



	/*margin-left: 1.5%;*/



	width: 22%;



	height: 442px;



	float: left;



	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 {



	margin-left: 0;



}



/*æœªé€‰ä¸­liæ&nbsp;·å¼*/



.cloud-product-single-top {



	width: 100%;



	height: 60px;



	line-height: 60px;



	text-align: center;



	background-color: #f2f2f2;



}



.cloud-product-name {



	font-size: 18px;



	color: #333;



	font-weight: bold;



}



.cloud-product-single-bottom {



	width: 100%;



	height: 340px;



}



.empty-space {



	width: 100%;



	height: 60px;



}



.single-bottom-item {



	height: 340px;



	width: 100%;



}



.single-bottom-item:first-child {



	border-right: 1px solid #eeeeee;



}



.bg-product-pic {



	margin: 0 auto;



	width: 80px;



	height: 80px;



}



.server-bg {



	background: url(img/product-pic-bg.png) no-repeat 0 0;



}



.idc-bg {



	background: url(img/product-pic-bg.png) no-repeat -80px 0;



}



.host-bg {



	background: url(img/product-pic-bg.png) no-repeat -156px 0;



}



.active-inner .server-bg {



	background: url(img/product-pic-bg.png) no-repeat 0 -80px;



}



.active-inner .idc-bg {



	background: url(img/product-pic-bg.png) no-repeat -80px -80px;



}



.active-inner .host-bg {



	background: url(img/product-pic-bg.png) no-repeat -156px -80px;



}



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



}



.product-introduce-content {



	margin: 0 auto;



	width: 180px;



	line-height: 24px;



	font-size: 12px;



	text-align: center;



	color: #999999;



}



.product-introduce-price {



	margin: 90px auto 0;



	width: 90%;



	text-align: center;



}



.active-inner-item-right .product-introduce-price {



	margin: 110px auto 0;







}



.product-introduce-advantage {



	float: left;



	margin-left: 3.5%;



	margin-bottom: 10px;



	width: 46%;



	height: 30px;



	border: 1px solid #e6e6e6;



	line-height: 30px;



	text-align: center;



	font-size: 12px;



	color: #666;



}



.price-orange {



	color: #ff6600;



}



/*é€‰ä¸­liæ&nbsp;·å¼*/



.normal-inner {



	transition: all .5s;



	-moz-transition: all .5s;



	-webkit-transition: all .5s;



	-o-transition: all .5s;



	padding: 20px 0;



}



.active-inner {



	display: none;



	/*filter:alpha(opacity=0);*/



	-moz-opacity:0;



	-khtml-opacity: 0;



	opacity: 0;



	/*min-width: 500px;*/



	transition: all .5s;



	-moz-transition: all .5s;



	-webkit-transition: all .5s;



	-o-transition: all .5s;



}



.cloud-product-ul li.active .active-inner {



	display: block;



	height: 100%;



	/*filter:alpha(opacity=100);*/



	-moz-opacity:1;



	-khtml-opacity: 1;



	opacity: 1;



}



.cloud-product-ul li.active .normal-inner {



	display: none;



	/*filter:alpha(opacity=0);*/



	-moz-opacity:0;



	-khtml-opacity: 0;



	opacity: 0;



}



.cloud-product-ul li.active {



	z-index: 9;



	width: 33.8%;



	*width: 33%;



	height: 520px;



	margin-top: 20px;



	box-shadow:0px 2px 16px rgba(0, 0, 0, 0.12);







}



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



}



.active-empty-space {



	height: 120px;



}



.active-inner-item {



	width: 46.9%;



}



.active-inner-item-right.active-inner-item {



	width: 53%;



}



.active-inner-item-left {



	height: 100%;



}



.active-product-introduce-title {



	margin-top: 20px;



	font-weight: bold;



}







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



	color: #fff;



}



.buy-link-btn:hover {



	background-color: #0066cc;



}



.introduce-link-btn {



	border: 1px solid #059fff;



	color: #059fff;



}



.introduce-link-btn:hover {



	border: none;



	color: #fff;



	background-color: #059fff;



}



.product-tab-wrapper {



	position: absolute;



	bottom: 36px;



	left: 0;



	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(img/add-icon.png) no-repeat;



	background-color: #fafafa;



	color: #666666;



}



.product-tab-item.active .product-tab-title {



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



	background-color: #e0f9ff;



	color: #009fd9;



}



.product-tab-content {



	/*display: none;*/



	width: 200px;



	margin-top: 6px;



	margin-left: 54px;



	line-height: 22px;



	font-size: 12px;



	color: #999999;



}



.product-tab-item.active {



	height: 150px;



}



.active-inner-item-right {



	position: relative;



	height: 100%;



	background: #f7f9fa url(img/active-inner-right-bg.png) no-repeat right bottom;



}



.product-right-title {



	margin: 60px 20px 24px 20px ;



	font-size: 18px;



	line-height: 18px;



	color: #333;



	font-weight: bold;



}



.product-right-introduce {



	margin-left: 20px;



	line-height: 26px;



	font-size: 14px;



	color: #666666;



}



/*äº‘äº§å“æ&nbsp;·å¼æ”¹ç‰ˆ------æ–°åŠ&nbsp;æ&nbsp;·å¼*/



/*æ­£å¸¸ç›’å­æ&nbsp;·å¼*/



.visi-hidden{



	visibility: hidden;



}



.border-1px-left{



	border-left: 1px solid #f2f2f2;



}



.border-1px-right{



	/*border-right: 1px solid #f2f2f2;*/



	border-right: 1px solid #f2f2f2;



}



.normal-inner p{



	text-align: center;



	font-size: 14px;



}



.normal-inner .container-box{



	width: 100%;



	height: 402px;



}



.normal-inner .title-area-box{



	/*height: 114px;*/



}



.normal-inner .title-icon,



.active-inner .title-icon{



	width: 50px;



	height: 50px;



	display: inline-block;



}



.normal-inner .title-icon.computed{



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



}



.normal-inner .title-icon.idc{



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



}



.normal-inner .title-icon.domain{



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



}



.normal-inner .title-icon.cloud-safety{



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



}







.active-inner .title-icon.computed{



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



}



.active-inner .title-icon.idc{



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



}



.active-inner .title-icon.domain{



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



}



.active-inner .title-icon.cloud-safety{



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



}







.normal-inner .title-text{



	font: bold 20px/50px 'microsoft yahei';



}



.normal-inner .line-content{



	width: 184px;



	height: 1px;



	background: #f2f2f2;



	display: inline-block;



}



.normal-inner .product-list-box{



	padding-top: 10px;



}



.normal-inner .product-item{



	height: 80px;



}



.normal-inner .pro-title{



	line-height: 32px;



}



.active-inner .pro-title{



	font-size: 16px;



}



.normal-inner .pro-charactor{



	color: #999;



}



.normal-inner .btn-icon{



	width: 14px;



	height: 12px;



	display: inline-block;



	background: url('./img/product_arrow.png') no-repeat center center /cover;



	vertical-align: middle;



	margin-top: -2px;



	margin-left: 0;



}



.normal-inner .check-detail-btn{



	width: 160px;



	height: 30px;



	border: 1px solid #ccc;



	color: #ccc;



	font: 12px/30px 'microsoft yahei';



	margin: 5px auto;



}



/*é€‰ä¸­ç›’å­æ&nbsp;·å¼*/



.active-inner{



	box-shadow:0px 2px 16px rgba(0, 0, 0, 0.12);



}



.active-inner .title-area-box{



	height: 160px;



	background: #059fff;



	padding: 40px 0 30px 0;



}



.active-inner .title-text{



	font: bold 20px/50px 'microsoft yahei';



	color: #fff;



}



.active-inner .product-item{



	height: 92px;



	padding: 18px 24px 0 24px;



	border-top: 1px solid transparent;



	border-bottom: 1px solid transparent;



}



.active-inner .product-item:hover .inner-item{



	border: 0;



}



/*.active-inner .product-item:hover .buy-btn{*/



	/*background: #059fff;*/



	/*border-color: #059fff;*/



	/*color: #fff;*/



/*}*/



.active-inner .product-item:hover{



	background: #f9f9f9;



	border-bottom: 1px solid #eee;



	border-top: 1px solid #eee;



}



.active-inner p{



	font-size: 14px;



	line-height: 30px;



}



.active-inner .product-desc{



	width: 70%;



	color: #000;



}



.active-inner .buy-box{



	width: 30%;



	padding-top: 9px;



	height: 100%;



}



.active-inner .buy-btn{



	width: 94px;



	height: 38px;



	line-height: 38px;



	border: 1px solid #ccc;



	display: inline-block;



	text-align: center;



	color: #000;



	font-size: 14px;



}



.active-inner .buy-btn.active{



	background: #059fff;



	border-color: #059fff;



	color: #fff;



}



.active-inner .buy-btn:hover{



	background: #059fff;



	border-color: #059fff;



	color: #fff;



}



.active-inner .pro-charactor{



	color: #aaa;



}



.active-inner .sales-icon{



	width: 34px;



	height: 16px;



	display: inline-block;



	vertical-align: middle;



	margin-top: -4px;



	margin-left: 2px;



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



}



.active-inner .new-icon{



	width: 34px;



	height: 16px;



	display: inline-block;



	vertical-align: middle;



	margin-top: -4px;



	margin-left: 2px;



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



}



.active-inner .inner-item{



	border-bottom: 1px solid #eee;



	height: 100%;



}



.product-item-inner {



	height: 74px;



	border-bottom: 1px solid #eee;



}



.active-inner .product-item:hover .product-item-inner {



	border: none;



}







/*è§£å†³æ–¹æ¡ˆ*/



.solution-bgcolor {



	background: #fff;



}



.solution-bgcolor .cloud-product-title span{



	color: #333;



	font-size: 36px;



}



.solution-bgcolor .cloud-product-title span {



	border-color: #fff;



}



.cloud-product-introduce-wrapper {



	height: 300px;



}



.cloud-product-introduce-item {



	width: 32%;



	height: 240px;



	margin-left: 1.5%;







}







.cloud-product-introduce-item:hover {



	box-shadow:0px 2px 16px rgba(0, 0, 0, 0.12);



}



.cloud-product-introduce-item:first-child {



	margin-left: 0;



}



.cloud-item-bg {



	margin: 30px auto 0;



	width: 100px;



	height: 100px;



	background: url(img/cloud-product-bg.png) no-repeat 0 0;



}







.cloud-item-bg2 {



	background-position: -100px 0;



}



.cloud-item-bg3 {



	background-position: -200px 0;



}



.cloud-product-introduce-item:hover .cloud-item-bg1 {



	background-position:0 -100px;







}



.cloud-product-introduce-item:hover .cloud-item-bg2 {



	background-position:-100px -100px;







}



.cloud-product-introduce-item:hover .cloud-item-bg3 {



	background-position:-200px -100px;







}



.product-introduce-item-title {



	margin: 30px 0 20px;



	height: 20px;



	line-height: 20px;



	text-align: center;



	font-size: 20px;



	color: #333;



}



.cloud-product-introduce-item:hover .product-introduce-item-title {



	color: #059fff;



}



.product-introduce-item-introduce {



	height: 14px;



	text-align: center;



	line-height: 14px;



	font-size: 14px;



	color: #999;



}



.solution-list {



	position: relative;



	height: 400px;



	overflow: hidden;



}







.arr-btn {



	position: absolute;



	top: 0;



	width: 40px;



	height: 100%;



	z-index: 99;



	display: none\0;



	*display: none;



	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\0;



	*display: block;



	opacity: 1;



	-moz-opacity:1;



	-khtml-opacity: 1;



}



.arr-btn-left {



	left: 0;



}



.arr-btn-right {



	right: 0;



}



.solution-box-wraper {



	width: 100%;



	background: #292e33;



}



.solution-box {



	position: relative;



}



.arr-btn {



	background-color: rgba(255,255,255,0.08);



}



.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(img/index-sprite.png) no-repeat 0 -1538px;



}



.arr-btn .arr-right {



	background: url(img/index-sprite.png) no-repeat 0 -1500px;



}



.solution-list {



	width: auto!important;



}



.solution-list ul li {



	float: left;



	position: relative;



	height: 500px;



	width: 300px;



	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;



}



.solution-bg-li01 {



	background: url(img/cloud-photo.jpg) no-repeat center;



}



.solution-bg-li02 {



	background: url(img/finance-photo.jpg) no-repeat center;



}



.solution-bg-li03 {



	background: url(img/mobile-photo.jpg) no-repeat center;



}



.solution-bg-li04 {



	background: url(img/busin-photo.jpg) no-repeat center;



}



.solution-bg-li05 {



	background: url(img/game-photo.jpg) no-repeat center;



}



@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: #292e33;







}



.li-bgcolor.opa-5 {



	filter:alpha(opacity=50);



	opacity: 0.5;



	-moz-opacity:0.5;



	-khtml-opacity: 0.5;



}



.li-bgcolor.opa-8 {



	filter:alpha(opacity=80);



	opacity: 0.8;



	-moz-opacity:0.8;



	-khtml-opacity: 0.8;



}



.solution-list ul li &gt; i {



	position: absolute;



	top: 170px;



	left: 50%;



	margin-left: -30px;



	width: 60px;



	height: 60px;



	z-index: 2;



	transition: top .5s;



	-moz-transition: top .5s;



	-webkit-transition: top .5s;



	-o-transition: top .5s;



}



.solution-list ul li &gt; i.cloud-icon {



	background: url(img/solution-items-icon.png) no-repeat 0 0;



}



.solution-list ul li &gt; i.finance-icon {



	background: url(img/solution-items-icon.png) no-repeat 0 -60px;



}



.solution-list ul li &gt; i.mobile-icon {



	background: url(img/solution-items-icon.png) no-repeat 0 -120px;



}



.solution-list ul li &gt; i.busin-icon {



	background: url(img/solution-items-icon.png) no-repeat 0 -180px;



}



.solution-list ul li &gt; i.game-icon {



	background: url(img/solution-items-icon.png) no-repeat 0 -240px;



}



.solution-list ul li:hover &gt; i {



	margin-left: -30px;



	width: 60px;



	height: 60px;



}



.solution-list ul li &gt; p.solution-title {



	position: absolute;



	top: 280px;



	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 &gt; p.solution-intro {



	text-indent: 26px;



	font-size: 12px;



	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 &gt; 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: #059fff;



}



.solution-list ul li:hover i {



	top: 76px;



}



.solution-list ul li:hover p.solution-title {



	top: 168px;



}



.solution-list ul li:hover p.solution-intro {



	top: 230px;


	opacity: 1;



	filter: alpha(opacity=100);



}



.solution-list ul li:hover a {



	top: 380px;



	opacity: 1;



	filter: alpha(opacity=100);



}











/* è¯ä¹¦ */



.free-certificate {



	height: 140px;



	background: #00bbff;



}



.swiper-wrapper {



	position: relative;



	height: 140px;



	overflow: hidden;



}



.swiper-slide {



	position: relative;



	left: 0;



	width: 100%;



	height: 140px;



	overflow: hidden;



	/*transform: all .2s;*/



}



.swiper-bar {



	float: left;



	margin: 0 10px;



	width: 30px;



	height: 13px;



	border-top: 3px solid #fff;



	background: transparent;



	opacity: 0.5;



	filter: alpha(opacity=50);



}



.swiper-bar.active {



	opacity: 1;



	filter: alpha(opacity=100);



}



@media only screen and (max-width: 1018px ) {



	.certificat-item {



	float: left;



	width: 250px;



	height: 140px;



	*width: 249px;



}



}



.certificat-item {



	float: left;



	width: 300px;



	height: 140px;



	*width: 300px;



}



.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(img/index-sprite.png) no-repeat 0 -1636px;



}



.certificat-pic2 {



	background: url(img/index-sprite.png) no-repeat 0 -1701px;



}



.certificat-pic3 {



	background: url(img/index-sprite.png) no-repeat 0 -1765px;



}



.certificat-pic4 {



	background: url(img/index-sprite.png) no-repeat 0 -1829px;



}



.certificat-pic5 {



	background: url(img/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-item1 {







}



.certificat-pagination {



	height: 70px;



}



.certificat-pagination .swiper-pagination-bullet {



	width: 30px;



	height: 3px;



	border-radius: 0;



	background: #fff;



	opacity: 0.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: 24%;



	height: 130px;



	margin: 10px 0px 0px 1%;



}



.cooperative-partner-list li a {



	display: inline-block;



	width: 100%;



	height: 100%;



	/*border-radius: 3px;*/



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



	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: 160px;



	height: 90px;



	transform: scale(0.9);



	-o-transition: all 0.4s ;



	-ms-transition: all 0.4s ;



	-webkit-transition: all 0.4s ;



	transition: all 0.4s ;



}



.cooperative-partner-list li a:hover {



	/*border: 1px solid #009fd9;*/



	box-shadow:0px 2px 16px rgba(0, 0, 0, 0.12);



}



.cooperative-partner-list li a:hover img.transiform-img{



	/*border: 1px solid #009fd9;*/



	transform: scale(1.0);



}



.cooperative-partner-list li:nth-child(4n+1) {



	margin: 10px 0px 0px 0px;



}



/*æ–°é—»åŠ¨æ€*/



.news-trends {



	background: #fff;



}



.news-trends-list {



	margin-top: 46px;



}



.press-release {



	float: left;



	width: 31.33%;



	margin-left: 2%;



}



.activity-title img {



 	/*padding: 0px 5%;*/



	height: 140px;



}







.press-release:first-child {



	margin-left: 0px;



}



.press-release:hover .press-news-pic{



	box-shadow: 0 2px 16px rgba(0,0,0,0.12);



}



.press-release-title {



	position: relative;



	padding: 0px 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: #ff4400;



}



.release-title2 {



	border-left-color: #009fd9;



}



.release-title3 {



	border-left-color: #ff9900;



}



.press-release-title a {



	display: inline-block;



	position: absolute;



	right: 20px;



	top: 0px;



	font-size: 12px;



	color: #999;



}



.press-news-pic {



	position: relative;



	display: block;



	margin: 20px auto 0;



	width: 90%;



	height: 160px;



	overflow: hidden;



}



.press-news-picbg {



	/*position: absolute;



	left: 50%;



	top: 50%;



	display: block;



	margin-left: -173px;



	margin-top: -80px;*/



	height: 100%;



	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{



	/*background-size: initial;*/



	/*margin-left: -190px;



	margin-top: -44px;



	height: 88px;



	width: 381px;*/



	transform: scale(1.1);



	-moz-transform: scale(1.1);



	-webkit-transform: scale(1.1);



	-o-transform: scale(1.1);



}



.press-newspicbg-title-bg {



	position: absolute;



	z-index: 9;



	bottom: 0;



	left: 0;



	height: 40px;



	width: 100%;



	opacity: 0.8;



	background-color: #059fff;



}



.press-newspicbg-title {



	position: absolute;



	z-index: 99;



	bottom: 0;



	left: 0;



	height: 40px;



	width: 100%;



	line-height: 40px;



	font-size: 18px;



	color: #fff;



	text-align: center;











}



.press-release-list li a:hover span,



.press-release-list li a.active span{



	color: #009fd9;



}



.press-release-list {



	width: 90%;



	margin: 0 auto;



	height: 174px;



}



.press-release-list li{



	margin-top: 10px;



	float: left;



	width: 100%;



	height: 20px;



	line-height: 20px;



}



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



	color: #999;



	white-space: nowrap;



}



.press-release-list li a span {



	float: left;



	width: 76%;



	font-size: 14px;



	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: 340px;



	/*height: 218px;*/



	height: 230px;



	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 0px 40px 0px;



}



.free-registration a {



	display: inline-block;



	padding: 0px 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: #ff8800;



}



/*æœåŠ¡å¹³å°*/



.map-service-wrapper {



	padding: 0;



}



.map-service {



	position: relative;



	padding-bottom: 40px;



	background: #f5f6f7;



}



.map-service-left {



	margin: 0 auto 50px;



	width: 300px;



}



.data-list {



	width: 100%;



}



.data-list-li {



	float: left;



	margin-left: 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: #059fff;



	background: url(img/data_list_icon_active.png) no-repeat 20px center ;







}



.data-list-title.list-title-3 {



	background: url(img/data_list_icon_waite.png) no-repeat 20px center;



	color: #14cc45;



}



.map-product {



	padding-bottom: 30px;



}



.map-service-box{



	position: relative;



}



.world-map-wrapper {



	/*margin-top: 10px;*/



	width: 100%;



	height: 601px;



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



}



.world-map {



	position: relative;



	margin: 0 auto;



	width: 1000px;



	height: 100%;



}



.region-list {



	position: absolute;



	left: 0px;



	top: 0px;



}







@keyframes warn {



	0% {



		transform: scale(0);



		opacity: 1;



	}



	30% {



		transform: scale(0);



		opacity: 0.1;



	}



	60% {



		transform: scale(0.5);



		opacity: 0.5;



	}



	100% {



		transform: scale(1);



		opacity: 0.0;



	}



}



@-webkit-keyframes warn {



	0% {



		-webkit-transform: scale(0);



		opacity: 0.0;



	}



	30% {



		transform: scale(0);



		opacity: 0.1;



	}



	60% {



		transform: scale(0.5);



		opacity: 0.5;



	}



	100% {



		-webkit-transform: scale(1);



		opacity: 0.0;



	}



}



@-moz-keyframes warn {



	0% {



		-moz-transform: scale(0);



		opacity: 0.0;



	}



	30% {



		transform: scale(0);



		opacity: 0.1;



	}



	60% {



		transform: scale(0.5);



		opacity: 0.5;



	}







	100% {



		-moz-transform: scale(1);



		opacity: 0.0;



	}



}







.area-box .dot {



	display: inline-block;



	position: absolute;



	left: 0px;



	width: 16px;



	height: 16px;



	/*background: url("img/area_min.png") no-repeat center;*/



	-webkit-border-radius: 16px;



	-moz-border-radius: 16px;



	border-radius: 16px;



	background: #14cc45;



	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: #14cc45;



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



}



.region-list.active .area-box .pulse {



	background: #059fff;



}



.region-list.waite .area-box .dot {



	background: #ff9900;



}



.region-list.waite .area-box .pulse {



	background: #ff9900;



}



.show-regin {



	position: absolute;



	left: 2px;



	height: 0px;



	top: 0px;



	width: 11px;



	opacity:0;



	-o-transition: all 500ms ease-in-out;



	-ms-transition: all 500ms ease-in-out;



	-webkit-transition: all 500ms ease-in-out;



	transition: all 500ms ease-in-out;



}



.online-node .show-regin,



.region-list:hover .show-regin {



	height: 127px;



	opacity: 1;



}



.waite-node .show-regin,



.region-list:hover .show-regin {



	height: 127px;



	opacity: 1;



}



.underline-node .show-regin,



.region-list:hover .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: #ff9900;



}



.region-list.waite .show-regin span:before {



	content: "";



	position: absolute;



	left: 50%;



	margin-left: -6px;



	bottom: -10px;



	border: 6px solid transparent;



	border-top-color: #ff9900;



}



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



}



.region-position-introduce {



	position: absolute;



	font-size: 16px;



	color: #808080;



}



.postition-1 {



	left: 50px;



	top: 126px;



}



.postition-2 {



	left: 179px;



	top: 230px;



}



.postition-3 {



	left: 258px;



	top: 443px;



}



.postition-4 {



	left: 545px;



	top: 206px;



}



.postition-5 {



	left: 829px;



	top: 230px;



}



.postition-6 {



	left: 884px;



	top: 222px;



}



.postition-introduce-6 {



	left: 906px;



	top: 202px;



}



.postition-7 {



	left: 871px;



	top: 272px;



}



.postition-introduce-7 {



	left: 896px;



	top: 272px;



}



.postition-8 {



	left: 855px;



	top: 311px;



}



.postition-introduce-8 {



	left: 872px;



	top: 321px;



}



.postition-9 {



	left: 832px;



	top: 302px;



}



.postition-introduce-9 {



	left: 796px;



	top: 316px;



}



.douhao {



	display: inline-block;



	width: 0px;



}



























































































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