@charset "utf-8";
a{ color:#666; text-decoration:none;}
a:hover{ color:#000;-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;}
img{ border:0px;margin:0px;}
.m_top_l img{width:100%;}
ul,li,h1,p,h2,h3{ margin:0px; padding:0px; list-style:none; font-weight:normal}
div{ height:auto;}
input{font-family:"Microsoft Yahei";}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	color:#666;
	text-align:center;
	font-family:"Microsoft Yahei";
	font-size:16px;
	-webkit-font-smoothing: antialiased; 
	-moz-osx-font-smoothing: inherit | grayscale;
	-webkit-text-size-adjust: none
}
header,.m_top,.mb_show,.bot,.m_l_class{ display:none;}
.fl{ float:left;}
.fr{ float:right;}
.header{width:100%; line-height:36px; border-bottom:1px solid #ccc; font-size:0.75em; background:#e9e9e9; font-family:"宋体";}
.container{width:100%; max-width:1200px;height:auto; margin:0 auto; text-align:left;}
.header .hd2 a{ padding-left:10px; padding-right:10px;}

.h_top{width:100%; margin-top:15px; margin-bottom:15px;}
.ht2{ padding-left:15%; padding-top:30px;}
.h_top .ht2 .s{ border:1px solid #ccc;}
.h_top .ht2 .s .input{ float:left; height:26px;padding-right:8px;background:#fff;}
.h_top .ht2 .s .input input{ width:200px;border:none; background:#fff; color:#ccc;height: 24px;}
.h_top .ht2 .s .btn{ float:left;}
.h_top .ht3{ padding-top:20px;}

.bignav{width:100%; height:50px;float:left; background:#009307; color:#fff;}
.bignav .main-nav{ width:100%;float:left;margin:0px;list-style:none;font-size:1.25em}
.bignav .main-nav li{ width:12%; float:left; text-align:center; padding-left:2.5%; padding-right:2.5%;}
.bignav .main-nav li.li_l{width:12%; padding:0%; margin-right:1%;}
.bignav .main-nav li.li_r{width:12%; padding:0%; margin-left:1%;}
.bignav .main-nav li a{ width:100%; line-height:50px; color:#fff; float:left;}
.bignav .main-nav li a:hover{ background:#006a05;}
.bignav .main-nav li a.on{ background:#006a05;}

.banner{width:100%;border-top:1px solid #fff;}

.pagemain{ width:100%; padding-top:50px; padding-bottom:30px;}

.n_tit{width:100%; float:left; height:52px;background:url(../images/titbg_1.jpg) no-repeat top center; text-align:center; font-size:1.5em; padding-top:3px; padding-bottom:35px;}
.n_con{ width:100%; float:left; line-height:180%;}

.m_left{ width:23.5%; padding-right:3%;}
.p_left{ width:23.5%; padding-right:1.5%;}
.p_right{ width:75%;}
.m_right{ width:73.5%;}

.m_title{ width:100%; height:49px; background:url(../images/titbg.jpg);}
.m_title h1{ font-size:1.5625em; color:#fff; text-align:center; line-height:45px;}
.m_title h3{ text-align:center; font-size:1em; color:#fff; line-height:49px;}
.m_title h1 img{ float:right; padding-top:5px; padding-right:30px;}

.m_class{ width:99.5%; border-left:1px solid #267BCC; border-right:1px solid #267BCC; padding-top:30px; padding-bottom:20px;}
.class{ width:100%; float:left; padding-top:9px; padding-bottom:9px;}
.class a{ width:100%; height:47px;line-height:47px; text-align:center; font-size:1.125em; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; float:left;}
.class a:hover{ background:url(../images/titbg.jpg); color:#fff;}
.class a.on{background:url(../images/titbg.jpg); color:#fff;}

.m_weixin{ width:99.5%; border:1px solid #267BCC; padding-top:20px; padding-bottom:20px; text-align:center;}
.m_weixin .img{ border:1px solid #CCCCCC; padding:4px; margin-bottom:10px;}

.n_list{ width:100%; float:left; padding-bottom:60px;}
.n_list .img{ width:17.1875%; float:left; padding-right:2%}
.n_list .img img{ width:100%;}
.n_list .n_txt{ width:80.8125%; float:left;}
.n_list .n_txt h1{ font-size:1.1875em; border-bottom:1px solid #d2d2d2; line-height:40px; font-weight:bold;}
.n_list .n_txt h1 div{ font-size:1em; font-weight:100}
.n_list .n_txt p{ padding-top:10px; line-height:175%;}
.n_list .n_txt .mb_p{ display:none;}

.n_pageno{ width:100%; height:auto; float:left; margin-top:10px; text-align:center; line-height:45px;}
.n_pageno span a{ padding-left:8px; padding-right:8px; border:1px solid #ddd; padding-top:5px; padding-bottom:5px; margin-left:1px; margin-right:1px;}
.n_pageno span a:hover{ border:1px solid #ff0000;color:#ff0000;}
.n_pageno span a.on{ border:1px solid #ff0000;color:#ff0000;}

.news_page{ width:100%; float:left;}
.news_page h1{ border-bottom:1px solid #d2d2d2; line-height:50px; font-size:1.25em; font-weight:bold; text-align:center;}
.news_page .date{ width:100%; float:left; font-size:0.875em; line-height:35px; color:#999; text-align:center;}
.news_page .news_con{ width:100%; float:left; font-size:1.0625em; line-height:180%; padding-bottom:30px;}

.c_con{ width:100%; float:left;}
.c_con ul{ width:30.3333333%; float:left; margin-left:1.5%; margin-right:1.5%; text-align:center;position:relative; margin-bottom:22px;}
.c_con ul img{ height:290px; width:100%;}
.c_con ul div{ width:100%; height:50px; top:0px;padding-top:120px; z-index:2000;position:absolute; text-align:center; color:#fff; font-size:1.2em; opacity: 0.8; padding-bottom:120px;}
.c_con ul div h1{width:100%; font-size:1em; line-height:50px;background:#444;}
.c_con ul div:hover h1{ background:#006a05;opacity: 0.9;}
.c_con ul div:hover h1 span{ color:#fff;}
.c_con ul div:hover{background:none;opacity: 1; color:#fff;text-shadow: 1px 1px black, -1px -1px #000;-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;}

.pro{ width:100%; float:left;}
.single-departments-content {
	width:290px;
	margin-left:2px;
	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: 280px;
	border:1px solid #DFDFDF;
	padding:4px;
}
.single-department a:before {
	background: rgba(220, 220, 220, 0.2);
	content: "";
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	width: 100%;
	visibility: hidden; 
}
.single-department h3 {
	padding:8px 0;
	transition: all 0.3s ease-in-out; 
	font-size:1.125em;
}
.single-department:hover {
	background: rgba(220, 220, 220, 1);
	transform: scale(0.9); 
}
.single-department:hover h3 {
	color: #009307; 
}



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


/*chanpinxiangqing*/
.p_page{width:100%; float:left; padding-bottom:60px;}
.p_page .p_img{ width:39%; float:left; margin-right:3.5%; border:1px solid #e7ebee; text-align:center; padding-top:10px; padding-bottom:10px; min-height:250px}
.p_page .p_img img{ max-width:100%;}
.p_page .p_txt{ width:57%; float:left;}
.p_page .p_txt h1{ font-size:1.1875em; line-height:40px; font-weight:bold; }
.p_page .p_txt p{ padding-top:10px; line-height:180%; color:#7c7c7c; border-bottom:1px solid #e7ebee; padding-bottom:20px; margin-bottom:20px;}
.p_page .p_txt .cs{ width:100%; float:left; line-height:200%;}
.p_detail{ width:99.5%; height:auto; float:left; border:1px solid #e7ebee; margin-bottom:20px;}
.p_detail_menu{ width:100%; float:left; height:auto; background:#e7ebee;}
.p_detail_menu a{ float:left; line-height:55px; padding-left:30px; padding-right:30px; border-right:1px solid #d2d2d2; border-top:2px solid #e7ebee;}
.p_detail_menu a:hover{border-top:2px solid #004B8C; background:#fff; color:#004B8C;}
.p_detail_menu a.on{border-top:2px solid #004B8C; background:#fff; color:#004B8C;}
.p_detail_con{ width:94%; float:left; padding:3%; line-height:180%;}

/*search*/
.searchs{ width:100%; padding-top:30px; padding-bottom:30px;}
.view_t3{ width:100%; height:auto; float:left; padding-bottom:20px;}
.view_t3 h3{ float:left; padding:10px 0;font-size:16px;color:#294F84; font-weight:bold;}
.view_t3 i{ font-style:normal; color:#FF6600}
.prolist{ width:100%; height:auto; float:left; padding-bottom:20px}
.newslist{width:100%; height:auto; float:left;}
.newslist ul{ float:left; width:100%; line-height:25px;}
.newslist ul li{ float:left; width:46%; margin:2px 2% 2px 0; background:#fafafa; padding:5px 1%;}
.newslist ul li h3{ float:left; width:70%; font-weight:normal;}
.newslist ul li span{ float:left; width:30%; text-align:right; font-size:14px;}
.newslist ul li i{ color:#FF6600; font-style:normal;}
.newslist ul li a:hover i{color:#294F84;}

.page_menu{ width:100%; background:url(../images/botbg.jpg); padding-top:25px;}
.b_menu{ padding-right:110px;}
.b_menu div{ float:left; padding-right:90px; color:#fff;}
.b_menu div h1{ font-size:14px; padding-bottom:10px;}
.b_menu div p{ font-size:12px; line-height:200%;}
.b_weixin img{padding:4px; margin-bottom:10px; background:#fff; }
.b_weixin{ color:#ccc; padding-bottom:35px;}
.b_weixin p{ padding-left:20px;}
.b_menu a{ color:#fff;}

footer{ background:#006a05; width:100%; line-height:55px; text-align:center; color:#fff;}
.fnt12{ font-size:12px;}
.fnt14{ font-size:14px;}
.fnt20{ font-size:20px;}

.f_heiti{ font-family:"黑体"}
@media(max-width:480px){
body{ font-size:12px;}
h1,h2{ font-size:14px;}
.header,.bignav,.pagefoot,.h_top,.cp_show,.page_menu,.m_left,.pc_p,.p_left{ display:none;}
.m_top,.bot,.m_l_class,.mb_p{ display:block;}
.mb_show{ display:block;}
.m_top{width:100%; height:auto;float:left;}
.m_top_l{ float:left; padding-left:10px;width:82%;}
.m_top_r{ float:right;}
#navbar {
  max-width: 1000px;
  margin: 0 auto;
  padding-top:25px;
  padding-right:20px;
}

.menubtn {
 
  position: relative; 
  z-index: 101;
  color: #274a61;
  text-decoration: none;
  font-size: 0em;
  line-height: 0em;
  top: 2px;
  padding: 15px;
  background-image: url('../images/hamburger.png');
  background-position: 50% 50%;
  background-size: 25px 25px;
  background-repeat: no-repeat;
}
.menubtn:hover, .openmenu .menubtn {
  color: #bdd43e;
  background-image: url('../images/hamburger-active.png');
}

/** toggle menu **/
body.openmenu {
  position: fixed;
  overflow: hidden;
}

.overlay {
  position: fixed;
  z-index: 99;
  background-color: rgba(0,0,0,0.5);
  bottom: 0;
  right: 0;
  left: 300px;
  width:300px;
  height: 100%;
  display: none;
}

.openmenu .overlay {
  top: 0;
}

#hamburgermenu {
  height: 100%;
  width: 0;
  background: #e5e5e5;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 101;
  overflow: hidden;
  -webkit-box-shadow: 3px 0 7px rgba(0,0,0,0.55);
  -moz-box-shadow: 3px 0 7px rgba(0,0,0,0.55);
  box-shadow: 3px 0 7px rgba(0,0,0,0.55);
  width:300px;
  display: none;
}
#hamburgermenu ul {
  margin-top: 45px;
  z-index: 101;
  overflow-y: auto;
  overflow-x: hidden;
}
#hamburgermenu ul li {
  display: block;
}
#hamburgermenu ul li a {
  display: block;
  min-width: 130px;
  padding: 8px 8px;
  font-size: 1.25em;
  text-decoration: none;
  border-bottom:1px dotted #fff;
}
#hamburgermenu li a:hover {
  color: #fff;
  background: #ccc;
}

.pagemain{ width:96%; padding-left:2%; padding-right:2%;padding-top:20px; padding-bottom:20px;}
.n_tit{padding-bottom:15px;}
.m_l_class{ width:100%; float:left;}
.m_right,.p_right{ width:100%; padding-top:25px;}
.class{ width:31.33333%; float:left; margin-right:1%; margin-left:1%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; line-height:25px; padding-bottom:10px;}
.class a{ background:#dfdfdf; border:none;}

.n_list{ width:100%; float:left; padding-bottom:30px;}
.n_list .img{ width:30%; padding-right:3%}
.n_list .n_txt{ width:67%;}
.n_list .n_txt h1{overflow: hidden;text-overflow:ellipsis;white-space: nowrap; line-height:25px; padding-bottom:10px;}
.n_list .n_txt h1 div{ font-size:12px;}
.n_list .n_txt .mb_p{ display:block;}
.news_con img{ max-width:100%;}


.c_con ul{ width:97%; float:left; margin-left:1.5%; margin-right:1.5%; text-align:center;position:relative; margin-bottom:22px;}
.c_con ul img{ max-height:290px; width:100%;}
.p_page .p_img{min-height:auto}
.p_detail_con img{ max-width:100%;}

.single-departments-content {
	width:46%;
	margin-left:2%;
	margin-right:2%;
}
.single-department a img {
	width: 95%;
}

footer{ width:96%; padding-left:2%; padding-right:2%; line-height:35px; margin-bottom:80px;}
.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;}
.fnt20{ font-size:14px;}
.fnt14{ font-size:12px;}
}