body {font-family: "Helvetica Neue"; background: #fff; font-size: 1rem; line-height: 2rem;color: #555;}
img{border:none; max-width: 100%;}
a{color:#555;  text-decoration:none;}
a:hover{color:#f00;  text-decoration:none;}
li,ul{list-style-type:none;}
ul{ margin: 0;padding: 0;}
/*--- header ---*/
.header{ padding: 25px 0; overflow: hidden;}
.logo{ text-align: center;}
.logo img{ max-width: 90%;}

/*--- nav ---*/
.nav{ width: 100%; background: #009944; overflow: hidden;}
.nav ul li{ width: 25%; float: left; height: 40px; overflow: hidden;text-align: center; line-height: 40px;}
.nav ul li a{ display: block; width: 100%; height: 40px; color: #fff;}
.nav ul li a:hover{ background: #ff9702;}
/*--- sm-header ---*/

/*--- line ---*/

/*--- banner ---*/
.carousel-inner img{ margin: 0 auto;}
/*--- main ---*/
.main{ overflow: hidden;}
.m-product{ width: 100%; height: 530px; background: url(../Image/m-p-bg.jpg) no-repeat top center; overflow: hidden;}
.m-product .hd{  height: 45px; text-align: center; margin-top: 18px;}
.m-product .hd img{ max-width: 80%;}
.m-product .md{ margin: 18px 0; overflow: hidden;}
.m-product .md ul li{ width: 33.3%; float: left; overflow: hidden; margin-bottom: 5px;}
.m-product .md ul li a{ display: block; width: 80%; margin: 0 auto; color: #fff; height: 35px; line-height: 35px; text-align: center; background: #ff9702;}
.m-product .md ul li a:hover{ background: #094;}
.m-product .bd{}
#indexPro{ width:100%;  height:270px; overflow:hidden;}
#indexPro li{width:270px; height:270px; background:url(../Image/pimg1.jpg) no-repeat bottom center;margin-right: 25px;  float:left; line-height:52px; }
#indexPro li:hover{ background: url(../Image/pimg2.jpg) no-repeat bottom center;;}
/*#indexPro li img{ width: 270px; height: 270px;object-fit: contain;}*/

#indexPro li img{ width: 100%; height:100%;object-fit: contain;}
#indexPro li a{ color: #555; font-size: 16px;}
#indexPro li a:hover{ color: #094;}

.company-img{ width: 100%; float: left;}
.company-img img{width: 100%;}
.company-green{ width: 100%; float: left; overflow:visible; position:relative;}
.about-img{ width: 95%; margin: 10px 2.5% 0 2%; overflow:hidden; position: absolute; left:0; top:0; z-index:999}
.about-img .hd{ width: 100%; height: 35px; font-weight: 700; line-height: 30px; border-bottom: 1px solid #00c181; color: #fff; font-size: 20px;}
.about-img .hd span{ color: #3fb36f;}
.about-img .md{ padding: 5px 0; color: #fff; line-height: 25px;}
.about-img .bd{ padding-top: 15px;}
.about-img .bd ul li{ width: 28%; margin-right: 20px; float: left; height: 30px; line-height: 30px;}
.about-img .bd ul li a{ display: block; width: 100%; height: 30px;  text-align: center; color: #fff;}
.about-img .bd ul li a:hover{ text-decoration: underline;}
.a1{ background: #ff9702;}
.a2{ background: #20bd66;}
.greenimg img{ width: 100%;}

.m-case{ width: 100%; padding: 25px 0; overflow: hidden;}
.m-case .hd{  height: 45px; text-align: center; margin-top: 18px;}
.m-case .hd img{ max-width: 80%;}
.m-case .bd{ padding: 20px 0; overflow: hidden;}
.m-case .more{ width: 33.3%; margin: 0 auto; height: 50px; line-height: 50px; text-align: center; padding: 10px 0 20px 0;}
.m-case .more a{ display: block; width: 100%; height: 50px; background: #ff9702; color: #fff;}
.m-case .more a:hover{ background: #009944;}

.m-news{ width: 100%; overflow: hidden; padding-bottom: 20px; background: url(../Image/m-news-bg.jpg) center repeat-y; overflow: hidden;}
.m-news .hd{ padding: 24px 0; overflow: hidden;}
.m-news .hd p{ width: 70%; float: left;}
.m-news .hd p img{ max-width: 80%;}
.m-news .hd a{ width: 100px; float: right; height: 50px; line-height: 50px; float: right; display: block; background: #cecece; color: #fff; text-align: center;}

.news-img{ margin-top: 15px;}
.news-box{ margin-top: 10px;}
.news-box ul a{display: block; width: 100%; height: 98px; margin-bottom: 25px; background: #fff; color: #555; overflow: hidden;}
.news-box ul a:hover{background: #009944; color: #fff;}
.news-box ul .time{ width: 20%; float: left; text-align: center;  padding-top: 25px;}
.news-box ul .time span{ font-size: 16px;}
.news-box ul .content{ width: 78%; float: right; padding-top: 15px; padding-right: 10px; }


/*--- sidebar ---*/ 
.s-p{ width: 100%; overflow: hidden;}
.s-p .hd{ width: 100%; height: 100px; text-align: center; line-height: 100px; background: #009944; font-size: 20px; color: #fff; overflow: hidden;}
.s-p .bd{ border: 1px solid #ece8cf; border-top: none; border-bottom: none; padding: 20px 0; overflow: hidden;}
.s-p .bd ul li{ width: 80%; margin: 0 auto; height: 35px; line-height: 35px; margin-bottom: 5px; text-align: center;}
.s-p .bd ul li a{ display: block; width: 100%; height: 35px; text-align: center; background: #ff7e00; color: #fff;}
.s-p .bd ul li a:hover{ background: #009944; text-decoration: none;}
.s-c{ width: 100%; background:#009944; padding: 25px 0;  overflow: hidden;}
.s-c .txt{ width: 90%; margin: 0 auto;line-height: 35px; color: #fff;}
.s-c .txt span{ font-size: 16px; font-weight: 700; color: #ff0;}
.s-c .txt a{ color: #fff;}


/*--- indise ---*/

.inside{ width: 100%; padding: 15px 0; overflow: hidden;}
.middle{border: 1px solid #009944;}
.middle-hd{ width: 100%; height: 5rem; line-height: 5rem; border-bottom: 1px solid #16813b; overflow: hidden;}
.catname{ float: left; font-size: 2.2rem; padding:.5rem 2rem; color: #16813b; font-weight: 700;}
.cname{ float: right; padding:.5rem 2rem; text-align: right;}
.n-n{ width: 96%; margin: 0 auto; padding: 15px 0; line-height: 260%;}


/*--- footer ---*/
.footer{ width: 100%; margin-bottom: 4rem; padding: 25px 0; background: #16813b; overflow: hidden;}
.f-ewm{ width: 15%; float: left; overflow: hidden; text-align: center; color: #fff;}
.f-contact{ width: 31%; padding-left: 3%;  float: left; color: #fff;}
.f-contact .hd{ background: url(../Image/f-line.jpg) no-repeat bottom left; height: 45px; font-size: 24px; line-height: 45px;}
.f-contact .bd{ margin-top: 15px; overflow: hidden; line-height: 30px;}
.f-contact .bd li span{ font-size: 18px; font-weight: 700;}
.f-contact .bd li a{ color: #fff;}
.f-contact .bd li a:hover{ color: #ff0;}
.ff1{ background: url(../Image/f-add.jpg) no-repeat left center; text-indent: 20px;}
.ff2{ background: url(../Image/f-mobile.jpg) no-repeat left center; text-indent: 20px;}
.ff3{ background: url(../Image/f-email.jpg) no-repeat left center; text-indent: 20px;}

.f-sevrice{ width: 30%; float: left; padding-left: 3%; overflow: hidden;}
.f-sevrice .hd{ background: url(../Image/f-line.jpg) no-repeat bottom left; height: 45px; font-size: 24px; line-height: 45px; color: #fff;}
.f-sevrice .bd{ margin-top: 20px;  overflow: hidden;}
.f-sevrice .f-tel{ line-height: 18px; background: url(../Image/f-tel.jpg) no-repeat left center; height: 36px; padding-left: 50px;  color: #fff;}
.f-sevrice .f-tel span{  font-size: 24px;}
.f-message{ width: 145px; height: 43px; margin-top: 30px;  background: url(../Image/fmessage.jpg); text-indent: 45px; line-height: 45px;}
.f-message a{ color: #fff;}
.f-message a:hover{ color: #ff0;}

.f-txt{ text-align: center; color: #fff; line-height: 30px;}
.f-txt span{ color: #fff000; font-weight: 700;}
.f-txt a{ color: #fff;}
.f-txt a:hover{ color: #fff000;}

.f-nav{ width: 24%; float: right;}
.f-nav .hd{ background: url(../Image/f-line.jpg) no-repeat bottom left; height: 45px; font-size: 24px; line-height: 45px; color: #fff;}
.f-nav .md{ margin-top: 10px;  overflow: hidden;}
.f-nav .md ul li{ width: 25%; float: left;  line-height: 32px;}
.f-nav .md ul li a{ color: #fff; font-size: 13px;}
.f-nav .md ul li a:hover{ color: #ff0;}
.f-nav .bd{ color: #64ba82;}
.f-nav .bd a{ color: #64ba82;}

#end{ width:100%; background: #00ff58; height: 4rem; position: fixed; bottom:0; overflow: hidden;}
#end li{ width: 25%; height: 4rem; line-height:3.5rem; float: left; text-align: center; overflow: hidden;}
#end li a{ color: #fff; font-size: 15px;}
#end li a:hover{ color: #f00;}
/*--- Universal ---*/
.piclist{ text-align: center;}
.piclist img{ max-width: 98%;  border: 1px solid #dedede; padding: 5px;height: 240px;object-fit: contain;}
.piclist a{ color: #555;}
.piclist a:hover{ color: #f00;}
.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{margin-top: 10px; 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;}

#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:#FF0000;font-size:14px;text-align:center;text-align:center;}
#newsContent{margin-bottom:16px;}
#newsInfo{margin:0px;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 (min-width:768px){ 
	body{ font-size: 12px; line-height: 20px;}
	.about-img .hd{ height: 65px;  line-height: 65px;  font-size: 30px;}
	.about-img .md{ padding: 20px 0;  line-height: 33px;}
	.about-img .bd{ padding-top: 15px;}
	.about-img .bd ul li{  height: 50px; line-height: 50px;}
	.about-img .bd ul li a{ height: 50px; }
	.m-case .more{ width: 20%;  height: 50px; line-height: 50px; }
	#allmap{ height:400px; }

	
}

/*中等屏幕 (桌面显示器 大于等于992px)*/
@media (min-width:992px){ 
	body{ font-size: 14px; line-height: 22px;}
	.logo{float: left; text-align: left}
	.tel{ float: right; padding-top: 20px;}
	.nav ul li{ width: 12.5%;  height: 50px; line-height: 50px;}
	.nav ul li a{ height: 50px; }
	.m-product .hd{background: url(../Image/line.jpg) repeat-x;height: 65px; margin-top: 38px;}
	.m-product .md{ margin: 22px 0; }
	.m-product .md ul li{ width: 16.6%; }
	.company-img{ width: 50%; float: left;  }
	.company-green{ width: 50%; float: left;  }
	.about-img{ width: 95%; margin: 20px 0 0 2%;}
	.about-img .hd{ height: 65px;  line-height: 65px;  font-size: 30px;}
	.about-img .md{ padding: 15px 0 10px 0;  line-height: 35px;}
	.about-img .bd{ padding-top: 0;}
	.about-img .bd ul li{  height: 40px; line-height: 50px;}
	.about-img .bd ul li a{ height: 40px; }
	.m-case .hd{background: url(../Image/line.jpg) repeat-x;height: 65px; margin-top: 38px;}
	.m-case .more{ width: 16%;  height: 50px; line-height: 50px; }
	.m-news{  height: 515px; background: url(../Image/m-news-bg.jpg) no-repeat top center; padding-bottom: 0;}
	.m-news .hd{ padding: 34px 0;}
	.footer{ margin-bottom: 0; padding: 30px 0;}
	#allmap{ height:500px; }
}

/*大屏幕 (大桌面显示器 大于等于1200px)*/
@media (min-width:1200px){ 
	body{ font-size: 14px; line-height: 24px;}
	.logo{float: left; text-align: left}
	.tel{ float: right; padding-top: 20px;}
	.nav ul li{ width: 12.5%;  height: 50px; line-height: 50px;}
	.nav ul li a{ height: 50px; }
	.m-product .hd{background: url(../Image/line.jpg) repeat-x;height: 65px; margin-top: 38px;}
	.m-product .md{ margin: 28px 0; }
	.m-product .md ul li{ width: 16.6%; }
	.company-img{ width: 50%; float: left;  }
	.company-green{ width: 50%; float: left;  }
	.about-img{ width: 65%; margin: 20px 0 0 2%;}
	.about-img .hd{ height: 72px;  line-height: 72px;  font-size: 30px;}
	.about-img .md{ padding: 15px 0 10px 0;  line-height: 35px;}
	.about-img .bd{ padding-top: 0;}
	.about-img .bd ul li{  height: 50px; line-height: 50px;}
	.about-img .bd ul li a{ height: 50px; }
	.m-case .hd{background: url(../Image/line.jpg) repeat-x;height: 65px; margin-top: 38px;}
	.m-case .more{ width: 14%;  height: 50px; line-height: 50px; }
	.m-news{  height: 515px; background: url(../Image/m-news-bg.jpg) no-repeat top center; padding-bottom: 0;}
	.m-news .hd{ padding: 44px 0 20px 0;}
	.news-box ul .time{ width: 15%;  padding-top: 25px;}
	.news-box ul .content{ width: 83%; padding-top: 25px;}
	.news-box ul .time span{ font-size: 18px;}
	.footer{ margin-bottom: 0; padding: 30px 0;}
	#allmap{ height:600px; }
}