@charset "utf-8";
/* CSS Document */
body {
	background-position: bottom;
	background-repeat: repeat-x;
}
header {
	height: 660px;
}
.banner {
    position: absolute;
    width: 2000px;
    background-color: #eee;
    height: 397px;
    top: 70px;
}
header .banner {
	width: 100%;
	height: 397px;
	top: 263px;
}
header .focusModule .control .masker .controlList{
	width:80px;
	position:relative;
	margin:auto;
}
header .focusModule .control .masker .controlList li{
	cursor:pointer;
	width:10px;
	height:10px;
}
header .focusModule .control .masker .controlList li.focusOpen{
	background-color:#9e0a0a;
}
header .focusModule .control .masker .controlList li a.title{
	text-indent:-9999px;
}

.pageBody {
	height: 705px;
	background-image: url(../images/pageBodyBg.png);
	background-repeat: no-repeat;
	/*position: top;*/
	z-index: 999;
	position:relative;
}
.pageBody .more{
	position:absolute;
	width:60px;
	height:25px;
	right:10px;
	top:40px;
}
#case {
	background-image: url(../images/case.png);
	background-repeat: no-repeat;
	position:absolute;
	left:0px;
	top:0px;
	width:700px;
	height:330px;
}
#case .focusModule1{
	height:225px;
	background-color:#FFF;
	position:absolute;
	left:0px;
	top:0px;
}
#case #caseTab{
	position:absolute;
	width:660px;
	height:295px;
	top:35px;
}
#case #caseTab .controlBtn{
	position:absolute;
	left:25px;
}
#case #caseTab .controlBtn a{
	width:80px;
	display:block;
	float:left;
	text-align:center;
	color:#000;
	height:35px;
	background-image: url(../images/caseAItems.png);
	background-repeat: no-repeat;
	background-position:bottom left;
	line-height:35px;
	cursor:pointer;
}
#case #caseTab .controlBtn a:hover{
	color:#c9010e;
	background-position:top left;
}
#case #caseTab .controlBtn .focusOpen{
	background-image: url(../images/caseAItems.png);
	background-repeat: no-repeat;
	color:#c9010e;
	background-position:top left;
}
#case .content{
	position:absolute;
	width:100%;
	height:250px;
	top:45px;
}
#case .content .columnName,#case .content .upDateTime,#case .content .description{
	display:none;
}
#case .focusModule1 .control{
	background:none;
	width:380px;
	height:225px;
	position:absolute;
	left:290px;
	top:0px;
	margin:0px;
}

#case .focusModule1 .control .masker .controlList li a.title{
	position:absolute;
	display:block;
	text-indent:0px;
	top:15px;
	left:70px;
	width:200px;
	font-size:14px;
}
#case .focusModule1 .control .masker{
	top:0px;
	left:25px;
}
#case .focusModule1 .detail{
	width:290px;
	height:220px;
	margin-left:10px;
}
#case .focusModule1 .control .masker{
	height:240px;
	width:380px;
	background-color:#FFF;
}
.focusModule1 .control .masker .controlList{
	top:0px;
}
#case .focusModule1 .control .masker .controlList{
	width:380px;
}
#case .focusModule1 .control .masker .controlList li{
	background:none;
	width:360px;
	height:55px;
	margin:0;
	/*float:left;*/
}

#case .focusModule1 .control .masker .controlList li a.preview{
	overflow:hidden;
	height:45px;
	width:60px;
}
#case .more{
	width:50px;
	height:50px;
	position:relative;
	top:0px;
	background-color:#F00;
}
#case .focusModule1 .detailList li a.title{
	display:none;
}
#case .focusModule1 .detailList li{
	width:280px;
	height:210px;
}
#case .focusModule1 .detailList li a{
	width:280px;
	height:210px;
}
#introduction {
	background-image: url(../images/introduction.png);
	background-repeat: no-repeat;
	position:absolute;
	left:700px;
	top:0px;
	width:300px;
	height:330px;
}
#introduction p{
	position:absolute;
	width:280px;
	line-height:25px;
	left:10px;
	top:195px;
	color:#000;
	text-indent:2em;

}
.pageBody #introduction .more{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index:100;
}
#ClassicCase {
	background-image: url(../images/ClassicCase.png);
	background-repeat: no-repeat;
	position:absolute;
	left:0px;
	top:330px;
	width:700px;
	height:265px;
}
#ClassicCase .more{
	top:10px;
	right:20px;
}
#ClassicCase .columnName, #ClassicCase .upDateTime {
	display: none;
}
#ClassicCase .title {
	overflow:hidden;
	width:145px;
	text-align:center;
	display:block;
	white-space:nowrap;
}
#ClassicCase .focusModule {
	width: 610px;
	height: 170px;
	overflow: hidden;
	top:55px;
	left: 30px;
}
#ClassicCase ul {
	position: absolute;
	width: 8000px;
}
#ClassicCase ul li {
	position: relative;
	width: 155px;
	float: left;
}
#ClassicCase ul li .preview {
	width: 145px;
	height: 145px;
}
#ClassicCase ul li a img {
	width: 145px;
	height: 145px;
}
#ClassicCase .nextBtn {
	background-image: url(../images/nextBtn.gif);
	background-repeat: no-repeat;
	position: absolute;
	width: 10px;
	height: 15px;
	right: 40px;
	z-index: 1001;
	top: 120px;
	cursor: pointer;
}
#ClassicCase .prevBtn {
	background-image: url(../images/prevBtn.gif);
	background-repeat: no-repeat;
	position: absolute;
	width: 10px;
	height: 15px;
	z-index: 1001;
	left:15px;
	top: 120px;
	position: absolute;
	cursor: pointer;
}

#news {
	background-image: url(../images/news.png);
	background-repeat: no-repeat;
	position:absolute;
	left:700px;
	top:330px;
	width:300px;
	height:265px;
}
#news .more{
	top:10px;
	right:10px;
}
#news .preview,#news .upDateTime,#news .description,#news .columnName{
	display:none;
}

#news ul{
	position:absolute;
	height:200px;
	width:280;
	left:15px;
	top:45px;
}
#news li{
	background-image: url(../images/NewsLiItems.png);
	background-repeat: no-repeat;
	background-position:top left;
	width:280px;
	height:30px;
	text-indent:10px;
}
#news li a{
	height:30px;
	line-height:30px;
	color:#000;
}
#news li:hover{
	background-image: url(../images/NewsLiItems.png);
	background-repeat: no-repeat;
	background-position:bottom left;
}
#news li a:hover{
	color:#cc0000;
}
#service {
	background-image: url(../images/service.png);
	background-repeat: no-repeat;
	position:absolute;
	left:0px;
	top:595px;
	width:1000px;
	height:110px;
}
#service ul{
	position:absolute;
	width:6000px;
}
#service li{
	width:135px;
	height:40px;
}
#service li a{
	width:125px;
	height:40px;
	background-image: url(../images/serviceLiItems.png);
	background-repeat: no-repeat;
	padding:1px;
}
#service #serviceList{
	position:absolute;
	top:56px;
}
#service .columnName{
	display:none;
}
.scrollModule .preview{
	width:123px;
	height:38px;
}
footer {
		height:235px;
}
footer .falseNav{
    color: #FFF;
	position: absolute;
    top: 180px;
	right:10px;
}
footer .falseNav a{
	width:100%;
	padding-left:25px;
	font-size:13px;
	color:#242424;
}
footer .webDesign{
	position:absolute;
	right:10px;
	bottom:15px;
}
footer .webDesign a{
	font-size:13px;
	padding-left:25px;
	text-align:right;
	color:#242424;
}
footer .copyRight{
	position:absolute;
	left:75px;
	bottom:35px;
	font-size:14px;
}
footer address{
	position:absolute;
	top:205px;
	left:75px;
	font-style:normal;
}
footer .Links {
	position:absolute;
	top:15px;
}
footer .Links li{
	float:left;
	width:200px;
	line-height:25px;
	text-indent:25px;
}
footer .Links li a{
	color:#151515;
	font-size:15px;
	font-weight:bold;
	height:25px;
}
footer .Links li li{
	float:none;
}
footer .Links li li a{
	font-weight:normal;
	font-size:12px;
	color:#000000;
	line-height:25px;
}