@charset "utf-8";

/* CSS Document */



/* ====================

     公共样式

==================== */

body {

	background:#000 url(../images/bg.jpg) top left no-repeat;

	font-size:12px;

	font-family:Arial,Helvetica;

	line-height:150%;

	margin:0;

	padding:0;

	color:#666;

}

div {

	margin:0 auto;

	padding:0;

}



h1, h2, h3, h4, h5, h6, ul, li, dl, dt, dd, form, img, p {

	margin:0;

	padding:0;

	border:none;

	list-style-type:none;

}

h1, h2, h3, h4, h5, h6,{

	font-family:Arial,'Droid Serif',serif;

}

img {

	border:0;

	display:inline-block;

}

ul {

	list-style:none;

}

li {

	list-style:none;

}

a:link, a:visited {

	color:#666;

	text-decoration:none;

}

a:hover {

	color:#c00;

	text-decoration:none;

}

.block {

	width:980px;

	margin:0 auto; 

}

.clear{clear:both;}

.f_l {

	float:left;

}

.f_r {

	float:right;

}

.tl {

	text-align:left;

}

.tc {

	text-align:center;

}

.tr {

	text-align:right;

}

.dis {

	display:block;

}

.inline {

	display:inline;

}

.none {

	display:none;

}

.dashed {

	background:url(images/lineBg.gif) repeat-x left top;

	color:#3f3f3f;

	padding:2px 0 3px 12px;

}

.clearfix:after {

	content:".";

	display:block;

	height:0;

	clear:both;

	visibility:hidden;

}

*html .clearfix {

	height:1%;

}

*+html .clearfix {

	height:1%;

}

/*英文强制换行*/

.word {

	word-break:break-all;

}

/*边框*/

  .B_blue {

	border:1px solid #e2e2e2;

}

.B_input {

	border:1px solid #ccc;

}

.inputBg {

	border:1px solid #b3b3b3;

	background:url(images/inputbg.gif) repeat-x left top;

	height:18px;

}

/*字体颜色ecmoban.com*/

.f1 {

	color:#999;

}

.f2 {

	color:#006bd0;

	font-weight:bold;

	margin-right:15px;

}

.f3 {

	color:#9e9e9e;

}

.f4 {

	color:#b10103;

}

.f4_b {

	color:#b10103;

	font-weight:bold;

}

.f5 {

	font-size:14px;

	font-weight:bold;

}

.f6 {

	color:#006bd0;

}





/*页面留白*/

.blank {

	height:8px;

	line-height:8px;

	clear:both;

	visibility:hidden;

}



/*布局*/

.AreaL {

	width:206px;

	float:left;

	min-height:660px;

	overflow:hidden;

	background:#000;

}

.AreaR {

	width:530px;

	float:left;

	min-height:660px;

	overflow:hidden;

	background:#131313;

}



/* the style for layer or mask */



#mask, #layer{

		display: none;

		position:fixed;

		_position:absolute;

		top: 0;

		left: 0;

		width: 100%;

		height: 100%;

		z-index: 44;

	}



#layer .bd{

		position: relative;

		top: 50%;

		width: 323px;

		margin-left: auto;

		margin-right: auto;

	}



.flash_top{width:155px; height:225px; margin:20px auto 10px;}

.demo{font-size:12px; padding-top:1px; }

#tt,#cc,#ee{background:#131313; height:680px;}

.language{height:50px; line-height:50px; text-align:right; padding-right:10px; width:470px; position:relative;}

.language .music{position:absolute; width:16px; height:16px; top:3px; top:16px\0; left:0px;}

.ourwork{height:100px; background:url(../images/ourwork.gif) no-repeat top left; margin-left:10px;}

.ourwork-en{height:100px; background:url(../images/Create-space-for-life.gif) no-repeat top left; margin-left:10px;}

ul.worklist{}

.worklist li{width:488px; position:relative; margin:10px auto 0; height:90px; background:#222;}

.worklist li:hover{background:#333;}

.workpic{width:275px;}

.worktest{color:#666; padding:10px 5px 5px 10px; width:170px; height:75px;}

.fudongdiv{position:absolute; left:0; top:0; width:488px; height:90px; background:#000; filter:alpha(opacity=30); opacity: 0.3;}

.fudongdiv:hover{ background:#000; filter:alpha(opacity=0.1); opacity:0.1; cursor:pointer;}

ul#sliding-navigation

{

	list-style: none;

	margin: 100px 10px 30px 45px;

	padding: 0;

}



ul#sliding-navigation li.sliding-element h3,

ul#sliding-navigation li.sliding-element a

{

	display: block;

	width: 100px;

	padding: 5px 18px 5px 2px;

	margin: 0;

	margin-bottom: 5px;

}



ul#sliding-navigation li.sliding-element h3

{

	color: #fff;

	background:#131313 url(heading_bg.jpg) repeat-y;

	font-weight: normal;

}



ul#sliding-navigation li.sliding-element a

{

	color: #999;

	background:#000 url(../images/tab_bg.gif) no-repeat right;

	border-bottom: 1px solid #1a1a1a;

	text-decoration: none;

}



ul#sliding-navigation li.sliding-element a:hover { color: #ffff66; }



#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url(../img/progress.gif) no-repeat center center;}

	

#supersized {  display:block; position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }

#supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; }

#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	/*Speed*/

#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			/*Quality*/



#supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; }

#supersized a { width:100%; height:100%; display:block; }

#supersized li.prevslide { z-index:-20; }

#supersized li.activeslide { z-index:-10; }

#supersized li.image-loading { background:#111 url(../img/progress.gif) no-repeat center center; width:100%; height:100%; }

#supersized li.image-loading img{ visibility:hidden; }

#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }



#TB_overlay {

	position: absolute;

	top: 0;

	left: 0;

	z-index:10000;

	width: 100%;

	height: 100%;

	background-color:#000;

	filter:alpha(opacity=70);

	-moz-opacity: 0.7;

	opacity: 0.7;

}

#TB_window {

	top: 0px;

	left: 0px;

	position: fixed;

	_position: absolute;

	background:#131313;

	z-index: 10200;

	color:#666;

	display:none;

	border:5px solid #333;

}

#TB_caption{

	height:25px;

	padding:10px 30px 10px 25px;

}

#TB_closeWindow{

	height:25px;

	padding:10px 25px 10px 0;

	float:right;

}

#TB_closeAjaxWindow{

	padding:5px 10px 7px 0;

	margin-bottom:1px;

	text-align:right;

	background-color:#111;

	border-bottom:1px solid #333;

}

#TB_ajaxContent{

	padding:2px 15px 15px 15px;

	overflow:auto;

}



#TB_load{

	text-align: center;

	position: absolute;

	top: 50%;

	left: 0px;

	width: 100%;

	overflow: visible;

	visibility: visible;

	display: block;

	z-index:101;

}

#TB_loadContent{

	margin-left: -125px;

	position: absolute;

	top: -50px;

	left: 50%;

	width: 250px;

	height: 100px;

	visibility: visible;

}