.am-container{
	display: block;

}
.navhead {
	display: none;
}
.nav {
	display: none;
}
.item-button {
	display: block;
}
/* .bottom {
		position: fixed;
		bottom: 0;
		left: 0;
	} */
@media screen and (max-width: 768px) {
	.item-button {
		display: none;
	}
	.enter_port_list .item .item-img {
		width: 80%;
		height: 220px;
	}
	
	.nav {
		display: none;
	}
	.bottom, .bottom .bottom-center {
	    height: auto;
	}
	.bottom .bottom-center {
	    text-align: center;
		line-height: 30px;
	}
	.navul {
		padding-left: 0;
	}
	.navhead {
		display: block;
	}
	.am-container {
		display: none;
	}
	.h5_logo {
		height: 50px;
	}
	.h5_logo img {
		height: 50px;
	}
	.navhead {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 5px;
	}
	.xs_nav{ width:45px; height:35px; border-radius:5px;float:right;  }
	.xs_nav i{ display:block; width:60%; height:2px; background:#fff; margin:8px auto;}
	.nav {
		width: 100%;
		height: 82px;
		margin: 0 auto;
		background: #0080ff;border-top:2px solid #0080ff;
	}
	.nav ul{ width:1198px; height:80px; margin:0 auto;border-left:2px solid #0080ff; padding-left: 0px !important;}
	.nav li {
		width: 131px;
		float: left;
		height: 80px;
		position: relative;
		text-align: center;
		padding-right: 2px;
	}
	.nav li.last {
		width: 134px !important;
	}
	.nav li a {
		display: block;
		text-align: center;
		line-height: 80px;
		height: 80px;
		font-size: 15px;
		color: #fff;
		transition: all .3s ease;
		overflow: hidden;
	}
	.nav li a img {
		display: block;
		margin: 15px auto 10px auto;
		transition: all .3s ease;
	}
	.nav li a:hover, .nav  a.active {
		background: #014099;
		color: #fff;
	}
	.nav li a:hover img {
		-moz-transform: scaleX(-1);
		-webkit-transform: scaleX(-1);
		-o-transform: scaleX(-1);
		transform: scaleX(-1);
	}
	.nav{ width:100%; display:none; position:relative; z-index:10; height:auto; top:-10px;}
	.nav ul{ width:100%; height:auto;}
	.nav li{ width:100%; height:auto; float:none;}
}