a{ color:#333; text-decoration:none;}
a:hover{ color:#049352;; -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;}
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:#333;
	text-align:center;
	font-family:"Microsoft Yahei";
	font-size:18px;
	-webkit-font-smoothing: antialiased; 
	-moz-osx-font-smoothing: inherit | grayscale;
	-webkit-text-size-adjust: none;
}
.fl{ float:left;}
.fr{ float:right;}
header,.m_top,.mb_show,.mbot,.m_case,.m_banner,footer,.mb_banner{ display:none;}
.header{width:100%; line-height:35px;background:#049352; color:#fff;}
.header a{ color:#fff; padding-left:6px; padding-right:6px;}
.container{width:100%; max-width:1200px;height:auto; margin:0 auto; text-align:left;}
.containers{width:100%; max-width:1000px;height:auto; margin:0 auto; text-align:left;}
.h_top{width:100%; padding-top:37px; padding-bottom:22px; background:url(../image/jiantou_bg.jpg) top center; background-repeat:no-repeat;}
.h_top img{ max-width:100%;}
.pagemenu{ width:100%; float:left; background:#E5F4ED; height:50px; font-size:20px;}
.pagemenu .menu1{ float:left; padding-top:12px;}
.pagemenu .menu2{ width:135px;float:left; text-align:center;margin-top:15px;}
.pagemenu a.active{ color:#049352;}
.pagemenu a:hover{color:#049352;}

.blue_line{ width:100%; float:left; height:6px; background:#049352;}
.pagemain{ width:100%; float:left; background:#F8FCFA; padding-bottom:50px;}
.p_title{ padding-top:46px; padding-bottom:46px; font-size:14px; color:#777}
.p_title h1{ font-size:25px; color:#000; padding-bottom:3px;}

.n_nav{ width:100%; float:left; line-height:50px; font-size:12px; color:#666; background:url(../image/root.jpg) left center; background-repeat:no-repeat;}
.n_nav span{ padding-left:20px;}
.n_nav a{ color:#666;}

.left{ width:20%; background:#fff; float:left;overflow: hidden;}
.middle{ width:2%; float:left;}
.right{ width:78%; float:left; background:#fff;}
.MainLeft{ width: 100%; overflow: hidden; float: left;}
.l_nav{padding: 20px 20px}
.l_nav .NavTitle{ padding-left: 10px;color: #049352; font-size: 22px; font-weight: normal; border-left: 5px solid #049352; height: 25px;line-height: 25px; overflow: hidden;}
.NavLeft li {height: 50px; line-height: 50px; border-bottom: 1px solid #ddd; }
.NavLeft li a{display: block;padding: 0 20px;}
.NavLeft li a:hover{ background: #aaa; color: #fff;}
.NavLeft li a.active{ background: #049352; color: #fff;}
.NavLeft li a span{ float: right;}

.ConList li { border-bottom: 1px dotted #ddd;padding-bottom: 20px; margin-bottom: 20px;height: 125px;}
.ConList li img{ float: left; width: 200px; height: 125px; overflow: hidden; margin-right: 20px; }
.ConList h2 a{ font-size: 18px; color: #049352;}
.ConInfo p{line-height: 27px; height: 50px; margin: 8px 0; font-size:16px;}
.ConInfo span{ color: #999;;font-size: 12px;}
.ConInfo span a{ color: #666; border: 1px solid #ddd;width: 70px;font-size: 12px; padding:5px 10px; float: right; background: #f5f5f5;}
.ConInfo span a:hover{ background: #ddd;}
.ConRight{padding: 20px 30px 50px 30px;}
.ConRight h1,.ConRight .NavTitle{ padding-left: 10px;margin-bottom: 30px; color: #049352; font-size: 22px; font-weight: normal; border-left: 5px solid #049352; height: 25px;line-height: 25px; overflow: hidden;}
.NavTitle h1{ color: #0062c1; font-weight: normal; }
.l_elite{ width:94%; float:left;padding:15px 3%;}
.l_elite ul{ width:100%; float:left; text-align:center; padding-bottom:8px;}
.l_elite ul img{ width:95%; margin-bottom:8px; border:1px solid #ddd; padding:2%;}

.pagess{ width:100%; float:left; text-align:center; padding-top:30px;}

/*news_show*/
.newsTitle{ padding-left: 20px; padding-left: 20px; overflow: hidden;}
.newsShow{ padding: 20px; line-height: 200%;}
.newsShow img{ max-width: 696px;}
.newssx{ background: #f6f6f6; border-top: 1px #ddd solid; border-bottom: 1px #ddd solid; padding: 5px 20px; line-height: 32px; height: 32px; overflow: hidden;}
.newssx li{ float: left; width: 50%; font-size:14px;}
/*product*/
.p_list{ width:100%; float:left;padding-top:10px;}
.p_row{ width:22%; float:left; padding-left:1%; padding-right:1%;-webkit-box-shadow: 0 5px 15px #eee;box-shadow: 0 5px 15px #eee; background:#fff; padding-top:15px; padding-bottom:15px;margin-left:0.5%;margin-right:0.5%;margin-bottom:15px;}
.p_row img{ width:100%; height:170px}
.p_row h1{ width:100%; color:#049352; border-bottom:1px solid #049352; font-size:25px; line-height:50px; text-align:center;}
.p_row p{ width:100%; float:left; font-size:12px; line-height:180%; padding-top:8px; padding-bottom:8px;}
.p_row a.more{ text-decoration:none; float:left; width:100px; border:1px solid #ccc; text-align:center; line-height:30px; font-size:14px;border-radius:5px;}
.p_row a.more:hover{ color:#000; background:#e6e6e6;}

/*product_show*/
.ConPro{ overflow: hidden;}
.ProPic{ border: 1px solid #ddd; width: 650px; height: 435px; margin-top: 10px;}
.RollLeft,.RollRight{top: 197px; width: 40px; height: 40px; background: #333; color: #fff; line-height: 40px; font-size: 24px; text-align: center; opacity: 0.8; position: absolute;}
.RollLeft{left: 0;}
.RollRight{ right: 0;}
.ProThumb{ margin: 20px 0; height: 75px}
.ProThumb li{ float: left;  margin-right: 15px;  overflow: hidden;}
.ProThumb li a{width: 100px; height: 67px; display: block; border: 2px solid #fff;}
.ProThumb li a:hover,.ProThumb li.current a{ border: 2px solid #049352;}
.ProLabel{ border-bottom: 1px solid #ddd; height: 40px; }
.ProLabel li{ float: left; margin-right: 3px;}
.ProLabel li,.ProLabel li a{ display: block; height: 40px; width: 150px; text-align: center; line-height: 40px; background: #ddd; font-weight: bold;font-size: 15px; color: #555;}
.ProLabel .active,.ProLabel li a.active{ background: #049352; color: #fff;}
.ConText{ width:100%;font-size:14px;line-height: 27px;}
.ConText span{ font-weight: bold;font-size: 16px; color: #0062c1;}
.j-tab-nav .current a, .j-tab-nav a:hover{background-color: #049352;color: #fff}
.WrapInfo{ margin-top: 20px;}

.ConTextn{ width:100%;line-height: 35px;}
.ConText img{ max-width:100%;}
.ConTextn img{ max-width:100%;}

.pagefoot{ width:100%; float:left; background:#049352; padding-top:32px; padding-bottom:20px; font-size:15px; color:#fff;}
.pagefoot a{ color:#fff;}
.foot_tel{ float:left; line-height:180%;}
.foot_weixin{ float:left; padding-left:55px; text-align:center;}
.foot_weixin img{ padding-bottom:15px;}
.foot_adm{ float:left; padding-left:20px; padding-top:25px;}

.fnt12{ font-size:12px;}
.fnt20{ font-size:20px;}
.fnt25{ font-size:25px;}
.fnt30{ font-size:30px;}
.fnt35{ font-size:35px;}
.green{ color:#049352;}
.pd30{ padding-left:35px;}
@media(max-width:480px){
body{ font-size:14px;}
h1,h2{ font-size:16px;}
.header,.h_top,.cp_show,.pagemenu,.cp_banner,.l_title,.foot_weixin,.foot_adm{ display:none;}
.m_top,.bot,.m_l_class,.mb_banner,.mb_show,footer{ display:block;}
.mb_show{ display:block;}
.m_top{width:100%; height:auto;float:left; padding-top:10px; padding-bottom:10px; background:#E5F4ED; border-bottom:2px solid #049352}
.m_top_l{ float:left;}
.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: 26px;
  background-image: url('../img/hamburger.png');
  background-position: 50% 50%;
  background-size: 52px 31px;
  background-repeat: no-repeat;
}
.menubtn:hover, .openmenu .menubtn {
  color: #bdd43e;
  background-image: url('../img/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: 0;
}

.openmenu .overlay {
  top: 0;
}

#hamburgermenu {
  height: 100%;
  width: 0;
  background: #E5F4ED;
  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);
}
#hamburgermenu ul {
  margin-top: 45px;
  z-index: 101;
  overflow-y: auto;
  overflow-x: hidden;
}
#hamburgermenu ul li {
  display: block;
  width:40%; float:left;
  padding-left:5%; padding-right:5%;
}
#hamburgermenu ul li a {
  display: block;
  text-decoration: none;
  background:#049352;
  line-height:50px;
  color:#fff;
  margin-bottom:5px;
}
#hamburgermenu li a:hover {
  color: #fff;
  background: #ccc;
}
.mb_banner{ width:100%; float:left;}
.mb_banner img{ width:100%;}

.left{ width:100%; background:#fff; float:left;overflow: hidden;}
.middle{ display:none;}
.right{ width:100%; float:left; background:#fff;}


.ConList li {height: auto; width:100%; float:left;}
.ConList li img{ width: 150px; height: 100px;margin-right: 10px; }
.ConList h2 a{ font-size: 18px; color: #049352; line-height:200%;}
.ConInfo p{line-height: 27px; height: auto; font-size:14px;}
.ConInfo span{float:left; width:100%;}
.ConInfo span a{ color: #666; border: 1px solid #ddd;width: 70px;font-size: 12px; padding:5px 10px; float: right; background: #f5f5f5;}
.ConInfo span a:hover{ background: #ddd;}
.ConRight{padding: 20px 10px 20px 10px;}
.ConRight h1,.ConRight .NavTitle{font-size: 18px;}

.newsShow img{ max-width: 100%;}

.ConPro{ padding-bottom:30px;}
.p_row{ width:94%; float:left; padding-left:2%; padding-right:2%;margin-left:1%;margin-right:1%;}
.p_row h1{font-size:18px;}
.p_row img{height:auto}

.ProLabel li,.ProLabel li a{width: 130px;}
.ProPic{ border: 1px solid #ddd; width:98%; height:auto; margin-top: 10px; float:left; margin-bottom:20px;}
.ProPic img{ width:100%;}


.ConTextn{ width:100%;line-height: 25px;}

.pagefoot{ width:96%;font-size:14px; color:#fff;padding-left:2%; padding-right:2%;}

.g-ft{height:auto;position:relative;text-align:center;z-index: 1; width:100%; float:left; padding-top:15px;}

.social_nav5{height:4.958rem;position:fixed;bottom:0;min-width:320px;max-width:640px;width:100%;z-index:999;background:#03703F top center no-repeat; border-top:1px solid #fff;}
.social_nav5 li{height:4.958rem;width:25%; float:left; text-align:center; color:#fff;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; position:relative;}
.social_nav5 li:nth-child(2){position:relative;}
.social_nav5 li em{ width:28.75%; display:block; margin:0 auto; padding:0.75rem 0 0;height:1.92rem;}
.social_nav5 li em img{ width:100%;}
.social_nav5 li a{font-size:1rem;line-height:192%; color:#fff;}

.fnt12{ font-size:12px;}
.fnt20{ font-size:14px;}
.fnt25{ font-size:14px;}
.fnt30{ font-size:16px;}
.fnt35{ font-size:16px;}

}