* {
	margin: 0;
	padding: 0;
}
html {
	scrollbar-face-color: #f4f4f4;
	scrollbar-highlight-color: #fff;
	scrollbar-shadow-color: #999;
	scrollbar-3dlight-color: #fff;
	scrollbar-arrow-color: #666;
	scrollbar-track-color: #eee;
	scrollbar-darkshadow-color: #666;
	scrollbar-base-color: #f4f4f4; 
}
body {
	background-color: #FFF;
	text-align:left;
	background-image:url(images/bg.gif); 
	background-repeat:repeat-y;
	font-family: Verdana, Arial, Helvetica, sans-serif, PMingLiU;
	font-size: 12px;
	color: #222;
	line-height: 180%;
}
.clear{
	clear:both
}
a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif, PMingLiU;
	font-size: 12px;
	color: #000;
	text-decoration: none;
}
a:hover {
	font-size: 12px;
	color: #00FFFF;
	text-decoration: none;
}
a:visited {
	font-size: 12px;
	text-decoration: none;
	color: #999;
}
.linkNow {
	font-size: 12px;
	color: #00FFFF;
	text-decoration: none;
}
p {
	text-align:left;
}
#container {
	width:938px;
	text-align: left;
}
/*---------------------------------------------------- left ---------------------------------------------------*/
.left {
	width:417px;
	float:left;
}
#box1 {
	height: 118px;
	padding-top: 23px;
	text-align: right;
}
#box2 {
	height: 130px;
	width:239px;
	padding-left:178px;
	margin-top: 50px;
	text-align: left;
}

#box2 a {display:block;width:25px;height:114px;margin-right:5px;float:left;}
#box2 a.aabout   {background:url(images/about.gif) no-repeat bottom;}
#box2 a.aoffice  {background:url(images/office.gif) no-repeat bottom;}
#box2 a.aproject {background:url(images/project.gif) no-repeat bottom;}
#box2 a.anew     {background:url(images/new.gif) no-repeat bottom;}
#box2 a.acontact {background:url(images/contact.gif) no-repeat bottom;}
#box2 a.ablog    {background:url(images/blog.gif) no-repeat bottom;}

#box2 a.cabout,
#box2 a.aabout:hover   {background:url(images/about0.gif) no-repeat bottom;}
#box2 a.coffice,
#box2 a.aoffice:hover  {background:url(images/office0.gif) no-repeat bottom;}
#box2 a.cproject,
#box2 a.aproject:hover {background:url(images/project0.gif) no-repeat bottom;}
#box2 a.cnew,
#box2 a.anew:hover     {background:url(images/new0.gif) no-repeat bottom;}
#box2 a.ccontact,
#box2 a.acontact:hover {background:url(images/contact0.gif) no-repeat bottom;}
#box2 a.cblog,
#box2 a.ablog:hover    {background:url(images/blog0.gif) no-repeat bottom;}

#left .menu {
	float: left;
	text-align: left;
	height: 110px;
	width: 400px;
	margin-top: 86px;
	margin-left: 100px;
}
#smallPic {
	height: 76px;
	position:relative;
	float:left
}
#div1 {
	padding-top:65px;
	float: left;
	width: 178px;
	position:relative;
}
#div2 {
	padding-top:65px;
	position:relative;
	float: right;
	width: 239px;
	background-image: url(images/1007.jpg);
}
#pic2 {
	width: 100%;
	height: 288px;
	background-image: url(images/1001.jpg);
	text-align: right;
}
#div3 {
	width:134px;
	height: 39px;
	margin-left:178px;
	padding-left:105px;
	text-align:left;
	background-image: url(images/1008.jpg);
}
#div4 {
	padding-top:65px;
	position:relative;
	float: right;
	width: 239px;
	background-image: url(images/1002.jpg);
}
#div5 {
	width:134px;
	height: 39px;
	margin-left:178px;
	padding-left:105px;
	text-align:left;
	background-color: #000;
}
#div6 {
	height:76px;
	position:relative;
	float: right;
	width: 239px;
	background-image: url(images/1002.jpg);
}
#line {
	width:1px;
	height:39px;
	background-color: #FFF;
}
#pic3 {
	width: 100%;
	height: 288px;
	background-image: url(images/2001.jpg);
	text-align: right;
}
#pic4 {
	width: 100%;
	height: 288px;
	background-image: url(images/3001.jpg);
	text-align: left;
}
#pic5 {
	width: 100%;
	height: 205px;
	background-image: url(images/4001.jpg);
	text-align: right;
}
#pic6 {
	width: 100%;
	height: 288px;
	background-image: url(images/5001.jpg);
	text-align: right;
}
#subNavBg {
	margin-left:178px;
	padding-left:105px;
	height: 165px;
	background-image: url(images/1006.jpg);
}
#subNavBg3 {
	margin-left:178px;
	padding-left:105px;
	height: 165px;
	background-image: url(images/2003.jpg);
}
#subNavBg4 {
	width:234px;
	float:left;
	padding-left:5px;
	height: 165px;
	background-image: url(images/3002.jpg);
}
#subNav4B {
	float:left;
	width:178px;
	height: 165px;
	text-align:right;
}
#subNavBg5 {
	margin-left:178px;
	padding-left:105px;
	height: 165px;
	background-image: url(images/4002.jpg);
}
#subNavBg6 {
	margin-left:178px;
	padding-left:105px;
	height: 165px;
	background-image: url(images/5002.jpg);
}
#subNavBg li,#subNavBg3 li,#subNavBg4 li,#subNavBg5 li,#subNavBg6 li {
	line-height: 200%;
	list-style:none;
}
div.subNav {
	width: 133px;
	height: 130px;
	text-align: left;
	line-height: 180%;
	font-weight: bold;
}
div.subNav a:link {
	font-size: 12px;
	color: #FFF;
	text-decoration: none;
}
div.subNav a:hover {
	font-size: 12px;
	color: #5BDEFF;
	text-decoration: none;
}

/*---------------------------------------------------- right ---------------------------------------------------*/
.right {
	float:right;
	width:520px;
	font-size: 12px;
	color: #222;
	height: 100%;
}
#titleBar {
	border-bottom:1px solid #c9c9c9;
	width:509px;
	font-size: 12px;
	color: #000;
	text-align: left;
	position:relative;
	padding-top:8px;
	float:left
}
.title1 {
	float:left;
	font-size: 12px;
	padding-left:10px;
	padding-right:10px;
	color: #000;
	text-align: left;
	padding-bottom:3px;
	border-right:1px solid #c9c9c9;
}
.title2 {
	width:400px;
	font-size: 12px;
	color: #000;
	text-align: left;
	font-weight: bold;
	padding-bottom:10px;
}
#listBar {
	width:400px;
	position:relative;
	padding-top:20px;
	padding-bottom:30px;
	line-height:150%
}
#list {
	width:190px;
	float:left;
	font-size: 12px;
	color: #000;
	text-align: left;
}
.listPr {
	margin-top:160px;
	margin-left:418px;
	padding-left:50px;
	position:relative;
	float:left;
	font-size: 12px;
	color: #000;
	text-align: left;
}
#outer {
	width: 509px;
	padding-bottom:20px;
	text-align:center;
}
.content {
	width: 400px;
	height: 100%;
	font-size: 12px;
	color: #000;
	text-align: left;
	line-height: 180%;
	text-align:justify;
	margin-left:auto;
	margin-right:auto;
	padding-top:20px;
}
.worksPic {text-align:center;margin-top:10px;margin-bottom:10px;}

.divSelect {
	padding-top:6px;
	padding-bottom:6px;
	padding-right:10px
}
.pageNo {
	margin-left:auto;
	margin-right:0;
	width:60px;
	text-align:center;
	padding-left:10px;
	padding-right:10px;
	padding-top:20px;
	padding-bottom:2px;
	font-size: 10px;
	color: #000;
	text-decoration: none;
	height:15px
}
.a2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	text-decoration: none;
}
.a2:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #00CCFF;
	text-decoration: none;
}
select {
	border: 1px solid #999;
	display: inline;
	height: 17px;
	overflow: hidden;
	background-color: #efefef;
}
button {
	background-color: #efefef;
	border: 1px solid #999;
	font-size: 10pt;
	color: #666666;
	height: 17px;
}
input {
	background-color: #efefef;
	border: 1px solid #999;
	font-size: 10pt;
	color: #666
}
textarea {
	background-color: #efefef;
	border: 1px solid #999;
	font-size: 10pt;
	color: #666
}

/*---------------------------------------------- for new page --------------------------------------------*/
#newContainer {
	width: 2417px;margin: 0px auto;text-align: left
}
.newRight {
	float:right;
	font-size: 12px;
	color: #222;
	text-align: left;
	width: 2000px;
	background-image:url(images/newRbg.gif)
}
#box2News {
	width:239px;
	padding-left:178px;
	margin-top: 50px;
	text-align: left;
	height: 130px;
}
#box2News a {display:block;width:25px;height:114px;margin-right:5px;float:left;}
#box2News a.aabout   {background:url(images/about.gif) no-repeat bottom;}
#box2News a.aoffice  {background:url(images/office.gif) no-repeat bottom;}
#box2News a.aproject {background:url(images/project.gif) no-repeat bottom;}
#box2News a.anew     {background:url(images/new.gif) no-repeat bottom;}
#box2News a.acontact {background:url(images/contact.gif) no-repeat bottom;}
#box2News a.ablog    {background:url(images/blog.gif) no-repeat bottom;}

#box2News a.cabout,
#box2News a.aabout:hover   {background:url(images/about0.gif) no-repeat bottom;}
#box2News a.coffice,
#box2News a.aoffice:hover  {background:url(images/office0.gif) no-repeat bottom;}
#box2News a.cproject,
#box2News a.aproject:hover {background:url(images/project0.gif) no-repeat bottom;}
#box2News a.cnew,
#box2News a.anew:hover     {background:url(images/new0.gif) no-repeat bottom;}
#box2News a.ccontact,
#box2News a.acontact:hover {background:url(images/contact0.gif) no-repeat bottom;}
#box2News a.cblog,
#box2News a.ablog:hover    {background:url(images/blog0.gif) no-repeat bottom;}

#boxNewsTitle {
	width: 325px;
	margin-top: 118px;
	padding-left:23px;
	float: left;
}
#newstable {margin:118px 0 0 20px;}
#newstable th {font-size:12px;color: #222;height:30px;line-height:30px;}
#newstable .cont{text-align:left;width:300px;height:277px;margin:30px 10px 0 0;}
#newstable .cont .newtime {font-size:10px;}
#newstable .contNew{text-align:left;width:300px;height:277px;overflow: hidden}
#newstable li   {list-style:none;line-height:24px;}
#newstable img  {width:300px;height:277px;border:1px solid #999;}
#newDiv {
	float:left;
	width:300px;
	height:281px;
	padding-left:10px;
}
iframe#newShow {
	width: 100%; height: 460px; overfolw-x:auto; overflow-y:hidden;
}
/*
#newOuter {width:503px;text-align:center}
#newPopTop {width:503px;background-color:#000}
.PopTop {color:#FFF;text-align:right;font-size:10px;font-family:Verdana, Arial, Helvetica, sans-serif;}
.PopTxt {text-align:left;color:#000;font-size:12px;font-family:Verdana, Arial, Helvetica, sans-serif, PMingLiU;padding:30px;}
#newOuter a {font-size:12px;font-family:Verdana, Arial, Helvetica, sans-serif;color:#999;padding-bottom:20px;}
#newOuter a:hover {font-size:12px;font-family:Verdana, Arial, Helvetica, sans-serif;color:#000;padding-bottom:20px;}
*/
.article {line-height:2;font-size:12px;}
.article p {text-indent: 2em;margin:6px 0 6px 0;}
.article p img {text-indent: 0;}

#newOuter  {width:100%;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;}
#newOuter .PopTop {color:#fff;text-align:right;font-size:10px;background:#000;height:25px;line-height:25px;}
#newOuter .PopTxt {color:#000;padding:30px 0;width:100%;}
#newOuter .PopTxt .title  {font-size:14px;text-align:center;margin:5px 0 30px 0;font-weight:bold;}
#newOuter .PopTxt .title2 {font-size:14px;margin:10px 0;font-weight:bold;text-indent:2em;}
#newOuter .PopTxt .workimg {text-align:center;margin:5px 0;}
#newOuter .PopTxt .newscontent {margin:0 10px;padding:0;line-height:2;}
#newOuter .PopTxt .newscontent p {text-indent:2em;margin:4px 0;}
#newOuter .PopTxt .newscontent p img {text-indent: 0;}
#newOuter .closebtn {margin:30px 0;text-align:center;}
#newOuter .closebtn a {font-size:10px;width:80px;height:20px;line-height:20px;text-decoration: none;display:block;}
#newOuter .closebtn a:hover {background:#000;color:#fff;}