﻿@media only screen and (max-width: 1753px){
	
	.HaboutCO{
		padding-right: 7%;
	}



}




@media only screen and (max-width: 1659px){

	

}




@media only screen and (max-width: 1556px){
	
	.block{
		width: 96%;
	}
	.headPClogo img{
		height: 35px;
	}
	.headPCRnav li{
		margin-right: 20px;
	}
	.HaboutCO{
		padding-right: 0%;
	}


}




@media only screen and (max-width: 1365px){
	
	.block{
		width: 1100px;
	}
	.HaboutCO{
		padding-right: 5%;
	}


}




@media only screen and (max-width: 1429px){
	

}




@media only screen and (max-width: 1299px){
	
	.headPClogo img{
		height: 30px;
	}
	.headPCRnav li .headPCRnava h4{
		font-size: 16px;
	}
	.headPCRwx img{
		width: 20px;
	}
	.headPCRS{
		width: 90px;
		height: 26px;
	}
	.headPCRS button{
		background-size: 15px 15px;
	}
	.headPCRS input{
		width: 60px;
		padding-left: 0;
	}
	.HaboutCO h2{
		font-size: 22px;
	}
	.HaboutCO h2 em{
		font-size: 14px;
	}
	.HaboutCOE{
		padding-top: 10px;
	}
	.HaboutCOE p{
		font-size: 14px;
		margin-top: 0;
	}
	.HaboutCOM li{
		width: 90px;
		padding: 21px 0;
	}
	.footerTN{
		margin-right: 20px;
	}
	.footerTN a h4{
		font-size: 16px;
	}
	.footerTN a p{
		font-size: 14px;
	}
	.footerTA li p{
		font-size: 14px;
	}
	.footerTcode{
		width: 100px;
	}

	
	.mapE{
		width: 700px;
		padding: 200px 15px 0 223px;
	}
}




@media only screen and (max-width: 1259px){
	

}




@media only screen and (max-width: 1199px){
	
	.headPClogo img{
		height: 17px;
	}
	.HaboutCO{
		padding-right: 0;
	}
	
}




@media only screen and (max-width: 1119px) {
	
	.block{
		width: 96%;
	}


}




@media only screen and (max-width: 1089px) {

}




@media only screen and (max-width: 1023px) {
	
	.headPC{
		display: none;
	}
	.headMOB{
		display: block;
	}
	.Hprod{
		padding: 40px 0;
	}
	.Htit h4{
		font-size: 30px;
	}
	.Htit p{
		font-size: 14px;
	}
	.HprodTR li .HprodTRa{
		font-size: 16px;
	}
	.HprodTR li .HprodTRD a{
		font-size: 14px;
		line-height: 26px;
	}
	.HaboutC{
		width: 100%;
		height: auto;
		padding: 20px 0;
		position: static;
		right: auto;
		top: auto;
	}
	.HaboutCO{
		width: 100%;
		padding: 0 3%;
		box-sizing: border-box;
		position: static;
	    top: auto;
	    left: auto;
	    transform: translate(0,0);
	}
	.Habout .slick-dots{
		bottom: 20px;
	}
	.HaboutC{
		padding: 30px 0 60px 0;
	}
	.HnewRpc{
		display: none;
	}
	.HnewRmob{
		display: block;
	}
	.HnewL{
		float: none;
		padding-top: 40px;
	}
	.HnewL .Htit{
		text-align: center;
	}
	.HnewLnav{
		padding: 20px 0 0 0;
		float: left;
	}
	.HnewLnav a{
		float: left;
		font-size: 16px;
		margin-right: 10px;
		margin-top: 0;
	}
	.HnewLmore{
		display: block;
		float: right;
		font-size: 14px;
		margin-top: 20px;
	}
	.HnewR{
		padding-left: 0;
	}
	.Hservice{
		padding: 40px 0;
	}
	.HserviceC{
		padding-top: 20px;
	}
	.HserviceC li a em{
		font-size: 14px;
		line-height: 30px;
	}
	.HserviceC li:hover a span{
		display: none;
	}
	.HserviceC li:hover a em{
		display: block;
	}
	.footerTN{
		display: none;
	}
	.broadside{
		display: none;
	}
	.HprodCpc{
		display: none;
	}
	.HprodCmob{
		display: flex;
	}
	.HprodC{
		padding-top: 10px;
		margin-top: 0;
	}
	.HprodMore{
		padding-top: 30px;
	}
	.HprodMore a{
		font-size: 16px;
	}


	
	.location{
		padding: 20px 0;
		font-size: 14px;
	}
	.location em{
		margin: 0 5px;
	}
	.customer{
		padding: 40px 0;
	}
	.customerT h4{
		font-size: 18px;
	}
	.customerT p{
		font-size: 14px;
		line-height: 25px;
	}
	.customerTel p{
		font-size: 18px;
	}
	.customerB{
		padding: 20px 15px;
	}
	.customerB p{
		font-size: 16px;
		line-height: 30px;
	}

	
	.technology{
		padding: 40px 0;
	}
	.technologyC li{
		margin-top: 20px;
	}
	.technologyC li a .technologyCimg{
		width: 400px;
	}
	.technologyC li a .technologyCE{
		padding-left: 420px;
		padding-right: 15px;
	}
	.technologyC li a .technologyCE h4{
		font-size: 16px;
		padding-bottom: 10px 0 6px 0;
	}
	.technologyC li a .technologyCE p{
		font-size: 12px;
		line-height: 20px;
		height: 60px;
	}
	.page a{
		padding: 0 10px;
		line-height: 30px;
	}

	
	.technologyDetails{
		padding: 40px 0;
	}
	.technologyDetailsCT h4{
		font-size: 24px;
	}
	.technologyDetailsCT p{
		font-size: 14px;
	}
	.technologyDetailsTit h4{
		font-size: 24px;
	}
	.technologyDetailsTit a{
		font-size: 14px;
	}
	.technologyDetailsTit{
		margin-top: 30px;
	}
	.technologyDetailsS li{
		width: 49%;
		margin-top: 20px;
	}
	.technologyDetailsS li a .technologyDetailsSE p{
		font-size: 14px;
		line-height: 25px;
		height: 50px;
	}

	
	.allDetails{
		padding: 40px 0;
	}
	.allDetailsTit{
		font-size: 24px;
	}
	.allDetailsCvidoe{
		height: auto;
	}
	.allDetailsCvidoe video{
		height: auto;
	}
	.allDetailsC{
		padding-top: 30px;
	}
	.allDetailsCE{
		font-size: 14px;
		line-height: 27px;
	}
	.allDetailsB{
		margin-top: 20px;
	}
	.allDetailsBMplay{
		width: 40px;
	}
	.allDetailsBE h4{
		font-size: 18px;
	}
	.allDetailsBE p{
		font-size: 14px;
		line-height: 25px;
		height: 50px;
		margin-top: 7px;
	}
	.allDetailsB li{
		margin-top: 15px;
	}

	
	.case{
		padding: 40px 0;
	}

	
	.contact{
		padding: 40px 0;
	}
	.contactC{
		padding-top: 15px;
	}
	.contactC li img{
		width: 100px;
	}

	
	.mapM{
		height: 500px;
	}
	.mapE{
		position: static;
		width: 100%;
		height: auto;
		padding: 30px 15px;
		background: #fff;
	}
	.mapE h2{
		font-size: 20px;
	}
	.mapEC p{
		margin-top: 15px;
	}
	.message{
		padding: 40px 0;
	}
	.messageT h4{
		font-size: 26px;
	}
	.messageT p{
		font-size: 14px;
		padding-top: 6px;
	}
	.messageIC{
		margin-top: 20px;
	}
	.messageT{
		margin-top: 20px;
	}
	.messageY{
		margin-top: 20px;
	}
	.messageBtn{
		margin-top: 30px;
	}
	.messageIC p{
		font-size: 14px;
	}
	.messageY p{
		font-size: 14px;
	}
	.messageBtn button{
		width: 150px;
		height: 40px;
		font-size: 16px;
	}
	.messageIC input{
		height: 40px;
	}
	.messageT textarea{
		height: 160px;
	}
	.messageYC input{
		height: 40px;
	}

	
	.technologyDetailsNew{
		display: none;
	}

	
	.new{
		padding: 40px 0;
	}

	
	.about1{
		padding: 40px 0;
	}
	.about1L{
		float: none;
	}
	.about1L .Htit{
		text-align: center;
	}
	.about1R{
		padding-left: 0;
		padding-top: 25px;
	}
	.about1R p{
		font-size: 14px;
		line-height: 26px;
	}
	.about2C li a h4{
		font-size: 30px;
	}
	.about2C li a p{
		font-size: 14px;
	}
	.about3{
		padding: 40px 0;
	}
	.about3C{
		margin-top: 25px;
	}
	.about4{
		padding-bottom: 40px;
	}
	.about4CE h2{
		font-size: 22px;
	}
	.about4CE h2 img{
		width: 60px;
		margin-bottom: 7px;
	}
	.about4C dt{
		margin-top: 25px;
	}
	.about4CET h4{
		font-size: 14px;
	}
	.about4CET p{
		font-size: 12px;
		line-height: 20px;
	}
	.about4C2{
		padding: 0 3%;
	}
	.about4C2E{
		float: right;
		margin-left: 0;
		width: 48%;
	}
	.about4C3{
		padding: 0 3%;
	}
	.about4C3E{
		margin-left: 0;
		width: 43%;
	}

	
	.product{
		padding: 40px 0;
	}
	.productC{
		padding-top: 10px;
	}
	.productC li{
		margin-top: 20px;
	}
	.productC li .layer h3{
		font-size: 16px;
	}
	.productC li .layer p{
		font-size: 14px;
		line-height: 25px;
		height: 75px;
		overflow: hidden;
	}
	.productC li .layer .more{
		font-size: 14px;
		margin-top: 15px;
	}
	.productC li:hover .layer{
		padding-top: 20px;
	}

	
	.productDetails{
		padding-bottom: 40px;
	}
	.productDetails1{
		padding-top: 40px;
	}
	.productDetails2{
		padding-top: 40px;
	}
	.productDetails3{
		padding-top: 40px;
	}
	.productDetailsTit{
		font-size: 26px;
	}
	.productDetails1 p{
		font-size: 14px;
		line-height: 26px;
	}
	.productDetails2LE p{
		font-size: 14px;
		line-height: 26px;
	}
	.productDetails2R {
		padding-left: 243px;
	}
	.productDetails3T a{
		font-size: 18px;
		margin-right: 20px;
		padding-bottom: 20px;
	}
	.productDetails3T a.on{
		background-size: auto 3px;
	}
	.productDetails3T a:hover{
		background-size: auto 3px;
	}
	.productDetails3COAtext{
		font-size: 14px;
		line-height: 25px;
	}
	.productDetails3COA{
		padding-top: 15px;
	}
	.productDetails3COAS{
		margin-top: 15px;
	}
	.productDetails3COV{
		margin-top: 15px;
	}


}




@media only screen and (max-width: 959px) {


}






@media only screen and (max-width: 879px) {

	
}




@media only screen and (max-width: 767px) {


}




@media only screen and (max-width: 749px) {
	
	.banner{
		
		display: none;
	}
	.banner2{
		
		display: block;
	}
	.banner .slick-dots li,.banner2 .slick-dots li{
		margin: 0 5px;
	}
	.banner .slick-dots li button,.banner2 .slick-dots li button{
		width: 30px;
		height: 3px;
	}
	.banner .team a .bannerH,.banner2 .team a .bannerH{
		width: 20px;
	}
	.banner .team a .bannerP,.banner2 .team a .bannerP{
		width: 50px;
	}
	.Cbanner .slick-dots li{
		margin: 0 5px;
	}
	.Cbanner .slick-dots li button{
		width: 30px;
		height: 3px;
	}
	.Cbanner .team a .bannerH{
		width: 20px;
	}
	.HprodTL{
		float: none;
	}
	.HprodTL .Htit{
		text-align: center;
	}
	.HprodTR{
		float: none;
		margin-top: 20px;
	}
	.HprodTR li{
		margin-left: 0;
		margin-right: 10px;
	}
	.Habout .slick-dots li button{
		width: 30px;
		height: 3px;
	}
	.HnewRmob .newsC li a .newsCimg{
		width: 150px;
	}
	.HnewRmob .newsC li a .newsCE{
		padding-left: 160px;
	}
	.HnewRmob .newsC li a .newsCE p{
		
		height: 75px;
	}
	.HnewRmob .newsC li{
		padding: 17px 0;
	}
	.HserviceC{
		padding-top: 10px;
	}
	.HserviceC li{
		width: 49%;
		margin-top: 15px;
	}
	.footerT{
		padding: 40px 0 0 0;
	}
	.footerB{
		padding-bottom: 20px;
	}
	.HprodCmob li{
		width: 49%;
		margin-top: 15px;
	}

	
	.technologyC li a .technologyCimg{
		width: 180px;
	}
	.technologyC li a .technologyCE{
		padding-left: 190px;
	}
	.technologyC li a .technologyCE h4{
		padding: 5px 0 5px 0;
	}
	.technologyC li a .technologyCE p{
		height: 60px;
	}
	.technologyC li a .technologyCE img{
		display: none;
	}
	


	
	.technologyDetailsS li{
		width: 100%;
		margin-top: 15px;
	}

	
	.allDetailsB li{
		width: 49%;
	}
	.allDetailsB li a .allDetailsBE h4{
		font-size: 18px;
	}
	.allDetailsB li a .allDetailsBE p{
		font-size: 14px;
		line-height: 25px;
		height: 50px;
		margin-top: 10px;
	}
	.allDetailsB{
		margin-top: 10px;
	}
	.allDetailsBE{
		padding: 15px 10px;
	}

	
	.contactC li{
		width: 49%;
		padding: 20px 10px;
		margin-top: 15px;
	}
	.contactC li img{
		width: 80px;
	}

	
	.messageIC{
		width: 100%;
	}

	
	.newTL{
		float: none;
	}
	.newTL .Htit{
		text-align: center;
	}
	.newTR{
		float: none;
		margin-top: 10px;
	}
	.newTR a{
		font-size: 16px;
		margin-left: 0;
		margin-right: 15px;
	}

	
	.about2C{
		border-right: none;
		display: block;
	}
	.about2{
		padding:40px 0;
	}
	.about2C li{
		width: 100%;
		border-left: none;
		height: auto;
		border-bottom: 1px solid #fff;
	}
	.about2C li a p{
		display: block;
	}
	.about2C li a{
		padding: 20px 0;
	}
	.about2C li a h4{
		font-size: 23px;
	}
	.about2C li:hover:before{
		top: -200px;
		height: 0;
	}
	.about2C li:hover a{
		padding-top: 20px;
	}
	.about3C .slick-prev{
		width: 30px;
		height: 50px;
		margin-top: -25px;
	}
	.about3C .slick-next{
		width: 30px;
		height: 50px;
		margin-top: -25px;
	}
	.about4C1img{
		display: none;
	}
	.about4C1E{
		width: 100%;
	}
	.about4CET{
		margin-top: 10px;
	}
	.about4C2img{
		display: none;
	}
	.about4C2E{
		width: 100%;
	}
	.about4C3img{
		display: none;
	}
	.about4C3E{
		width: 100%;
	}

	
	.productC li{
		width: 49%;
		margin-top: 15px;
	}

	
	.productDetails2L{
		float: none;
	}
	.productDetails2LE{
		padding: 15px 0 0 0;
	}
	.productDetails2R{
		padding-left: 0;
		padding-top: 15px;
	}



}




@media only screen and (max-width: 699px) {


}




@media only screen and (max-width: 679px) {


}




@media only screen and (max-width: 639px) {
	
}




@media only screen and (max-width: 589px) {
	
	.footerTcode{
		display: none;
	}
	.footerTA{
		float: none;
	}
	.footerTA li p{
		width: auto;
	}


}




@media only screen and (max-width: 559px) {


}




@media only screen and (max-width: 539px) {
	

}




@media only screen and (max-width: 519px) {


}




@media only screen and (max-width: 509px) {

	

}



@media only screen and (max-width: 479px) {
	
	.technologyDetailsS li a .technologyDetailsSE img{
		display: none;
	}
	.technologyDetailsS li a .technologyDetailsSimg{
		width: 160px;
	}
	.technologyDetailsS li a .technologyDetailsSE{
		padding-left: 170px;
	}


}




@media only screen and (max-width: 462px) {
	
}




@media only screen and (max-width: 459px) {


}




@media only screen and (max-width: 439px) {

	

}





@media only screen and (max-width: 419px) {	


}




@media only screen and (max-width: 397px) {


}




@media only screen and (max-width: 379px) {	


}




@media only screen and (max-width: 359px) {


}




@media only screen and (max-width: 319px) {	


}