*{
		margin: 0;
		padding: 0;
		list-style: none;
		text-decoration: none;
		box-sizing: border-box;
	}
	.warp {
		width: 1560px;
		margin: 0 auto;
	}
	[v-cloak] {
		display: none;
	}
	.lh30 {
		line-height: 30px;
	}
	.col666 {
		color: #666;
	}
	.hover:hover {
		color: #6699ff;
	}
	/* 顶部 start */
	.head {
		
	}
	.head .head-top {
		position: fixed;
		top: 0;
		z-index: 30;
		width:  100%;
		/* background: #2E3641; */
		padding: 10px 0;
		overflow: hidden;
		border-bottom-width: 1px;
		border-bottom: 1px solid #0f172a1a;
		background-color: #ffffffb3;
		--tw-backdrop-blur: blur(8px);
		-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
		backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
	}
	.head .head-top h1 {
		color: #fff;
		font-weight: 300;
		display: inline-block;
		margin-right: 15px;
	}
	.head .head-top span {
		color: #fff;
	}
	.head .head-top .icon-p i {
		font-size: 22px;
		padding: 10px;
		border-radius: 6px;
		cursor: pointer;
	}
	.head .head-top .icon-p i:hover {
		color: #fff;
		background-color: #0052CC;
	}
	.head .head-nav {
		width: 100%;
		height: 50px;
		/* background: #f8f8f8;
		border-color: #e7e7e7; */
		background-color: transparent;
	}
	.head .head-nav .head-nav-li {
		height: 50px;
		line-height: 50px;
		color: #666;
		padding: 0 15px;
		float: left;
		cursor: pointer;
	}
	.head .head-nav .head-nav-li:hover {
		background: #e7e7e7;
	}
	.head .head-nav .head-nav-active {
		background: #e7e7e7;
	}
	
	.logo-text {
	    margin-top: 15px;
	    height: 18px;
	    color: #666;
	    line-height: 18px;
	    overflow: hidden;
		float: right;
	}
	
	.logo-text span {
		color: #0052CC !important;
	    animation: letterWave 2s infinite linear
	}
	.logo-text span:nth-child(0) {
		color: red !important;
	    animation-delay: 0ms
	}
	
	.logo-text span:nth-child(1) {
		color: orange !important;
	    animation-delay: 100ms
	}
	
	.logo-text span:nth-child(2) {
		color: yellow !important;
	    animation-delay: 200ms
	}
	
	.logo-text span:nth-child(3) {
		color: green !important;
	    animation-delay: 300ms
	}
	
	.logo-text span:nth-child(4) {
		color: blue !important;
	    animation-delay: 400ms
	}
	
	.logo-text span:nth-child(5) {
		color: indigo !important;
	    animation-delay: 500ms
	}
	
	.logo-text span:nth-child(6) {
		color: violet !important;
	    animation-delay: 600ms
	}
	
	.logo-text span:nth-child(7) {
		color: indigo !important;
	    animation-delay: 700ms
	}
	
	.logo-text span:nth-child(8) {
		color: blue !important;
	    animation-delay: 800ms
	}
	
	.logo-text span:nth-child(9) {
		color: green !important;
	    animation-delay: 900ms
	}
	
	.logo-text span:nth-child(10) {
		color: orange !important;
	    animation-delay: 1000ms
	}
	@keyframes letterWave {
	    0%,100% {
	        transform: translateY(0) scale(1);
	        padding: 0 0;
	        opacity: .8
	    }
	
	    25% {
	        transform: translateY(-50px) scale(.8);
	        padding: 0 5px;
	        opacity: .6
	    }
	
	    75% {
	        transform: translateY(50px) scale(1.5);
	        padding: 0;
	        opacity: 1
	    }
	}
	/* 顶部 end */
	/* 中间部分 start*/
	.blog-main {
		height: calc(100vh - 42px);
		background-color: rgb(246,248,254);
		overflow-y: auto;
		padding-top: 65px;
		padding-bottom: 20px;
	}
	/* 中间部分 end */
	/* 底部 start */
	.foot {
		width:  100%;
		background: #2E3641;
		padding:  10px 0;
	}
	.foot span,.foot a {
		color: #fff;
	}
	/* 底部 end */
	/* banner start */
	.banner {
		width:  100%;
		height: 400px;
		margin-top: 20px;
	} 
	.banner .el-carousel__container {
		height: 400px;
	}
	.banner  img{
		width:  100%;
		height: 400px;
	}
	/* banner end */
	/* 右侧展示 start*/
	.bwsz-right {
		position: relative;
	}
	/* 右侧展示 end */
	/*  新闻列表 start*/
	.news-ul {}
	.news-ul .news-ul-li {
		background-color: #fff;
		border: 1px solid #E3E3E3;
		margin-top: 25px;
	}
	.news-ul .news-ul-li .new-img {
		width:  100%;
		height: 400px;
	}
	.news-ul .news-ul-li .new-text {
		padding: 20px;
	}
	.news-ul .news-ul-li .new-text h3{
		width: 100%;
		font-family: inherit;
		font-weight: 500;
		font-size: 24px;
		line-height: 32px;
		margin-top: 20px;
		margin-bottom: 10px;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	.news-ul .news-ul-li .new-text p{
		width: 100%;
		line-height: 32px;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
		color: #666;
	}
	.news-ul .news-ul-li .new-text p span {
		color: #ccc;
		margin-right: 10px;
	}
	.news-ul .news-ul-li .new-text .more{
		color: #ff4d3a;
		font-size: 13px;
		float: right;
	}
	/*  新闻列表 end */