a{ color:#666; text-decoration:none;}
a:hover{ color:#000;}
img{ border:0px;mamaily:"Microsoft Yahei";}
ul,li,h1,p,h2,h3{ margin:0px; padding:0px; list-style:none; font-weight:normal}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	color:#666;
	text-align:center;
	font-family:"Microsoft Yahei";
	font-size:100%;
	-webkit-font-smoothing: antialiased; 
	-moz-osx-font-smoothing: inherit | grayscale;
	-webkit-text-size-adjust: none
}
header{ display:none;}
.header{width:100%; height:auto;float:left; }
.container{width:100%; max-width:1200px;height:auto; margin:0 auto; text-align:left;}


.h_top{width:100%;line-height:36px; font-size:0.75em; float:left;}
.header .h_top a{ padding-left:10px; padding-right:10px;}
.t_top{ width:100%; float:left;}
.main-menu{ width:100%; height:50px;float:left; background:#009B4C;z-index: 9999999;}
.main-menu ul{ float:left; width:1200px; padding:0; }
.main-menu ul li{ width:14.2857%;float:left; height:auto; padding:0px; position:relative; font-size:1.25rem; }
.main-menu ul li a{ width:100%;float:left; line-height:50px; text-align:center; color:#fff;-webkit-transition:  0.2s ease-in 0s;-moz-transition:  0.2s ease-in 0s;-ms-transition:  0.1s ease-in 0s;-o-transition:  0.2s ease-in 0s;}
.main-menu ul li a:hover{width:98%;background-color:rgba(232,232,232,1);-webkit-transition:  0.2s ease-in 0s;-moz-transition:  0.2s ease-in 0s;-ms-transition:  0.1s ease-in 0s;-o-transition:  0.2s ease-in 0s; color:#333; padding-left:2%;}
.main-menu ul li a.on{ background:#e8e8e8; color:#333;}

.title{width:100%; height:auto; float:left; margin-top:1px; line-height:110px; border-bottom:1px solid #eee; background:#fafafa; border-top:1px solid #ccc; font-size:0.875em}

.content,.message,.news,.pro{width:100%; height:auto; float:left; padding-top:30px; padding-bottom:30px; line-height:200%;}
.f-tit{ width:100%; float:left; font-size:14px; line-height:250%;}
.f-input{width:100%; float:left;}
.f-sub{ width:100%; float:left; padding-top:20px;}
.f-input .input{ width:97%; line-height:42px; border:1px solid #eee; background:#f9f9f9; height:42px; padding-left:3%}
.f-input .inputs{ width:99%; line-height:42px; border:1px solid #eee; background:#f9f9f9;}
.f-sub input{ width:200px; height:50px; background:#FF7300; text-align:center; line-height:50px; color:#fff; border:none; font-family:"΢ÈíÑźÚ"; cursor:pointer}

/*news.asp*/
.n_list{ width:100%; float:left; padding-top:30px; padding-bottom:30px; border-bottom:1px solid #eaeaea;}
.n_date{ width:7%; padding-right:1%; float:left;}
.n_con{ width:92%;float:left;}
.n_date .na{ width:50px; height:50px; float:left; background:#eee; text-align:center; line-height:50px;}
.n_date .nb{width:50px; height:40px; float:left; background:#009B4C; text-align:center; line-height:40px; color:#fff;}
.n_con h1{ font-size:1.125em; font-weight:bold;}
.n_con p{ padding-top:5px;}
.n_con a.more{ color:#777;}

.n_tit{ width:90%; height:auto; float:left; background:#009B4C; line-height:50px; color:#fff; padding-left:10%; font-size:1.25em; margin-top:20px; margin-bottom:10px;o}
.n_class{ width:100%; float:left;}
.n_class a{ width:90%; height:auto; float:left; background:#eee; margin-bottom:5px; padding-left:10%; line-height:38px; color:#333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.n_class a:hover{background-color:rgba(255,115,0,1);-webkit-transition:  0.2s ease-in 0s;-moz-transition:  0.2s ease-in 0s;-ms-transition:  0.1s ease-in 0s;-o-transition:  0.2s ease-in 0s; color:#fff;}
.n_class a.on{ background:#FF7300; color:#fff;}
.f20 ul{ width:100%; float:left; line-height:200%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}


.pageno{ width:100%; height:auto; float:left; margin-top:10px; line-height:45px;}
.pageno span a{ padding-left:5px; padding-right:5px; border:1px solid #ff6600; padding-top:5px; padding-bottom:5px; margin-left:1px; margin-right:1px; }
.pageno span a:hover{ padding-left:5px; padding-right:5px; border:1px solid #ff6600; padding-top:5px; padding-bottom:5px;  color:#ff6600;}
.pageno span a.on{ padding-left:5px; padding-right:5px; border:1px solid #ff6600; padding-top:5px; padding-bottom:5px; color:#ff6600;}

/*news_show.asp*/
.page_d{ float:left; width:100%;font-size:0.8275em; padding-bottom:20px; color:#999;}
.page_con{ float:left; width:100%; line-height:200%;}

/*product.asp*/
.single-departments-content {
	width:300px;
	margin-left:5px;
	margin-right:2px;
	text-align:center;
	float:left;
}
.single-department {
	transition: all 0.3s ease-in-out 0s;
	width: 100%;
	padding-top:2px;
}
.single-department a {
	position: relative;
	display: block;
	transition: all 0.3s ease-in-out; 
}
.single-department a img {
	width: 290px;
	border:1px solid #d2d2d2;
	padding:4px;
	height:248px;
}
.single-department a:before {
	background: rgba(0, 155, 76, 0.2);
	content: "";
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	width: 100%;
	visibility: hidden; 
}
.single-department h3 {
	padding: 10px 0;
	transition: all 0.3s ease-in-out; 
	font-size:1em;
}
.single-department:hover {
	background: rgba(0, 155, 76, 1);
	transform: scale(0.9); 
}
.single-department:hover h3 {
	color: #ffffff; 
}

.single-department:hover img {
	border:none;
	padding:5px;
}

.single-department:hover a:before {
	visibility: visible;
	opacity: 1; 
}

.pro_con{ float:left; width:100%; line-height:200%;}
.pro_con img{ margin-bottom:5px;}

footer{width:100%; height:auto; float:left; line-height:200%;font-size:0.875rem; padding-bottom:20px; padding-top:30px; background:#fafafa;}

.f27{ width:27%;}.f69{ width:69%;}.f65{ width:65%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}.f35{ width:35%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;display: -webkit-box; -webkit-line-clamp: 1;-webkit-box-orient: vertical;text-align:right;}.f70{ width:60%;}.f30{ width:40%; text-align:center; padding-top:50px; text-align:right;}.f15{ width:15%;}.f85{ width:85%;}.f80{ width:80%;}.f20{ width:17%; padding-left:3%;}.f-l{ float:left;}.f-r{ float:right;}.mt10{ margin-top:10px;}.mt25{ margin-top:25px;}.mt30{ margin-bottom:30px;}.red{ color:#FF0000}
.float-div{position:fixed; float:right;bottom:90px;width:100%;z-index:96; text-align:right; right:-30px;cursor:pointer;}

.a100{ width:100%; float:left; padding-bottom:20px;}
.a65{ width:65%;}
.a35{ width:35%; padding-top:70px;}
.a35 img{ max-width:90%;}
.t-l{ text-align:right;}
.bot{ display:none;}
@media(max-width:800px) {

}
@media(max-width:480px){
html,body{overflow-x:hidden;}
	.header ,.main-menu{
        display: none ;
    }
	header{ display:block; height:70px}
	
	.mobile-menu-area {background: #ddd none repeat scroll 0 0;}
	.mobile-menu .logo {
		left: 10px;
		position: absolute;
		top: 8px;
		z-index: 99999999 !important;
	}
	.mobile-menu .logo img {
		height: 70px;
		width: 148px;
	}
	
	.title,.content,.message,.news,.pro{width:96%;padding-left:3%; padding-right:3%;}
	.single-departments-content {
		width:46%;
		margin:1%;
	}
	.single-department a img {
		width: 90%;
		height:150px;
	}
	
	footer{ line-height:180%;padding-bottom:90px;}
	.f80{ width:100%;}
	.f20{ display:none;}
	
	.message .f-r{ display:none;}
	.f15{ width:28%;}
	.f15 img{ width:90%;}
	.f85{ width:72%;}
	.mt10{ margin-top:0px;}
	.f70{ width:100%;}
	.n_date{ width:13%; padding-right:1%; float:left;}
	.n_con{ width:86%;float:left;}
	.a65{ width:100%;}
	.a35{ width:100%; text-align:center;}
	.t-l{ text-align:center;}
	.pro_con img{ width:100%;}
	.bot{ display:block;}
	.bot{position:fixed;bottom:0;width:100%;height:80px;line-height:23px;z-index:9999;_bottom:auto;_width:100%;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); background:#383836}
	.bot div{ width:25%; float:left; padding-top:5px; text-align:center; color:#fff; padding-bottom:6px;}
	.bot div a{ color:#fff;}
	
}