.navgation {position:absolute; top:76px; left:0; z-index:5; width:100%; min-width:1010px; _width:expression((documentElement.clientWidth < 1010) ? "1010px" : "auto"); height:44px; overflow:hidden;}
#content {margin-top:44px;}
#subNavs {position:relative; width:100%; height:125px; background:#fff;}
#subNavs .innerWrapper div {display:none; position:absolute; top:0; left:0; width:100%; height:50px; background:url() no-repeat center center;}
#subNavs .innerWrapper div a {float:left; padding:0 13px 0 15px; font-weight:bold; font-size:14px; line-height:50px; color:#977c66; background:url(../img/index/link_sep.png) no-repeat left center; trainsition:color 0.7s; -webkit-transition:color 0.7s; -moz-transition:color 0.7s;}
#subNavs .innerWrapper div a.first {padding-left:13px; background-image:none;}
#subNavs .innerWrapper div a:hover {color:#fd0000;}


#subNavs .about .first {margin-left:64px;}
#subNavs .product .first {margin-left:161px;}
#subNavs .social .first {margin-left:285px;}
#subNavs .news .first {margin-left:930px;}
#subNavs .career .first {margin-left:940px;}
#subNavs .contact .first {margin-left:1100px; padding-right:0;}


/*22*/
#content {position:relative;}
#banner {position:relative; /*height:435px;*/ height:/*380px*/457px; overflow:hidden;}
#banner .pics {width:100%; height:100%;}
#banner .pics li {display:none; position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center center;}
#banner .pics li.b1 {display:list-item;}
#banner .idxWrap {position:absolute; left:50%; bottom:20px; margin-left:-505px; width:1010px; height:10px;}
#banner .idxs {float:right; width:auto; height:100%;}
#banner .idxs li {float:left; margin-right:5px; width:10px; height:10px; background-color:gray; border-radius:11px; cursor:pointer;}
#banner .idxs li.on {background-color:#c69c3d;}


#banner .pics li a { width:100%; height:100%; display:block }

#banner .btns li {position:absolute; top:50%; z-index:4; margin-top:-26px; width:52px; height:52px; background-repeat:no-repeat; background-position:center center; cursor:pointer;}
#banner .btns .left {left:-52px; background-image:url(../img/left.png);}
#banner .btns .right {right:-52px; background-image:url(../img/right.png);}


/*Ê×Ò³ÐÂÎÅ*/
#online {height:51px; position:absolute;z-index:99999;  background:url(../images/newstb.jpg) repeat-x;width:100%;}
span.inews_type{ float: left; margin-right: 20px; width: 23px; height: 41px; height: 41px; color: #8e7359; font-size: 14px; line-height: 41px; display: inline-block; background: url(../images/type_bg.png) center no-repeat;}
#online .inews_box{ float: left; width: 800px; height: 41px; overflow: hidden; line-height: 41px;}
#online .inews_list li{ height: 44px; white-space: nowrap;}
#online .inews_list li a{ float: left; height: 44px; font-weight:bold; color:#333;font-size:14px; line-height:44px; display: block; overflow: hidden;}
#online .inews_list li h1{ float: left; margin-right: 15px; height: 44px; font-weight:bold; font-size:14px; line-height:44px; display: block;}
#online .news_more a{line-height:45px; padding-left:120px; color:#FFFFFF}
#online .news_more a:hover{color:#000}

#online .news_btn{ float: right; position: relative; width: 16px; height: 44px;}
#online .news_btn a{ position: absolute; left: 0; width: 16px; height: 9px; display: block;}
#online .news_btn a.up{  top: 7px; background: url(../images/up.png) center no-repeat;}
#online .news_btn a.down{ bottom: 7px; background: url(../images/down.png) center no-repeat;}