@media(max-width:1235px) {
	.header .box .ht,.header .box .hm{ padding:0 12px;}
}
@media(max-width:1073px) {
	.header .box .ht .fr{ width:auto;}	
}
@media(max-width:920px) {
	 .header .box .ht .fr .tel{ display: none;}
}
@media(max-width:1603px){
	.header .box .hm ul li{ margin-left: 6%;}
}
@media(max-width:1091px){
	.header .box .hm{}
    .indexMask{ top:45px;}
	.header .box .hm ul{ width:200px; position: fixed; left:0; top:45px; background:#333; height:100%; padding:0; overflow-y:auto;}
	.header .box .hm ul li{ float: none; margin-left:0; }
	.header .box .hm ul li > a{ font-size: 15px; font-weight: bold; border-bottom:1px solid #444; padding-left:12px; height:50px; line-height:50px;}
	.header .box .hm ul li > .son{ display: none;}
	.header .box .hm ul li > .son a{ font-size:14px; border-bottom:1px solid #444; padding:10px; margin:0; padding-left:24px;}
}

@media(max-width:1117px)  {
	.section2 .box .text img{ width:50%;}
	.banner-text h1{ font-size:30px;}
	.banner-text p{ font-size: 14px;}
}


@media(max-width:950px){
	.section3 ul li .box h2{ font-size:18px;}
}

@media(max-width:750px) {
	.section2 .im2{ max-width:70%; height:auto; top:5%;}
	.section2 .im1{ top:5%;}
	.section2 .box .text h2{ font-size:16px;}
    .section2 .tits{top:5%;}
    .section2 .tits .p1{font-size:14px;}
    .section2 .tits .p2{font-size:16px;}
    .section2 .tits .p3{font-size:10px;}
	.banner-text h1{ font-size:28px; font-weight: bold; letter-spacing:2px;}
	.banner-text p{ font-size: 12px; letter-spacing:2px; padding-top: 12px;}	
	.section3 ul li{ height:33.333333333%; width:100%; border-right:0; border-bottom:1px solid rgba(255,255,255,0.3);}
    .section3 ul li:last-child{ border-bottom:0;}
  	.section3 ul li a{ display:flex; align-items:center; justify-content:center;}
    .section3 ul li .box{ height:auto;}
  	.section3 ul li .box .im1{ position:static; margin:0 auto; display:block; }
	.section3 ul li .box h2{ position:static; font-size:18px; padding:12px;}
	.section3 ul li .box .add{ width:30px; position:static; height:30px;}
	.down{ width:55px; height:50px;}
    .logo h2{ font-size:14px;}
}

@media(max-width:640px) {
    .topimg{ height:200px;}
    .topimg .im1{opacity:0;}
    .topimg .banner-text{top:20%;}
	.banner-text h1{ font-size:16px;}
	.section3 ul li .box .im1{ height:70px;}
	.section3 ul li .box h2{ font-size: 16px; top:60%;}
    .section .tits2 .p2{ font-size:16px;}
    .section3 ul li .box .add{ width:20px; height:20px; }
    .logo img{ width:100px; height:auto;}
    .alertvideo{ height:250px; margin-top:-125px; }
    
    .ncate { display:flex; margin-top:30px; margin-bottom:30px;}
    .ncate li{ text-align:center; flex:1; margin:0;}
    .ncate li a{ font-size:16px; padding-bottom:15px;}
    .ncate li a.on:after{ height:2px;}
    .contact-detail{ font-size:14px;}
    .contact-detail .conxc dl dt{ width:80px; text-align:right;}
    .contact-detail .conxc dl{ font-size:14px;}
    .contact-detail .conxc dl{margin-top:20px;}
    .contact-detail .conxc dl dd{ flex:1;}
  
    .foot{ padding-top:10px; padding-bottom:25px; }
    .foot .wrap{ display:block;}
  .foot .wrap dl{ display:none;}
  .foot .wrap dl:nth-child(1){ display:block; text-align:center;}
  .share{ justify-content: center; align-items:center;}
  .share a{ margin:0 10px;}
  .copyright{ text-align:center; font-size:14px;}
}

@media(max-width:1135px) {
	 .caselist li{ width:33.333333%;}
	 .section .caselist li:nth-child(7),.section .caselist li:nth-child(8){ display: none;}
}

@media(max-width:750px) {
	.section4 .tit{ width:75%; height:auto;margin-bottom:20px;}
	.section5 .tit{ width:60%; height:auto; margin-bottom:20px;}
	.caselist{ margin-left:-12px; margin-top:0;}
	.caselist li{ width:50%; padding-top:12px; padding-left:12px;}
    .caselist li h2{ padding-top:5px; padding-bottom:1px;}
    .caselist li p:last-child{ font-size:12px;}
	.caselist li .pic i{ width:30px; height:30px; background-size:100% 100%;}
	.content.projectbg .caselist li{ width:50%;}
    .header .box .ht{ height:45px;}
    .header .box .ht .menu{ height:44px; width:44px; left:inherit}
}

@media(max-width:970px){
	.footcon ul li:nth-child(3) .fl{ width:100%; text-align: center;}
	.footcon ul li:nth-child(3) .fr{ width:100%; text-align: center; padding-top:5px;}
}

@media(max-width:850px){
     .footcon .ht .fl h2{ margin-bottom:5px;}
	.footcon .ht .fl{ float:none; text-align:center; }	
    .footcon ul{ display:block; padding-bottom:12px;}
    .footcon ul li{ text-align:center; padding:0px; padding-top:10px;}
				.copyright .wrap .fl{ float:none; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
				.copyright .wrap .fr{ float:none; text-align: center; padding-top:10px;}
}

@media(max-width:1407px){
	.head2 .share{ display: none;}
}

@media(max-width:1110px){
	.head2{padding:0 12px;}
}

@media(max-width:960px){
    .head2{height:44px; padding-right:0;}
 	.head2 .menu{ display: flex; height:45px; width:44px;}
    .topimg{ margin-top:44px;}
	.head2 .nav2{ width:100%; display: none; position:fixed; left:0; top:44px; height:100%; padding:0;}
	.head2 .nav2 ul{ display: block; background:#333; width:200px; height:100%; overflow-y:auto;} 
	.head2 .nav2 ul li{ float: none; margin-left:0; }
	.head2 .nav2 ul li > a{ font-size: 15px; font-weight: bold; border-bottom:1px solid #444; padding-left:12px; height:50px; line-height:50px;}
	.head2 .nav2 ul li > .son{ position: static; height:auto; width:100%; background: none; padding:0;}
    .head2 .nav2 ul li > .son .sona{ display:block; height:auto; width:auto; position:static; margin:0;}
    .head2 .nav2 ul li > .son .sona.s0{ margin:0;}
    .head2 .nav2 ul li > .son .sona.s1{ margin:0;}
    .head2 .nav2 ul li > .son .sona.s2{ margin:0;}
	.head2 .nav2 ul li > .son a{ font-size:14px; border-bottom:1px solid #444; opacity:.7; padding:10px; padding-left:24px; margin:0;}
	.head2 .nav2 ul li > a.on:after{ display: none;}
  
    .about-item .wrap{display: block; }
	.atit{ margin-top:30px; text-align:center;}
	.atit h1{ font-size:20px; padding-bottom:10px;}
	.atit p{ font-size:16px;}
	.atit h2{ font-size:14px; padding-top:20px;}
    .atit .line{margin-top:20px;}
    .atit.n .line{ margin-top:0;}
    .prodetail .box .atit .line{ margin-top:20px;}
	.line{ margin-top:10px; margin:0 auto; margin-top:12px;}
	.about-item .about-box{ font-size:14px; line-height:24px; width:100%;  margin-top:30px;}
	.about-item.wx{ min-height:550px; margin-top:60px;}
    .about-item.wx .about-box{ margin-top:30px;}
	.about-honor{ margin-top:30px; }
	.about-honor ul{  height:auto; margin-left:-12px; }
	.about-honor ul li{  padding-left:12px; width:50%; padding-top:12px;}
	.opearte{ margin-top:20px; margin-bottom:30px; }
	.opearte img{ margin:0 5px;}
  	
    .atit.n{ margin-top:30px;}
    .newlist2 li{ margin-top:30px;}
    .newlist2 li a{ display:flex; overflow: hidden; height:100px; background:#f2f2f2;}
    .newlist2 li a .img{ width:150px;height:100px; margin-right:12px;}
    .newlist2 li a .img img{ width:100%; height:100%;}
    .newlist2 li .text{ height:150px; flex:1; overflow: hidden; padding-right:12px;}
    .newlist2 li .text .time{ font-size:12px; margin-top:10px; color:#000;}
    .newlist2 li .text h2{ font-size:16px; font-weight: normal; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:3px 0;}
    .newlist2 li .text .note{ font-size:12px; height:40px; overflow:hidden; color: #888; line-height:20px;}
    .newlist2 li .text .note span{ color:#e77919}
  
    .prodetail{ display:block;}
  .prodetail .box{ max-width:100%;}
  .prodetail .proprev{ width:100%; margin-top:10px; margin-left:0; font-size:14px; margin-bottom:20px;}
  .prodetail .box .protab{ display:block;}
  .prodetail .box .protab ul:nth-child(1){ margin-right:0;}
  .prodetail .box .atit h1{ font-size:20px;}
  .prodetail .box .atit h2{ font-size:16px; padding-top:0px;}
  .prodetail .box .protab,.prodetail .box .text{ font-size:14px;}
  .prodetail .box .protab ul li span{ width:80px;}
  
  .searchtoph{ height:60px;}
  .hsearch{ justify-content:center; height:45px;}
  .hsearch .box{ margin:0; width:95%;}
  .conten2.pro .wrap{ max-width:100%;}
  .section .wrap.jp{ max-width:100%;} 
  
}

@media(max-width:980px){
	 .nytit{ padding:60px 0; width:auto; max-width:100%; text-align: center;}
	 .nytit h1{ font-size:22px; padding-top:15px;}
	 .nytit h1::before{ left:0; margin:auto;}
     .nytit h1 em{display:none;}
     .nytit span{display:block; width:auto; font-size:15px; margin:0px; position:static; margin-top:10px;}
	 .content.projectbg .nytit{ width:100%;}
	 .content.newsbg .nytit{ width:100%;}
	 .newslist{ padding:0;}
	 .newslist li a{ font-size: 14px;}
	 .projecttext{ margin-left: 0; text-align: center;}
	 .content.servicebg .nytit{width:100%;}
	 .aboutcon{ width:100%; font-size: 14px;}
	 .businessList{ padding-left:0;}
	 .businessList li { padding-left:0; height:550px;}
	 .businessList li .line{ margin:0 auto;}
	 .businessList li h2{ text-align: center; padding-bottom: 12px;;}
	 .businessList li .note{ text-align: center; padding:0 20px;}
	 .businessList li img{ margin: 0 auto; margin-bottom: 20px;}
	 .content.businessbg{ padding-bottom:150px; background-size:100% auto;}
	 .content.projectbg{ padding-bottom: 100px;background-size:100% auto;}
	 .content.newsbg{ padding-bottom:200px;background-size:100% auto;}
	 .content.jobbg{ padding-bottom:100px;background-size:100% auto;}
	 .content.contactbg{ padding-bottom:400px;background-size:cover;}
     .content.honorbg{ padding-bottom:400px; background-size:auto 100%;}
	 .ntit{ padding-top:60px;}
	 .ntit h1{ font-size: 18px;}
}

@media(max-width:1140px) {
	.contact-detail li{ margin-top: 30px;}
	 .contact-detail li dl{ width:50%; margin-top: 30px;}
}

@media(max-width:860px)  {
	.contact-detail li:last-child dl{ width:100%;}
}

@media(max-width:750px){
    .content.aboutbg{ padding-bottom:200px;}
	.content.servicebg{ padding-bottom:500px;}
	.prevnext .fl,.prevnext .fr{ width:100%;}
	.job-detail ul li{ display: block;}
	.job-detail .fl{ width:100%; display: flex;}
	.job-detail .fr{width:100%;}
	.job-detail .tit{ font-size: 16px; }
	.job-detail .conc{ font-size: 16px;}
	.job-detail ul li .tit{ width:80px; text-align: right;}
	.job-detail ul li .fr .item { margin-bottom:20px;}
	.job-detail ul li .fr .item .conc{ margin-left:0px; font-size: 14px;}
}

@media(max-width:640px) {
	 .qywhlist li{ width:100%; text-align: center; margin-bottom: 40px;}
	 .qywhlist li .note{ width:100% ; text-align: center;}
	 .qywhlist li img{ display: block; margin:0 auto; margin-top:30px;}
	 .qywhlist li:nth-child(1) img{ position: static; display: block; margin:0 auto;  margin-top:30px;}
	 .contact-detail li { font-size: 14px; margin-top:0px;}
	 .contact-detail li dl{ display: flex; margin-top:0;}
	 .contact-detail li dl,.contact-detail li:nth-child(1) dl{ width:100%;}
	 .contact-detail li:last-child dl{ display: block; margin-bottom:20px;}
     .caselist li h2{ font-size:14px;}
}