@charset "utf-8";
/* CSS Document */
div,body,ul{
	margin:0;
	padding:0;
}
h2{
	margin:0;
}
li{
	list-style:none;
}
#con_banner{
	background:url(/Public/dfhm/images/con_banner.jpg) no-repeat center center;
	height:669px;
}
#style{
	background:url(/Public/dfhm/images/style_bg.jpg) no-repeat center center;
	height:780px;
}
#style_content{
	width:1200px;
	margin:0 auto;
}
#style_content h2, #configure_content h2,#science_content h2,#adv_content h2,#Designer_content h2,#service_content h2{
	width:442px;
	font-size:50px;
	font-weight:normal;
	text-align:center;
	margin:0 auto;
	padding-top:80px;
}
#style_content h2 span, #configure_content h2 span,#science_content h2 span,#adv_content h2 span,#Designer_content h2 span,#service_content h2 span{
	display:block;
	font-size:14px;
	color:#d30000;
	margin-top:14px;
}
.major-adv-con li{
	float:left;
	margin-right:4px;
	position:relative;
	width:294px;
	height:398px;
}
.major-adv-con li a{
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:374px;
}
.major-adv-con li a .list_mask{
  position: absolute;
  width: 294px;
  height: 398px;
  top: 0;
  left: 0;
  display: block;
  z-index: 4;
  background:#000;
  opacity:0;
 transition: all 1s linear;
 }
.major-adv-con li a img{
	transition: all 1s linear;
 }
.major-adv-con li a:hover > img{
	 transform: scale(1);
}
.major-adv-con li a:hover > .list_mask{
	 opacity:0.6;
	 transform: scale(1);
}
.major-adv-con .s1,.s3{
	margin-top:56px;
}
.major-adv-con .s2,.s4{
	margin-top:119px;
}
.list_mask h6{
	width:127px;
	height:23px;
	margin:108px auto 0 auto;
}
.list_mask p{
	padding:0 45px;
	font-size:14px;
	color:#fff;
	line-height:34px;
}
.list_mask span{
	width:5px;
	height:5px;
	display:block;
	background:#fff;
	border-radius:50%;
	margin:16px auto 0 auto;
}
#configure_content{
	width:1200px;
	margin:0 auto;
}
#configure_content h2{
	width:550px;
}
#configure_content .butt{
	width:572px;
	margin:0 auto;
}
#configure_content .butt span{
	float: left;
	width:162px;
	height:38px;
	font-size:18px;
	color:#333333;
	text-align:center;
	line-height:38px;
	border:1px solid #a6a6a6;
	border-radius:3px;
	margin:40px 12px 46px 12px;
	cursor:pointer;
}
.tabsCon div{
	display: none;
}
#configure_content .butt .btn_active{
	background: #e81a07;
}
#configure_content .butt .btn_active{
	color:#fff;
}
#configure_content .butt .input1:nth-child(4){
	margin-right:0;
}
#configure_content .imgbox{
	display: block;
	margin-top:50px;
}

#science{
	background:#f8f8f8 url(/Public/dfhm/images/science_bg.jpg) no-repeat center bottom;
	height:1729px;
}
#science_content{
	width:1200px;
	margin:0 auto;
}
#science_content h2{
	width:530px;
}
#science_content h2 span{
	margin-bottom:34px;
}
#science_content div{
	margin-bottom:100px;
	}
#adv_content{
	width:1200px;
	margin:0 auto;
}
.adv_img{
	margin-bottom:40px;
}

#Designer{
	background:url(/Public/dfhm/images/des_bg.jpg) no-repeat center center;
	height:822px;
}
#Designer_content{
	width:1200px;
	margin:0 auto;
}
.des_img{
	margin-top:54px;
}
#service{
	height:500px;
	background:#532d2d;
}
#service_content{
	width:1200px;
	margin:0 auto;
}
#service_content h2{
	color:#fff;
}
.ser_img{
	margin-top:45px;
}

#imgshow_mask{
	width:100%;
	position:absolute;
	z-index:1;
	height:27px;
}
#imageShow{
	clear:both;
	border-bottom:1px solid #fff;
}
#imageShow .imagebg{
	height:700px;
	overflow:hidden;
	position:relative;
}
#imageShow .imagebg li{
	height:700px;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	display:block;
	filter:alpha(opacity=0);
	opacity:1;
}
#imageShow .imagebg li a.bannerbg_main{
	width:100%;
	position:absolute;
	top:0;
	right:0;
	height:700px;
	display:block;
}
.scroll{
	margin:0 auto;
	width:960px;
	position:relative;
}
.s_pre, .s_next{
	display:block;
	width:28px;
	height:29px;
	position:absolute;
}
a.s_pre{
	background:url(/Public/dfhm/images/works/arrow_l.png);
	top:-80px;
	right:96px;
}
a.s_pre:hover{
	background:url(/Public/dfhm/images/works/arrow_l_on.png);
}
a.s_next{
	background:url(/Public/dfhm/images/works/arrow_r.png);
	top:-80px;
	right:0;
}
a.s_next:hover{
	background:url(/Public/dfhm/images/works/arrow_r_on.png);
}
.outScroll_pic{
	margin-left:70px;
	overflow:hidden;
	position:relative;
	width:822px;
	top:2px;
}
.outScroll_pic .scroll_pic{
	position:absolute;
}