﻿
.cloud-product-box {
	background:#f5f7f7
}
.cloud-product {
	padding:50px 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:18px;
	color:#999
}
.cloud-product-ul {
	margin-top:30px;
	width:100%
}
.cloud-product-ul li {
	position:relative;
	margin-top:40px;
	width:24.9%;
	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 {
	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
}

.solution-bgcolor {
	background:url(../images/solution_bg.jpg) no-repeat center;
	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(../images/index-sprite.png) no-repeat -21px -1538px
}
.arr-btn .arr-right {
	background:url(../images/index-sprite.png) no-repeat -21px -1501px
}
.solution-list {
	width:auto!important;
}
.solution-list ul li {
	float:left;
	width:25%;
	position:relative;
	height:390px;
	width:275px;
	margin: 5px auto 5px 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;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
}
@media screen and (max-width: 1300px){
    .solution-list ul li{
        width:270px;
    }
}
@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;*/
	background-color:#FFFFFF;
	filter:alpha(opacity=60);
	opacity:.8;
	-moz-opacity:.6;
	-khtml-opacity:.6
}
/**/
.solution-list ul li>i {
	position:absolute;
	top:118px;
	left:50%;
	margin-left:-32px;
	width:64px;
	height:64px;
	z-index:2;
	transition:top .5s;
	-moz-transition:top .5s;
	-webkit-transition:top .5s;
	-o-transition:top .5s
}

.solution-list ul li>i.cloud-index {
	background:url(../images/quanliucheng.png) no-repeat center;
	background-size:100%;
}
.solution-list ul li>i.cloud-icon {
	background:url(../images/x1_1.png) no-repeat center;
	background-size:100%;
}
.solution-list ul li>i.finance-icon {
	background:url(../images/x4_1.png) no-repeat center;
	background-size:100%;
}
.solution-list ul li>i.mobile-icon {
	background:url(../images/x2_1.png) no-repeat center;
	background-size:100%;
}
.solution-list ul li>i.busin-icon {
	background:url(../images/x3_1.png) no-repeat center;
	background-size:100%;
}
.solution-list ul li>i.game-icon {
	background:url(../images/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(../images/x1_1.png) no-repeat center;
	background-size:100%;
}
.solution-list ul li:hover>i.finance-icon {
	background:url(../images/x4_1.png) no-repeat center;
	background-size:100%;
}
.solution-list ul li:hover>i.mobile-icon {
	background:url(../images/x2_1.png) no-repeat center;
	background-size:100%;
}
.solution-list ul li:hover>i.busin-icon {
	background:url(../images/x3_1.png) no-repeat center;
	background-size:100%;
}
.solution-list ul li:hover>i.game-icon {
	background:url(../images/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;*/
	color: #404040;
	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-title{
	color: #FFFFFF;
}
/**/
.solution-list ul li>p.solution-intro {
	text-indent:26px;
	font-size:13px;
	height:150px;
	padding:0 15px;
	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>.a1 {
	position:absolute;
	top:400px;
	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>.a2 {
	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 .li-bgcolor {
	background: url(../images/li-bgcolor.jpg) no-repeat;
}
.solution-list ul li i {
	top:26px
}
.solution-list ul li p.solution-title {
	top:118px
}
.solution-list ul li p.solution-intro {
	top:160px;
	opacity:1;
	filter:alpha(opacity=100)
}
.solution-list ul li .a1 {
	top:285px;
	opacity:1;
	filter:alpha(opacity=100)
}
.solution-list ul li .a2 {
	top:330px;
	opacity:1;
	filter:alpha(opacity=100)
}
/**/
.free-certificate {
	height:140px;
	background:#1d8de4
}
.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(../images/index-sprite.png) no-repeat 0 -1636px
}
.certificat-pic2 {
	background:url(../images/index-sprite.png) no-repeat 0 -1701px
}
.certificat-pic3 {
	background:url(../images/index-sprite.png) no-repeat 0 -1765px
}
.certificat-pic4 {
	background:url(../images/index-sprite.png) no-repeat 0 -1829px
}
.certificat-pic5 {
	background:url(../images/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:24%;*/
	width: 20%;
	height:100px;
	margin:10px 6.25% 0 0px;
}
.cooperative-partner-list li a {
	display:inline-block;
	width:100%;
	height:100%;
	text-align:center;
	vertical-align:middle;
	/*line-height:130px;*/
	line-height: 100px;
	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;*/
	width: 100%;
	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) {
	margin-right: 0px;
}
.news-trends {
	background:#f1f1f1;
}
.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:#FFFFFF;
	font-size:16px;
	color:#333
}
.release-title1 {
	border-left-color:#1d8de4
}
.release-title2 {
	border-left-color:#009fd9
}
.release-title3 {
	border-left-color:#1d8de4
}
.press-release-title a {
	display:inline-block;
	position:absolute;
	right:20px;
	top:0;
	font-size:12px;
	color:#f80
}
.press-release-title a:hover {
	color:#009fd9
}
.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(../images/news_bg1.png)
}
.press-news-picbg2 {
	background-image:url(../images/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:15px;
	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:130px;
	line-height:130px;
	text-align:center;
	
	background:url(../images/zctp.png) no-repeat center;
	background-size:cover;
	margin-bottom:0;
}
.free-registration a {
	display:inline-block;
	padding:0 30px;
	height:40px;
	line-height:40px;
	text-align:center;
	font-size:16px;
	color:#fff;
	margin-left:30px;
	border:1px solid #fff;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px
}
.free-registration a:hover {
	background:#fff;
	color:#1d8de4;
}
.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(../images/index-sprite.png) no-repeat 20px -1992px
}
.data-list-title.list-title-2 {
	background:url(../images/index-sprite.png) no-repeat 20px -1922px;
	color:#f80
}
.data-list-title.list-title-3 {
	background:url(../images/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(../images/map_bg.png) no-repeat;
	background-size:100%;
}
.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:180px;
	top:230px
}
.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:625px;
	top:250px
}
.postition-9 {
	left:700px;
	top:390px
}
.postition-10 {
	left:619px;
	top:600px
}
.postition-11 {
	left:665px;
	top:323px
}
.postition-13 {
	left:525px;
	top:270px
}
.postition-14 {
	left:590px;
	top:380px
}
.postition-sh {
	left:728px;
	top:420px
}
.postition-zj {
	left:703px;
	top:478px
}
.postition-hb {
	left:600px;
	top:300px
}
.postition-hub {
	left:560px;
	top:440px
}
.postition-hun {
	left:560px;
	top:500px
}
.postition-ah {
	left:645px;
	top:420px
}
.postition-sx {
	left:550px;
	top:330px
}
.postition-ln {
	left:720px;
	top:220px
}
.postition-sh .show-regin span {
	left:0px;
}
.region-list.postition-sh .show-regin span:before{
	left:10%;
}
.postition-11 .show-regin span {
	left:-10px;
}
.region-list.postition-11 .show-regin span:before{
	left:20%;
}
.postition-sx .show-regin span {
	left:-42px;
}
.region-list.postition-sx .show-regin span:before{
	left:60%;
}
.douhao {
	display:inline-block;
	width:0
}