@charset "utf-8";
/****reset***/
html,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {margin:0;padding:0;font-size:12px;font-family:Arial,"宋体";}
table{border-collapse:collapse;}
a img{border:0px;}
address, caption, cite, code, dfn, em, th, var {font-style:normal;font-weight:normal;}
li {list-style:none;}
caption, th {text-align:left;}
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;}
input, button, textarea, select {font-family:inherit;}
a{outline: none; text-decoration:none;}
a:hover{text-decoration:underline;}
html{ overflow-y:scroll;}
/****resetend***/

body{background:url(../images/Default/bg.jpg) no-repeat center top #f9f9f9;}
#top{ width:984px; margin:0px auto; background:url(../images/Default/top_bg.jpg) no-repeat; position:relative; height:91px;}
#logo{ width:124px; height:65px; float:left; padding:16px 0 0 48px;}
#logo img{display:block;}

#topitem{ width:290px; float:right; padding:12px 20px 3px 0; overflow:hidden; }
#searchbox{ height:20px; width:260px; float:left; background:url(../images/Default/search_icon.jpg) no-repeat left bottom; padding:0 0 0 22px;}
#searchbox input{vertical-align:middle;}
#searchbox input#txtInfo{ padding:2px 10px 2px 4px; width:120px; border:0px; font-size:12px; height:14px; border:1px solid #ccc; }
#searchbox .out{color:#ccc;}
#searchbox .on{color:#666;}
#searchbox select{ font-size:11px; vertical-align:middle; line-height:12px;}
#language{ float:right; }
#language a{ display:block; float:left; text-indent:-9999px;}
#language .cn{ width:34px; height:18px; background:url(../images/Default/icon_cn.jpg);}
#language .en{ width:30px; height:18px; background:url(../images/Default/icon_en.jpg);}

#menu{ clear:both;  width:670px; display:block; position:absolute; top:37px; right:60px;}
#menu li{float:left; line-height:54px; height:54px;}
#menu li a{display:block; height:54px; background-image:url(../images/Default/menu.jpg); text-indent:-9999px;}

#menu .nav1{width:90px;}
#menu .nav1 a{ background-position:0 0;}
#menu .nav1 a:hover{ background-position:0 -54px;}

#menu .nav2,
#menu .nav2current{width:125px;}
#menu .nav2 a{ background-position:-90px 0;}
#menu .nav2 a:hover,
#menu .nav2current a{ background-position:-90px -54px;}

#menu .nav3,
#menu .nav3current{width:110px;}
#menu .nav3 a{ background-position:-215px 0;}
#menu .nav3 a:hover,
#menu .nav3current a{ background-position:-215px -54px;}

#menu .nav4,
#menu .nav4current{width:115px;}
#menu .nav4 a{ background-position:-325px 0;}
#menu .nav4 a:hover,
#menu .nav4current a{ background-position:-325px -54px;}

#menu .nav5,
#menu .nav5current{width:112px; }
#menu .nav5 a{ background-position:-440px 0;}
#menu .nav5 a:hover,
#menu .nav5current a{background-position:-440px -54px;}

#menu .nav6,
#menu .nav6current{width:118px;}
#menu .nav6 a{ background-position:-552px 0;}
#menu .nav6 a:hover,
#menu .nav6current a{background-position:-552px -54px;}

#menu .nav6.show ul,
#menu .nav6current.show ul{width:111px;}

#menu li ul{display:none;}
#menu li.show ul{display:block; width:100%; background:url(../images/Default/ul_bg.gif); }/* ul_bg.gif -> hack ie bug*/
#menu li.show ul li{ float:left; width:100%; height:20px; line-height:20px; border-bottom:1px solid #fff; position:relative;}
#menu li.show ul li a{ height:20px; background-image:none; text-indent:0; background-color:#84b1d4; color:#fff;  padding:0 0 0 20px;}
#menu li.show ul li a:hover{ background-color:#578dbd; color:#fff; text-decoration:none;}

#menu li.show ul li ul{ display:none;}
#menu li.show ul li.show ul{ display:block; position:absolute; left:110px; top:0;}
#menu li.show ul li.show ul li{ border-left:1px solid #fff;}

#menu li.show ul li.show ul li ul{ display:none; position:relative;}
#menu li.show ul li.show ul li.show ul{ display:block; position:absolute; left:110px; top:0;}
#menu li.show ul li.show ul li.show ul li{ border-left:1px solid #fff;}

#mybanner{ width:1000px; margin:0px auto;}
/**main**/
#main{ width:936px; margin:0px auto 20px; padding:0 24px;}
#sidebar{width:202px; float:left;  padding:75px 0 20px 0; position:relative; top:-75px;}
#content{ width:690px; float:right; position:relative; top:-25px;}

#sidenav{ width:166px; margin:0px auto 50px;; overflow:hidden;}
#sidenav li{ line-height:26px; float:left;}
#sidenav li a{ display:block; height:26px; color:#666666; background:url(../images/about/ul_li.png) no-repeat center bottom; padding:0 0 0 30px; width:136px; }
#sidenav li a:hover{ text-decoration:none; color:#2d6aa4;}
#sidenav .cur1 a{background:url(../images/about/ul_li_c.png); padding:0 0 0 44px; color:#2d6aa4; width:122px;}

#sidenav li ul{display:none;}
#sidenav .cur1 ul{display:block;}
#sidenav .cur1 ul li{line-height:24px;}
#sidenav .cur1 ul li a{ color:#666666; height:24px; background:url(../images/products/lili_icon.jpg) no-repeat 35px center;padding:0 0 0 49px; width:117px;}
#sidenav .cur1 ul li a:hover,
#sidenav .cur1 ul .cur2 a{color:#3f79af; background:url(../images/products/lili_icon_h.jpg) no-repeat 35px center;}

#sidenav .cur1 ul li ul{display:none;}
#sidenav .cur1 ul .cur2 ul{display:block;}
#sidenav .cur1 ul .cur2 ul li{line-height:20px;}
#sidenav .cur1 ul .cur2 ul li a{ color:#333333; height:20px; background:url(../images/products/lilili_icon.gif) no-repeat center; padding:0 0 0 54px; width:112px;}
#sidenav .cur1 ul .cur2 ul li a:hover,
#sidenav .cur1 ul .cur2 ul .cur3 a{color:#fff; background:url(../images/products/lilili_icon_h.jpg) no-repeat center;}


#sideitem{width:202px; overflow:hidden;}
#sideitem h3{ height:30px; width:202px; background:url(../images/about/sideitem_tit.jpg) no-repeat; text-indent:-9999px; margin:0 0 4px 0;}
#sideitem #sprobox{ width:60px; height:60px; float:left; padding:0 0 0 18px;}
#sideitem #sprotext{ width:96px; float:right; padding:0 18px 0 0;}
#sideitem #sprotext h6{ margin:0 0 4px 0;}
#sideitem #sprotext h6 a{color:#3d3d3d; font-weight:bold;}
#sideitem #sprotext p{ line-height:16px; color:#686868; margin:0 0 4px 0;}
#sideitem #sprotext a.more{ font-size:12px; color:#617925; float:right;}

#sideitem2{width:202px; overflow:hidden;}
#sideitem2 img{display:block; margin:0 auto 20px;}


#content h2.tit{ color:#3a72a8; font-size:20px; font-family:"黑体",Arial;}
#content h3.tit{ color:#999999; font-size:11px;margin:0 0 24px 0; }


/**bottom**/
#bottombox{ background:url(../images/Default/bottom_bg.jpg) no-repeat center top; padding:15px 0 ;}
#bottom{width:980px; margin:0px auto; overflow:hidden;}
#bothotline{ width:184px; height:18px; background:url(../images/Default/bot_img.gif) no-repeat; text-indent:-9999px; margin:0 0 6px 0; float:left;}
#cprt{ font-size:11px; color:#999999; float:left; clear:left;}
#botlink{ float:right; color:#888; margin:0 -8px 0 0;}
#botlink a{ color:#888888; margin: 0 8px;}
#ucan{ float:right; clear:right;}
#ucan a{color:#ccc; font-size:10px;}


/**etc*/
.clear{clear:both;}
.page{ font-weight:bold; color:#000; text-align:right;}
.page a{color:#646464; font-weight:normal;}