/*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:#059fff}
.head-announce .announce-list{ height:50px; width:1170px; 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:#059fff}
.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/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: 10px 0 30px; background: #fafafa; overflow: hidden;min-width: 1220px;}
.index-product .module-title{ margin-bottom: 100px; }
.index-product li{ width:226px;height: 540px; position: relative; background: #fff; float: left;transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;}
.index-product .product-list{ width:225px; height: 538px; border: 1px solid #ddd; border-right: none;}
.index-product li:last-child .product-list{ width: 224px; border-right: 1px solid #ddd; }
.index-product .product-title{ background: #f6f6f6; padding: 25px 10px 0; height: 155px; text-align: center;}
.index-product li:nth-child(even) .product-title{ background:#ebebeb;}
.index-product .product-title i{ display: block; width: 52px; height: 51px; margin: 0 auto 15px;background: url("/images/icons.png")  no-repeat;}
.index-product .product-title .ico1{ background-position:-5px -86px;}
.index-product .product-title .ico2{ background-position:-129px -85px;}
.index-product .product-title .ico3{ background-position:-251px -84px;}
.index-product .product-title .ico4{ background-position:-1px -155px;}
.index-product .product-title .ico5{  background-position:-130px -84px;}
.index-product .product-title h2{ font-size:24px; color: #000; margin: 0 0 10px;}
.index-product .product-title span{ display: block; color: #999999;}
.index-product .product-info{ padding:70px 20px 45px; text-align: center; overflow: hidden; }
.index-product .product-info span{ display: block; color: #666666; margin: 0 0 15px;}
.index-product .product-price{ text-align: center; }
.index-product .product-price p{padding-top: 40px; margin:0 20px; border-top: 1px solid #ddd; color: #666666;}
.index-product .product-price em{ font-style: normal; color: #ff8a00; font-size: 36px; font-family: "Arial"}
.index-product .product-price a{ display: none;width: 240px; height: 40px; margin: 0 auto; background: #059fff; line-height: 40px; text-align: center; color: #fff;}
.index-product .product-detail{ display: none; padding:20px 35px 0;}
.index-product .product-detail .desc{ font-size: 12px; color: #666666; line-height:24px; overflow: hidden;}
.index-product .product-detail p{ width: 240px; margin:20px auto 0; padding: 10px 0; border-top: 1px solid #ddd; overflow: hidden;}
.index-product .product-detail em{ font-style: normal; color: #059fff;}
.index-product .product-detail span{ width: 119px; text-align: left; float: left; color: #999999; height:16px; line-height:16px; margin: 12px 0;border-right: 1px solid #dddddd;}
.index-product .product-detail span:nth-child(even){ width: 120px; text-align: right; border-right: none; }
.product-hover{ width: 316px !important;}
.product-hover .product-list{ height: 580px;width:320px !important; border: 1px solid #059fff;border-right: 1px solid #059fff !important; background: url("/images/pro-bg2.png")  right bottom #fff no-repeat; position: absolute; left: -2px; right: -2px; top: -20px; bottom: -20px; z-index: 11; }
.product-hover .product-title{ height:175px;background: url("/images/pro-bg1.jpg")  center no-repeat !important;}
.product-hover .product-title .ico1{ background-position:-70px -86px;}
.product-hover .product-title .ico2{background-position:-190px -85px;}
.product-hover .product-title .ico3{background-position:-309px -84px;}
.product-hover .product-title .ico4{ background-position:-65px -155px;}
.product-hover .product-title .ico5{ background-position:-190px -84px;}
.product-hover .product-title h2{ color: #fff; }
.product-hover .product-title span{ color: #fff; }
.product-hover .product-info{ display: none; }
.product-hover .product-detail{ display: block; }
.product-hover .product-price p{ padding: 15px 0; }
.product-hover .product-price a{ display: block; }
/* 资质 */
.index-honor{ padding: 30px 0 10px; overflow: hidden;min-width: 1220px;}
.index-honor ul{ margin:5px 0 0 -4px;}
.index-honor li{ width: 240px; 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 h6{ margin-top: 12px; height: 12px;line-height: 12px;color: #999;font-size: 10px;text-align: center;}
.index-honor li p{ margin-top: 12px;font-size:10px; line-height: 12px; color: #999; text-align: center;}
.index-honor li i{ display: block; width: 127px; height: 72px; margin: 0 auto 15px;}
.index-honor li .img1{ background: url("/images/hor-img11.png") center no-repeat;}
.index-honor li .img2{ background: url("/images/hor-img2.png") center no-repeat;}
.index-honor li .img3{ background: url("/images/iso9001.png") center no-repeat;}
.index-honor li .img4{ background: url("/images/hor-img4.png") center no-repeat;}
.index-honor li .img5{ background: url("/images/hor-img5.png") center no-repeat;}
.index-honor li .img6{ background: url("/images/hor-img6.png") center no-repeat;}
.index-honor li .img7{ background: url("/images/iso27001.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(/images/index-sprite.png) no-repeat 0 -1538px;
}
.arr-btn .arr-right {
	background: url(/images/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(/images/cloud-photo.jpg) no-repeat center;
}
.solution-bg-li02 {
	background: url(/images/finance-photo.jpg) no-repeat center;
}
.solution-bg-li03 {
	background: url(/images/mobile-photo.jpg) no-repeat center;
}
.solution-bg-li04 {
	background: url(/images/busin-photo.jpg) no-repeat center;
}
.solution-bg-li05 {
	background: url(/images/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 > 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 > i.cloud-icon {
	background: url(/images/solution-items-icon.png) no-repeat 0 0;
}
.solution-list ul li > i.finance-icon {
	background: url(/images/solution-items-icon.png) no-repeat 0 -60px;
}
.solution-list ul li > i.mobile-icon {
	background: url(/images/solution-items-icon.png) no-repeat 0 -120px;
}
.solution-list ul li > i.busin-icon {
	background: url(/images/solution-items-icon.png) no-repeat 0 -180px;
}
.solution-list ul li > i.game-icon {
	background: url(/images/solution-items-icon.png) no-repeat 0 -240px;
}
.solution-list ul li:hover > i {
	margin-left: -30px;
	width: 60px;
	height: 60px;
}
.solution-list ul li > 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 > 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 > 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:25px 0 25px; overflow: hidden; min-width:1220px;}
.index-news .module-title{ margin: 0 0 40px;}
.index-news .item1{ background: url("/images/news-bg1.jpg")  center no-repeat;}
.index-news .item2{ background: url("/images/news-bg2.jpg")  center no-repeat;}
.index-news .item3{ background: url("/images/news-bg3.jpg")  center no-repeat;}
.index-news dl{ width: 380px; background: #fff; float: left; margin:0 40px 25px 0; }
.index-news dl:last-child{ margin-right: 0; }
.index-news dt{ height: 120px;text-align: center; font-size: 30px; }
.index-news dt a{ display: block; color: #fff; line-height: 120px; }
.index-news dt a:after{ content: ""; display: inline-block; vertical-align: middle; width: 28px; height:32px; margin-left: 20px; background: url("/images/ico2.png")  center top no-repeat;}
.index-news dd{ padding: 10px 20px 0; border: 1px solid #ddd; border-top: none; }
.index-news dd p{ height: 25px; line-height: 25px; margin: 0 0 15px;}
.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 p:hover span{ color: #fff; background: url("/images/time-bg.png")  center no-repeat; }

/*生态合作*/
.cooperation-body{ background:#000142; min-width:1220px; overflow:hidden;}
.cooperation-body img{ display:block; max-width:100%; margin:0 auto;}

.module-title { font-size: 30px; color: #000; margin: 0 0 5px; text-align: center; }
.module-title span{ color: #059fff;}
.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(/images/index-banner-sub1.png) no-repeat 0 0;
}
.action-img2{
	background: url(/images/index-banner-sub2.png) no-repeat 0 0;
}
.action-img3{
	background: url(/images/index-banner-sub3.png) no-repeat 0 0;
}
.action-img4{
	background: url(/images/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: 30px 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;
}

/*云产品样式改版*/

.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样式*/
.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(/images/product-pic-bg.png) no-repeat 0 0;
}
.idc-bg {
	background: url(/images/product-pic-bg.png) no-repeat -80px 0;
}
.host-bg {
	background: url(/images/product-pic-bg.png) no-repeat -156px 0;
}
.active-inner .server-bg {
	background: url(/images/product-pic-bg.png) no-repeat 0 -80px;
}
.active-inner .idc-bg {
	background: url(/images/product-pic-bg.png) no-repeat -80px -80px;
}
.active-inner .host-bg {
	background: url(/images/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样式*/
.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(/images/add-icon.png) no-repeat;
	background-color: #fafafa;
	color: #666666;
}
.product-tab-item.active .product-tab-title {
	background: url(/images/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(/images/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;
}
/*云产品样式改版------新加样式*/
/*正常盒子样式*/
.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('/images/product_computed_icon.png') no-repeat center center;
}
.normal-inner .title-icon.idc{
	background: url('/images/product_idc.png') no-repeat center center;
}
.normal-inner .title-icon.domain{
	background: url('/images/product_domain.png') no-repeat center center;
}
.normal-inner .title-icon.cloud-safety{
	background: url('/images/product_cloud_safety.png') no-repeat center center;
}

.active-inner .title-icon.computed{
	background: url('/images/product_computed_active_icon.png') no-repeat center center;
}
.active-inner .title-icon.idc{
	background: url('/images/product_idc_active.png') no-repeat center center;
}
.active-inner .title-icon.domain{
	background: url('/images/product_domain_active.png') no-repeat center center;
}
.active-inner .title-icon.cloud-safety{
	background: url('/images/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('/images/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;
}
/*选中盒子样式*/
.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('/images/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('/images/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(/images/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(/images/index-sprite.png) no-repeat 0 -1538px;
}
.arr-btn .arr-right {
	background: url(/images/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(/images/cloud-photo.jpg) no-repeat center;
}
.solution-bg-li02 {
	background: url(/images/finance-photo.jpg) no-repeat center;
}
.solution-bg-li03 {
	background: url(/images/mobile-photo.jpg) no-repeat center;
}
.solution-bg-li04 {
	background: url(/images/busin-photo.jpg) no-repeat center;
}
.solution-bg-li05 {
	background: url(/images/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 > 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 > i.cloud-icon {
	background: url(/images/solution-items-icon.png) no-repeat 0 0;
}
.solution-list ul li > i.finance-icon {
	background: url(/images/solution-items-icon.png) no-repeat 0 -60px;
}
.solution-list ul li > i.mobile-icon {
	background: url(/images/solution-items-icon.png) no-repeat 0 -120px;
}
.solution-list ul li > i.busin-icon {
	background: url(/images/solution-items-icon.png) no-repeat 0 -180px;
}
.solution-list ul li > i.game-icon {
	background: url(/images/solution-items-icon.png) no-repeat 0 -240px;
}
.solution-list ul li:hover > i {
	margin-left: -30px;
	width: 60px;
	height: 60px;
}
.solution-list ul li > 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 > 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 > 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(/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-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);
}

/*新闻动态*/
.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(/images/data_list_icon_active.png) no-repeat 20px center ;

}
.data-list-title.list-title-3 {
	background: url(/images/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(/images/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("/images/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;
}



/*浼樺娍*/
.superiority-div-wrapper {
	background-color: #ffffff;
	height: 340px;
}
.superiority-li-item {
	position: relative;
	float: left;
	margin: 0 2.5%;
	*margin: 0;
	padding-top: 260px;
	width: 20%;
	*width: 24.9%;
	text-align: center;
}

/*浼樺娍鍔ㄧ敾*/
.animate-wrapper-div {
	position: absolute;
	top: 90px;
	left: 50%;
	margin-left: -76px;
	width: 152px;
	height: 141px;
}
.animate-item-div {
	position: absolute;
}
/*鍔ㄧ敾1*/
.animate01-big-white {
	z-index: 1;
	top: 29px;
	left: 71px;
	width: 91px;
	height: 109px;
	background: url(/images/animate_01_big_white.png) no-repeat center;
}
.animate01-small-white {
	z-index: 9;
	top: 80px;
	left: 22px;
	width: 91px;
	height: 75px;
	background: url(/images/animate_01_small_white.png) no-repeat center;
}
.animate01-big-blue {
	z-index: 6;
	top: 32px;
	left: 45px;
	width: 91px;
	height: 109px;
	background: url(/images/animate_01_big_blue.png) no-repeat center;
}
.animate01-small-blue {
	z-index: 6;
	top: -2px;
	left: 19px;
	width: 91px;
	height: 75px;
	background: url(/images/animate_01_small_blue.png) no-repeat center;
}

 @keyframes animate01translateY1{
	0%{
		opacity: 0;
		transform: translateY(-30px);
	}
	75%{
		opacity: 1;

	}
	100%{
		transform: translateY(0)
	}
}
.superiority-li-item-01.active .animate01-big-blue {
	animation: animate01translateY1 .9s both;
}
.superiority-li-item-01.active .animate01-small-blue {
	animation: animate01translateY1 .5s .9s both;
}
/*鍔ㄧ敾2*/
.animate02-white-01 {
	z-index: 1;
	top: 27px;
	left: 21px;
	width: 52px;
	height: 69px;
	background: url(/images/animate02_white_01.png) no-repeat center;
}
.animate02-white-02 {
	z-index: 6;
	top: 63px;
	left: 67px;
	width: 102px;
	height: 91px;
	background: url(/images/animate02_white_02.png) no-repeat center;
}
.animate02-big-blue {
	z-index:3;
	top: 3px;
	left: 42px;
	width: 127px;
	height: 138px;
	background: url(/images/animate02_big_blue.png) no-repeat center;
}
.superiority-li-item-02.active .animate02-big-blue {
	animation: animate01translateY1 .9s both;
}
/*鍔ㄧ敾3*/
.animate03-big-blue {
	z-index:1;
	top: 23px;
	left: 20px;
	width: 154px;
	height: 125px;
	background: url(/images/animate03_big_blue.png) no-repeat center;
}
.animate03-white-01 {
	z-index: 9;
	top: 8px;
	left: 20px;
	width: 36px;
	height: 32px;
	background: url(/images/animate03_white_01.png) no-repeat center;
}
.animate03-white-02 {
	z-index: 9;
	top: 16px;
	left: 56px;
	width: 32px;
	height: 38px;
	background: url(/images/animate03_white_02.png) no-repeat center;
}
.animate03-white-03 {
	z-index: 9;
	top: 40px;
	left: 12px;
	width: 39px;
	height: 46px;
	background: url(/images/animate03_white_03.png) no-repeat center;
}

.superiority-li-item-03.active .animate03-white-01 {
	animation: animate01translateY1 .9s .5s both;
}
.superiority-li-item-03.active .animate03-white-02 {
	animation: animate01translateY1 .5s .2s both;
}
.superiority-li-item-03.active .animate03-white-03 {
	animation: animate01translateY1 .5s  both;
}
/*鍔ㄧ敾03*/
.animate04-white-01 {
	z-index: 9;
	top: 76px;
	left: 48px;
	width: 77px;
	height: 63px;
	background: url(/images/animate04_white_01.png) no-repeat center;
}
.animate04-white-02 {
	z-index: 1;
	top: 22px;
	left: 77px;
	width: 102px;
	height: 101px;
	background: url(/images/animate04_white_02.png) no-repeat center;
}
.animate04-big-blue {
	z-index: 2;
	top: 14px;
	left: 52px;
	width: 91px;
	height: 118px;
	background: url(/images/animate04_big_blue.png) no-repeat center;
}
.animate04-small-blue {
	z-index: 2;
	top: 62px;
	left: 28px;
	width: 78px;
	height: 76px;
	background: url(/images/animate04_small_blue.png) no-repeat center;
}
.animate04-arrow-blue-01 {
	z-index: 10;
	top: 48px;
	left: 32px;
	width: 9px;
	height: 15px;
	background: url(/images/animate04_arrow_blue_01.png) no-repeat center;
}
.animate04-arrow-blue-02 {
	z-index: 10;
	top: 76px;
	left: 12px;
	width: 13px;
	height: 21px;
	background: url(/images/animate04_arrow_blue_02.png) no-repeat center;
}
.animate04-arrow-blue-03 {
	z-index: 10;
	top: 72px;
	left: 99px;
	width: 10px;
	height: 23px;
	background: url(/images/animate04_arrow_blue_03.png) no-repeat center;
}
.superiority-li-item-04.active .animate04-big-blue {
	animation: animate01translateY1 .7s  both;
}
.superiority-li-item-04.active .animate04-small-blue {
	animation: animate01translateY1 .7s .5s both;
}
.superiority-li-item-04.active .animate04-arrow-blue-01 {
	animation: animate01translateY1 .5s 1.2s both;
}
.superiority-li-item-04.active .animate04-arrow-blue-02 {
	animation: animate01translateY1 .5s 1.7s both;
}
.superiority-li-item-04.active .animate04-arrow-blue-03 {
	animation: animate01translateY1 .5s 2s both;
}








/*.superiority-li-item-01 {
	background: url(/images/superiority_li_item_bg_01.png) no-repeat center 94px;
}
.superiority-li-item-02 {
	background: url(/images/superiority_li_item_bg_02.png) no-repeat center 94px;
}
.superiority-li-item-03 {
	background: url(/images/superiority_li_item_bg_03.png) no-repeat center 94px;
}
.superiority-li-item-04 {
	background: url(/images/superiority_li_item_bg_04.png) no-repeat center 94px;
}*/


.superiority-big-num {
	margin-bottom: 16px;
	height: 38px;
	line-height: 38px;
	font-size: 38px;
	color: #333333;
	font-family: bebasregular;
}
.dot-text {
	font-family: "寰蒋闆呴粦";
}
.add-text {
	position: relative;
	font-size: 36px;
	top: -6px;
	left: 4px;
	font-weight: bold;
}
.superiority-small-text {
	font-size: 18px;
	line-height: 18px;
	color: #999999;
}







/*网络品质安全*/
.net-safety-box {
	position: relative;
	padding-top: 150px;
	height: 905px;
	background: url(/images/net_safet_whole_bg.jpg) no-repeat center;
}
.net-black-div-box {
	z-index: 1;
	width: 775px;
	height: 457px;
	top: 267px;
	left: 187px;
	position: absolute;
	background: url(/images/net_black_bg.png) no-repeat center;
}
.net-safety-title {
	margin-bottom: 26px;
	font-size: 32px;
	line-height: 32px;
	text-align: center;
	color: #fff;
}
.net-safety-explain {
	margin-bottom: 100px;
	font-size: 16px;
	line-height: 16px;
	text-align: center;
	color: #999;
}

.net-safety-intro-wrapper {
	margin-bottom: 40px;
}
.net-safety-intro-div {
	padding-left: 50px;
	height: 120px;
	width: 340px;
}
.safety-intro-div-01 {
	background: url(/images/net_safety_icon_01.png) no-repeat 0 0;
}
.safety-intro-div-02 {
	background: url(/images/net_safety_icon_02.png) no-repeat 0 0;
}
.safety-intro-div-03 {
	background: url(/images/net_safety_icon_03.png) no-repeat 0 0;
}
.safety-intro-div-04 {
	background: url(/images/net_safety_icon_04.png) no-repeat 0 0;
}
.safety-intro-div-01:hover {
	background: url(/images/net_safety_icon_active_01.png) no-repeat 0 0;
}
.safety-intro-div-02:hover {
	background: url(/images/net_safety_icon_active_02.png) no-repeat 0 0;
}
.safety-intro-div-03:hover {
	background: url(/images/net_safety_icon_active_03.png) no-repeat 0 0;
}
.safety-intro-div-04:hover {
	background: url(/images/net_safety_icon_active_04.png) no-repeat 0 0;
}
.net-safety-intro-title {
	margin-bottom: 8px;
	padding-left: 8px;
	height: 18px;
	line-height: 18px;
	font-size: 18px;
	color: #fff;
}
.net-safety-intro-subtitle {
	position: relative;
	display: inline-block;
	padding: 0 30px 0 8px;
	height: 42px;
	line-height: 42px;
	font-size: 32px;
	color: #999999;
}
.net-safety-subtitle-line {
	position: absolute;
	z-index: 8;
	left: 0;
	top: 1px;
	width: 100%;
	height: 1px;
	background: #36373e;
}
.net-safety-subtitle-dot {
	position: absolute;
	z-index: 9;
	left: 0px;
	top: 0px;
	width: 4px;
	height: 3px;
	background-color: #89898e;
}
.net-safety-subtitle-icon {
	position: absolute;
	z-index: 9;
	width: 28px;
	height: 28px;
	top: -13px;
	right: -13px;
	background: url(/images/net_safety_subtitle_icon.png) no-repeat center;
}
.net-safety-more-link {
	display: block;
	border: 1px solid #919295;
	width: 172px;
	height: 38px;
	line-height: 38px;
	font-size: 14px;
	background-color: transparent;
	color: #fff;
	text-align: center;
}
.net-safety-more-link:hover {
	border-color: #fff;
	background-color: #fff;
	color: #333;
}

/*网络安全动画*/
.net-safety-box .auto {
	position: relative;
}
.net-safety-animate-wrapper {
	position: absolute;
	top: -128px;
	right: 53px;
	width: 909px;
	height: 686px;
}
@media only screen and (min-width: 1400px) {
	.net-safety-animate-wrapper {
		position: absolute;
		top: -128px;
		right: -40px;
		width: 909px;
		height: 686px;
	}
}
@media only screen and (min-width: 1600px) {
	.net-safety-animate-wrapper {
		position: absolute;
		top: -128px;
		right: -140px;
		width: 909px;
		height: 686px;
	}
}

.net-safety-animate-wrapper
.net-safety-animate-wrapper-bg-01 {
	position: absolute;
	z-index: 3;
	top: 0;
	left: 0;
	width: 909px;
	height: 686px;
	background: url(/images/net_safety_animate_wrapper_bg_01.png);
}
.net-safety-animate-wrapper-bg-02 {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 909px;
	height: 686px;
	background: url(/images/net_safety_animate_wrapper_bg_02.png);
}
.animate-inner-box,.animate-item {
	position: absolute;
}
/*数据存储动画*/
.storage-animate-box {
	position: absolute;
	z-index: 9;
	top: 97px;
	left: 582px;
	width: 180px;
	height: 180px;
}
@keyframes storage-animate1{
	0%{
		background: url(/images/storage_empty_box.png) no-repeat center;
	}
	15%{
		background: url(/images/storage_box.png) no-repeat center;
	}
	30%{
		background: url(/images/storage_box.png) no-repeat center;
	}
	45%{
		background: url(/images/storage_box.png) no-repeat center;
	}
	60%{
		background: url(/images/storage_light_box.png) no-repeat center;
	}
	85%{
		background: url(/images/storage_light_box.png) no-repeat center;
	}
	100%{
		background: url(/images/storage_box.png) no-repeat center;
	}
}
@keyframes storage-animate2{
	0%{
		background: url(/images/storage_empty_box.png) no-repeat center;
	}
	15%{
		background: url(/images/storage_empty_box.png) no-repeat center;
	}
	30%{
		background: url(/images/storage_box.png) no-repeat center;
	}
	45%{
		background: url(/images/storage_box.png) no-repeat center;
	}
	60%{
		background: url(/images/storage_light_box.png) no-repeat center;
	}
	85%{
		background: url(/images/storage_light_box.png) no-repeat center;
	}
	100%{
		background: url(/images/storage_box.png) no-repeat center;
	}
}
@keyframes storage-animate3{
	0%{
		background: url(/images/storage_empty_box.png) no-repeat center;
	}
	15%{
		background: url(/images/storage_empty_box.png) no-repeat center;
	}
	30%{
		background: url(/images/storage_empty_box.png) no-repeat center;
	}
	45%{
		background: url(/images/storage_box.png) no-repeat center;
	}
	60%{
		background: url(/images/storage_light_box.png) no-repeat center;
	}
	85%{
		background: url(/images/storage_light_box.png) no-repeat center;
	}
	100%{
		background: url(/images/storage_box.png) no-repeat center;
	}
}
.storage-animate-item {
	width: 78px;
	height: 115px;
	background: url(/images/storage_box.png) no-repeat center;
}
.storage-animate-item-01 {
	top: 0;
	left: 0;
}
.storage-animate-item-02 {
	top: 36px;
	left: 52px;
}
.storage-animate-item-03 {
	top: 67px;
	left: 106px;
}
.storage-animate-box.active .storage-animate-item-01{
	animation: storage-animate1 3s both;
}
.storage-animate-box.active .storage-animate-item-02{
	animation: storage-animate2 3s both;
}
.storage-animate-box.active .storage-animate-item-03{
	animation: storage-animate3 3s both;
}
.storage-animate-box.reverse .storage-animate-item-01{
	animation: storage-animate1 3s  reverse;
}
.storage-animate-box.reverse .storage-animate-item-02{
	animation: storage-animate2 3s  reverse;
}
.storage-animate-box.reverse .storage-animate-item-03{
	animation: storage-animate3 3s  reverse;
}
/*数据安全动画*/
.safe-animate-box {
	z-index: 9;
	top: 242px;
	left: 116px;
	width: 396px;
	height: 315px;
	background: url(/images/safe_animate_06.png) no-repeat center;
}
@keyframes safe-animate{
	0%{
		background: url(/images/safe_animate_01.png) no-repeat center;
	}
	12.5%{
		background: url(/images/safe_animate_02.png) no-repeat center;
	}
	25%{
		background: url(/images/safe_animate_03.png) no-repeat center;
	}
	37.5%{
		background: url(/images/safe_animate_04.png) no-repeat center;
	}
	50%{
		background: url(/images/safe_animate_05.png) no-repeat center;
	}
	62.5%{
		background: url(/images/safe_animate_06.png) no-repeat center;
	}
	75%{
		background: url(/images/safe_animate_07.png) no-repeat center;
	}
	87.5%{
		background: url(/images/safe_animate_07.png) no-repeat center;
	}
	100%{
		background: url(/images/safe_animate_06.png) no-repeat center;
	}
}
.safe-animate-box.active {
	animation: safe-animate 3s both;
}
.safe-animate-box.reverse {
	animation: safe-animate 3s both reverse;
}

/*服务器动画*/
.server-animate-box {
	z-index: 9;
	top: 139px;
	left: 107px;
	width: 204px;
	height: 260px;
	background: url(/images/server_animate_04.png) no-repeat center;
}
@keyframes server-animate{
	0%{
		background: url(/images/server_animate_01.png) no-repeat center;
	}
	15%{
		background: url(/images/server_animate_02.png) no-repeat center;
	}
	30%{
		background: url(/images/server_animate_03.png) no-repeat center;
	}
	45%{
		background: url(/images/server_animate_04.png) no-repeat center;
	}
	67.5%{
		background: url(/images/server_animate_05.png) no-repeat center;
	}
	100%{
		background: url(/images/server_animate_04.png) no-repeat center;
	}
}
.server-animate-box.active{
	animation: server-animate 3s;
}
.server-animate-box.reverse{
	animation: server-animate 3s both reverse;
}

/*网络连通动画*/
.net-connect-animate-box {
	z-index: 2;
	left: 290px;
	top: 0;
	width: 500px;
	height: 686px;
	background: url(/images/net_connect_move.png) no-repeat center;
}
/*由于图片被覆盖了,要做出效果,模拟hover,需要添加一个块*/
.net-connect-animate-btn {
	position: absolute;
	z-index: 19;
	bottom: 30px;
	left: 511px;
	width: 180px;
	height: 180px;
	/*background-color: #ccc;*/
}

.connect-bg-01 {
	position: absolute;
	z-index: 8;
	bottom: 0;
	left: 366px;
	width: 405px;
	height: 286px;
	background: url(/images/connect_bg_01.png) no-repeat center;

}
.connect-bg-02 {
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 366px;
	width: 405px;
	height: 286px;
	background: url(/images/connect_bg_02.png) no-repeat center;
}

@keyframes net-move{
	from{
		transform: translate(-165.454px,-100px);
	}
	70%{
		transform: translate(0,0);
		background: url(/images/net_connect_move.png) no-repeat center;
	}
	80% {
		background: url(/images/net_connect_move_light.png) no-repeat center;
	}
	90% {
		background: url(/images/net_connect_move_light.png) no-repeat center;
	}
	100% {
		background: url(/images/net_connect_move.png) no-repeat center;
	}
}
.net-connect-animate-box.active {
	-webkit-animation: net-move 4s;
	-moz-animation: net-move 4s;
	/*animation: none＼9;*/
}
.net-connect-animate-box.reverse {
	animation: net-move 4s both reverse;
}
/*闪光灯*/
.yellow-light-wrapper {
	z-index: 99;
	position: absolute;
	top: 410px;
	left: 156px;
	width: 168px;
	height: 202px;
	/*background: #ccc;*/
}
@keyframes yellow-light{
	0%{
	background: url(/images/yellow_light_01.png) no-repeat center;

	}
	25%{
	background: url(/images/yellow_light_02.png) no-repeat center;
	}
	75%{
	background: url(/images/yellow_light_02.png) no-repeat center;
	}
	100%{
	background: url(/images/yellow_light_01.png) no-repeat center;

	}
}
.yellow-light {
	position: absolute;
	width: 52px;
	height: 35px;
	background: url(/images/yellow_light_01.png) no-repeat center;
}
.yellow-light-01 {
	top: 0;
	left: 0;
}
.yellow-light-02 {
	top: 33px;
	left: 57px;
}
.yellow-light-03 {
	top: 66px;
	left: 115px;
}
.yellow-light-wrapper.active .yellow-light-01{
	animation: yellow-light 3s ;
}
.yellow-light-wrapper.active .yellow-light-02{
	animation: yellow-light 3s 1s ;
}
.yellow-light-wrapper.active .yellow-light-03{
	animation: yellow-light 3s 2s ;
}
.yellow-light-wrapper.reverse .yellow-light-01{
	animation: yellow-light 3s reverse;
}
.yellow-light-wrapper.reverse .yellow-light-02{
	animation: yellow-light 3s 1s reverse;
}
.yellow-light-wrapper.reverse .yellow-light-03{
	animation: yellow-light 3s 2s reverse;
}
/*文字*/
.net-safety-text {
	z-index: 12;
	position: absolute;
	width: 87px;
	height: 83px;
}
.net-safety-text1 {
	top: 133px;
	left: 133px;
	background: url(/images/net_safety_text_new_01.png) no-repeat center;
}
.net-safety-text2 {
	width: 77px;
	height: 77px;
	top: 222px;
	left: 413px;
	background: url(/images/net_safety_text_new_02.png) no-repeat center;
}
.net-safety-text3 {
	top: 223px;
	left: 739px;
	background: url(/images/net_safety_text_new_03.png) no-repeat center;
}
.net-safety-text4 {
	top: 429px;
	left: 473px;
	background: url(/images/net_safety_text_new_04.png) no-repeat center;
}

/*小光点*/
.net-safety-light-circle {
	position: absolute;
	width: 16px;
	height: 12px;
	background: url(/images/net-light-point.png) no-repeat center;
	box-shadow: 0 1px 3px 5px rgba(46,109,169,.1);
	border-radius: 50%;
}
@keyframes circle-animate01{
	from{
		transform: translate(60px,38.4px);
		opacity: 0.4;
	}
	to{
		transform: translate(0,0);
		opacity: 1;
	}
}
.light-circle-01 {
	z-index: 2;
	top: 300px;
	left: 249px;
	animation: circle-animate01 4s ease-in alternate infinite;
}
@keyframes circle-animate02{
	0%{
		transform: translate(0,0);
		opacity: 0;
	}
	20%{
		transform: translate(0,0);
		opacity: 1;

	}
	40%{
		transform: translate(37px,23px);
	}
	70%{
		transform: translate(4px,43px);
	}
	100%{
		transform: translate(44px,75px);
	}
}
.light-circle-02 {
	z-index: 8;
	top: 405px;
	left: 451px;
	animation: circle-animate02 5s ease-in alternate infinite;
}
@keyframes circle-animate03{
	0%{
		transform: translate(0,0);
		opacity: 0;
	}
	20%{
		transform: translate(0,0);
		opacity: 1;

	}
	40%{
		transform: translate(-16px,11px);
	}
	70%{
		transform: translate(-64px,-14px);
	}
	90%{
		opacity: 1;
		transform: translate(-120px,16px);
	}
	100%{
		transform: translate(-120px,16px);
		opacity: 0;
	}
}
.light-circle-03 {
	z-index: 8;
	top: 433px;
	left: 377px;
	animation: circle-animate03 5.4s ease-in alternate infinite;
}
@keyframes circle-animate04{
	0%{
		transform: translate(0,0);
		opacity: 0;
	}
	20%{
		transform: translate(0,0);
		opacity: 1;

	}
	40%{
		transform: translate(-18px,12px);
	}
	70%{
		transform: translate(28px,39px);
	}
	90%{
		opacity: 1;
		transform: translate(-28px,71px);
	}
	100%{
		opacity: 0;
		transform: translate(-28px,71px);

	}
}
.light-circle-04 {
	z-index: 8;
	top: 378px;
	left: 284px;
	animation: circle-animate04 5.4s ease-in alternate infinite;
}
@keyframes circle-animate05{
	0%{
		transform: translate(0,0);
		opacity: 0;
	}
	20%{
		transform: translate(0,0);
		opacity: 1;

	}
	40%{
		transform: translate(-97px,60px);
	}
	70%{
		transform: translate(-34px,97px);
	}
	90% {
		opacity: 1;
	}
	95% {
		opacity: 0;
	}
	100%{
		transform: translate(-91px,130px);
		opacity: 0;
	}
}
.light-circle-05 {
	z-index: 2;
	top: 208px;
	left: 585px;
	animation: circle-animate05 6.4s ease-in alternate infinite;
}
@keyframes circle-animate06{
	0%{
		transform: translate(0,0);
		opacity: 0;
	}
	20%{
		transform: translate(0,0);
		opacity: 1;

	}
	39%{
		transform: translate(-61px,37px);
		opacity: 1;
	}
	40% {
		opacity: 0;
	}
	41%{
		transform: translate(-114px,13px);
	}
	42%{
		opacity: 0;

		transform: translate(-146px,29px);
	}
	70%{
		opacity: 0;
		transform: translate(-83px,66px);
	}
	71% {
		opacity: 0;
	}
	95% {
		opacity: 0;
	}
	100%{
		transform: translate(-140px,99px);
		opacity: 0;
	}
}
.light-circle-06 {
	z-index: 2;
	top: 239px;
	left: 634px;
	animation: circle-animate06 6.4s ease-in alternate infinite;
}
@keyframes circle-animate07{
	0%{
		transform: translate(0,0);
		opacity: 0;
	}
	20%{
		transform: translate(0,0);
		opacity: 1;
	}
	30%{
		transform: translate(-79px,47px);
	}
	45%{
		transform: translate(-45px,68px);
	}
	50%{
		transform: translate(-61px,77px);
	}
	70%{
		opacity: 1;
		transform: translate(-137px,32px);
	}
	71% {
		opacity: 0;
	}
	95% {
		opacity: 0;
	}
	100%{
		transform: translate(-194px,65px);
		opacity: 0;
	}
}
.light-circle-07 {
	z-index: 2;
	top: 273px;
	left: 688px;
	animation: circle-animate07 6.4s ease-in alternate infinite;
}
.net-safety-last-block {
	position: absolute;
	z-index: 19;
	top: 233px;
	left: 495px;
	width: 159px;
	height: 112px;
	background: url(/images/net_safety_block_last.png) no-repeat center;
}
/*网络品质安全end*/


.nav-item-brief {
    font-size: 12px;
    color: #7a8185;
}

.module {
	padding-bottom: 10px;
}
.module-title,
.module-title-info {
	position: relative;
	text-align: center;
	margin-top: 25px;
	font-size: 32px;
	color: #333;
}
.module-title-info {
	margin-top: 20px;
	margin-bottom: 40px;
	font-size: 14px;
	color: #999;
}
.margin-left-0 {
	margin-left: 0 !important;
}
/* 基础设施与网络 begin */

/* 基础设施与网络 begin */
.network-box {
	padding-top: 25px;
	width: 100%;
}
.network-box li {
	display: list-item;
	float: left;
	padding-top: 30px;
	width: 20%;
	height: 150px;
	background-position: center top;
	background-repeat: no-repeat;
	text-align: center;
}
.network-01 {
	background-image: url(/images/security_icon_01.png);
}
.network-02 {
	background-image: url(/images/security_icon_02.png);
}
.network-03 {
	background-image: url(/images/security_icon_03.png);
}
.network-04 {
	background-image: url(/images/security_icon_04.png);
}
.network-05 {
	background-image: url(/images/security_icon_05.png);
}
.network-title {
	display: inline-block;
	line-height: 35px;
	border-bottom: 2px solid #00aaff;
	font-size: 18px;
	font-weight: bold;
	color: #00aaff;
}
.network-info {
	margin-top: 10px;
	line-height: 25px;
	font-size: 14px;
	color: #666;
}
.network-img-box {
	position: relative;
	margin-top: 60px;
	height: 385px;
}
.network-img {
	display: inline-block;
	position: absolute;
	left: 50%;
	background-repeat: no-repeat;
	background-position: center;
}
.network-img-01 {
	top: 0;
	left: 150px;
	width: 875px;
	height: 320px;
	background-image: url(/images/network_bg_01.png);
	z-index: 50;
}
.network-img-02 {
	bottom: 140px;
	margin-left: -110px;
	width: 220px;
	height: 248px;
	background-image: url(/images/network_bg_02.png);
	z-index: 40;
	animation: animation-01 5s cubic-bezier(0.65, 0.05, 0.36, 1) infinite;
	-moz-animation: animation-01 5s cubic-bezier(0.65, 0.05, 0.36, 1) infinite;
	-webkit-animation: animation-01 5s cubic-bezier(0.65, 0.05, 0.36, 1) infinite;
	-o-animation: animation-01 5s cubic-bezier(0.65, 0.05, 0.36, 1) infinite;
}
.network-img-03 {
	bottom: 0;
	margin-left: -280px;
	width: 560px;
	height: 175px;
	background-image: url(/images/network_bg_03.png);
	z-index: 10;
	animation: animation-02 5s cubic-bezier(0.65, 0.05, 0.36, 1) infinite;
	-moz-animation: animation-02 5s cubic-bezier(0.65, 0.05, 0.36, 1) infinite;
	-webkit-animation: animation-02 5s cubic-bezier(0.65, 0.05, 0.36, 1) infinite;
	-o-animation: animation-02 5s cubic-bezier(0.65, 0.05, 0.36, 1) infinite;
}
.network-img-04 {
	bottom: 45px;
	margin-left: -234.5px;
	width: 469px;
	height: 144px;
	background-image: url(/images/network_bg_04.png);
	z-index: 20;
	animation: animation-03 4s cubic-bezier(0.65, 0.05, 0.36, 1) infinite;
	-moz-animation: animation-03 4s cubic-bezier(0.65, 0.05, 0.36, 1) infinite;
	-webkit-animation: animation-03 4s cubic-bezier(0.65, 0.05, 0.36, 1) infinite;
	-o-animation: animation-03 4s cubic-bezier(0.65, 0.05, 0.36, 1) infinite;
}
.network-img-05 {
	bottom: 90px;
	margin-left: -200px;
	width: 400px;
	height: 124px;
	background-image: url(/images/network_bg_05.png);
	z-index: 30;

}
@keyframes animation-01 {
	0% {
		bottom: 140px;
	}
	50% {
		bottom: 160px;
	}
	100% {
		bottom: 140px;
	}
}
@keyframes animation-02 {
	0% {
		bottom: 0px;
	}
	50% {
		bottom: 10px;
	}
	100% {
		bottom: 0px;
	}
}
@keyframes animation-03 {
	0% {
		bottom: 45px;
	}
	50% {
		bottom: 55px;
	}
	100% {
		bottom: 45px;
	}
}
@keyframes animation-04 {
	0% {
		bottom: 90px;
	}
	50% {
		bottom: 100px;
	}
	100% {
		bottom: 90px;
	}
}
/* 基础设施与网络 end */




.index_div1{ background:#f6f6f6; width:100%; display:block; margin:0 auto; padding:30px 0px;min-width:1220px; overflow:hidden}
.index_div1 .bt{ text-align:center; color:#333333; font-size:30px; padding-top:20px;}
.index_div1 .fbt{ text-align:center; color:#5b5b5b; font-size:12px;padding-top:10px;}
.index_div1 .zhunr{width:1220px; margin:50px auto 0px auto;  display:block;}
.index_div1 .zhunr ul li{width:290px; height:450px; transition: All 0.2s ease-in-out;position: relative; background:#FFF; border-radius:5px;}
.index_div1 .zhunr ul li.zhong{ margin-left:20px; float:left}
.index_div1 .zhunr ul li.fl{float:left}
.index_div1 .zhunr ul li.fr{float:right}
.index_div1 .zhunr ul li:hover{transform: scale(1.05);box-shadow:0px 0px 10px #c1c5c7;}
.index_div1 .zhunr ul li .hot{position: absolute;background:url(/images/index_div1_hot.png) no-repeat; width:77px; height:56px; top:-10px; left:-10px;}
.index_div1 .zhunr ul li .hot span{transform: rotate(325deg); position:absolute;top:14px; left:15px; color:#FFF; font-size:12px;}
.index_div1 .zhunr ul li .cp_bt{ width:220px; margin:50px auto 20px auto; padding-bottom:15px; font-size:20px; color:#666666; text-indent:35px; border-bottom:2px #e8e8e8 solid; height:26px; line-height:26px; background:url(/images/index_div1_01.png) 0px 0px no-repeat;}
.index_div1 .zhunr ul li .pzxq{ width:220px; margin:10px auto; display:block;}
.index_div1 .zhunr ul li .pzxq dl{width:100%;list-style:none;margin:0px; padding:0px;}
.index_div1 .zhunr ul li .pzxq dl dd{height:40px; line-height:40px;width:100%; display:block; color:#333;font-size:14px;}
.index_div1 .zhunr ul li .jiage{ display:block;color:#666; text-align:center; margin:10px auto;}
.index_div1 .zhunr ul li .jiage span{color:#ff3300;font-size:30px; padding-left:10px; padding-right:10px;}
.index_div1 .zhunr ul li .zxzx{width:100px; height:30px;line-height:30px;text-align:center; margin:0px auto; }
.index_div1 .zhunr ul li .zxzx a{color:#fff; display:block; width:100px;height:30px; background:#1bd9d9;border-radius: 5px;transition:all .3s ease-out;}
.index_div1 .zhunr ul li .zxzx a:hover{background:ff8a00;}
.index_div1 .zhunr ul li .zxzx1{width:100px; height:30px;line-height:30px;text-align:center; float:left; margin-left:20px; }
.index_div1 .zhunr ul li .zxzx1 a{color:#fff; display:block; width:100px;height:30px; background:#ff8a00;border-radius: 5px;transition:all .3s ease-out;}
.index_div1 .zhunr ul li .zxzx1 a:hover{background:rgba(255,103,102,.8);}
.index_div1 .zhunr ul li .zxzx2{width:100px; height:30px;line-height:30px;text-align:center; float:right; margin-right:20px;}
.index_div1 .zhunr ul li .zxzx2 a{color:#fff; display:block; width:100px;height:30px; background:#059fff;border-radius: 5px;transition:all .3s ease-out;}
.index_div1 .zhunr ul li .zxzx2 a:hover{background:#059fff;}
.index_div1 .zhunr ul li .sqsy{ text-align:center; width:100%; margin:10px auto;}
.index_div1 .zhunr ul li .sqsy a{ color:#179cd5 ;transition-duration:.5s;}
.index_div1 .zhunr ul li .sqsy a:hover{color:#ff3300 }