
/*slider-bar*/
.slider-bar{width: 100%;
	background-color: #eaeaea;
}
.slider-bar .main{
margin: 0 auto;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content:space-between;
-moz-justify-content:space-between;
-ms-justify-content:space-between;
-o-justify-content:space-between;
justify-content:space-between;
}
.slider-bar .slider-bar-item{
width: 33.33%;
position: relative;
padding: 10px 20px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content:space-between;
-moz-justify-content:space-between;
-ms-justify-content:space-between;
-o-justify-content:space-between;
justify-content:space-between;}
.slider-bar .slider-bar-item:after{
	content: '';
	position: absolute;
	width: 1px;
	height: 100%;
	background-color: rgba(255,255,255,0.1);right: 0;top:0;
}
.slider-bar .slider-bar-item:nth-child(3n):after{
	content: '';
	position: absolute;
	width: 0;
}
.slider-bar .slider-bar-item .ico{width: 20%}
.slider-bar .slider-bar-item .ico i{font-size: 6rem; color: #999}
.slider-bar .slider-bar-item .txt{width: 80%}
.slider-bar .slider-bar-item .txt h3{font-size: 18px;color: #666;}
.slider-bar .slider-bar-item .txt p{font-size: 14px;color: #999;}


@media (max-width:1440px){
.slider-bar .slider-bar-item{padding: 5px 10px;}
.slider-bar .slider-bar-item .ico i{font-size: 5rem; }	
.slider-bar .slider-bar-item .txt h3{font-size: 16px;padding: 10px 0 5px 0;margin: 0;}
.slider-bar .slider-bar-item .txt p{font-size: 12px;}
}
@media (max-width:1366px){
.slider-bar .slider-bar-item{padding: 5px 10px;}
.slider-bar .slider-bar-item .ico i{font-size: 5rem;}	
.slider-bar .slider-bar-item .txt h3{font-size: 14px;padding: 10px 0 5px 0;margin: 0;}
.slider-bar .slider-bar-item .txt p{font-size: 10px;}
}
@media (max-width:1200px){
.slider-bar .slider-bar-item{padding: 5px 10px;}
.slider-bar .slider-bar-item .ico i{font-size: 3.8rem;}	
.slider-bar .slider-bar-item .txt h3{font-size: 12px;padding: 10px 0 5px 0;margin: 0;}
.slider-bar .slider-bar-item .txt p{font-size: 10px;}
}


/*index-business*/
.index-business{background-color: #f6f6f6;padding: 50px 0 50px 0;}
.business-ul{padding: 30px 0 30px 0;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content:space-between;
-moz-justify-content:space-between;
-ms-justify-content:space-between;
-o-justify-content:space-between;
justify-content:space-between;
}
.business-ul li{width: 23.5%;margin-right: 2%;margin-bottom: 2%;background-color: #fff;border-radius: 6px;}
.business-ul li:hover{
	-webkit-box-shadow: 0 20px 40px rgba(0,0,0,0.1);
	box-shadow: 0 20px 40px rgba(0,0,0,0.1);
	-webkit-transform:translate3d(0, -10px, 0);
	transform:translate3d(0, -10px, 0);
	-moz-transform:translate3d(0, -10px, 0);
	-ms-transform:translate3d(0, -10px, 0);
	-o-transform:translate3d(0, -10px, 0);
}
.business-ul li:nth-child(4){margin-right: 0;}
.business-ul li .ico{text-align: center;height: 150px;}
.business-ul li .ico img{width: 40%;margin: 10px auto;}
.business-ul li:hover .ico img{width: 45%;}
.business-ul li .ico i{}
.business-ul li .info{padding: 0 20px;text-align: center;margin: 0 0 20px 0}
.business-ul li .info a{width: 50%;margin: 10px auto;display: block;border-radius: 4px;background-color: #009cd5;color: #fff;line-height: 32px;}
.business-ul li .info a:hover{color: #fff;text-decoration: none;background-color: #3abfc4;}
.business-ul li .info h4{font-size: 18px;color:#555;}
.business-ul li:hover .info h4{color:#0180b4}
.business-ul li .info p{font-size: 14px;line-height: 22px;height: 70px;overflow: hidden;color: #999}

/*index-resources*/
.index-resources{background-image: url(../images/bg3.jpg);background-repeat: no-repeat;background-position: center top;padding: 80px 0 80px 0;}
.index-resources .r-list{
padding: 20px 0 0 0;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content:space-between;
-moz-justify-content:space-between;
-ms-justify-content:space-between;
-o-justify-content:space-between;
justify-content:space-between;}
.index-resources .r-list li{width: 25%;text-align: center;position: relative;}
.index-resources .r-list li h4{
	font-size: 22px;font-family: Montserrat-Regular;
	background: linear-gradient(-30deg, #009cd5 30%, #aae6fc 100%);
	-webkit-background-clip: text;
    color: transparent;
	width: 160px;height: 160px;line-height: 140px;border: 5px solid rgba(255,255,255,0.1);border-radius:50%;display: block;margin: 0 auto;}
.index-resources .r-list li h4 span{font-size: 68px;font-weight: 600;font-family:'dincond-medium';}
.index-resources .r-list li p{font-size: 14px;color:rgba(255,255,255,0.6);margin: 30px auto;display: block;width: 70%;}
.index-resources .more{display: block;width: 140px;line-height: 35px;border-radius: 4px;background-color: #009cd5;text-align: center;font-size: 14px;color: #fff;margin:0  auto}
.index-resources .more:hover{text-decoration: none;background-color: #3abfc4;}

/*index-ai*/
.index-ai{background-color: #f8f8f8; padding: 80px 0 80px 0;background-image: url(../images/bg2.jpg);background-repeat: no-repeat;background-position: center bottom;}
.ai-ul{padding: 30px 0 30px 0;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content:space-between;
	-moz-justify-content:space-between;
	-ms-justify-content:space-between;
	-o-justify-content:space-between;
	justify-content:space-between;
}
.ai-ul li{width: 32%;margin-right: 2%;margin-bottom: 2%;background-color: #fff;border-radius: 6px;overflow: hidden;position: relative;}
.ai-ul li:hover{
	-webkit-box-shadow: 0 10px 30px rgba(0,0,0,0.15);
	box-shadow: 0 10px 30px rgba(0,0,0,0.15);
	-webkit-transform:translate3d(0, -10px, 0);
	transform:translate3d(0, -10px, 0);
	-moz-transform:translate3d(0, -10px, 0);
	-ms-transform:translate3d(0, -10px, 0);
	-o-transform:translate3d(0, -10px, 0);
}
.ai-ul li:nth-child(3){margin-right: 0;}
.ai-ul li .ico{text-align: center;}
.ai-ul li .ico img{width: 100%;}
.ai-ul li .ico i{}
.ai-ul li .info{padding: 0 20px;position: absolute;width: 100%;bottom: 0;height: 35%;background-color: rgba(0,0,0,0.4);overflow: hidden;}
.ai-ul li .info p{font-size: 16px;line-height: 25px;color: #fff;padding: 10px 0;letter-spacing: 1px;}

.ai-pro-list{padding: 30px 0 30px 0;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content:space-between;
	-moz-justify-content:space-between;
	-ms-justify-content:space-between;
	-o-justify-content:space-between;
	justify-content:space-between;
}
.ai-pro-list li{width: 23.5%;margin-right: 2%;margin-bottom: 2%;background-color: #fff;border-radius: 6px;padding: 10px 0;}
.ai-pro-list li:hover{
	-webkit-box-shadow: 0 20px 40px rgba(0,0,0,0.1);
	box-shadow: 0 20px 40px rgba(0,0,0,0.1);
	-webkit-transform:translate3d(0, -10px, 0);
	transform:translate3d(0, -10px, 0);
	-moz-transform:translate3d(0, -10px, 0);
	-ms-transform:translate3d(0, -10px, 0);
	-o-transform:translate3d(0, -10px, 0);
}
.ai-pro-list li:nth-child(4){margin-right: 0;}
.ai-pro-list li .ico{text-align: center;height: 150px;}
.ai-pro-list li .ico img{width: 40%;margin: 20px auto;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
	opacity:0.5;
}
.ai-pro-list li .ico i{}
.ai-pro-list li .info{padding: 0 20px;text-align: center;margin: 0 0 20px 0}
.ai-pro-list li .info a{width: 50%;margin: 10px auto;display: block;border-radius: 4px;background-color: #0180b4;color: #fff;line-height: 32px;}
.ai-pro-list li .info a:hover{color: #fff;text-decoration: none;background-color: #3abfc4;}
.ai-pro-list li .info h4{font-size: 18px;color:#555;}
.ai-pro-list li:hover .info h4{color:#0180b4}
.ai-pro-list li .info p{font-size: 14px;line-height: 22px;height: 70px;overflow: hidden;color: #999}

.index-ai .more{display: block;width: 140px;line-height: 35px;border-radius: 4px;background-color: #009cd5;text-align: center;font-size: 14px;color: #fff;margin:0  auto}
.index-ai .more:hover{text-decoration: none;background-color: #3abfc4}

/*index-vr*/
.index-vr{background-color: #fff; padding: 80px 0 80px 0;}
.vr-ul{padding: 30px 0 30px 0;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content:space-between;
	-moz-justify-content:space-between;
	-ms-justify-content:space-between;
	-o-justify-content:space-between;
	justify-content:space-between;
}
.vr-ul li{width: 30.66%;margin-right: 4%;margin-bottom: 2%;background-color: #fff;border-radius: 6px;overflow: hidden;position: relative;}
.vr-ul li:hover{
	-webkit-box-shadow: 0 10px 30px rgba(0,0,0,0.15);
	box-shadow: 0 10px 30px rgba(0,0,0,0.15);
	-webkit-transform:translate3d(0, -10px, 0);
	transform:translate3d(0, -10px, 0);
	-moz-transform:translate3d(0, -10px, 0);
	-ms-transform:translate3d(0, -10px, 0);
	-o-transform:translate3d(0, -10px, 0);
}
.vr-ul li:nth-child(3){margin-right: 0;}
.vr-ul li .ico{text-align: center;}
.vr-ul li .ico img{width: 100%;}
.vr-ul li .ico i{}
.vr-ul li .info{padding: 0 20px;position: absolute;width: 100%;bottom: 0;height: 20%;background-color: rgba(0,0,0,0.4);overflow: hidden;}
.vr-ul li .info h4{font-size: 18px;line-height: 25px;color: #fff;padding: 5px 0;letter-spacing: 2px;}
.index-vr .more{display: block;width: 140px;line-height: 35px;border-radius: 4px;background-color: #009cd5;text-align: center;font-size: 14px;color: #fff;margin:0  auto}
.index-vr .more:hover{text-decoration: none;background-color: #3abfc4}


/*index_customers*/
.index-customers{background-color:#f4f4f4;padding: 80px 0 80px 0; }
.index-customers .customerslist{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	-webkit-justify-content:space-between;
	-moz-justify-content:space-between;
    -ms-justify-content:space-between;
    -o-justify-content:space-between;
    justify-content:space-between;
}
.index-customers .customerslist li{width: 20%;padding:10px;}
.index-customers .customerslist li a{height: 100px;background-color: rgba(255,255,255,0.7);border-radius: 4px; display: block;text-align: center;padding-top:10px;line-height:70px;font-size: 18px;color: #999; }
.index-customers .customerslist li a img{
	width: 80%;
	opacity:0.6;
/* -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
*/
}
.index-customers .customerslist li a:hover{
	background-color: #fff;
	-webkit-box-shadow: 1px 0px 50px rgba(0,0,0,0.08);
	box-shadow: 1px 0px 50px rgba(0,0,0,0.08);
	text-decoration: none;
	color: #0180b4;
}
.index-customers .customerslist li a:hover img{
	opacity:1;
/*  
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
*/
}
.map-service{position:relative;background-color: #555;padding:80px 0;}
.map-service .container{position:relative;}
.map-service .map-service-title{width:50%;height: 200px;position: absolute;left:0;top:0;}
.map-service .map-service-title h4{font-size: 36px;letter-spacing: 3px;color: #eee;font-weight:500;}
.map-service .map-service-title p{font-size:14px;color:rgba(255,255,255,0.6);margin: 30px 0 0 0;line-height: 28px;}
.china-map{width:748px;height:618px;background:url(../img/map_black_bg.png) center no-repeat;position:relative;margin: 0 auto;}
.region-list{position:absolute;left:0;top:0}
.area-box .dot{position:absolute;left:0;width:10px;height:10px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#a2a9b4;opacity:1;filter:alpha(opacity=100)}
.area-box .pulse{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;-webkit-box-shadow:0 0 4px #82878f,0 0 10px #82878f inset;-moz-box-shadow:0 0 4px #82878f,0 0 10px #82878f inset;box-shadow:0 0 4px #82878f,0 0 10px #82878f inset;opacity:.12;filter:alpha(opacity=0);-webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;-o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;background:0 0}
.area-box .delay-01{-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0}
.area-box .delay-02{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s}
.area-box .delay-03{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s}
.area-box .delay-04{-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;-o-animation-delay:1.2s;animation-delay:1.2s}
.area-box .delay-05{-webkit-animation-delay:1.6s;-moz-animation-delay:1.6s;-o-animation-delay:1.6s;animation-delay:1.6s}
.area-box .delay-06{-webkit-animation-delay:2s;-moz-animation-delay:2s;-o-animation-delay:2s;animation-delay:2s}
.area-box .delay-07{-webkit-animation-delay:2.4s;-moz-animation-delay:2.4s;-o-animation-delay:2.4s;animation-delay:2.4s}
.area-box .delay-08{-webkit-animation-delay:-.4s;-moz-animation-delay:-.4s;-o-animation-delay:-.4s;animation-delay:-.4s}
.area-box .delay-09{-webkit-animation-delay:-.8s;-moz-animation-delay:-.8s;-o-animation-delay:-.8s;animation-delay:-.8s}
.area-box .delay-10{-webkit-animation-delay:-1.2s;-moz-animation-delay:-1.2s;-o-animation-delay:-1.2s;animation-delay:-1.2s}
.area-box .delay-11{-webkit-animation-delay:4s;-moz-animation-delay:4s;-o-animation-delay:4s;animation-delay:4s}
.region-list.active .area-box .dot{background:#009fd9}
.region-list.active .area-box .pulse{border-color:#009fd9;top:-39px;left:-39px;height:88px;width:88px;-webkit-box-shadow:0 0 12px #0080d9,0 0 20px #0080d9 inset;-moz-box-shadow:0 0 12px #0080d9,0 0 20px #0080d9 inset;box-shadow:0 0 12px #0080d9,0 0 20px #0080d9 inset}
.region-list.waite .area-box .dot{background:#f90}
.region-list.waite .area-box .pulse{border-color:#f90}
.show-regin{position:absolute;left:2px;height:0;top:0;width:11px;opacity:0;-o-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.online-node .show-regin,.region-list:hover .show-regin,.underline-node .show-regin,.waite-node .show-regin{height:127px;opacity:1}
.show-regin span{width:80px;position:absolute;left:8px;top:-11px;padding:6px 10px;font-size:14px;color:#ccc;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;text-align:center;white-space:nowrap;}
.area-box{z-index:77}
.show-regin{z-index:66}
.region-list.active .show-regin span{position:relative;color:#ccc}
.region-list.waite .show-regin span{color:#ccc}
.postition-1{left:302px;top:308px}
.postition-2{left:401px;top:403px}
.postition-3{left:358px;top:516px}
.postition-4{left:460px;top:340px}
.postition-5{left:526px;top:394px}
.postition-6{left:630px;top:371px}
.postition-6 .show-regin span{left:-30px;top:-30px;}
.postition-7{left:635px;top:230px}
.postition-7.region-list.active .area-box .pulse{top:-50px;left:-50px;width:110px;height:110px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.postition-8{left:559px;top:229px}
.postition-9{left:650px;top:375px}
.postition-9.region-list.active .area-box .pulse{top:-50px;left:-50px;width:110px;height:110px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.postition-10{left:554px;top:539px}
.postition-10 .show-regin span{left:0}
.postition-11{left:650px;top:400px}
.postition-11 .show-regin span{left:-10px;}
.postition-13{left:600px;top:370px}
.postition-13 .show-regin span{left:-25px;top:-25px;}
.douhao{width:0}
@-webkit-keyframes warn{
	0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}
	100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}
}
@-moz-keyframes warn{
	0%{-moz-transform:scale(0);transform:scale(0);opacity:1}
	100%{-moz-transform:scale(1);transform:scale(1);opacity:0}
}
@-o-keyframes warn{
	0%{-o-transform:scale(0);transform:scale(0);opacity:1}
	100%{-o-transform:scale(1);transform:scale(1);opacity:0}
}
@keyframes warn{
	0%{-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0);opacity:1}
	100%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:0}
}


.network{background-color:#f4f4f4;padding-top:50px}
.network-ul{
    display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	-webkit-justify-content:space-between;
	-moz-justify-content:space-between;
    -ms-justify-content:space-between;
    -o-justify-content:space-between;
    justify-content:space-between;
}
.network-ul li{text-align: center;}
.network-ul li img{width:120px;margin-bottom:20px;}
.network-ul li p{font-size: 16px;}



