*{ margin:0; padding:0; }
li { list-style:none; }
a { text-decoration:none; }
img { border:none; vertical-align:top; }
input{ outline:none; }
.clear{
	clear: both;
}
html{
	background: url(../img/bg.png) repeat;
}
.content{
	width: 990px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}
.top{
	height: 524px;
	position: relative;
}
.box{
	position: relative;
    z-index: 1;
}
.popImg{ 
	    position: absolute;
    z-index: 8;
    width: 761px;
    height: 369px;
    top: 101px;
    left: 15px;
}
.popImg a{
	  width: 761px;
    height: 369px;
	display:block;
}
.nav{
	width: 195px;
	height: 388px;
	background: url(../img/navBg.png) no-repeat;
	position: absolute;
	top: 109px;
	z-index: 8;
}
.nav>ul{
	width: 115px;
	height: 346px;
	position: absolute;
	top: 27px;
	left: 40px;
}
.nav>ul>li{
	font-size: 17px;
	height:32px;
	line-height: 32px;
	border-bottom: 1px dashed #bea174;
	position: relative;    text-align: center;
}
.nav>ul>li>a{
	color: #452600;
}
.nav .maxUl{
	    background: #fdcd98;
    left: 100px;
    position: absolute;
    top: 1px;
    padding: 10px;
    border-radius: 10px;
    width: 108px;
    display: none;
    z-index: 8;
}
.nav .maxUl li{
	
}
.nav .maxUl li a{
	
}
.topSlide{
	position: absolute;right: 0;
	width: 808px;
	height: 524px;z-index: 7;
}
.sliderMark{
	position: absolute;
    top: 0;
    left: 0;
    z-index: 7;
}
.lunbo{
	 position:absolute;    width: 761px;    top: 101px;
    left: 17px;
    height: 369px;overflow:hidden;z-index: 6;
}
.slideBox{width: 761px; height: 369px; }
.slideBox ul.items{ position:absolute; float:left; background:none; list-style:none; padding:0px; margin:0px;}
.slideBox ul.items li{ float:left; background:none; list-style:none; padding:0px; margin:0px;}
.slideBox ul.items li a{ float:left; line-height:normal !important; padding:0px !important; border:none;}
.slideBox ul.items li a img{ margin:0px !important; padding:0px !important; display:block; border:none;    width: 761px;
    height: 369px;}
.slideBox div.tips{ display: none; position:absolute; bottom:0px; width:100%; height:25px; background-color:#000; overflow:hidden;}
.slideBox div.tips div.title{    width: 186px;
 position:absolute; left:0px; top:0px; height:100%;}
.slideBox div.tips div.title a{ color:#FFF; font-size:13px; line-height:25px; margin-left:10px; text-decoration:none; height:25px; overflow:hidden; white-space:nowrap;text-overflow:ellipsis; display:block; font-family: "微软雅黑";}
div.nums{     position: absolute;
      	    position: absolute;
    right: 360px;
    bottom: 10px;
      }
div.nums a{ width: 14px;height: 14px; display:inline-block; >float:left; background-color:#653c10; margin-right:4px; color: #653c10;font-size: 0px;
text-align: center;}
div.nums a.active{ background-color:#ecee05;color: #ecee05;}
























.foot{
	height: 86px;
	background: url(../img/foot_bg.png);
	width: 100%;    position: relative;
    z-index: 2;
}
.foot .center{
	position: relative;
	width: 990px;
	margin: 0 auto;
	padding-top:10px;
}
.foot .bule{
	    position: absolute;
    top: 3px;
    left: 137px;
}
.foot p{
	font-size: 12px;
	font-family: "微软雅黑";
	color: white;
	line-height: 20px;
	text-align: center;
}
.foot p img{
	width: 16px;
}
.foot p a{
	color: white;
}
.topSlide .dl{
	position: absolute;
    right: 197px;
    z-index: 8;
    color: #452600;
    font-size: 15px;
    top: 6px;
}
.sm{
	    position: absolute;
    right: 150px;
    z-index: 8;
    color: #452600;
    font-size: 15px;
    top: 6px;

}













.tree1{
	    position: absolute;
    width: 435px;
    height: 541px;
    background: url(../img/tree_1.png) no-repeat;
    left: -154px;
    top: 0;
    display: none;
}
.tree2{
	    position: absolute;
    width: 396px;
    height: 498px;
    background: url(../img/tree_2.png) no-repeat;
    bottom: -85px;
    right: -97px;
	display: none;
}
.klfz{
	position: absolute;
    width: 197px;
    height: 46px;
    background: url(../img/klfz.png) no-repeat;
    bottom: 80px;
    right: -192px;
}
.xbcz{
	    position: absolute;
    width: 187px;
    height: 43px;
    background: url(../img/xbcz.png) no-repeat;
    bottom: 80px;
    left: -178px;
}
.piaochuang{
   position: absolute;
    top:552px;
    right: -205px;
/*     width: 170px;
    height:114px; */
}
.lupai{
	
   position: absolute;
    top: 249px;
    right: -230px;
    width: 248px;
    height: 284px;
    background: url(../img/lupai2019-12-17.png) no-repeat;
    animation-name: light_l;
    -webkit-animation-name: light_l;
    transform-origin: 124px 284px;
    -ms-transform-origin: 124px 284px;
    -webkit-transform-origin:124px 284px;
    transform: rotate(-6deg);
    -ms-transform: rotate(-6deg);
    -webkit-transform: rotate(-6deg);
        -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
}
.lupai a{
	     position: absolute;
    width: 214px;
    height: 56px;
    top: 114px;
    left: 5px;
}
.home{
	    position: absolute;
    top: 806px;
    right: 345px;
}

.mail{
	    position: absolute;
   top: 917px;
    right: 289px;
    width: 145px;
    height: 76px;
    background: url(../img/mail.png) no-repeat;
    cursor: pointer;
}

.corsair{
	animation-name:move, fade_in, scale, floating;/* keyframe名称 */
	animation-duration:2s, 2s, 2s, 3s;/* 动画花费时间 */
	animation-timing-function:ease-in, ease-in, ease-out, ease-in-out;/* 动画的速度 */
	animation-delay:0s, 0s, 1s, 2s;/* 动画开始之前的延迟 */
	animation-iteration-count:1, 1, 1, infinite;/* 动画播放次数 */
	animation-direction:normal, normal, normal, alternate;/* 是否反向播放 */
    animation-fill-mode:both;/* 对象动画时间之外的状态 */
    animation-play-state:running;/* 动画正在运行还是暂停(paused/running) */
	-webkit-animation-name:move, fade_in, scale, floating;
	-webkit-animation-duration:2s, 2s, 2s, 3s;
	-webkit-animation-timing-function:ease-in, ease-in, ease-out, ease-in-out;
	-webkit-animation-delay:0s, 0s, 1s, 2s;
	-webkit-animation-iteration-count:1, 1, 1, infinite;
	-webkit-animation-direction:normal, normal, normal, alternate;
	-webkit-animation-fill-mode:both;
    -webkit-animation-play-state:running;
}
.music{
	     position: absolute;
    width: 200px;
    height: 200px;
    top: 137px;
    right: 168px;

}
.music span {
    width: 55px;
    height: 55px;
        animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: normal;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    opacity: 0;
    display: block;
    background-repeat: no-repeat;
}
.music_g {
    transform: translate(-61px,338px);
    -moz-transform: translate(-61px,338px);
    -webkit-transform: translate(-61px,338px);
    -o-transform: translate(-61px,338px);
    animation-name: music_g;
    animation-duration: 3.5s;
    animation-delay: 0s;
    -webkit-animation-name: music_g;
    -webkit-animation-duration: 3.5s;
    -webkit-animation-delay: 0s;
        background-image: url(../img/music_green.png);
    left: 60px;    background-position: center center;
}
.music_b {
    transform: translate(30px,130px);
    -moz-transform: translate(30px,130px);
    -webkit-transform: translate(30px,130px);
    -o-transform: translate(30px,130px);
    animaation-name: music_b;
    animation-duration: 2.8s;
    animation-delay: 0.3s;
    -webkit-animation-name: music_b;
    -webkit-animation-duration: 2.8s;
    -webkit-animation-delay: 0.3s;

    background-image: url(../img/music_blue.png);
    left: -100px;
    top: 200px;
}
.music_p {
    transform: translate(43px,40px);
    -moz-transform: translate(43px,40px);
    -webkit-transform: translate(43px,40px);
    -o-transform: translate(43px,40px);
    animation-name: music_p;
    animation-duration: 3.6s;
    animation-delay: 0.6s;
    -webkit-animation-name: music_p;
    -webkit-animation-duration: 3.6s;
    -webkit-animation-delay: 0.6s;

    background-image: url(../img/music_pink.png);
    left: -160px;
    top: 300px;
}
.music_pur {
    transform: translate(-47px,54px);
    -webkit-transform: translate(-47px,54px);
    -moz-transform: translate(-47px,54px);
    -o-transform: translate(-47px,54px);
    animation-name: music_pur;
    animation-duration: 1.2s;
    animation-delay: 1.8s;
    -webkit-animation-name: music_pur;
    -webkit-animation-duration: 1.2s;
    -webkit-animation-delay: 1.8s;

    background-image: url(../img/music_purple.png);
    right: -155px;
    top: 280px;
}