/* ######################################################################################################
** # esun.guo@gmail.com ########################################################
** ######################################################################################################
*/
 
@import url(reset.css);
/* ### =dom ############################################################################ */

body { font: 12px Arial, Helvetica, sans-serif; margin:0px; text-align:center; line-height:20px; }

a, a:link { color: #000; text-decoration: none; }
a:hover { color: #f60; text-decoration: underline; }

h1,h2,h3,h4,h5,h6,strong { font-weight: 400; }
h1 { font-size: 2em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.3em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1em; }
h6 { font-size: .875em; }

em,i { font-style:italic; }
pre, code {	font-family: "Courier New", Courier, monospace; }
address { font-style:normal; line-height: 1.5em; margin: 0 0 1em 0; }
abbr,acronym { border-bottom: 1px dotted #000; cursor: help; } 

/* =form
 --------------------------------------------------------*/
input { padding: 2px; }
textarea { padding: 2px; border: 1px solid #969696; }
input.btn{ cursor: pointer; height: 24px; padding: 1px 5px; line-height: 19px; font-size: 12px; }
input.image { border: none; width: auto; }
input.text { border: 1px solid #969696; line-height: 16px; height: 16px; }
input.readonly { background-color: transparent; border: none; }
fieldset { padding: 10px; }
legend { font-size: 14px; color: #666; font-weight: 700; }
label { cursor: pointer; }

/* ### =tools ############################################################################ */

/* =other
 --------------------------------------------------------*/

/* =clearing*/
.clear { clear: both; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html > body .clearfix { display: inline-block; width: 100%; }

/* =replace*/
.replace { display: block; background-repeat: no-repeat; background-position: left top; background-color: transparent; font-size: 1px; }
.replace * { text-indent: -10000px; display: block; background-repeat: no-repeat; background-position: left top; background-color: transparent; }
.replace a { text-indent: 0; }
.replace, .replace a span { text-indent: -10000px; }

/* =hide*/
.hidden { display: none; visibility: hidden; }

/* =break*/
.break{
	white-space: pre; /* CSS2 */
   white-space:-moz-pre-wrap; /* Mozilla */
   white-space:-hp-pre-wrap; /* HP printers */
   white-space:-o-pre-wrap; /* Opera 7 */
   white-space:-pre-wrap; /* Opera 4-6 */
   white-space:pre-wrap; /* CSS 2.1 */
   white-space:pre-line; /* CSS 3 (and 2.1 as well, actually) */
   word-wrap:break-word; /* IE */
}

/* =hack*/
.hack
{
	height:8px; overflow:hidden; clear:both;
}


/* ### =layout ############################################################################ */
.header
{
	width:1000px; height:182px; background:url(../images/about_1.jpg); background-position:center; position:relative; margin:0px auto;
}
.nav
{
	position:absolute; top:131px; background:#000; width:537px; height:42px; left:50px;
}
.play
{
	background:url(../images/index_19.gif); width:342px; height:257px;  right:65px; top:-99px; position:absolute; z-index:999;
}
.play div
{
	 margin-top:9px;
}
.defaultTop
{
	background:url(../images/index_06.gif) repeat-y 50px 0px; width:1000px; margin:0 auto; position:relative; height:148px;
}
.defaultTopBottom
{
	background:url(../images/index_09.gif) repeat-y 50px 0px; width:1000px;  height:15px; overflow:hidden; bottom:0px; left:0px;  z-index:-1px;
	position:absolute;
}
.bigAd
{
	position:absolute; left:48px; top:0px;
}
.bigAd img
{
	 width:537px; height:126px;
}
.logo
{
	position:absolute; width:160px; height:50px; left:45px; top:27px;
}
.logo a
{
	  display:block; height:100%;
}
.businessLink
{
	position:absolute; width:90px; height:20px; right:80px; top:48px;
}
.businessLink a
{
	  display:block; height:100%;
}
.businessLink
{
}
.nav li
{
	float:left; width:76px; height:38px; overflow:hidden;
}
.nav ul
{
	 width:537px; height:42px; overflow:hidden; background:#000;
}
.nav li a
{
	 color:#fff; line-height:14px; text-decoration:none; display:block; height:100%;  background:url(../images/contrct_6.gif) no-repeat 100% 50%; 
}
.nav li a span
{
	  display:block; font-size:9px; padding:0px;
}
.nav li a samp
{
	  display:block; font-size:12px; font-weight:700;  padding-top:10px;
}

.nav li a:hover
{
	 color:#fff; line-height:14px; text-decoration:none; background:#c40001 url(../images/contrct_6.gif) no-repeat 100% 50%; 
}

.screen
{
	width:900px; margin:0 auto;
}
#defaultScreen
{
	height:320px; position:relative;
}
.defaultItem
{
	float:left; width:229px; background:#f1f1f1; margin-right:8px; height:304px; overflow:hidden;
}
.defaultItemBar
{
	 width:229px; height:33px; line-height:33px; background:url(../images/index_12.gif);
}
.defaultItemBar span
{
	  font-size:14px; font-weight:700; color:#c00202; float:left; text-indent:10px;
}
.defaultItemBar a
{
	 color:#eee; float:right;  margin-right:10px; font-family:Arial; font-size:9px;
}
.defaultItemContent
{
	padding:10px; text-align:left; line-height:24px;
}
.defaultItemContent ul
{
	 margin-top:10px;
}
.defaultItemContent li
{
	 float:none; height:24px; overflow:hidden;
}
.images
{
	text-align:center;
}
.defaultCase
{
	position:absolute; top:0px; right:20px; width:169px; z-index:999;
}
.defaultCaseTop
{
	background:url(../images/index_3.gif); width:169px; height:34px;
}
.defaultCaseBottom
{
	background:url(../images/index_07.gif); width:169px; height:34px;
}
.defaultCaseMiddle
{
	background:url(../images/index_19-08.gif); width:169px; text-align:center;
}
.defaultCaseMiddle .marquee
{
	width:140px; padding:5px; margin:0 auto; border-top:dashed 1px #bbb;border-bottom:dashed 1px #bbb; text-align:center;
overflow:hidden;	height:250px;height:280px !important;
}
.defaultCaseMiddle marquee
{
	 text-align:center;
	height:340px;overflow:hidden;
}
#caseUp
{
	background:url(../images/index_25.gif); width:21px; height:21px; cursor:pointer; margin-top:10px;
}

#caseDown
{
	background:url(../images/index_28.gif); width:21px; height:21px; cursor:pointer;margin-top:5px;
}


.footer
{
	width:993px; color:#fff;
}
.footer a
{
	color:#fff;
}
.footerC
{
	background:#a4a4a4; width:993px;
}
.footerT
{
	background:url(../images/index_33.gif); height:7px; width:993px; overflow:hidden;
}
.footerC img
{
	 float:left; margin:30px 20px 0px 50px;
}
.footerC p
{
	 float:left; text-align:left;
}
.footerB
{
	background:url(../images/index_306.gif); height:6px; width:993px; overflow:hidden;
}



/*pages*/
.sider
{
	width:190px; float:left;
}
#screen
{
	border-left: solid 2px #fc5e0d; width:898px; margin:0px auto;
}
.siderT
{
	width:190px;  text-align:left;
}
.subNav li
{
	width:190px; background:url(../images/contrct-us_9.gif) left no-repeat; height:23px; text-align:left; line-height:23px; color:#fff;
	text-indent:10px; margin-top:10px;
}
.subNav li a
{
	 color:#fff;
}
.subNav li a:hover
{
	 color:#eee;
}
.content
{
	line-height:24px; float:left; width:696px; margin-left:10px; background:#fff; text-align:left;
	border:solid 1px #ccc; margin-top:10px;
}
.content li
{
	 
}
.content h4
{
	 background:#bbb; color:#ad0303; height:30px; line-height:30px; font-size:15px; font-weight:700;
	 text-indent:20px;
}
.contentBox
{
	padding:10px;
}