/*媒体查询*/


/*所有比原尺寸多16px*/

@media screen and (max-width:1296px) {
	.max {
		width: 100%;
		margin: 0 auto;
	}
	/***************************首页********************/
	.header .nav {
		margin: 0 3% 0 3%;
		width: calc(100% - 230px - 150px - 6%);
	}
	.header .nav li {
		margin-right: 30px;
	}
	.usleft {
		width: 100%;
		margin-right: 0;
	}
	.usleft p {
		font-size: 12px;
		line-height: 26px;
	}
	.about .us {
		width: 50%;
		padding: 0 0 0 20px;
	}
	.usright {
		width: 100%;
	}
	.num {
		width: 33%;
		float: left;
		margin: 10px 0 20px;
	}
	.num>h6 {
		width: 100%;
		font-size: 30px;
		margin-right: 0px;
	}
	.ber {
		margin-top: 5px;
		width: 100%;
	}
	.more {
		line-height: 40px;
		height: 40px;
	}
	.swiper-container1 .swiper-button-next,
	.swiper-container-rtl .swiper-button-prev {
		right: 3%;
		top: 45%;
		width: 20px;
		height: 40px;
	}
	.swiper-container1 .swiper-button-prev,
	.swiper-container-rtl .swiper-button-next {
		left: 3%;
		top: 45%;
		width: 20px;
		height: 40px;
	}
	.newslist li {
		margin-right: 8%;
	}
	.num2 li h6 {
		font-size: 28px;
	}
	.num2 li p {
		font-size: 16px;
	}
}

@media screen and (max-width:1008px) {
	.max {
		width: 100%;
		margin: 0 auto;
	}
	/***************************首页********************/
	.header .logo {
		max-width: 100px;
		max-height: 20px;
		line-height: 110px;
	}
	.header .nav {
		margin: 0 3%;
		width: calc(100% - 210px - 100px - 6%);
	}
	.header .nav li {
		margin-right: 10px;
	}
	.header .nav li a {
		font-size: 12px;
	}
	.header .hotline {
		width: 210px;
	}
	.hotline b span {
		margin-right: 5px;
	}
	.cpf {
		width: 33.3%;
		padding: 20px;
	}
	.cpf p {
		font-size: 12px;
	}
	.usright {
		display: none;
	}
	.Aboutus {
		padding: 80px 0 0;
	}
	.newslist li {
		width: 49%;
		margin-right: 2%;
		float: left;
		margin-bottom: 2%;
	}
	.foottop .nava {
		margin: 20px 0;
	}
	.max2 {
		margin: 40px auto;
	}
	.sxp {
		padding: 40px 0 0;
	}
	.coopleft {
		width: 50%;
	}
	.coopright {
		width: 50%;
	}
	.title2 h5 {
		font-size: 22px;
	}
	.title2 h6 {
		font-size: 18px;
	}
	.coopleft .title2 {
		text-align: left;
		margin-bottom: 40px;
	}
	.coopP {
		font-size: 16px;
		line-height: 28px;
	}
	.part p {
		font-size: 16px;
		line-height: 28px;
	}
	.part img {
		margin-bottom: 30px;
	}
	.partner {
		padding: 60px 0;
	}
	.con_us {
		padding: 15px;
	}
	.con_us h6 {
		font-size: 22px;
		line-height: 28px;
	}
	.con_us .ip {
		font-size: 14px;
		line-height: 28px;
		margin: 20px 0;
	}
	.conntact_US {
		top: 60px;
		left: 60px;
	}
	.company {
		width: 100%;
		margin-right: 0px;
	}
	.introduction {
		display: none;
	}
	.num2 li h6 {
		display: none;
	}
	.cultureright li {
		margin-bottom: 20px;
	}
	.listP {
		width: 60px;
		height: 60px;
	}
	.listP p {
		font-size: 12px;
		margin-top: 20%;
	}
	.listHP {
		width: calc(100% - 60px);
		padding: 15px 20px;
		height: 60px;
	}
	.listHP h6 {
		font-size: 14px;
		margin-bottom: 0px;
	}
	.title4 .tit h5 {
		font-size: 22px;
	}
	.title4 .tit h6 {
		font-size: 18px;
	}
	.title4 .tle {
		margin-top: 15px;
	}
}

@media screen and (max-width:784px) {
	.max {
		width: 98%;
		margin: 0 auto;
	}
	.my-map{display:none;}
	/*折叠导航*/
	.btn {
		display: block;
	}
	.header .nav {
		display: none;
		position: absolute;
		right: -3%;
		top: 60px;
		z-index: 999;
		width: 50%;
		background: rgba(29, 80, 162, .5);
	}
	.header .nav li {
		float: left;
		width: 100%;
		text-align: center;
		position: relative;
		line-height: 60px;
		height: 60px;
	}
	.header .nav li a {
		font-size: 16px;
		padding-bottom: 0px;
	}
	.header .nav li:hover a {
		border: none;
		color: #000;
	}
	/*折叠结束*/
	.header .hotline {
		display: none;
	}
	.header {
		background: #1d50a2;
		height: 60px;
	}
	.header .logo {
		max-width: 100px;
		max-height: 20px;
		line-height: 70px;
		margin-left:10px;
	}
	.swiper-one.swiper-container-horizontal>.swiper-pagination-bullets,
	.swiper-pagination-custom,
	.swiper-pagination-fraction {
		bottom: 15px;
	}
	.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
		width: 15px;
		height: 3px;
	}
	.CX_PZ_FW {
		margin-top: 20px;
	}
	.cpf {
		width: 33.3%;
		padding: 10px;
	}
	.cpf img {
		width: 40px;
		height: 40px;
		transition: all 1s;
	}
	.cpf h6 {
		font-size: 14px;
		margin: 8px 0;
	}
	.cpf p {
		font-size: 12px;
		text-align: justify;
	}
	.Aboutus {
		padding: 0;
		margin-top:20px;
	}
	.title {
		margin-bottom: 30px;
	}
	.title h6 {
		font-size: 18px;
		line-height: 28px;
	}
	.title p {
		font-size: 12px;
		margin-top: 10px;
		text-align: justify;
		line-height: 22px;
	}
	.about .img {
		width: 100%;
		margin-right: 0%;
	}
	.about .us {
		width: 100%;
		padding: 0;
	}
	.usleft {
		margin: 10px 0 0;
	}
	.usleft p {
		line-height: 28px;
	}
	.equipmentProducts {
		padding: 0;
		margin-top: 30px;
	}
	.products {
		width: 49%;
		background: #fff;
		text-align: center;
		margin-right: 2%;
		margin-bottom: 2%;
	}
	.products:nth-child(2n){margin-right:0;}
	.prohp {
		padding: 10px;
	}
	.prohp h6 {
		font-size: 14px;
		margin-bottom: 10px;
	}
	.case {
		padding: 30px 0;
	}
	.swiper-container1 .swiper-slide p {
		font-size: 12px;
		line-height: 30px;
		height: 30px;
	}
	.case .title {
		margin-bottom: 30px;
	}
	.swiper-container1 .swiper-button-next,
	.swiper-container-rtl .swiper-button-prev {
		right: 3%;
		top: 45%;
		width: 10px;
		height: 20px;
	}
	.swiper-container1 .swiper-button-prev,
	.swiper-container-rtl .swiper-button-next {
		left: 3%;
		top: 45%;
		width: 10px;
		height: 20px;
	}
	.see {
		font-size: 12px;
		width: 100px;
		height: 30px;
		line-height: 30px;
		margin: 30px auto 0;
	}
	.news {
		margin: 30px 0;
	}
	.newslist li {
		width: 100%;
		margin-right: 0%;
		margin-bottom: 20px;
	}
	.newslist li .img {
		width: 40%;
		margin-right: 2%;
	}
	.newslist li .newsHBP {
		width: 58%;
	}
	.newsHBP h6 {
		font-size: 14px;
		margin-top: 0px;
	}
	.newsHBP b {
		font-size: 14px;
		margin: 8px 0;
		line-height: 20px;
	}
	.newsHBP p {
		font-size: 12px;
		line-height: 20px;
	}
	.footleft {
		width: 100%;
	}
	.foottop .nava a {
		font-size: 12px;
	}
	.conp{
		width: 50%;
	}
	.foottop .conp p {
		font-size: 12px;
		margin-right:0px;
	}

	.foottop .nava a span {
		margin: 0 10px;
	}
	.foottop {
		padding: 20px 0;
		position: relative;
	}
	.footbutton p {
		font-size: 12px;
	}
	.foottop .nava {
		margin: 0 0 10px 0;
	}
	.footright {
		float: left;
		margin: 10px 0 0 0;
		width: 50%;
		position: absolute;
		bottom:20px;
		right: 20px;
	}
	.footbutton{line-height:30px;}
	.footbutton span{display:block;width: 100%;    margin-top:-15px;}
	.CasePresentation {
		margin: 30px 0;
		   
	}
	.title2,.company .title2 {
		margin-bottom: 10px;
	}
	.title2 h5 {
		font-size: 17px;
		text-align:center;
		margin-bottom: 10px;
	}
	.title2 h6 {
		text-align:center;
		margin-bottom: 10px;
	}
	.presentation .presen {
		width:49%;
		margin-right:2%;
		margin-bottom: 10px;
	}
	.presentation .presen:nth-child(2n){
		margin-right:0;
	}
	.presentation .presen:nth-child(3){
		margin-right:2%;
	}
	.presentation .presen p {
		font-size: 14px;
		line-height: 40px;
		height: 40px;
	}
	.paging a {
		padding: 3px 8px;
		margin-right:3px;
		font-size: 12px;
	}
	.pathnav .path a {
		width: auto;
		padding:0 6px;
		font-size: 12px;
		line-height: 40px;
		height: 40px;
		margin:0 5px;
	}
	.chanping {
		margin: 20px 0 30px;
	}
	.chanping .paging {
		padding: 30px 0 0;
	}
	.newsInformation {
		margin: 30px 0;
	}
	.newsInformation .title2 {
		margin-bottom: 0px;
	}
	.newsInformation .newslist .newsHBP {
		padding: 0px;
	}
	.newsInformation .newslist li {
		padding: 15px 0;
	}
	.newsInformation .newslist li .newsHBP h6 {
		width: 100%;
		font-size: 14px;
		margin-top: 0px;
	}
	.newsInformation .newslist li .newsHBP b {
		width: 100%;
		margin-left: 10px;
		font-size: 12px;
		margin: 6px 0;
	}
	.newsInformation .newslist li .newsHBP p {
		margin-top: 0px;
		line-height: 20px;
		font-size: 12px;
	}
	.newsInformation .paging {
		padding: 30px 0 0;
	}
	.position a {
		font-size: 12px;
		line-height: 60px;
		height: 60px;
	}
	.max2 {
		margin: 0px auto;
	}
	.title3 h6 {
		font-size: 16px;
		margin-bottom: 10px;
	}
	.title3 {
		margin-bottom: 30px;
	}
	.detailsPIMG {
		padding: 30px 0;
		font-size: 12px;
	}
	.sxp {
		padding: 20px 0 0;
	}
	.sxp a {
		font-size: 14px;
		margin-bottom: 20px;
	}
	.cooperative {
		margin: 30px 0;
	}
	.coopleft {
		width: 100%;
	}
	.coopleft .title2 {
		margin-bottom: 30px;
	}
	.coopP {
		font-size: 14px;
		line-height: 28px;
	}
	.coopI {
		font-size: 12px;
		margin-top: 20px;
	}
	.coopright {
		width: 100%;
	}
	.partner {
		padding: 30px 0;
	}
	.partimg li {
		width:31%;
		margin-right:3%;
		margin-bottom: 20px;
		text-align: center;
	}
		.partimg li:nth-child(3n){
		margin-right:0%;
	}
	.partimg {
		margin-bottom:15px;
	}
	.partimg li img {
    height: 100px;
    width: 100%;
}
	.parttext p {
		width: 33.3%;
		font-size: 16px;
		line-height:28px;
	}
	.contact {
		padding: 0px;
		position: relative;
	}
	.conntact_US {
		position: static;
		width: 100%;
		background: #f5f5f5;
		padding: 10px;
	}
	.con_us {
		padding: 10px;
	}
	.CompanyIntroduction {
		margin: 30px 0;
	}
	.companyP {
		font-size: 12px;
		line-height: 28px;
	}
	.introduction {
		width: 100%;
		display: block;
	}
	.num2 {
		margin-top: 0px;
	}
	.num2 li {
		width: 100%;
		margin-right: 0%;
		line-height: 60px;
		height: 60px;
		padding: 0 10px;
		margin-bottom: 5px;
	}
	.culture {
		margin-bottom: 20px;
	}
	.title4{margin-bottom:20px;}
	.title4 .tit {
		float: left;
		width: 100%;
	}
	.title4 .tle {
		float: left;
		width: 100%;
		text-align: left;
		margin-top: 10px;
	}
	.title4 .tit h5 {
		font-size: 18px;
		text-align: center;
		margin-bottom: 10px;
	}
	.title4 .tit h6 {text-align: center;}
	.cultureleft {
		width: 100%;
		margin-right: 0px;
	}
	.cultureright {
		float: left;
		width: 100%;
	}
	.listHP {
		padding: 10px;
	}
	.listHP p{font-size:12px;}
	.pualiimg .img1 {
		width: 100%;
		margin-right: 0%;
		margin-bottom: 20px;
	}
	.pualiimg .img {
		width:32%;
		margin-right: 2%;
		margin-bottom: 20px;
	}
	.qualification {
		margin-bottom: 0px;
	}
}