/*移动端样式设置*/
/*html,body {height: 100%;}
body {width:7.5rem;margin:0px auto;overflow-x: hidden;}
.container {width: 100%;padding: 0rem 0.1rem;}*/


/*公共样式*/
body {background: #fff;line-height: 2;overflow-x: hidden;color: #333;}
.font-yahei {font-family: "微软雅黑";}
.container {width: 1200px;padding-left: 10px;padding-right: 10px;}
.layout,.container-layout {min-width: 1200px;}
canvas {margin: 0px;padding: 0px;display: block;}j
a {color: #333;}
.text-white,.text-white a {color: #fff;}
.margin-bottom20 {margin-top: 20px;}
.margin-top20{margin-top: 20px;}

/*首页样式*/
#top-box{height: 142px;}
#top-1{height: 40px;background: #59595b;line-height: 40px;}
#top-1 span{display: block;background: url(../images/tell.png) left center no-repeat;padding-left:30px;}

#logo {padding: 10px 0px;height: 108px;}
#logo  h1{font-size: 30px;}
#logo  p{font-size: 14px;line-height: 8px; letter-spacing:3px;}
#nav-box {padding-top: 20px;}
.nav-list >ul >li {float: left;position: relative;padding-left: 20px;padding-right: 22px;height: 72px;}
.nav-list >ul >li >a {display: block;text-align: center;line-height: 50px;font-size: 16px;}
.nav-list >ul >li >a:hover {color: #528032;}
.nav-list >ul >li:hover{border-bottom: 4px #5e8940 solid;}

/*轮播图*/
.banner-box .bd li {height: 600px;}
.banner-box {position: relative;}
.banner-box .hd {position: absolute;left: 0px;bottom: 5px;width: 100%;text-align: center;}
.banner-box .hd li {display: inline-block;width: 15px;height: 15px;background: #ddd;border-radius: 50%;margin: 0px 3px;overflow: hidden;text-indent: 10em;}
.banner-box .hd li.on {background: #528032;}

/*产品中心*/
#product{margin-top:35px;}
#product h1{font-size: 30px;line-height:1.8;display: block;}
#product span{border:1px #CCCCCC solid;height:25px;line-height: 25px;width:60px;color:#666666;text-align:center;display: block;margin-top: 20px ;
margin-left:37px;}
#product ol{padding: 20px 0;}
#product ol li {float:right;padding-left: 20px;padding-right: 20px;text-align: center;}
#product ul{margin-top: 30px;}
#product ul li {float: left;width: 280px;margin-right: 20px;text-align: center;}
#product ul li:nth-of-type(4),#product ul li:nth-of-type(8){margin-right: 0px;}
#anli-icon{width:280px;height: 60px;padding: 10px;color: #666666;}
#anli-icon h2{font-size: 18px;line-height:2.2;}
#anli-icon p{display:block;font-size: 18px;line-height:2.2;color: #666666;}
#product ul li img {overflow: hidden;display: block;height: 210px;width:100%;}
#product ul li:hover #anli-icon{color: #528032;}

/*关于我们*/
#about{background: url(../images/about.jpg) no-repeat center;width:100%;height: 600px;margin-top:35px;padding-top: 45px;}
#about-bg{height: 505px;width: 100%;background: white;padding: 30px 25px;}

#about-con {margin-left:-20px;}
#about-con h2 {font-size: 26px;}
#about-con p {line-height: 2.2;}
#about-con .more {margin-top:40px;}
#about-con .more a {display: inline-block;padding: 4px 20px;background: #528032;color: #fff;}
#about-con >ul{border-bottom: 1px #ccc dashed;height:90px;margin-top: 20px;margin-bottom: 20px;}
#about-con >ul >li {float: left;width:75px;height:75px;text-align: center;margin-right: 65px;}
#about-con >ul >li img{text-align: center;}
#about-con b {display: block;text-align: center;line-height:3;font-size: 14px;font-weight: normal;color: darkgray;}

/*工程案例*/
#anli{margin-top:35px;}
#anli h1{font-size: 30px;line-height:1.8;display: block;}
#anli span{border:1px #CCCCCC solid;height:25px;line-height: 25px;width:60px;color:#666666;text-align:center;display: block;margin-top: 20px ;
margin-left:37px;}
#anli ul{margin-top: 30px;}
#anli ul li {float: left;width: 280px;margin-right: 20px;text-align: center;position: relative;}
#anli ul li:nth-of-type(4),#product ul li:nth-of-type(8){margin-right: 0px;}
#anli ul li img {overflow: hidden;display: block;height: 215px;width:100%;}
#anli ul li b{display: block;height: 40px;background:rgba(255,255,255,0.6);width: 100%;line-height: 40px;position: absolute;bottom:0px;left: 0px;color: #666;}

/*新闻中心*/
#news{margin-top:50px;}
#news-left{background: #f7f6f6;height: 355px;border: 1px solid #CCCCCC;}
#news-top{border-bottom: 1px solid #CCCCCC;height:55px;}
#news-left h1{font-size: 30px;line-height:1.8;display: block;}
#news-left span{border:1px #CCCCCC solid;height:25px;line-height: 25px;width:60px;color:#666666;text-align:center;display: block;margin-top:15px ;
margin-left:-20px;}
#news-top ul li {float: left;padding-left: 20px;padding-right: 22px;height: 55px;}
#news-top ul li a {display: block;text-align: center;line-height: 50px;font-size: 16px;}
#news-top ul li a:hover {color: #f00;}
#news-top ul li:hover{border-bottom: 2px #f00 solid;}
#news-zxbot{width:670px;margin-top: 30px;padding-left: 20px;}
#toutiao img {width: 130px; height: 100px;}
#toutiao h1 {font-size: 16px; font-weight: bold;}
#toutiao p {color: #666;line-height: 1.8;}
.news-list {padding-top:20px;}
.news-list li section {float: right;font-size: 14px;color: #999;}
.news-list li {background: url(../images/li-bg.png) left center no-repeat;padding-left: 15px;margin-top: 4px;line-height: 2.2;}
.honor { height: 355px;margin-left: 15px;}

/*底部*/
footer{background: #f5f4f4;width:100%;height:200px;margin-top: 110px;color:black;opacity: 0.9;}
#bot{padding: 20px 10px;}
#bot-icon{height: 65px;border-bottom: 1px solid #CCCCCC;}
#bot span{display: block;line-height:22px;}
#bot ol{position: absolute;top: 23px;left: 130px;}       
#bot ol li {float: left;padding-left: 15px;padding-right:15px;}
#bot-logo{padding-top: 20px;}
#bot-logo  h4{font-size: 24px;opacity: 0.6;}
#bot-logo  p{font-size: 12px;line-height: 8px; letter-spacing:2px;opacity: 0.6;}
#bot-adress{padding-top: 25px;}

#banquan{height: 50px;background: #59595b;line-height: 40px;}
.banquan-list ul li {float: left;padding-left:30px;padding-right: 30px;height: 72px;}
.banquan-list ul li a {display: block;text-align: center;line-height: 50px;font-size: 16px;color: #FFFFFF;}
.banquan-list ul li:nth-of-type(1){padding-left: 0px;}

@media only screen and (min-width: 321px) and (max-width: 640px) {
}

/*内页样式*/
#left-box {width: 240px;color: #fff; padding-bottom: 100px;}
#right-box {width:900px;}
#left-box h1 {font-size: 18px;padding: 12px;background: #315617;}
#left-box p {font-size: 14px;font-weight: lighter;}
#left-box h1 span {font-size: 34px;line-height: normal;}

.submenu-list li {border-bottom: 1px solid #ccc;background: url(../images/li-bg1.png) no-repeat 10px center;padding-left: 20px;}
.submenu-list li a {display: block;line-height: 50px;padding: 0px 15px;}
.submenu-list li a span {float:right;}
.submenu-list li a:hover {color:#FFFFFF;}
.submenu-list li:hover{background: url(../images/li-bg2.png) no-repeat 10px center,#528032;}
.nav-position {border-bottom: 1px solid #ddd;line-height: 30px;}
.nav-position a {font-size: 16px;}
#main-con {margin-top: 10px;}
#main-con img {max-width: 100%;}