@charset "utf-8";
/* CSS Document */

/*header*/
#header{ position:relative; width:1000px; height:440px; padding:0 0 5px 0; background:url(../images/header_bar.jpg) center bottom no-repeat; display:block; overflow:hidden;}

/*list_carousel*/
.list_carousel{ background-color:#000; margin: 0; width:1000px; height:440px; display:block; overflow:hidden;}
.list_carousel ul{ margin:0; padding:0; list-style:none; display: block; color:#fff;}
.list_carousel li{ float: left; width:1000px; height:440px; display:block; overflow:hidden;}
.list_carousel.responsive{ width: auto; margin-left: 0;}

.prev{ position: absolute; bottom:140px; left:30px; width:31px; height:52px; display:block; background:none;}
.next{ position: absolute; bottom:140px; right:30px; width:31px; height:52px; display:block; background:none;}

.list_carousel:hover .prev{ background:url(../images/prev.png) center top no-repeat;}
.list_carousel:hover .prev:hover{ background:url(../images/prev.png) center bottom no-repeat;}
.list_carousel:hover .next{ background:url(../images/next.png) center top no-repeat;}
.list_carousel:hover .next:hover{ background:url(../images/next.png) center bottom no-repeat;}


.pager{ position: absolute; bottom:20px; left:0; width:1000px; height:8px; display:block; overflow:hidden; text-align:center;}
.pager a{ width:10px; height:8px; display:inline-block; margin: 0 10px; background:url(../images/pager.png) center top no-repeat;}
.pager a:hover{ background:url(../images/pager.png) 0 -8px no-repeat;}
.pager a.selected{ background:url(../images/pager.png) center bottom no-repeat;}
.pager a span{ display:none;}


/*sort*/
.sort{ width:940px; height:210px; display:block; overflow:hidden; padding:50px 30px 20px 30px; font-weight:bold; font-size:18px; text-align:center; }
.sort ul li{ float:left; width:170px; height:210px; display:block; overflow:hidden; padding:0 22px 0 0; padding:0 18px 0 0\9;}
.sort ul li:last-child{ padding:0 0 0 0;}
.sort ul li a{ width:170px; height:207px; display:block; overflow:hidden;}
.sort ul li a span{ color:#484848; }
.sort ul li a:hover span{ color:#777777; }

.sort ul li a div{ width:170px; height:170px; display:block; overflow:hidden; margin:10px 0 0 0;}
.sort ul li a .s01{ background:url(../images/s01_c.png) no-repeat; }
.sort ul li a .s02{ background:url(../images/s02_c.png) no-repeat; }
.sort ul li a .s03{ background:url(../images/s03_c.png) no-repeat; }
.sort ul li a .s04{ background:url(../images/s04_c.png) no-repeat; }
.sort ul li a .s05{ background:url(../images/s05_c.png) no-repeat; }
.sort ul li a:hover .s01{ background:url(../images/s01.png) no-repeat; }
.sort ul li a:hover .s02{ background:url(../images/s02.png) no-repeat; }
.sort ul li a:hover .s03{ background:url(../images/s03.png) no-repeat; }
.sort ul li a:hover .s04{ background:url(../images/s04.png) no-repeat; }
.sort ul li a:hover .s05{ background:url(../images/s05.png) no-repeat; }

/*news*/
.news{ width:810px; padding:20px 95px 22px 95px; background-color:#f3f3f3;}
.news h2{ font-weight:bold; font-size:20px; line-height:2; color:#393939; border-bottom:1px solid #aaaaaa;}
.news h2 span{ font-size:15px; line-height:2; color:#757575; padding:0 0 0 10px ;}

#marqueeBox{ position:relative; width:810px; height:90px;  margin:8px 0 0 0; overflow:hidden; }
.news ul{ padding:0; font-weight:bold; font-size:16px;  line-height:18px;}
.news ul li{ padding:6px 0 6px 10px; background:url(../images/indexNews_li.png) 7px 12px no-repeat; clear:both;}
.news ul li a{ color:#393939;}
.news ul li a:hover{ color:#777777;}
.news ul li span{ float:left; width:134px; height:18px;line-height:18px; display:block; overflow:hidden; border-right:1px solid #aaa; padding:0 15px;}
.news ul li span.last{ float:left; width:615px; height:18px; display:block; overflow:hidden; padding:0  0 0 15px;border-right:none;}
.news ul li a marquee{ width:636px; display:inline-block; line-height:20px;}