@charset "gb2312";


html, body, ul, li, h1, h2, h3, h4, h5, h6, p, fieldset, legend,img {padding:0; margin:0;}
body {font:12px/normal 宋体,Verdana; background-image:url(../images/bg.jpg); background-repeat:repeat-x; background-color:#EDEDED;}
ul,li {list-style-type:none; text-transform:capitalize;}
.clear {clear:both; *display:inline;}

#xysz td{padding:5px;border:1px solid #666;}
#xysz a{ color:#000;text-decoration:none;}
#xysz a:hover {text-decoration:underline;}

#zuixin{ font-size:120%; padding-top:10px;}
#zuixin td{ padding:5px 0 5px 0;}
#zuixin a{ color:#000;text-decoration:none;}
#zuixin a:hover {text-decoration:underline;}

#zuixin2{ font-size:100%; padding-top:10px;}
#zuixin2 td{ padding:3px;}
#zuixin2 a{ color:#000;text-decoration:none;}
#zuixin2 a:hover {text-decoration:underline;}

#zuixin3{ font-size:100%; padding-top:5px;}
#zuixin3 td{ padding:3px; text-align:center;}
#zuixin3 a{ color:#000;text-decoration:none;}
#zuixin3 a:hover {text-decoration:underline;}

#lingdao{ font-size:120%; padding-top:10px; border:1px solid #666; border-collapse:collapse;}
#lingdao td{ padding:5px 0 5px 0;border:1px solid #666;}
#lingdao a{ color:#000;text-decoration:none;}
#lingdao a:hover {text-decoration:underline;}

#lingdao2{ font-size:120%; padding-top:10px;}
#lingdao2 td{ padding:5px 0 5px 0;}
#lingdao2 a{ color:#000;text-decoration:none;}
#lingdao2 a:hover {text-decoration:underline;}

#list{ font-size:100%; padding-top:10px;}
#list td{ padding:0;}
#list a{ color:#000;text-decoration:none;}
#list a:hover {text-decoration:underline;}

.leftmenu {width:90%; font-size:120%; margin:0 auto; font-weight:bold;} 
.leftmenu li {display: inline;white-space: nowrap; text-align:center;} 
.leftmenu span, .leftmenu a:active, .leftmenu a:visited, .leftmenu a:link { display: block; text-decoration:none; margin:6px; padding:6px; color: #00527f; background-color: #d9e8f3;border: 1px solid #004266;} 
.leftmenu a:hover { color: red; background-color: #8CBBDA;} 
.leftmenu span { color: #a13100;} 

.leftmenu2 {margin:0 auto; font-size:120%; font-weight:bold;} 
.leftmenu2 li {display: inline;white-space: nowrap;text-align:center; float:left;width:25%;} 
.leftmenu2 span, .leftmenu2 a:active, .leftmenu2 a:visited, .leftmenu2 a:link { display: block; text-decoration:none; margin:5px; padding:5px; color: #00527f; background-color: #d9e8f3;border:1px solid #004266;} 
.leftmenu2 a:hover { color: red; background-color: #8CBBDA;} 
.leftmenu2 span { color: #a13100;} 

.leftmenu3 {width:100%; font-size:120%; margin:0 auto; font-weight:bold;} 
.leftmenu3 li {display: inline;white-space: nowrap; text-align:center;} 
.leftmenu3 span, .leftmenu3 a:active, .leftmenu3 a:visited, .leftmenu3 a:link { display: block; text-decoration: none; padding:6px; color: #00527f; background-color: #d9e8f3;} 
.leftmenu3 a:hover { color: red; background-color: #8CBBDA;} 
.leftmenu3 span { color: #a13100;} 

.leftmenu4 {width:100%; font-size:120%; margin:0 auto; font-weight:bold;} 
.leftmenu4 li {display: inline;white-space: nowrap; text-align:center;} 
.leftmenu4 span, .leftmenu4 a:active, .leftmenu4 a:visited, .leftmenu4 a:link { display: block; text-decoration: none; margin:6px 0; padding:6px;background-color: #d9e8f3;} 
.leftmenu4 a:hover {background-color: #8CBBDA;} 

.leftmenu5 {width:100%; font-size:120%; margin:0 auto; font-weight:bold;} 
.leftmenu5 li {display: inline;white-space: nowrap; text-align:center;} 
.leftmenu5 span, .leftmenu5 a:active, .leftmenu5 a:visited, .leftmenu5 a:link { display: block; text-decoration: none;background-image:url(../images/sl_menu_bg.gif); height:36px; line-height:36px;color: #00527f; padding-left:13px;} 
.leftmenu5 a:hover {background-image:url(../images/sl_menu_hover_bg.gif);} 




#header{width:1000px;margin:0 auto; height:150px;}


#language{ width:200px; height:17px; background-image:url(../images/language.gif); background-repeat:no-repeat;float:right; margin:78px 10px 0 0;}
#language a{ cursor:hand;}
#language a:hover{cursor:hand;}

#logo{ width:346px; height:113px; background-image:url(../images/logo.gif); background-repeat:no-repeat;}


#menu {display:block; float:right;}
#nav li{ overflow:hidden;}


#nav .mainlevel {float:left;width:70px;}
#nav .mainlevel a { color:#FFF; text-decoration:none; line-height:20px; display:block;width:85px; background:#0E51A0;}
#nav .mainlevel a:hover {color:#FFF;text-decoration:none; background:#013162;}
#nav .mainlevel ul {display:none;position:absolute; padding:0; margin:0; z-index:5;}
#nav .mainlevel li {border-top:2px solid #CCC;text-align:center; background:#ffe60c;width:85px;}


#content_a{width:1000px;margin:0 auto; height:305px; background-color:#FFF; padding:0;}
#lunhuan_1{width:400px; height:300px; background-color:#039; float:left;}
#lunhuan_2{width:592px; height:240px; background-color: #9F0; float:right; background-image:url(../images/aaaa.gif);}
#lunhuan_22{width:592px; height:240px; background-color: #ffffff; float:right; background-image:url(../images/aaaa2.gif);background-repeat:repeat-x;}
#lunhuan_33{width:592px; height:240px; background-color: #9F0; float:right; background-image:url(../images/aaaa3.gif);}
#lunhuan_44{width:592px; height:260px; background-color: #9F0; float:right; background-image:url(../images/aaaa4.gif);}
#lunhuan_3{width:592px; height:52px; float:right; padding-top:6px;}
#zhuanti_1{width:145px; float:left;}
#zhuanti_2{width:145px; padding-left:3px; float:left;}
#zhuanti_3{width:145px; padding-left:3px; float:left;}
#zhuanti_4{width:145px; padding-left:3px; float:left;}


#content_b{width:1000px;margin:0 auto; height:355px; background-color:#FFF;background-image:url(../images/content2bg.gif); background-repeat:repeat-x;}


#c_b_1{width:970px;margin:0 auto;padding-top:15px; margin-bottom:-5px;}


#c_b_1_1{width:660px;float:left;height:240px;background-image:url(../images/xinwen.gif); background-repeat:no-repeat;}
#yaowen{ width:330px;height:205px;float:left;}
#meiti{ width:330px;height:205px;float:left;}
.xinwen_title{ width:320px; height:28px;}
.xinwen_con{width:320px; height:180px;}
.xinwen_con ul{ padding-left:5px;}
.xinwen_con li{ height:23px; line-height:23px;}
.xinwen_con a:link {color:#464646;text-decoration:none;}         
.xinwen_con a:visited {color:#464646;text-decoration:none;}      
.xinwen_con a:hover {color:#464646;text-decoration: underline;}  
.xinwen_con a:active {color:#464646;text-decoration:none;}       
#morenews{height:25px;}

#c_b_1_2{width:310px;float:left;height:220px;background-image:url(../images/xinxibg.gif); background-repeat:no-repeat;}
.xinwen_title2{ width:280px; height:28px;}
.xinwen_con2{width:270px; margin-left:5px;}



#c_b_2{width:970px;margin:0 auto;background-image:url(../images/c2bg.gif); background-repeat:no-repeat; overflow:hidden; height:100px;}
#c2_1{ width:180px;float:left;padding-top:25px;}
#c2_1 from{padding:0;}
#c2_1 input{padding:0;}
#c2_1_1{padding:0; float:left;}
#c2_1_2{padding:0; float:left; text-align:center;}
#c2_2{ width:150px;float:left;padding-top:25px;}
#c2_3{ width:400px;float:left;padding-top:15px;}
#c2_3 ul{ padding:0;}
#c2_3 li{ width:100px; float:left; height:35px;padding:0;}
#c2_4{ padding-top:15px; float:right;}


#bottom{width:1000px;margin:0 auto; height:85px; background-color:#013162; clear:both;}
#smalllogo{ float:left;}
#wei{ float:left; width:245px; padding:0 0 0 10px;}
#info{ float:left; width:520px; color:#FFF; text-align:right; padding-top:25px;}
#info a{ color:#FFF; text-decoration:none;}
#info a:hover{ color:#FFF; text-decoration:underline;}

.form_input{ width:115px;}
form{ clear:both;}


.show_main{ background-color:#FFF; width:1000px; margin:0 auto; overflow:hidden; padding-bottom:5px;}
.show_main2{ width:980px; margin:0 auto; background-image:url(../images/space.gif);background-repeat:repeat-y;overflow:hidden;}
.show_main3{ width:980px; margin:0 auto; background-image:url(../images/space2.gif);background-repeat:repeat-y;overflow:hidden;}
.show_1{ width:980px;margin:0 auto;height:41px; background-image:url(../images/show_1_title.gif); background-repeat:no-repeat; background-position:center bottom;}
.show_1_title{ padding:10px 0 0 24px; font-size:12px;}
.show_1_title a{ text-decoration:none; color:#000;}
.show_1_title a:hover{ text-decoration: underline; color:#000;}
.show_2{ float:left; width:230px;}
.show_2_title{ background-image:url(../images/er_title_bg.gif); background-repeat:no-repeat; background-position: right;height:58px; color:#FFF; font-family:"黑体"; font-size:18px; padding-left:10px;line-height:78px; _margin-bottom:-10px; _margin-top:-10px;}
.show_2_content{border-left:#ccc 1px solid;border-right:#ccc 1px solid;}
.show_2_content2{}
.show_3{ float:left;width:560px;}
.show_3_title{ background-image:url(../images/er_title_bg.gif); background-repeat:no-repeat;  background-position: right;height:58px; color:#FFF; font-family:"黑体"; font-size:18px; line-height:78px; padding-left:10px;_margin-bottom:-10px; _margin-top:-10px;}
.show_3_content{line-height:180%;background-image:url(../images/xydy_bg2.gif); background-attachment:inherit;background-repeat:no-repeat; background-position:right bottom;}
.show_3_content a{ color:#000;text-decoration:none;}
.show_3_content a:hover {text-decoration:underline;}
.show_3_content p{ padding-top:8px;}
.show_4{ float:left; width:166px;}
.show_4_title{ background-image:url(../images/er_title_bg.gif); background-repeat:no-repeat;  background-position: right;height:58px; color:#FFF; font-family:"黑体"; font-size:18px; line-height:78px; padding-left:10px;_margin-bottom:-10px; _margin-top:-10px;}
.show_4_content{border-left:#ccc 1px solid;border-right:#ccc 1px solid;}
.show_5{float:left; width:738px;}
.show_5_title{ background-image:url(../images/er_title_bg.gif); background-repeat:no-repeat;  background-position: right;height:58px; color:#FFF; font-family:"黑体"; font-size:18px; line-height:78px; padding-left:10px;_margin-bottom:-10px; _margin-top:-10px;}
.show_5_content{ line-height:180%;background-image:url(../images/xydy_bg2.gif); background-attachment:inherit;background-repeat:no-repeat; background-position:right bottom;font-size:120%;}
.show_5_content p{ padding-top:0.5em;}
.show_5_content a{ color:#000;text-decoration:none;}
.show_5_content a:hover {text-decoration:none;}
.show_space{float:left;width:12px;} 



.show_title_1{ font-size:200%; padding:10px 0; line-height:120%;}


.left_menu {width:100%; font-size:120%; margin:0 auto; font-weight:bold;}
.left_menu ul#left_menu{}
.left_menu ul li{display: inline;white-space: nowrap; text-align:center;}
.left_menu ul li a {display: block; text-decoration: none;background-image:url(../images/sl_menu_bg.gif); height:36px; line-height:36px;color: #00527f; padding-left:13px;}
.left_menu ul li a:hover {background-image:url(../images/sl_menu_hover_bg.gif);}

.left_menu ul li span {display:block;width:40px;height:30px;position:absolute;right:0;top:2px;}

.left_menu ul li ul{ display:none;}
.left_menu ul li ul li{ font-weight:normal; text-align:center;}
.left_menu ul li ul li a{background:url(../images/l_menu_bg.gif) no-repeat; height:36px; line-height:36px;color: #00527f;}
.left_menu ul li ul li a:hover{background:url(../images/l_menu_hover_bg.gif) no-repeat;}

#organic-tabs { padding: 0 0 5px 10px; margin: 0 0 5px 0;}
#organic-tabs ul { list-style: none;}
#organic-tabs ul li a { display: block; padding:0;}
#organic-tabs ul li a:hover { background: #fe4902; color: white;}
#organic-tabs ul li:last-child a { border: none;}



#explore-nav { overflow: hidden; margin:0px;border: none; padding:0px;}
#explore-nav li { width: 120px; float: left; margin: 0 0 0 0;border: none;}
#explore-nav li.last { margin-right: 0; border: none;}
#explore-nav li a{ display: block; padding:5px;border: none;}


#jquerytuts, #core, #classics { display: none;}



.tab_mo{ 
border:0 solid #ccc; 
border-top:none; 
padding:5px;}

.tab{
 border-bottom:1px solid #8A0606; 
 list-style:none;
 padding:4px 5px 3px 5px;}
.tab li{ 
display:inline; 
 font-size:14px;}
.tab li a{ 
padding:3px 4px; 

border-bottom:none; 
text-decoration:none;
background:#f7f7f7
;}

.tab li a:hover{ 
background:#fff;}

.tab li.no a{ 
background:#fff; 
 
position:relative;  

color:#000000; 
font-weight:bold
;}

.jiathis_style{display:inline;}