/* CSS Document */
.banner{ width:100%; height:275px; position:relative }

.ban-nav{ width: 194px; position:absolute; z-index:999; height:275px; background:#fff; left:50%;margin-left:-575px;}
.ban-nav ul{ display: block; overflow:hidden}
.ban-nav .dept-nav-li { position: relative;}
.ban-nav .dept-nav-li .dept-nav-link { display: block; background: #efefef; padding: 6px 18px 8px 14px; font-family: "Microsoft Yahei", Arial, sans-serif; }
.ban-nav .odd .dept-nav-link { background: #f6f6f6;  }
.ban-nav .dept-nav-li .name { display: block; color: #000000; line-height: 23px; }
.ban-nav .dept-nav-li .des { display: block; color: #999; line-height: 19px; }
.ban-nav .dept-nav-li .des b{ font-weight:normal; padding-right:30px;}
.ban-nav .active .dept-nav-link, 
.ban-nav .dept-nav-li .dept-nav-link:hover { background: #333; }
.ban-nav .active .name,
.ban-nav .dept-nav-li .dept-nav-link:hover .name { color: #fff; }
.ban-nav .active .des,
.ban-nav .dept-nav-li .dept-nav-link:hover .des { color: #999; }
.left_toor{ width:194px; background:#e7e7e7}
.left_toor p{ margin-bottom:15px;}

/* banner-box */
.banner-box{min-width:1150px;height:275px;position:relative;}
.banner-box .bd{ width:100% !important;}
.banner-box .bd li .m-width {width:1150px;margin:0 auto;overflow:hidden;}
.banner-box .bd li{width:100% !important;height:275px;}
.banner-box .bd li a{display:block;background-size:auto;}

.banner-btn{width:1150px;position:absolute;top:120px;left:50%;margin-left:-605px;}
.banner-btn a{display:block;width:49px;height:104px;position:absolute;top:0;filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;}
.banner-btn a.prev{left:20px;background:url(../images/foot.png) no-repeat 0 0;} 
.banner-btn a.next{right:20px;background:url(../images/foot.png) no-repeat -49px 0;}

.banner-box .hd {position:absolute;top:210px;left:537px;}
.banner-box .hd ul li{width:12px;height:12px;border-radius :50%;text-indent:-9999px;margin-right:20px;background:#ccc;float:left;cursor:pointer;}
.banner-box .hd ul li.on{background:#DA324D;}

.main{ width:930px; margin:auto; padding-left:220px;}
#tab{position:relative; width:930px; height:700px; margin-top:20px;}
#tab .tabList ul { overflow:hidden}
#tab .tabList ul li{
	float:left;
	height:32px;
	line-height:32px;
	width:120px;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	position:relative;
	cursor:pointer;
}
#tab .tabCon{
	position:absolute;
	left:-1px;
	top:32px;
	border-top:none;
	width:930px;
	z-index:-1;
	border-top:#ddd solid 1px;
	
}
#tab .tabCon div{
	padding:10px;
	position:absolute;
	opacity:0;
	filter:alpha(opacity=0);
	
}
#tab .tabList li.cur{
	border-bottom:none;
	background:#fff;
	border-left:#ddd solid 1px;
	border-right:#ddd solid 1px;
	border-top:#ddd solid 1px;
	border-bottom:#fff solid 1px;
	color:#C00
}
#tab .tabCon div.cur{
	opacity:1;
	filter:alpha(opacity=100);
}
#tab .tabCon div{ padding:10px; }
#tab .tabCon div h3{ font-size:20px; color:#C00; line-height:40px; margin-top:10px;}
#tab .tabCon div p{ line-height:22px; color:#888}
.strong{ font-weight:bold; font-size:14px; color:#666; line-height:30px;}
.team{ overflow:hidden;}
.team-con{ width:900px; margin-top:20px; overflow:hidden; border:#dedede solid 1px; background:#f6f6f6; padding:10px; }
.team-con .con-left{ width:460px; float:left; line-height:20px;}
.team-con .con-left p{ margin-bottom:20px;}
.team-con .con-right{width:434px; float:right;}
.jojn-con{width:900px; margin-top:20px; overflow:hidden;}
.jojn-con li{width:415px; float:left; border:#dedede solid 1px; background:#f6f6f6; padding:10px; }
.jojn-con li h3{ font-size:18px; font-weight:bold}
.jojn-con li h4{ font-size:12px; font-weight:bold}
.email{ width:874px; margin-top:20px; overflow:hidden; border:#dedede solid 1px;  background:#f6f6f6; padding:10px;}
/* service-section */
.hyservice{ width:930px; margin-top:40px; overflow:hidden; margin-bottom:20px;}
.hyservice .tit { font-size: 30px; line-height: 50px; color: #333; text-align: center; }
.hyservice .des { font-size: 16px; line-height: 24px; color: #999; text-align: center; margin-bottom:20px; }
.hyservice .consult { text-align: center; margin: 30px 0 35px; }
.hyservice .consult .consult-btn { display: inline-block; padding-left: 22px; background: url(../images/icon-consult.png) no-repeat left center; font-size: 12px; line-height: 24px; color: #666666; }
.hyservice .consult .consult-btn:hover { text-decoration: underline; }
.hyservice .service-list { margin-right: -10px; overflow: hidden; }
.ie6 .hyservice .service-list { zoom: 1; }
.hyservice .service-list-li { float: left; width:220px; height:146px; margin-right:10px; margin-bottom: 10px; }
.hyservice .service-list-li a { display: block; margin-right: 10px; width: 220px; height: 146px;  position: relative; }
.ie6 .hyservice .service-list-li a { zoom: 1; }
.hyservice .service-list-li img { display: block; width: 220px; height: 146px;  -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; }
.ie7 .hyservice .service-list-li img { width: 220px; height: 146px; }
.ie6 .hyservice .service-list-li img { width: 220px; height: 146px; }
.hyservice .service-list-li .name { position: absolute; left: 0; bottom: 0; width: 100%; overflow: hidden; }
.hyservice .service-list-li .name .bg { position: absolute; left: 0; top: 0; width: 220px; height: 146px;  background: #000; opacity: 0.5; filter: alpha(opacity=50); }
.ie6 .hyservice .service-list-li .name { zoom: 1; }
.ie6 .hyservice .service-list-li .name .bg { height: 100px; }
.hyservice .service-list-li .name .text { display: block; position: relative; z-index: 10; font-size: 15px; line-height: 20px; padding: 8px 10px; text-align: center; color: #fff; }
.hyservice .service-list-li a:hover { background: #000; }
.hyservice .service-list-li a:hover img { opacity: 0.7; filter: alpha(opacity=70); }

/* service */
.service{width:930px; margin-top:20px; overflow:hidden; margin-bottom:20px;}
.service .service-t{font-size: 24px; line-height: 40px; border-bottom:#ddd solid 1px;}
.service .service-p{ line-height:20px; padding-top:20px; padding-bottom:20px; padding-left:90px; margin:10px 0; background:url(../images/service-icon.jpg) no-repeat left; }
.service-ul{ overflow:hidden; margin-right:-50px;}
.service-ul li{ float: left; width: 265px; margin-right: 50px; margin-left:10px; margin-bottom: 20px; }
.service-ul .ser-t{ margin:10px 0;}
.service-ul .ser-con{ width:263px; overflow:hidden; padding-bottom:10px; border:#ddd solid 1px;}
.service-ul .ser-con .ser-img{ width:263px; height:194px;}
.service-ul .ser-con .ser-text{ padding:10px; color:#999}
.service-ul li .ser-list { font-size: 14px; padding-left:10px; line-height: 24px; color: #666666; height: 96px; margin-top: 10px; }
.service-ul li .ser-list li { float: none; width: auto; margin: 0; height: 24px; overflow: hidden; }
.service-ul li .con a:hover { text-decoration: underline; }

/* cases*/
.cases ,.news{ width:930px; margin-top:20px; overflow:hidden; margin-bottom:20px;}
.cases .cases-t ,.news .news-t{font-size: 24px; line-height: 40px; border-bottom:#ddd solid 1px;}
.cases .filter{ padding:10px 0; }
.cases .filter dl{ overflow:hidden}
.cases .filter dl dt{ float:left; padding-right:10px; font-size:14px; line-height:24px;}
.cases .filter dl dd{ float:left; }
.cases .filter dl dd a{ display:block; padding:0 20px; font-size:14px; line-height:24px; }
.cases .filter dl dd .select{ background:#d11e37; color:#fff}
.cases .case-list{ margin-top:20px; clear:both; }
.cases .case-list ul{overflow: hidden; margin-right:-30px;}
.cases .case-list li{ float:left; width:213px; margin-right:25px; margin-bottom:25px}
.cases .case-list li .case-img img{ width:213px; height:158px;}
.cases .case-list li .case-bt{ line-height:40px; text-align:center; background:#f5f5f5; height:40px;}
.cases .case-list .btnwrap ,.cases .news-list .btnwrap,.cases .koupei-list .btnwrap{ padding:20px 0; text-align:center}
.cases .case-list .case-more ,.cases .news-list .case-more ,.cases .koupei-list .case-more{display: inline-block;height: 24px;font-size: 18px;line-height: 22px;color: #f9000e;padding-right: 28px;background: url(../images/case-more.gif) no-repeat right center;}

.case-detail{ padding:10px; overflow:hidden}
.case-detail .case-con{ overflow:hidden }
.case-detail .case-con li{ line-height:25px; font-size:14px;}
.case-detail .case-con p{line-height:20px; color:#999; margin-top:10px; font-size:12px;}
.case-detail .case-img{ margin-top:20px;}
.case-detail .case-img p{ padding-bottom:10px;}

/* news*/

.news-list,.koupei-list{ overflow:hidden; }
.news-list dl,.koupei-list dl{ overflow:hidden; padding:20px 0; border-bottom:#dedede solid 1px;}

.news-list dl dd{ width:100px; float:left}
.koupei-list dd{ width:150px; float:left}
.news-list dl dd img{width:100px; height:70px;}
.koupei-list dl dd img{width:155px; height:100px;}
.news-list dl dt{ width:770px;  float:left; margin-left:25px; display:inline; }
.koupei-list dl dt{ width:720px;  float:left; margin-left:25px; display:inline; }
.news-list dl dt h3{ font-weight:bold; line-height:25px;}
.koupei-list dl dt h3{ font-weight:bold; line-height:25px;}
.news-list dl dt .time{ width:100px; font-weight:normal; color:#999999; float:right; text-align:right;}
.news-list dl dt p ,.koupei-list dl dt p{ line-height:18px; color:#666666;}

.news-show{  width:930px; margin: auto; margin-top:20px; overflow:hidden; clear:both; }
.news-show h1{ text-align:center; line-height:50px; font-size:24px;}
.news-show .title-ms{ height:30px; background:#f5f5f5; border-top:#CC0000 solid 1px; text-align:center; line-height:30px; color:#999999}
.news-show .text-contain{ overflow:hidden }
.news-show .text-contain p { padding:10px 0; line-height:20px; font-size:14px;}

.pagelink {
clear: both;
display: block;
font-size: 12px;
font-weight: 400;
height: 30px;
margin: 10px auto;
text-align: center;
}
.pagelink a{
border: 1px solid #A4A4A4;
color: #626262;
display: inline-block;
height: 17px;
line-height: 17px;
padding: 4px 8px;
vertical-align: top;
}

.pagelink b {
background: #D20000;
color: #FFF;
display: inline-block;
height: 19px;
line-height: 19px;
padding: 4px 8px;
vertical-align: top;
}

.contact{ overflow:hidden}
.contact p{ line-height:25px; font-size:14px; padding-bottom:15px;}
.contact h4{ font-size:18px; padding-top:10px; line-height:35px;}