@media (max-width: 1500px) and (min-width: 1220px) {
	.container {
		width: 1200px;
	}

	.header_down3 li {
		margin-right: 20px;
	}

	.header_down2 {
		margin-left: 20px;
	}
}

@media (max-width: 1220px) and (min-width: 1020px) {
	.container {
		width: 1020px;
	}

	.header_down3 li {
		margin-right: 10px;
	}

	.header_down2 {
		margin-left: 10px;
	}

	.header_down2 input {
		width: 100px;
	}

	.header_down2 button {
		width: 60px;
	}

	.inde_spray2_2 {
		padding: 20px;
	}

}

@media (max-width: 1020px) {
	.container {
		width: 95%;
	}

	.header_top {
		height: 40px;
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}

	.header_top1 {
		font-size: 14px;
		display: flex;
		align-items: center;
	}

	.header_top1 span {
		line-height: normal;
	}

	.header_downs::after {
		height: calc(100% + 30px);
	}

	.header_down {
		height: 60px;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.logo {
		height: 30px;
		margin-top: 0;
	}

	.header_down4 {
		display: flex;
		align-items: center;
	}

	.header_down4_1 {
		width: 20px;
		margin-right: 20px;
	}

	.menubtn i {
		display: block;
		width: 25px;
		height: 2px;
		background-color: #fff;
		-webkit-transition: .5s;
		-moz-transition: .5s;
		-o-transition: .5s;
		transition: .5s;
	}

	.menubtn i:nth-child(1) {
		-webkit-transform-origin: left bottom;
		-moz-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		-o-transform-origin: left bottom;
		transform-origin: left bottom;
	}

	.menubtn i:nth-child(2) {
		margin-top: 4px;
	}

	.menubtn i:nth-child(3) {
		margin-top: 4px;
		-webkit-transform-origin: left top;
		-moz-transform-origin: left top;
		-ms-transform-origin: left top;
		-o-transform-origin: left top;
		transform-origin: left top;
	}

	.menubtn.on i:nth-child(1) {
		-webkit-transform: rotate(28deg);
		-moz-transform: rotate(28deg);
		-ms-transform: rotate(28deg);
		-o-transform: rotate(28deg);
		transform: rotate(28deg);
	}

	.menubtn.on i:nth-child(2) {
		opacity: 0;
	}

	.menubtn.on i:nth-child(3) {
		-webkit-transform: rotate(-28deg);
		-moz-transform: rotate(-28deg);
		-ms-transform: rotate(-28deg);
		-o-transform: rotate(-28deg);
		transform: rotate(-28deg);
	}

	.COVER {
		width: 60%;
		height: 100%;
		background-color: #1c1c1c;
		/* display: none; */
		overflow: hidden;
		overflow-y: auto;
		position: fixed;
		top: 0px;
		left: -100%;
		z-index: 1001;
	}

	.MULUS {
		width: 100%;
		box-sizing: border-box;
		padding: 10px;
	}

	.mulu {
		border-bottom: 1px solid rgba(255, 255, 255, 0.2);
		box-sizing: border-box;
		width: 100%;
		display: block;
	}

	.mulu.on .mulu2 {
		display: block;
	}

	.mulu1 {
		width: 100%;
		padding: 10px 0;
		color: white;
		font-size: 16px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.mulu1 img {
		width: 7px;
	}

	.mulu2 {
		width: 100%;
		padding: 0 10px;
		box-sizing: border-box;
		display: none;
	}

	.mulu2_1 {
		width: 100%;
		display: block;
		padding: 0 10px;
		box-sizing: border-box;
	}

	.mulu2_2 {
		width: 100%;
		padding: 10px 0;
		color: #999999;
		font-size: 14px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.banner .swiper-pagination-bullet {
		width: 5px;
		height: 5px;
	}

	.banner .swiper-pagination-bullet-active {
		width: 40px;
	}

	.banne {
		height: 315px;
	}

	.banne3 {
		font-size: 24px;
	}

	.inde_recent {
		margin-top: 50px;
	}

	.inde_recent1 {
		font-size: 24px;
	}

	.inde_recent2 {
		margin-top: 0;
		flex-wrap: wrap;
	}

	.inde_recent3 {
		width: 100%;
		height: 465px;
		border-radius: 10px;
		margin-right: 0;
		margin-top: 15px;
	}

	.inde_recent3_2 {
		padding: 0 25px;
		top: 80px;
	}

	.inde_recent3_3 {
		font-size: 20px;
	}

	.inde_recent3_4 {
		margin-top: 30px;
		font-size: 14px;
	}

	.inde_recent4 {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
	}

	.inde_recent4_1 {
		width: 49%;
		height: auto;
		border-radius: 10px;
		margin-right: 2%;
		margin-top: 15px;
	}

	.inde_recent4_2 {
		height: 105px;
		border-radius: 10px;
	}

	.inde_recent4_3 {
		padding: 10px;
		padding-bottom: 20px;
	}

	.inde_recent4_4 {
		font-size: 14px;
	}

	.inde_recent4_5 {
		width: 30px;
		margin-top: 10px;
	}

	.inde_spray {
		margin-top: 50px;
		margin-bottom: 70px;
	}

	.inde_spray1 {
		margin-top: 0;
		display: flex;
		flex-wrap: wrap;
	}

	.inde_spray2 {
		width: 49%;
		height: 195px;
		margin-top: 15px;
		border-radius: 10px;
	}

	.inde_spray2:nth-child(3n) {
		margin-right: 2%;
	}

	.inde_spray2:nth-child(2n) {
		margin-right: 0;
	}

	.inde_spray2_2 {
		padding: 20px;
	}

	.inde_spray2_3 {
		font-size: 12px;
	}

	.inde_spray2_4 {
		font-size: 20px;
		margin-top: 5px;
	}

	.inde_spray2_5 {
		margin-top: 15px;
		font-size: 14px;
		display: flex;
		align-items: center;
	}

	.inde_spray2_5 img {
		width: 8px;
	}

	.inde_about {
		margin: 50px 0;
	}

	.inde_about1 {
		padding: 30px 40px;
	}

	.inde_about2 {
		font-size: 27px;
		line-height: 27px;
	}

	.inde_about3 {
		width: 195px;
		height: 45px;
		margin-top: 30px;
		padding: 0 10px;
		font-size: 14px;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.inde_about3 span {
		line-height: normal;
	}

	.inde_about3 img {
		width: 30px;
	}

	.inde_vision {
		margin: 60px auto;
	}

	.inde_vision1 {
		font-size: 14px;
	}

	.inde_vision2 {
		margin-top: 15px;
		font-size: 34px;
		line-height: 34px;
	}

	.inde_vision3 {
		margin-top: 20px;
		font-size: 16px;
	}

	.inde_vision4 {
		display: flex;
		flex-wrap: wrap;
	}

	.inde_vision4_1 {
		width: 100%;
		height: 300px;
		margin-top: 30px;
		margin-right: 0;
		border-radius: 10px;
	}

	.inde_vision4_3 {
		padding: 0 20px;
		bottom: 45px;
	}

	.inde_vision4_3_1 {
		font-size: 20px;
	}

	.inde_vision4_3_2 {
		height: 60px;
		margin-top: 10px;
		font-size: 14px;
	}

	.inde_vision4_3_3 {
		margin-top: 20px;
		font-size: 14px;
		display: flex;
		align-items: center;
	}

	.inde_vision4_3_3 img {
		width: 8px;
	}

	.inde_main {
		margin: 50px 0;
	}

	.inde_main1 {
		padding: 30px 40px;
	}

	.inde_main2 {
		font-size: 27px;
		line-height: 27px;
	}

	.inde_main3 {
		margin-top: 20px;
		font-size: 14px;
	}

	.inde_main4 {
		width: 195px;
		height: 45px;
		margin-top: 30px;
		padding: 0 10px;
		font-size: 14px;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.inde_main4 img {
		width: 30px;
	}

	.inde_main4 span {
		line-height: normal;
	}

	.inde_core1 {
		width: 100%;
		height: 370px;
		margin-top: 30px;
		margin-right: 0;
		border-radius: 10px;
	}

	.inde_core2 {
		font-size: 17px;
		margin-top: 45px;
	}

	.inde_core3 {
		display: flex;
		flex-wrap: wrap;
		margin-top: 15px;
	}

	.inde_core3_1 {
		width: 100%;
		margin-top: 15px;
		border-radius: 10px;
		margin-right: 0;
		display: flex;
		align-items: center;
	}

	.inde_core3_2 {
		width: 100px;
		height: 100px;
		border-radius: 10px;
	}

	.inde_core3_3 {
		width: calc(100% - 100px);
		padding: 0 15px;
		font-size: 16px;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.inde_corporate {
		margin: 50px 0;
		margin-left: 0;
	}

	.inde_corporate1 {
		padding: 50px 40px;
	}

	.inde_corporate2 {
		font-size: 27px;
		line-height: 27px;
	}

	.inde_corporate3 {
		width: 150px;
		margin-top: 45px;
		height: 45px;
		font-size: 14px;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.inde_corporate3 span {
		width: calc(100% - 30px);
		line-height: normal;
	}

	.inde_corporate3 img {
		width: 30px;
	}

	.footer {
		margin: 40px auto;
	}

	.footer1 {
		width: 49%;
		margin: 20px 0;
		margin-right: 2%;
	}

	.footer1:nth-child(2n) {
		margin-right: 0;
	}

	.footer2 {
		margin-bottom: 10px;
		font-size: 16px;
	}

	.footer3 {
		margin-bottom: 5px;
		font-size: 16px;
	}

	.nybanne1 {
		height: 315px;
		object-fit: cover;
		object-position: center;
	}

	.tit_box {
		max-width: 100%;
		width: 375px;
		border-radius: 10px;
		padding: 15px 25px;
		margin-top: -60px;
	}

	.tit_bo1 {
		font-size: 14px;
		display: flex;
		align-items: center;
	}

	.tit_bo2 {
		margin-top: 10px;
		font-size: 28px;
	}

	.recent_bo {
		margin-bottom: 70px;
	}

	.recent_bo1 {
		margin-top: 50px;
		font-size: 30px;
	}

	.recent_bo2 {
		margin-top: 25px;
		font-size: 16px;
		line-height: 30px;
	}

	.recent_bo3 {
		margin-top: 100px;
	}

	.recent_bo3_1 {
		height: 300px;
	}

	.recent_bo3_1 .swiper-button-prev {
		width: 20px;
		height: 50px;
	}

	.recent_bo3_1 .swiper-button-next {
		width: 20px;
		height: 50px;
	}

	.recent_bo3_1 .swiper {
		width: calc(100% - 40px - 60px);
	}

	.recent_bo3_3 {
		margin-top: 15px;
	}

	.recent_bo3_4 {
		font-size: 16px;
	}

	.recent_bo3_4 video {
		height: 90px;
		margin-bottom: 10px;
	}

	.nybanne3 {
		font-size: 30px;
	}

	.spray_bo {
		margin: 40px auto;
	}

	.spray_list {
		display: flex;
		flex-wrap: wrap;
	}

	.spray_li {
		width: 49%;
		height: 195px;
		margin-bottom: 15px;
		border-radius: 10px;
	}

	.spray_li:nth-child(3n) {
		margin-right: 2%;
	}

	.spray_li:nth-child(2n) {
		margin-right: 0;
	}

	.spray_detail {
		margin-top: 50px;
		font-size: 14px;
		line-height: 25px;
	}

	.spray_detail .swiper-button-prev {
		width: 20px;
		height: 50px;
	}

	.spray_detail .swiper-button-next {
		width: 20px;
		height: 50px;
	}

	.spray_detail .swiper {
		width: calc(100% - 40px - 60px);
	}
.spray_deta {
    height: 155px;
}
	/* .spray_deta {
		height: 410px;
	} */
	.vision_list{
		display: flex;
		flex-wrap: wrap;
	}
	.vision_li{
		    width: 49%;
		    height: 250px;
		    margin-bottom: 10px;
		    border-radius: 10px;
	}
	.vision_li:nth-child(2n){
		margin-right: 0;
	}
	.vision_li1 {
	    padding: 0 15px;
	    bottom: 40px;
	}
	.corporate_bo {
	    margin-top: 35px;
	}
	.corporate_bo1 {
	    font-size: 30px;
	}
	.corporate_bo2 {
	    margin-top: 10px;
	    font-size: 16px;
	}
	.news_box {
	    display:flex;
		flex-wrap: wrap;
	}
	.news_left {
	    width: 100%;
	    margin-right: 0;
		margin-bottom: 20px;
	}
	.news_le1{
		font-size: 14px;
	}
	.news_le2 {
	    margin-top: 20px;
	    border-radius: 10px;
	}
	.news_le2_2 {
	    padding: 20px 10px;
	}
	.news_le2_3{
		    width: 150px;
		    height: 45px;
		    font-size: 14px;
			display: flex;
			align-items: center;
	}
	.news_le2_3 span {
		width: calc(100% - 30px);
		line-height: normal;
	}
	
	.news_le2_3 img {
		width: 30px;
	}
	.news_right{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
	}
	.news_ri {
	    width: 49%;
	    margin-right: 2%;
	    margin-bottom: 35px;
	}
	.news_ri1{
		font-size: 16px;
	}
	.news_ri2 {
	    margin-top: 10px;
	    font-size: 14px;
	}
	.news_ri3 {
	    width: 30px;
	    margin-top: 10px;
	}
	.news_ri4 {
	    margin-top: 20px;
	    font-size: 14px;
		display: flex;
		align-items: center;
	}
	.news_ri4 img{
		width: 8px;
	}


}