@import "font-awesome.css";
*{ padding:0px; margin:0px; list-style-type:none}
body { margin: 0; padding: 0; position: relative;  width: 100%; height: 100%; }
#xuehua{ position: fixed; top:0px; left:0px; width:100%; height:100%; z-index:0}

html,body{ width:100%; height:100%; min-width:360px; font-family:Microsoft YaHei; color:#000;  }
a{ text-decoration:none}
a:hover{ color:#C00}
img{ border:0;}
.bodybox{width:100%; height: auto;}
.headbox{ width:100%; height: auto; background:#f5f5f5;  border-bottom:0px solid #e4e4e4; position:relative;  z-index:3; float:left; }
.headbox h1{ margin:0px; width:20%; height: auto; display:block; text-align:center; float:left}
.headbox h1 img{ height:60px;}
.containerboxbg{width:100%; height: auto; float:left;  background:#fff ;  overflow:hidden}
/*.containerboxbg img{ width:100%; height:100% ;}*/
.morediv{ width:330px; height:39px; position:absolute; z-index:999; top:50px; right:150px}
.footbox{ width:100%; padding:15px 0px; height:auto; float:left; text-align:center; background:#2E2D31; color:#666; font-size:12px}
.containerboxtxt{ width:88%; margin:80px 6%; height: auto; position:relative; z-index:2; overflow:hidden  }
.xiangqing_t{ width:100%; height:auto; position:relative;  margin:0px; margin-top:88px; overflow:hidden;}
.xiangqing_t h2{ color:#C00; font-size:2rem; margin:15px 0px; text-align:center}
.xiangqing h3{  margin:15px 0px;}
.xiangqing h3 strong{ color:#C00; font-size:2rem; }
.xiangqing{ width:100%; margin-top:50px; }
.xiangqing p,.xiangqing_t p{ line-height:2.0}
.winebox{width:100%; text-align:center;}
p.p_a{ text-indent:2em}
.portfolio{ width:28.33%; height: auto;  float:left; margin:15px 2.5%; position:relative; display:none ;  }
.jingpin-pic{ width:100%; height:auto; float:left; position:relative}
.jingpin-pic img{ display:block}
.jingpin-pic a{ width:100%; height:100%; display:block;}
.label{ width:100%; height: auto; float:left; padding:5px 0px; }
.label-text{ width:100%; height:auto; padding:5px 0px; float:left}
/*.zc-title{  height:60px; }*/
.label-text a{ color:#212121; font-size:1.25em; float:left}
.label-text a:hover{ color:#900}
.label-text span{ color:#999}
.label-text strong{ margin-right:5px;  }
.portfolio img{ width:100%}

.label-text span.public{ display:none}
.label-text span.fine,.label-text span.bao{ float:left;  width:28px;  height:24px; margin-top:0px; padding:0; margin-right:4px;  display:inline-block}
.label-text span.fine{ background:url(../images/jing.png) no-repeat; }
.label-text span.bao{background:url(../images/bao.png) no-repeat; }
.label-text img{ width:44px; height:44px; float:left ;border-radius:50%}
.label-text p{ padding-left:0px; float:left; color:#999; font-size:0.9em; margin-top:0px;}

.label-text span.s_yuzhan{ color:#fff; background:#066; padding:4px 10px; display:none}
.label-text span.s_span{color:#fff; background:#C00; padding:4px 10px; display:none}
.zc_tab{
			width: 100%; 
			height: auto;			
			position: absolute; z-index:9999; background:#f8f8f8; box-shadow: 1px 1px 5px #CCC; border-bottom:1px solid #f8f8f8;
		}
		.fixed{
			position: fixed;
			top: 0;
		}
#filters{  height: auto; right:0; position: absolute; margin-top:0px;}
#filters li{float: right; width:20%; text-align:center}
#filters li span{display:block;padding:10px 20px; margin-top:8px;text-decoration:none;color:#000;cursor:pointer; font-size:1.2em}


.settime{ position:absolute; z-index:9999; bottom:10px; left:0;}

#filters {
	width: 40%;
	overflow: hidden; float:right;
	
}
#filters .swiper-slide {
	padding: 0px; 
	width:6rem;
	height:60px;
	line-height:60px;
	text-align:center; float:right; cursor:pointer;
	
}
#filters .swiper-slide span{
    padding:10px 5px; margin-top:8px;text-decoration:none;color:#000;cursor:pointer; font-size:1.2em;
	transition:all .3s ease;
	display:block;
}
#filters .active span{
	transform:scale(1.1);

	
}
#filters .active{background:#c00 ;color:#fff;} 
#filters span.active{background:#c00 ;color:#fff;}

@media screen and (min-width: 260px) and (max-width: 659px) {
h1.logo_style{ width:20%; }
h1.logo_style img{ height:44px;}

/*.containerboxtxt{ width:100%; margin:0px; margin-top:80px; height: auto; position:relative  }*/

.portfolio{ width:100%; height: auto; float:left; margin:15px 0%;}
.portfolio img{ width:100%}

#filters{ width:80%;}
#filters li span{display:block;padding:8px 0px; margin-top:8px;text-decoration:none;color:#666;cursor:pointer; font-size:1.0em}

.containerboxbg{padding-top:0px;}

/*.headbox h1{ margin:0px; width:100%; height:60px; display:block; text-align:center; float:left}
*/#filters{ width:80%;}
.label-text img{ width:44px; height:44px; float:left; }
#filters li span{font-size:1.0em}
.containerboxtxt{ width:100%; margin:60px 0px; }

.label{ width:90%;  padding:5px 5%; background:#f5f5f5 }

.label-text a{ font-size:1.2em; }
#filters {
	width: 70%;
}#filters .swiper-slide {width:5rem; height:44px; line-height:44px;}

}

@media only screen and (min-width: 660px) and (max-width: 1190px) {
h1.logo_style{ width:20%; }
h1.logo_style img{ height:60px;}
/*#filters{ width:80%;}*/
.winebox img{width:100%;}
.portfolio{ width:44%; height: 490px; float:left; margin:10px 3%;}
.portfolio img{ width:100%}
.label-text img{ width:44px; height:44px; float:left}
#filters li span{ font-size:1.0em; padding:10px;}
.label-text a{ font-size:1.2em; }
.label-text span.s_span{font-size:0.9em; }
.label-text span.s_yuzhan{font-size:0.9em; }
#filters {
	width: 60%;
}

}

@media only screen and (min-width: 661px) and (max-width: 960px) {
	#filters{ width:60%;}
	.label-text span.s_span{font-size:0.9em; }
	.portfolio{ width:44%; height: 420px; float:left; margin:10px 3%;}
	}
@media only screen and (min-width: 662px) and (max-width: 740px) {
	.portfolio{  height: 380px;}
}	

@media only screen and (min-width: 961px) and (max-width: 1190px) {
	#filters{ width:50%;}
	}

.btn3{position:fixed;
  z-index:9999;
  bottom:0px;
  border-top:0px solid #b3b3b3;
  background:#e6e6e6;
  width:100%;
  text-align:center;
 }
.menu{position:relative; z-index:10;
    float:left;
    width:33.33%;
    height:50px;
    line-height:50px; 
	padding-top:0px;
    background:#fff;
    }
.menu:last-child{border-right:none;}
.new-sub{position:absolute;
      bottom:50px;
      z-index:0;	
      width:100%;
      padding: 0px;
      background: #fff;
      box-sizing:border-box;
      -webkit-box-sizing:border-box;
      border: 1px solid #EEEEEE;
      border-radius: 5px;
	  border-top-color:#D20F09;
      display:none;}
.new-sub li{width: 100%;
        background:#fff;
        float:none;
        box-sizing:border-box;
        -webkit-box-sizing:border-box;
        border-top:1px solid #f2f2f2;}
.new-sub li a{display:block;
          height:50px;
          line-height:50px;
          text-align:left;
          background:#fff;
          color:#333;
          border:none;
          text-align:center;
          font-size:16px;}
.sanjiao{position:absolute;bottom:5px;right:5px;width:0;height:0;border:5px solid transparent;border-right:5px solid #000;border-bottom:5px solid #000;opacity:.5;}
.bt-name{font-size:16px;color:#000; position:absolute; z-index:20; width:100%; box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-shadow: 10px 3px  10px #000;}
.bt-name a{font-size:16px;color:#000;}
.new-sub .tiggle{
	width:0px;
      height:0px;
      position:absolute;
      left:50%;
      margin-left:-10px;
      bottom:-9px;
      border-top:10px solid #EEEEEE;
      border-left:10px solid transparent;
      border-right:10px solid transparent;
      z-index:10;
  }
  .new-sub .innertiggle{
  	width:0px;
      height:0px;
      position:absolute;
      left:50%;
      margin-left:-9px;
      bottom:-8px;
      border-top:9px solid white;
      border-left:9px solid transparent;
      border-right:9px solid transparent;
      z-index:11;
  }
/*i.fa-gavel,i.fa-home,i.fa-ellipsis-v{ color:#D20F09; }*/