﻿

body
{
/*	background: url("images/page_bg.jpg") center top repeat-x;
*/	
	background-color: #fff;
	color: #6D6E71;
	margin: 0;
	font-family: Helvetica, Arial, Sans-Serif,宋体;
	font-size: 14px;
	padding: 0 0 0 0;
	text-align: left;
}
a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	color: #66614B;
	line-height:150%;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color:#c10000;
}


h1, h2, h3, h4, h5, h6
{
	margin: 1em 0 0.25em 0;
}

h1
{
	background-color: Transparent;
	color: #B24D27;
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 0.5em 0;
}

h1 a,
h1 a:link,
h1 a:visited
{
	background-color: Transparent;
	color: #6C6D71;
	text-decoration: none;
}

h1 em
{
	background-color: Transparent;
	color: #D37126;
	font-style: normal;
	font-weight: bold;
}

h2
{
	background-color: Transparent;
	color: #B24D27;
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 0.5em 0;
}

h2 a,
h2 a:link,
h2 a:visited
{
	background-color: Transparent;
	color: #B24D27;
	text-decoration: none;	
}

h2 em
{
	background-color: Transparent;
	color: #80886C;
	font-style: normal;
}

hr
{
	background-color: #CCC;
	border-style: none;
	color: #CCC;
	height: 1px;
	margin: 1em 0;
	width: 100%;
}

input.textbox, textarea
{
	background-color: #FFF;
	border: 1px solid #ADADAD;
	color: #333;
	font-family: Helvetica, Arial, Sans-Serif;
	font-size: 14px;
	padding: 2px 4px;
}

p
{
	margin: 0 0 1em 0;
	font-size: 14px;
}

p.feature
{
	font-size: 120%;
}

select
{
	background-color: #FFF;
	border: 1px solid #ADADAD;
	color: #333;
	padding: 2px;
}

td
{
	font-family: Helvetica, Arial, Sans-Serif;
	font-size: 14px;
}

th
{
	font-family: Helvetica, Arial, Sans-Serif;
	font-size: 14px;
	text-align: left;
}

ul
{
	margin: 1em 0;
	padding: 0 0 0 2em;
}


/* ---------------------------------------header--------------------------------------- */

#header {
	background: url(images/top.jpg) no-repeat center;
	height: 122px;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
}
/* ---------------------------------------header--------------------------------------- */

/* ---------------------------------------content--------------------------------------- */
.containerOuter
{
/*	background: url("images/header_bg.jpg") center top repeat-y;
*/	margin: 0 auto;
	padding: 0;
	width: 100%;
}
.midcontainerOuter
{
/*	background: url("images/header_bg.jpg") center top repeat-y;
*/	margin: 0 auto;
	padding: 0;
	width: 100%;
}

.containerInner
{
/*	background: url("images/header_stripe.gif") center bottom repeat-x;*/
	margin: 0 9px;
	min-height: 300px;
	overflow: hidden;
	padding: 0 0 20px 0;
	text-align: left;
	width: 980px;
}
.midcontainerInner
{
/*	background: url("images/header_stripe.gif") center bottom repeat-x;*/
	margin: 0 9px;
	min-height: 300px;
	overflow: hidden;
	padding: 0 0 20px 0;
	text-align: left;
	width: 981px;
}

.contentContainer
{
	background-color: #FFF;
	color: #6D6E71;
	line-height: 1.8em;
	overflow: hidden;
	margin: 0;
	padding: 22px 25px;
	width: 931px;
}
.midcontentContainer
{
	background-color: #FFF;
	color: #6D6E71;
	line-height: 1.8em;
	overflow: hidden;
	margin: 0;
	padding: 22px 25px;
	width: 931px;
}
.content
{
	background: url("images/content_box_big.gif") left top no-repeat;
	clear: left;
	float: left;
	min-height: 234px;
	padding: 16px 25px;
	width: 315px;
}

.leftcontent
{
/*	background-color:#ccc;
*/	background: url("images/leftcontent.gif") left top repeat-X;
	clear: left;
	float: left;
	min-height: 700px;
	padding-top: 0px ;
	padding-left: 25px ;
	padding-right: 20px ;
	padding-bottom: 0px ;
	margin:0 0 20px 0 ;
	width: 690px;
}
.content ol.numbered
{
	list-style-type: none;
	margin: 1em 0;
	padding: 0 0 0 32px;
	font-size: 14px;

}

.content ol.numbered li img
{
	font-size: 14px;
	clear: left;
	float: left;
	height: 28px;
	margin-left: -32px;
	overflow: hidden;
	width: 28px;
}

.contentContainer
{
	background-color: #FFF;
	color: #6D6E71;
	line-height: 1.8em;
	overflow: hidden;
	margin: 0;
	padding: 22px 25px;
	width: 931px;
}
.sidebar
{
	float: right;
	overflow: hidden;
	width: 450px;
}
.rightcontent
{
	float: right;
	overflow: hidden;
	width: 180px;
}

.sidebar .services
{
	background: url("images/line_dotted.gif") left top repeat-x;
	list-style-type: none;
	margin: 0 0 1em 0;
	padding: 1px 0 0 0;
}

.sidebar .services li
{
	background: url("images/line_dotted.gif") left bottom repeat-x;
	margin: 0;
	padding: 0 0 1px 0;
}

.sidebar .services li a,
.sidebar .services li a:link,
.sidebar .services li a:visited
{
	background: url("images/icons/pages.gif") 3px 7px no-repeat;
	background-color: Transparent;
	color: #333;
	display: block;
	padding: 4px 4px 4px 20px;
	text-decoration: none;
}

.sidebar .services li a:hover
{
	background-color: #333;
	color: #FFF;
}

.sidebarColumn1
{
	float: right;
	min-height: 240px;
	padding: 0;
	width: 95%;
	border-left:1px #f2f2f2 solid;
}

.sidebarColumn1 h1
{
	background-color: Transparent;
	color: #5C663D;
}

.sidebarColumn1 h1 em
{
	background-color: Transparent;
	color: #80886C;
	font-style: normal;
}

.sidebarColumn2
{
	background: url("images/content_box_right_small.gif") left top no-repeat;
	float: right;
	min-height: 240px;
	padding: 10px 10px;
	width: 150px;
}

.sidebarColumn2 h1
{
	background-color: Transparent;
	color: #5C663D;
}

.sidebarColumn2 h1 em
{
	background-color: Transparent;
	color: #80886C;
	font-style: normal;
}

.sidebarColumns
{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.columns .column1
{
	float: left;
	width: 49.5%;
}
.columns .column2
{
	float: right;
	width: 49.5%;
}

.sidebarColumns .moreProjects
{
	display: block;
	position: absolute;
	right: 0px;
	top: 0px;
	font-size: 14px;
	z-index: 1000;
}

.sidebarContact
{
	background: url("images/content_box_right_big.gif") right top no-repeat;
	min-height: 240px;
	padding: 16px 25px;
	width: 430px;
}
.rightbarContent
{
	background: url("images/content_box_right_big.gif") left top no-repeat;
	min-height: 160px;
	padding: 16px 25px;
	width: 180px;
}


.sidebarContent
{
	overflow: hidden;
	padding: 16px 25px;
	width: 416px;
}
.more
{
	background: url("images/icon_arrow_01.gif") 0px 1px no-repeat;
	display: block;
	font-weight: bold;
	font-size:14px;
	height: 18px;
	line-height: normal;
	overflow: hidden;
	padding: 0 0 0 20px;
	text-decoration: none;
	white-space: nowrap;
}

.more:hover
{
	background-position: 0px -17px;
}

fieldset
{
	border-style: none;
	line-height: normal;
	margin: 1em 0;
	overflow: hidden;
	padding: 0;
	width: 100%;
}

fieldset div.field
{
	margin: 0 0 1em 0;
}

fieldset label
{
	display: block;
	font-weight: bold;
	margin-bottom: 0.25em;
}

fieldset legend
{
	background-color: Transparent;
	color: #B24D27;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 1em 0;
	padding: 0;
	position: relative;
	width: 100%;
}

fieldset .checkbox
{
	display: block;
	position: relative;
}

fieldset .checkbox br
{
	display: none;
}

fieldset .checkbox input
{
	left: 0px;
	position: absolute;
	top: auto;
}

fieldset .checkbox label
{
	display: block;
	font-weight: normal;
	margin: 0;
	padding: 3px 0 0 2em;
}

fieldset .checkbox label br
{
	display: block;
}

fieldset.columns p
{
	float: left;
	min-height: 4em;
	width: 50%;
}

.projects
{
	list-style-type: none;
	margin: 0 0 1em 0;
	overflow: hidden;
	padding: 0;
	width: 100%;
}

.projects li
{
	background: url("images/thumb_bg_small.gif") center center no-repeat;
	float: left;
	height: 62px;
	margin: 0 10px 10px 0;
	padding: 5px 6px;
	width: 76px;
}

.links
{
	list-style-type: none;
	margin: 0 0 1em 0;
	overflow: hidden;
	padding: 0;
	width: 100%;
}

.links li
{
/*	background: url("images/thumb_bg_small.gif") center center no-repeat;
*/	float: left;
/*	height: 62px;
*/	margin: 0 10px 10px 0;
	padding: 2px 2px;
	border:1px #ccc solid;

/*	width: 76px;
*/}

.contact
{
	font-weight: bold;
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 14px;

}

.contactEmail
{
	background: url("images/icon_email.gif") left center no-repeat;
	padding: 0 0 0 20px;
	font-size: 14px;

}

.contactPhone
{
	font-size: 14px;
	background: url("images/icon_phone.gif") left center no-repeat;
	padding: 0 0 0 20px;
}

.contactSkype
{
	background: url("images/icon_skype.gif") left center no-repeat;
	padding: 0 0 0 20px;
}
.columns
{
	margin: 0 0 1em 0;
	overflow: hidden;
	width: 100%;
}

address
{
	background: url("images/icon_address.gif") 0px 1px no-repeat;
	font-style: normal;
	font-size: 14px;
	margin: 0;
	padding: 0 0 0 20px;
}
.div
{
	font-style: normal;
	font-size: 14px;
}
.buttonList
{
	margin: 1em 0;
	overflow: hidden;
	padding: 0;
	width: 100%;
}

.buttonList .button
{
	float: left;
	margin-right: 24px;
}
.linkbutton
{
	font-weight: bold;
	text-decoration: none;
	white-space: nowrap;
}

.linkbutton img
{
	border-style: none;
	margin: 0 2px 0 0;
	vertical-align: middle;
}
.button,
.button:link,
.button:visited
{
	background: url("images/btn_right.gif") right top no-repeat;
	background-color: Transparent;
	color: #FFF;
	display: block;
	font-weight: bold;
	height: 37px;
	line-height: 37px;
	margin: 0;
	padding: 0 20px 4px 0;
	position: relative;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
}

.button:hover
{
	background-position: right bottom;
	text-decoration: none;
}

.button:hover span
{
	background-position: left bottom;
}

.button img
{
	border-style: none;
	left: 14px;
	position: absolute;
	top: 14px;
}

.button span
{
	background: url("images/btn_left.gif") left top no-repeat;
	background-color: Transparent;
	color: #FFF;
	cursor: pointer;
	display: block;
	padding: 0 0 4px 34px;
}

.buttonList
{
	margin: 1em 0;
	overflow: hidden;
	padding: 0;
	width: 100%;
}

.buttonList .button
{
	float: left;
	margin-right: 24px;
}
div.error
{
	background: url("images/icons/error.gif") left top no-repeat;
	background-color: Transparent;
	color: #900;
	font-weight: bold;
	line-height: 32px;
	padding: 0 0 0 32px;
}

div.error ul
{
	font-weight: normal;
	line-height: normal;
	list-style-type: square;
	margin: 0;
	padding: 0 0 1em 2em;
}
.error
{
	background-color: Transparent;
	color: #900;
	font-weight: bold;
}

/* ---------------------------------------content--------------------------------------- */


/* ---------------------------------------Menu--------------------------------------- */

#menu_bg {
	BORDER-bottom: #ccc 1px solid;
	padding-top: 5px;
	padding-bottom: 0px;
	text-align: center;

}

#imgmenu{
		width: 735px;
		height: 43px; /*高度是背景图片的一半*/
		background: url(images/menu.jpg);
		list-style-type: none;
		padding: 0px;
		margin: 0px;
}
	
#imgmenu li{
		float: left;
}
	
#imgmenu li a{
		display: block;
		width: 105px;
		height: 43px;
}
	
#imgmenu li#home a:hover,#activeh{
		background: url(images/menu.jpg) 0px -43px; 
		/*翻转时背景图的位置，左边0px，顶部-25px,
		背景图的下半部分，下同*/
}
	
#imgmenu li#about a:hover,#activea{
		background: url(images/menu.jpg) -105px -43px;
		/*第二个菜单的位置距左边90px，
		每个菜单的宽度是90px*/
}
	
#imgmenu li#Products a:hover,#activep{
		background: url(images/menu.jpg) -210px -43px;
}
	
#imgmenu li#Investment a:hover,#activef{
		background: url(images/menu.jpg) -315px -43px;
}
	
#imgmenu li#News a:hover,#activec{
		background: url(images/menu.jpg) -420px -43px;
}
#imgmenu li#culture a:hover,#activec{
		background: url(images/menu.jpg) -525px -43px;
}
#imgmenu li#Servise a:hover,#activec{
		background: url(images/menu.jpg) -630px -43px;
}






/* ---------------------------------------Menu--------------------------------------- */


/* ---------------------------------------FOOTER--------------------------------------- */
#footer {
	background: #fff;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 8pt;
	border-top: 1px solid #ccc;
}
#footer ul {
	margin: 0px;
	padding: 0px;
}
#footer li {
	list-style: none;
	display: inline;
	padding-right: 5px;
	padding-left: 5px;
}
#footer a, #footer a:link {
	text-decoration: none;
	color: #9C9C8A;
	font-weight: normal;
}
#footer a:hover {
	color: #EBEBD0;
	text-decoration: none;
	font-weight: normal;
}
#footer .footer_wrapper {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 3em;
	padding-left: 3em;
}
#footer .footer_left {
	float: left;
	margin-top: 2em;
	margin-bottom: 2em;
}
#footer .footer_right {
	float: right;
	margin-top: 2em;
	margin-bottom: 2em;
}
/* ---------------------------------------FOOTER--------------------------------------- */


