
@media (min-width: 1023px) {
	#mobile_client {
		display: none;
	}
}

/*@media (min-width: 749px) {
	#mobile_client {
		display: none;
	}
}*/

@media screen and (max-width: 1100px){
	.content{
		height: auto;
		width: auto;
		padding-left: 2%;
		padding-right: 2%;
	}
	.content .right{
		float: none;
		width: 100%;
		display: block;
		clear: both;
	}
	.content .technology{
		float: none;
		overflow: hidden;
		width: auto;
	}
	.content .technology ul li{
		width: 50%;
		margin: 0;
	}
	
	.content .right .tit {border: none;height: auto;margin-bottom: 15px;margin-top: 20px;}
	.content .right .tit img{display: none;}
	.content .us{width: auto;float: none;}
	.content .us b{display: block;}
	.idea ul li{
		width: 33.333%;
		margin: 0 !important;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.idea ul li span{
		display: block;
	}
	.content .right{height: auto;}
	
	
	#banner .item{
		height: auto;
	}
	
	#banner .img{
		height: auto;
		padding-top: 34%;
	}
	.n_baner{width: auto;margin: 0;}
	.baner_box{width: auto;}
	.n_product_box,
	.i_product{width: auto;	height: auto;display: block;}
	.slider-pro{width: 100%;clear: both;}
}


@media screen and (max-width: 1024px){
	.section{width: 100%;
		padding-left: 2% !important;
		padding-right: 2% !important;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.product_light ul{width: auto;margin: 0 -1.5%;overflow: hidden;}
	.product_light ul li{width: 30%;margin:0 1.5% 1.5% 1.5%;height: auto;}
	.pro_tit{width: auto;height: auto;padding-top: 80%;}
	.product_light ul li img{width: 100%;height: auto;}
	.product_hiden a{position: relative;display: block;}
	.zoom_case .n_zoom .show_img img{max-width: 100%;max-height: calc(100vh - 60px)}
	.zoom_case .n_zoom{display: table;width: 100%;height: 100%;vertical-align: middle;left: 0;top: 0;margin-left: 0;margin-top: 0;
		background: none;
	}
	.zoom_case .n_zoom .show_img span{color: #fff;}
	.zoom_case .n_zoom .show_img{height: auto;}
	.close_window{top: 100px;}
	.client-list li .hd{font-size: 22px;}
	img{max-width: 100%;}
	.public_about .section{padding: 8% 0;}
	.position_tit{display: none;}
	.cat-nav{display: block;}
	.right,
	.left_left{display: none;}
	.left_box{width: auto;float: none;}
	.copy{text-align: center;line-height: 1.8;padding: 5px 0;}
	.support{background-position: right 0;}
	.associated-company-list .item{float: none;width: auto;height: 360px;}
	.associated-company-list .col .item{height: 360px;}
	.associated-company-list .front{opacity: .9;}
	.associated-company-list .back{opacity: 1;}
	.product_light{display: block;}
	.product_light ul li{width: 47%;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	#pc_client {
		display: none;
	}
	#mobile_client {
		display:block;
	}
}



@media screen and (max-width: 1000px){
	.banner_txt h2{font-size: 30px;margin-bottom: 20px;}
	.position{font-size: 12px;}
	.header{display: none;}
	.m_header{display: block;}
	
	body{padding-top: 50px;}
	.top{display: none;}
	.product_light ul li{width: 46%;margin-bottom: 3%;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.public_about img{max-width: 100%;}
	.talent{display: block;}


	.certificate-list li{width: 33.3333%;}
	.fancybox-close-small{right: 0;background: none;}
	.history-timeline .ico img{height: 34px;}
	.idea-list .txt h4{font-size: 24px;}
	.equipment-list li{width: 50%;}
	.equipment-box{padding: 8% 0;}
	.map-box{display: block;width: auto;height: 600px;}
	.map-info-box{display: block;width: 70%;margin: 0 auto;margin-bottom: 5%;}
	.map-info .arr{display: none;}
	.map-info-box .hd{text-align: center;}
	
	.hr_case .n_zoom{
		width: 90%;
		margin-left: 0;
		margin-top: 0;
		transform: translateX(-50%) translateY(-50%);
		-webkit-transform: translateX(-50%) translateY(-50%);
	}
	.join_tit{
		height: auto;
		overflow: hidden;
	}
	.join_detail .join_tit .last,
	.join_detail .join_tit ul li{
		width: 50%;
		height: 40px;
		line-height: 40px;
		text-align: center;
	}
	.bar{max-height: 200px;}
	.hr_case .n_zoom .show_img span{margin-top: 0;}
	.join_tanchu{
		margin: 0;
	}
	.hr_case .n_zoom .show_img{padding: 20px !important;}
	.hr_case *{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;   
		box-sizing: border-box;
	}
}

@media screen and (max-width: 750px){
	
	.product_light ul li{width: 100%;margin-left: 0;margin-right: 0;}
	.product_light ul{margin-left: 0;margin-right: 0;}
	.cat-nav{display: block;}
	.position_tit{display: none;}
	.zoom_case .n_zoom .show_img span{margin-top: 20px;}
	.join ul li{width: 100%;}
	.public_about .section{padding: 40px 0;}
	.join{margin-bottom: 0;}
	.join ul li:last-child{margin-bottom: 0;}
	.news a{display: block;overflow: hidden;}
	.news p{display: block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
	.news span{margin-left: 10px;}
	.talent p{margin: 15px 0;}
	.tit_h3{font-size: 20px;}
		
	
	.client-list li .hd{font-size: 16px;padding: 18px 20px;}
	.client-list li em{font-size: 14px;}
	.client-list .bd .pad{padding: 8% 4%;}
	.certificate-list li{width: 50%;padding: 10px;}
	.certificate-list{margin: 0 -10px;}
	.certificate-box{padding: 8%;}
	.certificate-box .hd h6{font-size: 14px;}
	.certificate-box .hd h4{font-size: 24px;}
	.certificate-list p{font-size: 14px;}
	.history-timeline .ico{display: none;}
	.history-timeline .con{width: auto;}
	.idea-list li{float: none;width: auto;margin-bottom: 5%;}
	.idea-list{margin: 0;}
	.associated-company-list p{font-size: 16px;}
	.associated-company-list h4{font-size: 16px;}
	.associated-company-list h3{font-size: 60px;}
	.associated-company-list .item,
	.associated-company-list .col .item{height: 260px;}
	
	.com-info .txt{width: auto;}
	.com-info .img{width: 100%;position: static;padding-top: 94%;position: relative;}
	.com-slider{position: absolute;left: 0;top: 0;width: 100%;}
	.com-slider .slick-dots{text-align: center;}
	.com-info .txt h4{font-size: 26px;}
	.com-img .txt{padding: 5% 2%;}
	.com-img .img{padding-top: 36%;}
	.t3{font-size: 24px;margin-top: 20px;}
	.t3 a{font-size: 14px;}
	.associated-company-list i{font-size: 25px;}
	.equipment-list li{width: 100%;}
	.equipment-slider .item{padding: 0 10px;}
	.equipment-detail th{font-size: 16px;padding: 10px 0;}
	.equipment-detail td{padding: 10px;}
	.map-info-box{width: 90%;	}
	.map-info-box span.on{font-size: 24px;}
	.map-info-box span{font-size: 16px;}
	.map-box{height: 400px;	}
	.technology_hide{width: 100%;height: auto;line-height: 1.6;text-indent: 0;padding: 2%;}
	.content .technology,
	.technology li .img,
	.content .left{
		height: 150px;
	}
	.content .left{
		width: 150px;
	}
	.content .left .tit{
		font-size: 20px;
	}
	.content .left .left_box{
		margin-top: 20px;		
	}
	.content .left .tit span{
		padding-top: 0;
		font-size: 13px;
		padding-bottom: 15px;
	}

	.content .left .more{
		font-size: 14px;
	}
	.i_product_tit{overflow: hidden;}
	.i_product{padding-top: 15px;}
	.product h3{font-size: 20px;text-indent: 0;}
	.product h3 span{font-size: 12px;padding-left: 0;}
	.slider-pro{margin-left: -10px;margin-right: -10px;width: auto;}
	.product .slider-pro .slick-dots{position: static;width: auto;}
	.slider-pro	.slick-dots li{width: auto;height: auto;padding: 0;border: none;margin: 0 !important;}
	.slider-pro	.slick-dots li a{width: 8px;height: 8px;border-radius: 50%;background-color: #B5B3B3;margin: 0 2px;}
	.slider-pro	.slick-dots li.slick-active a{background-color: #e60012;}
	.content{margin-top: 4%;margin-bottom: 4%;}
	.content .right .tit{margin-top: 2%;}
	
	#banner	.slick-dots{bottom: 10px;}
	#banner	.slick-dots li{margin: 0 4px;}
	#banner	.slick-dots li a{width: 15px;height: 2px;}

	#pc_client {
		display: none;
	}
}

