@font-face {
	font-family: 'iconfont';  /* project id 1259758 */
	src: url('//at.alicdn.com/t/font_1259758_zhauzw4cfy8.eot');
	src: url('//at.alicdn.com/t/font_1259758_zhauzw4cfy8.eot?#iefix') format('embedded-opentype'),
	url('//at.alicdn.com/t/font_1259758_zhauzw4cfy8.woff2') format('woff2'),
	url('//at.alicdn.com/t/font_1259758_zhauzw4cfy8.woff') format('woff'),
	url('//at.alicdn.com/t/font_1259758_zhauzw4cfy8.ttf') format('truetype'),
	url('//at.alicdn.com/t/font_1259758_zhauzw4cfy8.svg#iconfont') format('svg');
}
.iconfont{
	font-family: 'iconfont';
}
.container {
	width: 1200px;
	margin: 0 auto;
}

.container::after {
	content: '';
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
	clear: both;
}

#app{padding-top: 80px}
.header{height: 80px;background-color: #fff;position: fixed;top: 0;left: 0;width: 100%;z-index: 999}
.header .logo{float: left;padding-top: 18px;}
.header .logo a{float: left;}
.header .logo a img{float: left;}
.header .nav{float: right;font-size: 14px;color: #333;}
.nav li{float: left;}
.nav .first-floor{display: block;padding: 0 20px;height: 80px;line-height: 80px;position: relative;}
.nav .parent::after{
	content: '';
	position: absolute;
	width: 20px;
	height: 3px;
	background-color: #25ac65;
	left: 50%;
	bottom: 0;
	margin-left: -10px;
	transition: opacity 0.2s linear;
	opacity: 0;
}

.nav .drop-menu{
	display: none;
	position: fixed;
	width: 100%;
	min-width: 1200px;
	top: 80px;
	left: 0;
	border-top: 1px solid #e0e0e0;
	padding: 30px 0;
	background-color: #fff;
}
.nav>ul>li:hover .first-floor{
	color: #25ac65;
}
.nav>ul>li:hover .drop-menu{
	display: block;
}
.nav>ul>li:hover .parent::after{
	opacity: 1;
}

.links-list a{
	display: block;
	height: 12px;
	line-height: 12px;
	padding: 0 20px;
	border-right: 2px solid #666;
	color: #333;
	transition: color 0.2s linear;
}
.links-list a:hover{
	color: #25ac65;
}
.links-list li:last-child a{
	border-right: 0;
}

.menu-one{position: relative;left: 650px;}

.menu-two{display: flex;}
.menu-two .col{flex: 1;border-right: 1px solid #e0e0e0;padding-left: 80px;box-sizing: border-box;}
.menu-two .col:last-child{border-right: 0;}
.menu-two dl{font-size: 12px;line-height: 24px;padding-left: 15px;margin-bottom: 25px;color: #666;}
.menu-two dl:last-child{margin-bottom: 0;}
.menu-two dt{font-weight: bold;margin-bottom: 8px;color: #333;padding-left: 15px;margin-left: -15px;background: url('../images/icon_arrow_right.png') no-repeat left center;}
.menu-two dd a:hover{text-decoration: underline;}

.menu-three{float: right;}


.toolbar{
	width: 80px;
	position: fixed;
	z-index: 100;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	color: #fff;
	cursor: pointer;
}
.toolbar li{
	width: 80px;
    height: 80px;
    float: left;
    position: relative;
    border-bottom: 1px solid #444;
    box-sizing: border-box;
}
.toolbar #goTop{
	display: none;
	margin-top: 10px;
}
.toolbar li .slide-box{
	position: absolute;
	right: -120px;
	top: 0;
	width: 200px;
	height: 80px;
	overflow: hidden;
	background-color: rgba(0, 0, 0, 0.8);
	transition: all 0.2s linear;
}
.toolbar li .static-box{
	width: 200px;
	height: 80px;
	overflow: hidden;
	background-color: rgba(0, 0, 0, 0.8);
	transition: all 0.2s linear;
}
.toolbar li .slide-box:hover, .toolbar li .static-box:hover{
	right: 0;
	background-color: rgb(174, 28, 28);;
}
.slide-box{
	display: flex;
	align-items: center;
}
.slide-box .slide-content, .static-box .slide-content{
	flex-shrink: 0;
	width: 80px;
	height: 80px;
	padding-top: 12px;
	box-sizing: border-box;
	text-align: center;
}
.slide-content .iconfont{
	font-size: 30px;
	color: #37c2ff;
}
.slide-content p{
	font-size: 14px;
}
.slide-box .slide-desc{
	font-size: 22px;
}