@font-face {
	font-family: 'microsoft yahei','微软雅黑';
} 
body{
	margin:0px;
	padding:0px;
	font-size:12px;
	font-family: 'microsoft yahei','微软雅黑';
	color:#585858;
 
	background:url(http://www.cs-bn.com/images/nav_03.jpg) center no-repeat;
}

a{
	color:#1f1f22;
	text-decoration:none;
}
a:hover{
	color:#080808;
	transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-moz-transition: all .5s;
}
.topNav{
	display:block;
	float:left;
	text-align:center;
	width:99px;
	line-height:90px;
	color:#ffffff;
	font-size:16px;


}
.topNav:hover{
	display:block;
	float:left;
	text-align:center;
	width:99px;
	line-height:90px;
	color:#ffffff;
	font-size:17px;
	transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-moz-transition: all .5s;

 
 

}
.topDiv:hover{
	background-color:#222222;
	transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-moz-transition: all .5s;
}
.topDiv{
	transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-moz-transition: all .5s;
}
.zhihuiDiv{
	width:366px;
	float:left;
	margin-right:50px;
	background-color:#1f1f22;
}
	
.zhihuiDiv .zhihuiDiv-a{
	font-size:22px;
	color:#FFFFFF;
	display:block;
	margin-bottom:20px;
}
.zhihuiDiv:hover{
	width:366px;
	float:left;
	margin-right:50px;
	background-color:#000000;
}
.zhihuiDiv img{
	transition: all .5s;
	-webkit-transition: all 2s;
	-moz-transition: all 2s;
	-o-transition: all 2s;
}
.zhihuiDiv:hover img{
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
}

.bottomAbig{
	font-size:22px;
	color:#9b9a9a;
	display:block;
	width:100%;
	line-height:45px;
}
.bottomAbig:hover{
	font-size:22px;
	color:#9b9a9a;
	display:block;
	width:100%;
	line-height:45px;
	text-decoration:none;
}
.bottomAsmall{
	font-size:14px;
	color:#757575;
	display:block;
	width:100%;
	line-height:35px;
	text-decoration:none;
}
.bottomAsmall:hover{
	font-size:14px;
	color:#9b9a9a;
	display:block;
	width:100%;
	line-height:35px;
	padding-left:5px;
	text-decoration:none;
	transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	-moz-transition: all .3s;
}

.neiMenu{
	display:block;
	float:left;
	text-align:center;
	width:150px;
	line-height:50px;
	color:#333333;
	font-size:16px;
}
.neiMenu2{
	display:block;
	float:left;
	text-align:center;
	width:120px;
	line-height:50px;
	color:#333333;
	font-size:22px;
 
 
 
}


.page{text-align:center;margin-top:20px; }
.page a{
border:1px solid #515151;
margin-left:10px;padding:6px 12px;
background-color:#ffffff;color:#515151;
text-decoration:none;
font-size:14px;
margin-top:20px;
}
.page a:hover{background:#000000;border:1px solid #000000;color:#ffffff; }

.appleClass2{
	font-size:22px;
 
	color:#333333;	
}
.righta{
	color:#686868;
}


.showTable{
	background-color:#ffffff;
	margin-right:29px;
	margin-bottom:30px;
	-webkit-box-shadow:0 0 26px #cccccc;  
	-moz-box-shadow:0 0 26px #cccccc;  
	box-shadow:0 0 26px #cccccc;  
	z-index:9999;
	background-color:#f4f4f4;
	transition: all .1s;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	
 
}
.showTable:hover{
	-webkit-box-shadow:0 0 26px #cccccc;  
	-moz-box-shadow:0 0 26px #cccccc;  
	box-shadow:0 0 26px #cccccc;  
	z-index:9999;
	background-color:#f4f4f4;
	transition: all .1s;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	
}
.showTable img{
	 
	transition: all .2s;
	-webkit-transition: all 2s;
	-moz-transition: all 2s;
	-o-transition: all 2s;
}
.showTable:hover img{
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	transition: all .2s;
	-webkit-transition: all 2s;
	-moz-transition: all 2s;
	-o-transition: all 2s;
}

.showTable .showTable_name{
	font-size:16px;
	font-weight:bold;
	display:block;
	
	background:url(../image/index_06.jpg) bottom  center no-repeat;
	padding-bottom:19px;
}
.showTable:hover .showTable_name{
font-size:16px;
	font-weight:bold;
	display:block;
	
	background:url(../image/index_06.jpg) bottom  center no-repeat;
	padding-bottom:19px;
}
.showTable .showTable_more{
	display:block;
	font-size:14px;
	width:110px;
	margin:0px auto;
	color:#fff;
	padding:5px;
	line-height:26px;
	background-color:#4c4c4c;
	text-align:center;
	border:1px solid #4c4c4c;
	margin-top:10px;
}
.showTable:hover .showTable_more{
	display:block;
	font-size:14px;
	width:110px;
	margin:0px auto;
	color:#333;
	padding:5px;
	line-height:26px;
	background-color:#1d1d1d;
	text-align:center;
	border:1px solid #1d1d1d;
	margin-top:10px;
	color:#ffffff;
}



.productDiv{
width:260px; float:left; text-align:center; margin-bottom:20px; 
background-color:#ffffff;
border:1px solid #e5e5e5;
padding-bottom:15px;
}
.productDiv:hover{
width:260px; float:left; text-align:center; margin-bottom:20px; 
background-color:#ffffff;
border:1px solid #e5e5e5;
padding-bottom:15px;
-webkit-box-shadow:0 0 26px #cccccc;  
	-moz-box-shadow:0 0 26px #cccccc;  
	box-shadow:0 0 26px #cccccc;  
}

.productDiv a{
	font-size:16px;
}


.pro-ckgd,.pro-ckgd:hover{
	display:block;
	padding:6px;
	float:left;
	background-color:#212121;
	color:#FFFFFF;
	width:70px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	margin-right:10px;
	text-align:center;
}
.pro-ckgd2:hover,.pro-ckgd2{
 
	
	display:block;
	padding:6px;
	float:left;
	background-color:#f7a51b;
	color:#FFFFFF;
	width:70px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	margin-right:10px;
	text-align:center;
}

.productDiv .fdImg{
	transition: all .5s;
    -webkit-transition: all 2s;
    -moz-transition: all 2s;
    -o-transition: all 2s;
}
.productDiv:hover .fdImg{
  transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);

}


#xq_box1_tel {  height:43px; line-height:50px; font-size:22px; color:#666666}
#xq_box1_tel span { color:#171717; }
#xq_box1_name {    line-height:34px; font-size:22px; color:#171717; }
#xq_box1_bot { width:118px; height:33px; background:#171717;   display:block; line-height:33px; font-size:16px; color:#ffffff; text-align:center;}
.CaseContent img{
	margin-bottom:10px;
}


.tingcheA{
	display:block;
	float:left;
	font-size:16px;
	text-align:center;
	width:230px;
	line-height:58px;
	color:#333333;
	text-decoration:none;
	background-color:#efefef;
	margin-right:15px
}

.tingcheA2,.tingcheA2:HOVER,.tingcheA:hover{
	display:block;
	float:left;
	font-size:16px;
	text-align:center;
	width:230px;
	line-height:58px;
	color:#fff;
	text-decoration:none;
	background-color:#323232;
	margin-right:15px
}



.ckgd{
	display:block;
	padding:6px;
	float:left;
	background-color:#ffffff;
	color:#666666;
	width:110px;
	margin-right:10px;
	text-align:center;
	line-height:20px;
	height:20px;
	border:1px solid #666666;
	font-size:14px
}
.ckgd:hover{
		display:block;
	padding:6px;
	float:left;
	background-color:#434343;
	color:#ffffff;
	width:110px;
	margin-right:10px;
	text-align:center;
	line-height:20px;
	height:20px;
	border:1px solid #434343;
	font-size:14px
}
.ckgd2:hover,.ckgd2{
	display:block;
	padding:6px;
	float:left;
	background-color:#f7a51b;
	color:#FFFFFF;
	width:80px;
	margin-right:10px;
	text-align:center;
}


.casetableDiv{
	background-color:#f9f9f9;
	border:1px solid #f9f9f9;
	transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-moz-transition: all .5s;
}
.casetableDiv:hover{
	background-color:#fff;
	border:1px solid #fff;
	
	-webkit-box-shadow:0 0 26px #cccccc;  
-moz-box-shadow:0 0 26px #cccccc;  
box-shadow:0 0 26px #cccccc;  
z-index:9999;

}
.casetableDiv  .oimgdiv{
	transition: all .5s;
    -webkit-transition: all 2s;
    -moz-transition: all 2s;
    -o-transition: all 2s;
}
.casetableDiv:hover  .oimgdiv{
  transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);

}

.imghover:hover{
filter:alpha(opacity=80);    /* ie5-7  */
opacity: 0.8;
 
 
}


ul,li,h3,p{margin:0;padding:0;list-style-type:none;}/*清楚内外默认边距*/
.lanren{width:1200px; overflow:hidden;margin:0px auto;  margin-top:30px;}
.lanren ul li{width:285px;height:233px;float:left;margin:0 15px 15px 0;position:relative;overflow:hidden;cursor:pointer;}
.lanren ul li img{
	transition: all .5s;
    -webkit-transition: all 2s;
    -moz-transition: all 2s;
    -o-transition: all 2s;
	width:285px;
	height:233px;
}
.lanren ul li:hover img{
  transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);

}
.lanren .txt{width:285px;height:45px; background:url(../image/1px.png) repeat;position:absolute;left:0;bottom:0;color:#fff;font-family:"微软雅黑";}
.lanren .txt h3{font-size:16px;font-weight:100;height:45px;text-align:center;line-height:45px;}
.lanren .txt p{font-size:14px;text-align:center; padding:10px;}