/*头部*/
body {
	background-image: url(../images2017/bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.flash01{
	position: absolute;
    left: 0;
    top: 70px;
    width: 100%;
    height: 750px;
    z-index: 999;
    text-align: center;
	animation-duration:2s;
	animation-delay:3s;
}
.mountain {
	position: absolute;
	bottom: 0;
	background-image: url(../images2017/mountain.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 614px;
	width: 100%;
	z-index: 9;
	animation-duration:3s;
}
.flowers {
	position: absolute;
	background-repeat: no-repeat;
	background-position: center top;
	z-index: 19;
}
.flowers_l{
	background-image: url(../images2017/left_flowers.png);
	height: 354px;
	width: 479px;
	left: 0px;
	top: 50px;
	animation-duration:2s;
	animation-delay:1s;
}
.flowers_r{
	background-image: url(../images2017/right_flowers.png);
	height: 267px;
	width: 365px;
	top: 20px;
	right: 0px;
	animation-duration:2s;
	animation-delay:1.2s;
}



.moji {
	position: absolute;
	left:50%;
	margin-left:-370px;
	top:80px;
	background-image: url(../images2017/moji.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 654px;
	width: 973px;
	z-index: 29;
	animation-duration:1s;
	animation-delay:2.2s;
}

.t{
	display: block;
    height: auto;
    width: 1000px;
    margin-right: auto;
    margin-left: auto;
}

.tt {
	display:block;
	position: absolute;
	background-repeat: no-repeat;
	background-position: center top;
	z-index: 99;
}
.tt_xcth{
	left:50%;
	margin-left:-430px;
	top: 200px;
	background-image: url(../images2017/xcth.png);
	width: 735px;
	height: 330px;
	animation-duration:3s;
	animation-delay:3.2s;
}
.tt_xiang {
	left:50%;
	margin-left:-430px;
	top: 200px;
	background-image: url(../images2017/xiang.png);
	width: 213px;
	height: 322px;
	animation-duration:3s;
	animation-delay:3.7s;
}
.tt_chou {
	left:50%;
	margin-left:-190px;
	top: 273px;
	background-image: url(../images2017/chou.png);
	width: 145px;
	height: 136px;
	animation-duration:3s;
	animation-delay: 5s;
}
.tt_tai {
	left:50%;
	margin-left:-35px;
	top: 267px;
	background-image: url(../images2017/tai.png);
	width: 180px;
	height: 134px;
	animation-duration:3s;
	animation-delay:8s;
}
.tt_hu {
	left:50%;
	margin-left:150px;
	top: 293px;
	background-image: url(../images2017/hu.png);
	width: 151px;
	height: 133px;
	animation-duration:3s;
	animation-delay:8s;
}
.tt_hz {
	left:50%;
	margin-left:330px;
	top: 237px;
	background-image: url(../images2017/hz.png);
	width: 49px;
	height: 94px;
	animation-duration:1s;
	animation-delay:5.2s;
	
}
.tt_xc {
	left:50%;
	margin-left:-125px;
	top: 439px;
	background-image: url(../images2017/xiangchou.png);
	width: 252px;
	height: 18px;
	animation-duration:1s;
	animation-delay:6.5s;
}
.tt_cy {
	left:50%;
	margin-left:-160px;
	top: 490px;
	background-image: url(../images2017/cy.png);
	width: 324px;
	height: 39px;
	animation-duration:1s;
	animation-delay:6.5s;
}
.tt_boat {
	left:50%;
	margin-left:200px;
	top: 430px;
	background-image: url(../images2017/little_boat.png);
	width: 158px;
	height: 125px;
	animation-duration:3s;
	animation-delay:7s;
}
.boat {
	display:block;
	position: absolute;
	left:50%;
	/*margin-left:-480px;*/
	opacity: 0;
	bottom: 85px;
	background-image: url(../images2017/boat.png);
	background-repeat: no-repeat;
	background-position: center top;
	z-index: 999;
	height: 108px;
	width: 150px;
	animation:moveBoat 40s linear 2s infinite;
}

/*移动的小船-S*/
@keyframes moveBoat {
	0%   {
		margin-left:-500px;
		opacity: 0;
	}
	25%  {
		margin-left:-280px;
		opacity: 1;
	}
	50%  {
		margin-left:-60px;
		opacity: 1;
	}
	75%  {
		margin-left:160px;
		opacity: 1;
	}
	100% {
		margin-left:380px;
		opacity: 0;
	}
}


.enter {
	left:50%;
	top: 590px;
	margin-left:-90px;
	bottom: 300px;
	width: 180px;
	height: 59px;
	z-index:9999;
	background-image: url(../images2017/enter.png);
	animation-duration:1s;
	animation-delay:8.5s;
	transition:bottom 0.3s;
	-webkit-transition:bottom 0.3s;
	-moz-transition:bottom 0.3s;
	-ms-transition:bottom 0.3s;
	-o-transition:bottom 0.3s;
}
.enter:hover {
	top: 580px;
}
.title {
	display:block;
	margin-top:200px;
	position:relative;
	width:1000px;
	margin-right:auto;
	margin-left:auto;
	height:auto;
	z-index: 99;
}
.title_xiang {
	position:absolute;
	width: 213px;
	height: 322px;
	left: 60px;
	top: 0;
	background-image: url(../images2017/xiang.png);
}
.title_chou {
	display: block;
	width: 145px;
	height: 136px;
	left: 0;
	top: 0;
	background-image: url(../images2017/chou.png);
}
.title_tai {
	display: block;
	width: 180px;
	height: 134px;
	left: 0;
	top: 0;
	background-image: url(../images2017/tai.png);
}
.title_hu {
	display: block;
	width: 151px;
	height: 133px;
	left: 60px;
	top: 0;
	background-image: url(../images2017/hu.png);
}



/**********************footer**************************/
#dDfooter {
	font-family: "Microsoft YaHei", "寰蒋闆呴粦";
	font-size: 12px;
	color: #fff;
	background-image: url(../images/footed.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	padding-top: 50px;
	padding-bottom: 30px;
}
#dDfooter a {
	color: #fff;
	font-size: 12px;
	text-decoration: none;
 blr: expression(this.onFocus=this.blur());
}
#dDfooter a:hover {
	color: #ff7d00;
}
#dDfooter span {
	text-align: center;
	line-height: 30px;
	height: 30px;
	vertical-align: middle;
	color: #fff;
	font-size: 12px;
	display: block;
}
.dDfootUl {
	width: 498px;
	height: 26px;
	margin:0 auto;
}
.dDfootLi {
	float: left;
	border-right: 1px solid #fff;
	height: 14px;
	width: 70px;
	overflow: hidden;
	text-align: center;
	line-height: 14px;
}
.dDfootLi a {
	padding-bottom: 4px;
	display: inline-block;
}
.dDfootLiBor {
	border: none;
}
/**********************footer end**************************/