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

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

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

}


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

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

@media screen and (max-width:1360px) {
   .nav .nav_2 ul li{
	   margin-right: 40px;}
}

@media screen and (max-width:1320px) {
   .nav .nav_2 ul li{
	   margin-right: 30px;}
}



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



@media screen and (max-width:1200px) {
    .nav{
		display: none;}
	.banner .item,
	.banner{
		height: 300px;}
	.banner .swiper-pagination-bullet{
		width: 50px;}
	.m1 .box .let{
		width: 100%;
		margin-bottom: 50px;}
	.m1 .box .rit{
		width: 100%;}
	.m2 .group .let_gp{
		width: 100%;}
	.m2 .group .rit_item{
		width: 100%;
		margin: 0px auto;}
	.m3 .box .item{
		width: 48%;
		margin: 0px 1% !important;
		margin-bottom:  25px !important;}
	.m3 .box  .on{
		transform: scale(1, 1) !important;}
	.m3 .box .on .t2{
		height: 20px !important;
		overflow: hidden;
		font-size: 14px !important;
		color: #999999 !important;}
	.m3 .box{
		margin-bottom: 30px;}
	.m4 .group .item{
		width: 48%;
		margin: 0px 1%;
		margin-bottom: 20px;}
	.m4 .group2 .item{
		width: 33%;}
	.m4 .group2{
		flex-wrap: wrap;}
	.m4 .group2 .item .dm{
		height: 100px;
		width: 100px;}
	.m4 .group2 .item .pic img{
		width: 35px;}
	.m4 .group2 .item .dm .tit{
		font-size: 12px;}
	.m4 .group2 .item .dm .ttt{
		top: 38%;}
	.footer .f_1{
		font-size: 14px;}
	.footer .f_1 .lt{
		width: 33%;}
	.footer .f_1 .lt_txt{
		width: 100%;
		margin-bottom: 10px;}
	.footer .f_2 .logo{
		width: 100%;
		text-align: center;}
	.footer .f_2 .logo img{
		width: 150px;}
	.footer .group{
		display: flex;
		flex-wrap: wrap;}
	.footer .group .lt{
		width: 48%;
		margin: 0px 1%;
		margin-bottom: 25px;}
	.footer .group .lt .msg{
		font-size: 14px;}
	.m5 .box{
		display: block;}
	.m5 .let_md{
		width: 100%;}
	.m5 .rit_md{
		width: 100%;
		margin-top: 20px;
		padding: 0px;
		padding-bottom: 50px;}
	.rit_md_title span{
		font-size: 20px;}
	.m5 .let_md .group{
		padding: 0 20px;}
	.m5_2 .group .item{
		width: 48%;
		margin: 0px 1% !important;
		margin-bottom: 25px !important;}
	.m10_3 .lt{
		width: 100%;
		margin-bottom: 20px;}
	.m10_1{
		padding-right: 140px;}
	.m11 .item .dm .cont .t2{
		height: 45px;
		overflow: hidden;}
	.m11 .item .dm .cont .more {
		margin-top: 10px;}
	.m11 .item .dm .cont .more a{
		font-size: 12px;
		padding: 6px 12px;}
	.m11{
		padding: 15px;}

	.m12 .item{
		width: 100%;
		margin: 0px auto;
		margin-bottom: 20px;}
	.m12 .item .dm{
		padding: 15px;}
	
	.m3 .box{
		display: flex;
		flex-wrap: wrap;}
	.m3 .box .item img{
		  width: 100%;}
	
	.m3 .box .on .t2 {
		color: #fff;
		font-size: 14px !important;
		text-align: left !important;}
	.m4 .group .item:nth-child(3n){
		margin: 0px 1%;}
	
}


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

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

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

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

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

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

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

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

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