*{
	margin: 0;
	padding: 0;
}
html,body{
	 width: 100%;
	 height: 100%;
	 position: absolute;
	 background-color: #eeeced;
	 overflow: hidden;
	 font-family: "微软雅黑";
}
.pageMax_box{
	 width: 100%;
	 height: 100%;
	  position: relative;
}
.page{
	 width: 100%;
	 height: 100%;
	 position: relative;
	 background-size: 100% 100%;
	 background-position: center center;
	  font-family:slogan;
}
.top_nav{
	width: 100%;
	height: 80px;
	background-color: #0097e0;
	position: absolute;
	top: 0%;
	z-index: 2;
	/* animation:top_nav 3s forwards ;
	-moz-animation:top_nav 3s forwards  ; 
	-webkit-animation:top_nav 3s forwards   ; 
	-o-animation:top_nav 3s forwards  ;
	-ms-animation:top_nav 3s forwards  */
}
.top_nav01,.top_nav02,.top_nav03,.top_nav04{
    animation:top_nav 1s forwards ;
	-moz-animation:top_nav 1s forwards  ; 
	-webkit-animation:top_nav 1s forwards   ; 
	-o-animation:top_nav 1s forwards  ;
	-ms-animation:top_nav 1s forwards  
}
.null_navTop{
	width: 100%;
	height: 10%;
    position: absolute;
	top: 0%;
	z-index: 1;
}
.activa_topNav{
	 
}
.nav_iconBox>a:hover{
	 background-color: rgba(136,186,40,.6);
}

/**浮动导航**/
.izl-tmenu{position:fixed; width:100%;z-index:999;}

 /**右侧快捷导航**/	
.izl-rmenu{position:fixed;left:100%;margin-left:-90px;bottom:30px;z-index:999;}
.izl-rmenu .btn{width:70px;height:70px;cursor:pointer;display: block;}
.izl-rmenu .btn-loan{background:url(https://files.2s3.cn/znjjhj/img/rightNavBg.png) no-repeat;transition: all 0.3s; }

.izl-rmenu .rightPic .pic{position:absolute;left:-150px;top:0;display:none;width:148px;height: 148px;background-color: #fff;border:1px solid #cccccc;margin-top: -88px;}
.izl-rmenu .rightPic .pic img{ width:148px; height:148px;}
.izl-rmenu .btn-loan:hover .pic{display:block;}

.izl-rmenu .btn-top{background:url(https://files.2s3.cn/znjjhj/img/right_dh05.png) no-repeat #fff;display:none;cursor:pointer;position:relative;width:70px;height: 38px;border-top:1px solid #dedede}
.izl-rmenu .btn-top:hover{background:url(https://files.2s3.cn/znjjhj/img/right_dh06.png) no-repeat #278bdd;}
/*top_nav*/
@keyframes top_nav
{
	0%{
		 transform:translateY(-200px);
	}
	100%{
		 transform:translateY(0px);
  }
}

@-moz-keyframes top_nav 
{
	0%{
        -moz-transform:translateY(-200px);
     }
   100% {
        -moz-transform:translateY(0px);
      }
}

@-webkit-keyframes top_nav 
{
	0%{
       -webkit-transform:translateY(-200px);
     }
	100% {
        -webkit-transform:translateY(0px);
      }
}

@-o-keyframes top_nav 
{
	0%{ 
         -o-transform:translateY(-200px);
     }
	100% {
        -o-transform:translateY(0px);  
      }
}
@-ms-keyframes top_nav 
{
	0%{ 
         -ms-transform:translateY(-200px);
      }
	100% {
        -ms-transform:translateY(0px);  	
     }
}
.nav_iconBox{
	width: 62%;
	height: 100%;
	left: 19%;
	font-size: 0;
	position: relative;
}
img{border:0px}
.nav_iconBox>a{
	 width: 14.2%;
	 height:100%;

	 /*overflow: hidden;*/
	 position: relative;
	 display: inline-block;
	 text-align: center;
}
.nav_iconBox>a>img{
	 width:32px;
	 margin-left: -16px;
	position: absolute;
	top: 19px;
     left: 50%;
}
.nav_iconBox>a>i{
	  width:32px;
	 margin-left: -16px;
	 font-style: normal;
	 color: #fff;
	 font-size: 14px;
	 position: absolute;
	 bottom:10px;
	  left: 50%;
	 text-align: center;
}
.nav_min{
	 width: 14.2%;
     display: block;
	 background-color: rgba(136,186,40,.6);
	position: absolute;
}
.coer_iconShow:hover{
  -webkit-box-shadow:0 0 20px rgba(0,0,0,0.5);  
  -moz-box-shadow:0 0 20px rgba(0,0,0,0.5);  
   box-shadow:0 0 20px rgba(0,0,0,0.5);
}
.nav_min00{
	left: 0%;
	top:80px;
}
.nav_min01{
	left: 14.2%;
}
.nav_min02{
	left: 28.4%;
}
.nav_min03{
	left: 42.6%;
}
.nav_min04{
	left: 56.8%;
}
.nav_min05{
	left: 71%;
}
.nav_min06{
	left: 85.2%;
}
.nav_min a{
	width: 100%;
	height: 40px;
	line-height: 40px;
	position: relative;
	display: block;
	font-size: 14px;
	color: #fff;
	 font-family: "微软雅黑";
	 text-align: center;
	 text-decoration: none;
	 border-bottom: solid 1px #fff;
}
.nav_min>a:hover{
	  background-color: #0097e0;
}
.page01_main{
   width: 100%;
   height: 90%;
   top: 10%;
   position: relative;
   background-image:url(https://files.2s3.cn/znjjhj/img/page01/cbg.png);
   background-repeat:no-repeat;
   background-size:34%;
   background-position:50% 20%;
 }
 .logo{
 	width:15%;
 	left: 43%;
 	top: 16%;
 	position: absolute;
 	opacity: 0;
 	 animation:logo 1s forwards ;
	-moz-animation:logo 1s forwards  ; 
	-webkit-animation:logo 1s forwards   ; 
	-o-animation:logo  1s forwards  ;
	-ms-animation:logo  1s forwards   
 }
 @font-face
{
font-family: slogan;
src: url('../font/华文细黑.TTF');
    
}
.page01_title{
 	color: #fff;
 	width: 100%;
 	text-align: center;
 	display: block;
 	position: relative;
 	font-size: 24px;
 	top: 50%;
 	font-family:slogan;
 	opacity: 0;
 	 animation:down 1s forwards 1s;
	-moz-animation:down 1s forwards 1s ; 
	-webkit-animation:down 1s forwards  1s   ; 
	-o-animation:down  1s forwards   1s ;
	-ms-animation:down  1s forwards  1s ;  
 }
 .page01_text{
 	 width: 20%;
 	 left: 40%;
 	 position: absolute;
 	 color: #fff;
 	 text-align: center;
 	 top: 58%;
 	 font-family:slogan;
 	 opacity: 0;
 	 animation:on 1s forwards 1s;
	-moz-animation:on 1s forwards 1s ; 
	-webkit-animation:on 1s forwards  1s   ; 
	-o-animation:on  1s forwards   1s ;
	-ms-animation:on  1s forwards  1s ;  
 }
 .click_text{
 	 width: 8%;
 	 left: 46%;
 	 position: absolute;
 	 bottom: 10%;
 	 cursor: pointer;
 	/* opacity: 0;
 	 animation:down 1s forwards 1s;
	-moz-animation:down 1s forwards 1s ; 
	-webkit-animation:down 1s forwards  1s   ; 
	-o-animation:down  1s forwards   1s ;
	-ms-animation:down  1s forwards  1s ; */
 }
 .click_img{
 	 width: 2%;
 	 left: 49%;
 	 position: absolute;
 	 bottom: 5%;
 	 cursor: pointer;
 	 animation:click 1s infinite ;
	-moz-animation:click 1s infinite ; 
	-webkit-animation:click 1s infinite  ; 
	-o-animation:click 1s infinite ;
	-ms-animation:click  1s infinite  ;  
 }
 @keyframes logo
{
	0%{
		opacity: 0;
		 transform:scale(0,0);
	}
	100%{
		 opacity: 1;
		  transform:scale(1,1);
  }
}

@-moz-keyframes logo 
{
	0%{
        opacity: 0;
        -moz-transform:scale(0,0);
     }
   100% {
        opacity: 1;
         -moz-transform:scale(1,1);
      }
}

@-webkit-keyframes logo 
{
	0%{
        opacity: 0;
        -webkit-transform:scale(0,0);
     }
   100% {
        opacity: 1;
         -webkit-transform:scale(1,1);
      }
}

@-o-keyframes logo 
{
	0%{
        opacity: 0;
        -o-transform:scale(0,0);
     }
   100% {
        opacity: 1;
         -o-transform:scale(1,1);
      }
}
@-ms-keyframes logo 
{
	0%{
        opacity: 0;
        -ms-transform:scale(0,0);
     }
   100% {
        opacity: 1;
         -ms-transform:scale(1,1);
      }
}
/*下*/
@keyframes down
{
	0%{
		 transform:translateY(-30px);
		 opacity: 0;
	}
	100%{
		 transform:translateY(0px);
		  opacity: 1;
  }
}

@-moz-keyframes down 
{
	0%{
        -moz-transform:translateY(-30px);
        opacity: 0;
     }
   100% {
        -moz-transform:translateY(0px);
         opacity: 1;
      }
}

@-webkit-keyframes down 
{
	0%{
       -webkit-transform:translateY(-30px);
       opacity: 0;
     }
	100% {
        -webkit-transform:translateY(0px);
         opacity: 1;
      }
}

@-o-keyframes down 
{
	0%{ 
         -o-transform:translateY(-30px);
         opacity: 0;
     }
	100% {
        -o-transform:translateY(0px);  
        opacity: 1;
      }
}
@-ms-keyframes down 
{
	0%{ 
         -ms-transform:translateY(-30px);
         opacity: 0;
      }
	100% {
        -ms-transform:translateY(0px);  
        opacity: 1;
     }
}
/*上*/
@keyframes on
{
	0%{
		 transform:translateY(30px);
		 opacity: 0;
	}
	100%{
		 transform:translateY(0px);
		  opacity: 1;
  }
}

@-moz-keyframes on 
{
	0%{
        -moz-transform:translateY(30px);
        opacity: 0;
     }
   100% {
        -moz-transform:translateY(0px);
         opacity: 1;
      }
}

@-webkit-keyframes on 
{
	0%{
       -webkit-transform:translateY(30px);
       opacity: 0;
     }
	100% {
        -webkit-transform:translateY(0px);
         opacity: 1;
      }
}

@-o-keyframes on 
{
	0%{ 
         -o-transform:translateY(30px);
         opacity: 0;
     }
	100% {
        -o-transform:translateY(0px);  
        opacity: 1;
      }
}
@-ms-keyframes on 
{
	0%{ 
         -ms-transform:translateY(30px);
         opacity: 0;
      }
	100% {
        -ms-transform:translateY(0px);  
        opacity: 1;
     }
}
.hide{
	display: none;
}
/*click*/
@keyframes click
{
	0%{
		 transform:translateY(20px);
		 opacity: 1;
	}
	50%{
      transform:translateY(0px);
		 opacity: 1;
	}
	100%{
		 transform:translateY(20px);
		  opacity: 1;
  }
}

@-moz-keyframes click 
{
	0%{
        -moz-transform:translateY(20px);
        opacity: 1;
     }
    50% {
        -moz-transform:translateY(0px);
         opacity: 1;
      }
      100%{
        -moz-transform:translateY(20px);
        opacity: 1;
      }
}

@-webkit-keyframes click 
{
	0%{
       -webkit-transform:translateY(20px);
       opacity: 1;
     }
	50% {
        -webkit-transform:translateY(0px);
         opacity: 1;
      }
      100%{
       -webkit-transform:translateY(20px);
       opacity: 1;
      }
}

@-o-keyframes click 
{
	0%{ 
         -o-transform:translateY(20px);
         opacity: 1;
     }
	50% {
        -o-transform:translateY(0px);  
        opacity: 1;
      }
      100%{
      -o-transform:translateY(20px);
         opacity: 1;
      }
}
@-ms-keyframes click 
{
	0%{ 
         -ms-transform:translateY(20px);
         opacity: 1;
      }
	50% {
        -ms-transform:translateY(0px);  
        opacity: 1;
     }
     100%{
     	  -ms-transform:translateY(20px);
         opacity: 1;
     }
}
.core_box{
	 width: 40%;
	 position: relative;
	 left: 30%;
	 font-family:slogan;
	 color: #fff;
	 text-align: center;
	 top: 15%;
}
.core_title{
   display: block;
   opacity: 0;
 	 animation:down 1s forwards ;
	-moz-animation:down 1s forwards ; 
	-webkit-animation:down 1s forwards   ; 
	-o-animation:down  1s forwards   ;
	-ms-animation:down  1s forwards  ;  
}
.core_text{
   display: block;
   margin-top: 3%;
    opacity: 0;
 	 animation:on 1s forwards 1s;
	-moz-animation:on 1s forwards 1s ; 
	-webkit-animation:on 1s forwards  1s   ; 
	-o-animation:on  1s forwards   1s ;
	-ms-animation:on  1s forwards  1s ;  
}
.coer_showBox{
	 width:62%;
	 position: relative;
	 left: 19%;
     margin-top: 15%;
	 font-size: 0;
	 color: #fff;
	  opacity: 0;
 	 animation:coer_showBox 2s forwards ;
	-moz-animation:coer_showBox 2s forwards  ; 
	-webkit-animation:coer_showBox 2s forwards     ; 
	-o-animation:coer_showBox  2s forwards   ;
	-ms-animation:coer_showBox  2s forwards   ;  
}
 @keyframes coer_showBox
{
	0%{
		opacity: 0;
		
	}
	100%{
		 opacity: 1;
		 
  }
}

@-moz-keyframes coer_showBox 
{
	0%{
        opacity: 0;
       
     }
   100% {
        opacity: 1;
        
      }
}

@-webkit-keyframes coer_showBox 
{
	0%{
        opacity: 0;
        
     }
   100% {
        opacity: 1;
       
      }
}

@-o-keyframes coer_showBox 
{
	0%{
        opacity: 0;
       
     }
   100% {
        opacity: 1;
        
      }
}
@-ms-keyframes coer_showBox 
{
	0%{
        opacity: 0;
       
     }
   100% {
        opacity: 1;
        
      }
}
.coer_showBox>div{
    width: 25%;
    display: inline-block;
    position: relative;
}
.coer_iconShow{
	 width:52%;
	 border-radius: 50%;
	 border: solid 2px #fff;  
	 position: relative;
	 left: 50%;
	 overflow: hidden;
	 display: block;
	 background-size: cover;
	 background-position: center center;
}
.coer_iconText{
   width: 100%;
   display: block;
   text-align: center;
   
   margin-top: 3%;
}
.coer_introduce{
	 width: 90%;
	 left: 5%;
	 text-align: center;
	 display: block;
	 margin-top: 10%;
	 position: absolute;
}
.min_box{
	  width:62%;
	  height: 100%;
	  left: 19%;
	  position: relative;
	  font-size: 0;
	  top: 15%;
}
.min_box>div{
	 width: 50%;
	 height: 100%;
	 position: relative;
	 display: inline-block;
}
.idea,.prize{
    width: 50%;
	 height: 100%;
	 position: relative;
}
.idea i,.prize i{
	  
	  width: 36%;
	  left: 50%;
	  font-style: normal;
	  background-size: 100% 100%;
	  background-position: center center;
	  position: absolute;
	  cursor: pointer;
}
.idea_text{
	 width: 100%;
	 text-align: center;
	 position:absolute;
	 color: #fff;
	 margin-top: 40%;
}
.idea_box{
	width: 140%;
	position: absolute;
	top: 30%;
	left: 34%;
	 opacity: 0;
 	 animation:activa_left 2s forwards ;
	-moz-animation:activa_left 2s forwards  ; 
	-webkit-animation:activa_left 2s forwards     ; 
	-o-animation:activa_left  2s forwards   ;
	-ms-animation:activa_left  2s forwards   ;  
}
.page03_listBox{
	 width: 100%;
	 position: relative;
	 margin-top:10%;
}
.mission_icon img{
	 width: 12%;
	 position: absolute;
}
.mission_textBxo{
	 width: 80%;
	 position: relative;
	 left: 18%;
}
.mission_title,.mission_text{
	position: relative;
	color: #fff;
	display: block;
}
.prize_box{
	 width: 200%;
	 margin-left: -70%;
	 position: absolute;
	 font-size: 0;
	 top: 30%;
	  opacity: 0;
 	 animation:activa_left 1s forwards ;
	-moz-animation:activa_left 1s forwards  ; 
	-webkit-animation:activa_left 1s forwards     ; 
	-o-animation:activa_left  1s forwards   ;
	-ms-animation:activa_left  1s forwards   ;  
}
.prize_box>div{
	width: 50%;
    position: relative;
    color: #fff;
	display: inline-block;
}
.prize_title{
	 width: 90%;
	 left: 5%;
	 position: relative;
}
.prize_showIcon01{
	width: 8%;
	position: relative;
	margin-top: 12%;
}
.prize_showText{
	margin-left: 5%;
	position: relative;
	display: initial;
}
.prize_text{
	width: 90%;
	left: 5%;
	position: relative;
	margin-top: 5%;
}
.prize_text>span{
	display: block;

}
/*activa_left*/
@keyframes activa_left
{
	0%{
		 transform:translateX(200px);
		 opacity: 0;
	}
	100%{
		 transform:translateX(0px);
		  opacity: 1;
  }
}

@-moz-keyframes activa_left 
{
	0%{
        -moz-transform:translateX(200px);
        opacity: 0;
     }
   100% {
        -moz-transform:translateX(0px);
         opacity: 1;
      }
}

@-webkit-keyframes activa_left 
{
	0%{
       -webkit-transform:translateX(200px);
       opacity: 0;
     }
	100% {
        -webkit-transform:translateX(0px);
         opacity: 1;
      }
}

@-o-keyframes activa_left 
{
	0%{ 
         -o-transform:translateX(200px);
         opacity: 0;
     }
	100% {
        -o-transform:translateX(0px);  
        opacity: 1;
      }
}
@-ms-keyframes activa_left 
{
	0%{ 
         -ms-transform:translateX(200px);
         opacity: 0;
      }
	100% {
        -ms-transform:translateX(0px);  
        opacity: 1;
     }
}
.page03_icon{
	 opacity: 0;
 	 animation:coer_showBox 2s forwards ;
	-moz-animation:coer_showBox 2s forwards  ; 
	-webkit-animation:coer_showBox 2s forwards     ; 
	-o-animation:coer_showBox  2s forwards   ;
	-ms-animation:coer_showBox  2s forwards   ;  
}
.route{
	width: 56%;
	left: 22%;
	top: 6%;
	position: absolute;
}
.year_iconBox{
	width: 54%;
	left: 23%;
	position: absolute;
	top: 6%;
	z-index: 1;
}
.year_icon{
	width:5.5%;
	position: absolute;

}
.year_icon01{
    left: 69%;
    top: -2.5%;
     opacity: 0;
 	 animation:year 1s forwards ;
	-moz-animation:year 1s forwards  ; 
	-webkit-animation:year 1s forwards     ; 
	-o-animation:year  1s forwards   ;
	-ms-animation:year  1s forwards   ; 
}
.year_icon02{
	 left: 59%;
    top: 0.2%;
    opacity: 0;
 	 animation:year 1s forwards .5s;
	-moz-animation:year 1s forwards .5s ; 
	-webkit-animation:year 1s forwards  .5s; 
	-o-animation:year  1s forwards .5s;
	-ms-animation:year  1s forwards .5s; 
}
.year_icon03{
	left: 47%;
    top: 8%;
     opacity: 0;
 	 animation:year 1s forwards 1s;
	-moz-animation:year 1s forwards 1s ; 
	-webkit-animation:year 1s forwards  1s; 
	-o-animation:year  1s forwards 1s;
	-ms-animation:year  1s forwards 1s; 
}
.year_icon04{
	left: 44%;
    top: 29%;
     opacity: 0;
 	 animation:year 1s forwards 1.3s;
	-moz-animation:year 1s forwards 1.3s ; 
	-webkit-animation:year 1s forwards  1.3s; 
	-o-animation:year  1s forwards 1.3s;
	-ms-animation:year  1s forwards 1.3s; 
}
.year_icon05{
    left: 55%;
    top: 31.5%;
     opacity: 0;
 	 animation:year 1s forwards 1.6s;
	-moz-animation:year 1s forwards 1.6s ; 
	-webkit-animation:year 1s forwards  1.6s; 
	-o-animation:year  1s forwards 1.6s;
	-ms-animation:year  1s forwards 1.6s; 
}
.year_icon06{
	left: 66%;
    top: 32%;
      opacity: 0;
 	 animation:year 1s forwards 1.9s;
	-moz-animation:year 1s forwards 1.9s ; 
	-webkit-animation:year 1s forwards  1.9s; 
	-o-animation:year  1s forwards 1.9s;
	-ms-animation:year  1s forwards 1.9s; 
}
.year_icon07{
	left: 77%;
    top: 42%;
    opacity: 0;
 	animation:year 1s forwards 2.2s;
	-moz-animation:year 1s forwards 2.2s ; 
	-webkit-animation:year 1s forwards  2.2s; 
	-o-animation:year  1s forwards 2.2s;
	-ms-animation:year  1s forwards 2.2s; 
}
.year_icon08{
	left: 63%;
     top: 48%;
      opacity: 0;
 	animation:year 1s forwards 2.5s;
	-moz-animation:year 1s forwards 2.5s ; 
	-webkit-animation:year 1s forwards  2.5s; 
	-o-animation:year  1s forwards 2.5s;
	-ms-animation:year  1s forwards 2.5s;
}
.year_icon09{
   left: 47%;
    top: 55.5%;
     opacity: 0;
 	animation:year 1s forwards 2.8s;
	-moz-animation:year 1s forwards 2.8s ; 
	-webkit-animation:year 1s forwards  2.8s; 
	-o-animation:year  1s forwards 2.8s;
	-ms-animation:year  1s forwards 2.8s;
}
.year_icon010{
    top: 66%;
    left: 33%;
     opacity: 0;
 	animation:year 1s forwards 3.1s;
	-moz-animation:year 1s forwards 3.1s ; 
	-webkit-animation:year 1s forwards  3.1s; 
	-o-animation:year  1s forwards 3.1s;
	-ms-animation:year  1s forwards 3.1s;
}
.year_icon011{
   left: 19%;
    top: 71%;
    opacity: 0;
 	animation:year 1s forwards 3.3s;
	-moz-animation:year 1s forwards 3.3s ; 
	-webkit-animation:year 1s forwards  3.3s; 
	-o-animation:year  1s forwards 3.3s;
	-ms-animation:year  1s forwards 3.3s;
}
.year_icon012{
   left: 1%;
    top: 77%;
    opacity: 0;
    animation:year 1s forwards 3.5s;
	-moz-animation:year 1s forwards 3.5s ; 
	-webkit-animation:year 1s forwards  3.5s; 
	-o-animation:year  1s forwards 3.5s;
	-ms-animation:year  1s forwards 3.5s;
}
.year_icon013{
	left: 10%;
    top: 81%;
     opacity: 0;
    animation:year 1s forwards 3.7s;
	-moz-animation:year 1s forwards 3.7s ; 
	-webkit-animation:year 1s forwards  3.7s; 
	-o-animation:year  1s forwards 3.7s;
	-ms-animation:year  1s forwards 3.7s;
}
.year_icon014{
 left: 24%;
    top: 87%;
     opacity: 0;
    animation:year 1s forwards 3.9s;
	-moz-animation:year 1s forwards 3.9s ; 
	-webkit-animation:year 1s forwards  3.9s; 
	-o-animation:year  1s forwards 3.9s;
	-ms-animation:year  1s forwards 3.9s;
}
.year_icon015{
	left: 37%;
    top: 84%;
     opacity: 0;
    animation:year 1s forwards 4.1s;
	-moz-animation:year 1s forwards 4.1s ; 
	-webkit-animation:year 1s forwards  4.1s; 
	-o-animation:year  1s forwards 4.1s;
	-ms-animation:year  1s forwards 4.1s;
}
.year_icon016{
	top: 77%;
    left: 48%;
     opacity: 0;
     animation:year 1s forwards 4.3s;
	-moz-animation:year 1s forwards 4.3s ; 
	-webkit-animation:year 1s forwards  4.3s; 
	-o-animation:year  1s forwards 4.3s;
	-ms-animation:year  1s forwards 4.3s;
}
.year_icon017{
	left: 58%;
    top: 69%;
     opacity: 0;
    animation:year 1s forwards 4.4s;
	-moz-animation:year 1s forwards 4.4s ; 
	-webkit-animation:year 1s forwards  4.4s; 
	-o-animation:year  1s forwards 4.4s;
	-ms-animation:year  1s forwards 4.4s;
}
.year_icon018{
	left: 68%;
    top: 65%;
     opacity: 0;
    animation:year 1s forwards 4.5s;
	-moz-animation:year 1s forwards 4.5s ; 
	-webkit-animation:year 1s forwards  4.5s; 
	-o-animation:year  1s forwards 4.5s;
	-ms-animation:year  1s forwards 4.5s;
}
.year_icon019{
	left: 79%;
    top: 62%;
     opacity: 0;
    animation:year 1s forwards 4.6s;
	-moz-animation:year 1s forwards 4.6s ; 
	-webkit-animation:year 1s forwards  4.6s; 
	-o-animation:year  1s forwards 4.6s;
	-ms-animation:year  1s forwards 4.6s;
}
.year_icon020{
	left: 91%;
    top: 58%;
     opacity: 0;
    animation:year 1s forwards 4.7s;
	-moz-animation:year 1s forwards 4.7s ; 
	-webkit-animation:year 1s forwards  4.7s; 
	-o-animation:year  1s forwards 4.7s;
	-ms-animation:year  1s forwards 4.7s;
}
.year_icon021,.year_icon022,.year_icon023,.year_icon024,.year_icon025,.year_icon026,.year_icon027,.year_icon028,.year_icon029,.year_icon030{
	display:none;
}
/*年份*/
@keyframes year
{
	0%{
		 transform:translateY(20px) scale(.5,.5);
		 opacity: 0;
	}
	100%{
		 transform:translateY(0px) scale(1,1);
		  opacity: 1;
  }
}

@-moz-keyframes year 
{
	0%{
        -moz-transform:translateY(20px)  scale(.5,.5);
        opacity: 0;
     }
   100% {
        -moz-transform:translateY(0px) scale(1,1);
         opacity: 1;
      }
}

@-webkit-keyframes year 
{
	0%{
       -webkit-transform:translateY(20px)  scale(.5,.5);
       opacity: 0;
     }
	100% {
        -webkit-transform:translateY(0px) scale(1,1);
         opacity: 1;
      }
}

@-o-keyframes year 
{
	0%{ 
         -o-transform:translateY(20px)  scale(.5,.5);
         opacity: 0;
     }
	100% {
        -o-transform:translateY(0px) scale(1,1);  
        opacity: 1;
      }
}
@-ms-keyframes year 
{
	0%{ 
         -ms-transform:translateY(20px)  scale(.5,.5);
         opacity: 0;
      }
	100% {
        -ms-transform:translateY(0px) scale(1,1);  
        opacity: 1;
     }
}
.pop-upBox{
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: rgba(0,0,0,0.2);
	top: 0%;
	z-index: 1000;
}
.pop-up{
	  width: 52%;
      left: 24%;
      position: absolute;
      top: 6%;
}
.pop_upMin{
	 width: 52%;
	  height: 75%;
	  background-color: #fff;
      left: 24%;
      position: absolute;
      overflow: hidden;
     /* overflow-y:scroll; */
      top: 14%;
      box-shadow: 0px 4px 41px rgba(0,0,0,0.4);
}
.year_box{
	width: 100%;
	height: 15%;
	background-image: -moz-linear-gradient(top, #fff, #ecedef); 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #ecedef)); 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#ecedef', GradientType='0');
	position: relative;
	border-bottom: solid 1px rgba(0,0,0,0.08);
}
.aspect_left{
	 width: 3%;
	 height: 60%;
	 top: 40%;
	 background-color: #b3b3b3;
	 position: absolute;
	 display: block;
	 cursor: pointer;
}
.aspect_right{
	 width: 3%;
	 height: 60%;
	 top: 40%;
	 right: 0%;
	 background-color: #b3b3b3;
	 position: absolute;
	 display: block;
	  cursor: pointer;
}
.aspec_icon{
	top:36%;
	left: 22%;
	position: absolute;
}
.aspect_right>img{
	margin-left: 10%;
	transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-o-transform:rotate(180deg);
}
.line{
	width: 100%;
	height: 1px;
	position: absolute;
	display: block;
	bottom: 20%;
    background-color: #b3b3b3;
    opacity: 0.2;
}
.reports{
	width: 94%;
	left: 3%;
	height: 42%;
	top: 40%;
    display: -webkit-box;
    display: -moz-box;
    display:-ms-flexbox; 
    display: -webkit-flex;
    display: flex;
    position: relative;
}
.reports>div{
	 width: 9%;
	 height: 100%;
	 position: relative;
	 text-align: center;
	 -webkit-flex-shrink: 0;
	 -ms-flex: 0 0 auto;
	 flex-shrink: 0;
	 font-family: "微软雅黑";
	 color: #ff9c5a;
	 cursor: pointer;	
}
.reports_line{
	width: 30%;
	left: 35%;
	height: 2px;
	position: absolute;
	bottom: 0%;
	background-color: #b3b3b3;
}
.year_introduceBox{
	width: 100%;
	height: 80%;
	margin-top: 3%;
	display: -webkit-box;
    display: -moz-box;
    display:-ms-flexbox; 
    display: -webkit-flex;
    display: flex;
	position: relative;
}
.year_introduceBox>div{
   width: 100%;
   height: 100%;
   position: relative;
   -webkit-flex-shrink: 0;
   -ms-flex: 0 0 auto;
   flex-shrink: 0;
 }
 i{
 	font-style: normal;
 }
 .year_introduce span{
 	width: 86%;
 	left: 5%;
 	position: relative;
 	display: block;
 	color: #3e3e3e;
 }
 .year_introduce>span>i{
 	width: 8px;
 	height:8px;
 	background-color: #dbdbdb;
 	border-radius: 50%;
 	position: relative;
 	display: block;
 	top: 12px;
 }
  .year_introduce>span>em{
 	  left:3%;
 	  position: relative;
 	  display: block;
 	  font-style: normal;
 	   font-family: "微软雅黑";
 }
 .close{
 	top:12%;
 	position: absolute;
     left: 77%;
     cursor: pointer;
 }
 .page05_icon{
 	width: 100%;
 	height:100%;
 	top: 0%;
 	position: relative;
 	/*background-image: url(../img/page05/page05_scene.jpg);*/
 	background-size: cover;
 	background-position: center center;
 }
 .rights{
 	width: 100%;
 	height: 5%;
 	background-color: #666;
 	bottom:0%;
 	position: absolute;
 }
 .page05_iconShow{
 	width: 100%;
 	height: 40%;
 	bottom: 0%;
 	position: absolute;
	background: -webkit-linear-gradient(left, rgba(101,182,36,1), rgba(1,151,222,1)); 
	background: -o-linear-gradient(right,rgba(101,182,36,1), rgba(1,151,222,1)); 
	background: -moz-linear-gradient(right,rgba(101,182,36,1), rgba(1,151,222,1)); 
   background: linear-gradient(to right,rgba(101,182,36,1) , rgba(1,151,222,1));
  
 }
 .page05_show{
 	width: 62%;
 	left: 19%;
 	position: relative;
 	height: 58%;
 }
 .page05_show>a{
 	width: 25%;
 	height: 100%;
 	position: relative;
 	float: left;
 	text-decoration: none;
 }
 .page05_show>a>img{
 	width: 40%;
 	left: 30%;
 	top: 14%;
 	position: absolute;
 }
.page05_show>a>i{
	width: 100%;
	position: relative;
	color: #fff;
 	text-align: center;
 	font-style: normal;
 	display: block;
 	top: 75%;
 	/*margin-top: 4px;*/
}

.yqlj_show{ 	width: 62%;
 	left: 19%;
 	position: relative;
 	height: 40%;
	border-top:1px solid #bddce6;
	margin-top: 1%;
	padding: 0.5% 0px;
	font-size: 12px;
color: #fff;
line-height: 28px;
	}
.yqlj_show a{ color:#fff; font-size:12px;
margin-right:5px;
display: inline-block;
text-decoration: none;
}

.project_box{
	width:62%;
	left: 19%;
	position: relative;
	height: 27%;
}
.project_box>div{
	width: 20%;
	height: 84%;
	top:16%;
	position: relative;
	float: left;
   color: #666;
  /* font-family: "宋体";*/
}
.project_line{
	width: 80%;
	height: 1px;
	position: relative;
	display: block;
	margin-top: 3%;
	background-color: #cfc6c7;
}
.project_box>div>ul{
	position: relative;
	top: 4%;
}
.project_box>div>ul> li{
	list-style: none;
 }
.project_box>div>ul> li a{
	text-decoration: none;
	list-style: none;
	color: #bbb;
    font-family: "宋体";
    position: relative;
}
.project_box>div>ul> li a:hover{
    text-decoration:underline; 
}
.rights_box{
	 width: 62%;
	 left: 19%;
	 height: 100%;
	 position: relative;
}
.rigths_left{
	color: #fff;
	/*top: 18%;*/
    position: relative;
    font-family: "宋体";
}
.rigths_rightBox{
	font-family: "宋体";
	 height:100%;
	 right: 0%;
	 top: 1%;
	 position: absolute;
}
.rigths_rightBox a{
	/* width: 50%;*/
	 padding: 0px 10px 0px 10px;
	 height: 100%;
	 top: 0%;
	 text-decoration: none;
	 position: relative;
	 color: #fff;
	 text-align: center;
}
.rigths_rightBox a:first-child{
	 border-right:solid 1px #fff;
}
.rigths_rightBox a:hover{
	 text-decoration:underline; 

}
.null_navTop>img{
	width: 3%;
	left: 48.5%;
	position: absolute;
	top: 14%;
	
}
.null_nav1{
	 animation:null_nav1 1s infinite ;
	-moz-animation:null_nav1 1s infinite ; 
	-webkit-animation:null_nav1 1s infinite  ; 
	-o-animation:null_nav1 1s infinite ;
	-ms-animation:null_nav1  1s infinite  ;   
}
/*下*/
@keyframes null_nav1
{
	0%{
		 transform:translateY(-5px);
		opacity: 1;
	}
	50%{
		 transform:translateY(5px);
		  opacity: 1;
  }
  100%{
		 transform:translateY(-5px);
		 opacity: 1;
	}
}

@-moz-keyframes null_nav1 
{
	0%{
        -moz-transform:translateY(-5px);
       opacity: 1;
     }
   50% {
        -moz-transform:translateY(5px);
         opacity: 1;
      }
      100%{
      	   -moz-transform:translateY(-5px);
        opacity: 1;
      }
}

@-webkit-keyframes null_nav1 
{
	0%{
       -webkit-transform:translateY(-5px);
        opacity: 1;
     }
	50% {
        -webkit-transform:translateY(5px);
         opacity: 1;
      }

	100%{
       -webkit-transform:translateY(-5px);
       opacity: 1;
     }
}

@-o-keyframes null_nav1 
{
	0%{ 
         -o-transform:translateY(-5px);
         opacity: 1;
     }
	50% {
        -o-transform:translateY(5px);  
        opacity: 1;
      }
      100%{ 
         -o-transform:translateY(-5px);
         opacity: 1;
     }
}
@-ms-keyframes null_nav1 
{
	0%{ 
         -ms-transform:translateY(-5px);
         opacity: 1;
      }
	50% {
        -ms-transform:translateY(5px);  
        opacity: 1;
     }
     100%{ 
         -ms-transform:translateY(-5px);
         opacity: 1;
      }
}
.left{
   width: 4%;
    position: absolute;
    top: 44%;
    left: 2%;
 }
 .right{
 	  width: 4%;
     position: absolute;
     top: 44%;
     right: 2%;
 }
 .w3d{
 	width: 7%;
 	top: 3%;
 	left: 90%;
 	z-index: 1000;
 	position:relative;
 display: block;
 }
   .w3d2{
width: 20px;
top: 3.5%;
left: 87%;
z-index: 1000;
position: relative;
display: block;
border: 1px solid #ccc;
height: 20px;
line-height: 20px;
color: #fff;
text-align: center;
font-size: 12px;
text-decoration: none;
 }
 .w3d>img{
 	width: 100%;
 	position: absolute;
 	
 }