.sub-banner{height: 400px;background-color: #fff;background-repeat: no-repeat;background-position: center top;position: relative}
.sub-banner h2{
	font-family: 'dincond-medium';
	font-size: 60px;
	color:#fff;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 2px;
	position:absolute;
	bottom: 30px;}
.sub-banner .container{position: relative;height: 400px;}

/*sub-nav*/
.sub-nav{position:absolute;height: 45px;bottom: -30px;left:50%;background-color: #fff;
-webkit-box-shadow: 0 12px 40px 6px rgba(0, 176, 211, 0.1);
box-shadow: 0 12px 40px 6px rgba(0, 176, 211, 0.1);}
.sub-nav li{float: left}
.sub-nav li a{display: block;line-height: 45px;text-align: center;font-size: 16px;color: #333;padding: 0 30px;border-right: 1px solid #efefef;text-decoration: none;}
.sub-nav li a:hover,.sub-nav li a.cur{
	color: #fff;
	-webkit-background-image: linear-gradient(30deg, #0180b4 0%, #3abfc4 100%);
    background-image: linear-gradient(30deg, #0180b4 0%, #3abfc4 100%);}

.hr-service{position:relative;padding:50px 0;}
.hr-service .youshi{width: 958px;height: 472px;margin:20px auto;position: relative;}
.hr-service .youshi .y{position:absolute;border-radius: 50%;background-color: rgba(255,255,255,0.2);text-align:center;color:rgba(255,255,255,0.7);}
.hr-service .youshi .y1{width:190px ;height:190px ;left:90px;top:0;font-size: 45px;line-height: 60px;padding-top: 30px;letter-spacing: 5px;}
.hr-service .youshi .y2{width:130px ;height:130px ;left:433px;top:30px;font-size: 25px;line-height: 35px;padding-top: 30px;letter-spacing: 1px;}
.hr-service .youshi .y3{width:100px ;height:100px ;left:0;bottom: 30px;font-size: 20px;line-height: 30px;padding-top: 20px;letter-spacing: 2px;}
.hr-service .youshi .y4{width:250px ;height:250px ;left:50%;margin-left: -60px;bottom: 0;font-size: 50px;line-height: 65px;padding-top: 50px;letter-spacing: 5px;}
.hr-service .youshi .y5{width:150px ;height:150px ;right:0;bottom: 20px;font-size: 25px;line-height: 35px;padding-top: 35px;letter-spacing: 1px;}
.hr-service .youshi .x{height: 1px;background-color: rgba(255,255,255,0.5);position: absolute; }
.hr-service .youshi .x1{
	width: 155px;left:278px;top:100px;
	transform:rotate(-10deg);
	-ms-transform:rotate(-5deg); 	/* IE 9 */
	-moz-transform:rotate(-5deg); 	/* Firefox */
	-webkit-transform:rotate(-5deg); /* Safari 和 Chrome */
	-o-transform:rotate(-5deg); 	/* Opera */
}
.hr-service .youshi .x2{
	width: 70px;left:485px;top:190px;
	transform:rotate(65deg);
	-ms-transform:rotate(65deg); 	/* IE 9 */
	-moz-transform:rotate(65deg); 	/* Firefox */
	-webkit-transform:rotate(65deg); /* Safari 和 Chrome */
	-o-transform:rotate(65deg); 	/* Opera */
}
.hr-service .youshi .x3{
	width: 322px;left:100px;bottom:85px;
	transform:rotate(-4deg);
	-ms-transform:rotate(-4deg); 	/* IE 9 */
	-moz-transform:rotate(-4deg); 	/* Firefox */
	-webkit-transform:rotate(-4deg); /* Safari 和 Chrome */
	-o-transform:rotate(-4deg); 	/* Opera */
}
.hr-service .youshi .x4{
	width: 146px;right:148px;bottom:85px;
	transform:rotate(5deg);
	-ms-transform:rotate(5deg); 	/* IE 9 */
	-moz-transform:rotate(5deg); 	/* Firefox */
	-webkit-transform:rotate(5deg); /* Safari 和 Chrome */
	-o-transform:rotate(5deg); 	/* Opera */
}
.hr-service .youshi .x5{
	width: 180px;left:15px;bottom:210px;
	transform:rotate(115deg);
	-ms-transform:rotate(115deg); 	/* IE 9 */
	-moz-transform:rotate(115deg); 	/* Firefox */
	-webkit-transform:rotate(115deg); /* Safari 和 Chrome */
	-o-transform:rotate(115deg); 	/* Opera */
}
.hr-service .text{}
.hr-service .text p{font-size: 16px;line-height: 30px;color: #fff;margin: 0 0 10px 0;letter-spacing: 1px;}

.hr-about{padding:80px 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}
}

/*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%);
    */
}

/*index-resources*/
.resources{background-image: url(../images/bg4.jpg);background-repeat: no-repeat;background-position: center;padding: 50px 0 50px 0;background-size: cover}
.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;}
.resources .r-list li{width: 25%;text-align: center;position: relative;}
.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.3);border-radius:50%;display: block;margin: 0 auto;}
.resources .r-list li h4 span{font-size: 68px;font-weight: 600;font-family:'dincond-medium';}
.resources .r-list li p{font-size: 16px;color:rgba(255,255,255,0.8);margin: 30px auto;display: block;width: 70%;}
.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}
.resources .more:hover{text-decoration: none;background-color: #3abfc4;}


/*slider-bar*/
.slider-bar{width: 100%;
	background-color: #009cd5;border-top: 1px solid rgba(255,255,255,0.1);
}
.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:rgba(255,255,255,0.6);}
.slider-bar .slider-bar-item .txt{width: 80%}
.slider-bar .slider-bar-item .txt h3{font-size: 18px;color:rgba(255,255,255,0.9)}
.slider-bar .slider-bar-item .txt p{font-size: 14px;color:rgba(255,255,255,0.6)}


@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: 16px;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: 16px;padding: 10px 0 5px 0;margin: 0;}
	.slider-bar .slider-bar-item .txt p{font-size: 10px;}
}


/*hr-info*/
.hr-info{background-color: #f2f2f2;padding: 0;}
.hr-info .container{position: relative;overflow: hidden;padding: 80px 0;margin: 0 auto;}
.hr-info .container:after{
	content: '';
	width: 800px;height: 800px;
	border: 1px solid #ccc;
	border-radius: 50%;
	position: absolute;top:50%;margin-top: -400px;left:-50%;
	z-index: 1;
}
@media (max-width:1200px){
	.hr-info .container:after{
		content: '';
		left:-60%;
	}
}
.hr-info .hr-info-item{
	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;
	align-items: center;
	position: relative;
	margin: 30px 0;

}
.hr-info .hr-info-item:nth-child(2n-1){height: 60px;}
.hr-info .hr-info-item h4{width: 18%;height: 60px;line-height: 60px;border-radius: 10px;background-color:#009cd5;text-align: center;font-size: 22px;color: #fff;z-index:10;}
.hr-info .hr-info-item:nth-child(1){height: 60px;background-color:rgba(0,156,213,0.1);border-radius: 10px;}
.hr-info .hr-info-item:nth-child(2){margin: 0 0 0 50px;height: 180px;}
.hr-info .hr-info-item:nth-child(3){margin: 0 0 0 100px;height: 60px;background-color:rgba(0,156,213,0.1);border-radius: 10px;}
.hr-info .hr-info-item:nth-child(4){margin: 0 0 0 50px;height: 180px;}
.hr-info .hr-info-item:nth-child(5){height: 60px;background-color:rgba(0,156,213,0.1);border-radius: 10px;}

.hr-info .hr-info-item p{width:82%;height: 60px;line-height: 60px;margin: 0;padding-left: 130px;font-size: 18px;color: #444;font-family: Montserrat-Regular;}
.hr-info .hr-info-item:nth-child(3) p{padding-left: 50px;}
.hr-info .hr-info-item p span{margin-right: 20px;}
.hr-info .hr-info-item p b{font-size: 22px;color: #222;padding: 0 10px;font-weight: 500;}
.hr-info .hr-info-item .xunsu-text{width:82%;padding: 20px 0 0 90px;height: 120px;}
.hr-info .hr-info-item .xunsu-text li{line-height: 32px;font-size: 16px;color: #666;position: relative;padding-left: 20px;}
.hr-info .hr-info-item .xunsu-text li:after{
	content: '';
	width: 6px;height: 6px;border-radius: 50%;background-color: #bbb;
	position: absolute;left:0;top:50%;margin-top: -3px;
}
.hr-info .hr-info-item .xuqiu-list{width:82%;padding: 0 0 0 90px;height: 200px}
.hr-info .hr-info-item .xuqiu{width: 100%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	-ms-justify-content: flex-start;
	-o-justify-content: flex-start;
	justify-content: flex-start;
	align-items: center;
	margin: 0 0 10px 0;
}
.hr-info .hr-info-item .xuqiu .xuqiu-text-ul{width: 25%;display: block}
.hr-info .hr-info-item .xuqiu .xuqiu-text-ul li{font-size: 14px;line-height: 25px;position: relative;padding-left: 20px;}
.hr-info .hr-info-item .xuqiu .xuqiu-text-ul li:after{
	content: '';
	width: 6px;height: 6px;border-radius: 50%;background-color: #bbb;
	position: absolute;left:0;top:50%;margin-top: -3px;
}
.hr-info .hr-info-item .xuqiu h6{width: 25%;display: block;font-size: 16px;line-height: 25px;letter-spacing: 2px;}