﻿@charset "UTF-8";
/* CSS Document */
body{background-color:#fff;padding:0;font-family:Microsoft YaHei,Verdana,Arial,Helvetica,sans-serif;;margin:0px auto auto auto;color:#424849;font-size:12px;}
a{color:#333;text-decoration:none;}
a:hover{color:#034d89;text-decoration:underline;}

h1{width:190px;font-size:14px;color:#d8325d;background:url(lnews.png) no-repeat 3px 3px;padding:2px 0 2px 25px;border-bottom:1px #02498b solid;}
h2{width:280px;margin:0px;font-size:14px;color:#d8325d;background:url(sma01.png) no-repeat 3px 3px;padding:2px 0 2px 25px;border-bottom:1px #02498b solid;}
h3{width:190px;font-size:14px;color:#d8325d;background:url(sma02.png) no-repeat 3px 3px;padding:2px 0 2px 25px;border-bottom:1px #02498b solid;}

p{font-size:12px;text-align:justify;padding:2px;margin:0px;text-indent:2em;line-height:22px;}
p.proposal_text{width:170px;font-size:11px;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:30px 2px 5px 5px;}
img.img_thumb{float:left;padding:10px;}
img.img_big_pic{padding:4px;border:1px #CCCCCC solid;}

#main_container{width:970px;height:auto;margin:auto;padding:0px;}

#header{width:970px;height:142px;background:url(banner.jpg) no-repeat;color:#05619b;margin:auto;}
#lang{width:500px;height:30px;float:right;padding:2px 30px 0 0;text-align:right;color:#fff;}
#lang a{text-decoration:none;color:#fff;}
#logo{width:147px;height:108px;float:left;padding:20px 0 0 35px;}
.banner_adds{width:750px;height:82px;float:left;}
#days{width:970px;height:24px;float:right;background:url(class_ac.gif) #f3f5f6 no-repeat 3px 3px;color:##615357;margin:2px 0 0 0;}
.days_left{width:260px;display:inline;font-size:12px;float:left;padding:2px 0 0 20px;}
.days_right{width:670px;display:inline;font-size:12px;float:left;padding:2px 0 0 10px;}
.days_right a{color:##615357;font-size:12px;text-decoration:none;}
.days_right span{float:right;font-size:12px;}
#infozone{font-size:12px;color:#02498b;overflow:hidden;width:350px;height:24px;}
#infozone div{height:24px;white-space:nowrap;overflow:hidden;}
/*---------------- menu tab----------------------*/
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop3.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* style the outer div to give it width */
.menu {font-size:12px;padding:0px; float:left; width:620px;}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none; height:28px; background:#267cb2;}

/* style the sub-level lists */
.menu ul ul {width: auto;}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul li {float:left;height:28px;line-height:28px;}

/* style the sub level list items */
.menu ul ul li {display:block;width: auto;height:auto;position:relative;line-height:1em; border-bottom:1px #2384BF solid;}

/* style the links for the top level */
.menu a, .menu a:visited {display:block;float:left;height:100%;font-size:14px;text-decoration:none;color:#fff;background:#267cb2;padding:0 23px 0 24px;}
.menu a.current{background:#3da1e0;}
/* style the sub level links */
.menu ul ul a, .menu ul ul a:visited {display:block;background:#267cb2; color:#fff;width:5.4em;height:100%;line-height:1em;padding:0.5em 1em;text-align:center;}
.menu ul table ul a, .menu ul table ul a:visited  {width:14em; w\idth:12em;}


/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; left:0; top:0; font-size:1em; z-index:-1;}
.menu ul ul table {lef\t:-1px;}
.menu ul ul table ul.left {margin-lef\t:2px;}

.menu li:hover {position:relative;}
* html .menu a:hover {position:relative;}

/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#3da1e0;}
/* style the fourth level background */
.menu ul ul ul ul a, .menu ul ul ul ul a:visited {background:#3da1e0;}
/* style the sub level 1 background */
.menu ul :hover a.sub1 {background:#3da1e0;}
/* style the sub level 2 background */
.menu ul ul :hover a.sub2 {background:#3da1e0;}

/* style the level hovers */
/* first */
.menu a:hover {color:#fff;background:#3da1e0;}
.menu :hover > a {color:#fff;background:#3da1e0;}
/* second */
.menu ul ul a:hover{color:#fff;background:#3da1e0;}
.menu ul ul :hover > a {color:#fff;background:#3da1e0;}
/* third */
.menu ul ul ul a:hover {background:#3da1e0;}
.menu ul ul ul :hover > a {background:#3da1e0;}
/* fourth */
.menu ul ul ul ul a:hover {background:#eee;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:28px;left:0;width:14em;}

/* position the third level flyout menu */
.menu ul ul ul{left:14em;top:0;width:14em;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-14em;}


/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul {visibility:visible; height:auto; padding-bottom:3em; background:transparent url(images/trans.gif);}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{visibility:visible;}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul {visibility:visible;}

/*------------------------------main content-----------------------*/
#main_content{width:970px;margin:auto;clear:both;background-color:#FFFFFF;}

/*------------------------img_rock-----------*/
#demo { 
    background: #FFF; 
    overflow:hidden; 
    border: 1px dashed #CCC; 
    width: 255px; 
	margin-top:22px;
} 
#demo img { 
    border: 3px solid #F2F2F2; 
} 
#indemo { 
    float: left; 
    width: 800%; height:160px; overflow:hidden;
} 
#demo1 { 
    float: left; 
} 
#demo2 { 
    float: left; 
} 

/*------------------------middle_content-----------*/
.column1{width:480px;float:left;margin:0px;padding:10px 10px 0 0;}
.column2{width:480px;float:left;margin:0px;padding:10px 0 0 0;}
.column3{width:480px;float:left;margin:0px;padding:0 10px 5px 0;}
.column4{width:480px;float:left;margin:0px;padding:0 0 5px 0;}
.column5{width:480px;float:left;margin:0px;padding:0 10px 5px 0;}
.column6{width:480px;float:left;margin:0px;padding:0 0 5px 0;}
.column7{width:970px;float:left;margin:0px;padding:0 0 5px 0;}
.column8{width:970px;float:left;margin:0px;padding:0 0 5px 0;}
.column10{width:257px;float:left;margin:0px;padding:10px 10px 0 0;}
.column11{width:700px;float:left;margin:0px;padding:10px 0 0 0;}

.left_box{width:223px;height:auto;float:left;}
.right_box{width:257px;height:auto;float:left;}
.top_left_box{width:257px;height:10px;float:left;background:url(top_box_bg.gif) no-repeat center;}
.center_left_box{width:248px;height:auto;float:left;background:url(center_box_bg.gif) repeat-y;padding:0 0 0 9px;}
.bottom_left_box{width:257px;height:10px;float:left;background:url(bottom_box_bg.gif) no-repeat center;}
.box_title{width:190px;font-size:14px;color:#615357;background:url(lnews.png) no-repeat 3px 3px;padding:2px 0 2px 25px;border-bottom:1px #02498b solid;}
.box_title span{font-weight:bold;color:#d8325d;}
.box_title span a{font-weight:bold;color:#d8325d;text-decoration:none;}
.box_title span a:hover{font-weight:bold;color:#034d89;text-decoration:none;}

.main_text_box{padding:5px;}
.proposal{width:287px;height:85px;background:url(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;color:#FFFFFF;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;}

/*-------------------down_link list----------------*/
.down_link{overflow:hidden;margin:0 auto;}
.down_link ul{text-decoration:none;list-style:none;margin:0px;padding:0px;text-align:center;}
.down_link ul li{width:235px;height:26px;float:left;margin-right:5px;word-spacing:1px;}

/*-------------------lnews list----------------*/
.lnews_list{padding:10px 0 0 0;}
.lnews_list ul{text-decoration:none;list-style:none;margin:0px;padding:0 10px 0 0;color:#f3f5f6;}
.lnews_list ul li{text-decoration:none;margin-top:2px;line-height:24px;border-bottom:1px #ddd dotted;}
.lnews_list ul li span{float:right;color:#0464a1;}

/*-------------------s_img list----------------*/
.s_img_list{padding:0 0 0 0;}
.s_img_list ul{text-decoration:none;list-style:none;margin:0px;padding:0px;}
.s_img_list ul li{width:105px;float:left;padding:0 0 5px 3px;}

/*-------------------link list----------------*/
.link_list{overflow:hidden;margin:0 auto;}
.link_list ul{text-decoration:none;list-style:none;margin:0px;padding:0px;}
.link_list ul li{width:132px;float:left;padding:0 3px 5px 0;}
.link_list ul li span{color:#0464a1;}

/*-------------------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(bullet.gif) no-repeat left;color:#333333;}
.details_list ul li span{color:#0464a1;}
.button{width:139px;height:30px;background:url(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:480px;}
.offer_box_left{width:223px;height:auto;float:left;}
.offer_box_right{width:223px;height:auto;float:left;}
.offer_box_wide{width:315px;height:106px;float:left;background-color:#f3f5f6;padding:10px;margin:7px;}
.offer_box_wide_style1{width:670px;height:auto;float:left;background-color:#f3f5f6;padding:7px;margin:5px;}
.offer_box_project{width:200px;height:153px;float:left;background-color:#f3f5f6;padding:0px 0 10px 0px;margin:5px 0 10px 10px;}
.offer_project{padding:0px;text-align:center;}
.offer_project span{font-size:13px;border-bottom:1px #02498b solid;margin:0px;line-height:18px;}
.offer_info{padding:0px 0px 20px 2px;border-left:1px solid #02498b;border-right:1px solid #02498b;border-bottom:1px solid #02498b;}
.offer_info span{font-size:13px;margin:10px 0px 10px 5px;padding:10px 0px 10px 5px;line-height:22px;}
.offer_info a{font-size:13px;padding:10px 0px 10px 5px;line-height:22px;}
p.offer{text-align:justify;font-size:12px;margin:7px 0 0 0;text-indent:2em;}
.more{float:right;padding:3px 20px 0px 0px;font-size:12px;}
.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;}

/*Example for a Menu Style*/
.Tabmenu {background-color:#ececec; color:#272727; border-bottom:1px solid #d7d7d7; height:23px; font:11px Arial, Helvetica, sans-serif;}
.Tabmenu ul {margin:0px; padding:0px 0px 0px 2px; list-style:none;font-weight:bold;}
.Tabmenu li {display:inline; line-height:23px;}
.Tabmenu li a {color:#d8325d;text-decoration:none;padding:4px 0px 6px 0px;border-left:1px solid #ececec;border-right:1px solid #ececec;}
.Tabmenu li a:hover {color:#02498b;font-weight:bold;position:relative;}
.Tablist{font-size:12px;text-align:justify;padding:2px;line-height:22px;}
.Tabcontent1{/*css目的：设置内容板块的基本样式*/ 
display:block;
border-left:1px solid #02498b;/*添加左边框*/ 
border-right:1px solid #02498b;/*添加右边框*/ 
border-bottom:1px solid #02498b;/*添加下边框*/ 
padding:5px 0px 20px 5px;/*内容距离边界空隙*/ 
font-size:17px;/*字号*/ 
} 
.Tabcontent2{/*css目的：设置内容板块的基本样式*/ 
display:none;
border-left:1px solid #02498b;/*添加左边框*/ 
border-right:1px solid #02498b;/*添加右边框*/ 
border-bottom:1px solid #02498b;/*添加下边框*/ 
padding:5px 0px 20px 5px;/*内容距离边界空隙*/ 
font-size:17px;/*字号*/ 
}

/*------------------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:257px;text-align:center;color:#615357;padding:5px 0 5px 0;}
.form_row{float:left;width:257px;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:10px;}
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;}

/*---------------------lightbox-----------------------------*/
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */ 

/* 分页 */
.k_pagelist {float:left;display:table;clear:both;line-height:30px;}
.k_pagelist em {padding:2px;border:1px solid #E7E7E7;font-size:12px;margin:0px 1px;background:#F5F9FE;color:#14316B;font-weight:bold;font-style:normal;}
.k_pagelist strong {padding:2px;border:1px solid #E7E7E7;font-size:12px;margin:0px 1px;color:#009900;}
.k_pagelist a {padding:2px;border:1px solid #E7E7E7;font-size:12px;margin:0px 1px;}

/*-----------------------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;}
.content{line-height:26px;font-size:13px;}
div.next{display:block;clear:both;width:100%;line-height:26px;text-align:left;}

/*-------------------footer------------------------*/
#footer{width:970px;height:67px;clear:both;font-size:12px;background-color:#f2efef;border-top:1px #eeabbd dashed;}
ul.footer_menu{list-style:none;float:right;display:block;width:650px;margin:0px; padding:9px 120px 0 0px;}
ul.footer_menu li{width:650px;display:inline;font-size:12px;float:left;}
a.nav_footer:link, a.nav_footer:visited{text-decoration:none;color:#2F2626;}
a.nav_footer:hover{text-decoration:underline;color:#2F2626;}
a.nav_footer:active{text-decoration:none;color:#2F2626;}
