.font-size-24 {

	font-size: 24px;

}

.index-page .header-container {

	height: 640px

}

/*按钮样式*/

.btn {

	display: inline-block;

	width: 100px;

	height: 32px;

	border-radius: 3px;

	line-height: 32px;

	color: #009FD9;

	background: #fff;

	text-align: center;

	text-decoration: none;

	font-size: 14px;

	cursor: pointer;

}

/*服务活动推广*/

.gx-modules-sec-banner {

	position: absolute;

	bottom: 0;

	width: 100%;

	z-index: 10;

	overflow: hidden

}



.gx-modules-sec-banner .gx-banner-mask {

	position: absolute;

	width: 100%;

	height: 100%;

	background: rgba(199,202,212,.1)

}



.gx-modules-sec-banner .content {

	width: 1200px;

	margin: 0 auto;

	overflow: hidden;

	font-size: 18px;

	color: #000;

	padding-bottom: 40px;

}



.gx-modules-sec-banner .content {

	margin: auto;

	padding: 0

}



.gx-modules-sec-banner .gx-banner-list .item {

	position: relative;

	float: left;

	width: 300px;

	height: 110px;

	cursor: pointer;

	-webkit-transition: all .4s cubic-bezier(0,0,.3,1) 0ms;

	-o-transition: all .4s cubic-bezier(0,0,.3,1) 0ms;

	-moz-transition: all .4s cubic-bezier(0,0,.3,1) 0ms;

	transition: all .4s cubic-bezier(0,0,.3,1) 0ms;

	border-left: 1px solid hsla(0,0%,100%,.06);

}



.gx-modules-sec-banner .gx-banner-list .item:last-child {

	width: 298px;

	border-right: 1px solid hsla(0,0%,100%,.06)

}



.gx-modules-sec-banner .gx-banner-list .item .icon-seg {

	margin-left: 15px;

	float: left;

	width: 80px;

	height: 80px;

	overflow: hidden;

	position: relative;

	top: 0%;

	margin-top: 20px

}



.gx-modules-sec-banner .gx-banner-list .item .text-sec {

	width: 170px;

	float: left;

	margin-left: 15px;

	position: relative;

	top: 0%;

	margin-top: 35px

}



.gx-modules-sec-banner .gx-banner-list .item .text-sec .title {

	margin-bottom: 3px;

	font-size: 16px;

	color: #fff

}



.gx-modules-sec-banner .gx-banner-list .item .text-sec .con-text {

	font-size: 12px;

	color: #999

}



.gx-modules-sec-banner .gx-banner-list .item:hover .hover-mask {

	position: absolute;

	width: 100%;

	height: 100%;

	background: rgba(199,202,212,.1)

}



.gx-modules-sec-banner .gx-banner-list .item:hover .con-text {

	color: #fff

}



.gx-modules-sec-banner .gx-banner-list .item:hover .icon-seg .img-hover-bg {

	margin-top: -100%

}

/* 首页新闻 */

.news-ul li a {

	padding-right: 25%;

}

/*云产品*/

.cloud-product-box {

	background: #fff;

}

.cloud-product {

	padding: 80px 0px 60px 0px;

}



.cloud-product-title {

    height: 32px;

    text-align: center;

    line-height: 32px;

    font-size: 32px;

    color: #333;

}

.cloud-product-explain {

    margin-top: 26px;

    margin-bottom: 60px;

    height: 16px;

    line-height: 16px;

    text-align: center;

    font-size: 16px;

    color: #999;

}

.cloud-product-title.white-color {

	color: #fff;

}

.color-blue {

	color: #00a4ff;

}



/*云产品样式改版*/



.c-btn {

    height: 35px;

    min-width: 140px;

    padding: 0 20px;

    background-color: #00a4ff;

    color: #fff;

    font-size: 14px;

    line-height: 35px;

    text-align: center;

    display: inline-block;

    cursor: pointer;

    outline: 0;

    box-sizing: border-box

}



.c-btn:hover {

    text-decoration: none;

    background-color: #0092ee

}



.c-btn-hole:hover {

    background-color: #00a4ff;

    border: 1px solid #00a4ff;

    color: #fff

}



.c-ui-block-icon em {

    display: inline-block;

    font-size: 12px;

    line-height: 1;

    transform: scale(.8, .8)

}

.c-bubble-warning span {

    vertical-align: middle;

    margin-left: 5px;

    color: #e29e35

}

.c-bubble-warning .c-bubble-inner em {

    color: #b27700;

    font-weight: 700

}



.c-tab-normal {

    text-align: center

}



.c-tab-normal .c-tab-simple {

    display: inline-block;

    text-align: center;

    position: relative;

    border-bottom: #e5e5e5 1px solid

}



.c-tab-normal .c-tab-simple a {

    display: block;

    padding: 10px 30px;

    text-decoration: none

}



.c-tab-normal .c-tab-simple .c-tab-tit {

    display: block;

    color: #333;

    font-size: 18px

}





.c-tab-normal .c-tab-simple.actived:after {

    display: inline-block;

    content: "";

    height: 1px;

    width: 100%;

    position: absolute;

    left: 0;

    right: 0;

    bottom: -1px;

    background: #00a4ff;

    z-index: 1

}











.c-tab-weak .c-tab-simple {

    border-bottom: 0

}



.c-tab-weak .c-tab-simple a {

    padding: 0 15px;

    line-height: 45px

}



.c-tab-weak .c-tab-simple .c-tab-tit {

    font-size: 14px

}



.c-tab-weak .c-tab-simple.actived:after, .c-tab-weak .c-tab-simple:after {

    display: none

}



.c-tab-v .c-tab-simple {

    border: 0;

    position: relative;

    display: inline-block;

    text-align: left;

    width: 100%

}



.c-tab-v .c-tab-simple.actived:after {

    content: '';

    position: absolute;

    right: 0;

    top: 0;

    width: 2px;

    height: 100% !important;

    background-color: #00a4ff;

    left: auto;

    bottom: 0;

    z-index: 1

}









.c-tab-btns a {

    position: absolute;

    top: 0;

    width: 32px;

    height: 54px;

    font-size: 0;

    line-height: 54px;

    text-align: center;

    background-color: #fff;

    border-bottom: 1px solid #e5e5e5

}



.c-tab-btns a:after {

    content: '';

    display: inline-block;

    vertical-align: middle;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    width: 10px;

    height: 10px;

    border-left: 2px solid #666;

    border-bottom: 2px solid #666

}





.c-tab-normal.c-tab-criterion > ul {

    border-bottom: #e5e5e5 2px solid;

    position: relative

}



.c-tab-normal.c-tab-criterion .c-tab-simple {

    border-bottom: none;

    position: relative;

    min-width: 145px;

    margin-right: 20px

}



.c-tab-normal.c-tab-criterion .c-tab-simple a {

    padding-bottom: 15px

}



.c-tab-normal.c-tab-criterion .c-tab-simple.actived:after {

    height: 2px;

    bottom: -2px

}







@charset "UTF-8";

body {

    color: #333;

    -webkit-tap-highlight-color: transparent

}



a {

    color: #00a4ff

}



:focus {

    outline: 0

}



.body .c-btn:hover {

    background-color: #0092ee

}



.home-product-tab .c-tab-normal {

    position: relative;

    max-width: 1200px;

    margin: 0 auto;

    font-size: 0;

    text-align: left;

}
/*2018/10/11新增关于解决css样式控制开始*/
.home-product-tab .about_tabs li:first-child.actived{
     /*border-bottom: 3px solid rgb(0, 164, 255);*/
}

.home-product-tab .about_tabs li.actived,.home-product-tab .about_list li.actived{
    border-bottom: 3px solid rgb(0, 164, 255);
}


.home-product-tab .about_tabs li:first-child.actived div{
    width: 100%;
    height: 3px;
    border-bottom: 3px solid #00a4ff;;
    position: absolute;
    bottom: -12px;
}



/*2018/10/11新增关于解决css样式控制结束*/

.home-product-tab .c-tab-panel.c-tab-panel-shadow {

    -webkit-box-shadow: inset 0 3px 6px 0 rgba(229, 232, 237, .5);

    -moz-box-shadow: inset 0 3px 6px 0 rgba(229, 232, 237, .5);

    box-shadow: inset 0 3px 6px 0 rgba(229, 232, 237, .5)

}



.home-product-tab .c-tab-normal > ul {

    position: relative;

	margin-top: 40px;

}



.home-product-tab .c-tab-simple {

    width: 20%;

    border-bottom: 1px solid #fff

}

/*.home-product-tab .c-tab-simple{
    height: 139px;
}*/

.home-product-tab .about_tabs .c-tab-simple:first-child i{
    position: relative;
    top: -16px;
}


.about_tabs li:hover,.about_list li:hover i{
     color: #00a4ff
}



/*.home-product-tab .c-tab-simple:nth-child(-n+5) a{
    padding-bottom: 15px;
}*/


/*.home-product-tab .c-tab-simple:nth-child(1) a{
    padding-bottom: 22px;
}*/

.home-product-tab .c-tab-simple .c-tab-tit {

    color: #666

}



.home-product-tab .c-tab-simple.actived .c-tab-tit {

    color: #00a4ff

}



.home-product-tab .c-tab-simple.actived:after {

    height: 2px;

    background-color: transparent;

    bottom: -2px

}



.home-product-icon {

    position: relative;

    width: 48px;

    height: 48px;

    display: block;

    margin: 0 auto 15px

}

/**icon*/
.home-product-icon i {
    width: 80px;
    height: 80px;
    line-height: 80px;
    font-size: 60px;
    color: #7c848e;
}


.home-product-icon i.clicked{
    width: 80px;
    height: 80px;
    line-height: 80px;
    font-size: 60px;
    color: #00a4ff;
}

.home-product-icon img {

    width: 100%;

    height: 100%;

    display: block

}



.home-product-icon .active-img {

    position: absolute;

    left: 0;

    top: 0;

    opacity: 0

}



.c-tab-simple.actived .home-product-icon img, .c-tab-simple:hover .home-product-icon img {

    opacity: 0

}



.c-tab-simple.actived .home-product-icon .active-img, .c-tab-simple:hover .home-product-icon .active-img {

    opacity: 1

}







.home-product-tab .c-tab-simple a {

    padding-left: 15px;

    padding-right: 15px

}

/*.home-product-tab .about_list li:first-child a{
    padding-bottom: 15px !important;
}*/


.c-tab-normal .c-tab-simple a:hover .c-tab-tit {

    color: #00a4ff;

    text-decoration: none

}



.home-product-mod-btn .home-product-tab .c-tab-panel {

    padding: 30px 0 20px

}



.home-product-tab .c-tab-panel {

    display: none;

    background-color: #f7f8fa;

    padding: 25px 0 20px;

    overflow: hidden

}



.home-product-m-title {

    display: none

}



.home-product-list {

    box-sizing: border-box;

    margin: 0 auto;

    max-width: 1200px;

    font-size: 0

}



.home-product-list > ul {

    display: none

}



.home-product-list-btn {

    display: inline-block;

    width: 25%;

    vertical-align: top;

    background-color: #f7f8fa

}



.home-product-list-btn .home-product-item {

    width: 100%;

    padding: 15px 30px 25px 0;

    margin-bottom: 10px

}



.home-product-list-btn .home-product-item .c-btn-hole {

    background-color: transparent;

    margin-top: 16px;

    min-width: 120px

}



.home-product-list-normal .home-product-item-tit {

    margin-bottom: 6px;

    line-height: 22px

}



.home-product-list-normal .home-product-item-txt {

    line-height: 24px

}



.home-product-list-btn .home-product-item-tit {

    margin-bottom: 6px;

    font-size: 18px;

    line-height: 25px

}



.home-product-list-btn .home-product-item-txt {

    line-height: 24px

}



.home-product-list-normal {

    display: inline-block;

    width: 75%

}



.home-product-list-normal .home-product-item {

    padding: 0;

    width: 33.33333%;

    margin-bottom: 0

}



.home-product-list-normal.expand {

    width: 100%

}



.home-product-list-normal.expand .home-product-item {

    width: 25%;

    margin-bottom: 9px;

}



.home-product-list-normal .home-product-item > a {

    padding: 15px 30px;

}

.home-product-list-more-m {

    padding: 10px 15px;

    font-size: 14px;

    line-height: 24px;

    display: none

}



.home-product-list-more-m:after {

    content: '';

    display: inline-block;

    width: 12px;

    height: 7px;

    margin-left: 8px;

    background-image: url(sprite/home-201807271534.html);;

    background-position: 99.74% 41.94%;

    background-size: 2857.1428571428573% 4600%;;

    background-repeat: no-repeat

}



.home-product-item {

    width: 25%;

    display: inline-block;

    vertical-align: top;

    padding-left: 30px;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    margin-bottom: 30px

}



.home-product-item a {

    display: block;

    color: #333

}



.home-product-item-tit {

    font-size: 16px;

    margin-bottom: 10px;

    font-weight: 400

}



.home-product-item a:hover .home-product-item-tit {

    color: #00a4ff;

    text-decoration: none;

	

}

.home-product-item:hover{

	background:#fff url('img/home_common_more.png') no-repeat 95% 50%;

	box-shadow: 1px 1px 3px 1px rgba(136, 136, 136, 0.07);



}



 

.home-product-item-tit a {

    display: block

}



.home-product-item-tit a:hover {

    color: #00a4ff

}



.home-product-item-txt {

    font-size: 14px;

    color: #999;

    line-height: 1.5

}



.home-product-item-txt span {

    margin-right: 5px

}



.home-product-item-txt a {

    color: #00a4ff;

    display: inline-block

}



.home-product-item-txt a:hover {

    text-decoration: underline

}



.home-product-item-tag {

    display: inline-block;

    vertical-align: middle;

    position: relative;

    top: -1px;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    padding: 0 2px;

    margin-left: 10px;

    min-width: 32px;

    border: 1px solid #f60;

    font-size: 12px;

    line-height: 14px;

    color: #f60;

    text-align: center

}



.c-btn-hole {

    border: 1px solid #00a4ff;

    background-color: #fff;

    color: #00a4ff;

    line-height: 33px;

}



/*解决方案*/

.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: #00a4ff;

}

.product-introduce-item-introduce {

	height: 14px;

	text-align: center;

	line-height: 14px;

	font-size: 14px;

	color: #999;

}

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

}

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

}

.solution-list ul li > i.finance-icon {

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

}

.solution-list ul li > i.mobile-icon {

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

}

.solution-list ul li > i.busin-icon {

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

}

.solution-list ul li > i.game-icon {

	background: url(img/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: #00a4ff;

}

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

	background: #fff

}



.swiper-wrapper {

	position: relative;

	height: 140px;

	overflow: hidden

}



.certificat-swiper-wrapper {

	position: relative;

	width: 1200px;

	height: 213px;

	overflow: hidden

}



.certificat-swiper-inner {

	position: absolute;

	left: 0;

	top: 0;

	width: 1444px;

	height: 213px;

	transition: left .3s

}



.certificat-swiper-inner.active {

	left: -240px

}



.certificat-item {

	float: left;

	margin-left: 20px;

	width: 222px;

	height: 211px;

	border: 1px solid #f0f0f0

}



.certificat-item:hover {

	box-shadow: 0 0 8px rgba(0,0,0,0.12)

}



.certificat-item:first-child {

	margin-left: 0

}



.certificat-item-wrapper {

	width: 100%;

	height: 100%

}



.certificat-pic {

	margin: 0 auto;

	width: 102px;

	height: 111px

}



.certificat-pic1 {

	background: url(img/certificate_bg_01.png) no-repeat center 34px

}



.certificat-pic2 {

	background: url(img/certificate_bg_02.png) no-repeat center 34px

}



.certificat-pic3 {

	background: url(img/certificate_bg_03.png) no-repeat center 34px

}



.certificat-pic4 {

	background: url(img/certificate_bg_04.png) no-repeat center 34px

}



.certificat-pic5 {

	background: url(img/certificate_bg_05.png) no-repeat center 34px

}



.certificat-pic6 {

	background: url(img/certificate_bg_06.png) no-repeat center 34px

}



.certificat-introduce {

	margin-top: 30px;

	width: 100%

}



.certificat-introduce-top {

	margin-bottom: 12px;

	height: 18px;

	line-height: 18px;

	font-size: 18px;

	color: #333;

	text-align: center

}



.certificat-introduce-bottom {

	margin-top: 12px;

	height: 12px;

	line-height: 12px;

	color: #999;

	font-size: 12px;

	text-align: center

}



.certificat-active-btn-wrapper {

	margin: 50px auto 0;

	width: 65px;

	height: 10px

}



.certificat-btn {

	float: right;

	width: 30px;

	height: 4px;

	border-radius: 10%;

	background: #dddddd;

	cursor: pointer

}



.certificat-btn:first-child {

	float: left

}



.certificat-btn.active {

	background: #00aaff

}

/*合作伙伴*/

.cooperative-partner {

	background: #f7f8fa

}



.cooperative-partner-list {

	margin-top: 26px

}



.cooperative-partner-item {

	float: left;

	width: 240px;

	height: 184px;

	background-color: transparent;

	transition: all .5s

}



.item-01 {

	background: url(img/parterner_active_01.png) no-repeat center

}



.item-02 {

	background: url(img/parterner_active_02.png) no-repeat center

}



.item-03 {

	background: url(img/parterner_active_03.png) no-repeat center

}



.item-04 {

	background: url(img/parterner_active_04.png) no-repeat center

}



.item-05 {

	background: url(img/parterner_active_05.png) no-repeat center

}



.item-06 {

	background: url(img/parterner_active_06.png) no-repeat center

}



.item-07 {

	background: url(img/parterner_active_07.png) no-repeat center

}



.item-08 {

	background: url(img/parterner_active_08.png) no-repeat center

}



.item-09 {

	background: url(img/parterner_active_09.png) no-repeat center

}



.item-10 {

	background: url(img/parterner_active_10.png) no-repeat center

}



.cooperative-partner-item.active {

	position: relative;

	top: -4px;

	background-color: #fff;

	box-shadow: 0 3px 20px rgba(0,0,0,.1)

}

/*新闻动态*/

.news-trends {

	background: #fff

}



.news-trends-list {

	margin-top: 46px

}



.press-release {

	float: left;

	margin-left: 40px;

	width: 370px

}



.activity-title img {

	height: 140px

}



.press-release:first-child {

	margin-left: 0

}



.press-release-title-wrapper {

	position: relative;

	display: block;

	margin-bottom: 20px

}



.press-release-title {

	position: absolute;

	top: -10px;

	width: 120px;

	height: 120px

}



.blue-bg {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background-color: #00a4ff;

	opacity: .9;

	filter: alpha(opacity=90)

}



.press-release-word {

	position: absolute;

	top: 0;

	left: 0;

	z-index: 9;

	padding: 30px 34px;

	width: 120px;

	height: 120px;

	font-size: 20px;

	text-align: center;

	line-height: 32px;

	color: #fff

}



.release-title-bg {

	width: 370px;

	height: 100px

}



.release-title-bg.title-bg-1 {

	background: url(img/news_bg_01.html) no-repeat center

}



.release-title-bg.title-bg-2 {

	background: url(img/news_bg_02.html) no-repeat center

}



.release-title-bg.title-bg-3 {

	background: url(img/news_bg_03.html) no-repeat center

}



.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(img/news_bg1.html)

}



.press-news-picbg2 {

	background-image: url(img/news_bg2.html)

}



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

	color: #00a4ff

}



.press-release-list {

	margin: 0 auto;

	height: 174px

}



.press-release-list li {

	margin-top: 22px;

	float: left;

	width: 100%;

	height: 14px;

	line-height: 14px

}



.press-release-list li:first-child {

	margin-top: 20px

}



.press-release-list li a {

	display: block

}



.press-release-list li a i {

	float: left;

	width: 21%;

	font-style: normal;

	font-size: 12px;

	color: #888;

	white-space: nowrap

}



.press-release-list li a span {

	float: left;

	width: 76%;

	font-size: 14px;

	color: #555;

	white-space: nowrap;

	text-overflow: ellipsis;

	overflow: hidden

}



.activity-title {

	text-align: center

}



.activity-title a {

	display: block;

	margin: 0 auto;

	width: 370px;

	height: 260px;

	overflow: hidden

}



.activity-title a img {

	width: 100%;

	height: 100%;

	transition: all .5s;

	-moz-transition: all .5s;

	-webkit-transition: all .5s;

	-o-transition: all .5s

}



.activity-title a img:hover {

	transform: scale(1.1);

	-moz-transform: scale(1.1);

	-webkit-transform: scale(1.1);

	-o-transform: scale(1.1)

}



.free-registration {

	height: 36px;

	line-height: 36px;

	text-align: center;

	padding: 60px 0 40px 0

}



.free-registration a {

	display: inline-block;

	padding: 0 42px;

	height: 40px;

	line-height: 40px;

	text-align: center;

	font-size: 16px;

	color: #fff;

	background: #0092ee;

	-moz-border-radius: 2px;

	-webkit-border-radius: 2px;

	border-radius: 2px

}



.free-registration a:hover {

	background: #ff8909

}



/*数据中心*/

.map-service-wrapper {

	padding: 0;

}

.map-service {

	position: relative;

	background: #f7f8fa;

}

.map-service-left {

	margin: 0 auto 50px;

	width: 450px;

}

.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: #00a4ff;

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



}

.data-list-title.list-title-2 {

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

	color: #fb9353;

}

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

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

	color: #757370;

}

.map-product {

	padding-bottom: 0px;

}

.map-service-box{

	position: relative;

}

.world-map-wrapper {

	/*margin-top: 10px;*/

	width: 100%;

	height: 540px;

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

	top: 0

}



@keyframes warn {

	0% {

		transform: scale(0);

		opacity: 1

	}



	100% {

		transform: scale(1);

		opacity: 0

	}

}



.area-box .dot {

	display: inline-block;

	position: absolute;

	left: 0;

	width: 10px;

	height: 10px;

	border-radius: 50%;

	background: #a2a9b4;

	opacity: 1;

	filter: alpha(opacity=100)

}



.area-box .pulse {

	display: inline-block;

	position: absolute;

	top: -28px;

	left: -28px;

	height: 66px;

	width: 66px;

	border: 2px solid #b7b7b7;

	-webkit-border-radius: 48px;

	-moz-border-radius: 48px;

	border-radius: 48px;

	background: #a2a9b4;

	box-shadow: 0 0 4px #82878f,0 0 10px rgba(130, 135, 143, 0.04) inset;

	opacity: .12;

	filter: alpha(opacity=0);

	-webkit-animation: warn 2s ease-out both;

	-moz-animation: warn 2s ease-out both;

	animation: warn 2s ease-out both;

	-webkit-animation-iteration-count: infinite;

	-moz-animation-iteration-count: infinite;

	animation-iteration-count: infinite;

	background: transparent

}



.area-box .delay-01 {

	animation-delay: 0

}



.area-box .delay-02 {

	animation-delay: .4s

}



.area-box .delay-03 {

	animation-delay: .8s

}



.area-box .delay-04 {

	animation-delay: 1.2s

}



.area-box .delay-05 {

	animation-delay: 1.6s

}



.area-box .delay-06 {

	animation-delay: 2s

}



.area-box .delay-07 {

	animation-delay: 2.4s

}



.area-box .delay-08 {

	animation-delay: -0.4s

}



.area-box .delay-09 {

	animation-delay: -0.8s

}



.area-box .delay-10 {

	animation-delay: -1.2s

}



.area-box .delay-11 {

	animation-delay: 4s

}



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

	background: #00a4ff

}



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

	border-color: #00a4ff;

	top: -45px;

	left: -45px;

	height: 100px;

	width: 100px;

	box-shadow: 0 0 12px #00aaff,0 0 210px rgba(244, 67, 54, 0) inset

}



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

	background: #f90

}



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

	border-color: #f90

}



.show-regin {

	position: absolute;

	left: 4px;

	height: 0;

	top: 0;

	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;

	top: -12px;

	padding: 6px 10px;

	font-size: 14px;

	color: #ccc;

	-moz-border-radius: 2px;

	-webkit-border-radius: 2px;

	border-radius: 2px;

}



.postition-10 .show-regin span {

	left: 0

}



.postition-6 .show-regin span {

	left: -50px

}

.postition-8 .show-regin span {

	left: -52px

}

.postition-15 .show-regin span {

	left: -52px

}

.postition-16 .show-regin span {

	left: -52px

}



.area-box {

	z-index: 77

}



.show-regin {

	z-index: 66

}



.region-list.active .show-regin span {

	position: relative;

	color: #111

}



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

	color: #ccc

}



.postition-1 {

	left: 796px;

	top: 292px;

}

.postition-2 {

	left: 75px;

	top: 154px;

}

.postition-3 {

	left: 258px;

	top: 443px;

}

.postition-4 {

	left: 477px;

	top: 119px;

}

.postition-5 {

	left: 908px;

	top: 174px;

}

.postition-6 {

	left: 815px;

	top: 219px;

}



.postition-7 {

	left: 835px;

	top: 199px

}



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

	top: -50px;

	left: -50px;

	width: 110px;

	height: 110px;

	border-radius: 50%

}



.postition-8 {

	left: 810px;

	top: 188px

}



.postition-9 {

	left: 611px;

	top: 207px

}



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

	top: -50px;

	left: -50px;

	width: 110px;

	height: 110px;

	border-radius: 50%

}



.postition-10 {

	left: 835px;

	top: 228px

}



.postition-11 {

	left: 165px;

	top: 184px

}



.postition-13 {

	left: 840px;

	top: 170px

}

.postition-14 {

	left: 928px;

	top: 424px

}

.postition-15 {

	left: 825px;

	top: 340px

}

.postition-16 {

	left: 703px;

	top: 254px

}

.postition-17 {

	left: 806px;

	top: 314px

}





.douhao {

	display: inline-block;

	width: 0

}