@charset "utf-8";
/* CSS Document */
body{ font-family:Arial; font-size:12px; color:#333; }
body,h1,h2,h3,h4,h5,h6,hr, blockquote,dl,dd,ul,ol,li,div,p,pre,from,fieldset,legend,button,input,textarea,th,td,table{ margin:0px; padding:0px;}h1,h2,h3,h4,h5,h6,textarea,input,button,select{ font-size:100%; font-weight:normal;}
a{ text-decoration:none; color:#333;}
em,b,i{ font-style:normal;}
fieldset,img{ border:none;}
ul,ol{ list-style:none;}

.clearfix{*zoom:1}
.clearfix:before,.clearfix:after{display:table;content:"";line-height:0;}
.clearfix:after{clear:both;}




.nav_fix{ position:fixed; top:0; width:100%; border:1px solid #efefef; z-index:500;background:#f7f7f7;}

.fix_class_nav{}
.fix_class_box{ background:#f7f7f7;width:960px; margin:0 auto; }
.fix_class_nav ul{ padding-left:8px;}
.fix_class_nav li{ float:left; padding:10px 0; }
.fix_class_nav  li a{ display:block; position:relative; overflow:hidden; width:75px; padding:0 15px; text-align:center;}
.fix_class_nav  li a:hover{ text-decoration:none;}
.shadow{ background:url(../images/png_bg.png) no-repeat;_background:0;_filter:progid:dximagetransform.microsoft.alphaimageloader(enabled=true,sizingMethod=noscale,src="../images/png_bg.png"); width:49px; height:49px; display:block; position:absolute; z-index:8; top:0; left:28px;cursor:pointer;}

.icon_1,.icon_2,.icon_3,.icon_4,.icon_5,.icon_6,.icon_7,.icon_8,.icon_9{ background:url(../images/class_icon_bg.png) no-repeat; width:49px; height:49px; display:block; position:absolute; z-index:10;top:0; left:28px;cursor:pointer;}
.icon_1{background-position:0 0;}
.icon_2{background-position:0 -49px;}
.icon_3{background-position:0 -98px;}
.icon_4{background-position:0 -147px;}
.icon_5{background-position:0 -196px;}
.icon_6{background-position:0 -245px;}
.icon_7{background-position:0 -294px;}
.icon_8{background-position:0 -343px;}
.icon_9{background-position:0 -392px;}

.icon_bg_1,.icon_bg_2,.icon_bg_3,.icon_bg_4,.icon_bg_5,.icon_bg_6,.icon_bg_7,.icon_bg_8,.icon_bg_9{ display:block; background:#cccccc; width:49px; height:49px; margin-left:13px;*margin-left:0px; cursor:pointer; z-index:5;top:0; left:28px; border-radius:50%;}
/*.fix_class_nav  li a:hover .icon_bg_1,.fix_class_nav  li a.hover .icon_bg_1{ background:#ef7b91;}
.fix_class_nav  li a:hover .icon_bg_2,.fix_class_nav  li a.hover .icon_bg_2{background:#66aae9;}
.fix_class_nav  li a:hover .icon_bg_3,.fix_class_nav  li a.hover .icon_bg_3{background:#8f8cac;}
.fix_class_nav  li a:hover .icon_bg_4,.fix_class_nav  li a.hover .icon_bg_4{background:#91b566;}
.fix_class_nav  li a:hover .icon_bg_5,.fix_class_nav  li a.hover .icon_bg_5{background:#79d9f3;}
.fix_class_nav  li a:hover .icon_bg_6,.fix_class_nav  li a.hover .icon_bg_6{background:#fa5f94;}
.fix_class_nav  li a:hover .icon_bg_7,.fix_class_nav  li a.hover .icon_bg_7{background:#ed9e5b;}
.fix_class_nav  li a:hover .icon_bg_8,.fix_class_nav  li a.hover .icon_bg_8{background:#b9d329;}
.fix_class_nav  li a:hover .icon_bg_9,.fix_class_nav  li a.hover .icon_bg_9{background:#ea3535;}*/
.icon_bg_1_hover,.icon_bg_2_hover,.icon_bg_3_hover,.icon_bg_4_hover,.icon_bg_5_hover,.icon_bg_6_hover,.icon_bg_7_hover,.icon_bg_8_hover,.icon_bg_9_hover{display:block; background:none; width:49px; height:49px; position:absolute; z-index:7;top:0; left:28px; border-radius:50%;cursor:pointer;}
/*.icon_bg_1_hover{background:#ef7b91;}
.icon_bg_2_hover{background:#66aae9;}
.icon_bg_3_hover{background:#8f8cac;}
.icon_bg_4_hover{background:#91b566;}
.icon_bg_5_hover{background:#79d9f3;}
.icon_bg_6_hover{background:#fa5f94;}
.icon_bg_7_hover{background:#ed9e5b;}
.icon_bg_8_hover{background:#b9d329;}
.icon_bg_9_hover{background:#ea3535;}*/

.fix_class_nav  li a:hover .icon_bg_1_hover,.fix_class_nav  li a.hover .icon_bg_1_hover,.fix_class_nav  li a.selected .icon_bg_1{background:#ef7b91;}
.fix_class_nav  li a:hover .icon_bg_2_hover,.fix_class_nav  li a.hover .icon_bg_2_hover,.fix_class_nav  li a.selected .icon_bg_2{background:#ff6600}
.fix_class_nav  li a:hover .icon_bg_3_hover,.fix_class_nav  li a.hover .icon_bg_3_hover,.fix_class_nav  li a.selected .icon_bg_3{background:#66aae9;}
.fix_class_nav  li a:hover .icon_bg_4_hover,.fix_class_nav  li a.hover .icon_bg_4_hover,.fix_class_nav  li a.selected .icon_bg_4{background:#8f8cac;}
.fix_class_nav  li a:hover .icon_bg_5_hover,.fix_class_nav  li a.hover .icon_bg_5_hover,.fix_class_nav  li a.selected .icon_bg_5{background:#91b566;}
.fix_class_nav  li a:hover .icon_bg_6_hover,.fix_class_nav  li a.hover .icon_bg_6_hover,.fix_class_nav  li a.selected .icon_bg_6{background:#fa5f94;}
.fix_class_nav  li a:hover .icon_bg_7_hover,.fix_class_nav  li a.hover .icon_bg_7_hover,.fix_class_nav  li a.selected .icon_bg_7{background:#ed9e5b;}
.fix_class_nav  li a:hover .icon_bg_8_hover,.fix_class_nav  li a.hover .icon_bg_8_hover,.fix_class_nav  li a.selected .icon_bg_8{background:#ff6666;}
.fix_class_nav  li a:hover .icon_bg_9_hover,.fix_class_nav  li a.hover .icon_bg_9_hover,.fix_class_nav  li a.selected .icon_bg_9{background:#ea3535;}




.fix_class_nav  li em{display:block; color:#999; font-family:"微软雅黑"; font-size:14px; line-height:20px; position:relative; }
/*.fix_class_nav  li a.hover .icon_bg_1,.fix_class_nav  li a.hover .icon_bg_2,.fix_class_nav  li a.hover .icon_bg_3,.fix_class_nav  li a.hover .icon_bg_4,.fix_class_nav  li a.hover .icon_bg_5,.fix_class_nav  li a.hover .icon_bg_6,.fix_class_nav  li a.hover .icon_bg_7,.fix_class_nav  li a.hover .icon_bg_8,.fix_class_nav  li a.hover .icon_bg_9{ top:49px;}*/

.wrap_bg_1 h3 a{color:#ef7b91;font-weight:bold;}
.wrap_bg_2 h3 a{color:#ff6600;font-weight:bold;}
.wrap_bg_3 h3 a{color:#66aae9;font-weight:bold;}
.wrap_bg_4 h3 a{color:#8f8cac;font-weight:bold;}
.wrap_bg_5 h3 a{color:#91b566;font-weight:bold;}
.wrap_bg_6 h3 a{color:#ff6666;font-weight:bold;}
.wrap_bg_7 h3 a{color:#fa5f94;font-weight:bold;}
.wrap_bg_8 h3 a{color:#4da6ff;font-weight:bold;}
.wrap_bg_9 h3 a{color:#ed9e5b;font-weight:bold;}
.wrap_bg_10 h3 a{color:#ea3535;font-weight:bold;}
.wrap_bg_11 h3 a{color:#b9d329;font-weight:bold;}
.wrap_bg_12 h3 a{color:#ea3535;font-weight:bold;}



.icon_title_1,.icon_title_2,.icon_title_3,.icon_title_4,.icon_title_5,.icon_title_6,.icon_title_7,.icon_title_8,.icon_title_9,.icon_title_10,.icon_title_11,.icon_title_12{background:url(../images/class_icon_bg.png) no-repeat; padding-left:40px; border-bottom:1px  solid #efefef; font-family:"微软雅黑";font-size:18px; color:#000; font-weight:bold; line-height:38px;}
.icon_title_1{ background-position:0 -459px;}
.icon_title_2{background-position:0 -510px;}
.icon_title_3{background-position:0 -562px;}
.icon_title_4{background-position:0 -613px;}
.icon_title_5{background-position:0 -664px;}
.icon_title_6{background-position:0 -714px;}
.icon_title_7{background-position:0 -764px;}
.icon_title_8{background-position:0 -816px;}
.icon_title_9{background-position:0 -867px;}
.icon_title_10{background-position:0 -918px;}
.icon_title_11{background-position:0 -969px;}
.icon_title_12{background-position:0 -969px;}
.catlist{ width:1010px; overflow:hidden;}
.catlist li{ width:473px; margin-right:20px; margin-top:15px; overflow:hidden; line-height:24px; float:left;}
.catlist h3{ float:left; width:58px; text-align:left;}
.catlist h3 a:hover{ text-decoration:underline;}
.subcatlist{ padding-left:60px;}
.subcatlist span{ display:inline-block; width:200px;}
.subcatlist span a{ white-space:nowrap; color:#666;}
.subcatlist span a em{background:url(../images/icon_hot.gif) no-repeat; display:inline-block; width:9px; height:14px;}
.subcatlist span a:hover{ text-decoration:underline; color:#f60;}