@media screen and (max-device-width: 800px) {
    html,body{font-size:16px;min-width: 0}
	.container{
		min-width:0;
		width:100%;
		padding: 0 5%;
		box-sizing: border-box;
	}
	.header{
		padding:16px 5%;
	}
	.header img{
		width:55%;
	}
	.toplinks{
		left:58%;
		right:auto;
		top:45%;
		font-size: 12px;
	}
	#dl-menu{
		display: block;
	}
	#nav{
		display: none;
	}
	.main-bullet{
		width:15px;
		height:15px;
	}
	.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;
	}
	.jsbg{
		text-align: right;
	}
	.jsbg img{
		width:80%;
		height:auto;
	}
	.jsbox{
		margin-top:15px;
	}
	.jsbox>p{
		width:45%;
		font-size:14px;
		height: 45px;
	}
	.jsbox>p img{
		width:20px;
		height:auto;
		
	}
	.jsbox div{
		width:80%;
		font-size:12px;
		padding:10px 15px;
		height:auto;
		line-height:1.5;
	}
.jsbox div p{
font-size:12px;
		padding:10px 15px;
		height:auto;
		line-height:1.5;
}
	.title{
		width:40%;
		font-size:14px;
		height:40px;
		line-height: 40px;
		border-radius: 6px;
		box-shadow: -5px -3px 0 rgba(6,162,233,0.16);
	}
	.more{
		right:5%;
		top:50px;
		width: 20px;
		height: 20px;
		background-size: 100%;
	}
	/*正文2*/
	.blog2{
		padding-bottom:80px;
	}
	.blog2-1{
		flex-flow: row;
		flex-wrap: wrap;
		height:auto;
		width:100%;
	}
	.blog2-1 li:nth-of-type(2n){
		left:0;
		top:60px;
	}
	.blog2-1 li{
		width:30%;
		padding:0 10%;
		margin-top:20px;
	}
	.blog2-1 li img{
		width:100%;
		height:67px;
	}
	.blog2-1 li p{
		width:100%;
		padding:5px;
		height:42px;
	}
	.blog2-1::after{
		width:2px;
		height: 450px;
		top: 70px;
		left:50%;
	}
	.blog2-1 li span{
		width:20px;
		height:20px;
		font-size: 14px;
		line-height: 20px;
		top:calc(50% - 10px) !important;
	}
	.blog2-1 li:nth-of-type(2n-1) span {
		right:-10px;
		left:auto;
	}
	.blog2-1 li:nth-of-type(2n) span {
		left:-10px;
	
	}
	/*正文3*/
	.blog3{
		padding-top:40px;
	}
	.blog3 ul li{
		width:48%;
		margin-top:15px;
	}
	.blog3 ul li img{
		width:100%;
		height:auto;
		display: block;
	}
	.blog3 ul li .newsbox{
		width:100%;
		height:auto;
		padding: 5px 10px;
		display: flex;
		flex-flow: column;
		justify-content: space-around;
	}
	.blog3 ul li .newsbox p{
		font-size: 12px;
		font-weight: bold;
	}
	.blog3 ul li .newsbox div{
		font-size: 12px;
		height: 38px;
		overflow: hidden;
	}
	.blog3 ul li .newsbox span{
		font-size: 12px;
	}
	
	
	.blog3 ul li:first-of-type{
		width:100%;
	}
	.blog3 ul li:first-of-type a{
		display: flex;
		justify-content: space-between;
	}
	.blog3 ul li:first-of-type img{
		width:50%;
		height:130px;
	}
	.blog3 ul li:first-of-type .newsbox{
		width:50%;
		height:130px;
		padding:5px 10px;
		display: flex;
		flex-flow: column;
		justify-content: flex-start;
	}
	.blog3 ul li:first-of-type .newsbox p{
		font-size: 12px;
		text-align: left;
		font-weight: bold;
	}
	.blog3 ul li:first-of-type .newsbox div{
		font-size: 12px;
		height:72px;
	}
	.blog3 ul li:first-of-type .newsbox span{
		font-size: 12px;
	}
	.blog3 ul li:last-of-type{
		display: none;
	}
	
	/*正文4*/
	.blog4{
		padding:40px 5%;
	}
	.blog4 ul li{
		margin-top:15px;
	}
	.blog4 ul li a{
		width:100%;
		height:auto;
		padding:10px 18px;
		background-size: 18px;
	}
	.blog4 ul li p{
		font-size: 12px;
		font-weight: bold;
	}
	.blog4 ul li div{
		font-size: 12px;
		height: 38px;	
	}
	.blog4 ul li span{
		font-size: 12px;
	}
	/*正文5*/
	.blog5{
		margin:0 5%;
		width: 90% !important;
		padding:0;
	}
	.title1{
		font-size: 14px;
		width: 100px;
		height: 36px;

	}
	.title1::after {
	    border-top: 26px solid transparent;
	    border-right: 26px solid #08a3ea;
	    border-bottom: 26px solid transparent;
	    right: -21px;
	    top: -17px;
	}
	.title1 img{
		height:20px;
	}
	.blog5 ul{
		justify-content: space-between;
		padding:10px;
		
	}
	.blog5 ul li{
		width:45%;
	}
	.blog5 ul li:last-of-type{
		display: none;
	}
	.blog5 ul li a{
		width:100%;
		height:auto;
	}
	.blog5 ul li::after{
		left:-15%;
		height:100%;
	}
	.blog5 ul li p{
		font-size: 14px;
	}
	.blog5 ul li div{
		margin-top:5px;
		margin-bottom:10px;
	}
	.blog5 ul li span{
		font-size:12px;
		
	}
	.blog6{
		margin-top:10px;
		padding:5px 0;
	}
	/*底部*/
	.footer>div{
		display: flex;
		flex-flow: column;
	}
	.footerlogo{
		width:100%;
	}
	.footerlogo img{
		width:100%;
	}
	.link{
		width:100%;
		margin-left:0;
		
	}
	.link p{
		font-size:14px;
	}
	.link ul{
		display: flex;
		justify-content: space-between;
		margin-top:10px;	
	}
	
	.link ul li{
		font-size:12px;
		padding:10px 5px;
		width:28%;
		margin:15px 2% 0 2%;
		box-sizing: border-box;
		height:auto;
		line-height:1;
	
	}
	.copy{
		font-size:12px;
	}
	/*二级*/
	.list-left{
		display: none;
	}
	.list-right{
		width:100%;
	}
	.only-list1 li{
		padding:10px;
		
	}
	.only-list1 li a{
		width:70%;
	}
	
	.only-list1 li span {
		color:#686868; 
	}
	
	.right-title{
		margin: 10px;
		font-size: 20px;
		padding-bottom:10px;
	}
	.right-jjy{
		
		padding:10px;
	}
.right-jjy img{
 width: 100% !important;
}
.content img{
 width: 100% !important;
}
	.content-page{
		padding-top:10px;
	}
	.content{
		padding:10px;
	}
}