/* CSS Document */
/*导航开始*/

				a {
					color: #000;
				}

				.navbar {
					width: 100vw;
					height: 70px;
					background-color: #FFFFFF;
					/*盒子阴影*/
					box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
					position: relative;
					z-index: 1;
				}

				.navbar .nav {
					width:100vw;
					margin:0 auto;
					height: 100%;
					margin-left: 150px;
				}

				.navbar .nav ul {
					position: relative;
					/*弹性布局*/
					display: flex;
					/*让子元素平价分配宽度*/
					justify-content: space-around;
					width: 100vw;
					height: 100%;
				}
				.bd ul li {
					width: 100%;
				}
				.navbar .nav ul>li {
					width: 200px;
					height: 100%;
				}

				.navbar .nav ul>li>a {
					/*a元素是行内元素,要转化才能设宽高*/
					display: block;
					width: 120px;
					height: 100%;
					height: 70px;
					line-height: 70px;
					text-align: center;
					font-size: 20px;
					background-color: #fff;
					position: relative;
					transition: background-color 0.8s;
				}

				.navbar .nav ul>li ol {
					width: 120px;
					background-color: #fff;
					box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
					/*让盒子先沿着y轴缩放到0，也就是隐藏了*/
					transform: scaleY(0);
					/*设置过渡*/
					transition: all 0.6s;
					transform-origin: 50% 0;
				}

				.navbar .nav ul>li ol li {
					height: 70px;
					border-bottom: 1px solid rgb(245, 245, 245);
				}

				.navbar .nav ul>li ol li a {
					display: block;
					width: 120px;
					height: 100%;
					line-height: 70px;
					text-align: center;
				}

				.navbar .nav ul>li ol li:hover {
					background-color: rgba(0, 0, 0, 0.03);
				}

				.navbar .nav ul>li:hover ol {
					transform: scaleY(1);
				}

				.nav img {
					position: absolute;
					margin: 0 -25px;
				}

				.navbar .nav ul>li>a:hover {
					background-color: #d5a86f;
					color: #FFFFFF;
				}

				.navbar .nav ul>li>a::before {
					position: absolute;
					content: "";
					width: 18px;
					height: 18px;
					border: 2px solid #D5A86F;
					border-width: 0 0 2px 2px;
					left: 0;
					bottom: 0;
					opacity: 1;
					transition: 0.2s;
				}

				.navbar .nav ul>li>a::after {
					position: absolute;
					content: "";
					width: 18px;
					height: 18px;
					border: 2px solid #D5A86F;
					border-width: 2px 2px 0 0;
					top: 0;
					right: 0;
					opacity: 1;
					transition: 0.2s;
				}

				.navbar .nav ul>li>a:hover::before {
					left: -12px;
					bottom: -12px;
				}

				.navbar .nav ul>li>a:hover::after {
					right: -12px;
					top: -12px;
				}


/* 版权开始*/
				#footer {
					width: 100vw;
					background-color: #000000;
				}

				#footer_nav {
					height: 50px;
					width: 100vw;
					margin-left: 34%;
				}

				#footer_nav li {
					float: left;
					padding:0 0 0 50px
				}

				.clear {
					clear: both;
				}

				#footer_nav a {
					font-size: 16px;
					color: #FFFFFF;
				}

				#footer_nav a:hover {
					color: #FFCE54;
					transform: scale(1.05);
				}

				#foot1 {
					width: 100vw;
					margin: 0 auto;
				}

				#phone {
					font-size: 14px;
					color: #FFFFFF;
					float: left;
					margin-top: 30px;
					margin-left: 40%;
				}

				#copyright {
					width: 100vw;
					margin-left: 1%;
				}

				#copyright p {
					color: #fff;
					font-size: 16px;
					text-align: center;
					margin-top: 24px;
				}

				.content p {
					font-size: 18px;
				}

				.content button {
					font-size: 16px;
				}