body {font-family: "Helvetica Neue"; background: #fff; font-size: .7rem;line-height: 2rem;color: #333;}
img{border:none; max-width: 100%;}
li,ul{list-style-type:none;}
ul{ margin: 0;padding: 0;}
a,
a:focus,
a:hover{ color: #00ad2d; }
/*--- header ---*/
.h-top{ width: 100%; padding: 8px 0; line-height: 2em; color: #fff;  background: #000; overflow: hidden;}
.welcome{ float: left;}
.fav{ display: none; float: right; text-align: right;}
.fav a{ color: #fff;}
.fav a:hover{ color: #ff0;}
.header{ width: 100%; padding: 20px 0; border-bottom: 1px solid #738a90; overflow: hidden;}
.logo{ text-align: center;}
.logo img{ width: 100%; }
.tel{ display: none; float: right;}
/*--- nav ---*/
.navbar{ background: #eeeeee; margin-bottom: 0px; }
.navbar-nav{ width: 100%; padding: 0; margin: 0}
.navbar-nav li{ width: 20%; height: 3rem; float: left;}
.navbar-nav li a{text-align: center; padding: 0; margin: 0; line-height: 3rem; color: #333; font-size: .7rem;}
.navbar-nav li a:hover{ color: #037d30;}
/*--- banner ---*/
.carousel-inner img{ margin: 0 auto;}
/*--- main ---*/
.m-about{ margin: 15px 0; overflow:visible; position:relative;}
.m-about .img{
	position: relative;
}
.m-about .img iframe{
	position: absolute;
	position: absolute;
    right: 1px;
    top: 3px;
    width: 71%;
    height: 471px;
}
.m-about .img img{ max-width: 100%;}
.m-about .txt{ width: 19%;  overflow:hidden; position: absolute; left:0; top:0; z-index:999; color: #b1d256; writing-mode: tb-rl; }
.m-about .txt p{ padding: 5px 3px 0 0; overflow: hidden; font-size: .5rem; line-height: 1.4rem;}
.m-about .m-a-link{ width: 20%; position: absolute; right:0; bottom:1rem; z-index:999; background: url(../Image/company-a.png) no-repeat; }
.m-about .m-a-link a{ display: block; width: 100%; height: 8.5rem;}
.m-product{ margin: 20px 0 0; background:#ece8cf url(../Image/m-p-b.jpg) repeat-x; overflow: hidden;}
.m-product .hd{ text-align: center;}
.m-product .hd span{ font-size: 24px; color: #3f7101;}
.plist{ width: 100%;  padding-top: 15px; overflow: hidden;}
.plist li{ width: 23%; margin: 1%; align-items:center; height: 130px; float: left;}
.plist li a{ display: block; width: 99%; border: 1px solid #5f962a;  color: #000; padding-top: 40px; height: 130px;text-decoration: none; background: #fff url(../Image/icon.png) no-repeat top center; font-size: .6rem;  writing-mode: tb-rl;  line-height: 6.8rem; 
	overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
}
.plist li a:hover{background: #e7f6e8 url(../Image/icon.png) no-repeat top center; color: #55712c; }
.m-product .bd{ padding: 3rem 0; overflow: hidden;}
.col{ text-align: center;line-height: 2.5rem; margin-bottom: .8em;}
.col img{ width: 96%;  border: 1px solid #5f962a; height: 320px; object-fit: cover;}
.col a{ color: #666;font-size: 2.2rem; text-decoration: none;}

.m-youshi{ width: 100%; background: #ece8cf; padding-bottom: 20px; overflow: hidden;}
.m-youshi .hd{ width: 100%; height: 254px; background: url(../Image/m-ys.jpg) no-repeat top center;}

.ys-l{ padding: 0px; overflow: hidden; border-bottom: none; margin-bottom: 20px;}
.ys-l li{ width:24.6%;margin-right: 1px; height: 154px; padding-top: 10px; text-align: center; font-size: 24px; color: #fff;}
.ys-l .active{ height: 174px;}
.ys1{ background: #497c06;}
.ys2{ background: #548b0b;}
.ys3{ background: #619f0e;}
.ys4{ background: #6db30f;}
.ys-l li a{ height: 154px; color: #fff;  font-size: 12px;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{ display: inline-block; width: 100%; height: 100%; background-color: transparent; border: none; color: #fff; outline: none;}
.nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus:hover, .nav-tabs>li.active>a:hover{background-color: transparent; border: none; color: #fff;}
.ys-r{ padding: 0px;}
.ys-box{ width: 100%; height: auto; overflow:visible; position:relative;}
.ys-box-hd{ width: 60%;overflow:hidden; position: absolute; right:0; top:0; line-height: 19px;}
.ys-box-hd .title{ text-indent: 30px; padding-top:50px; color: #b7d340; font-size: 16px; margin-bottom: 3px;}
.ys-box-hd .content{ height: 205px; color: #666; overflow: hidden;}


.cimg{ float: right; margin: 10px; bottom:0;}
.cimg .img{ max-width: 15%;}
.m-honor{ width: 100%; padding: 35px 0; overflow: hidden;}
.m-honor .hd{ text-align: center;}
.m-honor .hd img{ max-width: 35%;}
.m-honor .bd{ margin-top: 20px;}
#indexPro{ width:100%; margin:0 auto; height:150px;  overflow:hidden;}
#indexPro li{ width: 120px; margin: 0 .5%; height:150px; float: left; text-align: center; line-height: 36px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#indexPro li img{ width: 100%; }

.m-news .hd{text-align: center;}
.m-news .hd img{ max-width: 75%;}
.m-news .bd{ padding: 15px 0;}
.one-news{ padding-top: 2%;}
.one-news .img{ text-align: center;}
.one-news .img img{ width: 98%; padding: .4%; border: 1px solid #dedede;}
.one-news .txt{ padding: 6px 0; font-size: .8rem; line-height: 1.8rem;}
.one-news .txt a{ color: #666;font-size: 1rem;}
.one-news .txt a:hover{ color: #f00;}
.one-news .more{ width: 30%; text-align: center; border: 1px solid #cdcdcd; line-height: 2.5rem;}

.news-box{ overflow: hidden; margin: 8px 0;}
.news-box .time{ width:25%; float: left; text-align: center; height: 80px; padding-top: 20px; font-size: 1rem; border: 1px solid #dedede; overflow: hidden;}
.news-box .time span{ font-size: 1.8rem;}
.news-box .txt{ width: 70%; float: right; line-height: 1.6rem;}
.news-box .txt a{ color: #666; font-size: 1.2rem; font-weight: 700;}

/*--- sidebar ---*/
.s-p {
	width: 100%;
	overflow: hidden;
}
.s-p .hd,
.s-c .hd {
	height: 118px;
	width: 100%;
	background: #00ad2d;
	border-radius: 5px 5px 0 0;
	padding-top: 22px;
}
.s-p .hd > div,
.s-c .hd > div{
	width: 80%;
	height: 80px;
	border: 3px solid #fff;
	text-align: center;
	margin:0 auto;
}
.s-p .hd > div h3,
.s-c .hd > div h3{
	font-size: 26px;
	color: #ffffff;
	font-weight: bold;
	line-height: 26px;
	margin: 14px 0 6px;
}
.s-p .hd > div p,
.s-c .hd > div p{
	font-size: 16px;
	color: #fff;
	text-transform: uppercase;
}
.s-p .bd {
	padding: 6px 0;
	overflow: hidden;
}
.s-p .bd ul li {
	width: 100%;
	margin: 0 0 6px;
	height:52px;
	line-height:52px;
}
.s-p .bd ul li a {
	display: block;
	width: 100%;
	height: 52px;
	background: #e5e5e5 url(../Image/li-ico.png) no-repeat 20px center;
	color: #fff;
	padding-left: 20%;
	font-size: 18px;
	color: #333333;
}
.s-p .bd ul li a:hover {
	background: #00ad2d url(../Image/li-ico-h.png) no-repeat 20px center; 
	color: #fff;
	text-decoration: none;
}
.s-c {
	width: 100%;
	margin-top: 20px;
}
.s-c .bd{
	background: #e5e5e5;
	padding:10px 25px;
}
.s-c .bd p a,
.s-c .bd p{
	font-size: 14px;
	color: #333333;
	line-height: 32px;
}
/*--- indise ---*/
.nnav{ padding: 0 0 1.5rem 0; overflow: hidden;}
.nnav .hd{ text-align: center;padding: 0 0 1.5rem 0; font-size: 2.2rem; color: #00ad2d;}
.n-n-list{ text-align: center; margin: 1% 0;}
.n-n-list a{display: block; width: 100%; height: 3rem; line-height: 3rem; background: #00ad2d; color: #fff;;}
.n-n-list a:hover{ background: #497c06; text-decoration: none;}

.inside{ width: 100%; padding: 35px 0; overflow: hidden;}
.middle{ width: 95%; margin: 0 auto; border: 1px solid #dedede;}
.middle-hd{ width: 100%; height: 5rem; line-height: 5rem; border-bottom: 1px solid #cdcdcd; overflow: hidden;}
.catname{ float: left; font-size: 2.2rem; padding: 5px 0; color: #00ad2d; font-weight: 700;}
.cname{ float: right; text-align: right;}
.cname p,
.cname a{
	font-size: 14px;
	color: #333333;
}
.cname a:hover{
	color: #00ad2d;
	text-decoration: none;
}
.n-n{ width: 98%; margin: 0 auto; padding: 15px 0; line-height: 260%;}
/*--- footer ---*/
.footer{ width: 100%; overflow:visible; position:relative;}
.f-top{ padding: 58px 0 38px 0; background: #3a3a3a; overflow: hidden;}
.f-nav{ width: 65%; float: left; overflow: hidden;}
.f-nav .tt1{ width: 100%; overflow: hidden; height: 22px; margin-bottom:50px;}
.f-nav .tt1 li{ width: 20%; float: left; text-indent: 15px; background: url(../Image/f-nav.jpg) no-repeat left center;}
.f-nav .tt1 li a{ color: #fff;}
.f-nav .tt2{ color: #fff;}
.f-nav .tt2 a{ color: #fff;}
.f-nav .f1{ width: 30%; float: left; padding-left: 35px; background: url(../Image/f1.jpg) no-repeat left center;}
.f-nav .f2{ width: 30%; float: left; padding-left: 35px; background: url(../Image/f2.jpg) no-repeat left center;}
.f-nav .f3{ width: 38%; float: right; padding-left: 35px; background: url(../Image/f3.jpg) no-repeat left center;}

.f-p1{ width: 19%; padding-left: 1%; height: 200px; float: left; background: url(../Image/ppp.jpg) no-repeat left top; overflow: hidden;}
.f-p1 .hd{ color: #fff; text-indent: 10px; margin-bottom: 30px;}
.f-p1 .bd{padding-left: 10px; color: #fff;}
.f-p1 .bd span{ font-size: 20px; display: block;}
.f-p2{ width: 14%; padding-left: 1% ;height: 200px; float: right; background: url(../Image/ppp.jpg) no-repeat left top; overflow: hidden;}
.f-p2 .hd{ color: #fff; text-indent: 10px; margin-bottom: 30px;}
.f-p2 .bd{ color: #fff; text-align: center; line-height: 30px;}
.f-p2 .bd img{ width: 80%;}

.f-center{ width: 100%; height: 64px; background: #303030; overflow: hidden;}
.f-center ul{ text-align: center; color: #fff; line-height: 30px;}
.f-center a{color: #fff;}
.f-bot{ width: 100%; height: 65px; background: #121212; }
.f-bot .container{ position: relative; height: 65px;}
.f-bot .container > img{
	position: absolute;
	left: 0;
	bottom:0;
}
.f-b-box{ width: 72%; float: right;}
.serch{ width: 50%; float: left; margin-top: 15px; }
.serch li{ background: #e0be53; float: left; color: #121212; padding: 2px; margin-right: 10px;}
.serch li a{ display: block; width: 50px; height: auto; text-align: center; font-weight: 700; color: #000;}
.fff1{ width: 110px; background: #121212; text-indent: 5px; border: none; color: #fff;}

.f-txt{ width: 50%; float: right; padding-top: 10px;}
.f-ren{ width: 100%; overflow:hidden; position: absolute; left:0; bottom:0; z-index:999}
.f-ren img{ max-width: 100%;}
.end{ width: 100%; background: #121212; margin-bottom: 5rem; text-align: center; color: #fff; height: 3rem; line-height: 3rem;}
#end{ width:100%; background: #1f1c30; height: 5rem; position: fixed; bottom:0; overflow: hidden;}
#end li{ width: 25%; height: 5rem; line-height: 4.5rem; float: left; text-align: center; overflow: hidden;}
#end li a{ color: #fff; font-size: 13px;}
#end li a:hover{ color: #f00;}
/*--- Universal ---*/
.piclist{ text-align: center;}
.piclist img{ width: 100%;  height: 200px; object-fit: cover;}
.piclist .img{ width: 100%; border: 1px solid #dedede; padding: 5px; height: 212px; overflow: hidden; }
.piclist{
	word-wrap: normal;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.piclist a{ color: #555; word-wrap: normal;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;}
.piclist a:hover{ color: #f00;text-decoration: none; }
.piclist a h3{ font-size: 2.2rem; text-decoration: none; }
.p-top{ text-align: center; line-height: 3rem; font-weight: 700; font-size: 1.5rem; color: #f00;}
.p-top img{ max-width: 60%;}
.p-content{ border: 1px solid #dedede;}
.p-content .title{ padding: 6px; font-weight: 700; border-bottom: 1px solid #dedede; }
.p-content .nr{ padding: 10px;}
#prev_next{ padding: 0 10px;}

#p-top{ width: 100%; margin: 0 auto; overflow: hidden;}
#p-box{border:1px solid #dedede;padding:2px;width: 98%; text-align: center; overflow: hidden; margin-bottom: 25px;}
#p-box img{ width: 100%; height: 300px; object-fit: cover;}
#p-txt{ width: 80%; margin: 0 auto; overflow: hidden;}
.pname{ width: 100%; height: 47px; font-size: 24px; border-bottom: 2px solid #dbd8d9; line-height: 35px; color: #00ad2d; font-weight: 700; overflow: hidden;}
.pkeywords{ width: 100%; height: auto; padding: 10px 0;  overflow: hidden; line-height: 26px; }
.p-tel{ width: 100%; height: auto; padding: 5px 0; overflow:visible; position:relative; margin-top: 20px;}
.p-tel .txt{ width: 100%; height: auto; line-height: 8rem; overflow:hidden; position: absolute; left:0; text-align: center; font-size: 30px; font-weight: 700; color: #000; top:0; z-index:999}


.p-a{ margin-top: 10px; overflow: hidden;}
.p-a a{ float: left; display: block; width: 122px; height: 47px; text-align: center; line-height: 47px; font-weight: 700; font-size: 16px; margin-right: 25px;}
.pa1{ background: #dddada; color: #000;}
.pa1:hover{ background: #00ad2d; color: #fff;}
.pa2{ background: #00ad2d; color: #fff;}
.pa2:hover{ background: #dddada; color: #000;}

.p-content .title{ width: 100%; height: 50px; background: #00ad2d; }
.p-content .title p{ text-indent: 20px; color: #fff; font-size: 20px; line-height: 40px;}
.p-content .nr{ width: 98%; margin: 0 auto; line-height: 260%; padding: 15px 0 10px; 0; overflow: hidden;}

#prev_next{ width: 98%; margin: 10px auto;  overflow: hidden;}
#prev_next li{ border-bottom: 1px dashed #cdcdcd;}


#indexNews{ width:98%; margin:0 auto; padding:5px 0; overflow:hidden;} 
#indexNews li{clear: both;line-height:300%;overflow: hidden; border-bottom:1px dashed #304102;}
#indexNews li a{ color: #555; text-decoration:none; float:left; clear:both; }
#indexNews li a:hover{ color: #f00; text-decoration:none;float:left;}
.Newstime{float:right;}
#newTitle{color:#00ad2d;;font-size:24px;text-align:center;text-align:center;}
#newsContent{margin-bottom:16px;}
#newsInfo{margin:10px 0;font-weight:normal; text-align:center; font-size:12px;}
.infoClass{margin:0px;margin-bottom:10px;line-height:12px;}
#infoImage{text-align:center;margin:10px 0;}
#infoImage img{padding:1px; border:1px solid #dedede;}

.message-box ul{ margin-bottom: 10px; overflow: hidden;}
.tl{ float: left; width: 15%; text-align: center;}
.tr{float: left; width: 84%; padding-left: 1rem;}
.t1{ width: 95%; border: 1px solid #cdcddc; height: 3rem;}
.t2{ width: 95%; border: 1px solid #cdcddc; height: 10rem;}
.t3{ width: 80px; height: 2.9rem; border: 1px solid #cdcdcd;}
.t4{ width: 80px; height: 3rem; vertical-align: top}
.t5{width:74px;height:31px;line-height:31px;background:#4a5b6d;border-radius:2px;border:none;text-align:center;margin-top:14px;margin-left:5px;font-size:14px;font-family:微软雅黑,黑体,sans-serif;color:#FFF;}
.t5 a{text-decoration:none;font-size:14px;font-family:微软雅黑,黑体,sans-serif;color:#FFF;display:block;}
.t5 a:hover{background:#4a5b6d;border-radius:2px; text-decoration: underline;}
#page{ border: 1px solid #cdcdcd; margin: 8px 0; text-align: center; height: 4rem; line-height: 4rem;}
#allmap{ width:98%; margin:0 auto; border:1px solid #dedede; height:300px; overflow:hidden;}
/*小屏幕 (平板 大于等于768px)*/
@media (max-width: 640px){
	.col img{ height: 138px; }
	.cimg{ width: 20%; }
	#indexPro li img{ height: 82px; object:cover; }
}
@media (min-width:768px){ 
	body{ font-size: 12px;}
	.welcome{ float: left;}
	.fav{ display: none;}
	.logo{ text-align: center;}
	.logo .img{ max-width: 50%; }
	.tel{ display: none; float: right;}
	.m-about .txt p{ padding: 20px 10px 10px 0; overflow: hidden; font-size: 12px; line-height: 24px;}
	.m-product .hd{ padding-bottom: 20px; font-size: 14px; line-height: 25px;}
	.m-product .hd span{ font-size: 34px; }
	.plist{ width: 100%; padding-top: 20px; }
	.plist li{width: 18%; margin:1%;  height: 200px; }
	.plist li a{ padding-top: 40px; height: 180px; line-height: 10rem; letter-spacing:4px; font-size: 18px;
		overflow: hidden;
		    text-overflow: ellipsis;
		    white-space: nowrap;
	}
	.ys-box .txt{ height: 210px; top:1.2rem; line-height: 30px; font-size: 12px; }
	.ys-box .txt span{ font-size: 13px; }
	.m-honor .hd{ text-align: center; font-size: 1rem; line-height: 2.5rem; color: #666;}
	.m-honor .hd span{ color: #3f7101; font-size: 3rem;}
	#indexPro{ height:240px; }
	#indexPro li{ width: 240px; margin: 0 .5%; height:240px;  line-height: 36px;}
	#indexPro li img{ height: 82px; object:cover; }
	.m-news .hd{ font-size: 2rem; line-height: 2rem;}

	
	.one-news .img{ text-align: center;}
	.one-news .img img{ width: 98%; padding: .4%; border: 1px solid #dedede;}
	.one-news .txt{ padding: 6px 0; font-size: .8rem; line-height: 1.8rem;}
	.one-news .txt a{ color: #666;font-size: 1rem;}
	.one-news .txt a:hover{ color: #f00;}
	.one-news .more{ width: 30%; text-align: center; border: 1px solid #cdcdcd; line-height: 2.5rem;}
	.news-box{ width: 100%; height: 120px; padding: 15px 0; border-bottom: 1px solid #cdcdcd; overflow: hidden;}
	.news-box:hover .time{
		background: #00ad2d;
		color: #fff;
	}
	.news-box:hover .txt a{
		color: #00ad2d;
		text-decoration: none;
	}
	.news-box .time{ width:25%; float: left; text-align: center; height: 80px; padding-top: 20px; font-size: 1rem; border: 1px solid #dedede; overflow: hidden;}
	.news-box .time span{ font-size: 1.8rem;}
	.news-box .txt{ width: 70%; float: right; line-height: 1.6rem;}
	.news-box .txt a{ color: #666; font-size: 1.2rem; font-weight: 700;}

	.m-about .m-a-link{  bottom:2rem; }
	#p-box{width: 98%;  margin: 0 auto; overflow: hidden;margin-bottom: 25px;}
	#p-txt{ width: 98%; margin: 0 auto;overflow: hidden;}
	.p-tel .txt{ width: 100%; height: auto; line-height: 8rem; overflow:hidden; position: absolute; left:0; text-align: center; font-size: 30px; font-weight: 700; color: #000; top:0; z-index:999}
	.pkeywords{ padding-top: 10px;}

	.ys-l li{  height: 204px; padding-top: 15px; font-size: 24px; }
	.ys-l .active{ height: 234px;}
	.ys-l li a{ height: 204px; font-size: 18px;}
	.ys-box-hd{line-height: 25px;}
	.ys-box-hd .title{  padding-top: 62px;  font-size: 24px;}
	.ys-box-hd .content{ height: 458px;}


}

/*中等屏幕 (桌面显示器 大于等于992px)*/
@media (min-width:992px){ 
	body{ font-size: 14px;}
	.fav{ display: inline;}
	.logo{  float: left;}
	.logo{ text-align: center;}
	.logo .img{ max-width: 70%; }
	.tel{ display: none; float: right;}
	.navbar{ background: #eeeeee; margin-bottom: 0px;}
	.navbar-nav{ width: 100%;}
	.navbar-nav li{ width: 12.5%;}
	.navbar-nav li a{text-align: center; padding: 0; margin: 0; line-height: 50px; color: #333; font-size: 16px;}
	.navbar-nav li a:hover{ color: #037d30;}
	.m-about .txt p{ padding: 30px 10px 10px 0; overflow: hidden; font-size: 14px; line-height: 30px;}
	.m-product .hd{ padding-bottom: 25px; font-size: 16px; line-height: 27px;}
	.m-product .hd span{ font-size: 40px; }
	.plist{ width: 100%;  padding-top: 20px; }
	.plist li{width: 8%; margin:0 1%;  height: 180px; }
	.plist li a{ padding-top: 40px; height: 160px; line-height: 80px; letter-spacing:4px; font-size: 13px;
		overflow: hidden;
		    text-overflow: ellipsis;
		    white-space: nowrap;
	}
	.ys-box .txt{ height: 310px; top:1.5rem; line-height: 30px; font-size: 14px; }
	.ys-box .txt span{ font-size: 16px; }
	.m-youshi .hd{  height: 324px; }
	.m-honor .hd{ text-align: center; font-size: 1.5rem; line-height: 2.5rem; color: #666;}
	.m-honor .hd span{ color: #3f7101; font-size: 3.5rem;}
	#indexPro{ height:280px; }
	#indexPro li{ width: 280px; margin: 0 .5%; height:280px;  line-height: 36px;}
	.m-news .hd{ font-size: 2.5rem; line-height:2.5rem;}
	
	.one-news .img{ text-align: center;}
	.one-news .img img{ width: 98%; padding: .4%; border: 1px solid #dedede;}
	.one-news .txt{ padding: 6px 0; font-size: 1.3rem; line-height: 2rem;}
	.one-news .txt a{ color: #666;font-size: 2rem;}
	.one-news .txt a:hover{ color: #f00;}
	.one-news .more{ width: 30%; text-align: center; border: 1px solid #cdcdcd; line-height: 3.5rem;}
	
	.news-box .time{ width:15%; float: left; text-align: center; height: 80px; padding-top: 20px; font-size: 1.5rem; border: 1px solid #dedede; overflow: hidden;}
	.news-box .time span{ font-size: 2rem;}
	.news-box .txt{ width: 80%; float: right; line-height: 2.2rem;}
	.news-box .txt a{ color: #666; font-size: 1.5rem; font-weight: 700;}



	.end{ width: 100%; height: 4rem; background: #000; text-align: center; color: #fff; line-height: 4rem;}
	.end a{ color: #fff;}
	.end a:hover{ color: #f00;}
	.end{margin-bottom: 0;}
	.middle{ width: 74%; margin: 0 auto; border: 1px solid #dedede;}
	.t1{ width: 95%; }
	.m-about .m-a-link{  bottom:3rem; }
	#p-box{float:left;padding:2px;width: 48%; overflow: hidden;margin-bottom: 25px;}
	#p-txt{ width: 48%; float: right;}
	.p-tel .txt{ width: 100%; height: auto; line-height: 8rem; overflow:hidden; position: absolute; left:0; text-align: center; font-size: 30px; font-weight: 700; color: #000; top:0; z-index:999}
	.pkeywords{ padding-top: 20px;}
	.ys-l{ padding: 0px;}
	.ys-l li{ width: 24.4%;  height: 274px; padding-top: 20px;  }
	.ys-l .active{ height: 304px;}
	.ys-l li a{ height: 274px;font-size: 20px; display: inline-block; }

	.ys-box-hd{  line-height: 32px;}
	.ys-box-hd .title{  padding-top: 85px; font-size: 20px;}
	.ys-box-hd .content{ height: 558px;}
	.nav-tabs>li>a:hover{ border:none; }

	.fff1{ width: 80px; }
	.f-ren img{ max-width: 25%;}
}

/*大屏幕 (大桌面显示器 大于等于1200px)*/
@media (min-width:1200px){ 
	body{ font-size: 14px;}
	body img{max-width: 100%;}
	.fav{ display: inline;}
	.logo{float: left;}
	.tel{ display: inline; float: right;    margin-top: 20px;}
	.navbar{ background: #eeeeee; margin-bottom: 0px; }
	.navbar-nav{ width: 100%;}
	.navbar-nav li{ width: 12.5%; padding-bottom: 8px; position: right: ;}
	.navbar-nav li > a{text-align: center; padding: 0; margin: 0; line-height: 50px; color: #333; font-size: 16px;}
	.navbar-nav li > a:hover{ color: #fff600; text-decoration: none; background: #00ad2d}
	.navbar-nav li ul{ width: 100%; overflow: hidden; position: absolute; top:80px; transition: all .3s; opacity: 0;}
	.navbar-nav li li{ text-align: center; width: 100%; height: 45px; line-height: 45px; border-bottom: 2px solid #008f33; background: #2baf3f; }
	.navbar-nav li li a{ display: inline-block; width: 100%; height: 100%; font-size: 16px; color: #fff; }
	.navbar-nav li li > a:hvoer{ color: #fff600; text-decoration: none; }
	.navbar-nav li:hover ul{
		top:49px;
		z-index: 999;
		opacity: 1;
	}

	.m-about .txt p{ padding: 40px 10px 10px 0; overflow: hidden; font-size: 16px; line-height: 35px;}
	.m-product .hd{ padding-bottom: 30px; font-size: 20px; line-height: 30px;}
	.m-product .hd span{ font-size: 44px; }
	.plist{ width: 552px; margin: 0 0 0 370px; height:190px; padding-top: 25px; }
	.plist li{width: 16%; margin:0 1%;  height: 190px; }
	.plist li a{ padding-top: 50px; height: 160px; line-height: 85px; font-size: 16px; 
		word-wrap: normal;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
    font-weight: bold;color: #32750e;
}
	.m-youshi .hd{  height: 324px; }
	.ys-box .txt{ height: 613px; top:2rem; line-height: 33px; }
	.ys-box .txt span{ font-size: 24px; }
	.m-honor .hd{ text-align: center; font-size: 2rem; line-height: 2.5rem; color: #666;}
	.m-honor .hd span{ color: #3f7101; font-size: 4rem;}
	#indexPro{ height:260px; }
	#indexPro li{ width: 300px; margin: 0 .5%; height:260px; line-height: 36px;}
	#indexPro li img{ height: 225px; object:cover; }
	.m-news .hd{ font-size: 3rem; line-height: 3rem;}
	
	.one-news .img{ text-align: center;}
	.one-news .img img{ width: 98%; padding: .4%; border: 1px solid #dedede;}
	.one-news .txt{ padding: 6px 0; font-size: 1.3rem; line-height: 2rem;}
	.one-news .txt a{ color: #666;font-size: 2rem;}
	.one-news .txt a:hover{ color: #f00;}
	.one-news .more{ width: 30%; text-align: center; border: 1px solid #cdcdcd; line-height: 3.5rem;}
	
	.news-box .time{ width:15%; float: left; text-align: center; height: 80px; padding-top: 20px; font-size: 1.5rem; border: 1px solid #dedede; overflow: hidden;}
	.news-box .time span{ font-size: 2rem;}
	.news-box .txt{ width: 80%; float: right; line-height: 2.2rem;}
	.news-box .txt a{ color: #666; font-size: 1.5rem; font-weight: 700;}



	.end{ width: 100%; height: 4rem; background: #000; text-align: center; color: #fff; line-height: 4rem;}
	.end a{ color: #fff;}
	.end a:hover{ color: #f00;}



	.middle{ width: 74%; margin: 0 auto; border: 1px solid #dedede;}
	.t1{ width: 50%; }
	#allmap{ width:98%; margin:0 auto; border:1px solid #dedede; height:650px; overflow:hidden;}
	.m-about .m-a-link{  bottom:4rem; }

	#p-box{float:left;border:1px solid #dedede;padding:2px;width: 408px; overflow: hidden;margin-bottom: 25px;}
	#p-txt{ width: 400px; float: right;}
	.p-tel .txt{ width: 100%; height: auto; line-height: 8rem; overflow:hidden; position: absolute; left:0; text-align: center; font-size: 30px; font-weight: 700; color: #000; top:0; z-index:999}
	.pkeywords{ padding-top: 30px;}

	.ys-l li{  height: 304px; padding-top: 30px; font-size: 24px; }
	.ys-l .active{ height: 334px;}
	.ys-l li a{ display: inline-block; width: 100%; height: 304px; }
	.ys-box-hd{line-height: 35px;}
	.ys-box-hd .title{  padding-top: 92px;  font-size: 24px;}
	.ys-box-hd .content{ height: 615px;}


}