@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(http://p3.ifengimg.com/l/2018/17/fda2b42edae226a/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,.img03{position:absolute;left:50%;top:50%;}
.img01{margin-left:11.8%;top: 0px!important; width:15.677%; }
.img02{margin-left:-25.2%;margin-top:14.8%; cursor: pointer;opacity: 0;width:6.5%;}
.img03{width:21%;margin-left:2.7%;margin-top: -10%;}
.img01 img,.img02 img,.img03 img{width: 100%;}
.moveAfter{}
.moveAfter .img01{margin-left:-693px;}
.moveAfter .img03{margin-left:445px;}
.playBox{position:fixed;left:50%;margin-left:-436px;top:50%; margin-top:-300px;z-index: 99;}
.playBox .player_close{display:block;width: 40px;height: 40px;background: url(http://p1.ifengimg.com/l/2018/17/fda2b42edae226a/btn_close.png) no-repeat;margin-left: 920px;margin-top: -521px;cursor: pointer;}
#Wvideo{display: none;}
/*诗人*/
.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;}
.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(../images/cd_11.png);
		-webkit-mask-image: url(../images/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: 173px;right: 20px; background:url(http://p3.ifengimg.com/l/2018/17/fda2b42edae226a/share_list_02.png) 0px 0px no-repeat;}
.sd_fm:hover{  background:url(http://p3.ifengimg.com/l/2018/17/fda2b42edae226a/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(http://p3.ifengimg.com/l/2018/17/fda2b42edae226a/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(http://p0.ifengimg.com/l/2018/17/fda2b42edae226a/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(http://y0.ifengimg.com/l/2015/15/a176c3cadce853f/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(http://y1.ifengimg.com/l/2015/15/a176c3cadce853f/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:#1f886c;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:50px; text-align:center; color:#FFF; font-size:14px; left:0px; top:0px; z-index:999;}

/*右侧跟随*/
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(http://y1.ifengimg.com/l/2015/15/a176c3cadce853f/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:-155px; top:0px; width:155px; height:50px; display:none;}
.sd_list .sd_tc a{ background:url(http://y3.ifengimg.com/l/2015/15/a176c3cadce853f/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(http://y2.ifengimg.com/l/2015/15/a176c3cadce853f/share_ls.png) no-repeat;  width:5px;}
.sd_list .sd_tc .tt_h{ background:url(http://y0.ifengimg.com/l/2015/15/a176c3cadce853f/share_ls_h.png) no-repeat; }
.sd_wx_tc{ width:96px; height:96px; padding:7px 7px 12px 7px; background:url(http://p1.ifengimg.com/l/2018/17/fda2b42edae226a/wx_tc.png) no-repeat; position:absolute; left:-135px; top:-116px; display:none;}
.share_sd_02 .sd_list .sd_one .st{ background:url(http://p0.ifengimg.com/l/2018/17/fda2b42edae226a/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(http://p0.ifengimg.com/l/2018/17/fda2b42edae226a/share_list_03.png) no-repeat; background-position:0px -153px; color:#fff; text-align:center; height:20px; padding-top:30px;}
.share_sd_02 .sd_list .sd_two a:hover{ background-position:0px -408px;}

.share_sd_02 .sd_list .sd_tc a{ background:url(http://p0.ifengimg.com/l/2018/17/fda2b42edae226a/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(http://p1.ifengimg.com/l/2018/17/fda2b42edae226a/share_ls_02.png) no-repeat;  width:5px;}
.share_sd_02 .sd_list .sd_tc .tt_h{ background:url(http://y0.ifengimg.com/l/2015/15/a176c3cadce853f/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:fixed; top: 50%; left: 50%; margin-left:-460px; margin-top:-259px; }

 .player_close_02{ position:absolute;display:none;width:40px;height: 40px;background: url(http://p1.ifengimg.com/l/2018/17/fda2b42edae226a/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:348px;height:301px;background: url(http://p3.ifengimg.com/l/2018/17/fda2b42edae226a/gcjtl.png) no-repeat;margin-left:-416px;top: 156px; }
.yuanq{width:396px;height:251px;background: url(http://p1.ifengimg.com/l/2018/17/fda2b42edae226a/hcr.png) no-repeat; margin-left: 57px;top: 138px;}
.lyh{width:317px;height:307px;background: url(http://p2.ifengimg.com/l/2018/17/fda2b42edae226a/lyy.png) no-repeat; margin-left: -474px;top:137px;}
.bxy{width:335px;height:286px;background: url(http://p1.ifengimg.com/l/2018/17/fda2b42edae226a/adns.png) no-repeat; margin-left: 98px;top: 240px;}
.rsx{width:304px;height:286px;background: url(http://p2.ifengimg.com/l/2018/17/fda2b42edae226a/jfz.png) no-repeat; margin-left: -416px;top:138px; }
.xiangj{width:363px;height:287px;background: url(http://p1.ifengimg.com/l/2018/17/fda2b42edae226a/mk.png) no-repeat; margin-left:-473px;top:137px; }
.xzy{width:305px;height:322px;background: url(http://p3.ifengimg.com/l/2018/17/fda2b42edae226a/ys.png) no-repeat; margin-left: 60px;top:138px; }
.hdf{width:281px;height:307px;background: url(http://p2.ifengimg.com/l/2018/17/fda2b42edae226a/hl.png) no-repeat; margin-left: 147px;top:189px; }
.fd{width: 699px;height:385px; background: url(http://p3.ifengimg.com/l/2018/17/fda2b42edae226a/jihe.png) no-repeat; margin-left: -363px;top:50%; margin-top: -270px; }

.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 1s forwards ease; }
.img_t{ -webkit-animation: form-fly-up 0.45s 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;
  }
}
@-webkit-keyframes form-fly-up{
	
	0% { transform: translateY(500px); }
   50% { transform: translateY(-50px);opacity: 0.5;}
   100% { transform: translateY(0);opacity: 1;}
}

@keyframes form-fly-up{
	0% { transform: translateY(500px); }
   50% { transform: translateY(-50px);opacity: 0.5;}
   100% { transform: translateY(0);opacity: 1;}
}
.videoLoop{-webkit-animation: videoLoop 1.8s infinite ease-in-out;opacity: 0}

@-webkit-keyframes videoLoop {
    0%{
        -webkit-transform:scale(1.1);opacity: 1
    }
    50% {
        -webkit-transform:scale(1);opacity:1
    }
    100% {
        -webkit-transform:scale(1.1);opacity: 1
    }
}


.tree{ width:31.85%!important;height: auto!important;/*animation: loop steps(25) 1s infinite;*/ position: absolute; top:50%!important; left:50%!important;margin-left:-27%!important; margin-top:-22%!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(../images/cat.png) 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;}
	}