/*页头,页尾*/
@media screen and (max-width: 1200px) and (min-width: 992px) {
	.top-show,.footer{
		width:100%;
		margin: 0 auto;
	}
	.w{
		width: 960px;
		margin: 0 auto;
	}
	.pone{
		right: 146px;
	}
	.co-malid{
		width: 395px;
	}
	.co-malid span{
		line-height: 33px;
	}
}
@media screen and (max-width: 979px) and (min-width: 768px){
	.top-show,.footer{
		width:100%;
		margin: 0 auto;
	}
	.w{
		width: 750px;
		margin: 0 auto;
	}
	.pone{
		right: 156px;
	}
	.fo-nav ul{
		width: 744px;
		margin: 0 auto;
	}
	.fo-nav li{
		margin:0 21px;
	}
	.co-pone{
		padding: 50px 0 0 20px;
	}
	.co-pone p{
		width: 250px;
		font-size:20px;
		line-height: 30px;
	}
	.co-malid{
		width: 625px;
		padding: 29px 0;
	}
	.co-malid span{
		line-height: 33px;
	}
}
@media (min-width: 768px) and (max-width: 979px){
    .w,.coer-lb{
        width: 94%;
    }
    .banner,.banners{
        width: 100%;
    }
    .banner{
        height: 307px;
    }
    .banners{
        height:320px;
    }
    .banners img{
        width: 100%;
    }
    .banner-1{
        display: none;
    }
    .banner-2{
        display: block;
    }
    .cpym{
        margin-left: 5%;
    }
    .hamburger{
      float: right;
    }
    .nav-menu{
        top: 186px;
        width: 100%;
        height: 400px;
        margin: 0 auto;
        text-align: right;
        z-index: 99;
    }
    .nav-menu li{
        width: 100%;
        border-bottom:1px solid #f1f1f1;
    }
    .nav-menu li a{
        padding-right: 30px;
    }
    .sub-nav{
        top: 0;
        border: none;
        background: none;
    }
    .sub-nav li{
        border-bottom:none;
    }
    
    .top-show,.navbar-nav,.key-words,.coer-lb h2,.fo-nav,.co-pone,.news-lb h2,.proce dl:before{
        display: none;
    }
    .copyright{
        height: 162px;
        border-top:1px solid #888;
    }
    .co-malid{
        padding: 25px 40px;
    }
    .co-malid span{
        line-height: 28px;
    }
    
  .top-con{
      width: 100%;
  }
 .logo a{
      left: -10px;
  }
  .top-tle{
      left: 120px;
      top:0;
  }
  .top-tle h2{
      font-size: 16px;
  }
  .top-tle span{
      font-size: 22px;
      line-height: 36px;
  }
  .pone{
      height: 49px;
      top: -14px;
      right: -72px;
  }
  .pone p{
      margin-left: 0;
  }
  .cour-photo{
      height: 1151px;
  }
  .cour-pt,.cour-phr{
      width: 100%;
      height: 400px;
  }
  .title-l b{
      left: 51%;
  }
  .title-l:before{
      left: 30%;
  }
  .adva .title p{
      line-height: 22px;
      letter-spacing:0;
      font-size: 17px;
  }
  .organ{
      width: 100%;
  }
  .organ ul{
      width: 100%;
  }
  .organ li{
      width: 100%;
      height: 400px;
      float: none;
  }
  .organ li:hover{
      width: 100%;
  }
  .hov-con{
      margin-top: 140px;
  }
  .cus-litie p{
      padding-left: 0;
      left: 40%;
  }
  .custom{
      height: 800px;
  }
  .custom:before{
      height:800px;
  }
  .cus-con li{
      width:calc(33% - 12px);
      margin-bottom: 20px;
      margin-right: 20px;
  }
  .cus-con li:nth-child(3n){
      margin-right: 0;
  }
  .cus-con li i{
      left: 94px;
  }
  .cus-con li span{
      left: 74px;
  }
  .cus-con li p{
      width: 100%;
  }
  .mt-tabpage{
      width: 100%;
  }
  .mt-tabpage-cont__wrap{
      width: 100%;
  }
  .mt-tabpage-count{
      width: 100%;
      height: 1080px;
  }
  .mt-tabpage-item{
      width: 100% !important;
  }
  .details{
      width: 100%;
      margin-top: 15px;
  }
  .details-img{
      width:334px;
  }
  .leftBox{
      width: 334px;
      height: 334px;
  }
  .normalBox{
      width: 100%;
      height: 100%;
  }
  .details-title{
      width: 49%;
      margin-right: 0;
  }
  .details-title p{
      width: 100%;
  }
  .details-title a{
      left: 240px;
  }
  .details-con{
      width: 100% !important;
      margin-top: 0;
  }
  .details-con p img{
      width: 100% !important;
      height: auto !important;
  }
  .recom{
      width:100%;
      height: 359px;
      overflow: hidden;
  }
  .recom-title{
      width: 100%;
  }
  .recom-con li{
      width: calc(33.33% - 16px);
      margin-bottom: 20px;
      margin-right: 20px;
  }
  .recom-con li:nth-child(3){
      margin-right: 0;
  }
  .recom-con dl{
      width: 100%;
  }
  .recom-con dt{
      width: 100%;
  }
  .cplb-con{
      width:96%;
  }
  .new-1{
      width: 100%;
  }
  .new-l,.new-r{
     width: 100%; 
  }
  .a-img{
      width: 100%;
      height: 460px;
  }
  .new-r{
      margin-left: 0;
      margin-top: 24px;
  }
  .about{
      height: 1080px;
  }
  .about-p,.about-w,.about-w p{
      width: 100%;
  }
  .about-w{
      top: 686px;
  }
  .about-t{
      top: 914px;
  }
  .cour-phl{
      width: 100%;
  }
  .cour-pt{
      margin-bottom: 20px;
  }
  .cour-phr li{
      width: calc(50% - 10px);
      margin-right:20px;
      margin-bottom: 20px;
  }
  
  .coer-lb{
      margin-top: 15px;
      margin-bottom: 15px;
  }
  .coer-lb li{
      float: left;
      margin-right:15px;
  }
  .coer-lb li a{
      width: auto;
      padding: 10px 15px;
  }
  .cour-ph{
      width: 100%;
      padding-right: 0;
  }
  .cplb li{
      width:calc(50% - 12px);
      margin-right: 20px;
      margin-bottom: 20px;
  }
  .cplb li:nth-child(2n){
      margin-right: 0;
  }
  .cplb li:nth-child(3){
      margin-right: 20px;
  }
  .cplb li a p{
      width: 90%;
  }
  .public-nav ul{
      width: 100%;
      background: none;
      padding-top: 30px;
  }
  .public-nav li{
      margin-bottom: 15px;
      margin-top: 0;
  }
  .public-nav li a{
      padding: 10px 24px;
  }
  .public-nav li .nav-fist{
      background:#cfa54f;
      color: #fff;
      border-radius: 5px;
  }
  .custom-page{
      height: 350px;
  }
  .custom-con dl{
      width:calc(50% - 12px);
      height: 284px;
      margin-right: 20px;
      margin-bottom: 15px;
  }
  .custom-con dl:last-child{
      margin-right: 0;
  }
  .custom-con dd{
      width: 86.5%;
      height: 185px;
      padding: 50px 23px;
  }
  #news-a{
      float:right;
      width: 68px;
      margin: 90px 80px 15px 0;
  }
  .info-1{
      top:20px;
      left: 349px;
  }
  .proo li{
      width:calc(33% - 15px);
      margin-right: 19px;
      margin-bottom: 18px;
  }
  .proo li:nth-child(3n){
      margin-right: 0;
  }
  .proo li:nth-child(5){
      margin-right: 19px;
  }
  .proo li:before{
      content: none;
  }
  .proo h3{
      left: 41%;
  }
  .proo p{
      left: 30%;
  }
  .proo span{
      width: 100%;
  }
  .advant{
      height: 1190px;
  }
  .advant li{
      width: 50%;
      height: 238px;
  }
  .advant-con{
      width: 100%;
      left: 20px;
      margin-top: 20px;
  }
  .advant-con h2,#advant-1{
      width: 90%;
  }
  .advant-con h2 span{
      font-size: 18px;
  }
  #advant-1{
      line-height: 26px;
  }
  .ab{
      height: 1050px;
      background: none;
  }
  .ab-con,.about-con dt{
      width: 100%;
      top: 30px;
  }
  .about-con{
      height: 1020px;
  }
  .news-lb,.news-ph{
      width: 100%;
  }
  .news-lb{
      height: 60px;
  }
  .lb li a{
      width: auto;
      padding: 15px;
  }
  .news-fist-1 dl{
      height: 340px;
      clear: both;
  }
  .news-fist-1 dt{
      margin-left: 20px;
      margin-top: 20px;
      margin-bottom: 20px;
      width: 33.5%;
      height:300px;
  }
 .news-fist-1 dd p{
     width: 88%;
 }
  .news-fist-1 dd{
      width: 65%;
      margin-top: -36%;
      padding-left: 40%;
  }
  
  .lb{
      width: 100%;
      margin-top: 15px;
  }
  .news-lb a{
      width: 11%;
      padding: 15px;
  }
  #news-con{
      width: 100%;
  }
  .info-2{
      width: 48%;
  }
  .new-con p,.new-con p img{
      width: 100% !important;
  }
  .join-con{
      height: 200px;
  }
  .join-con dl{
      width: calc(33.33% - 10px);
      margin-left: 0;
      margin-right: 15px;
  }
  .join-con dl:nth-child(3){
      margin-right: 0;
  }
  .advan-con li i{
      left: 118px;
  }
  .advan-con li{
      width: calc(33.33% - 14px);
      margin-right: 20px;
      margin-left: 0;
  }
  .advan-con li:nth-child(3n){
      margin-right: 0;
  }
  .advan-con li p{
      width: 85%;
      margin-left: 7%;
  }
  .proce{
      width: 100%;
      padding:20px 0;
  }
  .proce dl{
      width:calc(25% - 17px);
      margin-right: 20px;
  }
  .proce dl:nth-child(4n){
      margin-right: 0;
  }
  .proce dl:nth-child(6){
      margin-right: 20px;
  }
  .proce dd{
      width: 100%;
  }
  .porduc-con,.team-con{
      height: 1300px;
      margin-top: 30px;
      margin-bottom: 20px;
  }
  .porduc-con dl,.team-con dl{
      width:calc(50% - 12px);
      margin-right: 20px;
  }
  .porduc-con dl:nth-child(2n),
  .team-con dl:nth-child(2n){
      margin-right: 0;
  }
  .porduc-con dt,.team-con dt{
      width: 93%;
  }
  .lxfs{
      padding-top: 0;
  }
  .call li{
      width:calc(50% - 10px);
      margin-bottom: 20px;
      height: 148px;
  }
  .call li:nth-child(2n){
      margin-right: 0;
  }
  .call p{
      text-align: center;
      width: 94%;
      padding-left: 0;
      margin: 0 auto;
  }
  .map{
      width: 100%;
  }
  .mass-inp{
      width: 200px;
  }
  #content{
      width: 500px;
  }
  .vdcode{
      width: 100px;
  }
  .codeimg{
      left: 128px;
  }
} 
/*首页*/
@media screen and (max-width: 1024px) and (min-width: 979px) {
    .banner,.banners{
        width: 100%;
    }
    .banner{
        height: 304px;
    }
    .banners{
        height:213px;
    }
    .banners img{
        width: 100%;
    }
    .cpym{
        margin-left: 5%;
    }
	.banner{
		height: 504px;
		overflow: hidden;
		position: relative;
	}
	
	/*产品部分*/
	.cour-phl{
      width: 42%;
      height: 537px;
      overflow: hidden;
      position: relative;
  }
	.cour-phl p{
		width: 100%;
		height: 361px;
		overflow: hidden;
		margin-right: 0;
	}
	.cour-phr{
      width: 56%;
      height: 537px;
  }
  .cour-phr li{
      width: calc(50% - 10px);
      height: 258px;
      margin-right:20px;
      margin-bottom: 20px;
  }
	.cour-phr li:nth-child(2n){
		margin-right: 0;
	}
	.cour-com{
      width: 100%;
  }
	
    .proce dl:before{
        display: none;
    }
    .copyright{
        height: 162px;
        border-top:1px solid #888;
    }
    .co-malid{
        padding: 25px 0;
    }
    .co-malid span{
        line-height: 28px;
    }
    
  .top-con{
      width: 100%;
  }
 .logo a{
      left: -10px;
  }
  .top-tle{
      left: 160px;
      top:0;
  }
  .top-tle h2{
      font-size: 20px;
  }
  .top-tle span{
      font-size: 24px;
      line-height: 36px;
  }
  .pone{
      height: 49px;
      top: -14px;
      right: -72px;
  }
  .pone p{
      margin-left: 0;
  }
  .cour-photo{
      height: 537px;
  }
  
  .title-l b{
      left: 51%;
  }
  .title-l:before{
      left: 30%;
  }
  .adva .title p{
      line-height: 22px;
      letter-spacing:0;
      font-size: 17px;
  }
  .organ{
      width: 100%;
  }
  .organ ul{
      width: 100%;
  }
  .organ li{
      width: 100%;
      height: 400px;
      float: none;
  }
  .organ li:hover{
      width: 100%;
  }
  .hov-con{
      margin-top: 140px;
  }
  .cus-litie p{
      padding-left: 0;
      left: 40%;
  }
  .custom{
      height: 800px;
  }
  .custom:before{
      height:800px;
  }
  .cus-con li{
      width:calc(33% - 12px);
      margin-bottom: 20px;
      margin-right: 20px;
  }
  .cus-con li:nth-child(3n){
      margin-right: 0;
  }
  .cus-con li span{
      left: 108px;
  }
  .cus-con li i{
      left: 130px;
  }
  .cus-con li p{
      width:100%;
  }
  .mt-tabpage{
      width: 100%;
  }
  .mt-tabpage-cont__wrap{
      width: 100%;
  }
  .mt-tabpage-count{
      width: 100%;
      height: 480px;
  }
  .mt-tabpage-item{
      width: 100% !important;
  }
  .new-1{
      width: 100%;
  }
  .a-img{
      width: 100%;
      height: 296px;
  }
  .new-r{
      width: 437px;
      margin-left: 0;
      margin-top: 24px;
  }
  .new-r ul{
      width: 100%;
  }
  .mt-tabpage-item .mt-tabpage-item-1{
      width: 100%;
  }
  .mt-tabpage-item-1 p{
      width: 100%;
  }
  .about{
      height: 694px;
  }
  .about-p{
      width: 53%;
  }
  .about-w{
      width: 43%;
      top: 64px;
  }
  .about-w p{
      width: 100%;
  }
  .about-t{
      top: 538px;
  }
  
  .cour-pt{
      width: 100%;
      margin-bottom: 20px;
  }
  .coer-lb,.news-lb{
      width: 200PX;
      margin-top: 15px;
  }
  .coer-lb li{
      width: 100%;
  }
  .coer-lb li a,.news-lb a{
      width: 80px;
      padding: 10px 60px;
  }
  .cour-ph{
      margin-top: 15px;
      padding-right: 0;
  }
  .cour-ph,.news-ph{
      width: 76%;
  }
  .cplb li{
      width:calc(33.33% - 16px);
      height: 356px;
      margin-bottom: 20px;
      margin-right:20px;
  }
  .cplb li:nth-child(3n){
      margin-right: 0;
  }
  .cplb li a p{
      width: 90%;
  }
  .cplb dt{
      height: 228px;
  }
  .public-nav ul{
      width: 100%;
      background: none;
  }
  .public-nav li{
      margin-bottom: 15px;
      margin-top: 0;
  }
  .public-nav li a{
      padding: 10px 24px;
  }
  .public-nav li .nav-fist{
      background:#cfa54f;
      color: #fff;
      border-radius: 5px;
  }
  .custom-page{
      height: 350px;
  }
  .public-nav{
      margin-top: 30px;
  }
  .custom-con dl{
      width:calc(50% - 12px);
      height: 284px;
      margin-right: 20px;
      margin-bottom: 15px;
  }
  .custom-con dl:last-child{
      margin-right: 0;
  }
  .custom-con dd{
      width: 86.5%;
      height: 185px;
      padding: 50px 23px;
  }
  .proo li{
      width:calc(33% - 15px);
      margin-right: 19px;
      margin-bottom: 18px;
  }
  .proo li:nth-child(3n){
      margin-right: 0;
  }
  .proo li:nth-child(5){
      margin-right: 19px;
  }
  .proo li:before{
      content: none;
  }
  .proo h3{
      left: 41%;
  }
  .proo p{
      left: 30%;
  }
  .proo span{
      width: 100%;
  }
  .advant{
      height: 1250px;
  }
  .advant li{
      width: 50%;
      height: 258px;
  }
  .advant-con{
      width: 100%;
      left: 20px;
      margin-top: 20px;
  }
  .advant-con h2,#advant-1{
      width: 90%;
  }
  .advant-con h2 span{
      font-size: 18px;
  }
  #advant-1{
      line-height: 26px;
  }
  .advan-con li i{
      left: 130px;
  }
  .proce dt{
      width: 100%;
  }
  .ab{
      height: 1080px;
      background: none;
  }
  .ab-con,.about-con dt{
      width: 100%;
      top: 30px;
  }
  .about-con{
      height: 1020px;
  }
  
  .news-fist-1 dl{
      position: relative;
      height: auto;
      clear: both;
  }
  .news-fist-1 dt{
      margin: 20px 0 20px 20px;
      width: 38%;
      height: 300px;
  }
 .news-fist-1 dd p{
     width: 96%;
 }
  .news-fist-1 dd{
      position: absolute;
      width: 55%;
      margin: 0;
      top: 20px;
  }
  .info-1{
      position: absolute;
      top:176px;
      font-size: 13px;
  }
  #news-a{
      width: 68px;
      margin-top: 88px;
  }
  .join-con{
      height: 200px;
  }
  .join-con dl{
      width: calc(33.33% - 10px);
      margin-left: 0;
      margin-right: 15px;
  }
  .join-con dl:nth-child(3){
      margin-right: 0;
  }
  .advan-con li{
      width: calc(33.33% - 14px);
      margin-right: 20px;
      margin-left: 0;
  }
  .advan-con li:nth-child(3n){
      margin-right: 0;
  }
  .advan-con li p{
      width: 85%;
      margin-left: 7%;
  }
  .proce{
      width: 100%;
      padding:20px 0;
  }
  .proce dl{
      width:calc(25% - 17px);
      margin-right: 20px;
  }
  .proce dl:nth-child(4n){
      margin-right: 0;
  }
  .proce dl:nth-child(6){
      margin-right: 20px;
  }
  .proce dd{
      width: 100%;
  }
  .porduc-con,.team-con{
      height: 540px;
      margin-bottom: 20px;
  }
  .porduc-con dl,.team-con dl{
      width:calc(25% - 17px);
      height: 260px;
      margin-right:20px;
  }
  .porduc-con dl:nth-child(4n),
  .team-con dl:nth-child(4n){
      margin-right: 0;
  }
  .porduc-con dt,.team-con dt{
      width:87%;
      height: 170px;
  }
  .details{
      width: 76%;
      margin-top: 15px;
  }
  .details-img{
      width: 334px;
  }
  .normalBox{
      width: 334px;
      height: 334px;
  }
  .details-title{
      width: 49%;
      margin-right: 0;
  }
  .details-title p{
      width: 100%;
  }
  .details-title a{
      left: 253px;
  }
  .details-con{
      width: 100% !important;
      margin-top: 0;
  }
  .details-con p img{
      width: 100% !important;
      height: auto !important;
  }
  .recom{
      width:730px;
      height: 375px;
      overflow: hidden;
  }
  .recom-title{
      width: 100%;
  }
  .recom-con li{
      margin-bottom: 20px;
      margin-right: 20px;
  }
  .lxfs{
      padding-top: 0;
  }
  .call li{
      width:calc(50% - 10px);
      margin-bottom: 20px;
      height: 148px;
  }
  .call li:nth-child(2n){
      margin-right: 0;
  }
  .call p{
      text-align: center;
      width: 94%;
      padding-left: 0;
      margin: 0 auto;
  }
  .map{
      width: 100%;
  }
  .mass-inp{
      width: 200px;
  }
  #content{
      width: 500px;
  }
  .vdcode{
      width: 100px;
  }
  .codeimg{
      left: 128px;
  }
} 
@media screen and (max-width: 767px){
    .w,.coer-lb{
        width: 94%;
    }
    .banner,.banners{
        width: 100%;
    }
    .banner{
        height: 307px;
    }
    .banners{
        height:100%;
    }
    .banner-1{
        display: none;
    }
    .banner-2{
        display: black;
    }
    .banners img{
        width: 100%;
    }
    .cpym{
        margin-left: 5%;
    }
    .hamburger{
      float: right;
    }
    .nav-menu{
        top: 187px;
        width: 100%;
        height: 400px;
        text-align: right;
        z-index: 99;
    }
    .nav-menu li{
        width: 100%;
        border-bottom:1px solid #f1f1f1;
    }
    .nav-menu li a{
        padding-right: 30px;
    }
    .sub-nav{
        top: 0;
        border: none;
        background: none;
    }
    .sub-nav li{
        border-bottom:none;
    }
    .top-show,.navbar-nav,.key-words,.coer-lb h2,.fo-nav,.co-pone,.news-lb h2,.info-1,.proce dl:before{
        display: none;
    }
    .copyright{
        height: 162px;
        border-top:1px solid #888;
    }
    .co-malid{
        padding: 25px 40px;
    }
    .co-malid span{
        line-height: 28px;
    }
    
  .top-con{
      width: 100%;
  }
 .logo a{
      left: -10px;
  }
  .top-tle{
      left: 120px;
      top:0;
  }
  .top-tle h2{
      font-size: 16px;
  }
  .top-tle span{
      font-size: 22px;
      line-height: 36px;
  }
  .pone{
      height: 49px;
      top: -14px;
      right: -72px;
  }
  .pone p{
      margin-left: 0;
  }
  .cour-photo{
      height: 1151px;
  }
  .cour-pt,.cour-phr{
      width: 100%;
      height: 400px;
  }
  .title-l b{
      left: 51%;
  }
  .title-l:before{
      left: 30%;
  }
  .adva .title p{
      line-height: 22px;
      letter-spacing:0;
      font-size: 17px;
  }
  .organ{
      width: 100%;
  }
  .organ ul{
      width: 100%;
  }
  .organ li{
      width: 100%;
      height: 400px;
      float: none;
  }
  .organ li:hover{
      width: 100%;
  }
  .hov-con{
      margin-top: 140px;
  }
  .cus-litie p{
      padding-left: 0;
      left: 40%;
  }
  .custom{
      height: 800px;
  }
  .custom:before{
      height:800px;
  }
  .cus-con li{
      width:calc(33% - 12px);
      margin-bottom: 20px;
      margin-right: 20px;
  }
  .cus-con li:nth-child(3n){
      margin-right: 0;
  }
  .mt-tabpage{
      width: 100%;
  }
  .mt-tabpage-cont__wrap{
      width: 100%;
  }
  .mt-tabpage-count{
      width: 100%;
      height: 1080px;
  }
  .mt-tabpage-item{
      width: 100% !important;
  }
  .details{
      width: 100%;
      margin-top: 15px;
  }
  .details-img{
      width:334px;
  }
  .leftBox{
      width: 334px;
      height: 334px;
  }
  .normalBox{
      width: 100%;
      height: 100%;
  }
  .details-title{
      width: 49%;
      margin-right: 0;
  }
  .details-title p{
      width: 100%;
  }
  .details-title a{
      left: 240px;
  }
  .details-con{
      width: 100% !important;
      margin-top: 0;
  }
  .details-con p img{
      width: 100% !important;
      height: auto !important;
  }
  .recom{
      width:100%;
      height: 375px;
      overflow: hidden;
  }
  .recom-title{
      width: 100%;
  }
  .recom-con li{
      width: calc(33.33% - 16px);
      margin-bottom: 20px;
      margin-right: 20px;
  }
  .recom-con li:nth-child(3){
      margin-right: 0;
  }
  .recom-con dt{
      width: 97.5%;
  }
  .cplb-con{
      width: 92%;
  }
  .new-1{
      width: 100%;
  }
  .new-l,.new-r{
     width: 100%; 
  }
  .a-img{
      width: 100%;
      height: 460px;
  }
  .new-r{
      margin-left: 0;
      margin-top: 24px;
  }
  .about{
      height: 1000px;
  }
  .about-p,.about-w,.about-w p{
      width: 100%;
  }
  .about-w{
      top: 558px;
  }
  .about-t{
      top: 815px;
  }
  .cour-pt{
      margin-bottom: 20px;
  }
  .cour-phr li{
      width: calc(50% - 10px);
      margin-right:20px;
      margin-bottom: 20px;
  }
  
  .coer-lb{
      margin-top: 15px;
      margin-bottom: 15px;
  }
  .coer-lb li{
      float: left;
      margin-right:15px;
  }
  .coer-lb li a{
      width: auto;
      padding: 10px 15px;
  }
  .cour-ph{
      width: 100%;
      padding-right: 0;
  }
  .cplb li{
      width: 100%;
      margin-right: 0;
  }
  .cplb li a p{
      width: 90%;
  }
  .public-nav ul{
      width: 100%;
      background: none;
  }
  .public-nav li{
      margin-bottom: 15px;
      margin-top: 0;
  }
  .public-nav li a{
      padding: 10px 24px;
  }
  .public-nav li .nav-fist{
      background:#cfa54f;
      color: #fff;
      border-radius: 5px;
  }
  .custom-page{
      height: 350px;
  }
  .custom-con dl{
      width:calc(50% - 12px);
      height: 284px;
      margin-right: 20px;
      margin-bottom: 15px;
  }
  .custom-con dl:last-child{
      margin-right: 0;
  }
  .custom-con dd{
      width: 86.5%;
      height: 185px;
      padding: 50px 23px;
  }
  .proo li{
      width:calc(33% - 15px);
      margin-right: 19px;
      margin-bottom: 18px;
  }
  .proo li:nth-child(3n){
      margin-right: 0;
  }
  .proo li:nth-child(5){
      margin-right: 19px;
  }
  .proo li:before{
      content: none;
  }
  .proo h3{
      left: 41%;
  }
  .proo p{
      left: 30%;
  }
  .proo span{
      width: 100%;
  }
  .advant li{
      width: 100%;
      height: 258px;
  }
  .advant li:nth-child(2),
  .advant li:nth-child(6),
  .advant li:nth-child(10){
      margin-bottom: 20px;
  }
  .advant-con{
      width: 100%;
      left: 20px;
      margin-top: 20px;
  }
  .advant-con h2,
  #advant-1{
      width: 90%;
  }
  .advant-con h2 span{
      font-size: 18px;
  }
  #advant-1{
      line-height: 26px;
  }
  .ab{
      height: 1020px;
      background: none;
  }
  .ab-con,.about-con dt{
      width: 100%;
      top: 30px;
  }
  .about-con{
      height: 1020px;
  }
  .news-lb,.news-ph{
      width: 100%;
  }
  .news-lb{
      height: 60px;
  }
  .lb li a{
      width: auto;
      padding: 15px;
  }
  .news-fist-1 dl{
      height: auto;
      clear: both;
  }
  .news-fist-1 dt{
      margin-left: 20px;
      margin-top: 20px;
      width: 94%;
      height: 300px;
  }
 .news-fist-1 dd p{
     width: 96%;
 }
  .news-fist-1 dd{
      margin-top: 0;
      padding-left: 20px;
  }
  #news-a{
      float: none;
      width: 68px;
      margin-bottom: 15px;
  }
  .lb{
      width: 100%;
      margin-top: 15px;
  }
  .news-lb a{
      width: 11%;
      padding: 15px;
  }
  #news-con{
      width: 100%;
  }
  .info-2{
      width: 48%;
  }
  .new-con p,
  .new-con p img{
      width: 100% !important;
  }
  .join-con{
      height: 200px;
  }
  .join-con dl{
      width: calc(33.33% - 10px);
      margin-left: 0;
      margin-right: 15px;
  }
  .join-con dl:nth-child(3){
      margin-right: 0;
  }
  .advan-con li{
      width: calc(33.33% - 14px);
      margin-right: 20px;
      margin-left: 0;
  }
  .advan-con li:nth-child(3n){
      margin-right: 0;
  }
  .advan-con li p{
      width: 85%;
      margin-left: 7%;
  }
  .proce{
      width: 100%;
      padding:20px 0;
  }
  .proce dl{
      width:calc(25% - 17px);
      margin-right: 20px;
  }
  .proce dl:nth-child(4n){
      margin-right: 0;
  }
  .proce dl:nth-child(6){
      margin-right: 20px;
  }
  .proce dd{
      width: 100%;
  }
  .porduc-con,.team-con{
      height: 2566px;
      margin-bottom: 20px;
  }
  .porduc-con dl,.team-con dl{
      width: 100%;
      margin-right: 0;
  }
  .porduc-con dt,.team-con dt{
      width: 93%;
  }
  .lxfs{
      padding-top: 0;
  }
  .call li{
      width:calc(50% - 10px);
      margin-bottom: 20px;
      height: 148px;
  }
  .call li:nth-child(2n){
      margin-right: 0;
  }
  .call p{
      text-align: center;
      width: 94%;
      padding-left: 0;
      margin: 0 auto;
  }
  .map{
      width: 100%;
  }
  .mass-inp{
      width: 200px;
  }
  #content{
      width: 500px;
  }
  .vdcode{
      width: 100px;
  }
  .codeimg{
      left: 128px;
  }
}

@media screen and (min-width: 430px) and (max-width: 736px){
    .w,.coer-lb{
        width: 94%;
    }
    .banner,.banners{
        width: 100%;
    }
    .banner{
        height: 307px;
    }
    .banners{
        height:164px;
    }
    .banners img{
        width: 100%;
    }
    .banner-1{
        display: none;
    }
    .banner-2{
        display: block;
    }
    .cpym{
        margin-left: 5%;
    }
    .hamburger{
      float: right;
    }
    .nav-menu{
        top: 187px;
        width: 100%;
        height: 400px;
        text-align: right;
        z-index: 99;
    }
    .nav-menu li{
        width: 100%;
        border-bottom:1px solid #f1f1f1;
    }
    .nav-menu li a{
        padding-right: 30px;
    }
    .sub-nav{
        top: 0;
        border: none;
        background: none;
    }
    .sub-nav li{
        border-bottom:none;
    }
    .top-show,.navbar-nav,
    .key-words,.coer-lb h2,
    .fo-nav,.co-pone,.news-lb h2,
    .info-1,.proce dl:before{
        display: none;
    }
    .copyright{
        height: 162px;
        border-top:1px solid #888;
    }
    .co-malid{
        padding: 25px 40px;
    }
    .co-malid span{
        line-height: 28px;
    }
    
  .top-con{
      width: 100%;
  }
 .logo a{
      left: -10px;
  }
  .top-tle{
      left: 120px;
      top:0;
  }
  .top-tle h2{
      font-size: 16px;
  }
  .top-tle span{
      font-size: 22px;
      line-height: 36px;
  }
  .pone{
      height: 49px;
      top: -14px;
      right: -72px;
  }
  .pone p{
      margin-left: 0;
  }
  .cour-photo{
      height: 1151px;
  }
  .cour-pt,.cour-phr{
      width: 100%;
      height: 400px;
  }
  .title-l b{
      left: 51%;
  }
  .title-l:before{
      left: 30%;
  }
  .adva .title p{
      line-height: 22px;
      letter-spacing:0;
      font-size: 17px;
  }
  .organ{
      width: 100%;
  }
  .organ ul{
      width: 100%;
  }
  .organ li{
      width: 100%;
      height: 400px;
      float: none;
  }
  .organ li:hover{
      width: 100%;
  }
  .hov-con{
      margin-top: 140px;
  }
  .cus-litie p{
      padding-left: 0;
      left: 40%;
  }
  .custom{
      height: 800px;
  }
  .custom:before{
      height:800px;
  }
  .cus-con li{
      width:calc(33% - 12px);
      margin-bottom: 20px;
      margin-right: 20px;
  }
  .cus-con li:nth-child(3n){
      margin-right: 0;
  }
  .mt-tabpage{
      width: 100%;
  }
  .mt-tabpage-cont__wrap{
      width: 100%;
  }
  .mt-tabpage-count{
      width: 100%;
      height: 1080px;
  }
  .mt-tabpage-item{
      width: 100% !important;
  }
  .details{
      width: 100%;
      margin-top: 15px;
  }
  .details-img{
      width:334px;
  }
  .leftBox{
      width: 334px;
      height: 334px;
  }
  .normalBox{
      width: 100%;
      height: 100%;
  }
  .details-title{
      width: 49%;
      margin-right: 0;
  }
  .details-title p{
      width: 100%;
  }
  .details-title a{
      left: 240px;
  }
  .details-con{
      width: 100% !important;
      margin-top: 0;
  }
  .details-con p img{
      width: 100% !important;
      height: auto !important;
  }
  .recom{
      width:100%;
      height: 375px;
      overflow: hidden;
  }
  .recom-title{
      width: 100%;
  }
  .recom-con li{
      width: calc(33.33% - 16px);
      margin-bottom: 20px;
      margin-right: 20px;
  }
  .recom-con li:nth-child(3){
      margin-right: 0;
  }
  .recom-con dt{
      width: 97.5%;
  }
  .cplb-con{
      width: 92%;
  }
  .new-1{
      width: 100%;
  }
  .new-l,.new-r{
     width: 100%; 
  }
  .a-img{
      width: 100%;
      height: 460px;
  }
  .new-r{
      margin-left: 0;
      margin-top: 24px;
  }
  .about{
      height: 1000px;
  }
  .about-p,.about-w,.about-w p{
      width: 100%;
  }
  .about-w{
      top: 558px;
  }
  .about-t{
      top: 815px;
  }
  .cour-pt{
      margin-bottom: 20px;
  }
  .cour-phr li{
      width: calc(50% - 10px);
      margin-right:20px;
      margin-bottom: 20px;
  }
  
  .coer-lb{
      margin-top: 15px;
      margin-bottom: 15px;
  }
  .coer-lb li{
      float: left;
      margin-right:15px;
  }
  .coer-lb li a{
      width: auto;
      padding: 10px 15px;
  }
  .cour-ph{
      width: 100%;
      padding-right: 0;
  }
  .cplb li{
      width: 100%;
      margin-right: 0;
  }
  .cplb li a p{
      width: 90%;
  }
  .public-nav ul{
      width: 100%;
      background: none;
  }
  .public-nav li{
      margin-bottom: 15px;
      margin-top: 0;
  }
  .public-nav li a{
      padding: 10px 24px;
  }
  .public-nav li .nav-fist{
      background:#cfa54f;
      color: #fff;
      border-radius: 5px;
  }
  .custom-page{
      height: 350px;
  }
  .custom-con dl{
      width:calc(50% - 12px);
      height: 284px;
      margin-right: 20px;
      margin-bottom: 15px;
  }
  .custom-con dl:last-child{
      margin-right: 0;
  }
  .custom-con dd{
      width: 86.5%;
      height: 185px;
      padding: 50px 23px;
  }
  .proo li{
      width:calc(33% - 15px);
      margin-right: 19px;
      margin-bottom: 18px;
  }
  .proo li:nth-child(3n){
      margin-right: 0;
  }
  .proo li:nth-child(5){
      margin-right: 19px;
  }
  .proo li:before{
      content: none;
  }
  .proo h3{
      left: 41%;
  }
  .proo p{
      left: 30%;
  }
  .proo span{
      width: 100%;
  }
  .advant li{
      width: 100%;
      height: 258px;
  }
  .advant li:nth-child(2),
  .advant li:nth-child(6),
  .advant li:nth-child(10){
      margin-bottom: 20px;
  }
  .advant-con{
      width: 100%;
      left: 20px;
      margin-top: 20px;
  }
  .advant-con h2,#advant-1{
      width: 90%;
  }
  .advant-con h2 span{
      font-size: 18px;
  }
  #advant-1{
      line-height: 26px;
  }
  .ab{
      height: 1020px;
      background: none;
  }
  .ab-con,.about-con dt{
      width: 100%;
      top: 30px;
  }
  .about-con{
      height: 1020px;
  }
  .news-lb,.news-ph{
      width: 100%;
  }
  .news-lb{
      height: 60px;
  }
  .lb li a{
      width: auto;
      padding: 15px;
  }
  .news-fist-1 dl{
      height: auto;
      clear: both;
  }
  .news-fist-1 dt{
      margin-left: 20px;
      margin-top: 20px;
      width: 94%;
      height: 300px;
  }
 .news-fist-1 dd p{
     width: 96%;
 }
  .news-fist-1 dd{
      margin-top: 0;
      padding-left: 20px;
  }
  #news-a{
      float: none;
      width: 68px;
      margin-bottom: 15px;
  }
  .lb{
      width: 100%;
      margin-top: 15px;
  }
  .news-lb a{
      width: 11%;
      padding: 15px;
  }
  #news-con{
      width: 100%;
  }
  .info-2{
      width: 48%;
  }
  .new-con p,
  .new-con p img{
      width: 100% !important;
  }
  .join-con{
      height: 200px;
  }
  .join-con dl{
      width: calc(33.33% - 10px);
      margin-left: 0;
      margin-right: 15px;
  }
  .join-con dl:nth-child(3){
      margin-right: 0;
  }
  .advan-con li{
      width: calc(33.33% - 14px);
      margin-right: 20px;
      margin-left: 0;
  }
  .advan-con li:nth-child(3n){
      margin-right: 0;
  }
  .advan-con li p{
      width: 85%;
      margin-left: 7%;
  }
  .proce{
      width: 100%;
      padding:20px 0;
  }
  .proce dl{
      width:calc(25% - 17px);
      margin-right: 20px;
  }
  .proce dl:nth-child(4n){
      margin-right: 0;
  }
  .proce dl:nth-child(6){
      margin-right: 20px;
  }
  .proce dd{
      width: 100%;
  }
  .porduc-con,.team-con{
      height: 2566px;
      margin-bottom: 20px;
  }
  .porduc-con dl,.team-con dl{
      width: 100%;
      margin-right: 0;
  }
  .porduc-con dt,.team-con dt{
      width: 93%;
  }
  .lxfs{
      padding-top: 0;
  }
  .call li{
      width:calc(50% - 10px);
      margin-bottom: 20px;
      height: 148px;
  }
  .call li:nth-child(2n){
      margin-right: 0;
  }
  .call p{
      text-align: center;
      width: 94%;
      padding-left: 0;
      margin: 0 auto;
  }
  .map{
      width: 100%;
  }
  .mass-inp{
      width: 200px;
  }
  #content{
      width: 500px;
  }
  .vdcode{
      width: 100px;
  }
  .codeimg{
      left: 128px;
  }
}


@media screen and (max-width: 430px){
    .w,.coer-lb{
        width: 94%;
    }
    .fl,.fr{
        float: none;
    }
    .banner,.banners{
        width: 100%;
    }
    .banner{
        height: 166px;
    }
    /*.banners{*/
    /*    height:200px;*/
    /*}*/
    .banners img{
        width: 100%;
    }
    .banner-1{
        display: none;
    }
    .banner-2{
        display: block;
    }
    .cpym{
        margin-left: 5%;
    }
    .hamburger{
      margin-left: 352px;
    }
    .nav-menu{
        top: 187px;
        width: 100%;
        height: 400px;
        text-align: right;
        z-index: 99;
    }
    .nav-menu li{
        width: 100%;
        border-bottom:1px solid #f1f1f1;
    }
    .nav-menu li a{
        padding-right: 30px;
    }
    .sub-nav{
        top: 0;
        border: none;
        background: none;
    }
    .sub-nav li{
        border-bottom:none;
    }
    .top-show,.navbar-nav,.key-words,.coer-lb h2,.fo-nav,.co-pone,.news-lb h2,.info-1,.proce dl:before{
        display: none;
    }
    .copyright{
        height: 162px;
        border-top:1px solid #888;
    }
    .co-malid{
        padding: 25px 0;
    }
    .co-malid span{
        line-height: 28px;
    }
    
  .top-con{
      width: 100%;
  }
  .logo{
      margin: 0 auto;
  }
 .logo a{
      left: -10px;
  }
  .top-tle{
      top:0;
      left: 120px;
  }
  .top-tle h2{
      font-size: 14px;
  }
  .top-tle span{
      font-size: 20px;
      line-height: 36px;
  }
  .pone{
      height: 49px;
      top: 57px;
      left: 119px;
  }
  .pone p{
      margin-left: 0;
  }
  .cour-photo{
      height: 1900px;
  }
  .cour-pt,.cour-phr{
      width: 100%;
      height: 400px;
  }
  .title-l b{
      left: 205px;
  }
  .title-l:before{
      left: 64px;
  }
  .adva .title p{
      line-height: 22px;
      letter-spacing:0;
  }
  .organ{
      width: 100%;
  }
  .organ ul{
      width: 100%;
  }
  .organ li{
      width: 100%;
      height: 400px;
      float: none;
  }
  .organ li:hover{
      width: 100%;
  }
  .hov-con{
      margin-top: 140px;
  }
  .cus-litie p{
      padding-left: 0;
      left: 30%;
  }
  .custom{
      height: auto;
  }
  .custom:before{
      height:1105px;
  }
  .cus-con li{
      width:calc(50% - 10px);
      margin-bottom: 20px;
      margin-right: 20px;
  }
  .cus-con li:nth-child(2n){
      margin-right: 0;
  }
  .cus-con li:nth-child(3){
      margin-right: 20px;
  }
  .mt-tabpage{
      width: 100%;
  }
  .mt-tabpage-cont__wrap{
      width: 100%;
  }
  .mt-tabpage-count{
      width: 100%;
      height: 965px;
  }
  .mt-tabpage-item{
      width: 100% !important;
  }
  .details{
      width:100%;
      margin-top: 15px;
  }
  .details-img{
      width: 100%;
  }
  .leftBox{
      width: 100%;
      float: none;
  }
  .normalBox{
      width: 100%;
      height: 100%;
  }
  .details-title{
      width:100%;
      margin-right: 0;
  }
  .details-title p{
      width: 100%;
  }
  .details-title a{
      left: 284px;
      top: 0;
  }
  .details-con{
      width: 100% !important;
      margin-top: 0;
  }
  .details-con p img{
      width: 100% !important;
      height: auto !important;
  }
  .recom{
      width:100%;
      height: 375px;
      overflow: hidden;
  }
  .recom-title{
      width: 100%;
  }
  .recom-con li{
      width: calc(50% - 12px);
      margin-bottom: 20px;
      margin-right: 20px;
  }
  .recom-con li:nth-child(2){
      margin-right: 0;
  }
  .recom-con dl{
      width: 100%;
  }
  .recom-con dt{
      width: 100%;
  }
  .cplb-con{
      width: 96%;
  }
  .new-1{
      width: 100%;
  }
  .new-l,.new-r{
     width: 100%; 
  }
  .a-img{
      height: 354px;
  }
  .new-r{
      margin-left: 0;
      margin-top: 24px;
  }
  .about{
      height: 726px;
  }
  .about-p,.about-w,.about-w p{
      width: 100%;
  }
  .about-w{
      top: 335px;
  }
  .about-t{
      display: none;
  }
  .cour-pt{
      margin-bottom: 20px;
  }
  .cour-phr li{
      width: 100%;
      float: none;
      margin-right: 0;
      margin-bottom: 20px;
  }
  
  .coer-lb{
      margin-bottom: 15px;
  }
  .coer-lb li{
      float: left;
      margin-right:15px;
  }
  .coer-lb li a{
      width: auto;
      padding: 10px 15px;
  }
  .cour-ph{
      width: 100%;
      padding-right: 0;
  }
  .cplb li{
      width: 100%;
      margin-right: 0;
  }
  .cplb li a p{
      width: 90%;
  }
  .public-nav ul{
      width: 100%;
      background: none;
  }
  .public-nav li{
      margin-bottom: 15px;
      margin-top: 0;
  }
  .public-nav li a{
      padding: 10px 20px;
  }
  .public-nav li .nav-fist{
      background:#cfa54f;
      color: #fff;
      border-radius: 5px;
  }
  .custom-page{
      height: 650px;
  }
  .custom-con dl{
      width: 100%;
      height: 284px;
      margin-bottom: 15px;
  }
  .custom-con dd{
      width: 339px;
      height: 185px;
      padding: 50px 26px;
  }
  .proo li{
      width: 181px;
      margin-right: 19px;
      margin-bottom: 18px;
  }
  .proo li:nth-child(2n){
      margin-right: 0;
  }
  .proo li:nth-child(2n+1){
      margin-right: 19px;
  }
  .proo li:before{
      content: none;
  }
  .proo h3{
      left: 41%;
  }
  .proo p{
      left: 30%;
  }
  .proo span{
      width: 100%;
  }
  .advant li{
      width: 100%;
      height: 258px;
  }
  .advant li:nth-child(2),.advant li:nth-child(6),
  .advant li:nth-child(10){
      margin-bottom: 20px;
  }
  .advant-con{
      width: 100%;
      left: 20px;
      margin-top: 20px;
  }
  .advant-con h2,#advant-1{
      width: 90%;
  }
  .advant-con h2 span{
      font-size: 18px;
  }
  #advant-1{
      line-height: 26px;
  }
  .ab{
      height: 1020px;
      background: none;
  }
  .ab-con,.about-con dt{
      width: 100%;
      top: 30px;
  }
  .about-con{
      height: 1020px;
  }
  .news-lb,.news-ph{
      width: 100%;
  }
  .news-lb{
      height: 60px;
  }
  .lb li a{
      width: auto;
      border-radius: 5px;
      padding: 15px;
  }
  .news-fist-1 dl{
      height: auto;
      clear: both;
  }
  .news-fist-1 dt{
      margin-left: 20px;
      margin-top: 20px;
      width: 90%;
  }
 .news-fist-1 dd p{
     width: 96%;
 }
  .news-fist-1 dd{
      margin-top: 0;
      padding-left: 20px;
  }
  #news-a{
      float: none;
      width: 68px;
      margin-bottom: 15px;
  }
  .lb{
      width: 100%;
  }
  .news-lb a{
      width: 20%;
      padding: 15px;
  }
  #news-con{
      width: 100%;
  }
  .info-2{
      width: 100%;
  }
  .new-con p,.new-con p img{
      width: 100% !important;
  }
  .porduc-con,.team-con{
      height: 2566px;
      margin-bottom: 20px;
  }
  .porduc-con dl,.team-con dl{
      width: 100%;
      margin-right: 0;
  }
  .porduc-con dt,.team-con dt{
      width: 93%;
  }
  .join-con{
      height: 640px;
  }
  .join-con dl{
      width: 240px;
      margin: 20px 75px;
  }
  .join-con dd{
      width: 100%;
  }
  .advan-con{
      height:400px;
      padding-bottom: 20px;
      margin-bottom: 0;
  }
  .advan-con li{
      width: calc(50% - 10px);
      margin-right: 20px;
      margin-left: 0;
  }
  .advan-con li:nth-child(2n){
      margin-right: 0;
  }
  .advan-con li:nth-child(2n+1){
       margin-right: 20px;
  }
  .proce{
      width: 100%;
      padding:30px 0;
  }
  .proce dl{
      width:calc(50% - 12px);
      margin-right: 20px;
  }
  .proce dl:nth-child(2n){
      margin-right: 0;
  }
  .lxfs{
      padding-top: 0;
  }
  .call li{
      width:calc(50% - 12px);
      margin-bottom: 20px;
  }
  .call li:nth-child(2n){
      margin-right: 0;
  }
  .call p{
      text-align: center;
      width: 94%;
      padding-left: 0;
      margin: 0 auto;
  }
  .map{
      width: 100%;
  }
  .mass-inp{
      width: 200px;
  }
  #content{
      width: 230px;
  }
  .vdcode{
      width: 90px;
  }
  .codeimg{
      left: 110px;
  }
}