@media only screen and (max-width: 1024px) {
  img{
    width: 100%;
  }
  .content{
    width: 92%;
  }
  /*首页*/
  .header{
    width: 100%;
    background: #fff;
    box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
  }
  .logo{
    margin: 0.17rem 0 0 0.3rem;
  }
  .nav{
    display: none;
  }
  .tel{
    display: none;
  }
  .menu {
	  position: absolute;
	  top: 0.4rem;
	  right: 0.3rem;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  flex-direction: column;
	  width: 0.5rem;
	  height: 0.6rem;
	  transition: transform 250ms ease;
	  cursor: pointer;
	  z-index: 200;
		display: block;
	}
	.menu span {
	  position: relative;
	  display: block;
	  width: 100%;
	  height: 4px;
	  background: #e81a2f;
	  border-radius: 10px;
	  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;
    transition: transform 250ms ease;
  }
  #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(-3px) 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: #252525;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
    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.28rem;
    line-height: 0.9rem;
    text-indent: 5%;
    color: #fff;
  }
  .nav02 h1{
    font-size: 0.28rem;
    line-height: 0.9rem;
    font-weight: normal;
  }
  .nav02 ul li a {
    position: relative;
    display: block;
    text-decoration: none;
    text-transform: uppercase;
  }
  .nav02 ul li a:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    transition: width 250ms ease;
    z-index: -1;
  }
  .nav03{
    display: none;
    padding-bottom: 0.2rem;
  }
  .nav03 li{
    border: none;
    line-height: 0.7rem;
    color: rgba(255, 255, 255, 0.5);
  }
	.banner,.main_bn{
		margin-top: 0.9rem;
	}
  .banner .swiper-pagination{
    bottom: 0.2rem;
  }

  .about_left{
    width: 55%;
  }
  .about_pic{
    width: 42%;
    height: 5rem;
  }
  .about_list li{
    width: 22%;
    padding-right: 4%;
    margin-right: 4%;
  }
  .about_list li:last-child{
    width: 22%;
  }
  .more{
    background: #fe0000;
	  border: solid 0.01rem #fe0000;
    color: #fff;
  }

  .product_pic{
    height: 2rem;
  }
  .case_pic{
    height: 1.7rem;
  }
  .news_left{
    width: 47%;
  }
  .news_rightbg{
    width: 50%;
  }

  .bd_box{
    width: 100%;
  }
  .name{
    width: 45.5%;
    margin: 0 0 0.3rem 3%;
  }
  .mes{
    width: 73%;
    margin: 0 3%;
  }
  .btn_submit{
    width: 18%;
  }
  .f_nav{
    width: 4rem;
  }
  .f_nav li{
    width: 33.333%;
  }
  .f_nav li:nth-child(3){
    display: block;
  }
  .f_nav li:nth-child(4){
    width: 33.333%;
  }
  .f_nav li ul{
    display: none;
  }


  /* 产品中心 */
  .pro ul{
    margin-right: -2%;
  }
  .pro li{
    width: 23%;
    margin: 0 2% 0.3rem 0;
  }


  /* 资讯中心 */
  .news_r{
    width: 5.8rem;
  }


  /* 经典案例 */
  .m_case ul{
    margin-right: -2%;
  }
  .m_case li{
    width: 23%;
    margin: 0 2% 0.3rem 0;
  }
  .m_case .case_pic{
    height: 1.5rem;
  }


  /* 招贤纳士 */
  .join_txt,.join_fon{
    width: 6rem;
  }


  /* 联系我们 */
  .contact{
    float: none;
    width: 100%;
    margin-bottom: 1rem;
  }
  .map_bg{
    float: none;
    width: 97%;
  }
  .map{
    width: 100%;
  }
}

@media only screen and (max-width: 1023px) {
  .pc{
    display: none;
  }
  .phone{
    display: block;
  }
  /* 首页 */
  .header{
    height: 1.05rem;
  }
  .logo{
    width: 3.86rem;
	  height: 0.76rem;
    margin: 0.17rem 0 0 0.3rem;
  }
  .menu {
	  top: 0.45rem;
	  width: 0.6rem;
	  height: 0.6rem;
	}
	.menu span {
	  height: 3px;
	}
  .banner,.main_bn{
		margin-top: 1.05rem;
	}

  .about_left{
    float: none;
    width: 100%;
    margin-bottom: 0.5rem;
  }
  .about_tit h1{
    font-size: 0.45rem;
  }
  .about_tit div{
    font-size: 0.3rem;
    line-height: 0.44rem;
  }
  .about{
    font-size: 0.28rem;
    line-height: 0.44rem;
    height: 3.08rem;
  }
  .more{
    width: 2rem;
    height: 0.64rem;
    line-height: 0.64rem;
    font-size: 0.28rem;
  }
  .about_pic{
    float: none;
    width: 100%;
    height: 4rem;
  }
  .about_list li{
    width: 47%;
    position: relative;
    padding-right: 6%;
    margin: 0 5% 0.4rem 0;
  }
  .about_list li:nth-child(2){
    padding: 0;
    margin: 0 0 0.4rem 0;
  }
  .about_list li:nth-child(2) i{
    display: none;
  }
  .about_list li:last-child{
    width: 47%;
    padding: 0;
    margin: 0 0 0.4rem 0;
  }
  .about_list li:last-child i{
    display: none;
  }
  .about_list h1{
    line-height: 0.5rem;
    font-size: 0.26rem;
  }
  .about_bot{
    height: 0.54rem;
    line-height: 0.54rem;
    color: #262626;
    font-size: 0.18rem;
    font-weight: bold;
  }
  .about_bot{
    font-size: 0.28rem;
  }
  .about_bot h4{
    font-size: 0.5rem;
  }
  .about_bot img{
    width: 0.4rem;
    height: 0.4rem;
    margin-top: 0.12rem;
  }

  .title h1{
    line-height: 0.8rem;
  }
  .title h2{
    font-size: 0.24rem;
    line-height: 0.36rem;
  }
  .title i{
    width: 0.3rem;
    margin: 0.1rem auto;
  }
  .title_txt{
    font-size: 0.28rem;
    line-height: 0.48rem;
  }
  .title_txt i{
    width: 1rem;
  }
  .product_tab li{
    float: left;
    width: 33.333%;
    font-size: 0.28rem;
  }
  .product_tab li:nth-child(3){
    background: none;
  }
  .product_pic{
    height: 3rem;
  }
  .product_txt{
    font-size: 0.28rem;
  }
  .case_pic{
    height: 2rem;
  }
  .case_bg:hover .case_pic{
    border: none;
  }
  .case_w h1{
    font-size: 0.3rem;
    line-height: 0.6rem;
    height: 0.6rem;
  }
  .case_w i{
    width: 0.3rem;
  }
  .case_txt{
    font-size: 0.26rem;
    line-height: 0.36rem;
    height: 0.72rem;
  }
  .case_w img{
    width: 0.35rem;
    height: 0.1rem;
  }

  .news_left{
    float: none;
    width: 100%;
    margin-bottom: 0.5rem;
  }
  .news_pic{
    height: 2rem;
  }
  .news_w h4{
    font-size: 0.28rem;
    line-height: 0.46rem;
    height: 0.92rem;
  }
  .news_txt{
    font-size: 0.26rem;
    line-height: 0.36rem;
    height: 0.72rem;
  }
  .news_date{
    font-size: 0.26rem;
    line-height: 0.4rem;
  }
  .news_more{
    font-size: 0.26rem;
    line-height: 0.4rem;
  }
  .news_rightbg{
    float: none;
    width: 100%;
  }
  .news_list{
    height: 6.32rem;
  }
  .news_list .swiper-slide h4{
    font-size: 0.28rem;
  }

  .foot_txt{
    padding: 0 0.3rem;
    font-size: 0.24rem;
	  line-height: 0.38rem;
  }
  .foot_txt h1{
    line-height: 0.8rem;
    font-size: 0.3rem;
  }
  .name{
    height: 0.6rem;
    line-height: 0.6rem;
    font-size: 0.24rem;
  }
  .mes{
    height: 0.6rem;
    line-height: 0.6rem;
    font-size: 0.24rem;
  }
  .btn_submit{
    height: 0.6rem;
    font-size: 0.24rem;
  }
  .f_nav{
    display: none;
  }
  .foot_r{
    width: 40%;
  }
  .f_tel h4{
    font-size: 0.24rem;
  }
  .f_tel span{
    font-size: 0.35rem;
    line-height: 0.4rem;
  }
  .gz_tit{
    font-size: 0.24rem;
  }
  .gz li{
    margin-right: 0.2rem;
  }
  .code{
    width: 1.4rem;
    height: 1.4rem;
    top: -1.5rem;
    left: -0.46rem;
  }
  .copyright{
    font-size: 0.24rem;
    line-height: 0.4rem;
    padding: 0.3rem;
  }


  /* 关于我们 */
  .about_txt{
    font-size: 0.26rem;
  }


  /* 产品中心 */
  .pro ul{
    margin-right: -3%;
  }
  .pro li{
    width: 47%;
    margin: 0 3% 0.3rem 0;
  }


  /* 资讯中心 */
  .news_img{
    width: 46%;
    height: 1.9rem;
  }
  .news_r{
    width: 50%;
    font-size: 0.26rem;
    line-height: 0.38rem;
  }
  .news_r h1{
    font-size: 0.28rem;
  }
  .news_txt{
    height: 0.76rem;
  }
  .news_more img{
    margin: 0.15rem 0 0 0.12rem;
  }

  .text_tt{
    font-size: 0.28rem;
    line-height: 0.44rem;
  }
  .show_pic{
    width: 60%;
  }
  .text{
    font-size: 0.28rem;
    line-height: 0.44rem;
  }
  .fanye a{
    font-size: 0.28rem;
    line-height: 0.44rem;
  }


  /* 经典案例 */
  .m_case ul{
    margin-right: -0.3rem;
  }
  .m_case li{
    width: 47%;
    margin: 0 3% 0.3rem 0;
  }


  /* 招贤纳士 */
  .join_top{
    font-size: 0.28rem;
  }
  .join_txt,.join_fon{
    font-size: 0.26rem;
    line-height: 0.44rem;
    margin-bottom: 0.5rem;
  }


  /* 联系我们 */
  .contact h1{
    font-size: 0.29rem;
  }
  .contact li{
    font-size: 0.26rem;
    line-height: 0.44rem;
  }
}