@media only screen and (max-width: 1680px) {
  .content{
    width: 13rem;
  }


  /*首页*/
  .nav li{
    padding: 0 0.2rem;
  }
  .bn_bot .swiper-pagination{
    width: 86%;
  }
  .about_top{
    width: 8.5rem;
    font-size: 0.5rem;
    line-height: 0.8rem;
  }
  .about_tt{
    width: 6rem;
  }
  .about{
    width: 6rem;
  }
  .videoBtn{
    right: 5rem;
  }
  .case{
    width: 90%;
  }
  .case_pic{
    height: 1.2rem;
  }
  .news_left{
    width: 4.1rem;
  }
  .news_pic{
    height: 3.46rem;
  }
  .news_right{
    width: 8.54rem;
  }
  .news_right li{
    width: 4.1rem;
  }
  .news_img{
    height: 2.57rem;
  }
  .news_line{
    padding: 0.21rem 0.15rem;
  }
  .f_nav li{
    width: 1.1rem;
  }
  .foot_r{
    width: 4rem;
  }


  /* 关于我们 */
  .honor_tl{
    width: 5.2rem;
    top: 0;
  }
  .honor_list{
    width: 50%;
  }
  .honor_list li{
    height: 1.8rem;
  }
  .honor img{
    height: 1.8rem;
  }
}

@media only screen and (max-width: 1024px) {
  .content{
    width: 95%;
  }


  /*首页*/
  .nav{
    display: none;
  }
  .header.down .menu span{
    background: #0050b1;
  }
  .ind .menu span{
    background: #fff;
  }
  .menu {
	  position: absolute;
	  top: 0.4rem;
	  right: 0.3rem;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  flex-direction: column;
	  width: 0.4rem;
	  height: 0.5rem;
	  transition: transform 250ms ease;
	  cursor: pointer;
	  z-index: 200;
		display: block;
	}
	.menu span {
	  position: relative;
	  display: block;
	  width: 100%;
	  height: 2px;
    margin-top: 0.03rem;
	  background: #0050b1;
	  transition: transform 250ms ease;
	  z-index: 200;
	}
  .menu span:nth-of-type(1) {
    transform: translateY(-6px);
  }
  .menu span:nth-of-type(3) {
    transform: translateY(6px);
  }
  #menu {
    display: none;
  }
  #menu:checked ~ .menu {
    background-color: transparent;
    transition: transform 250ms ease;
  }
  #menu:checked ~ .menu span {
    background-color: #fff !important;
    transition: transform 250ms ease;
    margin: 0;
  }
  #menu:checked ~ .menu span:nth-of-type(1) {
    transform: translateY(1px) rotate(45deg);
    width: 100% !important;
  }
  #menu:checked ~ .menu span:nth-of-type(2) {
    display: none;
  }
  #menu:checked ~ .menu span:nth-of-type(3) {
    transform: translateY(-1px) rotate(-45deg);
    width: 100% !important;
  }
  #menu:checked ~ .nav02 {
    display: block;
    transition: 500ms ease;
  }
	.nav02 {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 6% 0;
    box-sizing: border-box;
    overflow-y: scroll;
    background: #005aff;
    transition: 500ms ease;
    z-index: 99;
    display: none;
  }
	.nav02 li {
    position: relative;
    display: block;
    border-bottom: 1px dashed rgba(255, 255, 255, 0.38);
    font-size: 0.3rem;
    line-height: 0.9rem;
    text-indent: 5%;
    color: #fff;
  }
  .nav02 li h1{
    font-size: 0.3rem;
    line-height: 0.8rem;
    font-weight: normal;
    background: url(../images/arrow_01.png) no-repeat 95% center;
    background-size: 0.15rem 0.26rem;
  }
  .nav02 li.current h1 {
    background: url(../images/arrow_02.png) no-repeat 95% center;
    background-size: 0.26rem 0.15rem;
  }
  .nav03 {
    width: 100%;
    margin: 0 0 0.3rem 0;
    display: none;
  }
  .nav03 li {
    border: none;
    font-weight: normal !important;
    line-height: 0.7rem;
    font-size: 0.28rem;
    text-indent: 5%;
    color: rgba(255, 255, 255, 0.8);
  }
  .search_pic{
    right: 0.8rem;
  }
  .banner_txt h1{
    font-size: 0.5rem;
    line-height: 0.7rem;
  }
  .banner_txt h2{
    font-size: 0.3rem;
    line-height: 0.5rem;
  }
  .bn_list h4{
    font-size: 0.2rem;
    line-height: 0.36rem;
  }
  .bn_bot{
    bottom: 0.3rem;
  }
  .bn_bot .swiper-pagination{
    width: 84%;
  }
  .about_box{
    height: auto;
  }
  .about_pic{
    height: 6rem;
    position: relative;
  }
  .about_bg{
    background: none;
    position: static;
  }
  .about_list{
    position: static;
    transform: translateY(0);
    width: 100%;
  }
  .about_list ul{
    display: flex;
	  justify-content: space-between;
  }
  .about_top{
    width: 100%;
    font-size: 0.4rem;
	  line-height: 0.6rem;
  }
  .about_tt{
    width: 100%;
  }
  .about{
    width: 100%;
  }
  .videoBtn{
    left: 50%;
    transform: translateX(-50%);
    right: auto;
  }
  .product_tit{
    float: none;
    width: 100%;
    text-align: center;
  }
  .pro_type{
    float: none;
    width: 100%;
  }
  .product .swiper-button-prev{
    left: 0.3rem;
  }
  .product .swiper-button-next{
    right: 0.3rem;
  }
  .product_pic{
    height: 4rem;
  }
  .product_bot{
    width: 90%;
    padding: 0.24rem;
    left: 5%;
  }
  .product_txt{
    height: 0.6rem;
    margin-top: 0.08rem;
    -webkit-line-clamp: 2;
  }
  .product_more{
    display: none;
  }
  .case_bg{
    height: 10rem;
  }
  .case_top{
    top: 1rem;
  }
  .case_con{
    top: 4.8rem;
	  left: 0.8rem;
  }
  .case_sjs{
    width: 90%;
  }
  .news_left{
    width: 32%;
  }
  .news_pic{
    height: 3rem;
  }
  .news_right{
    width: 66%;
  }
  .news_right ul{
    margin-right: -3%;
  }
  .news_right li{
    width: 47%;
    margin-right: 3%;
  }
  .news_img{
    height: 2rem;
  }

  .f_nav{
    float: none;
    width: 100%;
    margin-bottom: 0.5rem;
  }
  .f_nav ul{
    display: flex;
	  justify-content: space-between;
  }
  .f_nav li{
    width: auto;
  }
  .f_nav li ul{
    display: block;
  }
  .foot_r{
    float: none;
    width: 100%;
  }


  /* 产品中心 */
  .bn_txt{
    top: 20%;
    transform: translateY(-20%);
  }
  .bn_txt h1{
    font-size: 0.46rem;
    line-height: 0.6rem;
  }
  .bn_txt i{
    margin: 0.17rem 0;
  }
  .bn_txt h2{
    font-size: 0.24rem;
    line-height: 0.4rem;
  }
  .bn_txt h3{
    font-size: 0.2rem;
    line-height: 0.3rem;
  }
  .pro_pic{
    height: 3rem;
  }


  /* 匠心品质 */
  .bn_txt02{
    text-align: center;
  }
  .bn_txt02 i{
    margin: 0.2rem auto;
  }


  /* 工程案例 */
  .case_t ul{
    margin-left: -0.3rem;
  }
  .case_t li{
    padding: 0 0.45rem;
	  margin-right: 0.45rem;
  }
  .case_tu{
    height: 2.2rem;
  }


  /* 新闻资讯 */
  .news_tu{
    height: 3rem;
  }


  /* 关于我们 */
  .about_txt{
    width: 100%;
    text-align: justify;
  }
  .about_img{
    height: 5rem;
  }
  .brand_top{
    width: 95%;
  }
  .brand{
    width: 90%;
  }
  .brand_pic{
    height: 4.4rem;
  }
  .brand_right{
    height: 4.4rem;
    padding: 0.34rem 0.6rem;
  }
  .brand_t span{
    display: block;
  }
  .brand02{
    width: 95%;
  }
  .honor_tl{
    width: 4rem;
  }
  .honor_txt{
    font-size: 0.2rem;
    line-height: 0.4rem;
  }
  .honor_list li{
    height: 1.4rem;
  }
  .honor img{
    height: 1.4rem;
  }
  .culture{
    width: 100%;
    height: 5.4rem;
  }
  .culture .swiper-slide{
    height: 2.6rem;
  }
  .culture_pic{
    height: 2.6rem;
  }


  /* 联系我们 */
  .hotline ul{
    margin-right: 0;
  }
  .hotline li{
    float: none;
    width: 100%;
    margin: 0 0 0.4rem;
  }
  .mes_yzm{
    width: 70%;
  }
  .yzm{
    width: 28%;
  }
}

@media only screen and (max-width: 1023px) {
  body{
    font-size: 0.26rem;
  }
  img{
    width: 100%;
  }
  .pc{
    display: none;
  }
  .phone{
    display: block;
  }
  

  /*首页*/
  .header{
    height: 1.4rem;
  }
  .logo{
    width: 2.7rem;
    height: 1rem;
    margin-top: 0.16rem;
  }
  .banner{
    height: 100vh;
  }
  .search_pic{
    width: 0.45rem;
    height: 0.45rem;
    top: 0.5rem;
    right: 1rem;
  }
  .menu{
    width: 0.5rem;
    top: 0.6rem;
  }
  .banner_txt{
    top: 30%;
	  transform: translateY(-30%);
  }
  .banner_txt h1{
    font-size: 0.8rem;
    line-height: 1.02rem;
  }
  .banner_txt h2{
    font-size: 0.56rem;
    line-height: 0.82rem;
    margin-bottom: 0.4rem;
  }
  .bn_list li{
    width: 30%;
  }
  .bn_list img{
    width: 0.54rem;
    height: 0.56rem;
  }
  .bn_list h4{
    font-size: 0.28rem;
    line-height: 0.46rem;
  }
  .bn_bot .swiper-pagination{
    width: 78%;
  }
  .about{
    font-size: 0.26rem;
    line-height: 0.46rem;
    height: 2.3rem;
    -webkit-line-clamp: 5;
  }
  .about_list ul{
    display: block;
  }
  .about_list li{
    float: left;
    width: 50%;
    font-size: 0.26rem;
	  line-height: 0.46rem;
  }
  .about_list h1 b{
    font-size: 0.6rem;
    line-height: 0.66rem;
  }
  .about_list h1 span{
    font-size: 0.26rem;
    line-height: 0.42rem;
  }
  .about_more{
    width: 2.7rem;
    height: 0.76rem;
    line-height: 0.76rem;
    font-size: 0.28rem;
    margin: 0 auto;
  }
  .about_pic{
    height: 4rem;
  }
  .video-a3{
    width: 95%;
    height: 50%;
  }
  .pro_type li{
    width: 50%;
    font-size: 0.3rem;
    line-height: 0.38rem;
    margin: 0 0 0.2rem;
  }
  .pro_type i{
    display: none;
  }
  .pro_type div{
    width: 0.4rem;
    height: 0.38rem;
  }
  .product_pic{
    height: 5rem;
  }
  .product_bot{
    width: 75%;
    height: 1.4rem;
    left: 12.5%;
  }
  .product_tt{
    float: none;
    width: 100%;
    text-align: center;
    font-size: 0.24rem;
    line-height: 0.36rem;
    border: none;
    margin-right: 0;
  }
  .product_tt h1{
    font-size: 0.32rem;
    line-height: 0.52rem;
  }
  .product_txt{
    display: none;
  }
  .case_bg{
    height: 13rem;
  }
  .case_type .swiper-slide{
    font-size: 0.3rem;
  }
  .case_con{
    width: 90%;
    top: 6.5rem;
    left: 5%;
  }
  .case_con h1{
    font-size: 0.44rem;
    line-height: 0.6rem;
    height: 0.6rem;
  }
  .case_con i{
    width: 0.8rem;
  }
  .case_con h2{
    font-size: 0.34rem;
    line-height: 0.48rem;
    height: 0.48rem;
    margin-bottom: 0.2rem;
  }
  .case_txt{
    font-size: 0.26rem;
    line-height: 0.4rem;
    height: 1.2rem;
    -webkit-line-clamp: 3;
    margin-bottom: 0.3rem;
  }
  .case_bq{
    padding: 0 0.2rem;
    line-height: 0.5rem;
    font-size: 0.24rem;
    border-radius: 0.06rem;
  }
  .case_w .swiper-button-next{
    right: 0;
  }
  .case_w .swiper-button-prev{
    left: 0;
  }
  .case{
    width: 84%;
  }
  .case_pic{
    height: 2.2rem;
  }
  .case_sjs ul{
    margin-right: -2%;
  }
  .case_sjs li{
    width: 31.33%;
    height: 0.6rem;
    line-height: 0.6rem;
    font-size: 0.28rem;
    margin: 0 2% 0.2rem 0;
  }
  .news_left{
    float: none;
    width: 100%;
    margin-bottom: 0.25rem;
  }
  .news_pic{
    height: 5rem;
  }
  .news_bot{
    height: 1.5rem;
  }
  .news_bot h1{
    font-size: 0.28rem;
    line-height: 0.5rem;
    height: 0.5rem;
  }
  .news_bot div{
    font-size: 0.26rem;
    line-height: 0.5rem;
    height: 0.5rem;
  }
  .news_right{
    float: none;
    width: 100%;
  }
  .news_img{
    height: 2.5rem;
  }
  .news_line h1{
    font-size: 0.28rem;
    line-height: 0.48rem;
    height: 0.48rem;
  }
  .news_line div{
    font-size: 0.28rem;
    line-height: 0.4rem;
  }
  .foot_line{
    display: none;
  }
  .f_nav{
    display: none;
  }
  .gz_box{
    line-height: 0.57rem;
  }
  .gz_box h1{
    font-size: 0.28rem;
  }
  .gz_pic{
    width: 0.57rem;
	  height: 0.57rem;
  }
  .gz_code{
    width: 2rem;
    height: 2rem;
    top: -2.2rem;
    left: -0.7rem;
  }
  .tel img{
    width: 0.6rem;
    height: 0.65rem;
  }
  .tel h1{
    font-size: 0.26rem;
	  line-height: 0.4rem;
  }
  .tel h2{
    font-size: 0.46rem;
    line-height: 0.54rem;
  }
  .copyright{
    line-height: 0.44rem;
    font-size: 0.26rem;
  }
  .pf_bg{
    padding: 0.48rem 0;
  }
  .pf_tit{
    line-height: 0.6rem;
	  font-size: 0.4rem;
  }
  .pf_close{
    width: 0.32rem;
	  height: 0.33rem;
  }
  .pf_list ul{
    margin-right: -3%;
  }
  .pf_list li{
    width: 47%;
    margin: 0 3% 0.15rem 0;
  }


  /* 产品中心 */
  .bn_txt h2{
    font-size: 0.3rem;
    line-height: 0.44rem;
  }
  .bn_txt h3{
    font-size: 0.28rem;
    line-height: 0.4rem;
  }
  .bn_txt h4{
    line-height: 0.36rem;
    font-size: 0.24rem;
  }
  .path{
    line-height: 0.9rem;
    background-size: 0.42rem 0.39rem;
    padding-left: 0.55rem;
    font-size: 0.28rem;
  }
  .type{
    width: 100% !important;
    height: 0.9rem;
  }
  .type ul{
    height: 1.08rem;
    display: flex;
    flex-flow: column wrap;
    overflow-y: hidden;
    overflow-x: scroll;
  }
  .type ul::-webkit-scrollbar {
    display: none;
  }
  .type li{
    width: 40%;
    line-height: 0.96rem;
    min-height: 0.96rem;
    font-size: 0.3rem;
  }
  .subtype_bg{
    margin-top: 0.05rem;
  }
  .subtype_left{
    font-size: 0.28rem;
  }
  .subtype_right li{
    width: 100%;
    line-height: 0.48rem;
    font-size: 0.28rem;
  }
  .pro ul{
    margin-right: -3%;
  }
  .pro li{
    width: 47%;
    margin: 0 3% 0.5rem 0;
  }
  .pro_pic{
    height: 3.4rem;
  }
  .pro_txt{
    line-height: 1rem;
    height: 1rem;
    font-size: 0.28rem;
  }
  .page{
    line-height: 0.52rem;
    font-size: 0.28rem;
  }
  .page span a{
    padding: 0 0.17rem;
  }


  /* 产品详情 */
  .proshow_left{
    float: none;
    width: 100%;
    height: 6rem;
    margin-bottom: 0.2rem;
  }
  .proshow_right{
    float: none;
    width: 100%;
  }
  .proshow_tt{
    font-size: 0.3rem;
    line-height: 0.5rem;
  }
  .proshow_txt{
    font-size: 0.28rem;
    line-height: 0.48rem;
  }
  .white{
    padding: 0.3rem;
    font-size: 0.28rem;
    line-height: 0.48rem;
  }


  /* 匠心品质 */
  .pz_bg{
    padding: 0.3rem;
  }
  .pz_left{
    float: none;
    width: 100%;
  }
  .pz_tit h2{
    font-size: 0.28rem;
	  line-height: 0.46rem;
  }
  .pz_txt{
    font-size: 0.28rem;
    line-height: 0.5rem;
  }
  .pz_pic{
    float: none;
    width: 100%;
  }
  .gy_di{
    width: 100%;
    top: auto;
    bottom: 0.2rem;
  }
  .gy_left{
    float: none;
    width: 100%;
    margin-bottom: 0.5rem;
  }
  .gy_txt{
    font-size: 0.28rem;
    line-height: 0.48rem;
  }
  .gy_right{
    float: none;
    width: 100%;
    height: 5.6rem;
    margin-top: 0;
  }
  .ser_txt{
    font-size: 0.28rem;
    text-align: left;
	  line-height: 0.48rem;
  }
  .ser ul{
    margin-right: 0;
  }
  .ser li{
    float: none;
    width: 100%;
    margin: 0 0 0.4rem;
  }


  /* 工程案例 */
  .case_t{
    width: 100% !important;
  }
  .case_t ul{
    margin-left: 0;
  }
  .case_t li{
    width: 33.33%;
    text-align: center;
    line-height: 0.8rem;
	  min-height: 0.8rem;
    font-size: 0.28rem;
    padding: 0;
    margin: 0;
  }
  .case_t i{
    height: 0.3rem;
  }
  .sjs_type ul{
    margin-right: -2%;
  }
  .sjs_type li{
    width: 31.33%;
    height: 0.7rem;
	  line-height: 0.7rem;
    font-size: 0.28rem;
    margin: 0 2% 0.2rem 0;
  }
  .case_list{
    height: 10rem;
  }
  .case_img{
    height: 10rem;
  }
  .case_b{
    height: 8rem;
  }
  .case_tt{
    font-size: 0.26rem;
  }
  .case_tt h1{
    font-size: 0.32rem;
  }
  .case_tt div{
    height: 0.4rem;
    line-height: 0.4rem;
  }
  .case_text{
    font-size: 0.26rem;
    height: 2.76rem;
    -webkit-line-clamp: 6;
  }
  .sjs_txt div{
    line-height: 0.32rem;
    height: 0.32rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .sjs_txt h1{
    line-height: 0.4rem;
    font-size: 0.28rem;
  }
  .sjs_txt div{
    line-height: 0.4rem;
    height: 0.4rem;
  }
  .case02 ul{
    margin-right: -3%;
  }
  .case02 li{
    width: 47%;
    margin: 0 3% 0.37rem 0;
  }
  .case_tu{
    height: 2.4rem;
  }
  .case_di{
    padding: 0.2rem;
  }
  .case_di h1{
    font-size: 0.3rem;
    line-height: 0.56rem;
	  height: 0.56rem;
  }
  .case_di h2{
    font-size: 0.24rem;
    line-height: 0.46rem;
    height: 0.46rem;
  }
  .case_l{
    font-size: 0.28rem;
  }



  /* 新闻资讯 */
  .news ul{
    margin-right: 0;
  }
  .news li{
    float: none;
    width: 100%;
    border-bottom: solid 0.01rem #e5e5e5;
    padding-bottom: 0.44rem;
    margin: 0 0 0.54rem 0;
  }
  .news li:last-child{
    margin: 0 0 0.1rem 0;
  }
  .news_tu{
    height: 4rem;
    border-radius: 0.1rem;
    margin-bottom: 0.2rem;
  }
  .news_tt{
    font-size: 0.28rem;
    height: 0.88rem;
    white-space: nowrap;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
  }
  .news_date{
    font-size: 0.26rem;
    height: 0.66rem;
    line-height: 0.66rem;
    margin-bottom: 0;
  }
  .news_txt{
    font-size: 0.26rem;
    line-height: 0.4rem;
    height: 1.2rem;
    -webkit-line-clamp: 3;
  }


  /* 新闻详情 */
  .newsshow_top{
    font-size: 0.28rem;
  }
  .newsshow_top h1{
    margin-bottom: 0.1rem;
  }
  .newsshow{
    font-size: 0.28rem;
    line-height: 0.48rem;
  }


  /* 关于我们 */
  .about_type ul{
    margin-right: 0;
  }
  .about_type li{
    font-size: 0.28rem;
    padding: 0 0.1rem;
	  margin-right: 0;
  }
  .about_txt{
    line-height: 0.48rem;
    font-size: 0.28rem;
  }
  .brand_pic{
    float: none;
    width: 100%;
    height: 5.4rem;
  }
  .brand_right{
    float: none;
    width: 100%;
    height: auto;
  }
  .honor_tl{
    width: 100%;
    position: static;
    top: auto;
    left: auto;
  }
  .honor_list{
    display: none;
  }
  .honor_txt{
    font-size: 0.3rem;
    line-height: 0.5rem;
  }
  .honor img{
    height: 2.2rem;
  }
  .culture{
    height: 5.6rem;
  }
  .culture_pic{
    height: 2.6rem;
  }


  /* 联系我们 */
  .hotline_tit{
    font-size: 0.26rem;
  }
  .hotline li{
    font-size: 0.28rem;
    line-height: 0.42rem;
  }
  .hotline img{
    width: 0.88rem;
    height: 0.88rem;
  }
  .hotline h1{
    font-size: 0.28rem;
    line-height: 0.46rem;
  }
  .mes_left{
    float: none;
    width: 100%;
    margin-bottom: 0.2rem;
  }
  .mes_right{
    float: none;
    width: 100%;
  }
  .mes_name{
    height: 0.8rem;
    line-height: 0.8rem;
    font-size: 0.28rem;
  }
  .mes_yzm{
    height: 0.8rem;
    line-height: 0.8rem;
    font-size: 0.28rem;
  }
  .yzm{
    height: 0.8rem;
	  line-height: 0.8rem;
  }
  .mes_ly{
    height: 3rem;
    line-height: 0.46rem;
    font-size: 0.28rem;
  }
  .btn_submit{
    width: 3rem;
    height: 0.8rem;
    border-radius: 0.8rem;
    font-size: 0.28rem;
  }
}