@charset "utf-8";
/* CSS Document */
@import url("common.css");
@import url("right.css");
@import url("foot.css");
.w,.w1{
		width:394px;
		height:283px;
	}
	.w_1,.w1_1{
		width:395px;
		height:137px;
	}
	.w_2,.w1_2,.w2_2,.w_3,.w1_3,.w2_3,.w_5,.w1_5,.w2_5,.w_6,.w1_6,.w2_6,.w_7,.w1_7,.w2_7,.w_8,.w1_8,.w2_8,.w_9,.w1_9,.w2_9{
		width:193px;
		height:135px;
	}
	.w_4,.w1_4,.w2_4{
		width:192px;
		height:283px;
	}
.w,.w_1,.w_2,.w_3,.w_4,.w_5,.w_6,.w_7,.w_8,.w_9{
	
	position:relative;
	overflow:hidden;
}
.w1,.w1_1,.w1_2,.w1_3,.w1_4,.w1_5,.w1_6,.w1_7,.w1_8,.w1_9{
	width:inherit;
	height:inherit;
	position:absolute;
	z-index:2;	
}
.w1{
	background-color:#e40204;
	padding-left:10%;
	padding-top:10%;
}
.w1 a,.w1_1 a,.w1_4 a,.w1_3 a,.w1_2 a{
	font-family:"微软雅黑";
	color:#fff;
	font-weight:bold;
	width:70%;
	display:block;
	line-height:170%;
}
.w1 a{
	font-size:190%;
}
.w1_1 a{
	font-size:160%;
}
.w1_2 a{
	font-size:110%;
}
.w1_3 a{
	font-size:110%;
}
.w1_4 a{
	font-size:160%;
}
.w1_5 a,.w1_6 a,.w1_7 a,.w1_8 a,.w1_9 a{
	font-size:120%;
	font-family:"微软雅黑";
	color:#fff;
	font-weight:bold;
	width:70%;
	display:block;
	line-height:170%;
}
.w2_5 a,.w2_6 a,.w2_7 a,.w2_8 a,.w2_9 a{
	font-family:"微软雅黑";
	width:60%;
	display:block;
	line-height:170%;
}
.w1 a:hover,.w1_1 a:hover,.w1_2 a:hover,.w1_3 a:hover,.w1_4 a:hover,.w1_5 a:hover,.w1_6 a:hover,.w1_7 a:hover,.w1_8 a:hover,.w1_9 a:hover{
	text-decoration:none;
}
.w2,.w2_1,.w2_2,.w2_3,.w2_4,.w2_5,.w2_6,.w2_7,.w2_8,.w2_9{
	background-color:#000; 
	width:inherit; 
	height:inherit; 
	position:absolute; 
	z-index:3;  
	filter:alpha(Opacity=20);-moz-opacity:0.2;
	opacity: 0.2;
	color:#fff;
}
.w2_5,.w2_6,.w2_7,.w2_8,.w2_9{
	top:137px;
	width:193px;
	height:137px;
}

.w a,.w_1 a,.w_2 a,.w_3 a,.w_4 a,.w_5 a,.w_6 a,.w_7 a,.w_8 a,.w_9 a{
	color:#fff;
	text-decoration:none;
	cursor:pointer
}
.w2{
	top:283px;
	width:394px;
	height:283px;
}
.w_1,.w1_1,.w2_1{
	width:395px;
	height:137px;
}
.w1_1{
	background-color:#1478ac;
	padding-left:10%;
	padding-top:10px;
}
.w1_5{
	background-color:#c6395f;
	padding-left:10%;
	padding-top:10px;
}
.w2_5{
	padding-left:10px;
	padding-top:20%;
}
.w1_6{
	background-color:#22ac38;
	padding-left:10%;
	padding-top:10px;
}
.w1_7{
	background-color:#1478ac;
	padding-left:10%;
	padding-top:10px;
}
.w1_8{
	background-color:#c6395f;
	padding-left:10%;
	padding-top:10px;
}
.w1_9{
	background-color:#1478ac;
	padding-left:10%;
	padding-top:10px;
}
.w2_1{
	top:137px;
	width:395px;
	height:137px;
}
.w_2{
	width:193px;
	height:135px;
}
.w1_2{
	background-color:#17a2b7;
	padding-left:10%;
	padding-top:10px;
}
.w2_2{
	top:135px;
	width:193px;
	height:135px;
}
.w_3{
	width:193px;
	height:135px;
}
.w1_3{
	background-color:#22ad38;
	padding-left:10%;
	padding-top:10px;
}
.w2_3{
	top:135px;
	width:193px;
	height:135px;
}
.w_4{
	width:192px;
	height:283px;
}
.w1_4{
	background-color:#17a2b7;
	padding-left:10%;
	padding-top:10px;
}
.w2_4{
	top:283px;
	width:192px;
	height:283px;
}
#pic_c{
}
#banner{
	position:relative;
	width:747px; 
	/*height:325px; */
	height:300px;
	overflow:hidden;
}
#banner_list img {
	border:0px;
	min-height:300px;
	max-width:747px;
	width: expression(this.width > 747 ? 747 : auto);
	height: expression(this.height > 300 ? 300 : auto);
}
#banner_bg {
	position:absolute; 
	bottom:0;
	background-color:#000;
	height:30px;
	filter: Alpha(Opacity=30);
	opacity:0.3;
	z-index:1000;
	cursor:pointer;
	width:747px;
}
#banner_info{
	position:absolute; 
	bottom:5px; 
	left:5px;
	height:22px;
	color:#fff;
	z-index:1001;
	cursor:pointer
}
#banner_text {
	position:absolute;
	width:120px;
	z-index:1002;
	right:3px;
	bottom:3px;
}
#banner ul {
	position:absolute;
	list-style-type:none;
	filter: Alpha(Opacity=80);
	opacity:0.8;
	z-index:1002;
	margin:0; 
	padding:0; 
	bottom:3px; 
	right:5px;
}
#banner ul li {
	padding:0px 4px;
	float:left;
	display:block;
	color:#FFF;
	
	background:background:url(../images/pd_case_09.png) no-repeat;
	cursor:pointer

}
#banner ul li.on {
	background:background:url(../images/pd_case_07.png) no-repeat;
}
#banner_list a{
	position:absolute;
} 
.p_le{
	margin-left:15px;
}
.p_le li{
	height:144px;
	width:212px;
}
.p_le li.call{
	background-color:#313131;
	/*height:150px;*/
	/*height:127px*/
	padding-left:30px;
	/*padding-top:20px;*/
	line-height:28px;

	/*padding-top:27px*/
	font-family:"微软雅黑";
}
.p_le li span{
	display:block;
	font-size:17px;
	font-weight:600;
	color:#fff;
	width:212px;
	/*height:30px;*/
}
.p_le li span.callnum{
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:100;
	line-height:120%
	/*line-height:160%;*/
	/*height:90px;*/
}
.p_le img{
	padding-top:12px;
}
#sizes{
	clear:both;
}
#sizes dl{
	float:left;
	width:239px;
	height:198px;
	background-color:#f0f0f0;
	margin-left:16px;
}
#sizes dl.ol{
	margin-left:0px;
}
#sizes dl dt{
	height:48px;
	background-color:#909090;
	line-height:48px;
	padding-left:15px;
	color:#fff;
	margin-bottom:10px;
}
#sizes dl dd{
	padding-left:15px;
	line-height:150%;
}
#sizes dl dd a{
	font-size:12px;
	font-family:"新宋体";
	color:#666;
}
#sizes dl dd a:hover{
	color:#e40204;
}
#case{
	clear:both;
	padding-top:15px;
}
#case .caseH3 {
	font-weight:500;
	color:#313131;
	border-bottom:1px solid #909090;
	padding-bottom:5px;
	margin:0px auto;
}
#case .caseH3 img{
	margin-left:10px;
}
.case,.case_list{
	width:698px;
}
.case_list li{
	float:left;
	padding-right:14px;
	border-top:1px solid #ddd;
	text-align:center;
	padding-top:18px;
	height:155px;
	line-height:140%;
}
.case_list li a{
	font-size:12px;
	color:#999;
}
.case_list li a:hover{
	color:#e40204;
}
.case_list li.ml{
	padding-right:0px;
}
#right{
	width:280px;
	margin-left:25px;
}
#case .nl{
	border:0px;
	padding-bottom:0px;
}
#case .n2{
	width:262px;
	height:35px;
	background-color:#848484;
	color:#fff;
	padding-left:18px;
	line-height:35px;
}
#case .n2 a{
	font-weight:500;
	color:#fff;
}
#case .n2 a:hover{
	color:#e40204;
}
.thinking,.news{
	clear:both;
	padding-top:15px;
}
.size_case{
	width:280px;
}
.size_case li{
	float:left;
	margin-left:8px;
	margin-top:4px;
	width:136px;
}
.size_case li.ml{
	margin-left:0px;
}
.size_case li a{
	display:block;
	font-size:12px;
	width:116px;
	height:27px;
	color:#666;
	font-family:"新宋体";
	background:url(../images/index_18.gif) no-repeat;
	padding-left:20px;
	line-height:27px;
}
.size_case li a:hover{
	color:#fff;
	background:url(../images/index_21.gif) no-repeat;
	text-decoration:none;
}


.dis{
	width:278px;
	border:1px solid #e6e6e6;
	/*margin-top:15px;*/
	margin-top: 0px;
}
#case .n3{
	padding-left:18px;
	padding-top:16px;
}
.dis ul{
	padding-left:16px;
	font-size:12px;
	color:#999;
	font-family:"宋体";
}
.dis ul {
	width:250px;
	margin-top:15px;
	margin-bottom:20px;
}
.dis ul li{
	line-height:150%;
}
.dis ul li.tr{
	text-align:right;
}
.dis ul li img{
	margin-bottom:5px;
}
.dis ul span.red{
	color:#e40204;
}

#hot{
	clear:both;
	border-top:1px solid #e6e6e6;
}
#hot .hotH3 {
	font-weight:500;
	color:#313131;
	padding-top:15px;
	padding-bottom:15px;
	margin:0px auto;
}
.hot_list{
}
.line_o li{
	float:left;
	height:283px;
	margin-left:11px;
}
.line_o li.ml{
	margin-left:0px;
}
.line_o li dl dd{
	padding-top:8px;
	padding-left:9px;
}
.line_o li dl dd.fl{
	padding-left:0px;
}
.line_t{
	margin-top:10px;
}
.line_t li{
	float:left;
	margin-right:9px;
}
.line_t li.ml{
	margin-right:0px;
}

/*JianJie*/
.JianJie {
	clear: both;
	font-size: 12px;
}

.JianJie img {
	float: left;
	width: 243px;
	height: 153px;
	display: block;
	margin-right: 5px;
}


.aboutus {
	font-size: 14px;
	line-height: 25px;
	color: #666666;
	text-decoration: none;
}
a.aboutus:hover {
	color: #FF0000;
	text-decoration: none;
}
.biaoti {
	font-size: 16px;
	color: #666666;
}
.types{
	width:700px;
	background-color:#e9e9e9;
	height:50px;
}
.types li {
	float:left;
	padding:5px 0px;
	font-size: 16px;
}
.types ul{
	padding-left:10px;
}
.types li a{
	display:block;
	font-size: 16px;
	width:80px;
	height:40px;
	margin-top:0px;
	margin-left:6px;
	padding-left:6px;
	padding-right:6px;
	color:#000000;
	line-height:40px;
	text-align:center;
}
.types li a:hover{
	color:#e40204;
	text-decoration: none;
}
.types li a.on:hover{
	text-decoration:none;
}
.types li a.on{
	background-color:#fff;
}.cptitle {
	font-size: 12px;
	color: #999999;
	text-decoration: none;
}
.news {
	font-size: 14px;
	color: #666666;
	text-decoration: none;
}
.indexz {
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	line-height: 20px;
}
