@media screen and (max-device-width: 800px) {

	html,
	body {
		font-size: 16px;
		min-width: 0;
		background: #f3f3f3;
	}

	.container {
		min-width: 0;
		width: 100%;
		padding: 0 10px;
		box-sizing: border-box;
	}

	.header {
		padding: 16px 10px;
		flex-flow: column;
		align-items: start;
		gap: 20px;
	}

	.en {
		display: none;
	}

	.mobsearch {
		display: block;
	}

	/* .onbanner {
		background: url(../img/headerbgmob.png) no-repeat;
	} */
	.logo {
		margin-right: 0;
	}


	.toplinks {
		display: none;
	}

	.header img {
		width: 80%;
	}

	.header .mobsearch {
		width: 20px;
		position: absolute;
		top: 20px;
		right: calc(40px + 5%);
	}

	.headerline {
		display: block;
		position: absolute;
		top: 20px;
		width: 2px;
		height: 20px;
		background: #ffffff;
		right: calc(40px + 2%);
	}

	.ss-div {
		display: none;
		position: absolute;
		top: 60px;
		right: calc(40px + 5%);
	}

	#dl-menu {
		display: block;
	}

	#nav {
		display: none;
	}

	.main-bullet {
		width: 15px;
		height: 15px;
	}

	.pc-swiper {
		display: none;
	}

	.mob-swiper {
		display: block;
	}

	.swiper-horizontal>.swiper-pagination-bullets,
	.swiper-pagination-bullets.swiper-pagination-horizontal,
	.swiper-pagination-custom,
	.swiper-pagination-fraction {
		bottom: 15px !important;
	}

	.main-swiper .swiper-button-next,
	.main-swiper .swiper-button-prev {
		--swiper-navigation-size: 18px;
	}


	.more {
		/* position: relative;
		text-align: center;
		top: auto;
		right: auto;
		margin: 20px auto;
		display: block;
		color: #ffffff;
		background: #00549a;
		width: 100px;
		height: 30px;
		line-height: 30px;
		border-radius: 3px; */

	}

	.title {
		font-size: 16px;
		padding-left: 15px;
	}

	.title::after {
		width: 5px;
		height: 25px;
	}


	/*正文1*/
	.blog1 {
		padding: 20px 0;
	}

	.blog1>div {
		flex-flow: column;
		gap: 30px;
		padding: 0;
	}

	.blog1::after {
		display: none;
	}

	.blog1 .more {
		right: 10px;
	}

	.blog1-1,
	.blog1-2,
	.blog1-3 {
		width: 100%;
		padding: 0 10px;
		box-sizing: border-box;
	}

	.blog1-2 {
		background: url(../img/bg2mob.png) no-repeat;
		background-size: 100% 100%;
		padding: 20px 10px;
	}

	.blog1-2 .more {
		top: 25px;
	}

	.blog1-2 .pc1-2 {
		display: none;
	}

	.blog1-2 .mob1-2 {
		display: block;
	}

	.blog1-2 .mob1-2 li {
		display: flex;
		flex-flow: row;
		justify-content: space-between;
		align-items: center;
		border: 0;
		padding: 10px 0;
		gap: 0
	}

	.blog1-2 .mob1-2 li div {
		display: flex;
		flex-flow: column;
		align-items: center;
		background: rgba(186, 150, 29, 0.75);
		color: #ffffff;
		padding: 10px;
		gap: 5px;
	}

	.blog1-2 .mob1-2 li div span {
		font-size: 12px;
		color: #ffffff;
		min-width: 47px;
	}

	.blog1-2 .mob1-2 li div p {}

	.blog1-2 .mob1-2 li a {
		width: 78%;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.blog1-box ul {
		background: none;
		box-shadow: none;
	}

	.blog1-box ul li {
		flex-flow: inherit;
		justify-content: space-between;
	}

	.blog1-box ul li a {
		width: 70%;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.blog1-3-box {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		font-size: 12px;
		gap: 10px;
	}

	.blog1-3 a {
		width: 100%;
		height: 13vw;
		background-size: 100% 100% !important;
		font-size: 12px;
		gap: 2px;
	}

	.blog1-3 a img {
		width: 10%;
	}

	/* .blog1-3 .blog1-3-box{
		display: grid;
		grid-template-columns: repeat(2,1fr);
	}
	.blog1-3 .blog1-3-box a{
		width:100%;
		height:auto;
	} */
	/*正文2*/
	.blog2 {
		padding: 20px 0;
		background: url(../img/bg1mob.png) no-repeat;
		background-size: 100% 100%;
	}

	.blog2-1,
	.blog2-2 {
		width: 100%;
	}

	.blog2>div {
		flex-flow: column;
		gap: 30px;
	}

	.blog2-box {
		display: none;
	}

	.blog2-mobbox {
		display: block;
	}

	.blog2-mobbox ul li {
		background: #ffffff;
		padding: 15px 5px;
		margin-bottom: 10px;
	}

	.blog2-mobbox ul li a {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.blog2-mobbox ul li a div {
		display: flex;
		flex-flow: column;
		width: 63%;
		gap: 3px;
		font-size: 14px;
	}

	.blog2-mobbox ul li a p {
		font-weight: bold;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.blog2-mobbox ul li a span {
		max-height: 40px;
		overflow: hidden;
		color: #666666;
	}

	.blog2-mobbox ul li a img {
		width: 35%;
		height: auto !important;
	}

	.blog2-2 ul {
		background: #ffffff;
		padding: 20px 10px;
		gap: 25px;
	}

	.blog2-2 ul li {
		color: #333333;
		background: url(../img/zsmob.png) no-repeat left 5px;
		background-size: 15px;
	}

	.blog2-2 ul li a {
		width: 70%;
	}

	/*正文3*/
	.blog3 {
		padding: 20px 0;
		background: #f3f3f3;
	}

	.blog3>div {
		flex-flow: column;
		gap: 20px;
	}

	.blog3-1,
	.blog3-2,
	.blog3-3 {
		width: 100%;
	}

	.blog3-1 ul {
		background: none;
		padding: 0;
		height: auto;
		gap: 10px;
		box-shadow: none;
	}

	.blog3-1 ul li {
		background: #fefefe;
		justify-content: center;
		padding: 10px;
		box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	}

	.blog3-2 ul {
		background: none;
		padding: 0;
		height: auto;
		gap: 10px;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		box-shadow: none;
	}

	.blog3-2 ul li {
		background: #fefefe;
		justify-content: center;
		padding: 10px;
		box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	}

	.blog3-3 ul {
		background: none;
		padding: 0;
		height: auto;
		gap: 10px;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		box-shadow: none;
	}

	.blog3-3 ul li {
		background: #fefefe;
		justify-content: center;
		padding: 10px;
		box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	}

	/*底部*/
	.footer {
		margin-top: 0;
		padding: 15px 0;
	}

	.footer .footer-left {
		flex-flow: column;
		gap: 10px;
		font-size: 12px;
		text-align: center;
	}

	.footer-left img {
		width: 100%;
	}

	.footer .footer-left .line {
		width: 100%;
		height: 1px;
	}
.footer .footer-left p{
	font-size:12px;
}
	/*二级*/
	.list-left {
		display: none;
	}

	.list-right {
		width: 100%;
	}

	.right-list li {
		padding: 10px 15px;
		background: url(../img/liststyle.png) no-repeat left center;
	}

	.right-list li a {
		width: 70%;
	}

	/* .right-list li span {
		color: #686868;
	} */

	.right-title {
		font-size: 14px;
		padding-bottom: 10px;
	}

	.right-jjy {

		padding: 10px;
	}

	.content-page {
		padding-top: 10px;
	}

	.content {
		padding: 10px;
	}
}