@media (max-width: 1334px) {
	section#Excellent_service {  margin:-24vh 0% 5% 0%;}

}

@media (max-width: 1200px) {
	section#Excellent_service {  margin:-20vh 0% 5% 0%;}
	.w-60{
		width: 100%;
		margin: auto;
	}
}

@media (max-width: 992px) {
body {  font-size: 1rem;}
section#Excellent_service {  margin:-24vh 0% 5% 0%;}
	.w-60{
		width: 100%;
		margin: auto;
	}
}
@media (max-width: 768px) {
#Excellent_service .container .service_block h1 { width:40%; }
#sports_event .container .sports h1 { width:40%;}

section#Excellent_service {  margin:-24vh 0% 5% 0%;}

.photo_03 {display: none; }
.photo_03_m {width: 95%; margin: 0 auto 4% auto; display: block;}
.email_icom { width: 7%;  }
#Excellent_service .container .service_block .service_ph ul li { width:48%;}
section#top_banner { float: left; width:100%; padding:75% 0% 15% 0%; background:url(../images/top_banner_m.jpg) top center no-repeat; background-size:100% auto; text-align: center;}
.more_btn {width: 28%; margin: 0 0 8% 5%;}

section#sports_event { float:left; width:100%; margin:0% 0% 0% 0%; padding: 10% 0 92% 0; background:url(../images/banner_01_m.jpg) top center no-repeat; background-size:100% auto; }

#service_items .container .items_icon ul { display: flex; justify-content: space-evenly;  flex-wrap: wrap; flex-direction: row;  padding: 0;}
#service_items .container .items_icon ul li {  width:51%;}

section#service_items {  margin:0% 0% 3% 0%;}
#service_items .container .items_icon ul li p {  font-size:18px; }
#contact .container .contact_us_btn { width:30%; }

header nav .logo {  width:24vw;}

section#serve_banner {  width:100%; padding: 0% 0% 95% 0%; background: url(../images/serve_bg_m.jpg) top center no-repeat; background-size: 100% auto;}

section#serve_block h1 { width: 40%; margin: 9% auto 4% auto;}

section#serves{  background: url( ../images/bg_03_m.jpg) top center repeat-x; background-size: cover;}
.icon_block ul { display: flex; flex-direction: column;  flex-wrap: nowrap; align-content:center;  align-items: center;}
.icon_block ul li { width: 70%; }

.photo_01 {display: none; }
.photo_01_m { width: 85%; margin: 0 auto 4% auto;display: block;}
.bg_04 { background: url(../images/bg_05_m.jpg) top center no-repeat; background-size: cover;}

section#about_banner { padding: 0% 0% 95% 0%; background: url(../images/about_bg_m.jpg) top center no-repeat; background-size: 100% auto;}
section#system_block h1 { width: 60%; margin: 9% auto 4% auto;}
.photo_04 {display: none;}
.photo_04_m { width: 85%; margin: 0 auto 4% auto; display: block;}
.photo_05 {display: none; }
.photo_05_m {width: 85%; margin: 0 auto 4% auto;display: block; }

section#contact_banner { padding: 0% 0% 95% 0%; background: url(../images/contact_bg_m.jpg) top center no-repeat; background-size: 100% auto;}

.serve_01_content_box{
	padding: 0 0;
	margin-top: 5rem;
}
.serve_02_content_box{
	padding: 0 0;
	margin-top: 5rem;
}
.serve_03_content_box{
	padding: 0 0;
	margin-top: 5rem;
}
	.serve_01_content_box .project-info-box{
	justify-content: start;
}
.project-info-box>div>div{
	margin-bottom: 1rem;
}
.serve_01_content_box .project-info-box img{
	width: 6rem;
	height: 6rem;
	margin-right: 1rem;
}
	.serve_01_content_box .down-load-box{
	margin-top: 1rem;
}
	.serve_01_content_box .down-load-box a{
		border-radius: 5rem;
	}
.serve_01_content_box .show-img .img-box{
	padding: 0;
	width: 100%;
	overflow-x: scroll;
}
.serve_01_content_box .show-img .img-box img{
	width: 50%;
}
	.introduction-box .title{
		margin: 3rem;
		font-weight: 400;
	}
	.introduction-box p,
	.introduction-box ul li{
		font-size: 1rem;
	}
	.contact-btn{
		border-radius: 5rem;
		margin: 2rem auto;
	}
	.serve_02_content_box .project-name{
		font-size: 1.8rem;
	}
	.product-title{
		padding: 0.8rem 1.5rem;
		font-size: 1.2rem;
	}
	.show-product-info-box{
		padding: 1.2rem 0.8rem;
	}
	.product-info-item{
		width: 100%;
	}
	.product-info-item .left .title{
		font-size: 1.2rem;
	}
	.product-info-item .right{
		font-size: 1rem;
	}
	.houtai-img .houtai{
		width: 95%;
	}
	.houtai-info{
		padding: 1rem;
		margin-top: 1rem;
	}
	.houtai-info ul li{
		line-height: normal;
	}
	.project-logo{
		display: flex;
		align-items: center;
		width: 100%;
	}
	.project-logo img{
		height: 2.3rem;
	}
	.project-logo img:nth-child(1){
		height: 2.8rem;
	}
	.img1{
		margin-top: 2rem;
	}
	.product-title{
		font-size: 1.2rem;
		padding: 0.8rem 2rem;
	}
	.go-web{
		font-size: 1rem;
	}
	.show-project-item1{
		flex-direction: column;
	}
	.show-project-item1 .left,
	.show-project-item1 .right{
		width: 100%;
	}
	.show-project-item1 .right .title{
		margin-bottom: 1rem;
	}
	.more-feature-box{
		padding: 1.2rem;
	}
	.more-feature-box ul li{
		line-height: normal;
	}
	.go-btn{
		border-radius: 5rem;
	}
	.introduction-box .title{
		margin: 4rem auto;
		font-size: 1.2rem;
	}
	.introduction-box .info-box{
	}
	.w-60{
		width: 100%;
		margin: auto;
	}
}


@media (max-width: 500px) {
.mouse{  display: none;  }

}


@media (max-width: 486px) {

	section#Excellent_service {  margin:-12vh 0% 5% 0%;}
}






@media (max-width: 320px) {
#service_items .container .items_icon ul li p {  font-size:12px; }
#contact .container .contact_us_btn { width:40%; }
.footer { padding: 20px 6px; }





}