@charset "utf-8";
/* CSS Document */

#hydbox
{
	width:100%;
}
#top
{
	width:100%;
	height:100px;
	background:#000;
	position:fixed;
	top:0px;
	z-index:9999;
}
#top-header
{ 
	width:1200px;
	height:auto;
	margin:0 auto;
}
#top-header-logo
{
	width:260px;
	height:100px;
	float:left;
}
#top-header-menu
{
	width:920px;
	height:50px;
	float:left;
	margin-top:25px;
	margin-left:20px;
}
#top-header-menu li
{
	list-style-type:none;
	width:150px;
	height:35px;
	float:left;
	padding-top:15px;
	padding-left:80px;
	color:#fff;
}
#top-header-menu li:hover
{
	cursor:pointer;
	color:#17aae8;
}
#main-header
{
	width:100%;
	height:auto;
	margin-top:100px;
	overflow:hidden;
}
#main-header img
{
	width:100%;
	height:auto;	
}
#main
{
	width:1200px;
	height:1200px;
	margin:80px auto;
}
#main-1
{
	float:left;
	width:600px;
	height:340px;
	overflow:hidden;
}
#main-1 img,#main-3 img
{
	width:100%;
	height:100%;
}
#main-2
{
	float:right;
	width:500px;
	height:730px;
	margin-left:50px;
}
#main-2 li
{
	list-style-type:none;
	font-family:"Arial","Microsoft YaHei";
	font-size:18px;
	line-height:30px;
	font-weight:bold;
}
#main-3
{
	float:left;
	width:600px;
	height:340px;
	margin-top:50px;
	overflow:hidden;
}
#main-4
{
	float:left;
	margin-top:100px;
	width:100%;
	height:100px;
	text-align:center;
	font-family:"微软雅黑";
	font-size:50px;
	font-weight:100;
	color:#000;
	padding-top:25px;

}
#main-5
{
	width:1200px;
	height:auto;
	margin-top:50px;
}
#main-5-mid1,#main-5-mid2,#main-5-mid3
{
	width:390px;
	height:228px;
	float:left;
	margin-left:10px;
	margin-top:10px;
	position:relative;
	overflow:hidden;
}
#main-5-mid1 .title,#main-5-mid2 .title,#main-5-mid3 .title
{
	position:absolute;
	top:188px;
	left:1px;
	width:390px;
	height:40px;
	background:rgba(0,0,0,0.6);
	color:#fff;
	text-align:center;
	padding-top:10px;
}
#main-5-mid1 img,#main-5-mid2 img,#main-5-mid3 img
{
	transition: all 0.6s; 
	display:block;
	border: 1px solid #D8D8D8;
	height:100%;
}
#main-5-mid1 img:hover,#main-5-mid2 img:hover,#main-5-mid3 img:hover
{
	cursor:pointer;	
	transform: scale(1.1);
}
#bottom
{
	clear:both;
	width:100%;
	height:150px;
	background:#000;
	margin-top:100px;
	display:block;
}
#bottom-mid
{
	width:1200px;
	height:120px;
	margin:15px auto;
}
#bottom-mid-left
{
	float:left;
	width:300px;
	height:90px;
	margin-top:20px;
}
#bottom-mid-center
{
	float:left;
	width:400px;
	height:90px;
	margin-top:20px;
}
#bottom-mid-right
{
	float:left;
	width:250px;
	height:90px;
	margin-top:20px;
	padding-left:40px;
	
}
#bottom-mid-right-a
{
	float:left;
	width:110px;
	height:100px;
	margin-top:25px;
	padding-left:90px;
}
#bottom-mid-left img
{
	float:left;
	margin-left:0px;
}