body{}
#wrapper{}
#head{}
#head .top{background: url(../img/head_top_bg.png) #248802 repeat-x;height: 51px;width: 100%;}
#head .logo{background: url(../img/clouding.jpg);padding: 15px;}


#box{padding: 10px 0px;clear: both;}
#box .title{border-bottom: 1px solid #ccc;height: 40px;position: relative;}
#box .title span{display: inline-block;padding: 0px 15px;font-size: 22px;font-weight: bold;position: relative;bottom: 0px;height: 40px;line-height: 40px;color: #248802;border-bottom: 2px solid #248802;}
#box .title a{display: inline-block;position: absolute;height: 30px;line-height: 30px;background: #ff7200;padding: 0px 15px;bottom: -1px;right:0px;color: #FFF;}


/*图标*/
#box .content .iconfont_list ul li{float: left;width: 33.3%;margin: 10px 0px;}
#box .content .iconfont_list ul li .iconfont{height: 1.7em;line-height: 1.7em;width: 1.7em;margin: auto;font-size: 10vw;color: #FFF;background: #248802;border-radius: 50%;}

/*简介*/
#box .content .about_us{padding: 15px;}
#box .content .about_us .pic{text-align: center;}
#box .content .about_us .pic img{height: 300px!important;}
#box .content .about_us .txt{text-indent: 2em;}
/*首页新闻列表*/
#box .content .news_list ul{padding: 5px 10px;}
#box .content .news_list ul li{padding:10px 0px;line-height: 25px;border-bottom: 1px #477b04 solid;overflow: hidden;}
#box .content .news_list ul li span{padding-left: 2em;}
#box .content .news_list ul li a strong{padding: 0px 10px; color: #248802;font-family: 微软雅黑,宋体;}

/*相册列表*/
#box .content .pic_list ul li{float: left;width: 33.3%;text-align: center;margin: 10px 0px;}
#box .content .pic_list ul li .pic{text-align: center;}
#box .content .pic_list ul li .pic img{max-width: 90%;height: 140px!important;width: auto\9!important;}
#box .content .pic_list ul li .txt{line-height: 30px;height: 30px;overflow: hidden;text-align: center;}

/*底部*/
#foot{position: fixed;bottom: 0px;width: 100%;background: #248802;border-top: 1px solid #eee;height: 59px;padding-top: 15px;}
#foot ul li{width: 50%;float: left;text-align: center;}
#foot ul li .iconfont{font-size: 7vw;}
#foot ul li a{color: #FFF;}

/*导航*/
header{color: #248802;}

.code{
-moz-border-radius:.3em;
-webkit-border-radius:.3em;
border-radius:.3em;
background-color:#e2e2e2;
color:#000;
font-family:'Fira mono', 'Courier New', Courier, monospace;
font-size:85%;
letter-spacing:.05em;
padding:1em;
}

input {
margin: .5em;
border: 0;
min-width: 100px;
background-color: #248802;
color: #f8f8f8;
font-family: inherit;
font-size: inherit;
border-bottom: 5px solid #e84e40;
padding: .5em 1em;
-webkit-border-radius: .2em;
-moz-border-radius: .2em;
-webkit-box-shadow: 1px 1px 1px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 1px 1px 1px 0px rgba(50, 50, 50, 0.75);
box-shadow: 1px 1px 1px 0px rgba(50, 50, 50, 0.75);
outline: none;
}

input:active {
box-shadow: 0 0 0 0;
outline: none;
}

input:hover {
outline: none;
}

input:active, input:hover {
background-color: #e84e40;
border-color: #248802;
}

main {
max-width: 600px;
margin: 0 auto;
margin-top: 4em;
}

main a,
main a:active,
main a:focus,
main a:hover,
main a:link,
main a:visited {
font-family: 'fira mono';
text-transform: uppercase;
font-size:90%;
color:black;
border-bottom: 1px dotted black;
}

main header {
font-size: 80%;
}

section {
margin: 4em 0;
}

.aligncontent-center {
text-align: center;
}

.wrapper {
margin-top:66px;
padding: 1em;
background-color: transparent;
}

.main-header {
text-align: center;
font-weight:300;
font-size: 90%;
}

.toolbar {position: relative;top: 69px;left: 0;right: 0;background-color: transparent;line-height: 68px;}

.menu-button {
  position: relative;
  margin: 5px;
  height: 36px;
  width: 36px;
  cursor: pointer;
}
.menu-button:before {
  content: "";
  position: absolute;
  top: 5px;
  right: 3px;
  border-bottom: 17px double #248802;
  border-top: 6px solid #248802;
  width: 30px;
  height: 5px;
}

.menu-left {float: right;margin-right: 1.5em;}

.sidebar {
margin: 0;
padding-top: 1em;

color: white;
background-color:#248802;
}

.sidebar h3 {margin-top: 0.8em;margin-left: 0.8em;padding: 0;font-weight:300;}
.sidebar h3 a{color: #FFF;}
.sidebar li {margin: .5em 0;padding-left: 3em;line-height: 32px;}
.sidebar li a{color: #FFF;}
.sidebar li:hover {background-color: #FFF;}
.sidebar li:hover a{color: #248802;}

.sidebar hr {
margin: 2em auto;
border: 0;
padding: 0;
width: 80%;
height: 1px;
background-color: white;

}



.about_content{padding: 20px;}
.about_content img{float: none!important;margin: auto;}