@charset "utf-8";
/* CSS Document */
.slide {background:#333 center;height:380px;line-height:380px; margin-bottom:2px}
@media (min-width:768px){.navbar-nav li{width:142px}}
.navbar-nav li a{text-align:center}
.logo{max-width:100%}
.top-logo{margin:30px auto}

.project{margin-top:1px}
.project a{text-align:center;text-decoration:none;color:#000;font-size:1.125em}
.pro-title{padding:42px !important;color:#999}
.project img{max-width:100%}
.about img{max-width:100%}
.project{clear:both;color:#000;padding-top:30px;}
.project h3{text-align:center;color:#9e090f;margin:30px}
.project a{color:#000}
.pro {
 display: block;
 position: relative;
 text-align: center;
 font-size: 15px;
 overflow: hidden;
 -webkit-transition: all 0.15s ease-in;
 transition: all 0.15s ease-in;
}
.pro:before {
 content: ' ';
 position: absolute;
 background: #fff;
 width: 125px;
 height: 250px;
 top: 0;
 left: -95px;
 opacity: 0.2;
 -webkit-transition: all 0.25s ease-out;
 transition: all 0.25s ease-out;
 -webkit-transform: skewX(-25deg);
         transform: skewX(-25deg);
}
.pro:hover:before {
 width: 100px;
 left: 305px;
}
.button{clear:both;display:block;width:100px;height:25px;border:1px solid #9e090f;border-radius:20px;text-align:center;margin:26px auto;line-height:26px;font-size:14px !important;color:#9e090f !important}
.button:hover{transform:scale(1.1); transition:all 0.2s}
.button:hover span{transform:scale(0.8)}
.line{border-bottom:1px solid #9e090f;height:38px}
@media (min-width:1200px){.about{padding:0 170px !important}.new .container{padding:0 120px}}
.news div{padding:20px}
.news p{padding-top:20px;}
.news a :hover{opacity:0.9}
footer{text-align:center;width:100%;color:#fff; background-color:#9e090f; padding:20px 0; margin-top:90px}

.title{margin-top:20px}
.title-name{float:left;font-size:24px;color:#c8c8c8; letter-spacing:1px}
.place{float:right;margin-top:10px;color:#666}
.place a{color:#666 !important; font-size:12px}
.place a:hover{text-decoration:none;color:#9e090f !important}
.in-line{clear:both;border-top:1px solid #c8c8c8;border-bottom:1px solid #c8c8c8;height:4px; margin-bottom:20px}
.image-box img{max-width:100%}

/*分页*/
ul#hovershow {list-style-type:none;float:right;display:inline;clear:both;margin-top:50px;}
ul#hovershow li {float:left;display:inline;margin:4px;}
ul#hovershow li a {display:block;background-color:#FFF;font-size:16px;padding:10px 15px;border-radius:5px;box-shadow:3px 3px 3px #999;}
ul#hovershow li a:hover {background-color:#343434;color:#FFF;}
ul#hovershow li#nei a {background-color:#666;color:#FFF;}

/*-------------------------------*/
/*     Sidebar nav styles        */
/*-------------------------------*/
.sidebar-nav {
  list-style: none;
  margin: 0;
  padding: 0;
  top: 0;
  width: 100%;
}
.sidebar-nav li {
  display: inline-block;
  line-height: 60px;
  position: relative;
  width: 100%;
}
.sidebar-nav li:before {
  background-color: #88070d;
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-transition: width 0.2s ease-in;
  transition: width 0.2s ease-in;
  width: 3px;
  z-index: -1;
}
.sidebar-nav li:first-child  {


}
.sidebar-nav li:nth-child(2):before {
  background-color: #95090e;
}
.sidebar-nav li:nth-child(3):before {
  background-color: #a40a10;
}
.sidebar-nav li:nth-child(4):before {
  background-color: #a70a11;
}
.sidebar-nav li:nth-child(5):before {
  background-color: #b20a11;
}
.sidebar-nav li:nth-child(6):before {
  background-color: #bb0b12;
}
.sidebar-nav li:nth-child(7):before {
  background-color: #bf0b12;
}
/*.sidebar-nav li:nth-child(8):before {
  background-color: #8a6cb6;
}
.sidebar-nav li:nth-child(9):before {
  background-color: #987dbf;
}*/
.sidebar-nav li:hover:before {
  -webkit-transition: width 0.2s ease-in;
  transition: width 0.2s ease-in;
  width: 100%;
}
.sidebar-nav li a {
  display: block;
  padding: 10px 15px 10px 30px;
  text-decoration: none;
}
.sidebar-nav li.open:hover before {
  -webkit-transition: width 0.2s ease-in;
  transition: width 0.2s ease-in;
  width: 100%;
}
.sidebar-nav .dropdown-menu {
  background-color: #222222;
  border-radius: 0;
  border: none;
  box-shadow: none;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
}
.sidebar-nav li a:hover,
.sidebar-nav li a:active,
.sidebar-nav li a:focus,
.sidebar-nav li.open a:hover,
.sidebar-nav li.open a:active,
.sidebar-nav li.open a:focus {
  background-color: transparent;
  color: #ffffff;
  text-decoration: none;
}
.sidebar-nav > .sidebar-brand {
  font-size: 20px;
  height: 65px;
  line-height: 44px;
}
/*分类导航*/
#fl a{color:#9e090f}
#fl a:hover{color:#fff}
#fl .fenlei{height:120px; background:#9e090f;padding-left:16px}
#fl .fenlei .fenlei_1{ color:#FFF; padding-top:40px; font:"Courier New", Courier, monospace; font-size:24px; line-height:24px;}
#fl .fenlei .fenlei_2{ height:5px; width:60px; background:#FFF; margin-top:15px; ;}
#fl nav {float: left; border:solid 1px #d3d3d3; width:230px;}
#fl nav ul {padding-top: 0px;}
#fl nav ul li {margin-right: 25px;margin-left: 0px;}
#fl nav ul li a {font-size: 16px; line-height:60px;}
@media (min-width:769px){#fl button{display:none}#demo{display:block}}

@media (min-width:992px){.md-padding{padding-right:40px}}
@media (max-width:768px){.hiden{display:none}}

.product{color:#fff; text-align:center}
.product p{margin:0px;padding:5px;background-color:#CCC; border-radius:4px;}
.product:hover{text-decoration:none;color:#9e090f !important}
.content{padding:2px 0}
.content img{max-width:100%}
.content h3,h5{ text-align:center}
.content h3{color:#9e090f;font-size:22px}
.content span{ color:#666}
.content a{ color:#999 !important}
.content a:hover{ text-decoration:none;color:#9e090f !important}
.back a{color:#666 !important}
.back a:hover{color:#9e090f}
.back{margin:30px 0; float:right}

@media (min-width:768px){.newul ul{padding:20px 100px !important}}
.newul .container{padding:0}
.newul{ clear:both;padding:10px 0;}
.newul li{list-style:none; line-height:42px; border-bottom:1px dotted #CCC}
.newul li span{ float:right; color:#951f10}
.newul li a{font-size:14px;text-decoration:none; color:#666 !important}
.newul li a:hover{color:#9e090f !important}
#pageul{padding:20px 0}
#pageul li{list-style:none; float:left;}
#pageul li a{padding:5px; color:#999}
#pageul li a:hover{ text-decoration:none; color:#F00}
.job{box-shadow:6px 8px 22px #9e090f;padding:40px;margin:12px 0}
.job h2{color:#600;font-size:1.25em;font-weight:bold;margin-top:0}
.cur{background-color:#ee1b24}