/*补充*/
.ban {height: 180px;background: url(../images/ban.jpg) center top no-repeat;}
#nav-position { border: 1px solid #ddd;padding: 3px 10px;margin-top: -14px;background: #fff;line-height: 40px;}
#main-box {margin-top: 20px; }
.submenu-box {border: 1px solid #ddd;background: #fff; }
/*框颜色*/
.submenu-box h1 {font-size: 16px;background: #00824a;padding: 8px 12px;color: white; }
.submenu-box ul {padding: 5px 12px 20px;}
.submenu-box li {border-bottom: 1px dashed #ddd;}
.submenu-box li a {display: block;background: url(../images/submenu-li-bg.jpg) left center no-repeat;padding-left: 5px;line-height: 45px;transition: all 0.5s;}
.submenu-box li a:hover {background: url(../images/submenu-li-bg.jpg) 10px center no-repeat #f7f7f7;padding-left: 22px;}
.submenu-box li a span {float: right;}
#main-con {background: #fff;min-height: 400px;padding: 10px 20px;box-shadow: 3px 5px 10px rgba(0,0,0,.1);border:1px solid #ddd;line-height: 2;}
#main-con img {max-width: 100%;}

.left-lianxi {border:1px solid #ddd; background-color: #ffffff;}
/*框颜色*/
.left-lianxi h1 {font-size: 16px;background: #00824a;padding: 8px 12px;color: white;}
.left-lianxi li span {display: inline-block;text-align: center;width: 20px;color: #ccc;}
.left-lianxi ul {padding: 10px;line-height: 2;}

.margin-top50 {margin-top: 50px;}
.margin-top10 {margin-top: 10px;}

@media only screen and (min-width: 320px) and (max-width: 640px) {
	.swiper-button-next, .swiper-button-prev{display:none;}
	.banner .pic li img{height:160px !important;width:100%}
	.logobox button{display:inline-block; cursor:pointer;}
	#nav ul .submenu li{padding:0;}
	#nav{position:absolute; top:80px; width:100%; left:0; background:#1857a4; /*display:none;*/ z-index:999;height:auto;}
	#nav ul>li{width:100%;line-height:25px;height:auto;border:none;}
	#nav ul>li>a{color:#fff;font-size:16px;font-weight:normal;}
	#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:#D82727;color:#FFF;border-bottom:none;}
	.logobox{height:80px;}
	.logo,.product{margin-top:20px;}
	.product,.advantage{padding-left:15px;padding-right:15px;}
	.product .product-left{width:100%;}
	.product .product-left h3{background:#1857A4;height:40px;line-height:40px;}
	.product-right ul li span img,.plant .plant-cont li span img{height:160px;}
	.adva-cont .adva-center{background:none;width:100%;}
	.adva-cont .adva-center ul li{width:100%;}
	.service ul{background:none;}
	.service ul li{margin-top:10px;}
	#main-con {margin-top: 10px;min-height: auto;}
}
/*补充结束*/


/*公用样式部分*/
html{width:100%;overflow-x:hidden;}
body{line-height:2;background:#f5f5f5;}
.undisplay {display: none;}
.layui-container {width:1200px;}
.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;}
.w1160{width:1160px;margin:0 auto;}
.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;}
.top .top-right a{padding:0 10px;font-size:14px;color:#333;}
/*header*/
.header{background:url(../images/header_bj.jpg) top center no-repeat;height:218px;}
/*****logobox*****/
.logo-search{height:178px;padding-top:.3rem;position:relative;}
.logo img{padding-right:15px;}
.logo-search #menu-btn{cursor:pointer;border:none; color:#007bd3; font-size:22px;display:none;z-index:20000;background:none;float:left !important;z-index:2;}
/*search*/
.search{margin-top:15px;border-radius:5px;background:#000;}
.search .sousu{width:270px;line-height:35px;height:35px;padding-left:5px;color:#666;border:none;font-size:12px;font-family: "宋体";}
.search .sou-zi{width:45px;line-height:35px;background:#ffa405;font-size:18px;color:#fff;border:none;cursor:pointer;}
.search-box{margin-top:30px;}
.search-box .weather{text-align: center;}
.search-box .weather span{font-size:12px;color:#000;}
/*nav*/
#nav{background:#099841;height:50px;}
#nav ul>li{float:left;width:12.5%;text-align:center;position:relative;line-height:50px;background:url(../images/nav_line.png) right center no-repeat;}
#nav ul>li>a{display:block;font-size:18px;color:#fff;}
/*#nav ul>li:hover{background:#ffa405;}*/
#nav ul .submenu{position:absolute;display:none;width:100%;top:50px;z-index:99;background:#f0f0f0;}
#nav ul .submenu li{border-bottom:1px solid #ddd;line-height:25px;padding:10px 0;}
#nav ul .submenu li a{color:#333;}
/*main*/
.main{background:#fff;overflow: hidden;zoom: 1;padding:20px 20px 0 20px;}
.hottitle{height:120px;background:#f7f8fc;position: relative;}
.hottitle h3{text-align: center;font-size:28px;padding-top:10px;line-height: 50px;padding-left:70px;font-weight:bold;}
.hottitle h3 a{color:#099841;}
.hottitle h3 a:hover{color:#d81e05;text-decoration: underline;}
.hottitle p{text-align: center;font-size:16px;color:#666;line-height: 25px;padding-left:70px;}
.hottitle p a{color:#666;}
.hottitle p a:hover{color:#099841;}
.toutiao{position: absolute;top:0;left:0;}
/*公司新闻以及党建动态*/
.news .news-l{overflow:hidden;}
.pic-banner{position: relative;}
.pic-banner .bd li{height: 369px;width:554px;overflow: hidden;}
.pic-banner .bd li span{display:block;position: absolute;bottom: 0;left: 0px;height: 40px;background: rgba(0,0,0,.5);z-index: 1;color: #FFF;line-height: 40px;font-size: 14px;width: 554px;padding-left:10px;box-sizing:border-box ;}
.pic-banner .hd {position: absolute;z-index: 1;right: 20px;bottom: 5px;text-align: center;}
.pic-banner .hd li {display: inline-block;width:12px;height:12px;border-radius:50px;background:#fff;overflow: hidden;text-indent: 10em;margin: 0px 3px;}
.pic-banner .hd li.on {background:#c69c1e;}
.news .news-r{/*width:580px;*/}
.news .news-r .panel_items{border-bottom: 1px solid #ddd;line-height: 35px;height:35px;}
.news .news-r .panel_items li{font-size:16px;color:#000;float:left;cursor: pointer;width:100px;height:35px;text-align: center;}
.news .news-r .panel_items li a{color:#000;}
.news .news-r .news-list{margin-top:15px;}
.news .news-r .news-list li{background:url(../images/list1.png) left center no-repeat;padding-left:20px;height:32px;line-height: 32px;}
.news .news-r .news-list li a{font-size:16px;color:#333;display:block;width:80%;overflow: hidden;text-overflow: ellipsis;white-space:nowrap;float:left;}
.news .news-r .news-list li span{font-size:14px;color:#666;}
.news .news-r .news-list li:hover a{color:#d81e05;}
.mF_expo2014 .num{right:22px!important;}
.lihover{border:1px solid #ddd;border-top:1px solid #099841;border-bottom:none;background:#fff;z-index:9999;}
.lihover a{color:#099841!important;font-weight:bold;}
/*专题轮播*/
.zhuantibox{width:100%;height:100px;overflow:hidden;}
.zhuantibox>img{width:100%;height:100%;}
/*.zhuantibox{position: relative;}
.zhuantibox .bd li{height: 100px;}
.zhuantibox .hd {position: absolute;z-index: 1;right: 10px;bottom: 5px;text-align: center;}
.zhuantibox .hd li {display: inline-block;width:10px;height:10px;border-radius:50px;background:#fff;overflow: hidden;text-indent: 10em;margin: 0px 4px;}
.zhuantibox .hd li.on {background:#c69c1e;}*/
/*公共标题*/
.indextitle{background:url(../images/dt_title.png) top center no-repeat;height:38px;}
.indextitle h3{font-size:18px;font-weight:bold;line-height: 38px;padding-left:16px;}
.indextitle h3 a{color:#fff;padding-left:10px;}
/*公共标题2*/
.indextitle1{background:url(../images/dt_title1.png) top center no-repeat;height:38px;}
.indextitle1 h3{font-size:18px;font-weight:bold;line-height: 38px;padding-left:16px;}
.indextitle1 h3 a{color:#fff;padding-left:10px;}
/*学习动态以及通知公告*/
.dt{width:785px;float:left;}
.dt-box{margin-top:20px;}
.dt-box-img{text-align: center;width:270px;float:left;}
.dt-box-img span{display:block;width:270px;height:187px;overflow: hidden;}
.dt-box-img>img{width:100%;height:100%;}
.dt-box-img p{margin-top:5px;}
.dt-box-img p a{font-size:16px;color:#333;}
.dt-list{width:498px;float:right;}
.dt-list li{background:url(../images/list2.png) left center no-repeat;padding-left:20px;height:32px;line-height: 32px;}
.dt-list li a{font-size:16px;color:#333;}
.dt-list li span{font-size:14px;color:#666;}
.dt-list li a:hover{color:#d81e05;}

.gg{width:344px;float:right;}
.gg ul{margin-top:20px;}
.gg ul li{background:url(../images/list2.png) left center no-repeat;padding-left:20px;height:32px;line-height: 32px;}
.gg ul li a{font-size:16px;color:#333;}
.gg ul li span{font-size:14px;color:#666;}
.gg ul li a:hover{color:#d81e05;}
/*hengtiao*/
.hengtiao{margin-top:20px;}
/*.hengtiao{width:100%;height:100px;overflow:hidden;}
.hengtiao>img{width:100%;height:100%;}*/
.hengtiao{position: relative;}
.hengtiao .bd li{height: 100px;}
.hengtiao .hd {position: absolute;z-index: 1;right: 10px;bottom: 5px;text-align: center;}
.hengtiao .hd li {display: inline-block;width:10px;height:10px;border-radius:50px;background:#fff;overflow: hidden;text-indent: 10em;margin: 0px 4px;}
.hengtiao .hd li.on {background:#c69c1e;}
/*工程介绍以及客户留言*/
.gcjs{width:785px;float:left;}
.gcjs-box {position: relative;margin-top:20px;}
.gcjs-box .bd li {float: left;width:33.3333%;}
.gcjs-box .bd li div.gcjs-item {margin: 0px 10px;position: relative;}
.gcjs-box .bd li div.gcjs-item p{width:100%;height:30px;background:rgba(0,0,0,.6);font-size:14px;color:#fff;text-align: center;line-height: 30px;position: absolute;bottom:0;left:0;display:none;}
.gcjs-box a {display: block;text-align: center;height: auto;}
.gcjs-box a span{display:block;text-align: center;overflow:hidden;border:1px solid #ddd;height:204px;}
.gcjs-box a span img {height: 100%;width: 100%;}
.gcjs-box .bd li:hover div.gcjs-item p{display:block;}

.liuyan{width:344px;float:right;}
.liuyan form{margin-top:20px;}
.liuyan form ul li{margin-top:12px;height:35px;width:160px;}
.liuyan ul li input{height:35px;background:#f0f0f0;color:#333;border:none;border-radius:5px;width:160px;text-indent: 1em;}
.liuyan ul li textarea{height:50px;background:#f0f0f0;border-radius:5px;width:344px;color:#222;border:none;resize:none;padding-top:10px;box-sizing: border-box;}
.liuyan ul li .btn_submit1{width:344px;height:35px;color:#fff;text-align:center;line-height:38px;cursor:pointer;background:#ef771f;}

/*友情链接*/
.flink{height:35px;background:#f0f0f0;}
.flink b{display:block;width:111px;height:35px;line-height:35px;background:url(../images/link.png) left center no-repeat;font-size:18px;color:#fff;line-height: 35px;text-align: center;float:left;}
.flink span{display:block;line-height:35px;float:left;padding-left:20px;}
.flink span a{font-size:14px;color:#333;padding:0 5px;line-height: 35px;}
.flink span a:hover{color:#25a009;}
/*footer*/
.footer{border-top:2px solid #099841;padding-bottom: 60px;}
.footer span.footer-nav{display:block;text-align: center;margin-bottom: 10px;padding-top:32px;}
.footer span.footer-nav a{font-size:16px;color:#666!important;}
.footer span.footer-nav a:hover{color:#25a009!important;}
.footer p{font-size:14px;color:#666;text-align: center;line-height: 30px;}
@media only screen and (min-width: 320px) and (max-width: 640px) {
	.layui-container {width:auto!important;}
	.w1160{width:auto!important;}
	.logo-search{padding-bottom: .3rem;}
	.logo-search .logo{text-align:center;}
	.logo-search .logo img{width:3rem;margin-top:0;float:none !important;}
	.logo-search button{display:block!important;margin-top:5px;}
	#nav ul .submenu li{padding:0;}
	#nav{position:fixed;width:100px;top:0;left:-100px;bottom:0; background:#099841;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:#ffa405;color:#FFF;border-bottom:none;}
	.header{background:none;height:auto;}
	.logo-search{height:auto;}
	
	.news{margin-top:0px;}
	.news .news-r .news-list li a{display:block;width:70%;}
	.news .news-r .news-list li span{display:block;width:30%;}
	
	.indextitle{width:auto;background:#099841;}
	.indextitle h3{padding-left:5px;font-size:14px;}
	.indextitle1{width:auto;background:#099841;}
	.indextitle1 h3{padding-left:5px;font-size:14px;}
	
	.dt{width:100%;float:none!important;}
	.dt-list{width:100%;float:none!important;}
	.dt-list li a{display:block;width:70%;overflow: hidden;text-overflow: ellipsis;white-space:nowrap;float:left;}
	.dt-list li span{display:block;width:30%;}
	.gg{width:100%;float:none!important;margin-top:20px;}
	.gg ul li a{display:block;width:70%;overflow: hidden;text-overflow: ellipsis;white-space:nowrap;float:left;}
	.gg ul li span{display:block;width:30%;}
	.dt-box{margin-top:0px;}
	
	.gcjs{width:100%;float:none!important;}
	.gcjs-box .bd li{width:100%;}
	
	.footer{padding-bottom: 10px;}
	.footer span.footer-nav{padding-top:5px;}
}