@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%;
		flex-flow: column;
		align-items: start;
		gap:20px;
	}

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

	.toplinks {
		display: none;
	}

	.header img {
		width: 80%;
	}


	#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;
	}


	.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;
	}

	.en {
		display: block;
		position: absolute;
		top: 29px;
		right: 60px;
		background: #ffffff;
		width: 25px;
		height: 25px;
		text-align: center;
		line-height: 25px;
		color: #015c84;
		border-radius: 5px;
	}

	.en::after {
		content: '';
		width: 1px;
		height: 50px;
		position: absolute;
		right: -12px;
		top: -12px;
		background: #708bad;
	}

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

	.blog1 .numbs {
		justify-content: space-between;
	}

	.blog1 .numbs p {
		font-size: 26px;
	}

	.blog1 .numbs span {
		font-size: 16px;
		white-space: nowrap;
	}

	.blog1 .numbs div::after {
		display: none;
	}

	.blog1 .baoming a {
		font-size: 16px;
	}

	/*正文2*/
	.blog2 {
		padding: 20px 5%;
	}

	.timeline-step {
		width: 25%;

	}

	.timeline-desc {
		margin-bottom: 80px;
	}

	.timeline-container {
		padding-top: 0;
	}

	.timeline-desc p {
		font-size: 12px;
	}

	.timeline-desc h3 {
		font-size: 14px;
		width: 100%;
		margin-left: 0;
		height: 40px;
		line-height: 40px;
	}

	.timeline-line {
		top: 160px;
	}

	.timeline-box {
		width: 100%;
	}

	.timeline-box .month {
		font-size: 12px;
	}

	/*正文3*/
	.blog3 {
		padding:20px 5%;
		background: #ffffff;
	}
	.cansai{
		flex-flow: column;
		}
		.blog3 .cansai a{
			width:100%;
		}
	/*正文4*/
	.blog4{
		padding:20px 5%;
	}
	.blog4-box{
		flex-flow: column;
	}
	.blog4-1,.blog4-2{
		width:100%;
		
	}
	.blog4-1 .swiper{
		height:auto;
	}
	.blog4-1 .swiper h3{
		font-size:18px;
	}
	.blog4-1 .swiper p{
		font-size:14px;
	}
	.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{
		top:40% !important
;
	}
	.blog4-2{
		margin-top:20px;
		height:auto;
	}
	.blog4-2 .more{
		right:10px;
		top:-7px;
	}
	.blog4-2 .title1 {
	    font-size: 20px;
	    width: 80px;}
		
	.blog4-2 .title1::before{
		width:50px;
		left:-65px;
		height:2px;
	}
	.blog4-2 .title1::after{
		width:50px;
		right:-65px;
		height:2px;
	}
	.blog4-2 .newsbox ul li{
		font-size:16px;
	}
	/*底部*/
	.footer{
		margin-top: 0;
	}
	.footer .footer-left{
		flex-flow: column;
		gap: 10px;
	}
	

	/*二级*/
	.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;
	}
.reveal-left {
    opacity: 0;
    transform: translateY(32px) !important;
    transition: opacity 1000ms ease, transform 1000ms ease;
}

.reveal-left.is-visible {
    opacity: 1;
    transform: translateY(0) !important;
}
.reveal-right {
    opacity: 0;
    transform: translateY(32px) !important;
    transition: opacity 1000ms ease, transform 1000ms ease;
}

.reveal-right.is-visible {
    opacity: 1;
    transform: translateY(0) !important;
}

}