@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;
		padding-left:10px;
		padding-bottom: 0;
	}
	.title p{
		font-size:20px;
	}
	.title span{
		display: none;
	}
	.title::after{
		width:4px;
		height: 20px;
		left: 0;
		    top: 0;
	}
	.more{
		top:6px;
		right:5%;
	}
	/*正文*/
	.blog1{
		padding: 30px 0;
	}
	.news-swiper{
		display: none;
	}
	.news-button-prev,.news-button-next{
		display: none !important;
	}
	.news-mob{
		display: flex;
		flex-flow: column;
		width:100%;
		gap:20px;
	}
	.news-mob a{
		display: flex;
		padding:10px;
		gap:20px;
		background: #ffffff;
		box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
	}
	.news-mob a img{
		width:40%;
	}
	.news-mob a div{
		display: flex;
		flex-flow: column;
		justify-content: space-around;
	}
	.news-mob a span{
		color:#666666;
	}
	.blog2{
		background: #f4f4f4;
		padding: 30px 0;
	}
	.blog2 ul li{
		flex-flow: column;
		gap:15px;
		margin-bottom:8px;
		background: #ffffff;
		padding: 10px 15px;
		border:0;
		box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
	}
	.blog3{
		padding: 30px 0;
	}
	.blog3 .swiper{
		display: none;
	}
	.blog3 .container{
		display: flex;
		flex-flow: column;
		gap:30px;
	}
	.blog3-box{
		width:100%;
	}
	.blog3-mob a{
		display: flex;
		padding:10px;
		gap:20px;
		background: #ffffff;
		box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
	}
	.blog3-mob a img{
		width:40%;
	}
	.blog3-mob a div{
		display: flex;
		flex-flow: column;
		justify-content: space-around;
	}
	.blog3-mob a span{
		color:#666666;
	}
	.blog4{
		padding:30px 0;
	}
	.blog4-1{
		width:100%;
	}
	.blog4 .container{
		flex-flow: column;
		gap:30px;
	}
	.blog4-box{
		flex-flow: column;
		align-items: flex-start;
		gap: 20px;
		
	}
	.blog4-box p{
		font-size:20px;
		line-height: 1;
		padding-left:8px;
		text-align: left;
		border-left:4px solid #800900;
	}
	.blog4-box .line{
		display: none;
	}
	.blog4-box ul{
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		width: 100%;
	}
	/*底部*/
	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%;
		padding:10px;
	}
	.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;
	}
}