@charset "utf-8";
* { margin: 0; padding: 0; font-size: 100%; }
body
{
background-color:#fff;
padding:0; 
FONT-FAMILY: "宋体", Arial, Helvetica, sans-serif;
margin:0px auto auto auto;
color:#424849;
font-size:12px;
}
h1{
font-size:16px;
font-weight:bold;
color:#0f3753;
width: auto;
padding:0px 0 5px 0;
margin: auto;
text-decoration:none;
}
h2{
font-size:14px;
font-weight:bold;
color:#0f3753;
width: auto;
padding:5px 0 5px 0;
margin: auto;
text-decoration:none;
}
h3{
font-size:14px;
font-weight:bold;
color:#0464a1;
width: auto;
padding:5px 0 5px 10px;
margin: auto;
text-decoration:none;
}
p{
font-size:11px;
text-align:justify;
padding:2px;
margin:0px;
}
p.proposal_text{
width:170px;
font-size:12px;
text-align:justify;
padding:15px 0 0 15px;
margin:0px;
}
img.img_left{
float:left;
padding:0px 8px 8px 0px;
}
img.img_right{
float:right;
padding:0px 8px 8px 8px;
}
img.img_thumb{
float:left;
padding:10px;
}
img.img_big_pic{
padding:4px;
border:1px #CCCCCC solid;
}


#wrap{ 
width:100%;
height:auto;
margin:0;
padding:0px;}
#main_container{
width:100%;
height:auto;
margin:0;
padding:0px;
}
#header{
width:100%;
height:291px;
background:url(headbg.jpg) repeat-x #05619b;
margin-left:0;
}
#logo{
width:970px;
height:291px;
float:left;
padding:0
}
.banner_adds{
width:750px;
height:82px;
float:left;
}
 

/*------------------------------main content-----------------------*/
#main_content{
width:1000px;
margin-left:0;
clear:both;
background-color:#FFFFFF;
}

.content { font-size:14px; color:#333; line-height:22px}
.content p{ font-size:12px; color:#333;}
.content table{ font-size:12px; color:#333;}

 
/*------------------------middle_content-----------*/
.column1{
width:185px;
float:left;
margin:0px;
padding:10px 10px 10px 5px;
}

.column2{
width:340px;
float:left;
margin:0px;
padding:10px 5px 10px 5px;
}
.column3{
width:320px;
float:left;
margin:0px;
padding:10px 10px 10px 5px;
}
.column4{
width:750px;
border:1px solid #eee;
border-top:0;
border-bottom:0;
float:left;
margin:0px;
padding:10px 0px 10px 5px;
}
.left_box{
width:170px;
height:auto;
float:left;
margin:0 0 30px 0; 
float:right
}

.top_left_box{
width:180px;
height:10px;
float:left;
background:url(images/top_box_bg.gif) no-repeat center;
}
.center_left_box{
width:180px;
height: auto;
float:left;
}
.bottom_left_box{
 padding:50px 0 0 0;
width:160px;
height:auto;
margin:0px;
}

.bottom_left_box  h4{ width:170px; text-align:right;float:right;  margin:0; padding :5px 5px  0 0;}
.box_title{
width:190px;
text-align:center;
font-size:18px;
color:#615357;
padding:5px 0 5px 0;
}
.box_title span{
font-weight:bold;
color:#d8325d;
}



.position{ height:20px; text-align:right; padding:4px; border-bottom:1px solid #eee;}
.main_text_box{
padding:5px;
}
.proposal{
width:287px;
height:85px;
background:url(images/proposal_box.gif) no-repeat center;
background-position:0px 0px;
margin-left:15px;
margin-top:15px;
}
.title{
background-color:#385870;
text-align:left;
width:670px;
padding:5px 5px 5px 20px;
 
font-weight:bold;
}
.small_title{
background-color:#385870;
text-align:left;
width:100%;
padding:5px 5px 5px 15px;
color:#FFFFFF;
font-weight:bold;
}
.title2{
background-color:#eef1f3;
text-align:left;
width:300px;
padding:5px 5px 5px 15px;
color:#d8325d;
font-weight:bold;
margin-left:5px;
}

/*-------------------details list----------------*/
.details_list{
padding:10px;
}
.details_list ul{
text-decoration:none;
list-style:none;
margin:0px;
padding:0px;
}
.details_list ul li{
padding:5px 5px 5px 25px;
background:url(images/bullet.gif) no-repeat left;
color:#333333;
}
.details_list ul li span{
color:#0464a1;
}
.button{
width:139px;
height:30px;
background:url(images/blank_button.gif) no-repeat center;
text-align:center;
line-height:30px;
font-weight:bold;
font-size:13px;
}
.button a{
text-decoration:none;
color:#d8325d;
}
/*---------------offer_box----------------------*/
.offer_box{
width:320px;
height:106px;
background-color:#f3f5f6;
padding:10px;
margin:10px 0px 10px 0px;
}
.offer_box_wide{
width:310px;
height:106px;
float:left;
background-color:#f3f5f6;
padding:10px;
margin:7px;
}
.offer_box_wide_style1{
width:670px;
height:106px;
float:left;
background-color:#f3f5f6;
padding:7px;
margin:5px;
}
.offer_info{
padding:5px;
}
.offer_info span{
font-weight:bold;
color:#d8325d;
}
p.offer{
text-align:justify;
font-size:10px;
}
.more{
float:right;
padding:3px;
}
.more a{
color:#d8325d;
}
.more a:hover{
text-decoration:none;
}
.big_pic{
width:340px;
text-align:center;
padding:5px 0 5px 0;
}
.pictures_thumbs{
width:300px;
padding-left:40px;
}
/*------------------table style---------------*/
td{
text-align:center;
padding:5px;
border-bottom:2px #fff solid;
}
th{
background-color: #333333;
padding:5px;
color:#FFFFFF;
}
tr.color1{
background-color:#F3F5F6;
}


/*-----------------form style--------------------*/
.form{
width:190px;
text-align:center;
color:#615357;
padding:5px 0 5px 0;
}
.form_row{
float:left;
width:190px;
text-align:center;
padding:3px 0 3px 0;
}
label.left{
float:left;
width:70px;
padding-top:3px;
text-align:right;
}
label.left_long{
float:left;
width:90px;
padding-top:3px;
text-align:right;
}
input.form_input{
border: 1px solid #C8D2D9;
background-color:#FFFFFF;
margin:0px;
width:150px;
float:left;
margin-left:10px;
}
.contact_information{
font-size:10px;
color:#385870;
text-align:left;
padding-left:20px;
}
.contact_information span{
color:#d8325d;
}


/*---------------------pagination-----------------------------*/

div.pagination {
	padding:5px;
	margin:5px;
	text-align:center;
	float:left;
	font-size:12px;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #ddd;
	
	text-decoration: none; 
	color: #d8325d;
}
div.pagination a:hover, div.pagination a:active {
	border:1px solid #ddd;
	color: #fff;
	background-color: #d8325d;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #ddd;
	font-weight: bold;
	background-color: #d8325d;
	color: #FFF;
}
div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #ddd;
	color: #ccc;
}
/*-----------------------contact------------------------*/
.contact_tab{
width:670px;
height: auto;
float:left;
background-color:#f3f5f6;
padding:8px;
margin:5px 5px 5px 0px;
}
.form_contact{
width:357px;
float:left;
text-align:center;
color:#615357;
padding:5px 0 5px 0;
}
.location_contact{
width:250px;
float:left;
padding:15px;
}
.form_row_contact{
float:left;
width:357px;
text-align:center;
padding:3px 0 3px 0;
}
input.form_input_contact{
border: 1px solid #C8D2D9;
background-color:#FFFFFF;
margin:0px;
width:250px;
float:left;
margin-left:10px;
}
select.form_select{
border: 1px solid #C8D2D9;
background-color:#FFFFFF;
margin:0px;
width:250px;
float:left;
margin-left:10px;
height:20px;
}
textarea{
border: 1px solid #C8D2D9;
background-color:#FFFFFF;
margin:0px;
width:250px;
height:80px;
float:left;
margin-left:10px;
}



/*-------------------footer------------------------*/
#footer{
width:100%;
height:80px;
clear:both;
font-size:12px;
background-color:#b0d7f4;
}
#footlogo{
	padding:20px 0 0 0 ;
width:200px;
height:60px;
float:left;
background-color:#003871;
}
#copyright{
float:left;
padding:0px;
width:750px;
line-height:18px
}
 




ul.footer_menu {
list-style:none; float:right; display:block; width:650px;
margin:0px; padding:9px 20px 0 0px;
}

ul.footer_menu li {
display:inline; font-size:11px;}

a.nav_footer:link, a.nav_footer:visited {
display:block; float:left; padding:5px 6px 5px 10px; margin:0; 
text-decoration:none; color:#2F2626;}

a.nav_footer:hover {
display:block; float:left; padding:5px 6px 5px 10px; margin:0;
text-decoration:underline; color:#2F2626;}

a.nav_footer:active {
display:block; float:left; padding:5px 6px 5px 10px; margin:0;
text-decoration:none;  color:#2F2626;}



.wrap3{ padding:10px ; height:auto}
.wrap3 h1{ margin:15px 0; background:#e5eff8; border-bottom:2px solid #6cace4; height:25px ; padding:10px 0  0 30px ;  letter-spacing:3px}
.news_tit{ margin:10px ;  font-size:14px ;  border-left:8px solid #960; padding: 5px  0 0 20px ;   height:30px}

.homecon{ clear:both; margin:5px 0;height:auto}
.homeconabout{float:left; width:450px; }
.homeconabout p{font-size:12px; line-height:25px ; text-indent:25px; margin:10px}
.homecontech{ float:right; width:250px;}

ul.homenews  li { list-style:none; text-align:left; width:auto; height:20px; }
ul.homenews  li a{  text-decoration:none; color:#333}








/* all menu links */
#nav a, #subMenusContainer a{
	text-decoration:none;
	display:block;
	padding:10px 20px;
	background-color:#fff ;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	color:#333;
	font-weight:bold;
}

/* Just main menu links --[for non-javascript users this applies to submenu links as well]*/
#nav a{
	margin:0;
}

/* Just sub menu links */
#subMenusContainer a, #nav li li a{
	text-align:left;
}

/* All menu links on hover or focus */
#nav a:hover, #nav a:focus, #subMenusContainer a:hover, #subMenusContainer a:focus, #nav a.mainMenuParentBtnFocused, #subMenusContainer a.subMenuParentBtnFocused{
	background-color:#eee ;
	color:#000s;
}

/* sub menu links on hover or focus */
#subMenusContainer a:hover, 
#subMenusContainer a:focus, 
#nav a.mainMenuParentBtnFocused, 
#subMenusContainer a.subMenuParentBtnFocused,
#nav li a:hover,
#nav li a:focus{
	background-color:#bababa ;
	color:#FFF;
}

/* Parent Sub Menu Links ---[javascript users only]*/
.subMenuParentBtn{ 
	background: url(../img/arrow_right.gif) right center no-repeat;  
}

/* Parent Sub Menu Links on hover or focus ---[javascript users only]*/
.subMenuParentBtnFocused{ 
	background: url(../img/arrow_right_over.gif) right center no-repeat;  
}

/* Parent Main Menu Links ---[javascript users only]*/
.mainMenuParentBtn{	
	 background: url(../img/arrow_right.gif) right center no-repeat; 
}

/* Parent Main Menu Links on hover or focus ---[javascript users only]*/
.mainMenuParentBtnFocused{	
	background: url(../img/arrow_right_over.gif) right center no-repeat; 
}

/* ----[ OLs ULs, LIs, and DIVs ]----*/

/* Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */
.smOW{ 
	display:none; 
	position: absolute; 
	overflow:hidden; 
	/*the 2px left & right padding lets you have a 1px border 
	  on the ul or ol inside since overflow is set to hidden*/
	padding:0 2px;
	margin:0 0 0 -2px;
}

/* All submenu OLs and ULs */
#nav ol, #nav ul, #subMenusContainer ul, #subMenusContainer ol {	
	/*border around submenu goes here*/
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	background:#fff;	
	border:1px solid #aaa; 
	left:0;
}

/* All ULs and OLs */
#nav, #nav ul, #nav ol, #subMenusContainer ul, #subMenusContainer ol { 
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1em;
}

/* List items in main menu --[for non-javascript users this applies to submenus as well]  */
#nav li { 
	/*great place to use a background image as a divider*/
	display:block;
	list-style:none;
	position:relative;
	border-bottom:1px  solid  #aaa;
}

#subMenusContainer li{
	list-style: none;
}

/* main menu ul or ol elment */
#nav{
	display:block;
	list-style:none;
	margin:0 0 0 10px;
	width:156px;
	z-index:5;
	text-align: right;
	display:block;
}

#subMenusContainer{	display:block; 	position:absolute;	top:0;	left:0;	width:100%;	height:0;	overflow:visible;	z-index:1000000000; }


/* --------------------------[ The below is just for non-javscript users ]--------------------------*/
#nav li li{	float:none; }

#nav li li a{ /* Just submenu links*/	
	position:relative;
	float:none;
}

#nav li ul { /* second-level lists */
	position: absolute;
	width: 10em;
	margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

/* third-and-above-level lists */
#nav li ul ul { margin: -1em 0 0 -1000em; }
#nav li:hover ul ul {	margin-left: -1000em; }

 /* lists nested under hovered list items */
#nav li:hover ul{	margin-left: 156px; margin-top:-2.5em;}
#nav li li:hover ul {	margin-left: 10em; }

/* extra positioning rules for limited noscript keyboard accessibility */
#nav li a:focus + ul {  margin-left: 156px; margin-top:-2.5em; }
#nav li li a:focus + ul { left:186px; margin-left: 1010em; margin-top:-2.5em;}
#nav li li a:focus {left:156px;  margin-left:1000em; width:10em;  margin-top:-2.5em;}
#nav li li li a:focus {left:156px; margin-left: 2010em; width: 10em;  margin-top:-2.5em;}
#nav li:hover a:focus{ margin-left: 0; }
#nav li li:hover a:focus + ul { margin-left: 10em; }





#MyContent p{ font-size:12px; line-height:22px; text-indent:24px}

.news_list{  clear:both;  }
.news_list li{ line-height:24px; list-style:nne; font-size:14px}
.news_list t{  }



.newslist{ background:url(img/newslistbg.jpg) no-repeat; width:730px;}
.newslist ul{clear:both}
.newslist ul li{ float:left ; line-height:26px; padding:4px 0 0 5px; border-bottom:1px solid #fefefe}
.newslist ul li a { text-decoration:none; color:#333}
.newslist ul li a:hover {  color:#F60}
.titleli{ width:520px}
.timeli{ width:100px}
.clickli{ width:50px; text-align:center}

.fenye,#fenye,.clb{ clear:both}

dl{ float:left; margin:10px; width:210px; height:200px}
dt{ text-align:center}
dt img{ border:1px solid #d9d9d9; padding:4px ; background:#eeeeee}
dt a:link, dt a:visited{font-size:14px;font-weight:bold;color:#003366;text-decoration:none}
dt a:hover{color:#ff0000;text-decoration:none}
dd {font-size:12px;color:#555;line-height:26px}
.info span{color:#ff6600}
.info a:link,.info a:visited{color:#555;text-decoration:none}
.info a:hover{color:#555}