/*公用样式部分*/
html {width: 100%;overflow-x: hidden;}
body {line-height: 2;}
.text-white,.text-white a,.text-white a:hover {color: #fff!important;}
/*nav*/
#nav-box{background:#378A18;}
#nav-box ul>li{float:left;width:12.5%;line-height:50px;text-align:center;position:relative;}
#nav-box ul>li >a {font-size: 15px;display: block;}
#nav-box ul>li >a:hover{background:#409821;}
#nav-box ul li a{color:#FFF;font-weight:bold;}
#nav-box ul li.active a {background:#409821;}
#nav-box .submenu{width:100%;background:#409821;position:absolute;z-index:999;display:none;}
#nav-box .submenu ol li{border-bottom:1px solid #4BA02C;line-height:40px;}
#nav-box .submenu ol li a {display:block;line-height:40px;}
#nav-box .submenu ol li a:hover {background: #409821;}

/*本项目样式部分*/
#welcome {background: #38B907;line-height: 40px;}
#logo-box {padding-top: 20px; padding-bottom: 20px;}
#tel-box {}
.tel {font-size: 24px;color: #378A18;line-height: 24px;}
#nav-box {background: #378A18;}

#search-box {padding: 10px 0;line-height: 38px;}
#keyword {border: 1px solid #ddd;height: 38px;box-sizing: border-box;padding: 0 6px;width: 200px;}

#index-product {background: url(../images/pro_block_bg.jpg) center top no-repeat;padding-top: 30px;padding-bottom: 30px;}
.product-title {background: #fff;text-align: center;padding: 15px 0;font-size: 20px;font-weight: bold;color: #3F8A25;}
.product-title i {margin-right: 10px;}
.procate-box {background: #3F8A25;position: relative;text-align: center;}
.procate-box >ul >li {border-bottom: 1px solid #FEFDFF;}
.procate-box >ul >li >a {display: block;line-height:50px;text-align: center;color: #fff;font-size: 16px;}
.procate-box >ul >li >a:hover {background: #4D9D34;}

#index-pro-list {background: #fff;padding: 20px 15px;height: 500px;}
.pro-box {background: #fff;border: 1px solid #ddd;overflow: hidden;height: 200px;margin: 10px 0 10px 0;}
.pro-box a {display: block;height: 100%;position: relative;text-align: center;}
.pro-box img {height: 100%;}
.pro-box a p {position: absolute;left: 0;bottom: 0;width: 100%;line-height: 32px;text-align: center;background: rgba(0,0,0,.6);color: #fff;}

#index-jianjie {background: url(../images/about_block_bg.jpg) -280px top no-repeat;padding: 30px 0;}
.title p {color: #777;font-size: 18px;}
.title h1 span {display: block;background: #408A27;height: 2px;width: 60px;margin:5px auto;}

#about-con {background: rgba(255,255,255,0.8);padding: 10px;line-height: 3;}

.btn-more {display: inline-block;border: 1px solid #87AF70;padding: 4px 20px;line-height: 2;color: #278612;margin-top: 10px;}
.btn-more:hover {background: #278612;color: #fff;border: 1px solid #278612;}

.scroll-photo {margin-top: 20px;position: relative;overflow: hidden;}
.scroll-photo .bd ul li {float: left;width: 25%;}
.photo {padding: 10px;text-align: center;}
.photo a {display: block;height: 200px;text-align: center;overflow: hidden;}
.photo img {height: 100%;width: 100%;}

#index-news {background: #F3F1F2;padding: 30px 0px;margin-top: 30px;}
.news {background: #fff;height: 90px;overflow: hidden;padding-right: 10px;}
.news .date {background: #3F8A25;color: #fff;padding: 0px 12px;text-align: center;line-height: normal;height: 70px;padding-top: 20px;}
#news-box {margin-top: 30px;}

#index-pinpai {padding: 30px 0px;}
#pinpai-box {margin-top: 30px;}
.pinpai {position: relative;background: #3F8A25;overflow: hidden;}
.pinpai >img {width: 100%;transition: all 0.3s;}
.pinpai p {background: rgba(0,0,0,.5);position: absolute;left: 0;bottom: 0;line-height: 60px;width: 100%;text-align: center;color: #fff;font-size: 18px;}
.pinpai:hover >img {opacity: 0.7;transform: scale(1.1);}

#lianxi-box {margin-top: 30px;background: #3F8A25;}
.liuyan-box {padding: 20px 20px 0px 0px;color: #fff;}
.liuyan-box h1 {margin-left: 20px;display: inline-block;border-bottom: 2px solid #fff;margin-bottom: 15px;}

#form-index-liuyan .layui-input {background: none;color: #fff;}
#form-index-liuyan .layui-textarea {background: none;color: #fff;}
#btn-index-liuyan {background: none;border: 1px solid #ddd;}

#link-box {background: #343431;line-height: 40px;}
#link-box a {color: #fff;}

#footer-lianxi {background: #41413F;padding-top: 20px; padding-bottom: 20px;}
.lianxi-info {margin-top: 10px;}
.qrcode-box  {text-align: center;}
#copy-box {background: #6D6F6C; text-align: center;padding: 10px 0px;}

@media only screen and (min-width: 320px) and (max-width: 640px) {
	#nav-box {padding-left: 0;padding-right: 0;background: #378A18;}
	#nav-box .layui-container {padding-left: 0; padding-right: 0;}
	#nav-box {position:absolute; top:80px; width:100%; left:0; display:none; z-index:20;}
	#nav-box ul>li{width:100%;}
	#nav-box ul>li>a{color:#fff;}
	#nav-box ul li a{line-height:34px;}
	#nav-box ul li a:hover,#nav-box ul li a:active,#nav-box ul li a.current{background:#409821;}
	
	.pro-box {height: 100px;;margin: 0px;}
	#index-pro-list {padding: 15px;height: auto;}
	.procate-box >ul >li {float: left;width: 50%;}
	
	#about-con {line-height: 1.5;}
	.scroll-photo .bd ul li {float: left;width: 50%;}
	
	.photo a {display: block;height: 100px;text-align: center;overflow: hidden;}
	
	#footer-lianxi {margin-top: 10px;}
	
}