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

	.nav ul,
	.news,
	#page1 .draw,
	#page3 .draw {
		width: 100%;
		height: auto;
	}

	.news .new_left,
	.news .new_right {
		width: 100%;
		height: 200px;
		overflow: hidden;
	}
}

@media screen and (max-width: 720px) {
	body {
		overflow-x: hidden;
	}

	.news .new_right {
		height: auto;
	}

	.nav {
		height: 40px;
	}

	.nav ul {
		display: block;
		width: 88%;
		height: 40px !important;
		white-space: nowrap;
		overflow-x: auto;
		overflow-y: hidden;
		float: left;
	}

	.nav ul li {
		font-size: 16px;
		padding: 0 5px;
		float: left;
		display: inline-block;
		line-height: 40px;
	}

	.news {
		margin-top: 0;
	}

	.nav .menus {
		width: 40px;
	}

	.news .new_right .item {
		margin-left: 10px;
		margin-right: 10px;
	}

	#page3 .swiper-box {
		padding: 0 16px;
		box-sizing: border-box;
	}

	#page1 .draw,
	#page2 .draw,
	#page5 .draw {
		width: 100%;
		height: auto;
		padding: 0;
	}

	#page1 .draw .left {
		width: 100%;
		height: auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

	#page1 .draw .left .item {
		float: left;
		width: 30%;
		height: 118px;
		margin: 5px;
	}

	#page1 .draw .left .item .name {
		display: none;
	}
	#page1 .draw .left .item.active{
		border: 2px solid #FDC452;
	}

	.t1 {
		width: 90%;
		height: auto;
	}

	#page1 .draw .center {
		margin-left: 16px;
		float: none;
	}

	#page1 .draw .center .big {
		width: 100%;
		height: 200px;
		object-fit: contain;
	}

	#page1 .draw .right-content {
		width: 100%;
		overflow: hidden;
		height: auto;
	}

	#page1 .draw .right {
		width: 100%;
		height: auto;
		float: none;
		margin-left: 0;
		padding: 0 16px;
		margin-top: 15px;
		box-sizing: border-box;
	}

	#page1 .draw .right .content {
		height: 100%;
		width: 100%;
		margin: 0;
		padding: 0 16px;
		box-sizing: border-box;
		font-size: 16px;
	}
		#page1 .draw .center .title {
			max-width: 418px;
			font-family: SourceHanSansCN;
			font-weight: 400;
			font-size: 16px;
			color: #FFFFFF;
			line-height: 22px;
			margin: 19px auto;
			text-overflow: ellipsis;
			white-space: inherit;
			overflow: hidden;
		}

	#page2 .draw>.title {
		font-size: 20px;
		padding: 0;
		line-height: 1.5em;
		width:90%;
	}

	#page2 .draw>.stitle {
		font-size: 14px;
		line-height: normal;
		padding: 10px;
	}
	#page2 .draw{padding-top: 20px;}

	#page2 .draw>.content .left,
	#page2 .draw>.content .left .section,
	#page2 .draw>.content .left .section .des,
	#page2 .draw>.content .img-right,
	#page3 .draw>.title,
	#page3 .draw .article,
	#page3 .draw .article .left-pic,
	#page4>p,
	.ndjyz {
		width: 100%;
		height: auto;
		float: none;
		padding: 0% 16px;
		font-size: 16px;
	}

	#page2 .draw>.content .img-right {
		top: 0;
		height: auto;
		position: relative;
		margin: 10px 0;
	}

	#page2 .draw>.content .img-right img {
		height: auto;
	}
	#page2 .draw>.content .left .section .fh:first-child {
			text-align: left;
			height: 60px;
	}
	#page2 .draw>.content .left .section .fh:last-child {
			text-align: right;
			height: 60px;
	}

	#page3 {
		overflow-x: hidden;
	}

	#page3 .draw .article .artlist,
	#page3 .draw .article .left-pic {
		padding: 0;
	}

	#page3 .draw .article .artlist,
	#page3 #pageSwiper,
	#page3 .des {
		float: none;
		width: 100%;
	}

	#page3 .draw {
		padding: 0;
		box-sizing: content-box;
		margin-top: 10px;
	}

	#page3 .draw .article .artlist {
		margin-top: 10px;
		height: auto;
	}
	#page3 .draw .article .artlist .list{
		height: auto;
	}

	#page3 .des {
		padding: 16px 30px;
		font-size: 14px;
		line-height: normal;
		box-sizing: border-box;
	}

	#page3 .des span.fir {
		left: 3px;
		top: 0;
	}

	#page3 .des-box>.des::after {
		display: none !important;
	}

	#page4>p {
		margin: 0;
        height: 165px !important;
	}

	#page4 .draw {
		padding: 16px;
	}

	#page4 .draw,
	#page4 .draw>.main .left,
	#page4 .draw>.main .right,
	#page4 .draw>.main .right>.item,
	.person-list,
	#page4 .des-box {
		width: 100%;
		height: auto;
		float: none;
	}

	#page4 .draw>.main .right>.item {
		margin: 16px auto;
		line-height: 35px;
	}

	.person-list {
		overflow: hidden;
	}

	.person-list .item {
		width: 30%;
		height: auto;
		margin-left: 10px;
		margin-bottom: 10px;
	}

	.person-list .item .txt {
		display: none;
	}

	#page4 .des {
		width: 100%;
		height: auto;
		margin: auto;
		padding: 16px 56px;
		font-size: 16px;
	}

	.news .new_left .img-box .title {
		font-size: 14px;
		padding: 0 10px;
		display: -webkit-box;
			overflow: hidden;
			text-overflow: ellipsis;
			word-wrap: break-word;
			word-break: break-all;
			white-space: normal !important;
			-webkit-line-clamp: 1;
			-webkit-box-orient: vertical;
	}

	.news .new_left .swiper-pagination-bullet {
		display: none;
	}

	#page5 .draw .title {
		width: 100%;
		margin: 25px 0;
	}

	#page5 .draw .list {
		padding: 0;
		margin: 0;
	}

	#page5 .draw .list .item-box,
	#page5 .draw .list .item-box .title {
		width: 100%;
		height: auto;
		float: none;
		box-sizing: border-box;
		top: 0;
	}

	#page5 .draw .list .item-box {
		top: 0;
		margin-bottom: 20px;
		margin-left: 0 !important;
	}

	#page5 .draw .list .item-box .title {
		line-height: 38px;
		position: relative;
		box-sizing: content-box;
		background-size: contain;
		background-position: center;
		font-size: 14px;
	}

	#page5 .draw .list .item-box .item {
		padding-top: 16px;
		font-size: 14px;
	}

	#page4 .des-box>.des:after {
		display: none !important;
	}


	#page6 .main .left,
	#page6 .main,
	#page6 .main .left>.item,
	#page6 .main .right {
		width: 100%;
		height: auto;
		float: none;
		padding: 0 16px;
		box-sizing: border-box;
		line-height: normal;
		font-size: 16px;
		margin: auto;
	}
	#page6 .main .left {
					height: 300px;
					overflow: auto
	}

	#page6 .main .right .img {
		width: 100%;
	}

	#page6 .main .left>.item {
		height: auto;
		padding: 10px 0;
	}

	#page5 .draw .small {
		line-height: normal;
		margin-bottom: 10px;
	}

	#page5 .draw {
		padding: 0 16px;
		box-sizing: border-box;
		margin: 16px;
		width: auto;
	}

	.ndjyz-box .line {
		display: block;
	}

	.ndjyz-box .item.big {
		margin: auto;
	}
	.ndjyz-box .line2.right .m-person.active .position {
			background: #05272E;
			z-index: 10;
			position: absolute;
			left: 0;
			top: 0;
			width: 264px;
			height: 288px;
			display: flex;
			align-items: center;
			justify-content: center;
			color: inherit;
			text-decoration: none;
	}
	.ndjyz-box .line2.right .m-person:nth-child(2n).active .position {
			background: #05272E;
			z-index: 10;
			position: relative;
			left: -140px !important;
			top: 0 !important;
			width: 264px;
			height: 288px;
			display: flex;
			align-items: center;
			justify-content: center;
			color: inherit;
			text-decoration: none;
	}
		.ndjyz-box .line2.right .m-person:nth-last-child(1).active .position {
			background: #05272E;
			z-index: 10;
			position: relative;
			left: -140px !important;
			top: -288px !important;
			width: 264px;
			height: 288px;
			display: flex;
			align-items: center;
			justify-content: center;
			color: inherit;
			text-decoration: none;
		}
		.ndjyz-box .line2.right .m-person:nth-last-child(2).active .position {
					background: #05272E;
					z-index: 10;
					position: relative;
					left: -140px !important;
					top: -58px !important;
					width: 264px;
					height: 288px;
					display: flex;
					align-items: center;
					justify-content: center;
					color: inherit;
					text-decoration: none;
		}
		.ndjyz-box .line2.right .m-person:nth-last-child(3).active .position {
									background: #05272E;
									z-index: 10;
									position: relative;
									left: 0 !important;
									top: -58px !important;
									width: 264px;
									height: 288px;
									display: flex;
									align-items: center;
									justify-content: center;
									color: inherit;
									text-decoration: none;
								}
		.ndjyz-box .line2.right .m-person.active .position .intro {
			display: block;
			width: 192px;
			font-weight: 400;
			font-size: 14px;
			text-align: center;
			color: #f7cf42;
		}

	#page8 .banner {
		width: 100%;
	}

	#page8 .img-list {
		width: 100%;
		height: auto;
	}

	#page8 .img-list>img {
		width: 100% !important;
		height: 200px !important;
		position: inherit !important;
		left: 0% !important;
		right: 0 !important;
		top: 0% !important;
		bottom: 0;
	}

	#page8 {
		margin-top: 25px;
	}

	#page9,
	.wjhg-box {
		width: 100%;
		padding: 0 16px;
		box-sizing: border-box;
		height: auto;
	}

	.wjhg-box {
		height: 121px;
	}
	#page6 .main .right .des{
		font-size: 14px;
	}
	.swiperModel1 .img {
		width: 70%;
	}

	.hzhb {
		width: 100%;
		overflow: hidden;
	}

	#page3 .swiper-box .prev,
	#page3 .swiper-box .next {
		width: 17.5px;
		height: 32px;
	}

	#page3 #pageSwiper .swiper-slide.active {
		border: none;
	}
	#page3 #pageSwiper1 .swiper-slide.active {
			border: none;
	}

	#page3 #pageSwiper img,
	#page3 #pageSwiper1 img {
			width: 189px;
			height: 189px;
			background: #FFFFFF;
			border-radius: 14px;
	}
	#page3 #pageSwiper .swiper-slide .txt {
		/* display: none; */
		width: 189px;
		left: 50%;
		margin-left: -94.5px;
		border-bottom-left-radius: 14px;
		border-bottom-right-radius: 14px;
	}

	#page3 #pageSwiper1 .swiper-slide .txt {
			width: 189px;
			left: 50%;
			margin-left: -94.5px;
			border-bottom-left-radius: 14px;
			border-bottom-right-radius: 14px;
		}
	footer {
		padding: 0 16px;
	}

	footer .right {
		margin-left: 10px;
	}

	.ndjyz-box .item.big .des {
		margin: 10px auto;
	}

	#page6 .main .right {
		margin-top: 15px;
		padding-top: 30px;
	}

	#page3 .draw>.title1 {
		width: 98%;
		height: 100px;
	}

	#page4 {
		width: 100%;
	}
	#page4 .person-list{
		height: 230px;
	}

	.ndjyz-box .line .right,
	.ndjyz-box .line2 {
		height: auto;
		overflow: hidden;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-around;
		padding-top: 0;
		padding-bottom: 0;
	}
	.swiperModel1 .img{
		background-size: contain;
	}
	.ndjyz-box {
		height: auto;
		width: 100%;
	}

	#page8 .page8-banner {
		width: 100%;
		height: 200px;
	}

	#page8 {
		width: 100%;
	}

	.line-row img {
		width: 96px;
		height: auto;
		object-fit: cover;
		margin-right: 0;
		font-size: 16px;
	}

	.hzhb .line-row {
		font-size: 16px;
	}
	
	
	.m-mySwiper{
		height: 50px;
		width: 100%;
		overflow: hidden;
	}
	.m-mySwiper1{
		height: 200px;
		width: 100%;
		overflow: hidden;
	}
	.m-mySwiper1 img{
		width: 100%;
		height: 200px;
		overflow: hidden;
	}
	.m-mySwiper  .swiper-slide {
	  text-align: center;
	  font-size: 18px;
	  display: flex;
	  justify-content: center;
	  align-items: center;
	}
	#page8 .img-list img{
		width: 100%;
	}
	#page2 .draw>.content .left .person{
		width: 100%;
		padding: 0;
		background: none;
	}
	#page2 .draw>.content .left .person .name,#page2 .draw>.content .left .person .title{
		width: 100%;
	}
	#page3 .draw .article .artlist .list .item{
		    font-family: SourceHanSansCN;
		    font-weight: 400;
		    font-size: 12px;
		    color: #fff;
		    line-height: 24px;
		    text-align: left;
		    margin-bottom: 10px;
		    white-space: inherit;
		    text-overflow: inherit;
			overflow: inherit;
	}
}