/*公用样式部分*/
html{width:100%;overflow-x:hidden;}
body{line-height:2;}
.undisplay {display: none;}
.layui-container {}
.displaynone{display:none;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt140{margin-top:140px;}

.layui-container:after {content: '';display: block;clear: both;}
.bordernone{border:none !important;}
.margin-center{margin-left:auto;margin-right:auto;}
.main-body{transform: translateX(0px); transition: all 0.5s;}
.media-body{margin-top:0;}

/*top*/
.top{height:40px;line-height:40px;font-size:14px;color:#333;border-bottom: 1px solid #ccc;}
.top .top-right a{padding:0 10px;font-size:14px;color:#333;}
/*****logobox*****/
.logobox{height:120px;padding-top:.3rem;position:relative;}
.logo img{padding-right:15px;}
.logori{padding-left:25px;padding-top:10px;}
.logo strong{font-size:20px;line-height:25px;color:#333;font-weight:normal;}
.logo p{color:#515151;line-height:16px;font-size:14px; padding-top: 5px;}
.logobox .logoright .media-body{padding-left:15px;}
.logobox .logoright p{color:#333;font-size:14px;line-height:20px;}
.logobox .logoright b{font-size:26px;color:#4b8a13;line-height: 36px;display:block;}
.logobox button{cursor:pointer;border:none; color:#4b8a13; font-size:22px;display:none;z-index:20000;background:none;float:left !important;z-index:2;}
/*nav*/
#nav{background:#4b8a13;height:60px;}
#nav ul>li{float:left;width:14.28%;text-align:center;position:relative;line-height:60px;}
#nav ul>li>a{display:block;font-size:16px;color:#fff;}
#nav ul>li:hover{background:#add913;}
#nav ul>li:hover a{color:#fff;}
#nav ul .submenu{position:absolute;display:none;width:100%;top:60px;z-index:99;background:#63993f;}
#nav ul .submenu li{line-height:25px;padding:10px 0;}
#nav ul .submenu li a{color:#fff;}
/*banner*/
.banner{position: relative; width:100%;}	
.banner .pic{position:relative; z-index:2;}	
.banner .pic li{height:580px;}	
.banner .hd{position:absolute;bottom:10px;left:0;z-index:3;text-align:center;margin:auto;width:100%;}
.banner .hd li{width:20px;height:10px;background:#fff;display:inline-block;margin-left:5px;border-radius:50px;}
.banner .hd li.on{background:#4b8a13;}
/*search*/
.search-box{line-height:60px;height:60px;border-bottom: 1px solid #ddd;}
.search-box .link span{font-size:16px;padding-right:5px;color:#000;}
.search-box .link a{padding:0 5px;font-size:14px;color:#000;}
.search{margin-top:15px;border-radius:5px;background:#000;}
.search .sousu{width:270px;line-height:30px;padding-left:5px;color:#a0a0a0;border:none;border:1px solid #ddd;font-size:12px;font-family: "宋体";}
.search .sou-zi{width:55px;line-height:32px;background:#4b8a13;font-size:16px;color:#fff;border:none;cursor:pointer;}
/*产品中心*/
.indexproduct{background:url(../images/chanpin_bg.png) repeat;padding:30px 0 40px 0;}
.indexproduct-lf{width:220px;background:#fff;float:left;}
.indexproduct-lf-top{width:100%;height:80px;line-height:80px;background:#4b8a13;}
.indexproduct-lf-top b{color:#fff;font-size:20px;display:block;font-weight:normal;background:url(../images/hhBg.png) no-repeat 168px center;padding-left:20px;}
.indexproduct-lf ul li{line-height: 60px;border-bottom: 1px solid #eaeaea;background:url(../images/list.png) 15px center no-repeat;background: #fff;}
.indexproduct-lf ul li>a:before{content: ">";font-weight: 700;margin-right: 8px;font-family: "simsun";color: #25b054;}
.indexproduct-lf ul li:nth-child(2) dl,.indexproduct-lf ul li:nth-child(3) dl{display: none;}
.indexproduct-lf ul li a.p-tit{color:#373737;font-size:14px;display: block;padding-left: 15px;}
.indexproduct-lf ul li dd{background: #fff;border-bottom:1px dashed #ddd;line-height: 52px;padding-left: 20px}
.indexproduct-rt{width:880px;float:right;}
.indexproduct-rt ul li{margin-bottom: 16px;}
.indexproduct-rt .indexproduct-item a{display:block;border:1px solid #ddd;padding:5px;background:#fff;}
.indexproduct-rt .indexproduct-item a span{display:block;height:206px;overflow: hidden;}
.indexproduct-rt .indexproduct-item a span>img{width:100%;height:100%;}
.indexproduct-rt .indexproduct-item a p{line-height:24px;font-size:14px;color:#373737;text-align: center;padding:8px 0;}
/*公共标题*/
.indextitle h2{font-size:36px;color:#4b8a13;line-height: 36px;text-align: center;font-weight:bold;}
.indextitle p{padding-top: 12px;font-size: 16px;line-height: 16px;color: #000000;text-align: center;text-transform: uppercase;}
/*关于我们*/
.indexAbout-lf{width:480px;float: left;border:1px solid #ccc;border-radius:8px;padding:5px;box-sizing: border-box;}
.indexAbout-lf img{width:100%;height:100%;}
.indexAbout-rt{width:620px;float:right;}
.indexAbout-rt p{font-size:15px;color:#000;line-height: 30px;text-indent:2em;}
.indexAbout-rt a.more{display:block;width:116px;text-align:center;border:2px solid #666;font-size:14px;margin-top:10px;padding:5px;color:#000;}
.indexAbout-rt a.more:hover{background:#4b8a13;color:#fff;border:2px solid #fff;}
/*我们的优势*/
.indexAdvant{background:#f5f5f5;width:100%;height:auto;}
.indexAdvant-title{background:url(../images/advant.png) top center no-repeat;width:100%;height:196px;}
.indexAdvant-title h3{font-size:36px;color:#fff;text-align: center;padding-top:28px;font-weight:bold;line-height: 36px;}
.indexAdvant-title p{color:#fff;font-size:14px;text-align: center;margin-top:8px;line-height: 35px;}
.indexAdvant-title p span{font-size:30px;}
.indexAdvant-item{margin-top:20px;}
.indexAdvant-item-lf{width:600px;float:left;}
.indexAdvant-item-list{margin-top:40px;}
.indexAdvant-item-list .xuhao{width:60px;height:60px;border-radius:50px;background:#4b8a13;font-size:34px;text-align: center;line-height: 60px;color:#fff;}
.indexAdvant-item-list .media-body{padding-left:15px;}
.indexAdvant-item-list .media-body p{font-size:24px;font-weight:bold;color:#4b8a13;line-height: 30px;}
.indexAdvant-item-list .media-body span{font-size:16px;color:#959595;line-height: 28px;}
.indexAdvant-item-list ul{margin-top:20px;}
.indexAdvant-item-list ul li{background:url(../images/list1.png) left 8px no-repeat;font-size:15px;color:#000;line-height: 30px;padding-left:25px;}
.indexAdvant-item-rt{float: right;}
.indexAdvant-item-list ul li:before{content:">";color:#4b8a13;font-weight: bold;margin-right: 8px;font-family: "simsun";}
/*案例展示*/
.indexAnli-box {position: relative;margin-top:30px;}
.indexAnli-box .bd li {float: left;width:25%;}
.indexAnli-box .bd li div.indexAnli-item{margin: 0px 10px;}
.indexAnli-box .bd li div.indexAnli-item p{font-size:14px;color:#333;text-align: center;line-height: 30px;}
.indexAnli-box a {display: block;text-align: center;height: auto;}
.indexAnli-box a span{display:block;text-align: center;overflow:hidden;border:1px solid #ddd;height:212px;}
.indexAnli-box a span img {height: 100%;width: 100%;}
.indexAnli-box .bd li:hover div.indexAnli-item p{color:#ff0000;}
/*新闻中心*/
.news-problem{background:url(../images/chanpin_bg.png) repeat;padding:30px 0 40px 0;}
.news{width:745px;float: left;}
.news-body .news-img{width:200px;height:150px;overflow: hidden;}
.news-body .news-img>img{width:100%;height:100%;}
.news-body .media-body a{font-size:16px;color:#4b8a13;line-height: 16px;font-weight:bold;}
.news-body .media-body p{font-size:14px;color:#929292;line-height: 25px;}
.news-body .media-body span{font-size:14px;color:#929292;}
.news .news-list{margin-top:30px;}
.news .news-list li:before{width:100%;content:">";color:#4b8a13;font-weight: bold;margin-right: 8px;font-family: "simsun";box-sizing:border-box;line-height: 35px;}
.news .news-list li span{float:right;font-size:14px;color:#929292;}
.news .news-list li a{font-size:15px;color:#000;}
.news .news-list li a:hover{color:#4b8a13;}

.problem{float:right;width:320px;}
.problem-title{height:48px;line-height: 48px;}
.problem-title .problem-title-lf{font-size:20px;font-weight:bold;color:#4b8a13;}
.problem-title .gengduo{color:#333;font-size:14px;}
.problem .bd{height:369px;overflow: hidden;margin-top:15px;}
.problem ul li{margin-bottom: 18px;border-bottom: 1px solid #dbdbdb;padding-bottom: 5px;box-sizing: border-box;}
.problem ul li h3{background:url(../images/wen.png) left center no-repeat;padding-left:30px;line-height: 24px;}
.problem ul li h3 a{font-size:16px;color:#000;line-height: 16px;}
.problem ul li h3 a:hover{color:#4b8a13;}
.problem ul li p{font-size:14px;color:#929292;background:url(../images/da.png) left 1px no-repeat;padding-left:30px;line-height: 25px;margin-top:10px}
/*友情链接*/
.link{}
.link b{color:#1d3478;font-size:18px;font-weight:bold;margin-top:5px;padding-right:30px;}
.link b i{font-style:normal;font-size:24px;color:#1d3478;font-weight:normal;text-transform: uppercase;padding-left:10px;}
.link .layui-breadcrumb a{color:#707070!important;}
/*底部导航*/
.footer-nav{background:#4b8a13;height:50px;line-height: 50px;text-align: center;}
.footer-nav a{font-size:15px;color:#fff;padding:0 30px;}
.footer{margin:50px 0;}
.footer-lf{width:230px;float: left;margin-right:30px;border-right:1px solid #ccc;padding:20px 0;}
.footer-cent{width:600px;float:left;}
.footer-cent p{font-size:14px;color:#000;line-height: 25px;}
.footer-rt{float:right;width:100px;height:100px;overflow: hidden;}
.footer-rt>img{width:100%;height:100%;}

.bohao{width:60px;height:60px;position:fixed;bottom:20px;right:20px;z-index:10000;}

.indexproduct-lf .sub-cate a {display: block;padding-left: 60px;line-height: 36px;}

@media only screen and (min-width: 320px) and (max-width: 640px) {
	.layui-container {}
	.banner .pic li,.product-right li a span img{height:140px;}
	.logobox{text-align:center;height:auto;padding-top:.3rem;padding-bottom:.3rem;}
	.logobox .logo{text-align:center;}
	.logobox .logo img{width:2.1rem;margin-top:0;float:none !important;}
	.logobox button{display:block;margin-top:5px;}
	#nav ul .submenu li{padding:0;}
	#nav{position:fixed;width:100px;top:0;left:-100px;bottom:0; background:#000;z-index:10000;height:100%;padding-top:50px;transition:all .5s;box-sizing: border-box;}
	#nav .layui-container{padding:0;}
	#nav ul>li{width:100%;line-height:25px;height:auto;border:none;background:none;}
	#nav ul>li>a{color:#fff;font-size:16px;font-weight:normal;border-right:none;background:none;}
	#nav ul li a{line-height:30px;padding:5px 0;}
	#nav ul li a:hover,#nav ul li a:active,#nav ul li a.current{background:#4b8a13;color:#FFF;border-bottom:none;}
	
	.banner .hd li{width:12px;height:4px;}
	
	.indexproduct{padding:30px 0;}
	.indexproduct-lf{width:100%;float:none!important;}
	.indexproduct-lf-top{height:40px;line-height: 40px;}
	.indexproduct-lf-top b{background:none;padding-left:0px;text-align: center;}
	.indexproduct-lf ul li{line-height: 40px;}
	.indexproduct-rt{width:100%;float:none!important;}
	.indexproduct-rt .indexproduct-item a span{height:3rem;}
	.indexproduct-rt ul li{margin-top:16px;margin-bottom: 0px;}
	
	.indexAbout{margin-top:30px!important;}
	.indextitle h2{font-size:24px;line-height: 24px;}
	.indexAbout-box{margin-top:20px!important;}
	.indexAbout-rt{float:none!important;width:100%;}
	.indexAbout-rt p{font-size:14px;line-height: 24px;}
	
	.indexAdvant{margin-top:30px!important;}
	.indexAdvant-title{height:auto;}
	.indexAdvant-title h3{font-size:24px;line-height: 24px;padding-top:20px;}
	.indexAdvant-title p{line-height: 24px;}
	.indexAdvant-title p span{font-size:20px;}
	.indexAdvant-item-lf{width:100%;float:none!important;}
	.indexAdvant-item-list{margin-top:0px;}
	.indexAdvant-item-list .xuhao{width:30px;height:30px;font-size:24px;line-height: 30px;}
	.indexAdvant-item-list .media-body p{font-size:20px;line-height: 24px;}
	.indexAdvant-item-list .media-body span{line-height: 24px;}
	.indexAdvant-item-list ul li{line-height: 24px;}
	.indexAdvant-item-list ul li{padding-left:0px;}
	.indexAdvant-item-list ul{margin-top:10px;}
	
	.indexAnli{margin-top:30px!important;}
	.indexAnli-box{margin-top:20px;}
	.indexAnli-box .bd li{width:100%;}
	
	.news-problem{margin-top:30px!important;padding:20px 0;}
	.news{width:100%;float:none!important;}
	.problem-title .problem-title-lf{font-size:24px;}
	.news-body .media-body a{font-size:20px;line-height: 20px;}
	.news-body .media-body p{line-height: 24px;}
	.news .news-list{margin-top:5px;}
	.news .news-list li a{display:block;width:75%;float: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
	.news .news-list li span{display:block;width:25%;text-align: right;}
	.news .news-list li:before{display:none;}
	.problem{width:100%;float:none!important;}
	.problem{margin-top:20px;}
	.problem ul li h3 a{text-overflow: ellipsis;overflow:hidden;white-space: nowrap;}
	
	.footer-cent{width:100%;float:none!important;}
	.footer{margin:15px 0;}
	.footer-cent p{line-height: 20px;text-align: center;}
}