/* CSS Document */

/*______________________________________________________________________
______________________________________________________________________*/
body, form {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
body, td, th, input, textarea {
	font-family: "΢ÈíÑźÚ", Arial;
	font-size: 12px;
	color: #6b6b6b;
	margin: 0;
	padding: 0;
}
a {
	color: #6b6b6b;
	text-decoration: none;
}
ul, li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.sv2 {
	width: 415px;
	height: 198px;
	font-size: 12px;
	line-height: 1.5em;
	overflow: hidden;
	list-style: none;
}
.sv2 li {
	width: 335px;
	height: 198px;
	overflow: hidden;
}
.sv2 li.last {
	width: 300px;
	border-right: 0;
}
.sv2 li.last div {
	width: 292px;
}
.sv2 span {
	width: 10px;
	white-space: pre-wrap;
	display: block;
	cursor:pointer;
}
.sv2 li img {
	width: 295px;
}
.sv2 div {
	/*background-color:#000;*/
	/*opacity:0.6;
	filter:alpha(opacity=60);*/
	color: #FFF;
	padding: 5px 0px;
	width: 295px;
	text-align: center;
}
.sv2 li a:link, .sv2 li a:visited, .sv2 li a:hover, .sv2 li a:active {
	color: #Fff;
	font-weight: bold;
	text-decoration: none;
	padding-right: 10px;
}
.sort .title img{
	display:block;
	height:80px;
}
.sort .title a{
	display:block;
	float:left;
	margin:0px 1px;
	padding:10px 15px;
	font-size:16px;
	text-align:center;
	color:#fff;
}
.sort .title .a1{
	background:#009241;
}
.sort .title .a2{
	background:#e67817;
}
.sort .title .a3{
	background:#0067ac;
}
.sort .title .a4{
	background:#ae251b;
}
.sort .title .A{
	background:url(../images/sort_titleA.jpg) no-repeat center bottom;
	padding-bottom:21px;
	background-color:#666;
}
#care_prevnext{
	position:absolute;
	z-index:99;
	width:680px;
	height:250px;
	padding-top:200px;
	position:0px;
	margin:0px;
}
#care_prevnext a{
	display:block;
	width:64px;
	height:64px;
	font-size:0px;
	position:absolute;
}
#care_prevnext .prev{
	background:url(../images/care_prev.png) no-repeat;
	background-position:0px 0px;
	left:0px;
}
#care_prevnext .next{
	background:url(../images/care_next.png) no-repeat;
	background-position:0px 0px;
	right:0px;
}
#care_prevnext a:hover{
	background-position:0px -64px;
}
#care{
	width:680px;
	height:450px;	
	margin:0px;
	overflow:hidden;
}
#care li{
	width:680px;
	height:450px;
	position:relative;
	overflow:hidden;
	padding:0px;
	list-style:none;
	display:block;
}
#care li .name{
	height:40px;
	line-height:40px;
	color:#fff;
	font-size:16px;
	text-align:center;
	width:680px;
	position:absolute;
	z-index:2;
	bottom:0px;
	opacity:0.8;
}
#care li .namebg{
	height:40px;
	background:#000;
	width:680px;
	position:absolute;
	z-index:1;
	bottom:0px;
	opacity:0.8;
}
#care_list{
	width:210px;
	height:435px;
	margin-top:10px;
	overflow: hidden;
}
#care_list a{
	display:block;
	background:url(../images/news_xx04.jpg) no-repeat;
	background-position:2px 12px;
	padding:5px 0px 5px 10px;
	border-bottom:1px dotted #ccc;
}
#care_list .A{
	background:#01458e;
	color:#fff;
	font-size:13px;
	border:0px;
}
.jobtags .tags_title{
	background:#ddd;
	border:0px;
	color:#00923f;
	margin-top:10px;
}
#news{
	width:454px;
	text-align:left;
}
#news a{
	font-size:12px;
	color:#666;
	font-weight:normal;
	display:block;
	padding:3px 0px;
	position:relative;
}
.handle{
	display:block;
	font-size:12px;
	color:#666;
	padding:5px 0px;
}
.handle:hover{
	text-decoration:underline;
	color:#00923f;
}
.handle span{
	float:right;
	color:#ccc;
}
.noData{
	color:#ccc;
	text-align:left;
	padding:15px 0px;
}
.menu_top {
	font-family: "΢ÈíÑźÚ", Arial;
	font-size: 14px;
	font-weight: 600;
	color: #3d3d3d;
}
.index_news01 {
	font-family: "΢ÈíÑźÚ", Arial;
	font-size: 18px;
	font-weight: 500;
	color: #00923f;
}
.index_news02 {
	font-family: Arial, "΢ÈíÑźÚ";
	font-size: 16px;
	font-weight: 500;
	color: #cfcfcf;
	text-transform: uppercase;
}
.index_news03 {
	font-family: "΢ÈíÑźÚ", Arial;
	font-size: 14px;
	font-weight: 600;
	color: #014d9f;
}
.index_news04 {
	font-family: Arial, "΢ÈíÑźÚ";
	font-size: 12px;
	color: #b7b7b7;
}
.index_news05 {
	font-family: Arial, "΢ÈíÑźÚ";
	font-size: 12px;
	color: #9ac1eb;
}
.index_projects01 {
	font-family: "΢ÈíÑźÚ", Arial;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
}
.index_projects02 {
	font-family: "΢ÈíÑźÚ", Arial;
	font-size: 14px;
	font-weight: 500;
	color: #FFF;
	padding-top: 8px;
	line-height: 14px;
}
.index_bt01 {
	font-family: "΢ÈíÑźÚ", Arial;
	font-size: 16px;
	font-weight: 500;
	color: #00923F;
}
.index_bt02 {
	font-family: Arial, "΢ÈíÑźÚ";
	font-size: 12px;
	text-transform: uppercase;
	color: #bababa;
	line-height: 16px;
}
.index_bt03 {
	margin-top: 2px;
}
.index_bt04 {
	font-family: "΢ÈíÑźÚ", Arial;
	font-size: 16px;
	font-weight: 500;
	conlor: #858786;
}
.index_bottom01 {
	font-family: "΢ÈíÑźÚ", Arial;
	font-size: 12px;
	line-height: 22px;
	padding-top: 20px;
}
.index_bottom01 a:hover{
	text-decoration:underline;
}
.index_bottom02 {
	font-family: "΢ÈíÑźÚ", Arial;
	font-size: 12px;
	font-weight: 600;
	color: #010101;
}
.index_bootom03 {
	font-family: "΢ÈíÑźÚ", Arial;
	font-size: 12px;
	line-height: 20px;
	padding-right: 10px;
}
.menu_01 {
	position: absolute;
	z-index: 9;
	width: 960px;
	left: 50%;
	margin-left: -478px;
	margin-top: 365px;
}
.menu_02 {
	font-family: "΢ÈíÑźÚ", Arial;
	font-size: 15px;
	font-weight: 400;
	color: #FFF;
}
.menu_02 a {
	display: block;
	height: 38px;
	line-height: 38px;
	text-align: center;
	text-decoration: none;
	font-family: "΢ÈíÑźÚ", Arial;
	font-size: 15px;
	font-weight: 400;
	color: #FFF;
}
.menu_02 a:hover {
	background: url(../images/menu_01.png) no-repeat top center;
	font-size: 15px;
	font-weight: 400;
	color: #FFF;
}
.menu_03 {
	font-family: "΢ÈíÑźÚ", Arial;
	font-size: 18px;
	font-weight: 560;
	color: #282828;
}
.ceo_01 {
	font-family: "΢ÈíÑźÚ", Arial;
	font-size: 13px;
	line-height: 24px;
	color: #666;
}
.about_01 {
	font-family: "΢ÈíÑźÚ", Arial;
	font-size: 13px;
	line-height: 24px;
	color: #666;
}
.jroject_01 {
	font-family: "΢ÈíÑźÚ", Arial;
	font-size: 13px;
	line-height: 26px;
	color: #666;
}
.jroject_02 {
	font-family: "΢ÈíÑźÚ", Arial;
	font-size: 20px;
	font-weight: 500;
	color: #004997;
	margin-bottom: 20px;
}
.jroject_02:hover{
	text-decoration:underline;
}
#media{
	width:240px;
	height:190px;
	overflow:hidden;
}
#media li{
	width:240px;
	height:190px;
}
.media_view h2{
	color:#333;
	display:block;
	margin:30px auto 10px auto;
}
.media_view span{
	display:block;
	color:#999;
	font-size:14px;
	margin:0px auto;
	padding:5px 0px 10px 0px;
	border-bottom:1px solid #ddd;
}
.media_view .prevnext{
	padding:20px 5px;
}
.media_view .prevnext a{
	display:block;
	float:left;
	margin-right:5px;
	background:#01458e;
	padding:5px 20px;
	color:#fff;
}
.media_view .prevnext a:hover{
	background:#00923f;
}
.news_01 {
	font-family: "΢ÈíÑźÚ", Arial;
	font-size: 12px;
	line-height: 20px;
	color: #898989;
}
.news_02 {
	font-family: "΢ÈíÑźÚ", Arial;
	font-size: 16px;
	font-weight: 500;
	color: #000;
}
.news_02:hover{
	text-decoration:underline;
	color:#00923f;
}
.news_03 {
	margin-top: 10px;
}
.news_04 {
	font-family: "΢ÈíÑźÚ", Arial;
	font-size: 16px;
	font-weight: 500;
	color: #4686C6;
}
.news_05 {
	font-family: "΢ÈíÑźÚ", Arial;
	font-size: 16px;
	font-weight: 500;
	color: #519b3d;
}
.news_06 {
	font-family: Arial, "΢ÈíÑźÚ";
	font-size: 12px;
	color: #999;
}
.news_07 {
	height: 22px;
	width: 160px;
	border: 1px solid #CCC;
}
.news_08 {
	font-family: "΢ÈíÑźÚ", Arial;
	font-size: 12px;
	line-height: 24px;
}
.news_08:hover{
	text-decoration:underline;
	color:#00923f;
}
.news_09 {
	font-family: Arial, "΢ÈíÑźÚ";
	font-size: 12px;
	color: #999;
	line-height: 24px;
}
.back{
	border:1px solid #ccc;
	background:#fff;
	display:inline-block;
	padding:0px 10px;
	border-radius:3px;
	margin-right:5px;

}
.back:hover{
	background:#00923f;
	border:1px solid #00923f;
	color:#fff;
}
.idea_01 {
	font-family: "΢ÈíÑźÚ", Arial;
	font-size: 15px;
	font-weight: 600;
	color: #004997;
}
.idea_02 {
	font-family: "΢ÈíÑźÚ", Arial;
	font-size: 13px;
}
.idea{
	font-size:14px;
	line-height:24px;
	color:#00923f;
}
.idea .tit{
	color:#01458e;
	font-size:16px;
	font-weight:bold;
}
.media a{
	display:inline-block;
	width:220px;
	height:190px;
	padding-right:20px;
}
.media a:hover{color:#00923f;}
.media a span{
	background:url(../images/media_span.jpg) no-repeat top center;
	display:block;
	padding:4px 0px 0px 4px;
	text-align:left;
	height:128px;
}
.media a:hover span{
	background:url(../images/media_span_a.jpg) no-repeat top center;
}
.idea {
	font-size:14px;
	line-height:24px;
	text-align:left;
}
.sort_01 {
	font-family: "΢ÈíÑźÚ", Arial;
	font-size: 20px;
	font-weight: 600;
	color: #00923F;
}
.sort_02 {
	margin-top: 10px;
	margin-bottom: 10px;
}
.sort_03 {
	margin-top: 6px;
}
.sort_04 {
	font-family: "΢ÈíÑźÚ", Arial;
	font-size: 13px;
}
.responsibility_01 {
	font-family: "΢ÈíÑźÚ", Arial;
	font-size: 18px;
	font-weight: 500;
	color: #000;
}
.responsibility_01:hover{
	color:#00923f;
}
.security_01 {
	font-family: "΢ÈíÑźÚ", Arial;
	font-size: 16px;
	color: #00923F;
}
.security_02 {
	font-family: "΢ÈíÑźÚ", Arial;
	font-size: 13px;
}
.strategy_01 {
	font-family: "΢ÈíÑźÚ", Arial;
	font-size: 13px;
	line-height: 24px;
}
.job_01 {
	font-family: "΢ÈíÑźÚ", Arial;
	font-size: 13px;
	line-height: 24px;
}
.volunteered_01 {
	height: 24px;
	padding-left:5px;
	border: 1px solid #d4d4d4;
}
.volunteered_02 {
	width: 500px;
	border: 1px solid #d4d4d4;
}
.volunteered_03 {
	color: #999999;
	border: 1px solid #d4d4d4;
	height: 24px;
}
.volunteered_04 {
	font-family: "΢ÈíÑźÚ", Arial;
	font-size: 13px;
}
.contact_01 {
	font-family: "΢ÈíÑźÚ", Arial;
	font-size: 24px;
	font-weight: bold;
	color: #000;
}
.contact_02 {
	font-family: "΢ÈíÑźÚ", Arial;
	font-size: 13px;
	line-height: 20px;
}
.contact_02 .tags_title{
	padding:15px 0px;
	font-size:20px;
	font-weight:bold;
	color:#333;
	text-align:left;
}
.case a {
	background: #fff;
	display: block;
	float: left;
	width: 230px;
	height: 140px;
	position: relative;
	margin: 5px 10px 15px 0px;
}
.case .titlebg {
	background: #000;
	opacity: 0.5;
	width: 230px;
	height: 30px;
	line-height: 30px;
	position: absolute;
	z-index: 9;
	left: 0px;
	bottom: 0px;
}
.case img {
	opacity: 0.5;
}
.case .title {
	font-family: "΢ÈíÑźÚ", Arial;
	font-weight: 500;
	font-size: 13px;
	color: #fff;
	padding: 0px 10px;
	text-align: left;
	height: 30px;
	line-height: 30px;
	position: absolute;
	z-index: 99;
	left: 0px;
	bottom: 0px;
}
.case a:hover img {
	opacity: 1;
}
.case a:hover .titlebg {
	background: #00923F;
	opacity: 1;
}
/*//´óͼÇл»*/
h1 {
	padding: 0px;
}
img {
	border: 0px;
}
#banner-arrowbg{
	position:absolute;
	z-index:9;
	height:35px;
	background:#000;
	width:100%;
	margin:461px auto 0px auto;
	opacity:0.5;
}
#banner-arrow{
	position:absolute;
	z-index:9;
	width:100%;
	margin:473px auto 0px auto;
	text-align:center;
}
#banner-arrow a{
	display:inline-block;
	margin:0px 5px;
	padding:0px 25px;
	height:12px;
	font-size:0px;
	background:#fff;
	border-radius:10px;
	border:0px solid #fff;
	box-shadow:inset 1px 1px 4px #888;
   -webkit-box-shadow: inset 1px 1px 4px #888;
   -moz-box-shadow: inset 1px 1px 4px #888;
}
#banner-arrow .activeSlide{
	background:#ffcc00;
	border:0px solid #ffcc00;
	box-shadow:none;
   -webkit-box-shadow:none;
   -moz-box-shadow: none;
}
#banner-index {
	min-width: 1000px;
	overflow: hidden;
	width: 100%;
	height: 425px;
	z-index: 1;
	top: 0px;
	margin: 70px auto 0px auto;
}
#banner-index li {
	height: 496px;
	width: 100%;
}
#banner_btn {
	display: inline;
	width: 900px;
	left: 50%;
	margin: 515px 0px 0px -450px;
	float: left;
	position: absolute;
	z-index: 99;
	text-align: center;
	top: 60px;
}
#banner_btn a {
	background: #000;
	color: #000;
	display: inline-block;
	width: 25px;
	height: 8px;
	text-decoration: none;
	margin: 0px 3px 0px 3px;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	line-height: 0;
	font-size: 0;
	overflow: hidden;
}
#banner_btn a.activeSlide {
	background: #0071d5;
	color: #0071d5 !important;
	filter: alpha(opacity=100)!important;
	-moz-opacity: 1.0!important;
	-khtml-opacity: 1.0!important;
	opacity: 1.0!important;
}
#banner_btn a:hover {
	filter: alpha(opacity=1000);
	-moz-opacity: 1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
}

#submit {
	border: 0px;
	background: #00923f;
	display: inline-block;
	padding: 7px 30px;
	font-size: 18px;
	color: #fff;
	cursor: pointer;
}
#submit:hover {
	background: #01458e;
}


.honor{ width:1000px; margin:0 auto; padding-top:10px; clear:both }

.honor_tit{ height:45px; background:url(../images/honor01.jpg) no-repeat; text-align:right;}
.honor_tit a{ margin-right:16px; font-family:"ËÎÌå"; line-height:45px; color:#fff; background:#132855; padding:3px 5px;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.honor_tit a:hover{ color:#1c376e; background:#e9e9e9;}

/* Æ·Åƹö¶¯*/
.partFourM{width: 1000px;height: 208px; background:#fff;}
.left{ display:none; width:49px; float:left; padding-top:104px; padding-left:6px;}
.right{ display:none; width:32px;padding-left:17px; text-align:right; float:left; padding-top:10px;}
.partFourCon{width: 1000px;float: left;overflow: hidden;height: 208px;position: relative;}
.pro li{float: left; overflow: hidden;height: 208px; margin-right:26px;display: inline;position: relative;}



.postlist {
	MARGIN: 15px 0px 0px
}
.postlist LI {
	PADDING-LEFT: 12px; BACKGROUND: url(https://www.hlfilters.com/english/Templates/cn2014/images/arrow.gif) no-repeat 0px 14px; FLOAT: left; WIDTH: 640px; LINE-HEIGHT: 32px; BORDER-BOTTOM: #ddd 1px dashed; HEIGHT: 32px
}
.postlist LI H3 {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; FLOAT: left; WIDTH: 500px
}
.postlist LI SPAN {
	FLOAT: right; WIDTH: 80px; COLOR: #666; TEXT-ALIGN: right
}
.productlist {
	MARGIN-TOP: 20px ; float:left; width: auto
}
.productlist li {
	PADDING-RIGHT: 6px; PADDING-LEFT: 6px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 5px 0px 10px; OVERFLOW: hidden; WIDTH: 205px; PADDING-TOP: 0px; HEIGHT: 190px
}
.productlist li IMG {
	BORDER-RIGHT: #e4e4e4 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #e4e4e4 1px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; BORDER-LEFT: #e4e4e4 1px solid; WIDTH: 200px; PADDING-TOP: 2px; BORDER-BOTTOM: #e4e4e4 1px solid; HEIGHT: 160px
}
.productlist li .product_name {
	DISPLAY: block; OVERFLOW: hidden; WIDTH: 200px; LINE-HEIGHT: 15px; HEIGHT: 15px; TEXT-ALIGN: center
}

.productlist{position:relative;}
.productlist span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px; width:300px;

}
.productlist span{ 
position: absolute;
padding: 3px;
border: 1px solid gray;
visibility: hidden;
background-color:#FFFFFF;
z-index:1;
}
.productlist:hover{
background-color:transparent;
}
.productlist:hover span{
position: absolute; 
visibility: visible;
left:-80px ; top:-100px;
}




.search {
	FLOAT: right; MARGIN: 5px 0px 12px; WIDTH: 245px; POSITION: relative
}
.searchInput {
	BORDER-RIGHT: #a0a0a0 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #a0a0a0 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 1px; BORDER-LEFT: #a0a0a0 1px solid; WIDTH: 180px; LINE-HEIGHT: 16px; PADDING-TOP: 3px; BORDER-BOTTOM: #a0a0a0 1px solid; HEIGHT: 16px; BACKGROUND-COLOR: #fff
}
.searchBtn {
	BACKGROUND: url(../images/bg.png) no-repeat right -48px; WIDTH: 48px; CURSOR: pointer; BORDER-TOP-STYLE: none; LINE-HEIGHT: 22px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; HEIGHT: 22px; TEXT-ALIGN: center; BORDER-BOTTOM-STYLE: none
}