.m2 ul .i1 .box{
	 background: url(../img/p1.png) left top no-repeat;
}

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

@media screen and (max-width: 1200px) {
	.head_logo {
		display: none;
	}
	.nav {
		display: none;
	}
	.banner .swiper-slide .iphone {
		display: block;
	}
	.banner .swiper-slide .pc {
		display: none;
	}
	.m1 ul {
		width: 90%;
		margin: 0px auto;
	}
}

@media screen and (max-width: 1160px) {
	.m4 .boxs {
		width: 98%;
		background-size: 100%;
	}
	.m4 {
		padding: 5% 0;
	}
}

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

@media screen and (max-width: 1040px) {
	.m2 ul li {
		width: 100%;
	}
	.m2 ul li:nth-child(2n) {
		width: 100%;
	}
	.m2 ul .i2 .box {
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.m6 .list .md_list {
		padding: 0;
	}
	.m6 .list .list_nav {
		position: relative;
		width: 100%;
	}
	.m6 .list .list_nav .nub {
		margin-top: 0px;
	}
	.m6 .list .list_nav {
		height: auto;
		padding: 30px;
	}
	.m6 .list .list_nav .click_add {
		bottom: -32.5px;
		right: auto;
		left: 50%;
		margin-left: -45px;
	}
	.m6 .list .cont .img_boxs {
		width: 45%;
		margin-top: 30px;
	}
	.m6 .list .cont .img_boxs img {
		display: block;
		margin: 0px auto;
	}
	.m6 .list .cont .text {
		width: 45%;
	}
	.m6 .zhankai_cont {
		position: relative;
		right: auto;
		float: left;
	}
	.m6 .zhankai_cont {
		width: 98%;
	}
	.m6 .on .zhankai_cont {
		margin-bottom: 45px;
	}
	  .m2 ul li:nth-child(1) .box{
		background: url(../img/p1.png) left 10px no-repeat;
		background-size: 30px;
	}
	
	
	/*.m2 ul .i1 .box{
		position: relative;
		font-size: .8rem;
		padding-left: 140px !important;
	}
	.m2 ul .i1 .bo{
	    position: absolute;
    left: 25px;
    top: 12px;
    font-size: 1.1rem;
	}*/
	
}

@media screen and (max-width: 750px) {
	.m4 .boxs {
		background: none;
		width: 85%;
		border: 2px solid #093d6c;
		height: auto;
	}
	.m4 .m2 {
		padding: 30px 0;
	}
	.m4 .title_img {
		display: block;
	}
	.m4 .m2 ul{
		padding-right: 0px;
	}
}

@media screen and (max-width: 720px) {
	.m1 ul li {
		width: 50%;
	}
	.m1 ul li img {
		display: block;
		margin: 0px auto;
	}
	.m1 .title {
		margin-bottom: 40px;
	}
	.m1 .title img {
		width: 80%;
	}
	.banner .swiper-button-next img,
	.banner .swiper-button-prev img {
		width: 40px;
	}
	.m3 {
		margin-top: 20px;
	}
	.m6 .list .cont .img_boxs,
	.m6 .list .cont .text {
		width: 100%;
		text-align: center;
	}
	.m2 ul li{
		font-size: 0.8rem;
	}
}

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

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

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

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

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