@charset "utf-8";
/* CSS Document */
* html,* html body{background-attachment:fixed;}
body{height: 100%;}
/*首屏*/
.col_01{position:relative;}
.col_01 img{display:block;}
.scrollCol,.col_01{height: 100%;}
.vd_btn{ cursor:pointer;background:url(../img/sp_4.png) no-repeat;
-webkit-animation: upslide 3s infinite  ease-in-out;
-moz-animation: upslide 3s infinite ease-in-out;
animation: upslide 3s infinite ease-in-out;
width:94px; height:131px; display:block; right:48px; top:50%; margin-top:-66px;position:absolute;}
.moveBefore{}
.img01,.img02{position:absolute;left:50%;top:50%;}
.img01{margin-left:8%; margin-top: -20%; width:28%; }
.img02{margin-left:16%;margin-top:6%; cursor: pointer;opacity: 0;width: 3.3%;}
.img01 img,.img02 img{width: 100%;}
.moveAfter{}
.moveAfter .img01{margin-left:-693px;}
.moveAfter .img03{margin-left:445px;}
.playBox{position:absolute;left:50%;margin-left:-436px;top:50%; margin-top:-300px;}
.playBox .player_close{display:block;width: 40px;height: 40px;margin-left: 920px;margin-top: -521px;cursor: pointer;}

/*诗人*/
.poet{position:absolute;left:50%;margin-left:-960px;top:0;}
.txt1{position:absolute;top:110px;right:100%;}
.txt2{position:absolute;top:80px;left:100%;}
/*浮动导航*/

html{overflow-x:hidden;}
.fixed{ width:100%; position: fixed; left: 0; top:0; z-index:100; background:#fff;_position:absolute; _margin-top: 0; _top:expression(documentElement.scrollTop)}
.scrollColInner{ position: fixed; width: 100%; background: #FFF; z-index: 999;}

.spring{position:absolute;left:0;top:0;width:100%;height:100%;}
.spring-wrap{position:relative;width:100%;height:100%;overflow:hidden;}
.spring-shiren{position:absolute;left:100%;top:0;width:100%;height:100%;z-index:99;background-color:#fff;}


.spring-img{position:relative;width:100%;height:100%;overflow: hidden;}
.sp_pci{
	     mask-image: url(../img/cd_11.png);
		-webkit-mask-image: url(../img/cd_11.png);
		-webkit-mask-size: 0 auto;
		-webkit-mask-repeat:no-repeat;
		-webkit-mask-position:center;
        -webkit-animation: zzc 6s forwards linear;
}

@keyframes zzc {  
    from {
		-webkit-mask-size: 0 auto;
	}
	to {
		-webkit-mask-size: 500% auto;
	}
}  
@-webkit-keyframes zzc {  
    from {
		-webkit-mask-size: 0 auto;
	}
	to {
		-webkit-mask-size: 500% auto;
	}
}  



.spring-img img{position:absolute;width:100%;height:100%;}
.spring-text{position:absolute;top:100px;}
.sd_fm { position:absolute; display:block; width:50px; height:50px;bottom: 121px;right: 20px; background:url(../img/share_list_02.png) 0px 0px no-repeat;}
.sd_fm:hover{  background:url(../img/share_list_02.png) 0px -255px;}

@-webkit-keyframes upslide {
	0%,30% {opacity: 0;-webkit-transform: translate(-6px,0px);}
	60% {opacity: 1;-webkit-transform: translate(0,0);}
	100% {opacity: 0;-webkit-transform: translate(4px,0px);}
}
@-moz-keyframes upslide {
	0%,30% {opacity: 0;-webkit-transform: translate(-6px,0px);}
	60% {opacity: 1;-webkit-transform: translate(0,0);}
	100% {opacity: 0;-webkit-transform: translate(4px,0px);}
}
@keyframes upslide {
	0%,30% {opacity: 0;-webkit-transform: translate(-6px,0px);}
	60% {opacity: 1;-webkit-transform: translate(0,0);}
	100% {opacity: 0;-webkit-transform: translate(4px,0px);}
}

@-webkit-keyframes upslide02 {
	0%,30% {opacity: 0;}
	100% {opacity: 1;}
}
@-moz-keyframes upslide02 {
	0%,30% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes upslide02 {
	0%,30% {opacity: 0;}
	100% {opacity: 1;}
}
.full-next, .full-prev {
display: block;
position: absolute;
top: 50%;
width: 450px;
height: 300px;
background:url(../img/f_right.png) no-repeat  348px center;
margin-top: -150px;
background-repeat: no-repeat;
text-indent: -999em;
outline: 0;
z-index:999;
opacity:0;
}
.full-prev { background:url(../img/f_left.png) no-repeat 40px center; left:0px; display:none}
.full-next{ right:0; display:none}
 .full-next:hover, .full-prev:hover {opacity:1;
 -webkit-animation: upslide02 0.7s infinite;
	 -moz-animation: upslide02 0.7s infinite;
	animation: upslide02 0.7s infinite;
	-webkit-animation-iteration-count: 1; 
	-moz-animation-iteration-count: 1;
	animation-iteration-count: 1; 
	}

.thumbnails-container{position:absolute;bottom:0;right:20px;margin-bottom:20px;width:761px;height:50px; z-index:999; display:none}
.img-thumbnails{width:609px; height:50px;position:absolute; z-index:999; right:51px; display:none;}
.next-three,.prev-three{display:block;width:27px;height:50px;margin-top:1px; background:url(../img/lr_icon.png) no-repeat;cursor:pointer;}
.prev-three{float:left;background-position:0px 0px}
.prev-three:hover{background-position:0px -55px}
.next-three{float:right;background-position:0px -110px}
.next-three:hover{background-position:0px -165px}
.thumbnails-wrap{float:left;overflow:hidden;width:553px;height:50px;padding:1px 1px 0px 1px}
#thumbnailsContent{width:553px;}
#thumbnailsContent li{width:78px;float:left;margin-right:1px;background-color:#000;cursor:pointer;}

#thumbnailsContent li a img{display:block;filter:alpha(opacity=75);-moz-opacity: 0.75;-khtml-opacity: 0.75;opacity: 0.75;}
#thumbnailsContent li a{ position:relative;width:78px; height:50px;}
.thumbnails-btn-toggle{position:absolute;right:0;top:1px;display:block;width:50px;height:50px;cursor:pointer;background:url(../img/share_list_02.png) 0px -204px no-repeat; z-index:999;}
#thumbnailsContent li a.current img{filter:alpha(opacity=100);-moz-opacity: 1; -khtml-opacity: 1;opacity:1;}
.caption{ position:absolute; left:0px; bottom:0px; display:none}
.reabs{ position:relative; width:78px; height:50px;}
.bg_01{ position:absolute; left:0px; top:0px; background:#3ab8a2;filter:alpha(opacity=90);-moz-opacity: 0.9;-khtml-opacity: 0.9;opacity: 0.9; z-index:99; width:78px; height:50px;}
.f_name{ width:78px; height:50px; position:absolute; line-height:16px; text-align:center; color:#FFF; font-size:12px; left:0px; top:0px; z-index:999; padding-top:16px}

/*右侧跟随*/
body{ _background-attachment:fixed;} /* ie6 fixed hack */
.share_sd{ position:fixed; right:20px; bottom:69px; z-index:99; display:none;}    /*分享紧贴页面，页面宽度变小，分享消失*/
/*.share_sd{ position:fixed; right:50px; bottom:50px; z-index:9999;}*/   /*分享紧贴浏览器右侧，页面宽度变小，分享不消失*/
.share_sd_02{ position:fixed; right:20px; bottom:69px; z-index:99; display:block}
.sd_ie6{ _position:absolute; _top:expression(documentElement.scrollTop+(documentElement.clientHeight-this.offsetHeight)/2); _margin-top:302px;} /* ie6 fixed hack */
.sd_list{ width:50px;}
.sd_list li{ position:relative; width:50px; height:50px; margin-bottom:1px;}
.sd_list li a{ display:block; width:50px; height:50px; background:url(../img/share_list_02.png) no-repeat;}
.sd_list .sd_one .st{ background-position:0px -102px;}
.sd_list .sd_one .st:hover{ background-position:0px -357px;}
.sd_list .sd_one .st_h{background-position:0px -357px;}
.sd_list .sd_two a{ background-position:0px -153px; color:#fff; text-align:center; height:20px; padding-top:30px;}
.sd_list .sd_two a:hover{ background-position:0px -408px;}
.sd_list .sd_three{ margin-bottom:0px;}
.sd_list .sd_three a{ background-position:0px -102px;}
.sd_list .sd_three a:hover{ background-position:0px -255px;}
.sd_list .sd_tc{ position:absolute; left:-55px; top:0; width:155px; height:50px; display:none;}
.sd_list .sd_tc a{ background:url(../img/share_left.png) no-repeat; float:left;} 
.sd_list .sd_tc .qz{ background-position:0px 0px;}
.sd_list .sd_tc .qz:hover{ background-position:-200px 0px;}
.sd_list .sd_tc .wx{ background-position:-50px 0px;}
.sd_list .sd_tc .wx:hover{ background-position:-250px 0px;}
.sd_list .sd_tc .swb{ background-position:-150px 0px;}
.sd_list .sd_tc .swb:hover{background-position:-350px 0px;}
.sd_list .sd_tc .tt{ background:url(../img/share_ls.png) no-repeat;  width:5px;}
.sd_list .sd_tc .tt_h{ background:url(../img/share_ls_h.png) no-repeat; }
.sd_wx_tc{ width:96px; height:96px; padding:7px 7px 12px 7px; background:url(../img/wx_tc.png) no-repeat; position:absolute; left:-135px; top:-116px; display:none;}
.share_sd_02 .sd_list .sd_one .st{ background:url(../img/share_list_03.png) no-repeat; background-position:0px -102px;}
.share_sd_02 .sd_list .sd_one .st:hover{ background-position:0px -357px;}
.share_sd_02 .sd_list .sd_two a{ /*background:url() no-repeat; background-position:0px -153px;*/ color:#fff; text-align:center; height:50px; }
.share_sd_02 .sd_list .sd_two a:hover{ background-position:0px -408px;}

.share_sd_02 .sd_list .sd_tc a{ background:url(../img/share_left_02.png) no-repeat; float:left;} 
.share_sd_02 .sd_list .sd_tc .qz{ background-position:0px 0px;}
.share_sd_02 .sd_list .sd_tc .qz:hover{ background-position:-200px 0px;}
.share_sd_02 .sd_list .sd_tc .wx{ background-position:-50px 0px;}
.share_sd_02 .sd_list .sd_tc .wx:hover{ background-position:-250px 0px;}
.share_sd_02 .sd_list .sd_tc .swb{ background-position:-150px 0px;}
.share_sd_02 .sd_list .sd_tc .swb:hover{background-position:-350px 0px;}
.share_sd_02 .sd_list .sd_tc .tt{ background:url(../img/share_ls_02.png) no-repeat;  width:5px;}
.share_sd_02 .sd_list .sd_tc .tt_h{ background:url(../img/share_ls_h.png) no-repeat; }
.yc_sp{ display:block;
    width: 855px;
    height: 855px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -427px;
    margin-top: -427px; cursor:pointer;
}
.k_div{ width:855px; height:855px; display:block;}
.yc_sp_img{ display:none; width:100%; position:absolute; left:0; top:0;}

.frm_tv{ display:none; background:#000; width:920px; height:518px; position:absolute; top: 50%; left: 50%; margin-left:-460px; margin-top:-259px; }

 .player_close_02{ position:absolute;display:none;width:40px;height: 40px;background: url(../img/btn_close.png) no-repeat; left:50%; margin-left:460px; top:50%; margin-top:-259px; cursor: pointer; z-index:999;}
 .bg_h{ position:absolute; width:100%; height:100%; background:#000; left:0; top:0; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6; opacity:0.6;  display:none;}

.spring-word{ position: absolute;left: 50%;display: none;}
.zlf{width:342px;height:339px;background: url(../img/zlf.png) no-repeat;margin-left:100px;top: 221px; }
.yuanq{width:453px;height:385px;background: url(../img/yuanquan.png) no-repeat; margin-left: -460px;top: 192px;}
.lyh{width:384px;height:384px;background: url(../img/lyh.png) no-repeat; margin-left: 51px;top:160px;}
.bxy{width:384px;height:406px;background: url(../img/bxy.png) no-repeat; margin-left: -430px;top: 165px;}
.rsx{width:394px;height:369px;background: url(../img/rsx.png) no-repeat; margin-left: -580px;top:210px; }
.xiangj{width:380px;height:377px;background: url(../img/xj.png) no-repeat; margin-left: 128px;top:230px; }
.xzy{width:447px;height:405px;background: url(../img/xzy.png) no-repeat; margin-left: -465px;top:190px; }
.hsg{width:447px;height:405px;background: url(../img/hsg.png) no-repeat; margin-left:-305px;top:300px; }
.ytgy{width:447px;height:405px;background: url(../img/ytgy.png) no-repeat; margin-left:215px;top:300px; }
.hdf{width:422px;height:446px;background: url(../img/hdf.png) no-repeat; margin-left: 63px;top:168px; }
.zydx{width:422px;height:446px;background: url(../img/zydx.png) no-repeat; margin-left: 63px;top:168px; }
.fd{width:1200px;height:620px; margin-left:-600px;top:40%; margin-top: -250px; }

#pc1{width:474px;height:288px; position:absolute; top:0px; left:0px}
#pc1 img{width:474px;height:288px}
#pc2{width:360px;height:200px; position:absolute; top:0px; left:482px}
#pc2 img{width:360px;height:200px}
#pc3{width:352px;height:200px; position:absolute; top:0px; left:850px}
#pc3 img{width:352px;height:200px}

#pc4{width:422px;height:170px; position:absolute; top:208px; left:482px}
#pc4 img{width:422px;height:170px}
#pc5{width:290px;height:170px; position:absolute; top:208px; left:912px}
#pc5 img{width:290px;height:170px}
#pc6{width:474px;height:288px; position:absolute; top:298px; left:0px}
#pc6 img{width:474px;height:288px}

#pc7{width:422px;height:200px; position:absolute; top:386px; left:482px}
#pc7 img{width:422px;height:200px}
#pc8{width:290px;height:112px; position:absolute; top:386px; left:912px;}
#pc8 img{width:290px;height:112px}
#pc9{width:290px;height:80px; position:absolute; top:506px; left:912px}
#pc9 img{width:290px;height:80px}

.tuchu .spring-word{display:block;
  -webkit-animation: fadeIn 2.5s ease 0s 1 both;
  -ms-animation: fadeIn 2.5s ease 0s 1 both;
  -moz-animation: fadeIn 2.5s ease 0s 1 both;
  -o-animation: fadeIn 2.5s ease 0s 1 both;
   animation: fadeIn 2.5s ease 0s 1 both;}

.tuchu02 .spring-word{display:block;
  -webkit-animation: fadeIn 2.5s ease 1s 1 both;
  -ms-animation: fadeIn 2.5s ease 1s 1 both;
  -moz-animation: fadeIn 2.5s ease 1s 1 both;
  -o-animation: fadeIn 2.5s ease 1s 1 both;
   animation: fadeIn 2.5s ease 1s 1 both;}

.img{ -webkit-animation: fadeIn 1.5s forwards ease; }
#zhij{opacity: 0;}
#sp_1{opacity: 0;}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}



.tree{ width:18%!important;height: auto!important;/*animation: loop steps(25) 1s infinite;*/ position: absolute; top:50%!important; left:60%!important;margin-left:-50%!important; margin-top:2%!important;
} 
#trees{width: 100%;height: 100%; position: absolute;left: 0;}
			
@keyframes loop{
	from{ background-position:0px 0px;}
	to{ background-position:-21625px 0px;}
}


.mao{
	width:253px;
	height:141px;
	position: absolute;
	left: 50%;
	bottom: 8%;
	
	margin-left:14%;
	background: url() no-repeat;
	background-position: 0 0;
	animation: loop_02 steps(33) 2s infinite;
}

/*动画*/
	@keyframes loop_02{
		from{ background-position:0px 0px;}
		to{ background-position:-8349px 0px;}
	}