﻿/*整体body*/

/*主体区域wrap背景*/
.banner { width:100%; height:599px; background:url(../images/bannerbg.png) no-repeat center top; }
body{ background:url(../images/default_bg.gif) repeat-x left top;}
#wrap{ width:1000px; margin-top:-244px; }
.headWrap { width:1000px; height:130px; }
/*整体底部*/
#foot{ width:100%; height:78px; line-height:20px; padding-top:36px; text-align:center; color:White; background:url(../images/btmbg.gif) repeat-x left bottom; }
#foot a{ color:White;}
/*二维码区域*/
.erwei{ width:178px; height:164px;  background:url(../images/erwei.png) no-repeat center center; right:0px; bottom:240px; z-index:99999; }


/*解决IE6position fixed BUG问题*/
* html,* html body{background-image:url(about:blank);background-attachment:fixed}
* html .erwei{position:absolute;left:expression(eval(document.documentElement.scrollLeft)+10);top:expression(eval(document.documentElement.scrollTop)+400)}
* html .erwei{position:absolute;left:expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft,10)||0)-(parseInt(this.currentStyle.marginRight,10)||0));top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)))}





/*头部logo区域*/
.logo{ width:440px; height:130px;  background:url(../images/logo_bg.png) no-repeat -40px center;}
/*版本语言*/
.language{ width:135px; height:22px; right:0px; top:93px;}
.language a{ width:33px; height:22px; margin-left:12px;}
.language a.ch{ background:url(../images/ch.gif) no-repeat center center;}
.language a.en{ background:url(../images/en.gif) no-repeat center center;}
.language a.jp{ background:url(../images/jp.gif) no-repeat center center;}

/*菜单样式*/
#menu{ height:41px; padding-top:10px; z-index:999; background:url(../images/menubg.png) repeat-x left bottom; }
.menu_btm{ width:100%; height:24px; background:url(../images/menu_btm.gif) repeat-x left top;}
#menu ul li{ height:40px; }
#menu ul li a{ display:inline-block; width:100%; height:100%; line-height:36px; color:White; letter-spacing:2px;  text-align:center;}
#menu ul li a span{ display:inline-block; width:25px;}
#menu ul li.tmall a{ line-height:58px;}
/*一级菜单背景*/
#menu ul li.index{ width:122px; background:url(../images/index.png) no-repeat right top;}
#menu ul li.index.on{ background:url(../images/index02.png) no-repeat right top;}
#menu ul li.brief{ width:112px; background:url(../images/brief.png) no-repeat center top;}
#menu ul li.brief.on{ background:url(../images/brief02.png) no-repeat center top;}
#menu ul li.products{ width:105px; background:url(../images/products.png) no-repeat center top;}
#menu ul li.products.on{ background:url(../images/products02.png) no-repeat center top;}
#menu ul li.manufacture{ width:105px; background:url(../images/manufacture.png) no-repeat center top;}
#menu ul li.manufacture.on{ background:url(../images/manufacture02.png) no-repeat center top;}
#menu ul li.news{ width:110px; background:url(../images/news.png) no-repeat center top;}
#menu ul li.news.on{ background:url(../images/news02.png) no-repeat center top;}
#menu ul li.sellnet{ width:108px; background:url(../images/sellnet.png) no-repeat center top;}
#menu ul li.sellnet.on{ background:url(../images/sellnet02.png) no-repeat center top;}
#menu ul li.honor{ width:108px; background:url(../images/honor.png) no-repeat center top;}
#menu ul li.honor.on{ background:url(../images/honor02.png) no-repeat center top;}
#menu ul li.tmall{ width:110px; height:61px; z-index:999; margin-top:-11px; background:url(../images/tmall.png) no-repeat left top;}
#menu ul li.tmall.ani{ background:url(../images/tmall.png) no-repeat -118px top;}
#menu ul li.tmall.on{ background:url(../images/tmall02.png) no-repeat left top;}
#menu ul li.contact{ width:120px; background:url(../images/contact.png) no-repeat left top;}
#menu ul li.contact.on{ background:url(../images/contact02.png) no-repeat left top;}

/*二级菜单样式*/
.menu2{ height:24px; width:100%; z-index:998; top:50px; left:0px; background:url(../images/menu_btm.gif) repeat-x left top; text-align:center;}
.menu2 ul{ _zoom:1; *display:inline; margin-top:-8px;}
.menu2 ul li{ padding-left:15px; padding-right:15px; height:24px; }
#menu .menu2 ul li a{ display:block; width:100%; height:100%; color:Black;}
#menu .menu2 ul li a:hover{ color:#024DB3;}