html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}

a{ color: #333; text-decoration: none;}
a:hover{ text-decoration: underline;}


/* 清理浮动 */
.clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}
/* for IE6 IE7 */
.clearfix { zoom:1;}

.inline-block{ display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline;}




body{ background: #f7f7f7; font-family: "microsoft yahei";}

.com-warp{ height: auto; width: 1200px; margin: 0 auto; background: #fff;}

.com-head{ height: 80px; width: 1170px; margin: 0 auto; position: relative;}

.com-head-tools{ height: 20px; width: 800px; font-family: "microsoft yahei"; font-size: 13px; position: absolute; right: 20px; top: 45px;}
.com-head-tools li{ height: 20px; width: auto; padding: 0 0 0 25px; float: right;}
.com-head-tools a{ color: #333; white-space: nowrap;}

.com-logo{ height: 45px; width: 295px; background: url(../images/logo.png); position: absolute; left: 0; top: 26px;}
.com-logo a{ display:block; height:45px}

.com-nav{ height: 47px; margin: 0 auto; width: 1200px; background: #9a9a9a; font-family: "microsoft yahei";}
.com-nav-bd{ height: 47px; margin: 0; position: relative;}
.com-nav-itm{ height: 47px; width: auto; padding: 0 30px 0 0; line-height: 47px; float: left; position: relative;}
.com-nav-bd a{ display: block; height: 47px; padding: 0 15px; color: #fff; white-space: nowrap;}
.com-nav-bd a:hover,
.com-nav-bd a.active{ background: #828282; text-decoration: none;}

.com-nav-bd .search{ height: 25px; width: 155px; padding: 0; position: absolute; right: 11px; top: 11px; overflow: hidden;}
.com-nav-bd .search-frm{ height: 25px; width: 155px; background: #727071;}
.com-nav-bd .search-input{ display: block; height: 25px; width: 128px; border: 0; background: none; float: left;}
.com-nav-bd .search-btn{ display: block; height: 25px; width: 27px; border: 0; background: url(../images/icons.png) 5px 5px; cursor: pointer; float: left;}

.com-nav-itm:hover,
.com-nav-itm-hover{ background: #828282;}
.com-nav-menu{ display: none; height: auto; width: 340px; position: absolute; left: 0; top: 47px; z-index: 100;}
.com-nav-menu a{ height: 40px; line-height: 40px; background: #828282; font-size: 14px;}
.com-nav-menu a:hover{ background: #666;}
.com-nav-itm:hover .com-nav-menu,
.com-nav-itm-hover .com-nav-menu{ display: block;}


.com-class{ height: 0; width: 1200px; margin: 0 auto 2px; background: #e6e6e6 url(../images/class-bg.png) 0 0 repeat-x; overflow: hidden; position: relative;}
.com-class-bd{ height: auto; width: 960px; margin: 0 auto; overflow: hidden;}
.com-class-lst{ height: auto; width: 20000px; margin: 0; position: relative;}
.com-class-itm{ height: auto; width: 960px; padding: 20px 0; float: left;}
.com-class-group{ height: auto; width: 160px; padding: 30px 0 0; font-size: 13px; float: left; position: relative;}
.com-class-group a{ color: #333;}
.com-class-group a:hover{ text-decoration: underline;}
.com-class-group-title{ height: 20px; line-height: 20px; font-weight: bold; position: absolute; left: 0; top: 5px;}
.com-class-group-lst{ height: auto;}
.com-class-group-lst li{ height: auto; padding: 0 0 10px 12px; background: url(../images/dote.gif) 3px 7px no-repeat;}
.com-class-close{ height: 10px; width: 100%; cursor: pointer; position: absolute; left: 0; bottom: 9px;}
.com-class-close i{ display: block; width: 0; height: 0; margin: 0 auto; border-style: solid; border-width: 0 10px 10px; border-color: transparent transparent #8b8b8b; overflow: hidden;}

.com-tab{ height: 50px; margin: 0; font-family: "microsoft yahei"; font-size: 18px;}
.com-tab-itm{ width: auto; height: 50px; padding: 0 40px; margin: 0 40px 0 0; line-height: 50px; background: #c9c9c9; cursor: pointer; text-align: center; float: left;}
.com-tab-itm-active{ background: #fff; cursor: default;}

.com-footer{ height: 50px; line-height: 50px; text-align: center; color: #333; font-family: "microsoft yahei"; font-size: 14px; background-color:#d7d7d7; padding-top:40px;}