@charset "UTF-8";

.conponent , .conponent body, .conponent #sb-site , .metal , .metal body, .metal #sb-site{
	width:100%;
}
 .conponent #mv ,  .metal #mv{
	position:relative;
	width:100%;
 }
 
#pageLink li.li01 .pageImg {
	background-image: url("f_panel_matal.jpg");
}
#pageLink li.li02 .pageImg {
	background-image: url("f_panel_conponent.jpg");
}
#pageLink li.li03 .pageImg {
	background-image: url("f_panel_equipment.jpg");
}
#pageLink li.li04 .pageImg {
	background-image: url("f_panel_assembly.jpg");
}
 

.metal #mv{
	background-image:url("mv_matal.jpg") ;
}
 
.assembly #mv{
	background-image:url("mv_assembly.jpg") ;
}

.catUL li{
	
	float:left;
	width:50%;
}
.catUL li a{background-position:center center;
	background-repeat:no-repeat;
	background-size:auto 150%;
	-ms-behavior: url(backgroundsize.min.htc);
    behavior: url(backgroundsize.min.htc);
	text-align:center;
	display:block;
	padding:130px 10px;
}
.catUL li a .centerBox{
	border:4px solid #fff;
	padding:5px 30px;
	display:inline-block;
	min-width:300px;
}
.catUL li a .centerBox p{
	font-family: 'Raleway', sans-serif , "Microsoft YaHei", sans-serif;
	vertical-align:top;
	color:#fff;
	font-size:300%;
	font-weight:900;
	text-align:center;
}
.catUL li a .centerBox h4{
	vertical-align:top;
	color:#fff;
	font-size:100%;
	text-align:center;
}
.catUL li.li01 a{
	background-image:url("metal.jpg");
}
.catUL li.li02 a{
	background-image: url("component.jpg");
}
.catUL li.li03 a{
	background-image: url("equipment.jpg");
}
.catUL li.li04 a{
	background-image: url("assembly.jpg");
}

.catUL li a:hover{
	background-size:auto 180%;    
	-ms-behavior: url(backgroundsize.min.htc);
    behavior: url(backgroundsize.min.htc);
}
.specDiv{
	background:url("zu.jpg") no-repeat center center;
	background-size:cover;
	-ms-behavior: url(backgroundsize.min.htc);
    behavior: url(backgroundsize.min.htc);
	padding:100px 0;
}
.specDiv .tbl_1{
	margin:0 auto;
	max-width:800px;
}


.qcdDL {
	border-bottom:3px dotted #ccc;
	margin-bottom:20px;
	padding-top:20px;
}
.qcdDL dt{
	float:left;
	width:350px;
}
.qcdDL dd{
	float:left;
	width:350px;
}
.imgUL li a img{
	width: 100%;
	height:275px;
}