@media screen and (max-device-width: 820px) {
	body, html{
		min-width: 0;
	}
	.container{
		width:100%;
		padding:0 15px;
		box-sizing: border-box;
	}
	header{
		padding:15px 0;
	}
	.header-main{
		padding-bottom:0;
	}
	#dl-menu{
		display: block;
	}
	#nav{
		display: none;
	}
	.logo img{
		width:60%;
	}
	.main-mob-swiper .swiper-slide p, .main-swiper .swiper-slide p{
		width:100%;
		left:0;
		width:100%;
		font-size:16px;
		padding:0;
		white-space: pre-wrap;
	}
	.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{
		width:100% !important;
		left:0 !important;
		bottom: 8px !important;
	}
	.main-bullet{
		width:15px;
		height:15px;
	}
	.search-bar{
		display: none;
	}
	main.container{
		box-sizing: border-box;
		padding:15px;
	}
	.mob-search{
		display: block;
	}
	.title{
		text-align: left;
		justify-content: start;
		padding-left:10px;
		padding-bottom: 0;
	}
	.title p{
		font-size:20px;
		padding-left:10px;
		border-left:4px solid #9d0a00;
		margin-bottom:20px;
	}
	.line-after,.line-before{
		display: none;
	}
	.more{
		top:6px;
		right:5%;
	}
	/*正文*/
	.blog0{
		padding:20px 0;
	}
	.blog0 .container{
		background: transparent;
		flex-wrap: wrap;
		box-shadow: none;
		gap:10px;
	}
	.blog0 a{
		background: #ffffff;
		border-radius: 5px;
		padding:5px;
		height:auto;
		width:100px;
	}
	.blog0 a:hover{
		background: #a4160a;
		color:#ffffff;
	}
	.blog0 a.active{
		background: #a4160a;
		color:#ffffff;
	}
	.blog1{
		padding: 20px 0;
	}
	
	.blog1-box{
		display: none;
	}
	.blog1-mob{
		display: flex;
		flex-flow: column;
		width:100%;
		gap:20px;
	}
	.blog1-mob a{
		display: flex;
		padding:10px;
		gap:20px;
		background: #ffffff;
		box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
	}
	.blog1-mob a img{
		width:40%;
	}
	.blog1-mob a div{
		display: flex;
		flex-flow: column;
		justify-content: space-around;
	}
	.blog1-mob a span{
		color:#666666;
	}
	.blog2{
	    padding: 20px 0;
		background: #F4F4F4;
	}
	.blog3{
		padding: 20px 0;
	}	
	.blog3-box{
		flex-flow: column;
		margin-top:0;
	}
	.blog3-box div{
		width: 100%;
		padding-top:0;
		gap:15px;
		justify-content: space-between;
	}
	.blog3-box div a{
		width:45%;
	}
	.blog3-box .line{
		width:100%;
		height:2px;
	}
	/*底部*/
	footer .container{
		flex-wrap: wrap;
		
	}
	footer .links{
		width: 40%;
	}
	footer .footer-logo{
		display: block;
		width: 45%;
	}
	footer .footer-logo img{
		width: 80%;
	}
	
	/*二级*/
	.list-left{
		display: none;
	}
	.list-right{
		width:100%;
	}
	.right-jjy{
		padding:15px;
	}
	.only-list1 li{
		padding:15px;	
	}
	.only-list1 li a{
		width:70%;
	}
	.content-page{
		width:90%;
		padding-top:15px;
	}
	.content{
		padding:15px 0;
	}
	.list-qikan{
		display: none;
	}
	.mob-list-qikan{
		display: block;
		/* width:90%; */
	}
	.mob-list-qikan li{
		margin-top:20px;
	}
	.mob-list-qikan li a{
		display: flex;
		justify-content: flex-start;
		gap:10px;
		align-items: center;
		background-color: #ffffff;
		color:#333333;
	}
	.mob-list-qikan li img{
		width:30%;
	}
	.mob-list-qikan li div{
		gap:15px;
		display: flex;
		flex-flow: column;
		justify-content: space-between;
	}
	.mob-list-qikan li div p:first-of-type{
		color:#000000;
		font-size:18px;
	}
}