body{
			background: #fef5ec;
		}
		.header{
			width: 100%;
			height: 298px;
			max-width: 1920px;
			margin: 0 auto;
		}
		.header img{
			width: 100%;
			height: 100%;
			display: block;
			object-fit: cover;
		}
		
		.main{
			background: url(../images/main-bg.png) no-repeat 50% 0;
			width: 100%;
			max-width: 1920px;
			margin: 0 auto;
		}
		#map{
			width: 100%;
			height: 1200px;
			margin:  auto;
			padding: 20px 0px;
			border-bottom: 2px solid #e00000;
		}
		.nav{
			margin-top: 30px;
		}
		.nav ul{
			display: flex;
			align-items: center;
			justify-content: flex-start;
			margin-left: 7px;
		}
		.nav ul li{
			width: 110px;
			height: 36px;
			line-height: 36px;
			font-size: 18px;
			color: #73716e;
			border: 2px solid #e00000;
			border-left: transparent;
		/*	border-right: transparent;*/
			text-align: center;
			position: relative;
			cursor: pointer;
			transform: skew(20deg);
		}

		/*.nav ul li::after{
			content: "";
			position: absolute;
			top: 0;
			right: 0;
			width: 2px;
			height: 36px;
			background-color: #e00000;
			transform: skewX(20deg);
		}*/

		.nav ul li.active{
			background-color:#e00000;
			color: #ffffff;
			font-weight: bold;
		}
		.nav ul li .box{
			width: 14px;
		    height: 36px;
		    position: absolute;
		    top: -2px;
		    left: -9px;
		    transform: skew(-20deg); 
		    background-color: #fef5ec;
		    border: 2px solid #e00000;
		    border-right: transparent;
		}
		.nav ul li.active .box{
		    background-color: #e00000;
		  
		}
		.nav ul li span{
			display: block;
			transform: skew(-20deg);
		}
		
		.content{
			margin:20px 0 40px;
            min-height:110px;
		}
		.content .item{
			display: none;
			animation: Out 1 0.8s ease-in-out forwards;
		}
		.content .item.active{
			display: block;
			animation: In 1 0.8s ease-in-out forwards;
		}		
		.content ul{
			display: flex;
		    justify-content: flex-start;
    		flex-wrap: wrap;
		}
		.content ul li{
			font-size: 16px;
			color: #4a4a4a;
			margin: 16px 32px;
			position: relative;
			padding-left: 18px;
			cursor: pointer;
			
		}
		.content ul li:hover{
			color: #e00000;
		}
		.content ul li:hover::before{
			background-color: #E00000;
		}
		.content ul li::before{
			content: "";
			position: absolute;
			top: 50%;
			left: 0;
			transform: translateY(-50%);
			width: 6px;
			height: 6px;
			border-radius: 50%;
			background-color: #4a4a4a;
		}
		@keyframes In {
			0% {
				opacity: 0;
			}

			100% {
				opacity: 1;
			}
		}			
		@keyframes Out {
			0% {
				opacity: 1;
			}	
			100% {
				opacity: 0;
			}
		}