#nav {
    	width: 100%;
    	position: fixed;
    	background-color: #008AF5;
    	height: 100px;
    	line-height: 100px;
    	z-index: 999;
    }

    #nav ul {
    	overflow: hidden;
    	/* 清除浮动 */
    }

    #nav ul li {
    	float: left;
    }

    #nav ul h1 {
    	float: left;
    	margin: 9px 0;
    }

    .scroll-line {
    	position: absolute;
    	bottom: 0;
    	left: 0;
    	height: 5px;
    	border-radius: 3px;
    	background-color: #d11212;
    	animation: scroll-line 2s;
    	animation-timeline: scroll();
    }

    @keyframes scroll-line {
    	0% {
    		width: 0;
    	}

    	100% {
    		width: 100%;
    	}
    }

    #nav ul h1 {
    	width: 82px;
    	height: 82px;
    	background: url(../images/logo.png) no-repeat center center;
    	text-align: center;
    	text-indent: -9999px;
    	overflow: hidden;
    	cursor: pointer;
    }

    #nav ul li {
    	margin-right: 103px;

    }

    #nav ul li:last-child {
    	margin-right: 0;
    }

    #nav ul li a {
    	font-size: 30px;
    	color: #fff;
    }

    #nav ul li a:hover {
    	padding-bottom: 5px;
    	/* 停在最后一帧 */
    	animation: line 0.5s ease forwards;
    }

    @keyframes line {
    	0% {
    		border-bottom: 0px solid #fff;
    	}

    	100% {
    		border-bottom: 5px solid #fff;
    	}
    }

    #nav .active {
    	border-bottom: 5px solid #fff;
    	padding-bottom: 5px;
    }

    .box {
    	width: 100%;
    	height: 100px;
    	background-color: transparent;
    }

    #footer {
    	width: 100%;
    	overflow: hidden;
    }

    #footer .head {
    	width: 100%;
    	overflow: hidden;
    	height: 430px;
    	background: url(../images/foot-bji.png) no-repeat center center;
    }


    #footer .head ul {
    	height: 100px;
    	position: relative;
    	top: 50px;
    	color: #666;
    	margin-left: 260px;
    	text-align: center;
    }

    #footer .head ul li {
    	float: left;
    	margin-right: 100px;
    }

    #footer .head ul li:last-child {
    	margin-right: 0;
    }

    #footer .head ul li a {
    	float: left;
    	color: #666;
    	line-height: 90px;
    }

    #footer .head ul li a:hover {
    	color: #fff;
    }

    #footer .head ul li span {
    	float: right;
    	width: 5px;
    	height: 40px;
    	border-radius: 3px;
    	background-color: #666;
    	margin-top: 26px;
    	margin-left: 20px;
    }

    #footer .body {
    	height: 80px;
    	background-color: #666;
    }

    /* 让wrapper两端对齐，左侧元素靠左，右侧元素靠右 */
    #footer .body .wrapper {
    	height: 100%;
    	line-height: 80px;
    }

    /* 左侧部分 */
    #footer .body .left {
    	float: left;
    }

    /* 确保每个li中的a标签和span垂直居中 */
    #footer .body .left li {
    	float: left;
    	margin-right: 20px;
    	line-height: 80px;
    }

    #footer .body .left a {
    	float: left;
    	color: #999;
    	margin-right: 20px;
    }

    #footer .body .left a:hover {
    	color: #fff;
    }

    #footer .body .left span {
    	display: inline-block;
    	width: 5px;
    	height: 40px;
    	border-radius: 3px;
    	background-color: #999;
    	margin-top: 20px;
    }

    /* 右侧图标靠右排列 */
    #footer .body .right {
    	float: right;
    }

    #footer .body .right li {
    	cursor: pointer;
    	position: relative;
    	float: left;
    	margin-left: 20px;
    	line-height: 80px;
    }

    #footer .body .right span {
    	position: absolute;
    	top: 12px;
    	left: 2px;
    	font-size: 12px;
    	color: #fff;
    }

    #footer .body .right img {
    	border-radius: 10px;
    	margin-top: -20px;
    	width: 40px;
    	height: 40px;
    }

    #footer .contact-way {
    	display: none;
    	position: absolute;
    	top: -60px;
    	left: -20px;
    	font-size: 24px;
    	color: #fff;
    }

    #footer .body .right li:hover .contact-way {
    	display: block;
    }

    #footer .right .contact-way img {
    	cursor: pointer;
    	width: 80px;
    	height: 80px;
    }

    #footer .foot {
    	height: 60px;
    	background-color: #333;
    	line-height: 60px;
    	margin: 0 auto;

    }

    #footer .foot p {
    	color: #999;
    	margin: 0 auto;
    }

    #footer .foot a {
    	color: #666;
    	font-weight: bold;
    }

    #footer .foot a :hover {
    	color: #999
    }