/*=== Web2 StyleSheet File ====================================
 Style Name:Hystle
    Version:Alpha 2.2
     Author:yang
Design Corp:skyteam
Last Update:2007-8-10 16:41
===============================================================*/


/************************************************
*	default style								*
************************************************/
* {margin:0;padding:0;list-style:none;}
body, select, input,textarea {color:#414141;background:inherit;font:11px/1.4em Arial,Verdana,Tahoma;}
div,form,img,ul,ol,li,dl,dt,dd {margin:0;padding:0;}
a img, img {border:0;}
body {margin:0 auto;text-align:center;}
h1,h2,h3,h4,h5,h6 {margin:0;padding:0;}
h3 {margin:.4em 0 .2em;background:url(../img/h3_bg.gif) no-repeat;}
h3 a {display:block;width:60px;height:14px;text-indent:-999em;}
h6 {font-size:12px;line-height:18px;}

/*- form style -*/
input, textarea, select {margin:0 4px;padding:1px;border:1px solid #bababa;}


/*- links -----------------------*/
a,a:link,a:visited {color:#222;text-decoration:none;}
a:hover, a:active {color:#870202;}

.more {font:bold 11px/1.6em Arial;text-decoration:underline !important;}
.more:hover {color:#c00;}
.moreLine {display:block;clear:both;margin:0 .4em 1em;border-top:1px dotted #000;text-align:right;padding:0 .4em 0 0;}
.backTop {display:block;width:48px;height:16px;background:url(../img/back_top.gif) no-repeat;text-indent:-999em;}

/************************************************
*		clearfix style							*
************************************************/
.clear{border-top:1px solid transparent !important;margin-top:-1px !important;border-top:0;margin-top:0;clear:both;visibility:hidden;}

.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 */

/************************************************
*	class style									*
************************************************/
.container {clear:both;width:949px;margin:0 auto;}

/*- breadcrumb -*/
.breadcrumb {}
.breadcrumb a, .breadcrumb strong {}


/************************************************
*	form style									*
************************************************/
#login {}
#search {}



/************************************************
*	layout style								*
************************************************/
#header {margin:1em auto;}

#header h1 {float:left;}
#header h1 a {display:block;width:86px;height:87px;background:url(../img/logo.gif) no-repeat;text-indent:-999em;}
	.topNav {float:right;}
	.topNav a {display:block;float:left;width:75px;margin:0 .4em;padding:.2em 0 0;background:#e2e2e2 url(../img/top_nav_bg.gif) no-repeat;}
	.topNav img {margin:0 .2em 0 0;}
	.search {clear:right;float:right;margin:.4em 0;text-align:right;}
	.submit {width:19px;height:19px;border:none;background:url(../img/submit_btn.gif) no-repeat;text-indent:-999em;cursor:poiner;cursor:hand;}
	#mainNav {float:right;width:773px;margin:2em 0 0;background:url(../img/main_nav.gif) no-repeat 100% 0;}
	#mainNav li {float:left;}
	#mainNav li a {display:block;width:90px;height:30px;text-indent:-999em;background:url(../img/main_nav.gif) no-repeat -100% 0;}
	#mainNav li#h {margin:0 0 0 72px;}
	#mainNav li#h a {width:70px;}
	#mainNav li#a a:hover, #mainNav li#a a.current {background-position:0 -40px;}
	#mainNav li#b a:hover, #mainNav li#b a.current {background-position:-90px -40px;}
	#mainNav li#c a:hover, #mainNav li#c a.current {background-position:-180px -40px;}
	#mainNav li#d a:hover, #mainNav li#d a.current {background-position:-270px -40px;}
	#mainNav li#e a:hover, #mainNav li#e a.current {background-position:-360px -40px;}
	#mainNav li#f a:hover, #mainNav li#f a.current {background-position:-450px -40px;}
	#mainNav li#g a:hover, #mainNav li#g a.current {background-position:-540px -40px;}
	#mainNav li#h a:hover, #mainNav li#h a.current {background-position:-702px -40px;}
	.banner {width:949px;height:221px;border-top:6px solid #da251d;/*- background:url(../img/home_banner.jpg) no-repeat; -*/}
#main {position:relative;text-align:left;}
	#left {float:left;width:257px;}
		#left_a img {margin:.8em auto 0;}
		#left_a a {padding:0 .4em;color:#5d5d5d;}
		#left_a a:hover {color:#c00;text-decoration:underline;}
		#left_b {height:86px;margin:1.5em 0 0;padding:0 8em 0 1em;border:2px solid #e0e0e0;background:url(../img/left_b_bg.gif) no-repeat 100% 100%;}
		#left_b h3 {background-position:0 -24px;}
	#middle {float:left;width:400px;margin:0 .7em;border:2px solid #e0e0e0;background:#eaeaea;}
		#middle h3 {margin:.6em 0 .4em .6em;background-position:0 -48px;}
		#middle h4 {font:bold 12px/2em Arial;}
		#middle div {height:92px;margin:0 1em;padding:1em 13em 1em 1em;border:1px solid #dfdfdf;background:#fff url(../img/middle_bg.gif) no-repeat 100% 100%;color:#464646;}
		ul.list {margin:1em;}
		.list li a {display:block;*height:1%;padding:0 0 0 .8em;background:url(../img/list_arrow.gif) no-repeat 0 50%;line-height:1.8em;color:#464646;}
		.list li a:hover {background-color:#eee;color:#c00;text-decoration:underline;}
		.list li a em {padding:0 0 0 .8em;font:normal bold 10px/1.4em Arial;}
	#right {float:right;width:269px;}
		#right_a {padding:.4em 1em;border:2px solid #e0e0e0;background:#edfaff;}
		#right_a h3 {background-position:0 -76px;}
		#right_a ul {margin:1em auto;}
		#right_a ul li img {position:relative;z-index:1;float:left;margin:0 .8em 0 0;border:1px solid #949494;}
		#right_a ul li h5 {position:relative;margin:0 0 .4em 0;border-bottom:1px dotted #000;font-size:12px;}
		#right_a ul li p {color:#5d5d5d;}
		#right_b {margin:1.4em 0 0;}
		#right_b h3 {margin-left:.8em;background-position:0 -100px;}
		#right_b ul {margin:1em auto;}
		#right_b ul li {float:left;margin:0 .4em;font-weight:bold;text-align:center;}
		#right_b ul li img {display:block;margin:0 0 .4em 0;}

	/*- #subLeft, #subRight {min-height:300px;height:auto !important;height:300px;} -*/
	#subLeft {float:left;width:218px;background:#eaeaea url(../img/leftsidebar_bg.gif) no-repeat 0 100%;}
		#aboutBody #subLeft {background-image:url(../img/about_leftsidebar_bg.gif);}
		#investmentBody #subLeft {background-image:url(../img/investment_leftsidebar_bg.gif);}
		#devBody #subLeft {background-image:url(../img/development_leftsidebar_bg.gif);}

		#subLeft h3 {height:29px;margin:0;background:#767676 url(../img/leftsidebar_title.gif) no-repeat;text-indent:-999em;}
		#aboutBody #subLeft h3 {background-image:url(../img/about_leftsidebar_title.gif);}
		#newsBody #subLeft h3 {background-image:url(../img/news_leftsidebar_title.gif);}
		#investmentBody #subLeft h3 {background-image:url(../img/investment_leftsidebar_title.gif);}
		#projectBody #subLeft h3 {background-image:url(../img/project_leftsidebar_title.gif);}
		#customerBody #subLeft h3 {background-image:url(../img/customer_leftsidebar_title.gif);}
		#devBody #subLeft h3 {background-image:url(../img/development_leftsidebar_title.gif);}
		#enterpriseBody #subLeft h3 {background-image:url(../img/enterprise_leftsidebar_title.gif);}
		#hrBody #subLeft h3 {background-image:url(../img/hr_leftsidebar_title.gif);}
		#contactBody #subLeft h3 {background-image:url(../img/contact_leftsidebar_title.gif);}
		#sitemapBody #subLeft h3 {background-image:url(../img/sitemap_leftsidebar_title.gif);}
		#leasingBody #subLeft h3 {background-image:url(../img/leasing_leftsidebar_title.gif);}

		#customerBody .content table input {padding:2px;}

		#subLeft h3 img {display:block;}
		.leftsidebarNav {margin:1em 1.8em;}
		.leftsidebarNav li {background:url(../img/leftsidebar_line.gif) repeat-x 0 100%;}
		.leftsidebarNav li li {margin-left:.8em;}
		.leftsidebarNav li a {display:block;_height:100%;padding:0 0 0 2em;background:url(../img/list_arrow.gif) no-repeat 0 50%;line-height:2.2em;}
		.leftsidebarNav li a:hover {color:#da251d;}

		.devList {margin:3em 1.4em 1em;}
		.devList li {width:178px;height:63px;padding-top:1em;background:url(../img/left_dev_list_bg.gif) no-repeat;}
		.devList li img {position:relative;z-index:1;float:left;height:41px;margin:0 .6em 1em 1em;}
		.devList li h6 {position:relative;margin:.2em .8em .4em .8em;background:#e9e9e9;font:bold 12px/1.4em Arial;text-indent:.4em;}
		.devList li img {float:left;height:41px;}
		.devList li a {padding:0 1.4em 0 .4em;background:url(../img/arrow.gif) no-repeat 100% .2em;}


		.changeList li {height:91px;background-image:url(../img/left_dev_list_bg_b.gif);}
		.changeList li img {width:69px;height:69px;}

		.leftSearch {width:80%;margin:0 auto 10em;}
		.leftSearch h4 {margin:.2em 0;background:url(../img/project_search_title.gif) no-repeat;text-indent:-999em;}
		.leftSearch input.text, .leftSearch select {width:124px;margin:.2em 0;background:#fff url(../img/input_arrow.gif) no-repeat .4em;color:#AEAEAE;}
		.leftSearch input.text {display:block;width:118px;text-indent:1em;}
		.leftSearch input.submit {background-image:url(../img/search_submit_btn.gif);}

		.contactSidebar {margin:3em 1.8em;}
		.contactSidebar dt {margin:1em 0 .4em;font-weight:bold;}
		.contactSidebar dd {margin:.2em 0 .2em .4em;}

	#subRight {float:right;width:660px;margin:0 1.4em 0 0;}
		#subRight h2 {margin:.6em auto;padding:0 .1em .1em 0;border-bottom:8px solid #da251d;}
		#subRight h2 span {font:16px/.8em "微软雅黑","黑体", arial;}
		#subRight h2 .breadcrumb {float:right;color:#909090;font:12px/1.4em Arial;letter-spacing:.2em;}
		#subRight h2 .breadcrumb a {color:#ff7272;}
		.content {min-height:400px;height:auto !important;height:400px;}
		.content .list li a {line-height:2.2em;}
		.content h4 {margin:0 auto;font:18px/2em "黑体" arial;text-align:center;}
		.content h6 {color:#666;font:11px/1.6em Arial;text-align:right;}
		.content p {margin:.4em .4em 1em .4em;line-height:2em;}
		.content .middleImg {display:block;margin:1em auto;}
		#investmentBody .content .list {margin-top:2em;padding:1em 1em 0 .6em;border-top:1px solid #BDBDBD;}

		.productList {margin:0 auto;}
		.productList li {float:left;padding:1em 0;border-bottom:1px solid #7B7B7B;}
		.productList li a, .productList li a img, .productList li a em {display:block;}
		.productList li a {margin:.4em 1em;}
		.productList li a:hover {background:#fff;}
		.productList li a img {height:116px;padding:1em 1em .6em;}
		.productList li a:hover img {background:#767676;}
		.productList li a em {border-top:1px solid #fff;color:#211C19;font-style:normal;text-align:center;line-height:1.8em;}
		.productList li a:hover em {background:#767676;color:#fff;}

		/*-  -*/
		.prodcutImg {float:left;width:260px;height:210px;overflow:hidden;margin:1em 1em 0;border:1px solid #000;}

		.prodcutImg .apno{padding:.1em .8em;border-left:1px solid #fff;font:bold 10px/1.2em Arial;}
		.prodcutImg a.apno:link, .prodcutImg a.apno:visited{color:#fff;}
		.prodcutImg a.apno:hover{text-decoration:none;background:#999;}
		.prodcutImg .bpno{padding:.1em .8em;border-left:1px solid #fff;font:bold 10px/1.2em Arial;}
		.prodcutImg a.bpno:link, .prodcutImg a.bpno:visited{color:#fff;background:#666;}
		.prodcutImg a.bpno:hover{text-decoration:none;}

		.productInfo {margin:0 1em 0 0;padding-top:1em;}
		.productInfo li {margin:.5em 0;font-weight:bold;}
		.productInfo li.last {margin:1.2em 0 .4em}
		.productInfo li.last p {font-weight:normal;}

		/*- .productView {clear:left;float:left;width:274px;margin:2em 0 0 .8em;} -*/
		.productView {clear:both;float:left;margin:1em .8em 2em;}
		.productView li {padding:.4em 0;border:0;border-top:1px solid #7B7B7B;}
		.productView li a {clear:both;margin:0;}
		.productView li a img {clear:both;height:74px;padding:.6em .6em .4em;}
		.productView li a em {clear:both;line-height:1.6em;}

		.clinkList {margin:.4em .4em 0;}
		.clinkList h6{margin:.4em 0 1em;text-align:left;}
		.clinkList h6 a {width:auto;padding:0 .4em;text-align:left;font-weight:bold;}
		.clinkList ul {float:left}
		.clinkList ul li {}
		.clinkList ul a {display:block;padding:0 .4em;text-align:right;/*- layout-flow:vertical-ideographic; -*/}
		.clinkList a:hover {background:#f00;color:#fff;}

		.jobView {width:90%;margin:0 auto;border-bottom:3px solid #da251d}
		.jobView td, .jobView th {padding:0 .8em;background:#eee;line-height:2.2em;}
		.jobView th {width:16%;color:#da251d;}
		.jobView td {background:#fff8f8;}

		.sitemap {width:90%;margin:1em auto;}
		.sitemap ul {text-align:left;}
		.sitemap ul {background:url(../img/sitemap/ul_bg.png) repeat-y 9px 0;}
		.sitemap ul li {background:url(../img/sitemap/li_bg.png) no-repeat;padding-left:29px;}
		.sitemap ul li a {display:block;background:url(../img/sitemap/sub.png) no-repeat 0 50%;text-indent:30px;line-height:26px;height:26px;}
		.sitemap ul li a:hover {background-color:#eee;}
		.sitemap ul li li a {background-image:url(../img/sitemap/sub_1.png);}
		.sitemap li.last {background-image:url(../img/sitemap/last_bg.png);}
		.sitemap li.first {background-image:url(../img/sitemap/home.png);}
		.sitemap li.first a {background-image:none;text-indent:0;}


		.contactUs ul {margin:0 1em;}
		.contactUs li {padding-left:.4em;border-bottom:1px dotted #000;line-height:2.4em;}
		.contactUs li a,
		.contactUs li a:link,
		.contactUs li a:visited	{text-decoration:underline;}
		.contactUs li a:hover,
		.contactUs li a:active {text-decoration:none;}


	.fLinks {clear:both;margin:.6em 0 0 -.3em;}
	.fLinks select {background:#edfaff;}
	.fLinks optgroup {font-style:normal;}
	.fLinks option {margin:0 0 0 1em;}


#homeBody #footer {margin-top:0;}
#footer {position:relative;clear:both;margin:1em auto 0;padding:.6em 0;border-top:6px solid #da251d;}
		#footer .backTop {position:absolute;right:0;top:-22px;}


/************************************************
*	pagination	style							*
************************************************/
.pagination {clear:both;margin:1em 0;background:#f6f6f6;color:#b5b5b5;font:10px/1.8em Arial;text-align:right;}
.pagination a, .pagination strong {font-weight:bold;border:1px solid #fff;margin:0 0 0 -1px;border-width:0 1px;padding:0 .8em;text-transform:capitalize;}
.pagination a {color:#4c4c4c;}
.pagination a:hover {background:#666;color:#fff;}