@media (max-width: 768px) {

	.wap_inner_header div.screen{
		width:320px;
		height:560px;
		overflow:hidden;
		position:absolute;
		top:180px;
		left:50%;
		margin-left:-160px;
		background:#31558a;
	}

	.wap_inner_header .list{margin-top:36px; text-align:left;}
	.wap_inner_header .item{
		height:115px;
		margin-top:30px 0;
		padding-left:115px;
		clear:both;
	}
	.wap_inner_header .item .img,.wap_inner_header  .item span{background:#214273; border-radius:3px;}
	.wap_inner_header .item .img{float:left; width:71px; height:71px; margin-left:-93px;}
	.wap_inner_header .item span{height:11px; width:180px; margin-bottom:19px; float:left;}
	.wap_inner_header .item span:nth-of-type(3){width:75px; margin-botom:0;}

	.wap_inner_header div.burger {
		height: 30px;
		width: 40px;
		position: absolute;
		top: 11px;
		left: 21px;
		cursor: pointer;
	}
	div.x,
	div.y,
	div.z {
		position: absolute; margin: auto;
		top: 0px; bottom: 0px;
		background: #fff;
		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.y, div.z { height: 3px; width: 26px; }
	div.y{top: 18px;}
	div.z{top: 37px;}
	div.collapse{
		top: 20px;
		background:#4a89dc;
		-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 50ms ease-out;
		-moz-transition: all 50ms ease-out;
		-ms-transition: all 50ms ease-out;
		-o-transition: all 50ms ease-out;
		transition: all 50ms ease-out;
	}
	div.rotate150{
		-ms-transform: rotate(150deg);
		-webkit-transform: rotate(150deg);
		transform: rotate(150deg);
		-webkit-transition: all 50ms ease-out;
		-moz-transition: all 50ms ease-out;
		-ms-transition: all 50ms ease-out;
		-o-transition: all 50ms ease-out;
		transition: all 50ms 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{height:73px;}

	div.circle{
		border-radius: 50%;
		width: 0px;
		height: 0px;
		position:absolute;
		top: 35px;
		left: 36px;
		background:#fff;
		opacity:1;
		-webkit-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
		-moz-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
		-ms-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
		-o-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
		transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	}
	div.circle.expand{
		width:1200px;
		height:1200px;
		top: -560px;
		left: -565px;
		-webkit-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
		-moz-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
		-ms-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
		-o-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
		transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);

	}
	.wap_inner_header div.menu {
		height: 568px;
		width: 320px;
		position: absolute;
		top: 0px; left: 0px;
	}
	.wap_inner_header div.menu ul li {
		list-style: none;
		position:absolute;
		top:50px;;
		left:0;
		opacity:0;
		width:320px;
		text-align:center;
		font-size:0px;
		-webkit-transition: all 70ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
		-moz-transition: all 70ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
		-ms-transition: all 70ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
		-o-transition: all 70ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
		transition: all 70ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	}
	.wap_inner_header div.menu ul li a {
		color:#4a89dc;
		text-transform:uppercase;
		text-decoration:none;
		letter-spacing:3px;
	}

	.wap_inner_header div.menu li.animate{
		font-size:16px;
		font-family: SimHei;
		opacity:1;
		-webkit-transition: all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
		-moz-transition: all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
		-ms-transition: all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
		-o-transition: all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
		transition: all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	}
	.wap_inner_header div.menu li.animate:nth-of-type(1){
		top:120px;
		transition-delay: 0.0s;
	}
	.wap_inner_header div.menu li.animate:nth-of-type(2){
		top:190px;
		transition-delay: 0.03s;

	}
	.wap_inner_header div.menu li.animate:nth-of-type(3){
		top:260px;
		transition-delay: 0.06s;

	}
	.wap_inner_header div.menu li.animate:nth-of-type(4){
		top:330px;
		transition-delay: 0.09s;

	}
	.wap_inner_header div.menu li.animate:nth-of-type(5){
		top:400px;
		transition-delay: 0.12s;

	}
	.wap_inner_header div.menu li.animate:nth-of-type(6){
		top:470px;
		transition-delay: 0.15s;

	}
}