#category { margin-left: 0; padding-bottom: 35px; width: 182px; float: left; text-align: left; margin-top: -15px;}
#category li { float: none; display: block; height: auto; line-height: 43px; border-bottom: 1px solid rgba(0,0,0,.08); padding-left: 16px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#category li:hover { padding-left: 25px;}
#category li:last-child { border-bottom: none;}
#category a { border: 0px; background: none; color: #666; font-size: 13px; position: relative; padding: 0; line-height: 42px; height: 42px;}
#category a::before { content: ''; position: absolute; width: 3px; height: 12px; background: transparent; left: -16px; margin-top: 15px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#category li:hover a::before { background: #0e2e53;}
#category a.active::before { background: #0e2e53;}



#category { margin-top: 50px;}
#category a { display: block; border-bottom: 1px solid rgba(0,0,0,.08); padding-left: 16px; transition: 0.3s;}
#category a:last-child { border-bottom: none;}
#category a:hover { padding-left: 26px;}
#category a::before { left: 0; content: ''; position: absolute; width: 3px; height: 12px; background: transparent; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#category a:hover::before { background: #0e2e53; left: 10px;}

.site { border-bottom: 1px solid #e9e9e9; padding-bottom: 14px; font-size: 13px;}




.banner-box { min-width: 1210px; height: 300px; position: relative; overflow: hidden;}
.banner-box .bd { width: 100% !important;}
.banner-box .bd li .m-width { width: 1210px; margin: 0 auto; overflow: hidden;}
.banner-box .bd li { width: 100% !important; height: 300px;}
.banner-box .bd li a { display: block; background-size: auto;}

.banner-btn { width: 1210px; position: absolute; top: 100px; left: 50%; margin-left: -605px;}
.banner-btn a { display: block; width: 49px; height: 104px; position: absolute; top: 0; filter: alpha(opacity=40); -moz-opacity: 0.4; -khtml-opacity: 0.4; opacity: 0.4;}
.banner-btn a.prev { left: 20px;}
.banner-btn a.next { right: 20px;}

.banner-box .hd { position: absolute; top: 170px; left: 537px;}
.banner-box .hd ul li { width: 12px; height: 12px; border-radius: 50%; text-indent: -9999px; margin-right: 20px; background: #ccc; float: left; cursor: pointer;}
.banner-box .hd ul li.on { background: #0e2e53;}


#pageTarget .active { background: #0e2e53; color: #fff;}
.p_pages{
display:block;
  height: 40px;
  margin-top: 42px;
  text-align: center;
  font-family: PingFang SC;
  color: #9e9e9e;}

.p_pages span {
  color: #999;
  font-size: 16px;
  margin: 0 2px;
  border: 1px solid #999;
  padding: 8px 14px 8px 14px;
  background: #fff;
  border-radius: 4px;}

.p_pages span a{
 color: #999;
}

.p_pages span:hover,
.p_pages .p_no_d {
  color: #fff;
  border: 1px solid #999;
  background: #999;
}
.p_pages span:hover a,
.p_pages .p_no_d a{
color:#fff;
}
.p_pages span.hover {
  color: #fff;
  border: 1px solid #999;
  background: #999;}


.friendlink { font-size: 14px; margin-right: 20px; color: #888;}
.friendlink:hover { color: #333; text-decoration: underline;}