body{ margin:0px auto; padding:0px; font-family:"microsoft Yahei","ËÎÌå"; font-size:14px; background:#eeeeee URL(../images/bg.jpg) center top repeat-x; color:#333; line-height:23px;}
ul,li{ list-style:none; margin:0px; padding:0px;}
a{ color:#333; text-decoration:none;}
a:hover{ text-decoration:underline;}

.topText{ clear:both; line-height:28px; height:28px; text-align:right;}
.topText span{ float:left;}
.topText a{ margin:0px 5px;}


.index{ clear:both; width:1000px; margin:0px auto;}
.top{ clear:both; height:88px; background:URL(../images/top.jpg) left top no-repeat;}


.menu{ clear:both;}
.menu ul{ margin-left:5px;}
.menu li{ float:left;}
.menuLine{ float:left; display:block; width:2px; height:40px; background:URL(../images/menuLine.jpg) left top no-repeat;}
.menu li a{ display:block; float:left; height:40px; line-height:40px; font-size:14px; font-weight:bold; color:#FFF; text-align:center; padding:0px 31px;}
.menu li a:hover{ background:URL(../images/menuHover.jpg) left top repeat-x; text-decoration:none;}
.menu li a.on{ background:URL(../images/menuHover.jpg) left top repeat-x; text-decoration:none;}


.indexContent{ clear:both; margin:10px 0px;}

.flash{ clear:both; height:244px; clear:both; margin-top:6px; }
.banner{ clear:both; overflow:hidden; clear:both; height:244px; width:1000px;}
.banner img{ width:1000px; border:0px;}
.bannerLine{ clear:both; height:28px; background:URL(../images/bannerLine.jpg) left top no-repeat;}

#myFocus{ width:1000px; height:244px;}

.left{ float:left; width:280px;}
.leftTit{ clear:both; height:36px; line-height:36px; background:URL(../images/listTit.jpg) left top repeat-x; font-size:14px; font-weight:bold; color:#FFF; text-indent:1.5em;}
.list{ clear:both; background:#e9e9e9; margin-bottom:10px; _margin-bottom:6px; border:1px solid #cfcfcf;}
.list li{ border-bottom:1px dashed #c3c3c3; text-indent:1.8em; background:URL(../images/listIcon.jpg) 7px 12px no-repeat; line-height:35px;}
.list li a{ font-size:14px; font-weight:bold; color:#C00;}

.subList{ clear:both;  padding:10px 5px 0px; _padding:3px 3 px 0px;}
.subList span{ float:left; font-size:14px; display:block; width:50%;text-indent:1em; background:URL(../images/listSubIcon.jpg) 3px 8px no-repeat; line-height:26px; _line-height:20px; _height:20px; _overflow:hidden;}
.subList span a{ font-size:13px;}

.contact{ float:right; width:200px;}
.contactTit{ clear:both; height:35px; line-height:35px; background:URL(../images/contactTit.jpg) left top repeat-x; font-size:14px; font-weight:bold; text-indent:1em; color:#FFF;}
.contactContent{ clear:both; padding:5px; border:1px solid #cfcfcf; background:#FFF; }


.right{ float:right; width:710px;}
.about_contact{ clear:both; margin-bottom:10px;}
.about{ float:left; width:500px;}
.aboutTit{ clear:both; height:34px; line-height:34px; background:URL(../images/aboutTit.jpg) left top no-repeat; font-size:14px; font-weight:bold; color:#FFFFFF; text-indent:1.5em; border:1px solid #ced0cf;}
.aboutTit span{ float:right; margin-right:10px; color:#000; font-weight:normal;}
.aboutTit span img{ border:0px; margin-top:8px;}
.aboutTit span a{ color:#000; font-weight:normal; font-size:12px;}
.aboutContent{ clear:both; padding:7px 10px; border:1px solid #ced0cf; border-top:none; background:#FFF;}

.news{ clear:both;}
.leftNews{ float:left; width:350px;}
.rightNews{ float:right; width:350px;}
.newsTit{ clear:both; height:29px; line-height:29px; background:URL(../images/aboutTit.jpg) left top no-repeat; font-size:14px; font-weight:bold; color:#FFF; text-indent:1.5em; border:1px solid #ced0cf;}
.newsTit span{ float:right; margin-right:10px;}
.newsTit span img{ border:0px; margin-top:8px;}

.newsContent{ clear:both; border:1px solid #ced0cf; padding:10px; background:#FFF;}
.newsContent li{ text-indent:1.5em; background:URL(../images/newsIcon.jpg) left 10px no-repeat;  border-bottom:1px dashed #CCC; line-height:26px; height:26px; overflow:hidden;}
.newsContent li span{ float:right; margin-right:10px;}



.pro{ clear:both; border:1px solid #ced0cf; margin-bottom:10px; border:1px solid #ced0cf; background:#FFF;}


.linkList{ clear:both; border:1px solid #ccc;}
.linkList li{ clear:both; text-indent:2em; background:URL(../images/newsIcon.png) 5px 12px no-repeat; line-height:30px; font-size:14px;}
.linkList li span{ float:right; margin-right:15px; font-size:12px;}



.links{ clear:both; padding-top:10px;}
.links span{ color:#C00; font-weight:bold; margin-right:10px;}
.links a{ margin-left:4px; font-size:12px;}


.myBottom{ clear:both; background:#10559a URL(../images/bottom.jpg) left top repeat-x; color:#FFF; text-align:center; padding:5px 0px 10px;}
.myBottom a{ color:#fff;}



.bottomContent{ clear:both; margin-top:20px; }
.bottomContent .zhizhao{ color: #c00; }

.clear{ clear:both;}

.subContentMaring{ margin:0px; padding:0px; clear:both;}


.caseList{ clear:both; display:block;}
.caseList li{ float:left; width:50%; }



.subTit{ clear:both; border-top:1px solid #553c35; background:URL(../images/proTit.jpg) left top repeat-x; height:32px; line-height:32px; font-size:14px; font-weight:bold; text-indent:1em;}
.subTit span{ float:right; font-size:12px; font-weight:normal; color:#ccc; margin-right:15px;}
.subTit span a{ font-size:12px; font-weight:normal; color:#ccc;}
.subContent{ clear:both; padding:10px 15px; border:1px solid #ced0cf; background:#FFF;}
.subContent h1{ text-align:center;}
.subContent img{ border: 0px; max-width: 100%; height: auto; }

.proList{ clear:both;}
.proList ul{ margin:0px; padding:0px;}
.proList li{ float:left; width:163px; display:block; margin:5px 0px;}
.proList li div{
	display:table-cell;
	width:150px;
	height:130px;
	text-align:center;
	vertical-align:middle;
	margin:12px;
	_margin:10px 3px;
	overflow:hidden;
	border:1px solid #ccc;
}
.proList li img{ border:0px; max-width:148px; max-height:118px; _height:120px; vertical-align:middle;}
.proList li span{ clear:both; display:block; text-align:center;}

.equipList{ clear:both;}
.equipList li{ float:left; margin:12px; width:165px; display:block; overflow:hidden;}
.equipList li img{ border:0px; width:165px; border:1px solid #CCC;}
.equipList li span{ clear:both; display:block; text-align:center;}


.newsList{ clear:both;}
.newsList li{ text-indent:2em; background:URL(../images/newsIcon.png) 5px 12px no-repeat; line-height:30px; font-size:14px;}
.newsList li span{ float:right; margin-right:15px; font-size:12px;}

.content2{ clear:both;}
.content2 h1{ clear:both; text-align:center;}
.info{ clear:both; display:block; text-align:center;}

.page{ clear:both;}
.page span{ display:block; float:left; margin-right:15px;}

/* scroll start */
.grow {
	width:680px;
	margin:0px auto;
	overflow:hidden;
}
.grow2 {
	width:auto;
	height:auto;
	font-size:14px;
	float:left;
	overflow:hidden;
}
.grow2 li{
	float:left;
	margin:0px 6px;
	text-align:center;
	list-style:none;
	padding:0px;
}
.grow2 li p{ margin:0px; padding:0px; display:block; clear:both; }
.grow2 li span{ clear:both; display:block;}
.grow img{
	height:140px;
	margin-top:12px;
	border:1px solid #CCC;
	padding:1px;
}
.scroll{ width:400%; }
/* scroll end */

#dituContent{width:670px;height:550px;border:#ccc solid 1px;}
.contactImg{ float:right;}




/* kefu list */
.kefuShow{ position: fixed; top: 250px; right: 0px; background: #4fbae8; width: 24px; min-height: 90px; display: none; color:#FFF; border-radius: 5px 0px 0px 5px; cursor: pointer; text-align: center; padding: 10px 0px;}
.kefuDiv{ position: fixed; top: 250px; right: 0px; background: URL(../images/kefuList.gif) left top repeat-y; width: 110px;}
.kefuHeader{ clear: both; display: block; height: 57px; background: URL(../images/kefuHeader.gif) left top no-repeat;}
.kefuHeader span{ float: right; width: 15px; height: 15px; line-height: 15px; background: #16a0de; color: #FFF; text-align: center; margin:6px 6px 0px 0px; cursor: pointer;}
.kefuList{ clear: both; display: block; margin: 10px 0px 25px; }
.kefuList li{ margin:5px 0px 5px 18px; height:28px; line-height: 28px; overflow: hidden; background: URL(../images/kefuIcon.jpg) left top no-repeat; text-indent: 0.7em;}
.kefuList li a{ color: #000; }
.kefuWechat{ clear: both; display: block; text-align: center; }
.kefuWechat img{ border: 0px; width: 90px;  }
.kefuText{ clear: both; display: block; text-align: center; color: #000; }
.kefuFooter{ clear: both; display: block; height: 23px; background: URL(../images/kefuFooter.gif) left top no-repeat;}