/*列表页/详情页/单页*/
body{background:#fff;}

.header{position:fixed; z-index:1000; left:0; top:0; width:100%;}
.top{width:100%; background:#000; position:relative; text-align:center;}
.top img{ max-height:40px;}
.top a{color:#666; position:absolute; left:10px; top:10px;}
.titleWrap{height:40px; background:#333; color:#666; position:relative; text-align:center;}
.titleWrap span{line-height:40px; font-size:14px; color:#ff9900;}
.titleWrap:before,.titleWrap:after{display:table; clear:both; content:"";}
.titleWrap .prevBtn,.titleWrap .nextBtn{position:absolute; top:8px;}
.titleWrap .prevBtn{left:10px;}
.titleWrap .nextBtn{right:10px;}
.titleWrap .prevBtn:active,.titleWrap .nextBtn:active{color:#fff;}
.titleWrap .prevBtn:hover,.titleWrap .nextBtn:hover{color:#fff;}

.content{margin:0; padding:80px 0 0 0; position:relative;}
.content:before,.content:after{display:table; clear:both; content:"";}
.conTit{text-align:center; color:#333; line-height:40px; border-bottom:1px solid #999; font-size:14px;}
.coninfo{margin:0; padding:10px 0;}
.coninfo .ry_img{ overflow:hidden;}
.coninfo .ry_img img{ width:46%; height:auto; float:left; margin:.5rem 2%;}
.coninfo img{width:94%; margin:auto; display:block;}
.coninfo p{ width:94%; margin:auto; font-size:16px; line-height:24px; margin-top:20px; text-indent:2em;}
.coninfo .zhaopin p{ margin:0;}
.coninfo .zhaopin .line{ border:1px dashed #999999;}
.bgcolor{background:#a2a2a2;}
.bgcolor2{background:#e9e9e9;}

.listWrap{padding:10px;}
.listWrap:before,.listWrap:after{display:table; clear:both; content:"";}
.listWrap.proList ul{margin-left:-2%;}
.listWrap.caseList ul{margin-left:-4.6%;}
.listWrap ul li{float:left; margin-bottom:10px; overflow:hidden;}
.listWrap.proList ul li{width:46%; margin-left:3%;}
.listWrap.caseList ul li{width:45%; margin-left:5%;}
.listWrap.proList h1.pro-tit-name{color:#000; line-height:30px; font-size:16px; padding-left:1%;}

.listWrap ul li a{display:block; position:relative;}
.listWrap ul li a:hover{filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
.listWrap ul li a:active{filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
.listWrap ul li a p{position:absolute; left:0; bottom:0; background:#000; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; color:#fff; font-size:12px; line-height:24px; padding:0 10px; display:block;}

.listWrap .prosecBox{padding:0; margin:5px; border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px;}
.prosec-bjcolor{background:rgba(188,155,88,.6);}
.prosec-bjcolor2{background:rgba(98,183,173,.6);}
.prosec-bjcolor3{background:rgba(179,119,180,.6);}
.prosec-bjcolor4{background:rgba(97,170,201,.6);}
.prosec-bjcolor5{background:rgba(181,147,119,.6);}
.prosec-bjcolor6{background:rgba(59,177,255,.6);}




.prosecBox{text-align:center;}
.prosecBox img{margin:15px auto 10 auto; width:50% !important;}
.prosecBox .proSelectName{font-size:1.6em; color:#fff; padding:0 0 20px 0;}

.conTxt{background:#fff8eb; padding:10px; margin:10px 0;}
.conTxt span{color:#333; font-size:12px; line-height:24px; text-indent:2em;}
.conTxt p{color:#333; font-size:12px; line-height:24px; text-indent:2em;text-align:justify }
.conTxt .abt-wx{text-align:center;}
.conTxt .abt-wx img{width:100px;}
.conTxt .abt-wx p{text-align:center; color:#963; line-height:20px; font-size:12px; font-weight:normal; padding:10px 0;}
.conTxt .honor-txt{margin:5px 0; padding:0; position:relative; padding-left:65px; line-height:20px; color:#666}
.conTxt .honor-txt em{ font-size:12px; color:#a65200; position:absolute; left:0; top:0;}

.catWrap{margin:10px; padding:10px; background:#fff;}
.catWrap:before,.catWrap:after{display:table; clear:both; content:"";}
.conBox:before,.conBox:after{display:table; clear:both; content:"";}
.people-img{width:30%;}
.people-info{width:60%; margin-left:10%; position:relative;}
.peo-name{padding:0 0 3px; border-bottom:1px dashed #999;}
.peo-name span{font-size:14px; font-weight:bold; color:#F60;}
.peo-name em{font-style:normal; font-size:12px; color:#333; padding:0 0 0 10px;}
.peo-role span{color:#565656; font-size:12px; font-weight:bold; padding:4px 0; display:block;}
.peo-role p{line-height:20px; color:#333;}
.pro-tel{padding:8px 15px; background:#e0e0e0; margin-top:10px;}

.pro-tel:before,.pro-tel:after{display:table; clear:both; content:"";}
.tel-txt{padding:0 0 0 20px; position:relative; line-height:20px; margin-right:15px;}
.tel-txt em{padding:0; font-style:normal; color:#000}
.tel-txt i{font-size:14px; position:absolute; left:0; top:2px;}

.map{margin-top:10px;}

/*网站导航*/
.wrapper {
  width: 100%;

  height: auto;
}
.wrapper {
  padding-bottom: 50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.wrapper .container {
  position: relative;
  z-index: 2;
  height: 100%;
  width: 100%;
}
div.slide-mask {
  position: absolute;
  z-index: 2;
  left: 0;
  top:0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  display: none;
}
aside.slide-wrapper {
  position: absolute;
  z-index: 4;
  left: -100%;
  top: 0;
  width: 70%;
  transition:0.5s all;
}
aside.slide-wrapper > div {
  background-color: #343434;
  min-height: 100%;
}
aside.slide-wrapper > div > div {
  padding: 0 10px;
  height: 45px;
  background-color: #262626;
  overflow: hidden;
}
aside.slide-wrapper > div > div strong {
  height: 45px;
  line-height: 45px;
  font-size: 18px;
  color: #ffffff;
  font-weight: normal;
}
aside.slide-wrapper.moved {
  left:0;
}
aside.slide-wrapper li > a {
  padding: 15px 10px;
  border-top: 1px solid #4d4d4d;
  border-bottom: 1px solid #262626;
  font-size: 15px;
  display: block;
  color: #fff;
}
aside.slide-wrapper li.current > a {
  background-color: #262626;
}
header h1 {
  position: relative;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 16px;
  background: rgba(0, 0, 0, 0.5);
}
header h1 a {
  position: absolute;
  left: 10px;
  top: 13px;
  width: 15px;
  height: 13px;
}