.el-bg{
	background-color: #fff;
}
.el-top{
    background: #0C95FF;
    box-shadow: 0 2px 6px 0 hsla(0,0%,70%,.2);
}
.el-img img{
	display: block;
	width: 100%;
	padding: 0 0 1rem;
}

.el-breadcrumb{
	padding: 1.56rem 0 1.37rem;
	background-color: #e6f2fd;
}
.el-psition,
.el-psition a {
	color: #999;
}
.el-index .el-container{
	background-color: #FFFFFF;
	padding: .5rem 1rem;
	box-sizing: border-box;
}
.el-list,.el-article{
	margin-bottom: 1rem;
	width: 100%;
}
.el-list-article .el-main>ul{
	padding-left: 1rem;
	padding-right:1rem;
}
.el-list .el-main{
   padding: 0  1.5rem 0 0;
}
.el-list .el-main>ul{
	justify-content: space-between;
	align-items: center;
}
.el-list .el-main>ul .typeList{
	/* width: 100%; */
	/* display: flex; */
	/* justify-content: space-between; */
	/* align-items: center; */
	width: 80%;
	padding-left: 1rem;
}
.el-list .el-main>ul .typeList>a{
	width: 75%;
    display: block
}
.el-list .el-main>ul .thumb{
	width: 12rem;
}
.el-list .el-main>ul .thumb img{
	height: 9.52rem;
	object-fit: cover;
	display: block;
	width: 100%;
	border-radius: 5px;
}
.el-list .el-main>ul li {
	padding: 1.25rem 0;
	box-sizing: border-box;
	border-bottom: 1px solid #e9eef3;
}
.el-list .el-main>ul li:hover{
	box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.15);
	-webkit-transition: all .5s linear;
	transition: all .5s linear;
	-moz-transition: all .5s linear;
	-ms-transition: all .5s linear;
	-o-transition: all .5s linear;
}
.el-list .el-main>ul li .title a{
	font-size:1rem;
}
.el-list .el-main>ul li .desc a{
	font-size: .9rem;
	color: #858999;
}
.el-list .el-main>ul li .mark{
	padding-top: 1rem;
	padding-bottom: 1rem;
	font-size: .8rem; 
	color: #858999;
	justify-content: space-between;
}
.el-list .el-main>ul li .read{
	margin-top: 1rem;
	text-align: right;
}
.el-list .el-main>ul li .read a {
	padding: .2rem .5rem;
	transition: all .5s ease;
	font-size: .9rem;
	color: #fff;
	transform: perspective(1px) translateZ(0);
	border-radius: 0.31rem;
	background-color: #097bed;
}
.el-list .el-main>ul li .reada a:hover {
	background-color: #097bed
}
.el-list .el-main>ul li .mark i{
	padding-right: .21rem;
}
.h2-title{
	font-size: 1rem;
	/* padding-left: 1rem; */
	border-bottom: 1px solid #e9eef3;
}
.h2-title strong{
	display:block;
	padding: 1rem 0;
	font-weight: normal;
	position: relative;
}
.h2-title strong i{
	padding-right:.5rem;
	color: #dc3f00;
}

.el-item2 ol{
	padding-top: 1rem;
	flex-wrap: wrap;
	justify-content: space-between;
}
.el-item2 ol li{
	width: 100%;
	margin-bottom: 1rem;
	position: relative;
}
.el-item2 ol li .thumb img{
	display: block;
	width: 100%;
	object-fit: cover;
	height: 10rem;
	border-radius: 5px;
}
.el-item2 ol li .thumb:before {
    content: "";
    background: linear-gradient(to top, rgba(32, 22, 84, 0.38) 52%, rgba(0, 0, 100, 0));
    height: 75%;
    left: 0;
    position: absolute;
    bottom: 0;
    border-radius: 5px;
    width: 100%;
    z-index: 4;
    transition: .4s;
    visibility: hidden;
    opacity: 0;
}
.el-item2 ol li .thumb:after {
    content: "";
    background: linear-gradient(to top, rgba(32, 22, 84, 0.6) 52%, rgba(0, 0, 100, 0));
    height: 70%;
    left: 0;
    position: absolute;
    bottom: 0;
    border-radius: 5px;
    width: 100%;
    z-index: 3;
    transition: .4s;
}
.el-item2 ol li .typeList{
    position: absolute;
    bottom: 0;
    padding: 1rem 1rem;
    z-index: 4;
}
.el-item2 ol li .typeList time{
	display: block;
	margin-bottom: 1rem;
}
.el-item2 ol li .typeList .title{
	font-size: 1rem;
}
.el-item2 ol li .typeList,.el-item2 ol li .typeList .title a{
	color: #fff;
}
.el-page {
    font-size:.95rem;
    padding: 1.5rem;
}
.el-page ul{
	display: flex;
	justify-content: center;
}
.el-page li {
    text-align: center;
    border: 1px solid #e1e1e1;
    padding: .2rem .5rem;
	border-radius: 2px;
}
.el-page li:not(:first-child){
    margin-left: .5rem;
}
.el-page li.active{
	border-color: #097bed;
	background-color: #097bed;
	border-radius: 2px;
}0
.el-page li span {
    display: block;
    color: #666;
	border-radius: 2px;
}
.el-page li.active span{
	color: #fff;
}
.el-page li:hover{
    background-color: #097bed;
    border-color: #097bed;
    text-decoration: none;
}
.el-page li:hover span,.el-page li:hover a{
    color: #fff;
}
.el-case-list{
	justify-content: space-between;
	align-items: center;
	margin-top: 1rem;
}
.el-case-list .typeList{
	width: 80%;
	padding-left: 1rem;
	box-sizing: border-box;
}
.el-case-list .thumb{
	width: 10rem;
}
.el-case-list .thumb img{
	height: 5.75rem;
	object-fit: cover;
	display: block;
	width: 100%;
    border-radius: 0.31rem;
}
.el-case-list li {
	padding-bottom: 1rem;
	justify-content: space-between;
	/* align-items: center; */
}
.el-case-list li:last-child{
	padding-bottom: 0;
}
.el-case-list li .title{
	font-size: 1rem;
	line-height: 1.5rem;
}
.el-case-list li .mark a{
	color: #fff;
}
.el-case-list li .mark,.single-post-wrap .post-meta-single{
	justify-content: space-between;
	font-size: 0.85rem;
	line-height: 2rem;
	margin-bottom: .5rem;
}
.el-case-list li .mark a,.single-post-wrap .post-meta-single a{
	background-color: #097bed;
	padding: .2rem .3rem;
	border-radius: 0.18rem;
}
.el-case-list li .mark time{
	padding-left: .4rem;
}
.el-case-list li .mark time i,.single-post-wrap .post-meta-single time i{
	padding-right: .2rem;
}



.el-article .el-main{
	padding-right: 3rem;
	box-sizing:border-box;
}
.el-article-head{
	/* padding: 1rem 1.5rem 0; */
}
.el-article-head h1 {
	text-align: center;
	font-size: 1.3rem;
	color: rgb(51, 51, 51);
	font-weight: 600;
	margin-bottom: 1.5rem;
	margin-top: 1rem;
}
.el-article-editor {
	color: #C0C4CC;
	padding: .5rem 0 .8rem;
	font-size: .8rem;
	border-bottom: 1px solid #f0f0f0;
	display: flex;
	flex-wrap: wrap;
}
.el-article-editor span {
	padding-right: 1rem;
	font-size: .9rem;
}
.el-article-editor span a {
	color: #C0C4CC;
}
.el-article-body{
	padding: 0 0 1rem;
}
.el-article-body p{
	font-size: 1rem;
	margin: 1rem 0;
}
.el-article-body h2,.el-article-body h3,.el-article-body strong{
	font-size: 1rem;
	font-weight: 600;
	margin: 1.5rem 0;
	position:relative;
	padding-left: 0.75rem;
}
.el-article-body h2:after,.el-article-body h3:after,.el-article-body h2:after,.el-article-body strong:after{
	position: absolute;
	left: 0;
	content: '';
	width: 0.25rem;
	background: #097bed;
	height: 1.25rem;
}
.el-article-body p,.el-article-body h2,.el-article-body h3 {
	line-height: 1.5rem;
	overflow: hidden;
	text-align: justify;
	color: #191a24;
}
.el-article-body img {
	display: block;
	margin: 0 auto;
	max-width: 34.37rem;
	width: 100% !important;
	height: auto !important;
}
.el-alert{
	line-height: 1.5rem;
	padding: 1rem;
}
.el-preNext {
	padding: 1.5rem 0;
	font-size: .9rem;
	line-height: 1.7rem;
	color: #999;
}
.el-preNext span:first-child{
	margin-bottom:.5rem;
}
.el-article .el-article-relation{
	border-top: 1px solid #e9eef3;
}
.el-article .el-article-relation .h2-title{
	padding-left:0;
}
.el-article .el-article-relation>ul{
	margin-top: 1rem;
	display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.5%;
}
.el-article .el-article-relation>ul li{
	margin-bottom: 1rem;
}
.el-article .el-article-relation>ul li .title{
	font-size:1rem;
}
.el-article .el-article-relation>ul li .thumb img{
	display: block;
	width: 100%;
	object-fit: cover;
	height: 10rem;
	border-radius: 3px;
}
.el-article .el-article-relation>ul li .mark{
	justify-content: space-between;
	font-size: 0.93rem;
	line-height: 2rem;
	margin-top: 1rem;
	margin-bottom: .5rem;
}
.el-article .el-article-relation>ul li .mark i {
    padding-right: .2rem;
}
.el-article .el-article-relation>ul li a:hover .mark{
	color:#201654;
}

@media(max-width: 768px) {
	.el-index{
		padding-left: 0;
	}
	.el-list .el-main{
		padding: 0;
	}
	.el-list .el-main>ul li{
		padding: 1rem 0;
	}
	.el-list .el-main>ul .thumb{
		display: block;
	    width: 10rem;
	}
	.el-list .el-main>ul .thumb,.el-list .el-main>ul .thumb img{
	    height: 7.3rem;
	}
	.el-list .el-main>ul .thumb img{
		object-fit: cover;
		display: block;
		width: 100%;
	}
	.el-list .el-main>ul .typeList{
		padding-left: 1rem;
		flex-wrap: wrap;
		width: 80%;
	}
	.el-list .el-main>ul li .typeList>a{
		width: 100%;
	}
	.el-list .el-main>ul li .desc{
		display:-webkit-box;
	}
	.el-page{
		padding: 1rem .5rem;
	}
	.el-page li{
		display:none;
	}
	.el-page li:first-child,.el-page li:last-child,.el-page li.active{
		display:block;
	}
	.el-article .el-main{
		border-right: none;
		padding: .75rem 0;
	}
	.el-aside{
		margin-top: 1rem;
	}
	.el-article .el-article-relation>ul{
	    grid-template-columns: repeat(3, 1fr);
	    gap: 2%;
	}
}
@media(max-width: 600px) {
	.el-article .el-article-relation>ul{
	    grid-template-columns: repeat(2, 1fr);
	}
	.el-article .el-article-relation>ul li{
		width: 100%;
	}
}
@media(max-width: 480px) {
	.el-list .el-main>ul .typeList,.el-index-hot dl dd{
		padding-left: .5rem;
		box-sizing: border-box;
	}
	.el-article-head h1{
		margin-top: .5rem;
		margin-bottom: .5rem;
	}
	.el-list .el-main>ul li .mark{
		padding-top: .5rem;
		padding-bottom: .5rem;
	}
    .el-list .el-main>ul .thumb, .el-list .el-main>ul .thumb img {
       height: 6.3rem;
    }
}
@media(max-width: 375px) {
	.el-article .el-article-relation>ul{
	    grid-template-columns: repeat(1, 1fr);
	    gap: 0%;
	}
	
	.el-article .el-article-relation>ul li{
		margin-bottom: 1.5rem;
	}
	.el-aside {
        margin-top: 0;
    }
}