@charset "utf-8";
/* CSS Document */

li{
	list-style-type:none;

	padding:0;
	margin:0;}
ul{
	margin:0;
	padding:0;

	list-style-type:none;
	}
a,a:hover,a:visited{
	text-decoration:none;
	color: #30A36C;
	}
/*body{
	background:#F1EFF0;}*/
img{
	border:none;}
.clear{
	clear:both;}

.border_bottom{
	border-bottom: 3px solid #7bb0d8;
}

.top{
	margin-top: -15px;
	background: #2c72b9;
	width: calc(100% - 16px);
	position: fixed;
	top: 0;
	z-index: 100;
	overflow: hidden;
}
.topout{
	width:1210px;
	margin:auto;
	overflow:hidden;
	height:60px;}
.logo{
	margin-top:10px;
	float:left;}
.logo img{
	width:400px;;
}
.searchdiv{
	float:left;
	background:#0F6;
	height:30px;
	margin-left:130px;
	margin-top:28px;
	width:276px;
	overflow:hidden;
	border-radius:3px;}
.searchtext{

	width:230px;
	border:none;
	float:left;
	padding-left:10px;
	font-size:14px;
	height:28px;
	}
.searchbutton{
	float:left;
	}
.searchbutton input{
	cursor:pointer;
	width: 33px;
	height:29px;}
.topright{
	float:left;
	margin-left:610px;
	height:60px;}
.toprightup{
	height:25px;
	font:"Arial Black", Gadget, sans-serif;
	color: white;}
.toprightdown{}
.toprightdown_left{
	float:left;
	overflow:hidden;
	border-radius:5px;}
.toprightdown_left img{
	height:35px;}
.toprightdown_right{
	color: white;
	width:150px;
	float:left;
	margin-left:10px;}
.nav0{
	background: #2c72b9;
	margin: 0;
	text-align: center;
	border: none;
	width:calc(100% - 16px);
	position: fixed;
	top:45px;
	z-index: 100;

}
.nav1{
	margin:auto;
	text-align: center;
	width:1210px;
	height:60px;}
.nav1>ul{}
.nav1>ul>li{
	height:60px;
	line-height:60px;
	float:left;
	font-size:24px;
	margin-left:1px;
	position:relative;}
.nav1>ul>li>a{
	padding:0 31px;
	color:#fff;
	}
.nav1>ul>li>ul{
	display:none;
	position:absolute;}
.nav1>ul>li:hover{
	float:left;
	line-height:60px;
	margin-left:1px;
	background:#fff;}
.nav1>ul>li:hover>a{
	padding:0 31px;
	color: #2c72b9;}
.nav1>ul>li:hover>ul{
	display:block;
	z-index:3;
	background:#fff;
	font-size:14px;}
.nav1>ul>li:hover>ul li{
	line-height:20px;
	border:1px solid #ccc;
	width:130px;
	padding-left:20px;
	margin-top:2px;	
	height:35px;}
.nav1>ul>li:hover>ul li:hover{
	background:#2c72b9;}
.nav1>ul>li:hover>ul li:hover a{
	color:#fff;}
.nav1>ul>li:hover>ul a:link,a:active,a:visited{
	margin:auto;
	color:#2c72b9;}
.nav1>ul>li:hover>ul a:hover{
	color:#2c72b9;}
.middle_out{
	width: 1200px;
	margin: auto;
}

.bannerout{
	width: 1200px;
	/*height: 500px;*/
	margin: 0 auto 10px auto;
}
.banner{width:1200px;position:relative;overflow:hidden;}
.banner .pic{width:4800px;}
.banner .pic li{ width:1200px;float:left;}
.banner .pic li img{ width:1200px; height: 500px;}
.banner .anniu{width:200px;height:16px;position:absolute;left:49%;top:90%;}
.banner .anniu li{width:16px;height:16px;background:white;float:left;margin:5px;display:inline;cursor:pointer;border-radius:100%}
.banner .anniu li.on{background:red}
.banner .lr{width:1200px;height:50px;position:absolute;top:150px;display:none;}
.banner .lr a{color:white}
.banner .lr .pre{width:100px;height:100px;float:left;text-align:center;line-height:50px;cursor:pointer}
.banner .lr .next{width:100px;height:100px;float:right;text-align:center;line-height:50px;cursor:pointer}
.banner .lr li img{width: 100px; height: 100px;}

.banner2{
	width: 100%;
	background-color: #666666;
}
.banner2 img{
	border: none;
	width: 100%;
}

.index_banner{
	background-color: #666666;
}
.index_banner img{
	width: 100%;
}


.latestnews_out{
	margin-top:20px;
	width:auto;}
.latestnews_up{
	width:1210px;
	margin:auto;}
.latestnews_title{
	height:65px;
	padding-left:520px;
	float:left;
	width:380px;}
.latestnews_more{
	float:right;
	height:65px;}
.latestnews_more a{
	color:#24A167;
	font-size:14px;}
.latestnews_up .title_hr{
	height:2px;
	border-top:1px solid #E1E1E1;
	margin:auto;
	width:800px;}
.latestnews_listout{
	width:auto;
	margin-top:30px;}
.latestnews_listout2{
	width: 120px;
	overflow: hidden;
}
.latestnews_list{
	overflow: auto;
	width:1210px;
	margin:auto;}
.latestnews_list ul{
	overflow: auto;
	}
.latestnews_list ul li{
	width:270px;
	min-height:230px;
	max-height:267px;
	overflow:hidden;
	margin:0 65px;
	float:left;}
.latestnews_list ul li img{
	width:270px;
	height:216px;}
.latestnews_list ul li a{
	color:#000000;
	font-size:12px;}


.latestnews_listout4{
	width:auto;
	margin-top:30px;}
.latestnews_list4{
	overflow: auto;
	width:1210px;
	margin:auto;}


.productout{
	width:1210px;
	margin: auto;
	}

.productup{
	width:auto;
	height:200px;
	background:url(/static/images/proupbak.png) repeat;}
.productuptit{
	width:1210px;
	padding-top:16px;
	margin:auto;}
.productuptemp{
	height:40px;}
.productupindiv{
	width:1210px;
	height:130px;
	margin:auto;}
.productupindiv a{
	height:60px;
	width:100px;
	color:#24A167;
	float:right;}
.prouctdown{
	height:330px;
	margin: auto;
	background:url(/static/images/productblack.jpg) repeat;}
.productdowntemp{
	width:1210px;;
	height:60px;}
.productdownul{
	width:1210px;
	margin:auto;}
.productdownul ul{
	width:1085px;
	overflow:hidden;
	padding-left:125px;
	margin:auto;}
.productdownul ul li{
	width:180px;
	background:#585858;
	float:left;
	margin:0 30px;
	height:234px;}
.productdownul ul li:hover{
	background:#23A066;}
.productdownul ul li:hover .productlitit a{
	color:#595959;}
.productliimg{
	margin:auto;
	width:150px;}
.productliimg img{
	height:80px;
	margin-top:10px;
	width:150px;}
.productlitit{
	height:27px;
	padding-top:10px;
	width:150px;
	margin:auto;
	border-bottom:1px #299863 solid;}
.productlitit a{
	color:#299863;
	font-weight:bold;
	font-size:18px;}
.productlitext{
	width:150px;
	margin:auto;
	padding-top:7px;
	color:#fff;
	font-size:12px;}
.serviceout{
	width:1210px;
	margin:10px auto;}
.servicetit{
	width:1210px;
	text-align:center;
	height:130px;}
.servicetit img{
	width:100%;}
.serviceimg img{
	width: 1210px;
}
.servicelist{
	width:1210px;
	margin:auto;}
.servicelist ul{
	width:1130px;
	padding-left:80px;
	height:250px;
	margin:auto;}
.servicelist ul li{
	width:200px;
	text-align:center;
	float:left;
	overflow:hidden;
	margin:20px 30px;
	height:180px;}
.serviceliimg{
	margin:10px auto;
	width:100px;
	height:80px;
	background:#fff;
	padding-top:20px;
	overflow:hidden;
	border-radius:50px;
	text-align:center;}
.serviceliimg img{
	width:60px;
	height:60px;}
.servicelitext{
	width:200px;
	margin:auto;
	margin-top:30px;
	border-radius:10px;
	height:38px;}
.servicelitext a{
	color:#24A167;
	font-size:14px;}
.servicelitext font{
	font-size:12px;}


.servicelist ul li:hover .serviceliimg{
	display:none;}
.servicelist ul li:hover .servicelitext{
	display:none;}
.serviceliimg2{
	margin:10px auto;
	width:100px;
	height:80px;
	background:#23A066;
	padding-top:20px;
	overflow:hidden;
	border-radius:50px;
	text-align:center;}
.serviceliimg2 img{
	width:60px;
	height:60px;}
.servicelitext2{
	width:150px;
	margin:auto;
	margin-top:30px;
	border-radius:15px;
	padding-top:5px;
	background:#23A066;
	height:25px;}
.servicelitext2 a{
	color:#fff;
	font-size:14px;}
.youout{
	width:auto;}
.youtit{
	width: 1200px;
	margin:auto;}
.youtit img{
	width:100%;}
.abouthrtout{
	width:auto;
	height:800px;
	background:url(/skin/heruite/images/abouthrt.jpg);
	background-size:100%;}
.abouthrttit{
	width:890px;
	text-align:center;
	height:240px;
	padding-top:80px;
	margin:auto;}
.abouthrttit font{
	line-height:130px;
	font-size:40px;}
.abouthrtline1{
	width:80px;
	margin:auto;
	border-bottom:1px solid #093;}
.abouthrtline2{
	margin:auto;
	width:800px;
	border-bottom:1px solid #093;}
.abouthrtline3{
	width:80px;
	margin:auto;
	border-top:1px solid #093;}
.abouthrt{
	width:890px;
	margin:auto;
	background:#00CC33;}
.abouthrt_left{
	width:435px;
	margin-right:10px;
	float:left;
	font-size:13px;}
.abouthrt_left a{
	color:#239F63;
	font-size:16px;
	padding-top:5px;
	float:right;}
.abouthrt_mid{
	float:left;
	background:#339966;}
.abouthrt_mid img{
	height:320px;
	width:355px;}
.abouthrt_right{
	float:left;}
.abouttit1{
	width:30px;
	height:100px;
	text-align:center;
	padding-top:10px;
	background:#23A066;
	float:left;
	}
.abouttit1 a{
	color:#fff;}
.abouttit2{
	width:30px;
	height:100px;
	text-align:center;
	padding-top:10px;
	background:#53C490;
	float:left;
	}
.abouttit2 a{
	color:#fff;}
.abouttit3{
	width:30px;
	height:100px;
	text-align:center;
	padding-top:10px;
	float:left;
	background:#92E8C1;
	}
.abouttit3 a{
	color:#fff;}
.hrtworld{
	width:auto;}
.hrtworld img{
	width:100%;}
.contactus{
	width:auto;
	background-color: #363636;
	background-size:100%;}
.contactusout{
	width:1210px;
	margin:auto;
	height:300px;}
.contactus_left{
	width:850px;
	line-height:25px;
	padding-top:70px;
	margin-right:10px;
	color:#fff;
	padding-left:40px;
	float:left;}

.contactus_right{
	width:300px;
	color:#fff;
	padding-top:75px;
	float:left;}
.contactus_right img{
	width: 150px;
}


.pagetable{
    margin: 20px auto;
    text-align: center;
}
.pagetable tr td{
    padding: 0 5px;
}
.pagetable tr td a{
    border: 1px solid #ccc;
    padding: 3px 10px;
}

.foot0{
	width:auto;
	height:130px;
	border-top:1px solid #ccc;
	background:#E6E6E6;
	margin-top:10px;}
.foot1{
	width:1200px;
	height:130px;
	margin:auto;}
.footleft{
	width:320px;
	float:left;
	line-height:80px;
	height:130px;}
.footleft a{
	padding-right:10px;
	color:#0099FF;}
.footright{
	float:right;
	margin-top:30px;
	line-height:30px;
	height:130px;
	width:800px;}

.msg_div{
	position: fixed;
	right: 160px;
	top: calc(50% - 100px);
	width: 600px;
	height: 400px;
	display: none;
	background-color: white;
	z-index: 100;
}
.msg_close{
	height: 30px;
	line-height: 30px;
	position: relative;
	padding: 10px;
	border-bottom: 1px solid #CCCCCC;
	background-color: #40a067;
	color: white;
}
.msg_close img{
	width: 30px;
	float: right;
	cursor: pointer;
}
.msg_mid{
	padding: 10px;
}
.msg_mid input{
	width: 200px;
	height: 25px;
}
.msg_mid textarea{
	width: 550px;
	height: 150px;
}
.msg_mid button{
	background-color: #40a067;
	color: white;
	margin-top: 2px;
	width: 80px;
	height: 30px;
	cursor: pointer;
}