@charset "utf-8";
/* CSS Document */

html{overflow-x:hidden;}
body{font-size:12px;font-family:'微软雅黑';}
*{padding:0;margin:0;list-style:none;}
a{text-decoration:none;color:#666;} 
.center{max-width:800px;min-width:320px;margin: 0 auto; overflow:hidden}
.f-l{float:left}
.f-r{float:right}
/*头部*/
.head{position: fixed;z-index:99;width:100%;max-width:800px;min-width:320px;left:0;right:0;margin:auto;height:50px;background:#339933;box-shadow: 0 0 2px rgba(0,0,0,0.3)}
.head .logo {height:50px;padding:3px;}
.head .logo img{height:45px;}
.head .nav{height:50px;padding:15px 10px;}
.head .nav img{height:20px;}
.head-bg{height:50px;}	
/*头部*/
	
/*导航*/
.dofr{ display:block; overflow:hidden; float:right;}
.domr{ display:block; overflow:hidden; float:none; margin-left:auto; margin-right:auto;}
.index_nav{ display:block;width:0%;max-width:800px;height:100%;min-height:100%;max-height:100%;z-index:20000; overflow:hidden;position:fixed;top:0px;overflow:hidden; background:rgba(0,0,0,0);-webkit-transition:background 1s ease;-moz-transition:background 1s ease;-ms-transition:background 1s ease;-o-transition:background 1s ease;transition:background 1s ease}
.index_nav .box{position:absolute;top:0;width:40%;height:100%;min-height:100%;max-height:100%;background:#339933;left:100%;}
.index_nav .tit{width:90%;height:50px;line-height:50px; background:rgba(0,0,0,0.2); padding:0 10px;color:rgba(255,255,255,0.9);font-size:16px;}
.index_nav .tit img{width:30px;height:30px;margin:10px 0 0;}
.index_nav .uls{width:100%;padding:5px 10px;}
.index_nav li{overflow:hidden;width:100%;}
.index_nav li a{width:100%;height:40px;line-height:40px;font-size:15px;border-bottom:rgba(255,255,255,0.2) dashed 1px;color:rgba(255,255,255,0.9);}

.index_nav.nav-active{background:rgba(0,0,0,0.7);}
.index_nav.nav-active .box{left:60%}
.tran_all{-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease}
/*导航*/
	
/*banner*/
a:focus{outline:none}
a:hover,a:active{outline:none}:focus{outline:none}
.focus{width:100%;margin:0 auto;display:block; position:relative;overflow:hidden;background-color:#222}
.focus .hd{ width:100%; height:8px;  position:absolute; z-index:1; bottom:10px; text-align:center;  }
.focus .hd ul{ display:inline-block; height:8px;   font-size:0; }
.focus .hd ul li{ display:inline-block; width:8px; height:8px; -webkit-border-radius:10px;-ms-border-radius:10px; -moz-border-radius:10px; border-radius:10px; background:#000; margin:0 3px;  overflow:hidden; opacity:0.2  }
.focus .hd ul .on{ background:#339933;opacity:1 }
.focus .bd{ position:relative; z-index:0; }
.focus .bd li img{display:block; width:100%;   }
.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0) }
	/*banner*/
	
/*关于我们*/
.about-content{padding:0 10px;line-height:1.6;color:#888}
.about-content h2{margin-bottom:10px;font-size:18px;color:#666;font-weight:700}
.index-tit{position:relative;margin:30px auto 20px;width:300px;height:50px;text-align: center;overflow:hidden}
.index-tit:before{position:absolute;content:'';left:0;top:15px;width:0;height:25px;border-left:1px solid #ccc;transform:scaleX(0.5);-ms-transform: scaleX(0.5);-webkit-transform: scaleX(0.5);-o-transform: scaleX(0.5);-moz-transform: scaleX(0.5);}
.index-tit:after{position:absolute;content:'';right:0;top:15px;width:0;height:25px;border-right:1px solid #ccc;transform:scaleX(0.5);-ms-transform: scaleX(0.5);-webkit-transform: scaleX(0.5);-o-transform: scaleX(0.5);-moz-transform: scaleX(0.5);}
.index-tit h2{height:30px;line-height:30px;font-size:22px;color: #5e5c5c;font-weight:700}
.index-tit h2 span{position:relative;display:inline-block;height:30px;line-height:30px;padding:0 10px}
.index-tit h2 span:before{position:absolute;content:'';right:100%;top:15px;width:200%;height:0;border-top:1px solid #ccc;transform:scaleY(0.5);-ms-transform: scaleY(0.5);-webkit-transform: scaleY(0.5);-o-transform: scaleY(0.5);-moz-transform: scaleY(0.5);}
.index-tit h2 span:after{position:absolute;content:'';left:100%;top:15px;width:200%;height:0;border-top:1px solid #ccc;transform:scaleY(0.5);-ms-transform: scaleY(0.5);-webkit-transform: scaleY(0.5);-o-transform: scaleY(0.5);-moz-transform: scaleY(0.5);}
.index-tit h3{height:20px;height:20px;line-height:20px;font-size:12px;color:#339933;text-transform: uppercase;}
.index-tit h3 span{position:relative;display:inline-block;height:12px;line-height:12px;margin:4px auto;padding:0 10px;border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6;}
.index-tit h3 span:before{position:absolute;content:'';right:100%;bottom:6px;width:200%;height:0;border-bottom:1px solid #ccc;transform:scaleY(0.5);-ms-transform: scaleY(0.5);-webkit-transform: scaleY(0.5);-o-transform: scaleY(0.5);-moz-transform: scaleY(0.5);}
.index-tit h3 span:after{position:absolute;content:'';left:100%;bottom:6px;width:200%;height:0;border-bottom:1px solid #ccc;transform:scaleY(0.5);-ms-transform: scaleY(0.5);-webkit-transform: scaleY(0.5);-o-transform: scaleY(0.5);-moz-transform: scaleY(0.5);}
.index-tit.type2 h2{color: #fff;}
.index-tit.type2 h3 span{border-left:1px solid #777;border-right:1px solid #777;}
	
.about-pic{padding:10px;}
.about-pic img{width:100%}

.about-ul li{float:left;width:16.666%;text-align:center}
.about-ul li p{width:45px;height:45px;line-height:46px;margin:auto;color:#fff;font-size:12px;background-color:#339933;border-radius:100%}
	/*关于我们*/
	
/*产品中心*/
.product-bg{padding:1px 0 30px;background-color:#f8f8f8}
.product-list ul{padding:0 5px;}
.product-list ul li{float:left;width:50%;padding:5px;box-sizing: border-box;}
.product-list ul li a{display:block;width:100%;text-align:center;background-color:#fff;border:1px solid #e9e9e9}
.product-list ul li .imgs{width:100%;height:0;padding-bottom:100%;position:relative}
.product-list ul li .imgs .box{position:absolute;left:0;top:0;width:100%;height:100%;font-size:0;}
.product-list ul li .imgs .box span{display:inline-block;height:100%;vertical-align:middle}
.product-list ul li .imgs .box img{width:100%;vertical-align:middle;}
.product-list ul li .txt{padding:10px;height:73px;border-bottom:3px solid #339933}
.product-list ul li .txt .tit{height:30px;line-height:30px;color:#339933;font-size:15px;font-weight:700}
.product-list ul li .txt p{height:20px;line-height:20px;color:#999;font-size:12px;}
a.readmore{display:block;margin:20px auto 0;width:160px;padding:10px 0;text-align:center;background-color:#339933;color:#fff;border-radius:100px}
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {*zoom:1;}
.clearfix {display:block;}
.text-overflow{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
	/*产品中心*/
	
/*四大优势*/
.integrated{margin-top:20px;padding:1px 0 20px;background: url(../images/chanp-ys.jpg) no-repeat center;background-size:cover}
.integrated-box{width:100%;border-spacing:10px}
.integrated-box td{padding:10px 15px 15px;width:50%;background-color:#fff;vertical-align:top}
.integrated-box td h4{position:relative;height:50px;line-height:30px;padding-top:20px;color:#339933;font-weight:700;font-size:16px}
.integrated-box td h4:after{content:'';position:absolute;right:0;top:0;width:50px;height:50px;background: url(../images/icon-02.png) no-repeat;background-size:auto 100px;}
.integrated-box td p{margin-top:5px;line-height:1.6;font-size:12px;color:#888}
.integrated-box td .h41:after{background-position:0 0}
.integrated-box td .h42:after{background-position:-50px 0}
.integrated-box td .h43:after{background-position:0 -50px}
.integrated-box td .h44:after{background-position:-50px -50px}
	/*四大优势*/
	
/*新闻中心*/
.news-list { padding:10px;}
.news-list ul li{border-top:1px solid #eee}
.news-list ul li:first-child{border-top:none}
.news-list ul li a{display:block;padding:10px;}
.news-list ul li .imgs{float:left;width:120px;height:90px;}
.news-list ul li .imgs img{width:120px;height:90px;}
.news-list ul li .txt{margin-left:130px;height:90px;}
.news-list ul li .txt .tit{width:100%;height:20px;line-height:20px;color:#339933;font-weight:700}
.news-list ul li .txt .desc{margin-top:5px;height:36px;line-height:18px;font-size:12px;color:#999;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.news-list ul li .txt .date{margin-top:10px;font-size:10px;color:#999}
.height30{height:30px;clear:both;zoom:1;line-height:0;font-size:0;}
	/*新闻中心*/
	
	/*底部*/
.foot-tel{padding:20px;text-align:center;line-height:1.5;border-top:1px solid #e5e5e5}
.foot-tel .p1{color:#333;font-size:20px;font-weight:700}
.foot-tel .p2{color:#999;font-size:13px;}
.foot-tel a{display:inline-block;margin-top:10px;padding:10px 30px;padding-left:55px;color:#fff;;border-radius:3px;background:url(http://www.junleiqm.com/m/Templates/qimu/imgs/tel.png) no-repeat 30px center #339933;background-size:auto 20px}
.h_pic{ width:100%; background-color:#339933;color:#fff;font-size:12px;padding:10px 0;text-align:center;}
.h_pic p{padding:5px 10px;line-height:1.2}
.h_pic p a{color:#fff;font-size:12px;}
.h_cen{padding:0 10px;margin:auto}

.top_barbg{height:45px;}
.top_bar { position: fixed; z-index: 900; bottom: 0; left: 0;max-width:800px;min-width: 320px;right: 0; margin: auto;background:#fff;box-shadow:0 0 1px rgba(0,0,0,0.3) }
.top_menu { display:-webkit-box; display: block; width: 100%; height:45px; display: -webkit-box; display: box; margin:0; padding:5px 0 0; -webkit-box-orient: horizontal;}
.top_bar .top_menu>li { width:25%; text-align:center; }
.top_menu li:first-child { background:none; }
.top_bar .top_menu li a { line-height:20px; display:block; text-align:center; color:#333; text-decoration:none;-webkit-box-flex:1; }
.top_bar .top_menu li a label {display: block;height: 20px; width: 100%; font-size:12px; overflow:hidden;color: #333; }
.top_bar .top_menu>li>a img { display: block; height: 20px; margin:auto   }
.top_bar li:first-child a { display: block; }

/*内页*/

/*单篇*/
.content_dy {padding:10px; margin:1.5em 0; overflow:hidden;}
.content_dy h2{font-size:1.6em;margin:0 0 25px;text-align:center;color:#555; }
.about_dy {font-size:1.1em;line-height:2em; }
.about_dy img {max-width:100%;}
.about_dy p {line-height:2em; }

.news-list h2{font-size:1.6em;margin:0 0 25px;text-align:center;color:#555; margin:1.5em 0;}
.product-list h2{font-size:1.6em;margin:0 0 25px;text-align:center;color:#555; margin:1.5em 0;} 

.news_con{ padding:10px;}
.news_con h1{font-size:1.6em;margin:0 0 25px;text-align:center;color:#555}
.news_con .time{font-size:0.9em;color:#999;border-bottom:1px solid #ddd;margin-bottom:10px;padding-bottom:5px;text-align:center}
.news_con .content{width:100%;color:#666;line-height:26px; font-size:13px; padding-bottom:20px;}
.news_con .content img{max-width:100%}
.pn {border-top:1px solid #e5e5e5; padding-top:10px;}

/*页码样258式*/
.pageNavi {
	PADDING-RIGHT: 0px; BORDER-TOP: #ddd 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 25px; MARGIN: 10px auto 0px; WIDTH: 98%; PADDING-TOP: 10px; TEXT-ALIGN: center
}

.pageNavi1 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 25px; MARGIN: 10px auto 0px; WIDTH: 98%; PADDING-TOP: 10px; TEXT-ALIGN: center
}
.wp-pagenavi {
	CLEAR: both
}
.wp-pagenavi A {
	BORDER-RIGHT: #bfbfbf 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #bfbfbf 1px solid; PADDING-LEFT: 10px; PADDING-BOTTOM: 5px; MARGIN: 2px; BORDER-LEFT: #bfbfbf 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #bfbfbf 1px solid; TEXT-DECORATION: none;border-radius:5px;
}
.wp-pagenavi SPAN {
	BORDER-RIGHT: #bfbfbf 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #bfbfbf 1px solid; PADDING-LEFT: 10px; PADDING-BOTTOM: 5px; MARGIN: 2px; BORDER-LEFT: #bfbfbf 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #bfbfbf 1px solid; TEXT-DECORATION: none;border-radius:5px;
}
.wp-pagenavi A:hover {
	BORDER-LEFT-COLOR:#339933; BORDER-BOTTOM-COLOR:#339933; BORDER-TOP-COLOR:#339933; BORDER-RIGHT-COLOR:#339933;background:#339933; color:white; PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 5px; MARGIN: 2px; PADDING-TOP: 5px;
}/*当前指上页码的边框色*/

.wp-pagenavi SPAN.current {
	BORDER-LEFT-COLOR:#339933; BORDER-BOTTOM-COLOR:#339933; BORDER-TOP-COLOR:#339933; BORDER-RIGHT-COLOR:#339933; background:#339933; PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 5px; MARGIN: 2px; PADDING-TOP: 5px; border:#339933 1px solid;border-radius:5px;
}/*当前选中页码的背景色*/