/*
author      : comfill@gmail.com
last modify : 14:57 2009-9-10
*/



/*----------------- base -----------------*/
* { margin: 0; padding: 0; list-style:none; }
body{
	font:0.9em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#333;
	background:#fff url(i/body_bg.jpg) repeat-x 0 0;
}
a { text-decoration:none; }
a img { border:0; }

h2 {font: 1.5em "Î¢ÈíÑÅºÚ", "Trebuchet MS"; }
h3 {font: bold 1.2em "Trebuchet MS"; }
h4 {font: bold 1.1em "Trebuchet MS", serif; }

blockquote, pre {padding: 0.25em 40px;}
blockquote {font: italic 1.05em Georgia, Times, serif; background: url(/pix/quote_wh.gif) 10px 0.75em no-repeat; margin: 0.25em 0;}
pre, code {font: 1.05em Courier, monospace;}
pre {line-height: 1.5em;}
pre strong {font-size: 1em; font-weight: bold;}
pre code {font-size: 1em; line-height: 1.5em;} /* handle legacy articles until markup gets a scrubbing */

input, select, textarea{ font:12px tahoma; }
input, textarea{ padding:2px; }

.clear{ clear:both; }


h1{ margin:0.5em 0; color:#133982; text-align:center; font:2em "Î¢ÈíÑÅºÚ"; }

/*----------------- header -----------------*/
#header{
	height:109px;
	position:relative;
	background:url(i/header.png) no-repeat center 0;;
}
#search{
	position:absolute;
	top:35px;
	right:20%;
	text-align:right;
}
#search table{ margin-bottom:10px; border-collapse:collapse; }
input#search_txt{ width:150px; height:21px; font:12px "Trebuchet MS"; background:url(i/search_txt_bg.gif) no-repeat right 0; border:0; }
#search p a{
	padding-left:10px;
	color:#fff;
	font:11px "Î¢ÈíÑÅºÚ";
	background:url(i/ico_top.gif) no-repeat 0 center;
}


/*----------------- nav -----------------*/
.nav{
	width:100%;
	height:84px;
	position:relative;
	z-index:100;
	background:url(i/nav_bg.png) repeat-x 0 0;
	text-align:center;
}
.nav ul{ width:900px; margin:0px auto; list-style:none; }
.nav ul li{
	position:relative;
	top:-3px;
	float:left;
	width:112px;
	height:50px;
}
.nav a.outer{
	display:block;
	height:65px;
	font:bold 13px/50px "Î¢ÈíÑÅºÚ";
	color:#fff;
	text-align:center;
	position:relative;
	z-index:602;
	background:url(i/nav_spec.png) no-repeat right 0;
}
.nav ul li.show a.outer,.nav ul li.rshow a.outer{
	background:url(i/nav_on.png) no-repeat 0 0;
	color:#5b8f24;
	border:0;
}
.nav ul li .child{
	display:none;
	position:absolute;
	width:550px;
	top:55px;
	left:0;
	text-align:left;
}
.nav ul li.show .child, .nav ul li.rshow .child{
	display:block;
}
.nav .child a.inner{
	margin-right:10px;
	font:12px/27px tahoma;
	color:#000;
	background:url(i/nav_sub_off.png) no-repeat 0 center;
	padding-left:16px;
}
.nav ul li .child a:link,.nav ul li .child a:visited{ text-decoration:none; color:#000; }
.nav ul li .child a:hover{ text-decoration:none; background:url(i/nav_sub_on.png) no-repeat 0 center; }


/*----------------- content -----------------*/
#wrapper{ padding-top:10px; text-align:center; background:url(i/content_bg.jpg) repeat-x center 0; }
#content{ width:924px; margin:0 auto; text-align:left; border-collapse:collapse; background:#fff; }
#content td{ vertical-align:top; }
#content td td{ vertical-align:middle; }
	#left{ width:192px; }
	#mid{ padding:0 17px; }
	#right{ width:228px; }

#pro_list{ height:251px; background:url(i/pro_list.gif) no-repeat 0 0; }
#pro_list ul{ padding:50px 4px 0 4px; }
#pro_list ul li{ margin-bottom:3px; padding:0 10px; border:1px solid #b0b08a; background:#fff; }
#pro_list ul li a{ display:block; font:12px/28px tahoma; color:#000; background:url(i/ico_pro.gif) no-repeat 0 center; text-indent:1.5em; }

#quick_link{ margin:10px 0; }
#friend_link{
	height:162px;
	background:url(i/link_bg.gif) no-repeat 0 0;
}
#friend_link form{ padding:60px 20px 0 20px; }
#friend_link select{ width:100%; margin-bottom:20px; }

/*----------------- mid -----------------*/
#news{ position:relative; height:363px; background:url(i/tab_bg.png) no-repeat 0 0; }
#news a#tab_more{ position:absolute; right:10px; top:60px; }
.tab { position:relative; top:56px; left:9px; width:100%; }
.tab dt {position:relative; width:103px; height:36px; z-index:2; top:0; float:left; cursor:pointer; background:url(i/tab_off.png) no-repeat 10px center; text-indent:2em; font:14px/36px "Î¢ÈíÑÅºÚ"; color:#fff; }
.tab dt.current{ background:url(i/tab_on.gif) no-repeat 0 0; color:#103300; }
.tab dd { position:absolute; z-index:1; top:28px; left:0; width:450px; height:250px; }

#news ul{ margin:20px 10px 0 10px; }
#news ul li{ width:100%; }
#news ul li em{ float:right; font:bold 12px/34px tahoma; color:#3f5571; }
#news ul li a{ float:left; color:#646464; font:12px/34px tahoma; }
#news ul li a.new{ padding-right:30px; background:url(i/ico_new.gif) no-repeat right center; color:#000; }
#news ul li a:hover{ color:#d00; }
#news ul li br{ clear:both; }

#quick_banner{ margin:10px 0; background:url(i/photo_bg.png) no-repeat 0 0; }
#quick_banner div{ height:152px; padding:10px 10px 0 10px; text-align:center; }
#quick_banner img{ margin:3px; }


/*----------------- right style -----------------*/
#login_area{ height:189px; background:url(i/login_bg.png) repeat-x 0 0; text-align:center; }
#login_area form{ padding-top:50px; }
#login_area form p{ margin:10px 0; font:12px/20px tahoma; }
#login_area form p label{
	width:3.5em;
	display:inline-block;
}
#login_area form p input.logintxt{
	width:130px;
	padding:0 2px;
	font:12px/18px tahoma;
	height:18px;
	border:1px solid #e2d18c;
}

#notice{ margin:10px 0; height:215px; background:url(i/notice_bg.gif) no-repeat 0 0; }
#notice ul{ padding:43px 10px 0 10px; font:12px/30px tahoma; }
#notice ul li{ border-bottom:1px dotted #ccc; }
#notice ul li a{ color:#707070; }

#tips{ width:100%; height:70px; border-collapse:collapse; background:url(i/tips_bg.png) no-repeat 0 0; }
#tips th{ width:15px; vertical-align:middle; }
#tips th img{ cursor:pointer; }
#tips td{ width:214px; padding:10px 0; }
#tips td marquee{ width:100%; height:50px; }
#tips td marquee p{ font:12px tahoma; }
#tips td marquee p img{ width:56px; height:51px; vertical-align:middle; } 



/*----------------- pages -----------------*/
#main_content{ }
#position{ width:924px; margin:0 auto; text-align:left; font:12px/3 Arial; }
#position a{ color:#578e1f; }

#sidebar{ width:230px; padding-right:3px; vertical-align:top; }
#sidebar h2{
	height:54px;
	font:bold 16px/54px "Î¢ÈíÑÅºÚ";
	background:url(i/side_title.gif) no-repeat 0 0;
	color:#fff;
	padding-left:20px;
	letter-spacing:5px;
}
    
ul#menu, ul#menu ul {
	margin-bottom:10px;
	list-style-type:none;
}

ul#menu a {
	display:block;
	width:100%;
	text-decoration: none;	
}

ul#menu li {
	margin-top:1px;
}

ul#menu li a {
	color:#000;
	font:normal 12px/36px tahoma;
	text-indent:40px;
	background:url(i/side_menu_bg.gif) no-repeat 0 0;
}
ul#menu li a:hover {
	color:#fff;
	background:url(i/side_menu_bg.gif) no-repeat 0 -36px;
	letter-spacing:3px;
}
ul#menu li a.on{
	color:#fff;
	background:url(i/side_menu_bg.gif) no-repeat 0 -36px;
	letter-spacing:3px;
}
#sidebar p{ margin-top:25px; }
#sidebar p img{ margin-bottom:5px; }


/*----------------- main content -----------------*/
.banner{ text-align:center; }
.article h1{
	margin:0;
	font:bold 16px/54px "Î¢ÈíÑÅºÚ";
	background:url(i/view_news_title.jpg) no-repeat 0 0;
	text-align:left;
	text-indent:2em;
	color:#fff;
}
.article h2.newstitle{
	width:100%;
	margin:0;
	padding:0;
	position:relative;
	background:url(i/news_title.gif) repeat-x 0 0;
	font:14px/39px tahoma;
}
.article h2.newstitle span{ padding-left:20px; background:url(i/ico_arr.gif) no-repeat 10px center; letter-spacing:2px; }
.article h2.newstitle em{ position:absolute; top:0; right:10px; font:bold 12px/39px "ËÎÌå"; color:#3c6c00; }

.article{
	margin:0 10px 50px 10px;
	padding-bottom:20px;
	border-bottom:5px solid #3a3a3a;
}
.article h2{
	width:100%;
	position:relative;
	padding:10px 0;
	background:url(i/page_title_bg.gif) no-repeat 0 0;
	color:#5a8e24;
	font:bold 16px/2 "Î¢ÈíÑÅºÚ";
}
.article h2 em{
	position:absolute;
	right:0;
	top:10px;
	padding:0 10px;
}
.article h2 em a{
	margin:0 1px;
	color:#333;
	font:16px "Î¢ÈíÑÅºÚ",Tahoma;
}
.article h2 em a.on{ color:#588f24; }

.article h3{ margin-bottom:1em; font:bold 14px/2 tahoma; color:#477199; }
.article p{ margin:1em; font:12px/2 Arial, Helvetica, sans-serif; clear:both; text-indent:2em; }


.page_scroll{
	text-align:right;
}
.page_scroll a{
	margin:0 2px;
	color:#333;
	font:16px "Î¢ÈíÑÅºÚ",Tahoma;
}
.page_scroll a.on{ color:#588f24; }

.xynews_list{}
.xynews_list li{ background:url(i/news_list_bg.jpg) repeat-x 0 0; }
.xynews_list li a{
	width:100%;
	display:block;
	position:relative;
	font:14px/45px tahoma;
	color:#000;
}
.xynews_list li a span{ padding-left:25px; background:url(i/ico_arr.gif) no-repeat 10px center; letter-spacing:2px; }
.xynews_list li a img{ width:96px; height:73px; margin:9px; vertical-align:middle; }
.xynews_list li a em{
	position:absolute;
	right:10px;
	top:50%;
	font:bold 12px "ËÎÌå";
	color:#3c6c00;
}
.xynews_list li a:hover{ background:url(i/news_list_bg.jpg) repeat-x 0 -90px; color:#fff; }
.xynews_list li a:hover em{ color:#fff; }

.article p.control{ padding:5px; clear:both; text-align:right; background:#dfdfdf; border:1px solid #fff; margin:1em 0; text-indent:0; }
.control a{ margin-right:10px; color:#000; }
.input_txt{ margin:0 5px; height:15px; font:12px "Trebuchet MS"; border:1px solid #8e8e8e; }
.input_btn{ margin:0 5px; height:21px; font:bold 12px Arial; border:1px solid #8e8e8e; background:url(i/ctr_btn_bg.png) repeat-x; text-transform:uppercase; cursor:pointer; }


ul.img{ margin:2em 5em; }
ul.img li{ width:40%; margin-right:5%; float:left; padding:10px; background:url(i/news_img_bg.jpg) no-repeat 0 0; }
ul.img li img{ width:200px; height:150px; }


.picnews_wrap{
	padding:5px 5px 25px 5px;
	background:#e1e1e1;
}
.picnews_header{
	width:661px;
	height:117px;
	background:url(i/pic_news_title.jpg) repeat-x 0 0;
	border-collapse:collapse;
	border:1px solid #8d8d8d;
	border-bottom:0;
}
#content td .picnews_header td{
	width:150px;
	vertical-align:middle;
}
.picnews_header td a{
	color:#113400;
	font:12px "Î¢ÈíÑÅºÚ";
}
	.picnews_pre{ padding:0 0 15px 28px; background:url(i/ico_picnews_pre.gif) no-repeat 0 42px; }
	.picnews_next{ padding:0 28px 15px 0; background:url(i/ico_picnews_next.gif) no-repeat right 42px; text-align:right; }

.picnews_header th{
	padding:0 10px 15px 10px;
	font:22px "Î¢ÈíÑÅºÚ";
	text-align:center;
}
.picnews_content{
	padding:1em;
	border:1px solid #8d8d8d;
	border-top:0;
	background:#fff;
}
.photo_wrap{ margin-left:50px; text-align:center; }
.photo_wrap a{ color:#000; }
.photo_wrap span{
	width:40%;
	display:inline-block;
	margin:0 2em 1em 0;
	vertical-align:top;
}
.photo_wrap img{
	padding:15px;
	width:220px;
	height:152px;
	background:url(i/picnews_img_bg.jpg) no-repeat 0 0;
}
.photo_wrap em{
	display:block;
	padding-left:20px;
	font:12px/2 tahoma;
	background:url(i/tab_off.png) no-repeat 0 8px;
	text-align:left;
}

.honor_pic{ margin:0 10px; }
.honor_pic span{
	display:inline-block;
	width:300px;
	height:270px;
	margin:0 10px 10px 0;
	background:url(i/honor_img_bg.jpg) no-repeat 0 0;
}
.honor_pic span img{
	width:260px;
	height:200px;
	margin:15px 0 15px 15px;
}
.honor_pic span em{ margin-top:3px; display:block; font:12px tahoma; text-indent:35px; text-align:left; }

.work_list{ padding:10px 30px; }
.work_list li{
	width:130px;
	height:133px;
	float:left;
	margin:0 10px 10px 0;
	background:url(i/work_img_bg.jpg) no-repeat 0 0;
}
.work_list li img{
	width:100px;
	height:88px;
	margin:20px 0 0 11px;
}

.work_show{ width:100%; border-collapse:collapse; }
.work_show th{ width:150px; padding-left:20px; vertical-align:top; }
.work_show th h3{ color:#398100; }
.work_show th div{
	width:113px;
	height:154px;
	background:url(i/work_tech_bg.jpg) no-repeat 0 0;
}
.work_show th div img{
	width:80px;
	height:106px;
	margin:10px 0 5px 15px;
}
.work_show th div span{
	display:block;
	text-align:center;
	font:12px/2 tahoma;
}
.work_show th p{ margin:1em 1em 0 0; text-indent:0; }
.work_show td.student{
	width:460px;
	vertical-align:top;
	background:url(i/work_show_bg.jpg) no-repeat 0 bottom;
}
.work_show td.student div{
	padding:20px 0;
	background:url(i/work_show_bg_t.jpg) no-repeat 0 0;
	text-align:center;
}
.tech{
	width:410px;
	margin-bottom:1em;
	padding:10px;
	background:url(i/img_box_bg.png) repeat-x 0 bottom;
	border:1px solid #ddd;
}
.tech h4{ position:relative; font:12px/2 tahoma; }
.tech h4 strong{ color:#398100; font:bold 14px tahoma; }
.tech h4 em{ position:absolute; right:10px; font:12px/2 tahoma; }

.tech_list{ padding:10px 0 10px 30px; }
.tech_list li{
	width:113px;
	height:154px;
	float:left;
	margin:0 10px 10px 0;
	background:url(i/work_tech_bg.jpg) no-repeat 0 0;
}
.tech_list li img{
	width:80px;
	height:107px;
	margin:12px 0 0 13px;
}
.tech_list li a span{
	display:block;
	text-align:center;
	color:#000;
	font:12px/2 tahoma;
}
.tech_info h3{
	position:relative;
	background:url(i/tech_info_ico.gif) no-repeat 0 center;
	color:#3b7d00;
	text-indent:20px;
	border-bottom:1px dotted #3b7d00;
}
.tech_info h3 em{
	position:absolute;
	right:0;
	font:12px tahoma;
	color:#000;
}
.tech_info_img{ padding:5px; border:1px solid #ddd; }



.photo_news_title{
	height:44px;
	position:relative;
	background:url(i/pic_news_title.jpg) repeat-x 0 0;
	border:1px solid #8d8d8d;
	border-bottom:0;
}
.photo_news_title em{
	font:bold 14px/44px "Î¢ÈíÑÅºÚ";
	color:#000;
	padding-left:30px;
	background:url(i/ico_picnews_next.gif) no-repeat 10px center;
}
.title_more{
	width:53px;
	height:19px;
	position:absolute;
	top:12px;
	right:10px;
	overflow:hidden;
	text-indent:-99em;
	background:url(i/title_more.gif) no-repeat 0 0;
}
.photo_news_content{
	width:100%;
	margin-bottom:10px;
	border:1px solid #8d8d8d;
	border-top:0;
	background:#fff;
}
.photo_news_content th{ width:230px; padding:10px 0; text-align:center; }
.photo_news_content th img{
	width:190px;
	height:144px;
	padding:5px;
	border:1px solid #ccc;
}
.photo_news_content td{ padding:10px; text-align:left; }

.photo_news_content td ul li{
	padding:0.9em;
	font:12px/1.5 tahoma;
	border-bottom:1px solid #ddd;
}
.photo_news_content td ul li a{
	display:block;
	background:url(i/ico_square.png) no-repeat 0 8px;
	color:#000;
	padding-left:1em;
}


.pro_nav{
	height:44px;
	background:url(i/pic_news_title.jpg) repeat-x 0 0;
	border:1px solid #8d8d8d;
}
.pro_nav a{
	font:bold 14px/44px "Î¢ÈíÑÅºÚ";
	color:#153600;
	padding-left:30px;
	background:url(i/ico_pro_title.gif) no-repeat 10px center;
}
.pro_nav a.on{
	background:url(i/ico_picnews_next.gif) no-repeat 10px center;
}
.pro_title{
	height:70px;
	position:relative;
	background:url(i/pro_title_bg.gif) repeat-x 0 0;
	border:1px solid #8d8d8d;
	border-top:0;
	color:#fff;
	font:26px/70px "Î¢ÈíÑÅºÚ";
	text-indent:15px;
}
.pro_title em{
	position:absolute;
	right:10px;
	top:10px;
	font:12px/2 tahoma;
	text-align:right;
}
.pratice_title{
	height:70px;
	position:relative;
	background:url(i/pratice_title_bg.png) repeat-x 0 0;
	border:1px solid #8d8d8d;
	border-top:0;
	color:#fff;
	font:26px/70px "Î¢ÈíÑÅºÚ";
	text-indent:15px;
}
.pratice_title a{
	position:absolute;
	right:10px;
	top:0;
	font:12px/70px tahoma;
	text-align:right;
	color:#fff;
}
.pro_photo{ width:91%; }
.pro_photo td{ width:120px; text-align:center; }
.pro_photo td img{ cursor:pointer; }
.pro_photo th{ padding:1em 0; text-align:center; }
.pro_photo th img{
	width:296px;
	height:244px;
	padding:15px;
	background:url(i/pro_img_bg.png) repeat-x 0 0;
}

.zs_plan_title{
	height:44px;
	position:relative;
	background:url(i/zs_plan_title.png) repeat-x 0 0;
	color:#5a8e23;
	font:bold 16px/40px "Î¢ÈíÑÅºÚ";
	text-indent:15px;
}
.zs_plan_title em{
	position:absolute;
	right:10px;
	top:0;
	font:12px/40px tahoma;
	text-align:right;
	color:#666;
}
.zs_plan_tb{ width:100%; border-collapse:collapse; }
.zs_plan_tb th{
	background:url(i/zs_plan_th.png) repeat-x 0 0;
	color:#fff;
	font:12px/50px tahoma;
	text-align:center;
	border-right:1px solid #454545;
}
.zs_plan_tb td{ padding:0.5em; background:#e5e5e5; font:12px tahoma; border:1px solid #d0d0d0; }


.jrxy_photo{ margin:2em 0 0 2em; }
.jrxy_photo li{
	width:276px;
	height:254px;
	margin:0 20px 20px 0;
	background:url(i/jrxy_img_bg.png) no-repeat 0 0;
	float:left;
}
.jrxy_photo li img{
	width:250px;
	height:188px;
	margin:10px;
}
.jrxy_photo li span{
	display:block;
	position:relative;
	text-indent:35px;
	font:bold 14px/2 tahoma;
}
.jrxy_photo li span a{
	width:25px;
	height:25px;
	position:absolute;
	right:20px;
	top:-3px;
}

.principal{ padding-bottom:20px; background:url(i/xxkk_xz_spec.jpg) no-repeat center bottom; }
.principal h3{ padding:10px 0; font-weight:normal; color:#000; }
.principal h3 em.year{ color:#cf6900; font:italic 22px "Times New Roman", Times, serif; }
.principal h3 em{ font:14px "Î¢ÈíÑÅºÚ"; }
.principal th{ padding:1em; }
.principal th img{
	width:113px;
	height:147px;
	padding:10px 14px 18px 8px;
	background:url(i/xxkk_xz_per.jpg) no-repeat 0 0;
}
#content td .principal td{ vertical-align:top; }


.download{ text-align:center; margin:1em; clear:both; }
.download a{
	text-decoration:none;
	text-indent:0;
	font:12px tahoma;
	color:#fff;
	display:inline-block;
	padding: 4px 20px 3px 20px;
	background:#3060fe;
	border-left:1px solid #3cf;
	border-top:1px solid #3cf;
	border-right:1px solid #30c;
	border-bottom:1px solid #30c;
}
.download a:hover{text-decoration:none; background:#4b75fd;}

/*----------------- welcome -----------------*/
#welcome{ text-align:center; }
#welcome div{ width:920px; height:550px; position:absolute; top:50%; left:50%; margin:-250px 0 0 -460px; }
#welcome div a{ height:550px; display:block; background:url(i/welcome.jpg) no-repeat center center; }
#welcome p{ text-align:center; color:#666; font:12px/3 "Trebuchet MS"; }

/*----------------- footer -----------------*/
#footer{
	height:94px;
background:url(i/footer.png) no-repeat center 0;
}
