#wrapper{width:100%;height:100%; position:absolute;}
div.screen{width:100%;height:auto;overflow:hidden;position:absolute; top:0px; right:0px;
	-webkit-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	   -moz-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	    -ms-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	     -o-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	        transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);	}
div.screen.animate{right:120px;
	-webkit-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	   -moz-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	    -ms-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	     -o-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	        transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);	}
.list{margin-top:36px; text-align:right;}
.item{height:115px;margin-top:30px 0;padding-right:115px;clear:both;}
.item .img, .item span{background:#214273; border-radius:3px;}
.item .img{float:right; width:71px; height:71px; margin-right:-93px;}
.item span{height:11px; width:180px; margin-bottom:19px; float:right;}
.item span:nth-of-type(3){width:75px; margin-bottom:0;}

div.burger {height: 60px; width: 80px; position: absolute; top: 0px; right: 0px; cursor: pointer;	}
	div.x,
	div.z {
		position: absolute; margin: auto;
		top: 18px; right:28px;		
		background: #2e2e2e;
		border-radius:2px;
		-webkit-transition: all 200ms ease-out;
		   -moz-transition: all 200ms ease-out;
		    -ms-transition: all 200ms ease-out;
		     -o-transition: all 200ms ease-out;
		        transition: all 200ms ease-out;
	}		
	div.x, div.z {
		height: 2px;
		width: 23px;
		-webkit-transition: all 100ms ease-out;
		   -moz-transition: all 100ms ease-out;
		    -ms-transition: all 100ms ease-out;
		     -o-transition: all 100ms ease-out;
		        transition: all 100ms ease-out;
    }
	div.y.squize{
		width:0;
		-webkit-transition: all 100ms ease-out;
		   -moz-transition: all 100ms ease-out;
		    -ms-transition: all 100ms ease-out;
		     -o-transition: all 100ms ease-out;
		        transition: all 100ms ease-out;
	}
	div.z{top: 29px;}	 
	div.open div.x, div.open div.z{
		top:20px;
		-webkit-transition: all 70ms ease-out;
		   -moz-transition: all 70ms ease-out;
		    -ms-transition: all 70ms ease-out;
		     -o-transition: all 70ms ease-out;
		        transition: all 70ms ease-out;}
	
	div.rotate30{		
		-ms-transform: rotate(30deg); 
    	-webkit-transform: rotate(30deg); 
	    transform: rotate(30deg);	
		-webkit-transition: all 70ms ease-out;
		   -moz-transition: all 70ms ease-out;
		    -ms-transition: all 70ms ease-out;
		     -o-transition: all 70ms ease-out;
		        transition: all 70ms ease-out;}
	div.rotate150{
		-ms-transform: rotate(150deg); 
    	-webkit-transform: rotate(150deg); 
	    transform: rotate(150deg);	
		-webkit-transition: all 70ms ease-out;
		   -moz-transition: all 70ms ease-out;
		    -ms-transition: all 70ms ease-out;
		     -o-transition: all 70ms ease-out;
		        transition: all 70ms ease-out;}
	
	div.rotate45{
		-ms-transform: rotate(45deg); 
    	-webkit-transform: rotate(45deg); 
	    transform: rotate(45deg);	
		-webkit-transition: all 100ms ease-out;
		   -moz-transition: all 100ms ease-out;
		    -ms-transition: all 100ms ease-out;
		     -o-transition: all 100ms ease-out;
		        transition: all 100ms ease-out;	}
	div.rotate135{
		-ms-transform: rotate(135deg); 
    	-webkit-transform: rotate(135deg); 
	    transform: rotate(135deg);	
		-webkit-transition: all 100ms ease-out;
		   -moz-transition: all 100ms ease-out;
		    -ms-transition: all 100ms ease-out;
		     -o-transition: all 100ms ease-out;
		        transition: all 100ms ease-out;	}

div.navbar{width:230px;height:50px; position: absolute; top: 12px; left: 25px;}
div.navbar img{width: 78%;}
div.menu {
	background-color: #FFAE4C;
	height: 100%; 
	width: 100%;
	top:0% !important;
	margin-right:-190px;
	opacity:0;	
	position:relative;
	-webkit-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	   -moz-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	    -ms-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	     -o-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	        transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);	
}
div.menu.animate{
	margin-right:-110px;
	opacity:1;
	-webkit-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	   -moz-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	    -ms-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	     -o-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	        transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);	
}

div.menu ul{ position:relative;}
div.menu ul li img{width: 60px; padding-top:30px; margin-right:-0px;}
div.menu ul li {
	list-style: none;
	text-align: right;
	width: 93%;
	height: 50px;
	line-height: 50px;
	font-size: 14px;
}
div.menu ul a {
	display: block;
	border-bottom: 1px solid #fff;
	color: #fff;
	width: 100%;
	height: 50px;
	text-align: right;
	text-decoration:none;	
	letter-spacing:1px;	
}
div.menu.animate ul li {
	-webkit-transition: all 800ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	   -moz-transition: all 800ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	    -ms-transition: all 800ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	     -o-transition: all 800ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	        transition: all 800ms cubic-bezier(0.000, 0.995, 0.990, 1.000);	
}
div.menu.animate ul a{
	    color: #fff; 
	-webkit-transition: all 800ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	   -moz-transition: all 800ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	    -ms-transition: all 800ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	     -o-transition: all 800ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	        transition: all 800ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
}

div.menu.animate li:nth-of-type(1){transition-delay: 0.0s;}
div.menu.animate li:nth-of-type(2){transition-delay: 0.06s;}
div.menu.animate li:nth-of-type(3){transition-delay: 0.12s;}
div.menu.animate li:nth-of-type(4){transition-delay: 0.18s;}
div.menu.animate li:nth-of-type(5){transition-delay: 0.24s;}


/*500-850 手机横版*/  
@media screen and (orientation : landscape) {
@media screen and (min-width: 500px) and (max-width: 850px){
div.burger {height: 60px; width: 120px; position: absolute; top: 0px; right: 0px; cursor: pointer;	}
	div.x,
	div.z {
		position: absolute; margin: auto;
		top: 15px; right:65px;	height: 2px; width: 25px;}
		div.z{top: 26px;}
		div.open div.x, div.open div.z{top:22px;}

div.navbar{width:190px;height:50px; position: absolute; top: 13px; left: 60px; }
div.navbar img{width: 100%;}

div.menu ul li {
	list-style: none;
	text-align: right;
	width: 96%;
	height: 50px;
	line-height: 50px;
	font-size: 14px;}

}}







/*420-800 pad竖版*/ 
@media screen and (orientation : portrait){
@media screen and (min-width: 420px) and (max-width: 800px){
div.burger {height: 80px; width: 150px; position: absolute; top: 0px; right: 0px; cursor: pointer;}
	div.x,
	div.z {position: absolute; margin: auto;
		top: 30px; right:45px; height: 2.5px; width: 30px;}
	div.z{top: 45px;}	 
	div.open div.x, div.open div.z{top:35px;}

div.navbar{width:300px;height:50px; position: absolute; top: 15px; left: 40px; }
div.navbar img{width: 100%;}
div.menu ul a {
	display: block;
	border-bottom: 1px solid #fff;
	color: #fff;
	width: 100%;
	height: 70px;
	text-align: right;
	text-decoration:none;	
	letter-spacing:1px;	
}
div.menu ul li {
	list-style: none;
	text-align: right;	height: 70px;
	line-height: 70px;

	width: 97%;
	font-size: 16px;}

div.menu ul li img{width: 80px; padding-top:30px; margin-right:-0px;}

}}




/*850-1024 pad横版*/ 
@media screen and (orientation : landscape) {
@media screen and (min-width: 850px) and (max-width: 1024px){
div.burger {height: 80px; width: 150px; position: absolute; top: 0px; right: 0px; cursor: pointer;	}
	div.x,
	div.z {position: absolute; margin: auto;
		top: 20px; right:100px; height: 2.5px; width: 30px;}
	div.z{top: 35px;}	 
	div.open div.x, div.open div.z{top:35px;}

div.navbar{width:280px;height:50px; position: absolute; top: 15px; left: 105px; }
div.navbar img{width: 100%;}
div.menu ul a {
	display: block;
	border-bottom: 1px solid #fff;
	color: #fff;
	width: 100%;
	height: 70px;
	text-align: right;
	text-decoration:none;	
	letter-spacing:1px;	
}
div.menu ul li {
	list-style: none;
	text-align: right;
	width: 97%;
	height: 70px;
	line-height: 70px;
	font-size: 16px;}

div.menu ul li img{width: 80px; padding-top:30px; margin-right:-0px;}

}}






/*800-2100 pad pro竖版*/ 
@media screen and (orientation : portrait){
@media screen and (min-width: 800px) and (max-width: 2100px){
div.screen.animate{right:180px;}

div.burger {height: 150px; width: 300px; position: absolute; top: 0px; right: 0px; cursor: pointer;	}
	div.x,
	div.z {position: absolute; margin: auto;
		top: 40px; right:50px; height: 5px; width: 45px;}
	div.z{top: 60px;}	 
	div.open div.x, div.open div.z{top:55px;}

div.navbar{width:400px;height:50px; position: absolute; top: 20px; left: 70px; }
div.navbar img{width: 100%;}
div.menu ul a {
	display: block;
	border-bottom: 1px solid #fff;
	color: #fff;
	width: 100%;
	height: 120px;
	text-align: right;
	text-decoration:none;	
	letter-spacing:1px;	
}
div.menu ul li {
	list-style: none;
	text-align: right;
	width: 96%;
	height: 120px;
	line-height: 120px;
	font-size: 25px;}

div.menu ul li img{width: 100px; padding-top:30px; margin-right:-0px;}

}}




/*1100-2100 pad横版*/
@media screen and (orientation : landscape) {
@media screen and (min-width: 1100px) and (max-width: 2100px){
div.screen.animate{right:180px;}

div.burger {height: 150px; width: 300px; position: absolute; top: 0px; right: 0px; cursor: pointer;	}
	div.x,
	div.z {position: absolute; margin: auto;
		top: 40px; right:55px; height: 5px; width: 45px;}
	div.z{top: 60px;}	 
	div.open div.x, div.open div.z{top:55px;}

div.navbar{width:400px;height:50px; position: absolute; top: 20px; left: 70px; }
div.navbar img{width: 100%;}
div.menu ul a {
	display: block;
	border-bottom: 1px solid #fff;
	color: #fff;
	width: 100%;
	height: 120px;
	text-align: right;
	text-decoration:none;	
	letter-spacing:1px;	
}
div.menu ul li {
	list-style: none;
	text-align: right;
	width: 98%;
	height: 120px;
	line-height: 120px;
	font-size: 25px;}

div.menu ul li img{width: 100px; padding-top:30px; margin-right:-0px;}

}}