/*left*/
		.l-title {
			color: #1a1006;
		}

		.l-title h3 {
			margin-top: 40px;
			color: #1a1006;
			letter-spacing: 4px;
		}
		.l-title h3 a{
			font-size: 10px;
			color: black;
			margin-left: 30px;
			letter-spacing: 1px;
		}
		.l-title h4 {
			font-size: 12px;
			margin-bottom: 40px;
			color: #1a1006;
			letter-spacing: 2px;
		}

		.l-list-item {
			border-bottom: 2px solid #ebebeb;
		}

		.l-list-item h5 {
			color: #1a1006;
			line-height: 1.5em;
			letter-spacing: 2px;
		}

		.l-list-item a {
			font-size: 14px;
			padding: 14px 0 14px 10px;
			color: #1a1006;
			display: block;
			line-height: 1.2em;
		}

		.l-list {
			position: relative;
		}

		.l-list::after {
			content: '';
			position: absolute;
			width: 2px;
			height: 98%;
			top: 0;
			right: -12px;
			background-color: #ebebeb;
		}

		/*right*/
		.n-hot {
			display: flex;
			background-color: #f0f0f0;
			color: #1a1006;
		}

		.n-hot-txt {
			padding:30px;
			position:relative;
		}

		.n-hot-txt h5 {
			color: #000;
			line-height: 1.5em;
			font-size: 16px;
			font-weight: bold;
		}

		.n-hot-txt h6 {
			font-size: 14px;
			line-height: 2em;
			color: #000;
			letter-spacing: 2px;
		}

		.n-hot-txt a {
			color: #000;
			font-size: 10px;
			display: block;
			position: absolute;
			bottom: 20px;
			left: 30px;
		}

		.n-hot img {
			width: 380px;
			height: auto;
		}

		.n-new-list {
			margin-top: 20px;
		}

		.n-new-list-item {
			border-bottom: 1px dashed #7987a6;
		}

		.n-new-list-item h2 {
			font-size: 14px;
			letter-spacing: 2px;
			color: #000;
			margin: 5px 0;
		}

		.n-new-list-item a {
			color: #000;
			font-size: 14px;
			letter-spacing: 1px;
			line-height: 2em;
			display: block;
			padding-left: 10px;
		}

		.n-new-list-item:last-of-type {
			border-bottom: none;
		}

		.n-new-list-item:last-of-type a {
			margin-bottom: 0;
		}

		/*zy*/
		.z-box {
			display: flex;
			background-color: #2f5299;
			flex-direction: row;
			flex-wrap: wrap;
			justify-content: flex-start;
			margin-bottom: 40px;
		}

		.z-box img {
			width: 50%;
			height: 100%;
		}

		.z-list {
			display: flex;
			flex-direction: column;
			justify-content: space-evenly;
			text-align: center;
			flex-grow: 1;
			padding: 15px 40px;
		}

		.z-list a {
			color: white;
			display: block;
			font-size: 18px;
			border-bottom: 1px solid white;
			padding-bottom: 2px;
		}

		.l-title.z-title h4 {
			margin-bottom: 20px;
		}

		/*box*/
		.f-link {
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			flex-wrap: wrap;
		}

		a.f-box {
			display: flex;
			flex-direction: row;
			background: linear-gradient(to right, #ff544f, #fad126);
			border-radius: 10px;
			padding: 20px 20px 15px;
			color: white;
			letter-spacing: 2px;
			justify-content: center;
			width: 28%;
			margin: 60px 0 100px;
			min-width: 300px;
		}

		a.f-box img {
			width: auto;
			height: 45px;
			margin-right: 20px;
		}

		a.f-box h5 {
			margin-top: 0;
			margin-bottom: 10px;
			text-shadow: 2px 3px 3px #666;
			-webkit-text-shadow: 2px 3px 3px #666;
			-moz-text-shadow: 2px 3px 3px #666;
			-o-text-shadow: 2px 3px 3px #666;
		}
		.l-list-item a:hover,.n-new-list-item a:hover{
			animation: fontcolor  0.3s linear forwards;
			--webkit-animation:fontcolor  0.3s linear forwards;
			animation-fill-mode: forwards;
		}
		a.f-box:hover{
			background: linear-gradient(to right, #1a4499, #fad126);
		}
		/*--------------------------------------------------*/
		@keyframes fontcolor{
			0%{
				background-image: linear-gradient(60deg,#1a4499,white,white);
				color:#1a4499;
				transform: translate(2px,2px);
				-ms-transform: translate(2px,2px); 
				-webkit-transform: translate(2px,2px); 
			}
			50%{
				background-image: lenear-gradient(60deg,white,white,white);
				color:#1a4499;
				transform: translate(-2px,-2px);
				-ms-transform: translate(2px,-2px); 
				-webkit-transform: translate(-2px,-2px); 
			}
			100%{
				background-image: linear-gradient(60deg,#1a4499,#1a4499,white);
				color:white;
				transform: translate(0px,0px);
				-ms-transform: translate(0px,0px); 
				-webkit-transform: translate(0px,0px); 
			}
		}
		@-webkit-keyframes fontcolor{
			0%{
				background-image: linear-gradient(60deg,#1a4499,white,white);
				color:#1a4499;
				transform: translate(2px,2px);
				-ms-transform: translate(2px,2px); 
				-webkit-transform: translate(2px,2px); 
			}
			50%{
				background-image: lenear-gradient(60deg,white,white,white);
				color:#1a4499;
				transform: translate(-2px,-2px);
				-ms-transform: translate(2px,-2px); 
				-webkit-transform: translate(-2px,-2px); 
			}
			100%{
				background-image: linear-gradient(60deg,#1a4499,#1a4499,white);
				color:white;
				transform: translate(0px,0px);
				-ms-transform: translate(0px,0px); 
				-webkit-transform: translate(0px,0px); 
			}
		}
		/*--------------------------------------------------*/
		@media screen and  (max-width:1666px) and ( min-width:1366px){
			.n-hot-txt {
				padding: 10px;
			}
			.n-hot-txt h6 {
				line-height: 1.5em;
				font-size: 13px;
			}
			.n-hot-txt a {
				left: 15px;
				display:contents;
			}
		}
		@media screen  and (max-width:1300px) and  (min-width:1200px){
			img.logo {
				height: 50px;
			}
		}
		@media screen  and (max-width:1198px) and  (min-width:992px){
			.n-hot-txt {
				padding: 15px;
			}
			.n-hot-txt h6 {
				line-height: 1.5em;
			}
			.l-list-item a {
				left:20px;
			}
		}
		/*--------------------------------------------------*/
		@media screen and (max-width:1365px) and ( min-width:1199px) {
			.n-hot {
				flex-direction: column;
			}
			.n-hot img {
				width: 100%;
				height: 100%;
			}
			.n-hot-txt {
				padding: 15px;
			}
		}
		@media screen and (max-width:991px){
			.n-hot {
				flex-direction: column;
			}
			.n-hot img {
				width: 100%;
				height: 100%;
			}
			.n-hot-txt {
				padding: 15px;
			}
			.l-title h3{
				margin-top:20px;
			}
			.l-title h4{
				margin-bottom:15px;
			}
			.l-list-item {
				min-height: auto;
			}
			.l-list-item h5 {
				margin-top: 15px;
			}
			.l-list-item a {
				padding: 10px 0 10px;
			}
			.n-hot-txt a {
				display: contents;
			}
		}

		/*--------------------------------------------------*/
		@media screen and (max-width:1200px) and (min-width:1200px) {
			.z-box {
				flex-direction: column;
				justify-content: center;
				margin-bottom: 20px;
			}
			.z-box img {
				width: 100%;
				height: auto;
			}
			.z-list a {
				padding-bottom: 10px;
				margin-top: 10px;
			}
		}
		@media screen and (max-width:1119px) {
			.z-box {
				flex-direction: column;
				justify-content: center;
				margin-bottom: 20px;
			}
			.z-box img {
				width: 100%;
				height: auto;
			}
			.z-list a {
				padding-bottom: 10px;
				margin-top: 10px;
			}
		}
		/*--------------------------------------------------*/
		@media screen and (max-width:610px){
			.f-link {
				justify-content: center;
			}
			a.f-box{
				margin:0 0 15px;
			}
		}