body{
			margin: 0;
			padding: 0;
			overflow-x: hidden;
		}
		li{
			list-style-type: none;
		}
		.wn-zq-top{
			position: relative;
		}
		.wn-zq-top .top {
			width: 100%;
			display: block;
		}
		.change{top:490px;left:865px;
	    	width:100%;
		    height:17rem;
		    background: url(../images/wn-zq-change.png;vpn_img) no-repeat center left;
		    background-size: 384px 284px;
		    z-index: 9999999999;
		    -webkit-animation:change  5s linear ;
		    animation: change 5s linear ;
		    position: absolute;
	    }
		@keyframes change{
			0%{top:650px;left:1800px;opacity:0;}
			50%{top:580px;left:1300px;opacity:0.5;}
			100%{top:490px;left:865px;opacity:1;}
		} 
		
	
		.wn-zq-top a{
			width: 170px;
		    height: 81px;
		    position: absolute;
		    top: 31px;
		    left: 22%;
		}
		.wn-zq-center img{
			width: 100%;
			display: block;
			
		}
		.wn-zq-bottom{
			position: relative;
		}
		.wn-zq-bottom-left{
			    position: relative;
			    width: 43%;
			    height: 100%;
			    margin-left: 4%;
    			margin-top: 3.8%;
    			border: 3px solid #fde8d2;
    			border-radius: 18px;
                float: left;
	
		}
		.wn-zq-bottom-left img{
			    border-radius: 16px;
		}
		.wn-zq-bottom-left span{
			position: absolute;
			bottom: 0;
			left: 0;
			width: 100%;
			display: block;
			text-align: center;
			color: #e8e7e2;
			font-size: 17px;
			background: rgba(0,0,0,0.6);
			height: 46px;
    		line-height: 46px;
    		border-radius: 0px 0px 13px 14px;
    	
			
		}
		.wn-zq-bottom-right {
			
			     width: 43%;
			    float: right;
			    margin-top: 2.4%;
			    letter-spacing: 3px;
			    margin-right: 4%;
		}
		.wn-zq-bottom-right li{
		    color: #bdbfbb;
			background: url(../images/wn-zq-bottom-point.png;vpn_img) no-repeat left center;
			padding-left: 20px;
			background-size: 7px 7px;
			 margin-top: 9%;
		}
		.wn-zq-bottom-right li:hover{
			color: #d9d4c5;
			font-weight: 600;
			font-size: 17px;
	
		}

		.wn-zq-bottom-right li:last-child{
			 margin-top: 9.5% !important;
		}
		.wn-zq-bottom-content{
		        width: 57.3%;
			    position: absolute;
			    top: 27.4%;
			    left: 21.24%;
        }
		   

	
		.wn-zq-bottom img{
			width: 100%;
			height: 100%;
			display: block;

		}
		a{
			text-decoration: none;
			color: #bdbfbb;
		}
		
		.clearfix:before,.clearfix:after{clear:both;content:'.';display:block;height:0;visibility:hidden;line-height:0;}
		.clearfix{*zoom:1;}	
		.text-hide-1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
		
		.petal1{

			width:100%;
		    height:10rem;
		    background: url(../images/wn-zq-petal1.png;vpn_img) no-repeat;
		    z-index: 9999999999;
		    -webkit-animation: petal1 8s linear infinite;
		    animation: petal1 8s linear infinite;
		    position: absolute;
	    }
	    
		@keyframes petal1{
		    0%{top:350px;left:1500px;opacity:0;}
		    25%{top:450px;left:1680px;opacity:0.3;}
			50%{top:560px;left:1540px;opacity:0.5;}
			75%{top:680px;left:1620px;opacity:0.8;}
			100%{top:780px;left:1540px;opacity:1;}
		} 
		
		.petal2{
	
			width:100%;
		    height:10rem;
		    background: url(../images/wn-zq-petal1.png;vpn_img) no-repeat;
		    z-index: 9999999999;
		    -webkit-animation: petal2 6s linear infinite;
		    animation: petal2 6s linear infinite;
		    position: absolute;
	    }
	    
		@keyframes petal2{
		    0%{top:320px;left:1420px;opacity:0;}
		    25%{top:430px;left:1520px;opacity:0.3;}
			50%{top:560px;left:1710px;opacity:0.5;}
			75%{top:680px;left:1620px;opacity:0.8;}
			100%{top:780px;left:1800px;opacity:1;}
		} 
		
		.petal3{

			width:100%;
		    height:10rem;
		    background: url(../images/wn-zq-petal2.png;vpn_img) no-repeat;
		    z-index: 9999999999;
		    -webkit-animation: petal3 7s linear infinite;
		    animation: petal3 7s linear infinite;
		    position: absolute;
	    }
	    
		@keyframes petal3{
		    0%{top:320px;left:1600px;opacity:0;}
		    25%{top:420px;left:1480px;opacity:0.3;}
			50%{top:560px;left:1600px;opacity:0.5;}
			75%{top:690px;left:1500px;opacity:0.8;}
			100%{top:820px;left:1580px;opacity:1;}
		} 
		
		
		.petal4{
			
			width:100%;
		    height:10rem;
		    background: url(../images/wn-zq-petal2.png;vpn_img) no-repeat;
		    z-index: 9999999999;
		    -webkit-animation: petal4 8s linear infinite;
		    animation: petal4 8s linear infinite ;
		    position: absolute;
	    }
	    
		@keyframes petal4{
		    0%{top:320px;left:1500px;opacity:0;}
		    25%{top:450px;left:1650px;opacity:0.3;}
		    50%{top:600px;left:1480px;opacity:0.5;}
		    75%{top:720px;left:1360px;opacity:0.8;}
			100%{top:820px;left:1300px;opacity:1;}
		} 
		
		
		.petal5{
		
			width:100%;
		    height:10rem;
		    background: url(../images/wn-zq-petal4.png;vpn_img) no-repeat;
		    z-index: 9999999999;
		    -webkit-animation: petal5 6s linear infinite;
		    animation: petal5 6s linear infinite;
		    position: absolute;
	    }
	    
		@keyframes petal5{
		    0%{top:220px;left:1380px;opacity:0;}
		    25%{top:420px;left:1280px;opacity:0.3;}
			50%{top:590px;left:1400;opacity:0.5;}
			75%{top:710px;left:1360px;opacity:0.8;}
			100%{top:820px;left:1320px;opacity:1;}
		} 
		
		
		
		.petal6{
		
			width:100%;
		    height:10rem;
		    background: url(../images/wn-zq-petal4.png;vpn_img) no-repeat;
		    z-index: 9999999999;
		    -webkit-animation: petal6 7s linear infinite;
		    animation: petal6 7s linear infinite;
		    position: absolute;
	    }
	    
		@keyframes petal6{
		    0%{top:220px;left:1400px;opacity:0;}
		    25%{top:420px;left:1500px;opacity:0.3;}
			50%{top:590px;left:1200;opacity:0.5;}
			75%{top:710px;left:1360px;opacity:0.8;}
			100%{top:820px;left:1320px;opacity:1;}
		} 
		
		
		.petal7{

			width:100%;
		    height:10rem;
		    background: url(../images/wn-zq-petal3.png;vpn_img) no-repeat;
		    z-index: 9999999999;
		    -webkit-animation: petal7 9s linear infinite;
		    animation: petal7 9s linear infinite;
		    position: absolute;
	    }
	    
		@keyframes petal7{
		    0%{top:200px;left:1450px;opacity:0;}
		    25%{top:420px;left:1320px;opacity:0.3;}
			50%{top:580px;left:1400px;opacity:0.5;}
			75%{top:710px;left:1350px ;opacity: 0.8;}
			100%{top:820px;left:1350px;opacity:1;}
		} 
		
		
		.petal8{
		
			width:100%;
		    height:10rem;
		    background: url(../images/wn-zq-petal3.png;vpn_img) no-repeat;
		    z-index: 9999999999;
		    -webkit-animation: petal8 10s linear infinite;
		    animation: petal8 10s linear infinite;
		    position: absolute;
	    }
	    
		@keyframes petal8{
		    0%{top:280px;left:1500px;opacity:0;}
		    25%{top:430px;left:1620px;opacity:0.3;}
			50%{top:580px;left:1450px;opacity:0.5;}
			100%{top:820px;left:1620px;opacity:1;}
		} 
		
		
		.petal9{
		
			width:100%;
		    height:10rem;
		    background: url(../images/wn-zq-petal5.png;vpn_img) no-repeat;
		    z-index: 9999999999;
		    -webkit-animation: petal9 8s linear infinite;
		    animation: petal9 8s linear infinite;
		    position: absolute;
	    }
	    
		@keyframes petal9{
		    0%{top:280px;left:1650px;opacity:0;}
			50%{top:580px;left:1500px;opacity:0.5;}
			100%{top:820px;left:1630px;opacity:1;}
		} 
		
		
		
		.petal10{
		
			width:100%;
		    height:10rem;
		    background: url(../images/wn-zq-petal6.png;vpn_img) no-repeat;
		    z-index: 9999999999;
		    -webkit-animation: petal10 10s linear infinite;
		    animation: petal10 10s linear infinite;
		    position: absolute;
	    }
	    
		@keyframes petal10{
		    0%{top:300px;left:1550px;opacity:0;}
			50%{top:460px;left:1420px;opacity:0.5;}
			75%{top:600px;left:1580px;opacity:0.8;}
			100%{top:830px;left:1460px;opacity:1;}
		} 
		
		
		.petal11{
		
			width:100%;
		    height:10rem;
		    background: url(../images/wn-zq-petal6.png;vpn_img) no-repeat;
		    z-index: 9999999999;
		    -webkit-animation: petal11 8s linear infinite;
		    animation: petal11 8s linear infinite;
		    position: absolute;
	    }
	    
		@keyframes petal11{
		    0%{top:260px;left:1460px;opacity:0;}
			50%{top:480px;left:1600px;opacity:0.5;}
			75%{top:600px;left:1510px;opacity:0.8;}
			100%{top:820px;left:1650px;opacity:1;}
		} 
		
		
		.petal12{
	
			width:100%;
		    height:10rem;
		    background: url(../images/wn-zq-petal7.png;vpn_img) no-repeat;
		    z-index: 9999999999;
		    -webkit-animation: petal12 10s linear infinite;
		    animation: petal12 10s linear infinite;
		    position: absolute;
	    }
	    
		@keyframes petal12{
		    0%{top:200px;left:1600px;opacity:0;}
		    25%{top:380px;left:1600px;opacity:0.3;}
			50%{top:530px;left:1520px;opacity:0.5;}
			75%{top:680px;left:1600px;opacity:0.8;}
		    100%{top:820px;left:1730px;opacity:1;}
		} 
		
		
		.petal13{
	
			width:100%;
		    height:10rem;
		    background: url(../images/wn-zq-petal7.png;vpn_img) no-repeat;
		    z-index: 9999999999;
		    -webkit-animation: petal13 10s linear infinite;
		    animation: petal13 10s linear infinite;
		    position: absolute;
	    }
	    
		@keyframes petal13{
		    0%{top:300px;left:140px;opacity:0;}
		    25%{top:380px;left:320px;opacity:0.3;}
			50%{top:530px;left:260px;opacity:0.5;}
		    100%{top:770px;left:360px;opacity:1;}
		} 
		
		
		.petal14{
	
			width:100%;
		    height:10rem;
		    background: url(../images/wn-zq-petal2.png;vpn_img) no-repeat;
		    z-index: 9999999999;
		    -webkit-animation: petal14 8s linear infinite;
		    animation: petal14 8s linear infinite;
		    position: absolute;
	    }
	    
		@keyframes petal14{
		    0%{top:340px;left:80px;opacity:0;}
		    25%{top:380px;left:200px;opacity:0.3;}
			50%{top:530px;left:340px;opacity:0.5;}
		    100%{top:770px;left:420px;opacity:1;}
		} 
		
		.petal15{
	
			width:100%;
		    height:10rem;
		    background: url(../images/wn-zq-petal3.png;vpn_img) no-repeat;
		    z-index: 9999999999;
		    -webkit-animation: petal15 9s linear infinite;
		    animation: petal15 9s linear infinite;
		    position: absolute;
	    }
	    
		@keyframes petal15{
		    0%{top:260px;left:180px;opacity:0;}
		    25%{top:380px;left:360px;opacity:0.3;}
			50%{top:560px;left:220px;opacity:0.5;}
			75%{top:630px;left:320px;opacity:0.8;}
		    100%{top:820px;left:160px;opacity:1;}
		}