@import "import.css";
.bgDiv{ background:url(../images/bg-f.jpg) center bottom no-repeat; margin:0 auto;}
.mainBody{ width:960px; margin:0 auto; text-align:left; }
.top{ height:90px;}
.mainMenu{ height:36px; line-height:36px; text-align:right; background:url(../images/menu-bg.gif) repeat-x;}
.mainMenu ul li{ float:left; margin-right:14px;}
.mainMenu ul li a{ color:#003333; text-decoration:none;}
.mainMenu ul li a:hover{ color:#fff; font-weight:bold; display:block; background:url(../images/menu-hover.gif) center no-repeat; text-align:center; width:85px; }
.banner{background:#fff; text-align:center;}
.content{ background:#FFF url(../images/c-bg.jpg) left top no-repeat; text-align:center;}
.content .mainArea{ width:910px; margin:0 auto; padding-top:16px;}
.mainArea .col1{ float:left; width:355px;  text-align:left}
.service{ padding-top:10px;}
.mainArea .col2{ float:right; width:545px; text-align:left}
.content .pageArea{ border:1px solid #fff; background:#fff;}
.content .pageArea .colLLeft{ float:left; width:250px; height:400px; background:#fff url(../images/shadow-div.gif) top right no-repeat; text-align:left;}
.content .pageArea .colLLeft h1{ width:208px; height:48px; line-height:48px; display:block; background:url(../images/h1-bg.gif); color:#fff; font-size:14px; }
.content .pageArea .colLLeft h1 span{ font-size:10px; padding-left:5px; font-family:Verdana, Arial, Helvetica, sans-serif}
.leftList{padding-left:0px;}
.leftList li{ line-height:32px; height:32px; border-bottom:1px solid #f6f8fb; background:url(../images/icon-arrow2.jpg) 20px 12px no-repeat; text-align:left; width:208px; overflow:hidden;}
.leftList li a{ padding-left:30px;}
.leftList .hover{ background:#eee url(../images/icon-arrow2.jpg) 25px 12px no-repeat;}
.leftList .hover a{ padding-left:35px;}
.content .pageArea .colRight{ float:left; width:670px; background:#fff; text-align:left;}
.where{ text-align:left; line-height:40px; color:#336666; float:right; width:300px; font-size:12px; text-align:right; font-weight:normal;}
.where a{ color:#336666;  font-weight:normal; }
.where a:hover{ text-decoration:underline;}
.txtContent h2{ font-size:24px; line-height:40px; padding:20px 0px 5px;}
.txtContent{line-height:22px;}
.content .pageArea .colRight　h2{ line-height:46px; color:#333333; font-size:30px;}
.footer{ height:90px;}
/*nList*/
.nList h1{ padding:5px 0px 10px 0px;}
.nList ul li{ display:block; background:url(../images/icon-dotted.gif) left no-repeat; line-height:24px;}
.nList ul li a{ padding-left:15px;}
.nList ul li span{ color:#999; padding-left:20px;}
/*pageCss*/
.pageCss{
	padding:20px 0px; text-align:center;
}
/*tab*/
.main{
 clear:both;
 padding:8px;
 text-align:center;
}
/*probox*/
.proBox{ border:1px solid #cbcbcb;}
.proInfo{ background:#f5f5f5 url(../images/pro-box-bg.gif) repeat-x; line-height:18px; color:#333333;}
.proInfo h3{ font-size:12px; text-align:center; line-height:26px;}

.imgbox{
	width:180px;
	height:190px;
	text-align:center;
	line-height:190px;
	overflow:hidden;
	position:relative;
	display:table-cell;
	vertical-align:middle;
}
.imgbox p {
	position:static;
	+position:absolute;
	top:50%;
	vertical-align:middle;
	text-indent:0;
}
.imgbox img {
	position:static;
	+position:relative;
	top:-50%;left:-50%;
	vertical-align:middle;
	max-width:160px;
	max-height:170px;
}
* html .imgbox img{
    width: expression(this.width > 160 && this.width > this.height ? 160 : true);
	height: expression(this.height > 170 ? 170 : true);
}

/*第二种形式*/
#tabs1{
 text-align:left;
}
.menu1box{
 position:relative;
 overflow:hidden;
 height:27px;
 background:url(../images/hr-title-bg.gif);
 text-align:left;
}
#menu1{
 position:absolute;
 top:0;
 left:0;
 z-index:1;
}
#menu1 li{
 float:left;
 display:block;
 cursor:pointer;
 text-align:center;
 line-height:27px;
 height:27px;
 padding:0px 15px;
 position:relative;
}
#menu1 li a{ float:left; color:#006699;}
#menu1 li span{}
#menu1 li.hover{
 background:url(../images/tagleft.gif);
 font-weight:bold;
 color:#ffffff;
}
#menu1 li.hover span{ position:absolute; right:-1px; width:7px; height:27px; background:url(../images/tagright.gif)}
#menu1 li.hover a{color:#fff;}
.main1box{
 clear:both;
 margin-top:-0px;/*mask line -1*/
 border:1px solid #ccc;
 border-bottom:0;
 height:130px;
 background:url(../images/tab-bg.gif) repeat-x;
}
#main1 ul{
 display: none;
}
#main1 ul.block{
 display: block;
}
.tabContent{ height:110px; overflow:auto;}
.tabContent .leftImg{ width:170px; float:left;}
.tabContent .leftImg img{ border:1px solid #cccccc; padding:2px; margin-top:10px;}
.tabContent .rightArea{ float:right; width:350px; height:100px; overflow:auto; text-align:left; padding-top:5px;	}
.tabContent .rightArea h3{ width:31%; overflow:hidden; height:25px; float:left; display:block; background:url(../images/icon-arrow.gif) left no-repeat; font-size:12px; font-weight:normal; line-height:25px;}
.tabContent .rightArea h3 a{ padding-left:10px;}