﻿@font-face{
	        font-family: 'DINPro-Bold';
	        src:url("DINPro-Bold.otf"/*tpa=http://www.wangzhan360.com/fonts/DINPro-Bold.otf*/);
}
*{font-family: "Microsoft YaHei";*font-family:"微软雅黑";margin:0px;padding:0px;}
html {
	_background-image: url(about:blank);
	_background-attachment: fixed;         /* prevent screen flash in IE6 */
	
}

body{
	margin:0px;
	padding:0px;
	font-size:12px;
	overflow-x:hidden;
}
img{max-width:100%;height:auto;border:0px;}
a{
	color:#111111;
	text-decoration:none;
	transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-moz-transition: all .5s;cursor:pointer;
}
a:hover{
	color:#BA0001;
 	text-decoration:none;
	transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-moz-transition: all .5s;
	/*cursor: url(../images/hand2.png),auto !important;*/
}
ul,li{list-style: none;}
.sc {
	border:1px solid #CCCCCC; 
	border-collapse:collapse;
	border-top:0px;
}


#showaa a{
	color:#0033CC;
	text-decoration:underline;
}

.NewsA{
	color:#204E7D;
	font-size:16px;
	font-weight:bold;
	font-family: 'microsoft yahei','微软雅黑';
}
 
.noxiaoshou{
	color:#272727;
	text-decoration:none;
	font-size:14px;
}
.xiaoshou{
	background:url(../images/xiaoshou12.jpg)  no-repeat right; 
	font-size:14px;
}
.xiaoshou a:hover{
	text-decoration:none;
}
.guanggao a{
	color:#333333;
 
}
.guanggao a:hover{
	color:#BE0302;
	font-weight:bold;
}
#bottom a{
	font-size:14px;
}
#bottom{
	 color:#333333;
	font-size:14px;
}
.fixed{ position:absolute; left:0px; top:130px; height:385px;width:100px;background:#F0EEE1;}


.page{text-align:center;margin-top:30px; margin-bottom:20px;}
.page a{border:1px solid #CCC;padding:6px 12px; display:inline-block;color:#000; text-decoration:none; background-color:#FFFFFF;-webkit-border-radius: 4px;
-moz-border-radius: 2px;font-size: 14px;}
.page a:hover{background:#eeeeee;color:#BB0408; text-decoration:none}
.page li{display:inline-block;margin:0 2px;}
.page li.active a{background:#BB0408;color:#fff;border-color:#BB0408;}


.page2{text-align:center;margin-top:20px; margin-bottom:20px;}
.page2 a{margin-left:8px;padding:3px 11px;background:#737373; display:inline-block;color:#ffffff; text-decoration:none;  ;}
.page2 a:hover{background:#eeeeee;color:#ffffff;text-decoration:none}

.yangbanA{
	clear:both;
	background-color:#9B0505; text-decoration:none; padding:4px; border:1px solid #A90404;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	 
}
.yangbanA:hover{
	clear:both;
	background-color:#020101; text-decoration:none; padding:4px; border:1px solid #020101;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	 
}
.yewuClass{
	display:block;
	float:left;
	width:110px;
	line-height:30px;
	background:url(../images/yewu_03.jpg) repeat-x;
	border:1px solid #E6E6E6;
	font-size:15px;
	font-weight:bold;
	color:#222222;
	margin-right:15px;
	text-align:center;
	font-family: 'microsoft yahei','微软雅黑';
}
.yewuClass2,.yewuClass2:hover,.yewuClass:hover{
	display:block;
	float:left;
	width:110px;
	line-height:30px;
	background:url(../images/yewu_05.jpg) repeat-x;
	border:1px solid #D30100;
	font-size:16px;
	font-weight:bold;
	color:#ffffff;
	margin-right:15px;
	text-align:center;
	font-family: 'microsoft yahei','微软雅黑';
	text-decoration:none;
	 
}

#oLiSmall{
	list-style:none;
	position:relative;
	width:200px;
	height:186px;
	text-align:center;
	float:left;
	left:22px;
	font-family: 'microsoft yahei','微软雅黑';
	 
}
#oLiSmall div{
	background: #191919;
	left: -99999px;
	margin: 0;
	filter:alpha(opacity=80);    /* ie5-7  */
        opacity: 0.8;
	padding: 20px 20px;
	text-align:center;
	width:162px;
	position: absolute;
	height:150px;
	margin-left:19px;
	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}
#oLiSmall div p{
	color:#FFFFFF;
	line-height:24px;
	font-size:16px;
	font-family: "Microsoft YaHei","\5fae\8f6f\96c5\9ed1";*font-family:"微软雅黑";
	
}
#oLiSmall div a{
	color:#FFFFFF;
	line-height:24px;
	font-size:12px;
	font-family: "Microsoft YaHei","\5fae\8f6f\96c5\9ed1";*font-family:"微软雅黑";
	
}
#oLiSmall span{
	color:#FFFFFF;
	line-height:24px;
	font-size:12px;
	font-family: "Microsoft YaHei","\5fae\8f6f\96c5\9ed1";*font-family:"微软雅黑";
}
#oLiSmall:hover div{
	left: -20px;
	position: absolute;
}
#oLiSmall img{
	width:200px;
	height:190px;
	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
	margin:0 auto;
}
#oLiSmall .more{
	background-color:#C71207;
	padding:2px;
	padding-left:6px;
	padding-right:6px;
	color:#FFFFFF;
	text-decoration:none;
	font-size:14px;
	z-index:9999px;
	position:relative;
	clear:both;
}
.weiruan{
		font-family: "Microsoft YaHei","\5fae\8f6f\96c5\9ed1";*font-family:"微软雅黑";
		font-size:16px;
		font-weight:bold;
}
.classleftTab {
	background-color:#E1DEDE;
}
.classleftTab:hover{
	background-color:#CC0D09;
	text-decoration:none;
}
.classleftTab:hover a{
	color:#FFFFFF;
	text-decoration:none;
}
.classleftTabB{
	background-color:#CC0D09;
	text-decoration:none;
}
.classleftTabB a{
	color:#FFFFFF;
	text-decoration:none;
}

.navClass{
	display:block;
	float:left;
	font-size:16px;
	text-align:center;
	width:182px;
	color:#000000;
	text-decoration:none;
	line-height:70px;
	font-weight:bold;
	font-family: "Microsoft YaHei","\5fae\8f6f\96c5\9ed1";*font-family:"微软雅黑";
	-webkit-transition:0;
	-o-transition:0;
	-moz-transition:0;
	background:url(../images/navClass.jpg) repeat-x;
	border-right:1px solid #d9d9d9;
}
.navClass:hover{
	display:block;
	float:left;
	font-size:16px;
	text-align:center;
	width:182px;
	color:#ffffff;
	text-decoration:none;
	line-height:70px;
	font-weight:bold;
	font-family: "Microsoft YaHei","\5fae\8f6f\96c5\9ed1";*font-family:"微软雅黑";
	background:url(../images/imghov_02.jpg) repeat-x;
	transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	border-right:1px solid #d9d9d9;
}
.navClass2,.navClass2:hover{
display:block;
	float:left;
	font-size:16px;
	text-align:center;
	width:182px;
	color:#ffffff;
	text-decoration:none;
 
	line-height:70px;
	font-weight:bold;
	font-family: "Microsoft YaHei","\5fae\8f6f\96c5\9ed1";*font-family:"微软雅黑";
	background:url(../images/imghov_02.jpg) repeat-x;
	border-right:1px solid #d9d9d9;
	}
	
.navClass_anli{
	display:block;
	float:left;
	font-size:16px;
	text-align:center;
	width:194px;
	color:#000000;
	text-decoration:none;
	line-height:70px;
	font-weight:bold;
	font-family: "Microsoft YaHei","\5fae\8f6f\96c5\9ed1";*font-family:"微软雅黑";
	-webkit-transition:0;
	-o-transition:0;
	-moz-transition:0;
	background:url(../images/navClass.jpg) repeat-x;
	border-right:1px solid #d9d9d9;
}
.navClass_anli:hover{
	display:block;
	float:left;
	font-size:16px;
	text-align:center;
	width:194px;
	color:#ffffff;
	text-decoration:none;
	line-height:70px;
	font-weight:bold;
	font-family: "Microsoft YaHei","\5fae\8f6f\96c5\9ed1";*font-family:"微软雅黑";
	background:url(../images/imghov_02.jpg) repeat-x;
	transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	border-right:1px solid #d9d9d9;
}
.navClass_anli2,.navClass_anli2:hover{
display:block;
	float:left;
	font-size:16px;
	text-align:center;
	width:194px;
	color:#ffffff;
	text-decoration:none;
 
	line-height:70px;
	font-weight:bold;
	font-family: "Microsoft YaHei","\5fae\8f6f\96c5\9ed1";*font-family:"微软雅黑";
	background:url(../images/imghov_02.jpg) repeat-x;
	border-right:1px solid #d9d9d9;
	}
	
.nav400Class{
	display:block;
	float:left;
	font-size:16px;
	margin-right:2px;
	text-align:center;
	width:169px;
	color:#000000;
	text-decoration:none;
	line-height:43px;
	font-weight:bold;
	font-family: "Microsoft YaHei","\5fae\8f6f\96c5\9ed1";*font-family:"微软雅黑";
}
.nav400Class:hover{
	display:block;
	float:left;
	font-size:16px;
	text-align:center;
	width:169px;
	color:#ffffff;
	text-decoration:none;
	margin-right:2px;
	line-height:43px;
	font-weight:bold;
	font-family: "Microsoft YaHei","\5fae\8f6f\96c5\9ed1";*font-family:"微软雅黑";
	background:url(../images/navBgline_03.jpg) center;
}
.nav400Class2,.nav400Class2:hover{
	display:block;
	float:left;
	font-size:16px;
	text-align:center;
	width:169px;
	color:#ffffff;
	text-decoration:none;
	margin-right:2px;
	line-height:43px;
	font-weight:bold;
	font-family: "Microsoft YaHei","\5fae\8f6f\96c5\9ed1";*font-family:"微软雅黑";
	background:url(../images/navBgline_03.jpg) center;
	}
	
.tanImg{
		border:1px solid #ffffff;
	}
.tanImg:hover{
		border:1px solid #cccccc;
		-webkit-box-shadow:0 0 5px #cccccc;  
		-moz-box-shadow:0 0 5px #cccccc;  
		box-shadow:0 0 5px #cccccc;  
	}

.indexanliClass{
		display:block;
		float:left;
		font-size:12px;
		text-align:center;
		width:60px;
		line-height:25px;
		color:#333;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		background-color:#EAEAEA;
		margin-right:7px;

}
.indexanliClass2,.indexanliClass:hover{
		display:block;
		float:left;
		font-size:12px;
		text-align:center;
		width:60px;
		line-height:25px;
		color:#ffffff;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		background-color:#C1070C;
		margin-right:7px;
		text-decoration:none;

}




.mainbox{
    overflow:hidden;
    position:relative;
}
.flashbox{
   overflow:hidden;
    position:relative;
}
.imagebox{
    text-align:right;position:relative;z-index:999;
}
.bitdiv{display:inline-block;width:18px;height:18px;margin:0 5px 10px 0px;cursor:pointer;float:right;}
.defimg{background-image:url(../images/02.png)}
.curimg{background-image:url(../images/01.png)}



 
.titleAtitle{
	font-size:22px;
	padding-bottom:10px;
	font-family: "Microsoft YaHei","\5fae\8f6f\96c5\9ed1";*font-family:"微软雅黑";
}
.titleAtitle:hover{
	font-size:22px;
	padding-left:10px;
	text-decoration:none;
	padding-bottom:10px;
	font-family: "Microsoft YaHei","\5fae\8f6f\96c5\9ed1";*font-family:"微软雅黑";
	color:#b91103;
}

#demo { 
overflow:hidden;
margin:0px auto;
width: 844px; 
} 
#demo img { 
	border: 1px solid #dfdfdf; 
} 
#demo img:hover{ 
	border:1px solid #b7b7b7;
	-webkit-box-shadow:0 0 6px #999999;  
	-moz-box-shadow:0 0 6px #999999;  
	box-shadow:0 0 6px #999999;  
	z-index:9999;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-moz-transition: all .5s;
 
} 
#indemo { 
float: left; 
width: 900%; 
} 
#demo1 { 
float: left; 
} 
#demo2 { 
float: left; 
}
.aboutDiv{
		line-height:38px;
		background:url(../images/diandian.gif) left no-repeat;
		padding-left:15px; 
		border-bottom:1px dashed #C4C4C4;
}
.ShowDivAbout{
	background-color:#F7F7F7;
	padding:15px;
}
.black_overlay{ 
	display: none; 
	position: absolute; 
	top: 0%; 
	left: 0%; 
	width: 100%; 
	height: 270%; 
	background-color: #111111; 
	z-index:1001; 
	-moz-opacity: 0.8; 
	opacity:.80; 
	filter: alpha(opacity=88); 
} 
.white_content { 
	display: none; 
	position: absolute; 
	top: 75%; 
	left: 15%; 
	width: 70%; 
	border: 6px solid #BC0201; 
	background-color: white; 
	z-index:1002; 
	overflow: auto; 
}
.lingDiv{
	width:52px;
	height:71px;
	position:fixed;
	right:-20px;
	bottom:10px;
}
.lingDiv img{
	filter:alpha(opacity=70);  
	-moz-opacity:0.7;  
	-khtml-opacity: 0.7;  
	opacity: 0.7;  
}
.lingDiv:hover{
	width:52px;
	height:71px;
	position:fixed;
	right:0px;
	bottom:10px;
}
.lingDiv:hover img{
filter:alpha(opacity=1);  
	-moz-opacity:1;  
	-khtml-opacity:1;  
	opacity:1;  
}
.bottomA{
	margin-left:70px;
}
.bottomA p{
	font-size:16px;
	color:#eae8e8;
	margin-bottom:20px;
}

.bottomA a{
	font-size:14px;
	color:#a0a0a0;
	display:block;
	margin-bottom:6px;
	line-height:28px;
	transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-moz-transition: all .5s;
	
 
 
}

.bottomA a:hover{
	font-size:14px;
	color:#CDCDCD;
	display:block;
	line-height:28px;
	width:100%;
	text-decoration:none;
	padding-left:5px;
	margin-bottom:6px;
	
}

.youlian{
	line-height:33px;
	font-size:14px;
	width:1200px;
	margin:0 auto;
	padding-top:25px;
	padding-bottom:15px;
}
.youlian span{
	font-size:14px;
	color:#eae8e8;
	text-decoration:none;
	margin-right:10px;
}
.youlian a{
	font-size:14px;
	color:#868686;
	text-decoration:none;
	margin-right:10px;
}
.youlian a:hover{
	font-size:14px;
	color:#ffffff;
	text-decoration:none;
	margin-right:10px;
}






hr{
	height:1px;border:none;border-top:1px dashed #3c3c3c;
	FILTER: alpha(opacity=100,finishopacity=0,style=1)
}
.topA{
	color:#cd9177;
}
.topA:hover{
	color:#fccb05;
	text-decoration:none;
}
/*2017年夜猫网络CSS样式表*/

.topNew{
	display:block;
	float:left;
	font-size:16px;
	text-align:center;
	width:96px;
	line-height:83px;
	color:#FFFFFF;
 
 
}
.topNew:hover{
	display:block;
	float:left;
	font-size:16px;
	text-align:center;
	width:96px;
	color:#111111;
 
	line-height:83px;
 
	text-decoration:none;
	background-color:#f7f7f7;
 
}


.work2{text-align:center; color:#1f1f1f; font-size:33px; font-weight:bold; padding-top:10px; height:50px;}
.work2 .s1{color:#cdcdcd; font-size:24px; padding:0 5px;  font-family:"宋体";}
.work2 .s2{color:#e62022;}
.work2-des{color:#504f4f; font-size:18px; text-align:center; margin:5px auto; height:30px;}

.cen3{width:1200px; height:auto; margin:0px auto; margin-top:40px;}


.cen3-list_index{float:left; width:222px; height:276px; background:#d51419; border:1px solid #d51419; border-top:1px solid #d51419; margin-right:20px; cursor:pointer;transition: all .5s;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	-moz-transition: all .4s;}
.cen3-list_index .cen3-img{width:222px; text-align:center; padding-top:20px; height:85px;}
.cen3-list_index .cen3-tit{font-size:20px; text-align:center;  color:#ffffff; width:222px; margin:0 auto; height:45px; overflow:hidden}
.cen3-list_index .cen3-tit a{
	font-size:21px; text-align:center;  color:#ffffff; text-decoration:none;
	transition: all 0s;
	-webkit-transition: all 0s;
	-o-transition: all 0s;
	-moz-transition: all 0s;
}
.cen3-list_index  .cen3-des{font-size:12px; text-align:left; color:#ffffff; width:180px; margin:0 auto; line-height:22px; height:80px; overflow:hidden}
.cen3-list_index .indexMore{
		display:block;
		margin:0px auto;
		font-size:14px;
		text-align:center;
		width:90px;
		line-height:28px;
		background-color:#FFFFFF;
		border:1px solid #FFFFFF;
		color:#e62022;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		text-decoration:none;

}



.cen3-list{float:left; width:222px; height:276px; background:#ffffff; border:1px solid #d6d6d6; border-top:1px solid #d6d6d6; margin-right:20px; cursor:pointer;transition: all .5s;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	-moz-transition: all .4s;}
.cen3-list .cen3-img{width:222px; text-align:center; padding-top:20px; height:85px;}
.cen3-list .cen3-tit{font-size:21px; text-align:center; color:#292929; width:222px; margin:0 auto; height:45px; overflow:hidden}
.cen3-list .cen3-tit a{
	font-size:21px; text-align:center;   color:#111111;
}
.cen3-list .cen3-des{font-size:12px; text-align:left; color:#868686; width:180px; margin:0 auto; line-height:22px; height:80px; overflow:hidden}
.cen3-list .indexMore{
		display:block;
		margin:0px auto;
		font-size:14px;
		text-align:center;
		width:90px;
		line-height:28px;
		background-color:#f9f9f9;
		border:1px solid #cacaca;
		color:#868686;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		text-decoration:none;

}

/*首页核心优势*/
.cen{width:1200px; height:370px; margin:0px auto; margin-top:40px; }
.cen-list{float:left; width:283px; background:#ffffff; border:1px solid #f4f4f4; border-top:1px solid #f4f4f4; margin-right:20px; cursor:pointer;transition: all .5s;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	-moz-transition: all .4s;}
.cen-list .cen-img{width:283px; text-align:center; padding-top:20px; height:85px; margin-bottom:22px; margin-top:30px;}
.cen-list .cen-tit{font-size:21px; text-align:center; color:#292929; width:283px; margin:0 auto; height:45px; overflow:hidden}
.cen-list .cen-tit{
	font-size:22px; text-align:center;   color:#111111;
}
.cen-list .cen-des{font-size:14px; text-align:left; color:#868686; width:210px; margin:0 auto; line-height:20px; height:100px; margin-bottom:20px; overflow:hidden}
.cen-list .indexMore{
 
		margin:0px auto;
		font-size:16px;
		text-align:center;
		width:100%;
		line-height:54px;
		background-color:#f9f9f9;
		color:#868686;
		text-decoration:none;

}

.cen-list:hover{
float:left; 
width:283px;
background:#ffffff; 
border:1px solid #d6d6d6;
border-top:1px solid #d6d6d6; 
margin-right:20px; cursor:pointer;
-webkit-box-shadow:0 0 26px #cacaca;  
-moz-box-shadow:0 0 26px #cacaca;  
box-shadow:0 0 26px #cacaca;
margin-top:10px;
	
}
.cen-list:hover .cen-img{
transform: rotateY(360deg);
transition: all 0.5s ease-out;
}

.cen-list:hover .indexMore{
	display:block;
	margin:0px auto;
	font-size:16px;
	text-align:center;
	width:100%;
	line-height:54px;
	background-color:#d7191b;
	color:#ffffff;
	text-decoration:none;


}
.cen-list:hover .cen-tit a{
	font-size:22px; 
	text-align:center;   
	color:#d7191b;
	font-weight:bold;
	text-decoration:none;
}

/*结束*/


.Newindex{
	display:inline-block;
	width:148px;
	height:47px;
	line-height:47px;
	font-size:18px;
	border:1px solid #c6c6c6;
	background-color:#ffffff;
	text-align:center;
	margin-right:20px;
	color:#6d6d6d;	
}
.Newindex2,.Newindex2:hover,.Newindex:hover{
	display:inline-block;
	width:148px;
	height:47px;
	line-height:47px;
	font-size:18px;
	border:1px solid #d51419;
	background-color:#d51419;
	color:#ffffff;
	text-align:center;
	margin-right:20px;
	text-decoration:none;
}

.newDiv_index{
width:540px;
height:65px;
padding:12px;
border:1px solid #e4e4e4;
background-color:#ffffff;
float:left;
margin:0 15px;
margin-bottom:30px;
}
.newDiv_index:hover{border:1px solid #d51419;background-color:#ffffff;}

.newDiv_index:hover .newDiv_index_riqi{
	width:65px;
	height:65px;
	float:left;
	background-color:#d51419;
	text-align:center;
	color:#ffffff;
}

.newDiv_index .newDiv_index_riqi{
	width:65px;
	height:65px;
	float:left;
	background-color:#969393;
	text-align:center;
	color:#ffffff;
}
.riqip1{
	font-size:29px; 
	font-weight:bold; 
	font-family: 'DINPro-Bold';
	padding-top:5px;
	padding-bottom:2px;
}
.riqip2{
	font-size:14px; 
	font-family: 'DINPro-Bold';
}
.newDiv_index_title{
	float:left;
	margin-left:15px;
	height:65px;width:456px;
}

.newDiv_index_title .newDiv_index_title1{font-size:14px;font-weight:bold;margin-top:10px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;}
.newDiv_index_title .newDiv_index_title2{font-size:14px;color:#888888;margin-top: 8px;line-height: 22px;white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;}

.taocan_titleI
{
	font-size:30px;
	font-weight:bold;
	color:#FFFFFF;
	margin-bottom:15px;
}
.taocan_titleI-1
{
	font-size:18px;
	color:#FFFFFF;
}

.taocan_titleI-2
{
	font-size:15px;
	color:#FFFFFF;
	line-height:27px;
}
/*首页案例标题*/
.ind-case{padding:70px 0;}
.ind-casetit{text-align: center;margin:30px 0;overflow: hidden;}

.Case_nav{
	display:inline-block;
	line-height:50px;
	width:158px;
	text-align:center;
	font-size:18px;
	border:1px solid #dfdfdf;
	margin-right:20px;
	color:#111111;
	filter:alpha(opacity=90);    /* ie5-7  */
	opacity: 0.9;
	transition: 0.2s linear;
 	position: relative;
}

.Case_nav2,.Case_nav2:hover,.Case_nav:hover{

	color:#ffffff;
	border:1px solid #d51419;
	text-decoration:none;
	background-color:#d51419;
	margin-right:20px;
	filter:alpha(opacity=100);    /* ie5-7  */
	opacity: 1.0;
}



.pinpaiDiv{
	font-size:22px; 
}
.indexNewA{
color:#565656;
}
.indexNewA:hover{
	padding-left:10px;
}
.NewASpan{
	color:#cdcdcd; font-size:20px; font-family:"宋体";
}
.NewDiv{
	width:100%; 
	margin:0 auto; 
	line-height:32px ; 
	font-size:14px;
}
.NewDiv a:hover{
	text-decoration:none;
}
 
.NewDiv:hover .NewASpan{
	width:100%; 
	margin:0 auto; 
	line-height:32px ; 
	color:#888888; 
	font-size:20px; 
	font-family:"宋体";
}

#oLiSmall_index{
	list-style:none;
	position:relative;
	width:200px;
	height:186px;
	text-align:center;
	float:left;
	left:22px;
	font-family: 'microsoft yahei','微软雅黑';
	 
}
#oLiSmall_index div{
	background: #191919;
	left: -99999px;
	margin: 0;
	filter:alpha(opacity=80);    /* ie5-7  */
    opacity: 0.8;
	padding: 20px 20px;
	text-align:center;
	width:162px;
	position: absolute;
	height:150px;
	margin-left:19px;
 
}
#oLiSmall_index div p{
	color:#FFFFFF;
	line-height:24px;
	font-size:16px;
	font-family: "Microsoft YaHei","\5fae\8f6f\96c5\9ed1";*font-family:"微软雅黑";
	
}
#oLiSmall_index div a{
	color:#FFFFFF;
	line-height:24px;
	font-size:12px;
	font-family: "Microsoft YaHei","\5fae\8f6f\96c5\9ed1";*font-family:"微软雅黑";
	
}
#oLiSmall_index span{
	color:#FFFFFF;
	line-height:24px;
	font-size:12px;
	font-family: "Microsoft YaHei","\5fae\8f6f\96c5\9ed1";*font-family:"微软雅黑";
}
#oLiSmall_index:hover div{
	left: -20px;
	position: absolute;
}
#oLiSmall_index img{
	width:200px;
	height:190px;
	 
	margin:0 auto;
}
#oLiSmall_index .more{
	background-color:#C71207;
	padding:2px;
	padding-left:6px;
	padding-right:6px;
	color:#FFFFFF;
	text-decoration:none;
	font-size:14px;
	z-index:9999px;
	position:relative;
	clear:both;
}
.casediv_index{
	width:220px;
	float:left;
	margin-bottom:25px;
	text-align:center;
	margin-right:15px;
	background-color:#f2f2f2;
	padding-top:10px;
	border:1px solid #f2f2f2;
	overflow:hidden;
 
}
.casediv_index:hover{
	width:220px;
	float:left;
	margin-bottom:25px;
	text-align:center;
	margin-right:15px;
	background-color:#fff;
	padding-top:10px;
	border:1px solid #fff;
	z-index:9999;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-moz-transition: all .5s;
	
	
}
.casediv_index:hover img{
	 
-webkit-transition: all .5s;
-o-transition: all .5s;
-moz-transition: all .5s;
transform: scale(1.2);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
	
}
.casediv_index img{
	 
-webkit-transition: all .5s;
-o-transition: all .5s;
-moz-transition: all .5s;
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
	
}
.fdDiv{
	width:200px;
	height:190px;
	overflow:hidden;
	margin:0px auto;
}
.caseDiv_name{
	text-align:center;
	font-size:14px;
	width:200px;
	margin:0px auto;
	padding-top:10px;
	margin-left:10px;
	float:left;
	padding-bottom:10px;
	
}
.caseDiv_name a{
	color:#424242;
}
.CaseBg{
	background:url(../images/fuwu.jpg) no-repeat;
    filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
	
	
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-moz-transition: all .5s;

}
.bottomlx{
	display:block;
	font-size:14px;
	text-align:center;
	width:350px;
	margin:0px auto;
	font-size:22px;
	color:#ffffff;
	background-color:#d51419;
	line-height:57px;

}
.bottomlx:hover{
	display:block;
	font-size:14px;
	text-align:center;
	width:350px;
	margin:0px auto;
	font-size:22px;
	color:#ffffff;
	background-color:#c8011c;
	line-height:57px;
	text-decoration:none;
}
.zzfwdiv-red{
	width:400px;
	text-align:center;
	padding-top:15px;
	height:154px;
	color:#ffffff;
	font-size:15px;
	float:left;
	background-image:url(../images/product-bg-red.jpg);
}
.zzfwdiv-hui{
	width:400px;
	text-align:center;
	padding-top:15px;
	height:154px;
	color:#454545;
	font-size:15px;
	float:left;
	background-image:url(../images/product-bg-gray.jpg);
}
.zzfwdiv-red  img:hover,.zzfwdiv-hui img:hover{
	transform: scale(0.95);
	-webkit-transform: scale(0.95);
	-moz-transform: scale(0.95);
	-o-transform: scale(0.95);
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-moz-transition: all .5s;
}
.liuchengDiv{
	width:180px;
	margin-right:20px;
	color:#454545;
	float:left;
	text-align:center;
}
.liuchengDiv .liucheng-img{
	text-align:center;
	width:80px;
	height:65px;
	padding-top:15px;
	margin:0px auto;
	background-color:#d51419;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	
}
.liuchengDiv:hover img{
transform: rotateY(360deg);
transition: 0.9s;
}
.liuchengDiv .liucheng-img:hover{
	text-align:center;
	width:80px;
	height:65px;
	padding-top:15px;
	margin:0px auto;
	background-color:#1e1e1e;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-moz-transition: all .5s;
	
}
.liuchengDiv .liucheng-img img{
	height:50px;
	width:50px;
}
.liuchengDiv .liucheng-img:hover img{
	height:52px;
	width:53px;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-moz-transition: all .5s;
}

.liuchengDiv .liucheng-text{
	font-size:18px;
	margin-top:15px;
 
}
.liuchengDiv .liucheng-desc{
	font-size:12px;
	margin-top:9px;
	 
}
.caseCkgd{
	display:block;
	font-size:14px;
	text-align:center;
	width:260px;
	margin:0px auto;
	font-size:22px;
	color:#ffffff;
	background-color:#d6001d;
	line-height:50px;

}
.caseCkgd:hover{
	display:block;
	font-size:14px;
	text-align:center;
	width:260px;
	margin:0px auto;
	font-size:22px;
	color:#ffffff;
	background-color:#d6001d;
	line-height:50px;
	filter:alpha(opacity=80);    /* ie5-7  */
    opacity: 0.8;
	text-decoration:none;
}
.yemao-youshi{
	display:block;
	float:left;
	width:147px;
	text-align:center;
	line-height:30px;
	margin-right:5px;
	color:#666666;
	border:1px solid #cfcfcf;
	background-color:#ffffff;
	/*transition: 0.3s linear;
	position: relative;*/
}

.yemao-youshi2,.yemao-youshi2:hover,.yemao-youshi:hover{
	display:block;
	float:left;
	width:147px;
	text-align:center;
	line-height:30px;
	margin-right:5px;
	color:#ffffff;
	border:1px solid #d51419;
	text-decoration:none;
	background-color:#d51419;
 
}
.leftDiv{
	width:32px;
	line-height:30px;
	padding-top:3px;
	padding-bottom:3px;
	margin-top:2px;
	background-color:#d51419;
	display:block;
	border:0px;
	vertical-align:middle;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
}
.leftDiv2,.leftDiv2:hover,.leftDiv:hover{
	width:32px;
	line-height:30px;
	padding-top:3px;
	padding-bottom:3px;
	margin-top:2px;
	background-color:#0d0d0d;
	display:block;
	border:0px;
	vertical-align:middle;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
	transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-moz-transition: all .5s;
}
.titleDiv{
height: 60px;width: 800px;margin-right: auto;margin-left: auto;font-family: "NotoSansHans",微软雅黑;font-size: 42px;color: #FFFFFF;text-align: center;
}
.descDiv{
 line-height:30px; width: 900px;margin-right: auto;margin-left: auto;font-size: 16px;color: #FFFFFF;text-align: center;padding-top: 15px;
}

.otherDiv{
	width:85px;
	line-height:30px;
	padding-top:3px;
	padding-bottom:3px;
	margin-top:2px;
	background-color:#d51419;
	display:block;
	border:0px;
	vertical-align:middle;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
}
.otherDiv2,.otherDiv2:hover,.otherDiv:hover{
	width:95px;
	line-height:30px;
	padding-top:3px;
	padding-bottom:3px;
	margin-top:2px;
	background-color:#0d0d0d;
	display:block;
	border:0px;
	vertical-align:middle;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
	transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-moz-transition: all .5s;
}
.otherDiv3,.otherDiv3:hover{
	width:85px;
	line-height:30px;
	padding-top:3px;
	padding-bottom:3px;
	margin-top:2px;
	background-color:#0d0d0d;
	display:block;
	border:0px;
	vertical-align:middle;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
	transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-moz-transition: all .5s;
}
.dhstyle{
	background-color:#b91103;
	height:58px; 
	width:100%; 
	border-top:1px solid #a50600
}
 
.dhstyle img{
	border:0px;
}

.dhstyle a{
	display:block;
	line-height:58px;
	color:#FFFFFF;
	text-decoration:none;
	font-size:15px;
	width:112px;
	font-family: "Microsoft YaHei","\5fae\8f6f\96c5\9ed1";*font-family:"微软雅黑";
 	border-right:1px solid #a90903;
}

.dhstyle a:hover{
	display:block;
	line-height:58px;
	color:#e4e4e4;
	font-size:14px;
    font-family: "Microsoft YaHei","\5fae\8f6f\96c5\9ed1";*font-family:"微软雅黑";
	width:112px;
	background-color:#0e0d0d;
	transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-moz-transition: all .5s;
	text-decoration:none;
	border-right:1px solid #0e0d0d;
}
 
 
.naxiekehu{
	 
	line-height:45px;
	height:45px;
	width:400px;
	color:#ffffff;
	float:left;
	font-size:22px;
	background-color:#d51419;
	text-align:center;
	-webkit-border-radius: 38px;
	-moz-border-radius: 38px;
	margin:0 auto;
	margin-top:45px;
	margin-left:40px;
 
}

.naxiekehu2{
	line-height:45px;
	height:45px;
	width:400px;
	color:#ffffff;
	float:left;
	font-size:22px;
	background-color:#292929;
	text-align:center;
	-webkit-border-radius: 38px;
	-moz-border-radius: 38px;
	margin:0 auto;
	margin-top:45px;
	margin-left:40px;
 
}





/*首页全屏开始*/
 
.qpDiv{
	width:1200px;
	overflow: hidden;
	margin:auto;
	
}
.qpDiv li img{
	width: 100%;
	height:100%;
	float:left;
}
.qpDiv li{
	width: 375px;
	height: 236px;
	overflow: hidden;
	float: left;margin:1%;
	position: relative;
	background-color:#eeeeee;
}
.qpzhe{
	position: absolute;
	background: rgba(0,0,0,0.7);
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	text-align: center;
	color: #fff;
	transform: scale(0);
	transition:all 0.5s;
}
.qpDiv li:hover .qpzhe{
    transform: scale(1);
}
.qpzhe h3{
	font-weight: normal;
	font-size: 30px;
	margin-top: 20%;
}
.qpzhe p{
	line-height: 30px;
	font-size:18px;
}
 
 /*首页全屏结束*/
 
 
 
 .Navdiv{
	display:inline-block;
	font-size:20px;
	text-align:center;
	width:240px;
	color:#000000;
	text-decoration:none;
	line-height:70px;
 
	font-family: "Microsoft YaHei","\5fae\8f6f\96c5\9ed1";*font-family:"微软雅黑";
	-webkit-transition:0;
	-o-transition:0;
	-moz-transition:0;
	background:url(../images/navClass.jpg) center repeat-x;
	border-right:1px solid #d9d9d9;
}
.Navdiv:hover{
	display:inline-block;
	font-size:20px;
	text-align:center;
	width:240px;
	color:#ffffff;
	text-decoration:none;
	line-height:70px;
 
	font-family: "Microsoft YaHei","\5fae\8f6f\96c5\9ed1";*font-family:"微软雅黑";
	background:url(../images/imghov_02.jpg) center repeat-x;
	transition: all .1s;
	-webkit-transition: all .1s;
	-o-transition: all .1s;
	-moz-transition: all .1s;
	border-right:1px solid #d9d9d9;
}
.Navdiv2,.Navdiv2:hover{
display:inline-block;
	font-size:20px;
	text-align:center;
	width:240px;
	color:#ffffff;
	text-decoration:none;
	line-height:70px;
	font-family: "Microsoft YaHei","\5fae\8f6f\96c5\9ed1";*font-family:"微软雅黑";
	background:url(../images/imghov_02.jpg) center repeat-x;
	border-right:1px solid #d9d9d9;
	}
	
	
.huoqufangan{
	display:block;
	margin:0 auto;
	font-size:22px;
	text-align:center;
	width:260px;
	line-height:50px;
	border:1px solid #e10000;
	color:#ffffff;
	background-color:#e10000;
	margin-bottom:15px;
	text-decoration:none;
	-webkit-border-radius: 80px;
	-moz-border-radius: 80px;
	margin-top:50px;

}

.huoqufangan:hover{
	display:block;
	margin:0 auto;
	font-size:25px;
	text-align:center;
	width:260px;
	line-height:50px;
	border:1px solid #e10000;
	color:#ffffff;
	background-color:#e10000;
	margin-bottom:15px;
	text-decoration:none;
	-webkit-border-radius: 80px;
	-moz-border-radius: 80px;
	margin-top:50px;
	text-decoration:none;

}
.dibuby{
	width:1200px;
	margin:0 auto;
}
.dibuby p{
	padding-left:50px; 
	height:40px; 
	line-height:40px;
	float:left;
	width:190px;
	 
}

.dibuby p span{
	font-size:16px; 
	color:#d0d0d0; 
 
}
#scroll_div{
	     	width: 1200px;
			line-height: 30px;
			overflow: hidden;
			white-space: nowrap;
 
			margin:0 auto;
			margin-bottom:30px;
			margin-top:10px;
	 
		}
#scroll_begin,#scroll_end {display: inline;}
#scroll_div a{
			color: #878787;
			text-decoration: none;
			font-size:14px;
			margin-right:10px;
		}
#scroll_div a:hover{color: #fff;}


/*弹出的框*/
    .partone{width: 1200px;height: 260px;margin: 0 auto;}
    .oneleft{width: 585px;height: 260px;background: url("part_05.png"/*tpa=http://www.wangzhan360.com/tcimg/part_05.png*/);float: left;}
    .oneright{width: 585px;height: 260px;background: url("part_07.png"/*tpa=http://www.wangzhan360.com/tcimg/part_07.png*/);float: right;}
	
	
    .partone h3{text-align: center;font-size: 33px;font-weight: normal;color: #fff;letter-spacing: 2px;margin-top: 72px;}
    .oneoff{float: right;}
    .onean{width: 140px;line-height: 35px;border: 1px #fff solid;border-radius: 6px;text-align: center;
    	line-height: 35px;font-size: 18px;color: #fff;margin: 0 auto;transition: 0.5s;cursor: pointer;}
    .onean:hover{background: #fff;border: 1px #fff solid;color: #000;}
    .oneform{width: 930px;height: 500px;background: url("bg_8.png"/*tpa=http://www.wangzhan360.com/tcimg/bg_8.png*/); background-color:#ed1c24;position: fixed;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);display: none;z-index: 10;-webkit-transform: translateX(-50%) translateY(-50%);-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);}
    .onebox{width: 822px;height: 394px;border: 1px #fff dashed;margin: 17px auto;padding: 35px;}
    .oneline{width: 1px;height: 55px;background: rgba(255,255,255,0.5);float: left;margin: 7px 20px;}
    .onebox span{font-size: 40px;color: #fff;}
    .onebox input{width: 140px;height: 53px;background: none;outline: none;border: none;text-indent: 1em;font-size: 16px;color: #fff;}
    .onebox form{width: 100%;height: 310px;margin-top: 15px;}
    .onebox textarea{width: 815px;border-radius: 8px;background: none;border: 1px #e7a8aa solid;min-height: 70px;margin-top: 15px;outline: none;font-size: 16px;color: #fff;text-indent: 1em;padding-top: 10px;}
    .onebox form li{float: left;list-style: none;border: 1px #e7a8aa solid;border-radius: 8px;margin-top: 15px;width: 400px;height: 53px;}
    .onebox form li img{float: left;}
    .onebox form li p{float: left;color: #fff;  font-size:16px; line-height:52px;}
    .onebox form li:nth-child(1) input{width: 260px;}
    .onebox form li:nth-child(2) input{width: 280px;}
    .onebox form li:nth-child(3) input{width: 310px;}
    .onebox form li:nth-child(4) input{width: 310px;}
    .onebox form li:nth-child(2),.onebox form li:nth-child(4){float: right;}
    .onebox form button{width: 400px;height: 54px;background: #fff;border-radius: 5px;outline: none;border: none;color: #d32329;font-size: 20px;cursor: pointer;float: right;margin-top: 16px;transition: 0.5s;}
    textarea::-webkit-input-placeholder{
         color: #ababab;  
         font-size: 14px;
    }
    .onezz{width: 100%;height: 100%;background: rgba(0,0,0,0.7);position: fixed;top: 0;left: 0; display:none;}
    #yzmimg{float: right;border-radius:0 5px 5px 0; width:120px; height:53px; text-align:center; background-color:#eeeeee;}
	#yzmimg img{
		width:80px;
		height:30px;
		margin-left:25px;
		margin-top:9px;
	}
    #tj:hover{background: none;border: 1px #fff solid;color: #fff;}
    .oneoff:hover{transform: rotate(360deg);}
    .oneoff{transition: 0.5s;cursor: pointer;}
	.onediv{width: 100%;height: 70px;overflow: hidden;}



/*滚轮出现上面的小导航*/
  .sliderbox{width: 100%;height: 70px;background: #fff;position: fixed;top: -75px;left: 0px;box-shadow: 5px 5px 5px rgba(0,0,0,.2);transition: 0.6s;/*滑动时间*/ z-index:9999}
     .slidernav{width: 1200px;margin: 0 auto;}
	 .divLogo{
	    text-align:left;
		float:left;
		width:334px;
		height:60px;
		padding-top:10px;
	 }
	 .divRight{
	 	width:866px;
		float:left;
		text-align:left;
		line-height:70px;
	 }
	 .divRight a{
	 	font-size:16px;
		width:102px;
		text-align:center;
		color:#333333;
		display:block;
		float:left;
		text-decoration:none;
	 }
	  .divRight a:hover{
	 	font-size:17px;
		width:102px;
		text-align:center;
		color:#de2323;
		display:block;
		float:left;
		text-decoration:none;
	 }
/*结束*/

/*2019新导航开始*/
/* 头部 */
a{text-decoration: none;}
ul{padding: 0px;margin: 0px;}
.header{width: 100%;position: absolute;top: 0px;left: 0px; z-index:100000001}
.headtop{width:100%;height: 30px;border-bottom: 1px #ffffff solid; text-align:center;}
.headbox{width: 1200px;margin: 0 auto;}
.headbox ul li{list-style: none;float: left;font-size: 12px;border-right: 1px #ededed solid;color: #ffffff;opacity:0.7;filter:alpha(opacity=70);margin: 9px 0px;padding: 0 8px;font-family:Verdana, Arial, Helvetica, sans-serif}
.headbox ul li a{color: #ffffff;font-family:Verdana, Arial, Helvetica, sans-serif; opacity:0.7;filter:alpha(opacity=70)}
.headbox ul{float: right;}
.headbox ul li:last-child{border: none;}
.headbox ul li a:hover{color: #d61519; text-decoration:none;}
.headbox ul li img{margin-right: 3px;}
.nav{width: 1200px;height: 105px; margin:0 auto;} 
.nav_logo{float: left;margin-top: 20px}
.nav ul{float: right;margin-top: 40px;}
.nav ul li{float: left;font-size: 16px;list-style: none;margin-left: 30px; padding-bottom: 6px;}
.nav ul li a{color: #ffffff;}
.nav ul li a:hover{color: #eeeeee; text-decoration:none; }
.nav ul li.hover{border-bottom:2px solid #fff;}

/* 弹出层 */
.nav_open{width: 100%;height: 100%;position: fixed;top:0px;left:0px;display:none;display: none; z-index:999999}
.nav_show{display: block;transition: 0.8s;display: block;background: rgba(255,255,255,0.1);}
.white{background: #fff;}
.openlogo{text-align: center;position: relative;top: 10%;height: 12%;}
.openlogo img{height: 100%;width: auto;}
.nav_open ul li{font-size: 24px;list-style: none;float: left;width: 20%;text-align: center;line-height: 80px;}
.nav_open ul li a{color: #404040;padding: 12px;transition: 0.5s;background-position: left bottom;}
.nav_open ul{width: 60%;overflow: hidden;position: relative;top: 20%;margin: 0 auto;}
.nav_open ul li a:hover{background: url("open_07.png"/*tpa=http://www.wangzhan360.com/images/open_07.png*/)center bottom no-repeat;color: #d61519; text-decoration:none}
.openbot{width: 100%;height: 280px;position: absolute;bottom: 3%;text-align: center;}
.openbot h2{font-size: 24px;color: #010101;font-weight: normal;margin-top: 30px;}
.jzlx{width: 900px;background: url("line_15.png"/*tpa=http://www.wangzhan360.com/images/line_15.png*/)center no-repeat;margin-top: 30px; margin:0 auto;}
.jzlx a{padding: 12px 80px;background: #d51419;color: #fff;font-size: 22px;transition: 0.5s;}
.jzlx a:hover{background: #231815; text-decoration:none;}
.openbot h4{font-size: 16px;color: #010101;font-weight: normal;margin-top: 30px;letter-spacing: 3px;}

/* 导航折叠按钮	*/
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:40px; z-index:10000000}
.sp_nav span{display:block;background:#ffffff;width:18px;height:2px;position:absolute;left:10px;transition:all ease 0.35s;}
.sp_nav .sp_nav1{top:0px;}
.sp_nav .sp_nav2{top:6px;width:14px;}
.sp_nav .sp_nav3{top:12px;}
.sp_nav_se  .sp_nav1{top:10px;transform:rotate(45deg);}
.sp_nav_se  .sp_nav2{width:0!important;}
.sp_nav_se  .sp_nav3{top:10px;transform:rotate(-45deg);}
.sp_nav:hover  .sp_nav2{width:18px;}
.span_navcolor{
	background-color:#222222!important;
}
.overDiv{
	overflow:hidden;
}
/*新闻详情页*/
.articleban{
	width: 100%;
	height: 500px;
	background:url("newsbg.jpg"/*tpa=http://www.wangzhan360.com/images/newsbg.jpg*/) top center no-repeat;
	background-color:#181818;
}
.articlebox{
	width: 1200px;
	padding-top: 320px;
	margin:0 auto;
}
.articlebox h2{
	font-size: 38px;
	color: #fff;
}
.articlebox ul li{
	list-style: none;
	float: left;
	font-size: 14px;
	color: #fff;
	margin-right: 30px;
}
.articlebox ul{
	overflow: hidden;
	margin-top: 30px;
}
.artposi{
	float: right;
	font-size: 14px;
	color: #fff;

}

.artposi a{
	color: #fff;
	text-decoration:none;
}
.artposi a:hover{
	color: #fff;
	text-decoration:none;
}
.xx_art{
	width: 1200px;
	margin:0 auto;
	margin-top: 20px;
	overflow: hidden;
}
.xx_l{
	width: 950px;
	float: left;
	padding: 25px;
	background: #fff;
	line-height:32px;
	font-size:15px; 
	color:#5d5d5d
}
.xx_r{
	width: 160px;
	float: right;
}
.xx_r ul li h3{
	font-size: 14px;
	line-height:0px;
}
.xx_r ul li p{
	font-size: 14px;
	margin-top: 2px;
}
.xx_line{
	width: 20px;
	height: 2px;
	background: #d0001c;
	float: left;
	margin-top: 7px;
}
.xx_r ul .onli{
	width: 120px;
	height: 50px;
	background: #d0001c;
	color: #fff;
	padding: 20px;
	margin-bottom:10px;
}
.xx_r ul li .xx_lineon{
	width: 20px;
	height: 2px;
	background: #fff;
	float: left;
	margin-top: 7px;
}
.xx_r ul li{
	width: 90px;
	height: 50px;
	background: #fff;
	list-style: none;
	color: #424242;
	padding: 20px;
	margin-bottom: 10px;
	border: 1px #dbdbdb solid;
	transition: 0.5s;
	float: left;
}
.xx_r ul li:hover{
	width: 120px;
	height: 50px;
	background: #d0001c;
	color: #fff;
	padding: 20px;
}
.xx_r ul li:hover .xx_line{
    background: #fff;
}
.abread{
	width: 1160px;
	overflow: hidden;
	padding: 20px;
	margin:0 auto;
	background: #fff;
	margin-top: 25px;
	padding-bottom:40px;
}
.abreadul h3{
	background:url("hongbian.jpg"/*tpa=http://www.wangzhan360.com/images/hongbian.jpg*/) left no-repeat;
	font-size: 24px;
	font-weight: normal;
	padding-left: 20px;
}
.abreadul{
	width: 45%;
	float: right;
	overflow: hidden;
}
.abreadul ul li{
	font-size: 14px;
	color: #666;
	line-height: 30px;
	list-style:disc;
	list-style-position: inside;
}
.abreadul ul li:hover{
	font-size: 14px;
	color: #d51419;
	line-height: 30px;
	list-style:disc;
	list-style-position: inside;
}
.abreadul ul li a{
	color: #666;
}
.abreadul ul li a:hover{
	color: #d51419;
	text-decoration:none;
}
.abreadul ul li span{
	font-size: 12px;
	color: #ccc;
	float: right;
}
.abreadul ul{
	overflow: hidden;
	margin-left: 15px;
	margin-top: 25px;
}
#ableft{
	float: left;
}
.ab_line{
	width: 1px;
	height: 150px;
	background: #eee;
	float: left;
	margin-left: 60px;
	margin-top: 50px;
}
.webdes{
	width: 1200px;
	overflow: hidden;
	margin:0 auto;
}
.webdes ul li{
	width: 278px;
	height: 98px;
	border: 2px #efefef solid;
	list-style: none;
	float: left;
	text-align: center;
	line-height: 98px;
	color: #0d0c0c;
	font-size: 24px;
	transition: 0.5s;
	margin-left: 24px;
	margin-top: 30px;
	background: #fff;
}
.webdes ul a:nth-child(1) li,.webdes ul a:nth-child(5) li,.webdes ul a:nth-child(9) li{
	margin-left: 0px;
}
.webdes ul li:hover{
	border: 2px #d61519 solid;
	color: #d61519;
}
.artbot{width: 900px;height: 280px;text-align: center;margin-top: 90px;}
.artbot h2{font-size: 24px;color: #010101;font-weight: normal;margin-top: 30px;}
.artbot h4{font-size: 16px;color: #010101;font-weight: normal;margin-top: 30px;letter-spacing: 3px;}

::-webkit-scrollbar{
            width: 6px;
            height: 6px;
        }
        /*滚动条的轨道*/
        ::-webkit-scrollbar-track{
            background: #eee;
        }
        /*滚动条的滑块按钮*/
        ::-webkit-scrollbar-thumb{
            background: #111111;
        }
        /*滚动条的上下两端的按钮*/
        ::-webkit-scrollbar-button{
            height: 0px;
            background-color: #d61519;
        }

/*结束*/

/*新闻列表 */

.xxn_type{text-align: center;
	width:100%;
	margin-bottom:25px;
	line-height:50px;
	height:50px;
	
}
.xxn_type a{
	display:inline-block;
	line-height:48px;
	width:140px;
	text-align:center;
	background-color:#ffffff;
	border:1px solid #ffffff;
	margin-right:7px;
	font-size:16px;
	color:#323232;
}
.xxn_type a:Hover,.xxn_type .ahover{
	display:inline-block;
	line-height:48px;
	width:140px;
	text-align:center;
	border:1px solid #c5001b;
	background-color:#c5001b;
	margin-right:7px;
	color:#ffffff;
	font-size:16px;
}

.xxn_list{
	padding:2.2%;
	background-color:#ffffff;
	margin-bottom:18px;overflow: hidden;
}

.xxn_list:hover{
	padding:2.2%;
	background-color:#ffffff;
	margin-bottom:18px;
	-webkit-box-shadow:0 0 20px #eeeeee;  
	-moz-box-shadow:0 0 20px #eeeeee;  
	box-shadow:0 0 20px #eeeeee;  
}
.xxn_list p{
	margin-top:15px;
	font-size:14px;
	line-height:23px;
	color:#999999;
}
/*结束*/
	
/*首页视频*/
@media only screen and (max-width:1440px) {
.part_video video {
	width: auto!important;
	
}}
.part_video{width: 100%;height:850px;overflow: hidden;position: relative; background-color:#010510;}
.part_video video{width: 100%;}
.zhezhao{
    display: block;
    position: absolute;
    top: 0;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(8,8,9,0.3);
    z-index: 999;
}
.video_text{
	width: 1200px;
	text-align: center;
	margin:0 auto;
	margin-top:330px;
	color: #fff;
	display: none;
}
.video_text h2{
	animation: zuo 1.5s;
	font-size:60px;
	text-shadow: 0 2px 2px #333333;margin:40px 0;
}
.video_text p{
   animation: zuotwo 2s;
   font-size:26px;
   text-shadow: 0 2px 2px #333333;
}
.video_text div{
	animation: zuotwo 3s;
	font-size:18px;
	width:180px;
	height:43px;
	margin:0 auto;
	line-height: 43px;
	
	border:1px solid #ffffff;
	color:#fff;
	margin-top:40px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-moz-transition: all .5s;

}
.video_text div:hover{
	font-size:18px;
	width:180px;
	height:43px;
	margin:0 auto;
	line-height:43px;
	
	background-color:#f20c2b;
	border:1px solid #f20c2b;
	color:#FFFFFF;
	margin-top:40px;
	
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-moz-transition: all .5s;
}


@keyframes zuo{
    0%{
        transform: translate(0px,200px);
        opacity: 0;
       }
    100%{        
        transform: translate(0px,0px);
        opacity: 1;
    }
}
@keyframes zuotwo{
    0%{
        transform: translate(0px,100px);
        opacity: 0;
       }
    50%{
    	transform: translate(0px,100px);
        opacity: 0;
    }
    100%{        
        transform: translate(0px,0px);
        opacity: 1;
    }
}


/*结束*/
/*隐藏logo和导航名字*/
.ydcDiv{
	display:none;
}
/*结束*/
/*常见问题*/

.fanbj{
	width: 950px;
	background: #fff;
	overflow: hidden;
}
.fan_b{
	width: 100%;
	height: 48px;
}
.fan_b li{
	float: left;
	width: 140px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	font-size: 16px;
	cursor: pointer;
	margin-right: 10px;
	background: #f7f7f8;
}
.fan_b li:hover{
	background: #d51419;
	color: #fff;
}
.fan_b .cur{
	background: #d51419;
	color: #fff;
}
.fan_ul{
	width: 950px;
    overflow: hidden;
    margin-top: 10px;
    float: left;
}
.fan_tab{
	width: 1000%;
	position: relative;
}
.fan_ul .fan_title{
	width: 100%;
	height: 46px;
	padding: 0px 45px 0px 30px;
	background: #f7f7f8;
	line-height: 46px;
	box-sizing: border-box;
	margin-top: 10px;
	font-size: 14px;
	color: #555;
	position: relative;
}
.fan_ul .fan_cont{
    width: 100%;
	padding: 20px 30px;
	font-size: 14px;
	color: #5b5b5b;
	box-sizing: border-box;
	line-height: 34px;
	display: none;
	background: #fbfbfb;
	box-shadow: 0 0px 15px #9b9898;
	 
}
.fan_title span{
	width: 46px;
	height: 46px;
	background: url(../images/jia.png);
	display: inline-block;
	position: absolute;
	right: 0px;
	border-left: 1px #fff solid;
}
.current{
	background: #d51419!important;
	color: #fff!important;
}
.current span{
	background: url(../images/jian.png);
}

/*首页常见问题*/


.dynamicbox{width: 100%;overflow: hidden;background: #f5f5f5;padding:50px 0px 20px 0;}
.dynamic{width: 1260px; margin:0 auto;}
.dynamicul li{width: 320px;height: 80px;background: #fff;float: left;margin-left: 30px;padding: 30px;margin-top: 30px;transition: 0.5s;}
.dynamicul li h3{font-size: 18px;margin-bottom: 10px;font-weight: normal; margin-top:0px;}
.dynamicul li p{font-size: 14px;color: #888;line-height: 24px;}
.dynamicul li:hover{transform: translate(0px,-5px);box-shadow: 0px 5px 20px rgba(0,0,0,0.2)}
.dynamicul li:hover h3{color: #c8011c;}
.dynamicul{overflow: hidden;margin-top: 20px;}
.dynamic_more{width: 150px;height: 48px; margin:0 auto;border: 1px solid #dbdbdb;font-size: 14px;text-align: center;line-height: 48px;margin-top: 40px;transition: 0.5s;}
.dynamic_more:hover{background: #c8011c;color: #fff;border: 1px solid #c8011c;}
		
.cehuap{
	display:block;
	float:left;
	font-size:14px;
	text-align:center;
	width:106px;
	line-height:30px;
	color:#a0a0a0;
	border:1px solid #3d3d3d;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	margin-right:16px;
	margin-top:13px;

}
/*相关案例*/
		
.caseView{
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
}
.chakanAl{
	display:block;
	float:left;
	font-size:16px;
	text-align:center;
	width:180px;
	line-height:36px;
	border:1px solid #9b9b9b;
	color:#9b9b9b;
	margin-bottom:15px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
}
.chakanAl2,.chakanAl2:hover,.chakanAl:hover{
	display:block;
	float:left;
	font-size:16px;
	text-align:center;
	width:180px;
	line-height:36px;
	border:1px solid #ffffff;
	color:#ffffff;
	margin-bottom:15px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
}

.shangyige{
	font-size:20px;
	color:#323235;
}
.shangyige:hover{
	font-size:20px;
	color:#e10000;
	text-decoration:none;
}

.xiangguananli{
	float:left;
	width:355px;
	background-color:#ffffff;
	text-decoration:none;
	margin-right:40px;
	margin-bottom:30px;
	padding-bottom:20px;
}

.xiangguananli img{
 
	transition: all .2s;
	-webkit-transition: all 2s;
	-moz-transition: all 2s;
	-o-transition: all 2s;
 
}

.xiangguananli:hover img{
 
	transition: all .2s;
	-webkit-transition: all 2s;
	-moz-transition: all 2s;
	-o-transition: all 2s;
	
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);

}

.xiangguananli .p1{
	font-size:22px; 
	display:block;
	margin-left:20px;
	margin-top:30px;
	margin-bottom:10px;
	text-align:left;
}
.xiangguananli .p2{
	font-size:14px; 
	margin-left:20px;
	margin-top:10px;
	margin-bottom:20px;
	text-align:left;
	color:#666666;
}
.divClass img{
width:95%;
margin:0 auto;
}



.xiangguananli2{
	float:left;
	width:372px;
	background-color:#ffffff;
	text-decoration:none;
	margin-right:40px;
	margin-bottom:30px;
	padding-bottom:20px;
}

.xiangguananli2 img{
 
	transition: all .2s;
	-webkit-transition: all 2s;
	-moz-transition: all 2s;
	-o-transition: all 2s;
 
}
.fenyeA a{
	color:#828282;
}
.fenyeA a:hover{
	color:#d30000;
}

.xiangguananli2:hover img{
 
	transition: all .2s;
	-webkit-transition: all 2s;
	-moz-transition: all 2s;
	-o-transition: all 2s;
	
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);

}

.xiangguananli2 .p1{
	font-size:22px; 
	display:block;
	margin-left:20px;
	margin-top:30px;
	margin-bottom:10px;
	text-align:left;
}
.xiangguananli2 .p2{
	font-size:14px; 
	margin-left:20px;
	margin-top:10px;
	margin-bottom:20px;
	text-align:left;
	color:#666666;
}

/*首页logo跳动*/
.autoimg{animation: 2s scale linear infinite;}
	@keyframes scale{
		0%{
			transform: scale(0.9);
		}
		50%{
			transform: scale(1);
		}
		100%{
			transform: scale(0.9);
		}
	}
/*优势-关于我们Div*/
.ysDivabout{
	font-size:14px; 
	width:340px; 
	float:left; 
	margin-bottom:30px;
	border:1px solid #eaeaea;
	margin-right:20px;
	padding:20px;
}
.ysDivabout span{
	font-size:25px;  
}

.ysDivabout:hover span{
	font-size:25px;
	color:#d51419;  
}
.ysDivabout:hover{
	font-size:14px; 
	width:340px; 
	float:left; 
	margin-bottom:30px;
	border:1px solid #eaeaea;
	margin-right:20px;
	padding:20px;
	color:#d51419;
	-webkit-box-shadow:0 0 30px #eeeeee;  
	-moz-box-shadow:0 0 30px #eeeeee;  
	box-shadow:0 0 30px #eeeeee;  
	z-index:9999;
}


/*首页滚动数字*/
 
.numbbox{width: 1300px;margin: 0 auto;position: relative; z-index:999; margin-top:20px;margin-bottom:90px;}
.numbred a{color:#ffffff;}
.numbred a:hover{color:#eeeeee;}
.numbred{width: 1300px;height: 170px; background:url(../images/gundongbg.jpg) #d90a14;color: #fff;position: absolute;top: -110px;}
.numbli{width: 25%;float: left;text-align: center;}
.numbli p{font-size: 16px;margin: 40px 0px 0px 0px;}
.numbli p span{font-size: 58px;font-family: Microsoft Yahei;}
.numbli h3{font-weight: normal;font-size: 16px;margin: 0;}
/*结束*/


.w1200{width:1200px;margin:auto;}
.link_list{width:1200px;margin:35px auto;}
.link_list ul { margin: 0 auto; overflow: hidden; }
.link_list ul li { width: 20%; float: left; }
.link_list ul li .img2 { overflow: hidden; }
.link_list ul a { display: block; margin: 13px; border: 1px solid #e3e3e3; }
.link_list ul li img { width: 100%; display: block; }
.link_list ul a:hover { background: #000; transform: translateY(-5px); box-shadow: 0 0 20px rgba(0,0,0,0.2); }
.link_list ul a:hover img { /*opacity: 0.95;*/ }

/*----------footer----------*/
.footer { border-top: 4px solid #e81320; background: #19171a; color: #999; position:relative;z-index:10}
.foot { padding: 30px 0; margin: 0 auto; width: 1200px;overflow:hidden;}
.foot .item { width: 33.333%; float: left; }
.add_list { margin-top: 15px; }
.add_list li { padding: 5px 0; line-height: 24px;font-size:14px;}
.item_ewm .ewm { width: 132px;}
.item_ewm .ewm span { display: block; font-size: 16px; color: #fff; margin-top: 15px; }
.item_ewm ul li { width:140px;text-align: center;margin:0 20px; float: left; }
.item_nav .f_nav a { display: inline-block; padding: 0 15px; border-left: 1px solid #39383a; color: #fff; font-size: 15px; }
.item_nav .f_nav a:hover { color: #e81320; }
.item_nav .f_nav a:first-child { border-left: 0; padding-left: 0; }
.item_nav .f_nav { margin-bottom:20px; }
.item_nav .f_tel { font-size: 16px; }
.item_nav .f_tel h3 {margin:0; color: #e81320; font-size: 32px; padding:14px 0; font-weight: normal; }
.item_nav .f_tel a { display: block; width: 126px; line-height: 38px; border-radius: 3px; background: #e81320; color: #fff; text-align: center; }
.item_nav .f_tel a span { display: inline-block; padding-left: 40px; background: url(../images/icon8.png) no-repeat left center; padding-right: 7px; }


.foot_link{width:1200px;margin:auto;line-height:30px;border-top:1px solid #252226;padding:10px 0;font-size:14px;}
.foot_link ul{overflow:hidden;}
.foot_link span{margin-right:20px; display:block; float:left;}
.foot_link .list{ overflow:hidden;}
.foot_link .list li{display:inline-block; margin:0 10px;}
.foot_link .list li a{color:#999}
.foot_link .list li a:hover{color:#e81320}

.foot2 { line-height: 47px; border-top: 1px solid #252226; text-align: center;}


.ind-service{padding-top:60px;}
.ind-new-title{width:1200px;margin:30px auto;text-align: center;}
.ind-new-title li{display: inline-block;
    width: 140px;
    height: 47px;
    line-height: 47px;
    font-size: 18px;
    border: 1px solid #c6c6c6;
    background-color: #ffffff;
    text-align: center;
    margin:9px 9px;
    color: #6d6d6d;cursor: pointer;transition: 0.2s linear;}
.ind-new-title li.hover,.ind-new-title li:hover{display: inline-block;
    border-color:#d51419;
    background-color: #d51419;
    color: #ffffff;font-size: 16px;}
.tab_con{width: 1200px;margin:auto;overflow: hidden;}

/*fenye */
.yema{overflow: hidden;text-align: center;margin:30px 0;}
.yema>li{display:inline-block;margin:0 2px;width:auto;}
.yema>li>a{line-height: 30px;font-size:14px;display: block;background: #ebebeb;padding:2px 14px;box-sizing: border-box;}
.yema li a:hover{background:#d50011;color:#fff;}
.yema li.active a{background:#d50011;color:#fff;}


.about-sum2{width:1200px; margin:60px auto;}
.about-sum2-list{overflow:hidden;margin:30px 0;}
.about-sum2-list li{border-radius:4px;border:1px solid #eee;background: #f9f9f9;padding:20px;float:left;width:520px;height:120px;margin:14px;}
.about-sum2-list li h2{font-size:16px;line-height: 30px; color: #444;}
.about-sum2-list li p{font-size: 14px;line-height:28px;color:#777;margin-top:10px;}
.about-sum2-list li:hover h2{color:#d51419;}
.about-sum2 .p{padding-bottom:30px;}
.about-sum2 .p p{line-height:28px;font-size:14px;color:#666;padding:0 20px;}
.about-sum2 .p p span{font-size:14px;}

.contact{ width: 1200px; margin:40px auto 0 auto;}
.contact .h2{font-size: 16px;color:#0d0d0d;}
.contact .p{font-size: 14px;color:#999; line-height:3;}
.contact-mid{margin:40px 0;}
.contact-mid dl{overflow: hidden;}
.contact-mid dd{ width: 33%;float:left;}
.contact-mid dd img{ margin-bottom: -4px;margin-right: 6px;}
.contact-mid .map{ height: 370px; margin-top:20px;border:#ccc solid 1px;}

.contact-bot{ border-top:1px dashed #cbc9c8;padding:30px 0;margin-top:30px;overflow:hidden;}
.contact-route{ width: 580px;}
.contact-block{margin-top:30px;}
.contact-block .p{line-height: 30px;margin-top:10px;padding-left:2em;}
.contact-block .p p{font-size: 14px;}
.contact-message{ width:560px;}
.form{ overflow: hidden;margin:20px -5px;}
.form .input{ width: 255px; line-height:45px; height: 45px; border:1px solid #d9d9d9;border-radius:6px;font-size: 14px;padding-left:10px;float: left;margin:10px 5px;}
.form .input2{margin-top:10px;width:530px; line-height:30px; height:150px; border:1px solid #d9d9d9;border-radius:6px;font-size: 14px;padding-left:10px;margin-left:5px;}				
.form .btn{ width: 180px; height: 45px; line-height: 45px;text-align: center;font-size:16px;color: #fff;margin:20px auto; background: #d8161e;border-radius:6px;border:1px solid #d1a77d; display: block;}
.fl{float: left;}
.fr{float: right;}

.pc-sum3{ width:1200px; margin:40px auto;}
.pc-sum3-list{ overflow:hidden;margin:30px 0;}
.pc-sum3-list li{ width:280px;float:left; margin:9px; text-align:center;border: 1px solid #eee;}
.pc-sum3-list li h2{ font-size:20px; font-weight:bold; color:#333; margin:20px 15px;}
.pc-sum3-list li .price{ font-size:18px; color:#ff7200; margin-bottom:10px; display:block;}
.pc-sum3-list li .price strong{ font-size:30px; font-weight:normal;}
.pc-sum3-list li p{ font-size:15px; color:#8c8c8c; line-height:26px; padding:0 30px;}
.pc-sum3-list li .btn-zhuanyezixun{ margin:15px 0; display:block;}
.pc-sum3-list li:hover .btn-zhuanyezixun{transform: rotateY(-360deg);transition: 1s;}
.pc-sum3-list li:hover{-moz-box-shadow:0px 2px 5px rgba(0,0,0,.6); -webkit-box-shadow:0px 2px 5px rgba(0,0,0,.6); box-shadow:0px 2px 5px rgba(0,0,0,.6);}

.mainbox{ width:1200px; margin:30px auto 50px auto;}
.main_txt{line-height:210%; font-size:16px; color:#666;}
.main_txt h1{ font-size:28px; text-align:center; line-height:60px; color:#222;}
.main_txt .daodu{ color:#999; text-align:center; line-height:40px;font-size:16px;}
.main_txt .p{ padding:10px 0px; }
.main_txt .p p{line-height:230%; font-size:14px;}
.main_txt .sxp{border-top:1px solid #c5c5b9; margin-top:10px; line-height:32px; padding:5px 0; position:relative;min-height: 40px;}
.main_txt .sxp a{font-size:15px; color:#ed1c24;}
.main_txt .sxp .btn-back{ width:117px;line-height:40px;display:block; position: absolute; top:20px; right:0;text-align:center; background:#ed1c24;}
.main_txt .sxp .btn-back a{ color:#fff;}
