@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
{
	width:1200px;
	height:2500px;
	margin:0 auto;
}

#main-all{
	position: relative;
	
	
}
#main-headerpic
{
	position: absolute;
	z-index: 2;
	width:auto;
	height: auto;
	left: 8%;
	top:720px;

}
#main-headertip{
	position: absolute;
	z-index: 2;
	left: 10%;
	top: 30%;
	font-family:"Arial","Microsoft YaHei";
	font-size:50px;
	line-height:30px;
	font-weight:bold;
	color: white;
	  text-shadow:0 0 0.2em #f87,
	                -0 -0 0.2em #f87;
}
#main-headertip1{
	position: absolute;
	z-index: 2;
	left: 10%;
	top: 37%;
	font-family:"Arial","Microsoft YaHei";
	font-size:30px;
	line-height:30px;
	font-weight:bold;
	color: white;
	  text-shadow:0 0 0.2em #f87,
	                -0 -0 0.2em #f87;
}
#main-headertip2{
	width: 32%;
	position: absolute;
	z-index: 2;
	left: 10%;
	top: 43%;
	font-family:"Arial","Microsoft YaHei";
	font-size:20px;
	line-height:30px;
	color: white;
	  text-shadow:0 0 0.2em #0055ff,
	                -0 -0 0.2em #0055ff;
}
#main-headertip3{
	position: absolute;
	z-index: 2;
	left: 8.5%;
	top: 700px;
	font-family:"Arial","Microsoft YaHei";
	font-size:20px;
	line-height:30px;
	color: white;
	  text-shadow:0 0 0.2em #ff5500,
	                -0 -0 0.2em #ff5500;
}
#main-header
{
	
	width:100%;
	height:auto;
	margin-top:100px;
	background-image:url(images/bg.jpg);
	background-repeat: no-repeat;
	background-size:contain;
	
}
#main-header img
{
	width:100%;
	height:auto;
}
#main-1-headerpic1,#main-1-headerpic2,#main-1-headerpic3
{
	width:22%;
	height:205px;
	float:left;
	margin-left:10px;
	margin-top:10px;
	position:relative;
	overflow:hidden;
}
#main-1-headerpic1 img,#main-1-headerpic2 img,#main-1-headerpic3 img
{
	transition: all 0.6s; 
	display:block;
	border: 1px solid #D8D8D8;
	height:100%;
}
#main-1-headerpic1 img:hover,#main-1-headerpic2 img:hover,#main-1-headerpic3 img:hover
{
	cursor:pointer;	
	transform: scale(1.1);
}
#main-1-headerpic1 .title,#main-1-headerpic2 .title,#main-1-headerpic3 .title
{
	position:absolute;
	top:165px;
	left:1px;
	width:350px;
	height:40px;
	background:rgba(0,0,0,0.6);
	color:#fff;
	text-align:center;
	padding-top:10px;
	text-shadow:0 0 0.2em #ff5500,
	              -0 -0 0.2em #ff5500;
}
video{
  
    width: 100%;
    height: auto; //尺寸保持原视频大小
    z-index: -10000; //z轴定位，小于0即可
    -webkit-filter: grayscale(20%);
}

#main-1
{

	width:1200px;

	text-align:center;
	padding-top:50px;
	font-family:"Arial","Microsoft YaHei";
	font-size:40px;
	font-weight:bold;
	color:#000000;
}
#main-2
{
	width:1200px;
	height:auto;

}
#main-1 li
{
	list-style-type:none;
	font-family:"Arial","Microsoft YaHei";
	font-size:18px;
	
	line-height:30px;
	font-weight:bold;
}

#main-2 li
{
	list-style-type:none;
	font-family:"Arial","Microsoft YaHei";
	font-size:18px;
	line-height:30px;
	font-weight:bold;
}
#main-1-mid
{
	width:1200px;
	height:auto;
	margin-top:50px;
}
#main-2-mid
{
	width:1200px;
	height:auto;
	margin-top:50px;
}
#main-1-mid1,#main-1-mid2,#main-1-mid3
{
	width:390px;
	height:228px;
	float:left;
	margin-left:10px;
	margin-top:10px;
	position:relative;
	overflow:hidden;
}
#main-2-mid1,#main-2-mid2,#main-2-mid3
{
	width:390px;
	height:228px;
	float:left;
	margin-left:10px;
	margin-top:10px;
	position:relative;
	overflow:hidden;
}
#main-1-mid1 img,#main-1-mid2 img,#main-1-mid3 img
{
	transition: all 0.6s; 
	display:block;
	border: 1px solid #D8D8D8;
	height:100%;
}
#main-2-mid1 img,#main-2-mid2 img,#main-2-mid3 img
{
	transition: all 0.6s; 
	display:block;
	border: 1px solid #D8D8D8;
	height:100%;
}
#main-1-mid1 img:hover,#main-1-mid2 img:hover,#main-1-mid3 img:hover
{
	cursor:pointer;	
	transform: scale(1.1);
}
#main-2-mid1 img:hover,#main-2-mid2 img:hover,#main-2-mid3 img:hover
{
	cursor:pointer;	
	transform: scale(1.1);
}
#main-1-mid1 .title,#main-1-mid2 .title,#main-1-mid3 .title
{
	position:absolute;
	top:188px;
	left:1px;
	width:390px;
	height:40px;
	font-family:"Arial","Microsoft YaHei";
	font-size: 18px;
	font-weight:bold;
	background:rgba(0,0,0,0.6);
	color:#fff;
	text-align:center;
	padding-top:8px;
}
#main-2-mid1 .title,#main-2-mid2 .title,#main-2-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;
}
#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;
}