@charset "utf-8";
/* CSS Document */
body, div, p, ul, li,  input, button, textarea,h1,h2,h3,h4 {margin:0; padding:0;  font-family:Microsoft YaHei,Helvetica,STHeiti,Droid Sans Fallback; text-align:left; color:#333; line-height:1.75em;}
body{padding-bottom: 40px;}
.clear{clear:both;}
em{font-style: normal;}
ul,li{list-style: none;}
a{ color:#333; text-decoration: none;}
a:hover{ color:#43B600; text-decoration: none;}
.border{border-bottom: 10px solid #F5F5F5;}
/*顶部栏*/
header{  background-color:#53BE4B; height: 44px; display: block;}
header .left a{width: 15%;display: block; float: left; height: 44px;}
header .left a em{width: 20px; height: 20px; display: block; background: url("/images/custom.png") 0 0;  background-size: 240px 20px;margin: 12px 0 12px 15px;}
header .center{width: 70%;display: inline-block; float: left;font-size: 18px; text-align: center; line-height: 44px; height: 44px; color: #fff;}
header .center a{padding: 0 8px; color: #fff; }
header .right a{width: 15%;display:block; float: left; height: 44px;}
header .right em{width: 16px; height: 16px; display: block; background: url("/images/custom.png") -30px 0; background-size: 240px 20px; float: right; margin: 14px 15px 0 0;}

/*浮动导航*/
.navbtm{ background: #f2f2f2; height: 44px; display: block; position: fixed; bottom: 0; width: 100%; z-index: 2; box-shadow: 0px -3px 10px rgba(0,0,0,0.2);}
.navbtm ul{width: 90%; display: inline-block;float: left;}
.navbtm ul li{display: inline-block; line-height: 44px;padding-left: 3%; font-size: 15px;}
.navbtm span{width:10%; display: inline-block;float: left;}
.navbtm span a{ width: 20px; height: 16px; display: block; background: url("/images/custom.png") -70px 0; background-size: 240px 20px; float: right; margin: 14px 10px 0 0;}

/*侧边栏*/
.panel { display: none; background-color: #e4e4e4; color: #fff;  padding-top: 10px; height: auto; overflow: hidden;}
#left-panel {position: fixed; top: 0; height: 100%; z-index: 999998; left:0; right: auto; display: none; width: 80%; border-radius: 0;}
#right-panel {position: fixed; top: 0; height: 100%; z-index: 999999; left:auto; right:0; display: none; width:80%;border-radius: 0;}
.panel .title2{ line-height:30px;  color:#878787; padding-left: 14px; font-size:13px;}
.panel .title2 span{display:block; float:left; margin:8px 6px 0 0;width: 16px;  height: 16px; }
.panel .title2 .span1{background:url(/images/custom.png) -120px 0; background-size: 240px 20px;}
.panel .title2 .span2{background:url(/images/custom.png) -142px 0; background-size: 240px 20px;}
.panel .title2 .span3{background:url(/images/custom.png) -160px 0; background-size: 240px 20px;}
.panel .title2 .span4{background:url(/images/custom.png) -176px 0; background-size: 240px 20px;}
.panel .title2 .span5{background:url(/images/custom.png) -192px 0; background-size: 240px 20px;}
.panel .title2 .span6{background:url(/images/custom.png) -208px 0; background-size: 240px 20px;}
.panel .title2 .span7{background:url(/images/custom.png) -224px 0;  background-size: 240px 20px;}
.panel .nav_tags{padding-left: 10px; font-size:13px; }
.panel .nav_tags a{ width:17.5%; height:28px; overflow: hidden; line-height:28px;text-align:center; float:left; margin:0 .6% 4px .6%; display:block; color:#404040; background:#F8F8F8; border:1px solid #dcdcdc; border-radius:3px;}
.panel .nav_tags a:hover{ color:#3BAB2D; background:#fff; border:1px solid #dcdcdc; border-radius:3px;}
@media(min-width: 768px)  {
	.navbtm ul li{padding-left: 30px;}
	.navbar-form .form-group{ width: 88%;}
    #left-panel {width:60%;}
	.panel .nav_tags a{width: 18%;}
}

/*返回顶部*/
.cd-top {  display: inline-block;  height: 40px;  width: 40px;  position: fixed;  bottom: 90px;  right: 15px;  border-radius: 3px;  overflow: hidden;  text-indent: 100%;  white-space: nowrap;  background: rgba(0, 0, 0, 0.4);  visibility: hidden;  opacity: 0;  -webkit-transition: all 0.3s;  -moz-transition: all 0.3s;  transition: all 0.3s;}
.cd-top em{ width: 18px; height: 20px; display: block; background: url("/images/custom.png") -50px 0; background-size: 240px 20px; margin: 10px 11px;}
.cd-top.cd-is-visible {visibility: visible;  opacity: 1;}
.cd-top.cd-fade-out {  opacity: .5;}
.no-touch .cd-top:hover {  background-color: #333;  opacity: 1;}


/*-----首页------*/
.hot_title{ position: relative; text-align: center; font-size: 18px; line-height: 60px; padding-bottom: 6px; } 
.hot_title em {	width: 30px;	height: 3px;	background-color: #a7cd31;	border-radius: 2px; position: absolute; left: 50%; margin-left: -15px; top: 45px;}
.hot ul{margin: 0 10px;}
.hot ul li{ width:47%; height: 145px; overflow: hidden; display: block; float: left; padding: 0 1.5% 0 1.5%; text-align: center; margin-bottom: 10px;}
.hot ul li span{width:100%; height: 110px; background: #fff; display: block; overflow: hidden; margin-bottom: 4px;}
.hot ul li span img{ width: 100%;height: auto; min-height: 110px;}

@media(min-width: 768px)  {
	.hot ul li{ width:23%; padding: 0 1% 15px 1%; }
}

/* 标题 */
.title{ padding: 15px  0;}
.title h2{font-size: 18px; border-left: 6px solid #A7CD31; padding-left: 10px; height: 20px; line-height: 20px; color: #333; font-weight: normal;}

/*热门类别*/
.list2{ padding:0 0 15px 0;}
.list2 ul li{ color: #999; font-size: 14px; padding:0 10px 0px 15px;}
.list2 ul li a{background: #f7f7f7; display: inline-block; padding: 0 12px; margin: 0 4px 8px 0; line-height: 30px; border-radius: 2px;}
.list2 ul li a:hover,.list2 ul li .active{background: #77b334; color: #fff;}

/*图片列表*/
.list_img ul{margin: 0 12px;}
.list_img ul li{ width:31.3%; height:115px; overflow: hidden; display: block; float: left; padding: 0 1%; margin-bottom: 10px; text-align: center; }
.list_img ul li span{width:100%; height: 80px; background: #fff; display: block; overflow: hidden; margin-bottom: 4px;}
.list_img ul li span img{ width: 100%;height: auto; min-height: 80px;}

@media(min-width: 768px)  {
.list_img ul li{ width:15.6%;  padding: 0 .5% 15px .5%; }
}


/*------内容页-------*/
/*当前位置*/
.position{text-align:left;font-size:13px;color:#999; line-height: 22px; padding: 10px 15px 0 15px;}
.position span{color:#999;padding-right:8px}
.position span a{color:#666; padding-right: 8px;}

/*正文内容*/
.main{padding:0 15px;background:#fff; display: block; position: relative;}
.main h1{ font-size: 24px; line-height: 1.3em; padding: 15px 0;}
.main p{ padding-bottom: 20px; font-size: 16px; line-height: 30px;}
.main p img{ width:100%; height: auto; margin-bottom: -25px; }
.main p a{color:#77B334; }
.main p a:hover{color:#77B334; text-decoration: underline; }
.main .ul1{margin-bottom: 20px;}
.main .ul1 li{line-height: 30px; padding: 10px 0; border-bottom: 1px solid #f3f3f3;}
.main .ul1 li strong{ color: #77B334; font-weight: normal;}
.main_top{ border-bottom: 1px solid #f3f3f3; padding-bottom: 20px; margin-bottom: 20px;}
.main_top p{padding: 0;}
.main h2{font-size: 16px;font-weight: bold; padding-bottom: 5px;}
.main h2 em{color: #A7CD31; padding-right: 6px; font-size: 20px; }