.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:41px; background:#fff;}
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(../img/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; 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_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(../img/up.png) center no-repeat;}
#online .news_btn a.down{ bottom: 7px; background: url(../img/down.png) center no-repeat;}


/*22*/
#items {height:355px; }
#items .abs {display:none; position:absolute; top:0; left:0; width:100%; height:115px !important; background:#EB0207 url(../img/b2.jpg) no-repeat center center;}

#items .item { float:left; height:100%}
#items .item1 {margin-right:10px;}
#items .item2 {margin-right:15px; }  /*item1,2 327 item3 337*/
#items .item3 {margin-right:10px;}
#items .item4 {margin-right:10px;}
#items .Sty { margin:0 1px; background:#e7d9a9}
#items .item div{ padding:20px;}
#items .item h1{ font-size:14px; font-weight:700; color:#4f4e4b; margin-bottom:10px;}
#items .item p{color:#7f7c70; line-height:18px;}
#items .item span{color:#b09274;}

#items .innerWrapper{ width:1170px; margin:0 auto; height:100%; overflow:visible}
#items ul{ width:999em; height:100%;}
#items ul li{ float:left;width:1011px;height:277px; overflow:hidden;}
#items ul li .scroll{float:left; width:336px;height:277px; margin-right:1px; overflow:hidden}
#items ul li a{ float:left; width:336px;height:277px;background:#f1e9cc;}
#items ul li a div{ padding:20px;}
#items ul li a h1{ font-size:14px; font-weight:700; color:#4f4e4b; margin-bottom:10px;}


#items ul li a p{color:#7f7c70; line-height:18px;font-weight:700;}
#items ul li a span{color:#b09274;}
#items .tyeCtrl{ position:relative; z-index:99; width:1010px; margin:0 auto}
#items .tyeCtrl .tyeBtnL{ position:absolute; left:-57px; top:-225px; width:37px; height:37px; z-index:99; background:url(../img/index/btnL.png) no-repeat; cursor:pointer}
#items .tyeCtrl .tyeBtnR{ position:absolute; right:-57px; top:-225px; width:37px; height:37px; z-index:99; background:url(../img/index/btnR.png) no-repeat;cursor:pointer}

#items dl{ width:999em; height:100%; position:relative;}
#items dl dd{float:left; width:195px;height:315px; margin-right:1px; overflow:hidden; position:relative;background-color:#FFFFFF;padding:5px;border:#EB5E0D 1px solid }
#items dl dd .mask{ width:195px; /*height:139px;*/ height:200px; background:url(../img/mask.png) repeat-y; position:absolute; left:0; top:0; z-index:1; margin-left:5px; margin-top:5px; display:none}
#items dl dd .link1{ width:103px; height:35px; background:url(../img/menu3.png) no-repeat; position:absolute; margin-left:20px; top:100px; z-index:3; filter:alpha(opacity:0); opacity:0;}
#items dl dd .link1:hover{ background:url(../img/menu3_on.png) no-repeat; }
#items dl dd .link2{ width:103px; height:35px; background:url(../img/menu3.png) no-repeat; position:absolute;  top:102px; z-index:3; filter:alpha(opacity:0); opacity:0; cursor:default;}
#items dl dd .link2:hover{ background:url(../img/menu3_on.png) no-repeat; }
#items dl dd.item1 .link1 {background:url(../img/menu1.png) no-repeat;}
#items dl dd.item1 .link1:hover {background:url(../img/menu1_on.png) no-repeat;}
#items dl dd.item1 .link2 {background:url(../img//menu2.png) no-repeat; }
#items dl dd.item1 .link2:hover {background:url(../img/menu2_on.png) no-repeat;}
#items dl dd a.link3{ float:left; width:205px;height:200px; /*background:#f1e9cc;*/}
#items dl dd a.link3 .titlebg1{ height:30px; background: url(../images/titlebg1.jpg) 0px 10px no-repeat; }
#items dl dd a.link3 div{ margin-bottom:0px width:100px; }
#items dl dd a.link3 h1{ font-size:30px; font-weight:700; float:left; color:#ff0000; margin-bottom:10px;line-height:28px; margin-top:10px}
#items dl dd a.link3 h1:hover{ color:#DB6700;}

#items dl dd a.link3 h2{ font-size:16px; font-weight:700; float:right; margin-right:10px; color:#FFFFFF; margin-bottom:10px;line-height:28px; }
#items dl dd a.link3 h2:hover{ color:#DB6700;}

#items dl dd a.link3 desc{ width: 190px; height:30px; color:#727171; font-size: 18px; line-height:30px; overflow: hidden;  margin-left:0px; margin-right:0px;  /*font-weight:700;*/}
#items dl dd a.link3 desc:hover{ color:#DB6700;}



#items dl dd a.link3 span{color:#c69c3d; font-size: 14px;}
#leftMarquee{ position:relative}
#leftMarquee .scrollPro { margin-top: 30px; width:1100px; height:100%; overflow:hidden; position:relative;}
#items .btnPrev{ display:none;position:absolute; left:-50px; top:50px; width:37px; height:37px; z-index:99; background:url(../img/index/btnL.png) no-repeat; cursor:pointer}
#items .btnNext{ display:none;position:absolute; right:-50px;top:50px; width:37px; height:37px; z-index:99; background:url(../img/index/btnR.png) no-repeat; cursor:pointer}


.linkdn1 {left:50%; margin-left:52px }




.innerWrapper { width: 1010px; height: 100%; margin: 0 auto; overflow: hidden;}
.innerWrapper_i { width: 1080px; height: 100%; margin: 0 auto; overflow: hidden; }