ul,li { list-style: none; } 
.right { float:right; }
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} 
 
.content { margin: 20px auto 60px; }
.content .sidebox { background: #fff; width: 187px; border-top: 4px solid #000; padding-bottom: 40px; }
.content .sidebox .tit { font-size: 20px; height: 86px; line-height: 86px; padding: 0 20px; border-bottom: 1px dotted #c2c2c2; color: #333; }
.content .sidebox .con ul { }
.content .sidebox .con ul li { height: 39px; line-height: 39px; border-bottom: 1px dotted #c2c2c2; }
.content .sidebox .con ul li a { display: block; padding: 0 20px; }
.content .sidebox .con ul li a.on { color: #e60013; background: #f2f2f2; }
.content .sidebox .con ul li a:hover { color: #e60013; background: #f2f2f2; text-decoration: none; }
.content .mainbox { background: #fff; width: 1140px; margin-bottom: 15px; }
 
.content .mainbox .type { padding: 0 20px 20px; height: 24px; line-height: 24px;}
.content .mainbox .type li { width: 80px; float: left; text-align: center; }
.content .mainbox .type li a { display: block; }
.content .mainbox .type li a:hover { color: #e60013; text-decoration: none; }
.content .mainbox .type li a.on { background: #e60013; color: #fff; }
.content .prolist { width: 1140px; overflow: hidden; }
.content .prolist ul { width: 1140px; }
.content .prolist ul li { width:84px; height:63px; overflow: hidden; float: left; background: #fff; margin: 0 14px 14px 0; }
.content .prolist ul li h3 { font-size: 16px; line-height: 40px; height: 40px; text-align: center;  font-weight: normal; }
.content .prolist ul li h3 a:hover { color: #e60013; text-decoration: none; }
.content .prolist ul li p { color: #666; font-size:14px; text-align: center; font-weight: bold; }
.content .prolist ul li .att { padding: 14px 0 14px; text-align: center; }
.content .prolist ul li .att a { padding: 0 5px; margin: 0 2px; color: #999; }
.content .prolist ul li .att a:hover { color: #e60013; text-decoration: none; } 
   
.picslide{ width:1140px; position:relative; margin-bottom:5px; background-color:#e5e5e5 }
/** 控制大图两边点击按钮宽度  **/
.picslide .hd{ position:relative; margin-top: 5px; }
.picslide .hd ul{ overflow:hidden; zoom:1; text-align: center; }
.picslide .hd ul li{ margin: 0 2px; width: 84px; height: 63px; cursor:pointer; display:inline-block; _zoom:1;*display:inline; border: 2px solid #fff; }
.picslide .hd ul li img { width: 84px; height: 64px; }
.picslide .hd ul li.on{ border: 2px solid #e60013; }
.picslide .bd{ position:relative; height:855px; z-index:0;   }
.picslide .bd li{ zoom:1; vertical-align:middle; }
.picslide .bd img{ width:1140px; height:855px; display:block;  }
/** 控制大图宽高  **/
.picslide .prev{ position:absolute; left:0; top:400px; margin-top:-45px; display:block; width:32px; height:90px; background:url(../images/left.png) -110px 30px no-repeat; filter:alpha(opacity=50);opacity:0.5; }
.picslide .next{ position:absolute; left:0; top:400px; margin-top:-45px; display:block; width:32px; height:90px; background:url(../images/right.png) -110px 30px no-repeat; filter:alpha(opacity=50);opacity:0.5; }
.picslide .next{ left:auto; right:0; background-position:8px 30px; }
.picslide .prev:hover{ filter:alpha(opacity=50);opacity:.5; background:#000 url(../images/left.png) -110px 30px no-repeat; }
.picslide .next:hover{ filter:alpha(opacity=50);opacity:.5; background:#000 url(../images/right.png) 8px 30px no-repeat; }
.picslide .prevStop{ display:none;  }
.picslide .nextStop{ display:none;  }