body{padding:0;border:0; margin:0;font-size: 14px;font-weight: normal;color: #333;}
div,form,img,ul,ol,li,dl,i,u,span,dt,dd,em,i,h1,h2,h3,h4,p{ padding:0; border:0;margin:0;list-style:none;font-style:normal;}
a{text-decoration:none; color:#000000; outline:none; cursor:pointer}
a:hover{ text-decoration: none;}
ul,li{list-style: none}
h2,h3{text-overflow: ellipsis; white-space: normal; font-weight: normal;}
img{vertical-align: bottom;}
/* 头部 start */
header {
	position: relative;
	width: 100%;
}
/* 返回顶部 start*/
.roof {
	z-index: 1000;
	display: none;
	position: fixed;
	bottom: 30%;
	right: 20px;
	transform: translateY(-50%);
}
.roof>i {
	display: block;
	font-size: 42px;
	color: #666;
	cursor: pointer;
	transition: all .5s;
}
.roof:hover i {
	transform: translateY(-10px);
	color: #009ECB;
}
/* 返回顶部 end */
body {
	min-height: 500px;
}
.w {
	display: flex;
	width: 95%;
	margin: 0 auto;
	max-width: 1200px;
}
.top {
	width: 100%;
	height: 35px;
	line-height: 35px;
	background-color: #434343;
}
.top p:nth-child(1) {
	width: 50%;
	box-sizing: border-box;
	animation: move 8s linear infinite alternate;
}

@keyframes move{
	from{
		padding-left: 0;
	}
	to{
		padding-left: 20%;
	}
}

.top p:nth-child(2) {
	width: 30%;
	text-align: right;
}
.top p:nth-child(3) {
	width: 20%;
	text-align: right;
}

.top p,
.top p>a {
	font-size: 12px;
	color: #ccc;
}
.top p>a:hover {
	text-decoration: revert;
}
.top p span {
	padding: 0 5px;
}
.head {
	height: 80px;
	align-items: center;
}
.logo {
	width: 40%;
}
.logo>h1 {
	font-size: 0;
}
nav {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 60%;
	height: 100%;
}

/* 更多 */

.column {
	position: absolute;
	display: none;
	bottom: 21%;
	right: 25px;
}
.column>i {
	cursor: pointer;
}
.column .icon-gengduo {
	font-size: 30px;
	color: #000;
}
.column-content {
	z-index: 10;
	position: fixed;
	top: 0;
	right: -100%;
	width: 100%;
	height: 100%;
	background-color: white;
	transition: all .5s;
}

.column-content-hd {
	position: relative;
	width: 100%;
	height: 53px;
	background-color: #009ECB;
}

.column-content-hd>.icon-icon_wrong {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 25px;
	font-size: 25px;
	color: white;
	cursor: pointer;
}

.column-content-bd>ul>li {
	position: relative;
	border-bottom: 1px solid #ebebeb;
}

.column-content-bd li:hover .triangle {
	background-color: #009ECB;
	border-color: #009ECB;
}

.column-content-bd li>a {
	display: block;
	height: 100%;
	padding-left: 40px;
	font-size: 16px;
	line-height: 53px;
}
.dot {
	position: absolute;
	display: block;
	top: 20px;
	right: 20px;
	width: 10px;
	height: 10px;
	border: 1px solid #b7b7b7;
	border-left-color: transparent;
	border-bottom-color: transparent;
	transform: rotate(45deg);
	cursor: pointer;
	transition: all .3s;
}

.triangle {
	position: absolute;
	top: 20px;
	left: 18px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	border: 1px solid #d8d8d8;
}

.classification {
	display: none;
}

.classification li {
	position: relative;
	z-index: 20;
	border-top: 1px solid #ebebeb;
}

.classification li>a {
	padding-left: 65px;
}

.classification li>a:hover {
	color: #009ECB;
}

.classification .dot {
	top: 25px;
	right: initial;
	left: 40px;
	width: 5px;
	height: 5px;
}

.column-content-bd {
	position: absolute;
	overflow-y: auto;
	top: 53px;
	bottom: 0;
	left: 0;
	right: 0px;
}
.app {
	display: none;
}
.import {
	display: none;
}


nav>li {
	position: relative;
	width: 20%;
	height: 100%;
	box-sizing: border-box;
	line-height: 80px;
	text-align: center;
}
/* 二级导航 */
.nav_item {
	z-index: 20;
	display: none;
	position: absolute;
	left: 0;
	width: 140%;
	background-color: rgba(255,255,255,.8);
}
.nav_item li {
	height: 50px;
	line-height: 50px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
nav>li:hover .nav_item {
	display: block;
}
.nav_item li:hover .nav_item_2 {
	display: block;
}
.nav_item_2 li:hover .nav_item_3 {
	display: block;
}
.nav_item li>a {
	display: block;
	font-size: 13px;
	color: #434343;
}
.nav_item li>a:hover {
	background-color: #009ECB;
	color: #fff;
}
/* 三级导航 */
.nav_item_2,
.nav_item_3 {
	z-index: 20;
	display: none;
	position: absolute;
	width: 100%;
	top: 10%;
	right: -100%;
	background-color: rgba(255,255,255,.8);
}
.nav_item_4 {
	top: 60%;
}
.nav_item_5 {
	top: 40%;
}
.nav_item_2>li,
.nav_item_3>li {
	border-bottom: 1px solid #f5f5f5;
}
/* .nav_item_2>li span,
.nav_item_3>li span {
	display: block;
	position: absolute;
	top: 14%;
	left: -22%;
	border-width: 12px;
	border-style: solid;
	border-color: transparent rgba(255,255,255,.8) transparent transparent;
}
.nav_item_3>li span {
	top: 10%;
} */
.nav_item_2>li:last-child,
.nav_item_3>li:last-child {
	border-bottom: initial;
}
/* 四级导航 */

nav>li:first-child {
	max-width: 80px;
}
nav>li>a {
	display: block;
    height: 80px;
	font-size: 15px;
    white-space: normal;
    overflow: hidden;
}
nav>li:hover {
	background-color: #f5f5f5;
	border-bottom: 3px solid #009ecb;
}
nav>li>a:hover {
	color: #009ECB;
}
.clor_h {
	background-color: #f5f5f5;
	border-bottom: 3px solid #009ecb;
}
.clor_h a {
	color: #009ecb;
}
.leave {
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.leave_duo {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
}
/* 底部 */
footer {
	width: 100%;
	margin-top: 60px;
}
.link {
	width: 100%;
	padding: 13px 0;
	background-color: #666;
}
.link .w {
	height: 100%;
	align-items: center;
}
.link_you {
	width: 12%;
}
.link_you>span {
	display: flex;
	width: 120px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	background-color: #ccc;
	border-radius: 5px;
}
.link_you>span>i {
	padding: 0 10px;
	font-size: 25px;
	color: #607ffe;
}
.link_you>span>em {
	display: inline-block;
	padding-bottom: 1px;
	font-size: 14px;
	color: #055da9;
}
.link_a {
	width: 88%;
	line-height: 27px;
	color: #fff;
}
.link_a a {
	font-size: 13px;
	color: #fff;
}
.link_a a:hover {
	text-decoration: revert;
}
.link_a span {
	padding: 0 10px;
}
.food {
	padding: 25px 0;
	background-color: #333;
}
.food>.w {
	display: block;
}
.food_hd,
.food_cen,
.food_bd {
	text-align: center;
	color: #fff;
}
.food_hd>a {
	padding: 0 13px;
	font-size: 14px;
	color: #fff;
}
.food_hd>a:hover {
	text-decoration: revert;
}
.food_cen {
	margin: 13px 0;
}
.food_cen>span {
	padding: 0 5px;
}
.food_cen>span,
.food_bd {
	font-size: 13px;
	color: #fff;
}
@media (max-width:1024px) {
	/* 底部 */
	.link_you {
		width: 17%;
	}
}
@media (max-width:768px) {
	/* 头部 */
	@keyframes move{
		from{
			padding-left: 0;
		}
		to{
			padding-left: 15%;
		}
	}
	.logo {
		width: 35%;
	}
	.logo img {
		width: 100%;
	}
	nav {
		width: 61%;
		margin-left: 4%;
	}
	nav>li>a {
		font-size: 12px;
	}
	.link_you {
		width: 24%;
	}
}
@media (max-width:640px) {
	/* 更多导航 */
	.column {
		z-index: 10;
		display: block;
	}
	/* header头部 */
	.top p:nth-child(1) {
		animation: initial;
		display: none;
	}
	.top p:nth-child(2) {
		width: 50%;
		text-align: left;
	}
	.top p:nth-child(3) {
		width: 50%;
		text-align: right;
	}
	nav {
		display: none;
	}
	.logo {
		width: 60%;
	}
	/* 底部 */
	footer {
		margin-top: 35px;
	}
	.food {
		padding: 5px 0 18px;
	}
	.link {
		display: none;
	}
	.food_hd {
		display: none;
	}
	.food_cen>span,
	.food_bd {
		font-size: 12px;
	}
	
}