﻿/*公用样式部分*/
html{width:100%;overflow-x:hidden;}
body{line-height:2;}
.displaynone{display:none;}
.layui-container {width:1230px;}
.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;}
.mt70{margin-top:70px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.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;}

/*header*/
.top{height:45px;line-height:45px;border-top:4px solid #1ca458;border-bottom:1px solid #f7f7f7;color:#666;}
.top .top-right{color:#666;}
.top .top-right a{padding:0 6px;transition:all .3s;color:#666;}

.logobox{position:relative;padding:.28rem 0;}
.logo img{padding-right:15px;}
.logori{padding:0px 0 0px 15px;border-left:1px solid #d3d3d3;}
.media, .media .media{margin-top:0;}
.logobox .logoright div.float-left{padding-right:10px;margin-top:17px;}
.logobox .logoright strong{font-weight:normal;color:#008c3e;font-size:36px;line-height:36px;font-family: impact;}
.logobox .logoright p{line-height:20px;padding-top:8px;}
.logobox button{cursor:pointer;border:none; color:#da1c24; font-size:22px;display:none;z-index:20000;background:none;float:left !important;z-index:2;}

#nav{background:url(../images/nav_bj.jpg) repeat-x;height:50px;}
#nav ul>li{float:left;width:16.6666%;text-align:center;position:relative;line-height:50px;box-sizing:border-box;background:url(../images/nav_line.png) right center no-repeat;}
#nav ul>li:last-child{background:none;}
#nav ul>li>a{display:block;font-size:18px;color:#fff;font-weight:bold;}
#nav ul>li.active>a{background:#fcb233;line-height:50px;}
#nav ul .submenu{position:absolute;width:100%;top:50px;z-index:99;background:#fcb233;display:none;}
#nav ul .submenu li{line-height:25px;padding:10px 0;border-bottom: 1px solid #fff;}
#nav ul .submenu li:last-child{border-bottom: none;}
#nav ul .submenu li a{color:#FFF;}

/*banner大图轮播*/
.swiper-container{width:100%;height:450px;}
.swiper-slide{background-repeat: no-repeat;background-size: cover;background-position: center;}
.swiper-pagination-bullet{width:12px;height:12px;background:#fff;opacity:1;}
.swiper-pagination-bullet-active{background:#fcb233;}

/*关键词搜索*/
.search-box{line-height:50px;height:50px;border:1px solid #e7e7e7;margin-top:20px;padding:0 18px;box-sizing: border-box;}
.search-box .link span{color:#fcb233;font-size:16px;font-weight:700;}
.search-box .link a{padding:0 10px;color:#797979;font-size:14px;}
.search-box .link a:hover{color:#fcb233;}
.search{margin-top:6px;}
.search .sousu{width:145px;line-height:35px;padding-left:10px;border:none;box-sizing: border-box;background:none;border:1px solid #e8e8e8;font-size:12px;color:#666;font-family:"宋体";}
.search .sou-zi{width:37px;line-height:37px;background:#3e8d54;font-size:16px;color:#fff;border:none;cursor:pointer;text-align: center;}

/*物资回收项目*/
.huishou-lf{width:272px;background:#1ca458;padding-bottom: 15px;}
.huishou-lf-top{height:80px;background:url(../images/huishou_top.png) top center no-repeat;text-align: center;color:#fff;}
.huishou-lf-top h2{font-size:24px;line-height: 28px;font-weight:bold;padding-top:18px;}
.huishou-lf-top p{font-size:14px;line-height: 28px;text-transform: uppercase;}
.huishou-lf .menuList{background:#fff;margin:0 10px;background:#ffffff;border-radius:8px;padding:20px 10px 5px 10px;}
.huishou-lf .menuList li{height:35px;line-height: 35px;border-radius:15px;border:1px solid #a09b9d;font-size:16px;font-weight:bold;margin-bottom: 15px;text-align: center;}
.huishou-lf .menuList li a{color:#0e0e0e;}
.huishou-lf .menuList li:hover{background:#1ca458;border:1px solid #fff;}
.huishou-lf .menuList li:hover a{color:#fff;}

.huishou-rt{width:900px;}
.huishou-rt ul li{margin-bottom: 32px;}
.huishou-rt ul li a{display:block;text-align: center;}
.huishou-rt ul li a span{display:block;height:2.14rem;overflow: hidden;}
.huishou-rt ul li a span>img{width:100%;height:100%;transition: .3s;}
.huishou-rt ul li:hover a span>img{transform: scale(1.03);}
.huishou-rt ul li a h3{background:#f1f1f1;height:38px;line-height: 38px;font-size:16px;color:#636363;text-align: center;}
.huishou-rt ul li a h3:hover{background:#1ca458;color:#fff;}

/*公共大标题*/
.indexTitle h2{font-size:32px;color:#159a50;line-height: 35px;font-weight:bold;}
.indexTitle p{background:url(../images/tit_line.png) top center no-repeat;height:3px;margin-top:18px;}

/*工业废旧垃圾处理*/
.ljcl{width:100%;background:#ececec;padding:45px 0 65px 0;}
.ljcl-box{position: relative;margin-top:35px;}
.ljcl-box .bd li{width:25%;float: left;}
.ljcl-box .bd li div.ljcl-item{margin:0 10px;}
.ljcl-box .bd li a{display:block;text-align: center;}
.ljcl-box .bd li a span{display:block;height:2.38rem;overflow: hidden;}
.ljcl-box .bd li a span>img{width:100%;height:100%;}
.ljcl-box .bd li a h3{background:#fff;font-size:16px;color:#4a4a4a;text-align: center;height:45px;line-height: 45px;}
.ljcl-box .bd li a h3:hover{background:#1ca458;color:#fff;}
.ljcl-box .prev,.ljcl-box .next{position: absolute;top:90px;}
.ljcl-box .prev{left:-50px;}
.ljcl-box .next{right:-50px;}
.ljcl-box .prev img,.ljcl-box .next img{width:35px;height:80px;}

/*您是担心这些问题吗*/
.wenti{margin-top:45px;}
.wenti .indexTitle h2{font-size:36px;color:#159a50;line-height: 40px;font-weight:normal;}
.wenti .indexTitle p{background:url(../images/tit_line1.png) top center no-repeat;height:7px;margin-top:18px;}
.wenti-box{background:url(../images/wenti.png) top center no-repeat;height:496px;margin-top:45px;position: relative;}
.wenti-box .txt{position: absolute;text-align: center;}
.wenti-box .txt h4{font-size:24px;color:#2d2d2d;line-height: 30px;}
.wenti-box .txt p{font-size:26px;color:#1ca458;line-height: 30px;margin-top:10px;}
.wenti-box .txt1{top:380px;left:0;}
.wenti-box .txt2{top:198px;left:80px;}
.wenti-box .txt3{top:0px;left:473px;}
.wenti-box .txt4{top:198px;right:46px;}
.wenti-box .txt5{top:380px;right:25px;}

/*关于我们*/
.indexAbout{background:url(../images/bj1.jpg) top center no-repeat;width:100%;}
.indexAbout-box{padding:0 15px 0 225px;}
.indexAbout-lf{width:420px;height:340px;padding:5px;box-sizing:border-box;background:#fff;overflow: hidden;margin-top:100px;}
.indexAbout-lf>img{width:100%;height:100%;}
.indexAbout-txt{width:500px;padding-bottom: 90px;}
.indexAbout-txt h3{font-size:24px;color:#009a44;line-height: 30px;font-weight:bold;padding-top:75px;}
.indexAbout-txt span{display:block;width:66px;height:2px;background:#009a44;margin:12px 0 6px 0;}
.indexAbout-txt p{font-size:14px;color:#333;line-height: 32px;text-indent:2em;}
.indexAbout-btn{margin-top:30px;}
.indexAbout-btn a{display:inline-block;background:#39b17c;padding:5px 35px;font-size:14px;color:#fff;border-radius:5px;}
.indexAbout-btn a.lianxi{margin-left:35px;}
.indexAbout-btn a:hover{background:#f2ab31;}

/*新闻资讯*/
.indexNews-tit h2{font-size:32px;color:#159a50;line-height: 35px;font-weight:bold;background:url(../images/tit_line2.png) center center no-repeat;}
.indexNews-tit h2 i{padding:0 5px;}
.indexNews-tit span{display:block;font-size:18px;color:#333;line-height: 20px;margin:10px 0;}
.indexNews-tit p{font-size:15px;color:#999;line-height: 20px;text-transform: uppercase;}
.indexNews-box{margin-top:22px;}
.indexNews-lf{background:#eeeeee;height:86px;width:86px;text-align: center;}
.indexNews-lf .day{display:block;font-style:normal;font-size:32px;color:#000;line-height: 40px;padding-top:10px;}
.indexNews-lf .date{display:block;font-size:14px;color:#848484;line-height: 25px;}
.indexNews-txt{padding-left:16px;}
.indexNews-txt h3{font-size:16px;font-weight:bold;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;line-height: 25px;}
.indexNews-txt h3 a{color:#0e0e0e;}
.indexNews-txt h3:hover a{color:#159a50;}
.indexNews-txt p{font-size:14px;color:#7c7c7c;line-height: 28px;}
.indexNews-box ul li{margin-bottom: 16px;}
.indexNews-box a.more{display:block;width:212px;height:40px;border:1px solid #dcdcdc;font-size:16px;color:#939393;line-height: 40px;text-align: center;margin: 24px auto 0;}
.indexNews-box a.more:hover{background:#f2ab31;color:#fff;border:1px solid #fff;}

/*友情链接*/
.flink-top b{font-size:18px;color:#272727;display:inline-block;line-height: 20px;}
.flink-top span{display:block;width:1105px;height:1px;background:#cdcdcd;margin-top:9px;}
.flink-box div.float-left{font-size:30px;color:#b4b4b4;text-transform: uppercase;}
.flink-box div.media-body{padding-left:15px;}
.flink-box div.media-body a{font-size:14px;color:#8d8d8d;padding:0 6px;}
.flink-box div.media-body a:hover{color:#159a50;}

/*footer*/
.footer-nav{width:100%;height:65px;line-height: 65px;background:#3c3c3c;text-align: center;}
.footer-nav span a{font-size:18px;color:#fff!important;}
.footer-nav .layui-breadcrumb span[lay-separator]{margin:0 45px!important;color:#fff!important;}
.footer-body{background:url(../images/footer_bj.jpg) top center;padding:15px 0 15px 0;}
.footer-logo{padding-top:25px;}
.footer-xinxi{width:450px;padding-left:104px;}
.footer-xinxi p{font-size:16px;color:#fff;line-height: 28px;}
.erweima{width:82px;height:82px;overflow: hidden;padding-top:15px;}
.erweima>img{width:100%;height:100%;}
.footer-bq{font-size:14px;color:#fff;text-align: center;margin-top:50px;}
.footer-body a{color:#fff;}

.city-list {color: #fff;}
.city-list .layui-breadcrumb a {color: #fff!important;}

.sj-toolbar{position:fixed;bottom:20px;right:15px;z-index:10000;}
.sj-toolbar a.bohao{display:block;width:53px;height:53px;background:url(../images/toolbar1.png) no-repeat;background-position: 0 0;}
.sj-toolbar a.fhtop{display:block;width:52px;height:52px;background:url(../images/toolbar1.png) no-repeat;background-position: 0 -62px;}

@media only screen and (min-width: 320px) and (max-width: 640px) {
	.layui-container {width:auto!important;}
	.banner .pic li{height:140px;}
	.logobox{text-align:center;height:.9rem;}	
	.logobox .logo,.aboutus-cont .abtTxt{margin:0;}
	.logobox .logo img{width:4rem;margin-top:10px;float:left;margin-left:15px;}
	.logobox{padding:0;}
	.logobox button{display:block;margin-top:5px;}
	
	.logobox .head-icon{width:.9rem;height:.9rem;float:right;display:block;position:relative;}
	.logobox .head-icon span{display:block;position: absolute;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: .5rem;
    height: .37rem;
    transition: all 0.5s ease-in-out;
    background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: url(../images/icon1.png);}
	.head-icon.active span{width: 0.37rem;height: 0.37rem;background-image: url(../images/icon2.png);}
	/*主导航样式*/
	#nav{background-color: rgba(0, 0, 0, 0.7);height:auto;}
	#nav ul>li{width:100%;background:none;}
	#nav ul>li a{color:#666;font-size:14px;}
	#nav ul>li.active>a{line-height:.8rem;color:#666;background:none;}
	#nav ul>li:hover a{color:#333;font-weight:bold;}
	.navbar{position: fixed;display:none;top: .9rem;left: 0;width: 100%;bottom: 0;z-index: 9999;}
	.navbar-nav{width: 100%;background-color: #fff;z-index: 1200;border-top: .01rem solid #e5e5e5;padding-bottom: .8rem;}
	.navbar-nav ul{width:100%;height:auto;overflow:hidden;}
	.navbar-nav li{width:100%;height:auto;overflow:hidden;border-bottom:.01rem solid #e5e5e5;float:none}
	.navbar-nav li a{display: block;width: 100%;text-align: center;line-height: .8rem;height: .8rem;font-size: .24rem;color: #666;}
	.navbar-nav li a:hover{color:#149350;}
	
	.swiper-container{height:150px;}
	
	.huishou{margin-top:30px!important;}
	.huishou-lf{width:100%;float:none!important;background:none;}
	.huishou-lf-top{height:auto;background:none;}
	.huishou-lf .menuList li{height:35px;line-height: 35px;margin-bottom: 8px;font-size:14px;}
	.huishou-rt{width:100%;float:none!important;margin-top:20px;}
	.huishou-rt ul li{margin-bottom: 10px;}
	
	.ljcl{margin-top:30px!important;padding:25px 0;}
	.indexTitle h2{font-size:24px;line-height: 30px;}
	.ljcl-box{margin-top:20px;}
	.ljcl-box .bd li{width:100%;}
	.ljcl-box .bd li a span{height:4.5rem;}
	
	.wenti{margin-top:30px;}
	.wenti .indexTitle h2{font-size:24px;line-height: 30px;font-weight:bold;}
	.wenti .indexTitle p{background:url(../images/tit_line.png) top center no-repeat;height:3px;margin-top:18px;}
	.wenti-box{background:none;height:auto;margin-top:20px;}
	.wenti-box .txt{position: static;text-align: left;border-bottom: 1px dashed #ddd;padding-bottom: 10px;margin-bottom: 10px;}
	.wenti-box .txt h4{font-size:20px;line-height: 25px;}
	.wenti-box .txt p{font-size:18px;line-height: 20px;}
	
	.indexAbout{background:#159a50;margin-top:30px;}
	.indexAbout-box{padding:0px;}
	.indexAbout-txt{width:100%;float:none!important;}
	.indexAbout-txt p{color:#fff;line-height: 25px;}
	.indexAbout-txt{padding-bottom: 25px;}
	.indexAbout-txt h3{color:#fff;padding-top:20px;}
	.indexAbout-btn{margin-top:10px;}
	.indexAbout-btn a.lianxi{margin-left:0px;}
	
	.indexNews{margin-top:30px!important;}
	.indexNews-tit h2{font-size:24px;line-height: 30px;background:none;}
	.indexNews-tit h2 i{display:none;}
	.indexNews-tit span{font-size:16px;margin:5px 0;}
	.indexNews-tit p{font-size:14px;}
	.indexNews-lf{width:30%;height:auto;}
	.indexNews-txt{padding-left:10px;}
	.indexNews-box a.more{margin-top:10px;}
	.indexNews-txt p{line-height: 20px;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
	
	.footer-body{padding:20px 0;}
	.footer-xinxi{padding-left:0px;width:100%;float:none!important;}
	.footer-xinxi p{font-size:14px;text-align: center;line-height: 20px;}

	.huishou-lf-top p{color:#333;}
	.huishou-lf-top h2{padding-top:0px;color:#159a50;}
	.huishou-lf .menuList{margin:0px;padding:0px;}
	.huishou-lf .menuList li{width:31.3333%;border:none;background:#159a50;border-radius:0px;float:left;margin:5px 1%;padding:0 5px;box-sizing: border-box;}
	.huishou-lf .menuList li a{color:#fff;display:block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
	.huishou-lf .menuList li:hover{background:#1ca458;border:none;}
}
