@charset "utf-8";
/* CSS Document */

#tabs-container{ position:fixed;bottom:20px; height:20px; width:100%; z-index: 300; font-size:12px;}
#imgbox{position:fixed; bottom:330px; width:256px;  left:50px; height:72px; z-index: 300;overflow:hidden;}
.picbox{  height:72px; overflow:hidden; width:400px;}
.piclist{ height:72px;position:absolute; left:0px; top:0px}
.piclist li{ margin-right:10px; float:left;  display:block;}
.swaplist{ position:absolute; left:0px; top:0px}

#imgbox2{width:240px; height:72px;overflow:hidden;}
.picbox2{  height:72px; overflow:hidden; width:300px;}
.piclist2{ height:72px;position:absolute; left:0px; top:0px}
.piclist2 li{ margin-right:10px; float:left;}
.swaplist2{ position:absolute; left:0px; top:0px}

#imgbox3{width:230px; height:112px;overflow:hidden;}
.picbox3{  height:112px; overflow:hidden; width:230px;}
.piclist3{ height:112px;position:absolute; left:0px; top:0px}
.piclist3 li{float:left;}
.swaplist3{ position:absolute; left:0px; top:0px}



.og_prev,.og_next{ width:30px; height:50px; background:url(../images/icon.png) no-repeat; background:url(../images/icon_ie6.png) no-repeat\9; position:absolute; top:13px; z-index:99; cursor:pointer;filter:alpha(opacity=70); opacity:0.7;}
.og_prev{ background-position:0 -60px; left:2px;}
.og_next{ background-position:0 0; right:2px;}
.infobar{position:fixed;top:148px; width:260px; left:50px;  z-index:500;font-size:12px; color:#fff; height:150px; display:none}
.infotit{ font-size:13px; font-weight:bold; line-height:24px;}
.viewm{display:block; text-align:right; padding-right:6px; margin-top:4px;}

#foot_bm a,p,p a{font-size:12px;color:#666;}
#tabs-container .background
 {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter:alpha(opacity=75);
    -moz-opacity:0.75;
    -khtml-opacity: 0.75;
    opacity: 0.75;
    background-color: #194e56;
    position: absolute;
    width: 100%;
    height: 100%;     
    z-index: 4;
	
 }
.tabs li{width:151px;float:left;height:20px;line-height:20px;color:#fff;text-align:center;cursor:pointer; background:url(../images/li-bg.png) no-repeat right center;}
.tabs li a: first-child{margin-left: 10px}
.tabs li a{color:#fff;text-decoration:none; display:block}
.tabs li.active {color:#fff;background: #475558 url(../images/li-bg.png) no-repeat right center;}
.tabs li.child a{display: block;margin: 0;padding: 6px 10px 4px}
.tabs{display: block;margin: 0; padding:0;position: absolute;z-index: 100}
#nav-container{ width:335px; position: absolute; left:0; height:100%; z-index: 1;}
#nav-container .background
 {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter:alpha(opacity=75);
    -moz-opacity:0.75;
    -khtml-opacity: 0.75;
    opacity: 0.75;
    background-color: #194e56;
    position: absolute;
    width: 100%;
    height: 100%;     
    z-index: 4;
 }
.navbox{ height:248px; position:fixed; bottom:30px; width:300px; z-index:210; }
.nav {width:100%; height:100%; font-size:11px;}
.nav li{height:16px;line-height:16px; display:block; padding-left:50px;}
.nav li.select{background: #466A90}
.nav li a:hover{ color:#fff;text-decoration:none;}
.nav{display: block;margin: 0;position: absolute;z-index: 100}
.nav li ul{color: #fff;display: block;position: absolute; top:-220px; width:220px; line-height:18px; z-index:2000}
.nav li ul li{width: 100%}
.nav li span a{text-decoration:none;}
.navbox ul:hover li a{ color:#969696;}
.navbox ul:hover li:hover a{ color:#fff; text-decoration:none;}

.item{position:absolute; width:230px; height:112px; 
/*background: url(../images/items.png) no-repeat center center; */
z-index:200; bottom:184px; left:367px}


.knowtit{ line-height:30px}
.knowli{ font-size:12px; width:135px;position:absolute; z-index:600; height:285px; bottom:142px; left:50px;}
.know_head{cursor: pointer; display:block; line-height:26px; color:#fff;background: url(../images/cl.png) center right no-repeat;}
.know_on {background: url(../images/op.png) center right no-repeat;}
.know_head span{ display:block; border-bottom:1px solid #fff;}
.know_body { display:none; height:80px; overflow:hidden; width:135px;padding-top:3px;}
.know_body  a{font-size:10px;cursor: pointer; display:block; overflow:hidden; height:20px;}
.know_body  a:hover{text-decoration: none;cursor: pointer;}
.knowline p{ line-height:22px;}
.knowtop{ bottom:0px;}


/**/
.menu_head {cursor: pointer; width:135px; display:block; color:#fff;background: url(../images/cl.png) center right no-repeat;}
.menu_head span{ display:block; border-bottom:1px solid #fff;text-decoration:none}
.has_on {background: url(../images/op.png) center right no-repeat;}
.menu_head a{ border-bottom:1px solid #fff;text-decoration: none; }
.menu_body { display:none;padding-left:50px; width:235px;}
.menu_body span{ display:block;text-decoration:none;font-size:10.5px; line-height:18px; height:18px;}
.menu_body span a:hover{text-decoration: none;}


.menu_body:hover span a{ color:#969696;}
.menu_body:hover span:hover a{ color:#fff; text-decoration: none;}
/**/
.example2{}
.example2 ol{position:relative;width: 80px;height: 20px;top:-30px;left:60px;}
.example2 ol li{float:left;width: 10px;height: 10px;margin: 5px;background: #fff;}
.example2 ol li.seleted{background: #1AA4CA;}
.luara-left{position:relative;padding:0;overflow: hidden;}
.luara-left ul{position: relative;padding: inherit;margin: 0;}
.luara-left ul li{float: left;padding: inherit;margin: inherit;list-style: none;}
.luara-left ul li img{width: inherit;height: inherit;}