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

*{ padding:0px; margin:0px; font-size:12px; font-family:"微软雅黑"; list-style:none; text-decoration:none;}
.clear{ clear:both;}
a{ color:#FFF;}
a img{ border:none;}

body{ background:#4c4c4c;}

.logo_menu{}
.logo{ position:absolute;  width:10%; top:1%; left:6%;}
.logo img{ width:100%;}

.menu_hui{ height:30px; background:url(../images/menu_hui_bg.png);}
/*.menu{ }
.menu ul{ width:68%; float:right;}
.menu ul li{ float:right; margin:0 1.5%; }
*/
#index_nav{ background:url(../images/brand_menu_bg.png); border-bottom:3px solid; border-bottom-color:#837259; padding:0;}
#index_nav ul{width:86%; float:right; margin-right:8%;}
#index_nav li { float:right; height:34px; line-height:34px; text-align:center;  cursor:pointer; color:#fff;  width:12%;  }
#index_nav li div { height:34px; width:100%; overflow:hidden; position:relative; }
#index_nav li div .n1, #index_nav li div .n2 { display:block; height:34px; line-height:34px; width:100%; position:absolute;  }
#index_nav li div .n1 { z-index:12;  }
#index_nav li div .n2 { z-index:11; top:34px;}
#index_nav li div .n2 img{ width:42%;}

.bottom{ padding:1% 2% 2%;}
#scroll {  width:84%; margin:0 auto; margin-top:5%; position:relative; }
#prev a { width:2%; display:block; position:absolute; top:45%; left:9%;  }
#prev a img{ width:60%;}
#next a { width:2%; display:block; position:absolute; top:45%; right:9%;}
#next a img{ width:60%;}
#box { width:80%; margin:0 auto;}
#box ul li { width:90%; float:left; text-align:center;  }
#box ul li img{ width:97%; box-shadow: 3px 2px 1px #333;}