@charset "utf-8";
body
{
background:url(images/bg.gif) repeat-x top #fff;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
margin:0px auto auto auto;
color:#000000;
}
a img{
border:none;
}
a{
color:#333;
text-decoration:none;
font-size:13px;
}
a:hover{
color:#FF6600;
text-decoration:underline;
}
p{
text-align:justify;
line-height:22px;
padding:5px 0 5px 0;
font-size:13px;
margin:0px;
}
p.clear{
clear:both;
}
p.news{
clear:both;
border-bottom:1px #CCCCCC dashed;
font-size:10px;
margin:5px 0 5px 0;
}
img.left_img{
float:left;
padding:5px 12px 0 0;
}
img.left_img_border{
float:left;
margin:5px 12px 0 0;
border:3px #b1cee0 solid;
}
h1{
font-size:18px;
color:#514c48;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
padding:5px 0 5px 0;
margin:0px;
}
#main_container{
width:950px;
height:auto;
margin:auto;
padding:0px;
position:relative;
}
.top_illustration{
position:absolute;
top:0px;
left:-90px;
}
#header{
width:950px;
height:62px;
margin:auto;
}
.logo{
padding:0 0 0 70px;
}

/*---------------- menu tab----------------------*/
#menu_tab{
width:950px;
height:52px;
font-family:Arial, Helvetica, sans-serif;
padding:0px;
background:url(images/menu_bg.gif) no-repeat center;
}

ul.menu {
list-style-type:none; display:block; width:auto;
 margin: auto; padding:0 0 0 35px; background:none;}

ul.menu li {
display:inline;
font-size:13px;
font-weight:bold;
line-height:52px;
overflow:hidden;}

ul.menu li.divider {
display:block;
float:left;
width:1px;
height:52px;
padding:0px ;
margin:0px;
background:url(images/divider.gif) no-repeat center;
}

a.nav:link, a.nav:visited {
display:block; float:left; padding:0px; margin:0;width: auto; margin:0px 14px 0px 14px; text-align:center;
text-decoration:none;; background:none; color:#534848;}

a.nav_selected:link, a.nav_selected:visited {
display:block; float:left; padding:0px; margin:0;width: auto;margin:0px 14px 0px 14px;text-align:center;
text-decoration:none; color: #FF6600;}

a.nav:hover {
color: #FF6600; text-decoration:none;}


/*----------------main_content----------------*/
.tophero{
color:#000000;
margin:0 22px; background:url(images/hero.jpg) no-repeat; height:251px;
}
.heroReq{
	margin:0 0 0 454px; padding:0 8px 0 12px;
}
.heroReq p{
	font-size:14px; line-height:20px; margin:0; padding:90px 0 0 53px;
}
.heroReq .dlBtn{
	padding:10px 0 0 53px;
}
#main_content{
width:auto;
clear:both;
background-color:#FFFFFF;
height:auto;
margin-bottom:10px;
}
#middle_describe{
margin:auto;
overflow:hidden;
padding:0 10px;
}
#left_content{
width:650px;
float:left;
height:auto;
padding:0 0 0 20px;
}
#left_content ol{
margin-left:0px;
padding-left:0px;
list-style:none;
display:block;
}
#left_content ol li{
float:left;
display:block;
width:315px;
border-left:1px solid #DEDEDE;
border-right:1px solid #DEDEDE;
border-bottom:1px solid #DEDEDE;
overflow:hidden;
}
#left_content ol li span{
display:block;
width:310px;
height:29px;
line-height:29px;
background:#F6F7EF;
border-bottom:1px solid #DEDEDE;
border-top:1px solid #DEDEDE;
padding-left:5px;
overflow:hidden;
}
#list_content ol{
float:left;
margin-top:10px;
margin-left:7px;
padding-left:0px;
list-style:none;
display:block;
}
#list_content ol li{
float:left;
display:block;
width:300px;
border-left:1px solid #DEDEDE;
border-right:1px solid #DEDEDE;
border-bottom:1px solid #DEDEDE;
overflow:hidden;
margin-right:10px;
margin-bottom:5px;
}
#list_content ol li span{
display:block;
width:300px;
height:29px;
line-height:29px;
background:#F6F7EF;
border-bottom:1px solid #DEDEDE;
border-top:1px solid #DEDEDE;
padding-left:5px;
overflow:hidden;
}
div.guide{
margin:5px;
text-align:center;
}
div.page{
font-size:13px;
height:29px;
line-height:29px;
text-align:right;
padding-right:18px;
margin-bottom:5px;
}
#left_content .title{
margin-top:10px;
background:url(images/title_bg.gif) repeat-x;
width:650px;
height:29px;
line-height:29px;
}
#left_content .title span{
background:url(images/title_leftmark.gif) no-repeat;
margin:0;
font-size:13px;
height:29px;
line-height:29px;
padding-left:10px;
float:left;
}
#left_content .title .more{
float:right;
padding-right:10px;
}
#right_content{
width:225px;
float:left;
padding:10px 0 0 20px;
}
#right_content .title{
background:url(images/topdown.gif) no-repeat;
width:225px;
font-size:13px;
height:23px;
line-height:23px;
padding-left:5px;
}
#right_content .con{
border:1px #dedede solid;
font-size:13px;
}
#right_content .con ul{
width:220px;
margin:5px auto;
overflow:hidden;
list-style:none;
padding-left:3px;
}
#right_content .con ul li.recommend{
margin-bottom:10px;
padding-left:0;
text-align:center;
}
#right_content .con ul li{
padding-left:20px;
height:15px;
line-height:15px;
margin-bottom:5px;
}
#right_content .con .artlist{
padding-left:2px;
height:18px;
line-height:18px;
margin:5px auto;
}
#right_content .con ul li.no1{
height:190px;
padding:5px 0;
background:url(images/num_0.gif) no-repeat 0px 5px;
display:block;
}
img.rtop1{
margin-top:25px;
padding:3px;
border:1px solid #DFDFDF;
}
img.rtop2{
width:152px;
height:134px;
margin-top:20px;
padding:3px;
border:1px solid #DFDFDF;
}
.whereami{
margin-top:10px;
background:url(images/title_bg.gif) repeat-x;
width:500px;
height:29px;
line-height:29px;
}
.whereami span{
background:url(images/title_leftmark.gif) no-repeat;
margin:0;
font-size:13px;
height:29px;
line-height:29px;
padding-left:10px;
float:left;
}
#wide_content{
float:left;
width:500px;
padding:5px 10px 0 10px;
}
#wide_content h1{text-align:center;}
.pic {width:500px; height:280px;}
.picdown{text-align:center; margin-bottom:10px;}
.right_column{
float:left; width:430px; padding-top:10px;
}
.right_column h2{
line-height:29px; margin:0 0 10px 0; padding:0 0 0 7px; background:url(./images/line01.gif) no-repeat left bottom; font-size:14px;
}
.right_column .con{line-height:20px; font-size:14px;}
#projects_box{
width:566px;
height:185px;
margin:auto;
background:url(images/projects_bg.gif) no-repeat center;
}
.projects_navigation{
width:500px;
height:25px;
margin:auto;
padding:10px 0 0 0;
}
.left_nav a{
float:left;
background:url(images/left_arrow.gif) no-repeat left;
padding:0 0 0 30px;
font-size:13px;
color:#3e2510;
text-decoration:none;
}
.right_nav a{
float:right;
background:url(images/right_arrow.gif) no-repeat right;
padding:0 30px 0 0;
font-size:13px;
color:#3e2510;
text-decoration:none;
}
.project_container{
float:left;
padding:10px 20px 0 40px;
}
.project_title{
font-size:12px;
color: #999999;
padding:0 0 5px 0;
}

/*------contact form------*/
#contact_form{
float:left;
width:300px;
padding:10px 10px 0 30px;
color:#666666;
}
.contact_input{
width:290px;
height:17px;
font-size:10px;
float:left;
background-color:#fff8dc;
border:1px #f0e9cf solid;
}
label.contact_form{
width:200px;
padding:0 0 5px 0;
font-size:12px;
}
.contact_textarea{
width:290px;
height:80px;
font-size:10px;
float:left;
background-color:#fff8dc;
border:1px #f0e9cf solid;
}
input.contact_submit{
float:right;
padding:10px;
}
.cleardiv {
clear:both;
overflow:hidden;
height:4px;
}

.dush_line{ border-bottom:dashed 1px #ccc; margin:15px 0}
.tit_bg{ background-color:#007CBA; color:#FFFFFF; font-size:14px; font-family:"宋体"; padding:0 5px; line-height:22px; text-align:left; margin:0}
.tit_bg a{ color:#FFFFFF!important; margin:0 5px;}
.t_bord1{ border-collapse:collapse; margin:0 auto 0 auto;}
	.t_bord1 td{ border:#ccc solid 1px; vertical-align:top }
	.t_bord1 .lw1{ width:250px; margin:3px;}
	.t_bord1 .lw1 img{ width:250px; height:375px; overflow:hidden}
	.t_bord1 .lw1 table{ border-collapse:collapse; font-family:"宋体"; text-align:center}
	.t_bord1 .lw1 td{ border:#fff solid 1px; background-color:#E1F1FF; height:22px;}
.lef{ width:250px;}
	.lef ul{ margin:5px; padding:0}
	.lef ul li{ background:url(images/icon_1.gif) left no-repeat; padding-left:15px; border-bottom:dashed 1px #ccc;margin-top:10px;}	
	.lef ul li a{ color:#007CBA!important}
	.lef ul li a:hover{ color:#333!important}	
.righ{ width:680px;}
	.u_lf_lr{ font-family:"宋体"; font-size:14px; margin:10px; padding:0}
	.u_lf_lr li{ margin-top:3px;}
	.u_lf_lr li span{ float:right; *margin-top:-25px; color:#888}	
	
/*详细内容*/
.detail_con{ margin:30px; width:900px; overflow:hidden}
.detail_con h2{ font-size:24px; line-height:30px; text-align:center; *padding-top:5px; border-bottom:dashed 1px #999; padding-bottom:10px; margin-bottom:20px;}
.detail_con h2 span{ font-size:12px; font-weight:normal}
.detail_con p{ margin-top:20px; font-size:14px; border-top:dashed 1px #999; padding-top:20px;}
.detail_con div img{ margin:5px;}

.article_con{ width:900px; overflow:hidden; margin:0 auto;}
.article_con h2{ font-size:24px; line-height:30px; text-align:center; *padding-top:5px; border-bottom:dashed 1px #999; padding-bottom:10px; margin-bottom:20px;}
.article_con h2 span{ font-size:12px; font-weight:normal}
.article_con p{font-size:14px;}
.article_con div img{margin:5px;}

.artnav {margin:20px 10px;}
.artnav .lf { float:left}
.artnav .ri { float:left; margin-left:200px;}
	
/*----footer---------*/
#footer{
width:350px;
margin:0 auto;
margin-top:10px;
clear:both;
padding:15px 0 10px 0;
text-align:center;
color:#666666;
}
.f_d{ font-size:14px; margin:5px 10px 0 0; font-weight:normal}
.f_d a{ color:#079220!important; font-weight:bold;}
.img_ad{ float:right; margin:10px 0 10px 10px; width:300px; height:250px;}