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:100%;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;}
.main-menu ul li a.on{ background:#e8e8e8; color:#333;}

.banner{ width:100%; height:500px; float:left;z-index: 55; margin-top:3px;}
.m_banner{ display:none;}
.fullSlide {width:100%;position:relative;height:500px;z-index:5;}
.fullSlide .bd {margin:0 auto;position:relative;overflow:hidden;}
.fullSlide .bd ul {width:100% !important; list-style:none; margin:0px;}
.fullSlide .bd li {width:100% !important;	height:500px;overflow:hidden;text-align:center;}
.fullSlide .bd li a {display:block;height:500px;}
.fullSlide .hd {width:100%;position:absolute;bottom:0;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul {text-align:center;}
.fullSlide .hd ul li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:55px;height:10px;margin:1px;overflow:hidden;background:#CCCCCC;line-height:999px;}
.fullSlide .hd ul .on {background:#009B4C;}

.vr_about{ width:100%; height:auto; float:left; padding-top:50px;}
.vr_about .va_title{ width:100%; height:auto; float:left;}
.vr_about .va_title .a_tit{ width:11.7%; font-size:1.5625rem; text-align:center; color:#fff; background:#009B4C; line-height:45px;}
.vr_about .va_title .a_more{width:88.3%;  border-bottom:1px solid #e5e5e5; height:25px;text-align:right;}
.vr_about .va_title .a_more a{ color:#999;}

.vr_about .va_content{ width:100%; float:left; padding-top:30px; line-height:180%;}
.vr_about .va_content .a_img{ padding-right:4%;}


a.more{ width:130px;height:40px; float:left; line-height:40px;text-align:center; color:#fff; background:#FF7300;}
a:hover.more{background-color:rgba(70,91,95,0.8);-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;}

.vr_product{ width:100%; height:auto;float:left; background:#f2f2f2; margin-top:20px; padding-top:40px; padding-bottom:50px;}

.vr_product .left{ width:250px; height:auto; float:left; padding-right:29px; padding-top:5px;}
.vr_product .right{ width:921px; height:auto; float:left;}
.vr_product .left .vr_title{ width:100%; float:left; padding-bottom:20px;}
.vr_product .left .vr_title h2{
	width:250px;
	float:left;
	height:78px;
    font-size: 1.5625em;
    color: #fff;
	background:url(../images/classbg.png);
	text-align:center;
	line-height:60px;
}
.vr_product .left .class a{ width:91.91%; height:auto; float:left; border:1px solid #d2d2d2; background:#fff; margin-bottom:8px; padding-left:8%; line-height:38px; color:#333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.vr_product .left .class a:hover{border:1px solid #FF7300; 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;}
.vr_product .left .class a.on{ border:1px solid #FF7300; background:#FF7300;}

.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; 
}

.vr_honer .vr_content ul:hover .bmbox{ display:block;} 

.vr_cust{ width:100%; height:auto; float:left; padding-top:35px; margin-top:20px; padding-bottom:35px;}
.vr_cust .vr_title{ float:left; padding-right:10px}
.vr_cust .vr_title h2{
	width:235px;
	float:left;
	height:60px;
    font-size: 1.5625em;
    color: #fff;
	background:url(../images/khbg.jpg);
	text-align:center;
	line-height:60px;
}
.m_cus{ display:none;}
.vr_cust .pos td{ padding-right:20px;}
.vr_cust .pos img{ max-height:70px;}

.vr_news{ width:100%; height:auto;float:left;padding-top:30px; background:#f2f2f2; padding-bottom:20px;}
.vr_news .n_list{ width:100%; height:auto; float:left;}
.vr_news .n_list .n_tit{ width:100%; height:auto; float:left; padding-bottom:25px;}
.vr_news .n_list .n_tit h1{ font-size:1.875rem;color:#FF7300;}
.vr_news .n_list .n_tit .f-r{ padding-right:10%;}
.vr_news .n_list ul{ width:100%; height:auto; float:left; line-height:200%;color:#666;}
.vr_news .n_list ul li{ width:50%; float:left}
.vr_news .n_list ul a{ color:#666;}

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

.f27{ width:27%;}
.f69{ width:69%;}
.f15{ width:15%;}
.f85{ width:85%;}
.f-l{ float:left;}
.f-r{ float:right;}
.mt10{ margin-top:10px;}
.mt25{ margin-top:25px;}
.mt30{ margin-bottom:30px;}
.float-div{position:fixed; float:right;bottom:90px;width:100%;z-index:96; text-align:right; right:-30px;cursor:pointer;}
.bot{ display:none;}
@media(max-width:800px) {

}
@media(max-width:480px){
html,body{overflow-x:hidden;} 
	.header ,.main-menu,.banner{
        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;
	}
	nav{overflow-x:hidden}
	.m_banner{width:100%; float:left;z-index: 55; margin-top:3px;display:block;}
	.m_banner img{ width:100%;}
	

	.vr_about,.vr_product,.vr_cust,.vr_news,footer,.m_cus{width:96%;padding-left:3%; padding-right:3%;}
	.vr_about .va_title .a_tit{ width:28.7%;}
	.vr_about .va_title .a_more{width:71.3%; height:35px;}
	
	.vr_product .left{ width:100%;padding-right:0px;}
	.vr_product .right{ width:100%;}
	.vr_product .left .class a{ width:45.5%; padding-left:3%;}
	.single-departments-content {
		width:46%;
		margin:1%;
	}
	.single-department a img {
		width: 90%;
		height:150px;
	}
	
	.vr_news .n_list ul li{ width:100%;}
	
	.p_cus{ display:none;}
	.m_cus{ display:block; width:100%; margin-top:30px; float:left;}
	.m_cus ul{ width:45%; text-align:center; float:left; height:80px;}
	.m_cus ul img{ max-width:90%;}
	.vr_cust .vr_title{ width:100%;padding-right:0px}
	
	footer{ line-height:180%;padding-bottom:90px;}
	.f27{width:100%;text-align:center;}
	.f69{width:100%; padding-top:10px;}
	
	.f15{ width:28%;}
	.f15 img{ width:90%;}
	.f85{ width:72%;}
	.mt10{ margin-top:0px;}
	.float-div{right:-15px;}
	.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;}
	
}