@charset "utf-8";

.wrapper{  width: 100%;}
#among,.width{  max-width:1400px;  margin:auto;  padding: 0 10px; margin-top:50px; margin-bottom:50px;}
.dis #among{  max-width: 1400px;}
.category b{  position: fixed;  left: 0;  top: 0;  right: 0;  bottom: 0;  z-index: 999;  display: none;  background: rgba(0,0,0,.6);}
.category h1{  font-size: 15px;  color: #000;  line-height: 30px;  text-transform: uppercase;  padding: 40px 0 10px 30px;}
.category ul{  position: fixed;  left: -320px;  top: 0;  bottom: 0;  z-index: 1000;  background: #FFF;  width: 320px;  overflow: hidden;}
.category ul li a{  font-size: 15px;  line-height: 24px;  display: block;  padding: 13px 30px;}
.category ul li:hover > a{  color:#bf9e74;}
.category ul li div{  position: fixed;  top: 0;  bottom: 0;  left: 320px;  width: 320px;  display: none;  background: #f4f4f4;  overflow: hidden;  padding-top: 30px;}
.category ul li:hover div{  display: block;}
#news-pro-tn{  text-align:center;  margin:0 0 5px;  font-size:18px;  font-weight: normal;  line-height: 1.7;}

.list_type ul li{  position: relative;  z-index: 9;}
.list_type ul li > a{  display: table-cell;  vertical-align: middle;  height: 52px;  width: 99999px;  max-width: 100%;  line-height: 20px;  font-size: 14px;  padding: 0 10px 0 20px;}
.list_type ul li > a:after{  content: '';  display: block;  position: absolute;  width: 16px;  height: 10px;  top: 50%;  margin-top: -5px;  right: 20px;  background: url(../images/arrow2.png);}
.list_type ul li p{  position: absolute;  left: -1px;  right: -1px;  display: none;  background: #FFF;  padding-bottom: 20px;  border: 1px solid #DDD;}
.list_type ul li:nth-child(2) p{  left: 0;}
.list_type ul li:hover p{  display: block;}
.list_type ul li p a{  display: block;  line-height: 30px;  margin-top: 20px;  font-size: 14px;  padding: 0 20px;}
#location a{  display:none;}
#location font{  display: block;  text-align: center;  font-size: 32px;  text-transform: uppercase;  color: #222;  line-height: 1.2;  margin-top: 3%;  font-family: Verdana;}
.content{  margin:4% auto;  min-height:450px;}
.content > p:first-child{  margin-top:0;}
.content > p:last-child{  margin-bottom:0;}
.list_pro a{  float:left;  display: block;  width:23.5%;  margin:2% 0 0 2%;}
.list_pro a:nth-child(-n+4){  margin-top:0;}
.list_pro a:nth-child(4n+1){  clear:both;  margin-left:0;}
.list_pro a li{  border: 1px solid #f3f3f3;  transition: all .3s;}
.list_pro a:hover li{  border-color: #bf9e74;}
.list_pro a li img{  width:100%;  display: block;}
.list_pro a div{  text-align: center;  line-height: 36px;  margin-top: 5px;  transition: all .3s;}
#listShare a{  float:left;  display: block;  width:31%;  margin:16px 0 0 3.5%;}
#listShare a:nth-child(-n+3){  margin-top:0;}
#listShare a:nth-child(3n+1){  clear:both;  margin-left:0;}
#listShare a li{  border:1px solid #EEE;}
#listShare a li img{  width:100%;}
#listShare a span{  display:block;  margin-top:12px;  text-align:center;  line-height:1.4;}

#detailed .imgBox img{  width: 100%;}
#detailed .fl-right{ width: 45%; float:right;}
#detailed .fl-right > li{  background: #d5d5d5;  font-size: 0;  padding: 4% 6%;  letter-spacing: -1px;}
#detailed .fl-right > li *{  display: inline-block;  vertical-align: top;  letter-spacing: 0;  font-size: 16px;  line-height: 20px;}
#detailed .fl-right > li span{  margin: 0 5px;}
#detailed .fl-right > h1{  font-size: 24px;  font-weight: normal;  margin-top: 4%;}
#detailed .fl-right > h2{  font-size: 24px;  font-weight: normal;  margin-top: 2%;}
#detailed .fl-right ul{  font-size:14px; line-height:35px; padding: 12px 0;}
#detailed .fl-right ul span{  width: 170px;}
#detailed .fl-right ul li{  width: calc(100% - 170px);}
#detailed .cont{  border-top: 1px solid #8e8e8e;  margin-top: 4%;  padding-top: 3%; clear:both;}
#detailed > h3{  font-size: 24px;  font-weight: normal;  margin: 2% 0;}
.list_news a{  display: block;  position: relative;}
.list_news a b{  display: block; width: 340px;  height: 225px;  background: #fafafa center no-repeat;  background-size: 100% 100%;}
.list_news a li{  position: absolute;  left: 340px;  top: 0;  right: 0;  height: 100%;  margin-left: 2%;  overflow: hidden;}
.list_news a li span{  font-size: 22px;  color: #000;  line-height:2.5;}
.list_news a li font{  font-size: 14px;  color:#999;}
.list_news a li p{  font-size: 14px;  line-height: 26px;  height: 84px;  margin:10px 0 0;  color:#acacac;}
.list_news a li div{  position:absolute;  left:0;  bottom:10px;  border-radius:5px;font-size:12px;  line-height:32px;  padding:0 14px;  color:#878787;  text-transform:uppercase;  border:1px solid #DDD;}
.list_news a:hover b{  background-size: 105% 105%;}
.list_news a:hover li *{  color:#bf9e74;}
.list_news a:hover li div{  border-color:#bf9e74;}
.list_news i{  height: 1px;  margin: 3% 0;  display: block;  background: #EEE;}
.list_news i:last-child{  margin-bottom: 0;}

.pageStyle ul{
  font-size: 0; padding-top:50px; clear:both;
  list-style-type: 1px;
  text-align: center;
}
.pageStyle ul li{
  display: inline-block;
  vertical-align: top;
  letter-spacing: 0;
}
.pageStyle ul li a{
  line-height: 30px;
  min-width: 32px;
  font-size: 14px;
  text-align: center;
  display: block;
  margin-left: -1px;
  padding: 0 10px;
  border: 1px solid #EEE;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.pageStyle ul li:first-child a{
  border-radius: 4px 0 0 4px;
}
.pageStyle ul li select{
  height:32px;
  font-size: 14px;
  margin-left:-1px;
  cursor:pointer;
  padding:0 7px;
  border: 1px solid #EEE;
  border-radius: 0 4px 4px 0;
}