@media only screen and (max-width: 1024px) {
  .content{
    width: 94%;
  }

  /* 首页 */
  .head{
    padding: 0 1rem 0 0.3rem;;
  }
  .ind_head .head{
    padding: 0 1.04rem 0 0.3rem;
  }
  .logo{
    margin-top: 0.23rem;
  }
  .search_img{
    margin-top: 0.4rem;
  }
  .nav,.navmenu{
    display: none;
  }
  .menu {
	  position: absolute;
	  top: 0.5rem;
	  right: 0.3rem;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  flex-direction: column;
	  width: 0.35rem;
	  height: 0.6rem;
	  transition: transform 250ms ease;
	  cursor: pointer;
	  z-index: 200;
		display: block;
	}
	.menu span {
	  position: relative;
	  display: block;
	  width: 100%;
	  height: 2px;
	  background: #121212;
	  border-radius: 10px;
	  transition: transform 250ms ease;
	  z-index: 200;
	}
  .menu.bai span{
    background: #fff;
  }
  .menu span:nth-of-type(1) {
    transform: translateY(-6px);
    width: 80%;
  }
  .menu span:nth-of-type(2){
    width: 80%;
    margin-left: 20%;
  }
  .menu span:nth-of-type(3) {
    transform: translateY(6px);
    width: 80%;
  }
  #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(-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: #0b4a8a;
    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 li a {
    position: relative;
    display: block;
    margin: 0;
    text-decoration: none;
    text-transform: uppercase;
  }
  .nav02 li a:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    transition: width 250ms ease;
    z-index: -1;
  }
  .nav02 li h1{
    font-size: 0.28rem;
    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.26rem;
    text-indent: 5%;
    color: rgba(255, 255, 255, 0.7);
  }

  .about_tit{
    margin-bottom: 0.3rem;
  }
  .about_list{
    margin-top: 0.4rem;
  }
  .videoBtn{
    top: 10%;
    transform: translateY(-10%);
    right: 2.5rem;
  }

  .product .swiper-slide{
    height: 5rem;
  }

  .news_pic{
    height: 2.2rem;
  }
  .news_bot .line{
    width: 90%;
  }

  .pro .swiper-slide{
    width: auto;
    height: 4rem;
  }
  .pro .swiper-slide:hover{
    width: auto;
  }
  .pro .swiper-slide:hover .pro_pic{
    left: auto;
  }
  .pro_pic{
    width: 100%;
    height: 4rem;
    position: static;
    top: auto;
    left: auto;
  }
  .honor_left{
    width: 50%;
  }
  .honor_right{
    width: 47%;
  }
  
  .f_nav{
    display: none;
  }


  /* 产品与应用 */
  .type li{
    width: 1.4rem;
    margin: 0 0.04rem;
  }
  .pro_list ul{
    margin-right: -3%;
  }
  .pro_list li{
    width: 47%;
    margin: 0 3% 0.4rem 0;
  }
  .pro_tm{
    display: none;
  }
  .pro_list li:hover .pro_bot{
    background: #fff;
    border: solid 0.01rem #e6e6e6;
    color: #333;
  }
  .pro_list li:hover .img01{
    display: block;
  }
  .pro_list li:hover .img02{
    display: none;
  }


  /* 产品详情 */
  .proshow_left{
    float: none;
    margin: 0 auto 0.5rem;
  }
  .proshow_right{
    float: none;
    width: 100%;
  }
  .proshow_con{
    height: auto;
    padding-right: 0;
    overflow-y:visible;
  }
  .fanye ul{
    margin-right: 0;
  }
  .fanye li{
    float: none;
    width: 100%;
    background:none;
    padding: 0;
    margin: 0 0 0.2rem 0;
  }
  .fanye li:last-child{
    text-align: left;
    background:none;
    padding: 0;
  }
  .fanye02 ul{
    margin-right: 0;
  }
  .fanye02 li{
    float: none;
    width: 100%;
    background:none;
    padding: 0;
    margin: 0 0 0.2rem 0;
  }
  .fanye02 li:last-child{
    text-align: left;
  }


  /* 公司新闻 */
  .news_list ul{
    margin-right: -3%;
  }
  .news_list li{
    width: 47%;
    height: auto;
    margin: 0 3% 0.64rem 0;
  }
  .news_list .news_pic{
    height: 3.3rem;
  }
  .news_list li:hover .news_date{
    height: 0.54rem !important;
    margin-bottom: 0.42rem;
    opacity: 1;
  }
  .news_list li:hover .news_tt{
    display: block;
  }
  .news_list li:hover .news_txt{
    display: block;
  }
  .news_list li:hover .news_pic{
    height: 3.32rem;
  }
  .news_list li:hover .news_tm{
    display: none;
  }
  .news_tm{
    display: none;
  }


  /* 联系我们 */
  .contact_left{
    float: none;
    width: 100%;
    height: auto;
    margin-bottom: 0.4rem;
  }
  .map{
    float: none;
    width: 100%;
  }
  .m20{
    margin-bottom: 0;
  }
  .mess{
    width: 100%;
    height: 0.8rem;
    line-height: 0.8rem;
    margin-bottom: 0.2rem;
  }
  .yzm_box{
    width: 100%;
    height: 0.8rem;
    margin-bottom: 0.2rem;
  }
  .yzm_box .mess{
    width: 85% !important;
  }
  .yzm{
    width: 80%;
    height: 0.8rem;
    line-height: 0.8rem;
  }
  .yzm_img{
    width: 18%;
    height: 0.75rem;
    line-height: 0.75rem;
  }


  /* 关于我们 */
  .about_bg{
    height: auto;
    padding: 1rem 0;
  }
  .about_left{
    float: none;
    width: 100%;
    padding-top: 0;
    margin-bottom: 0.5rem;
  }
  .about_pic{
    float: none;
    width: 100%;
    height: 5.41rem;
  }
  .a_list ul{
    margin-right: -3%;
  }
  .a_list li{
    width: 22%;
    margin-right: 3%;
  }

  .culture ul{
    margin-right: -2%;
  }
  .culture li{
    width: 31.33%;
    height: 5rem;
    margin-right: 2%;
  }
  .culture_bg{
    padding: 1.2rem 0.1rem 0;
  }

  .jiagou{
    width: 90%;
  }
}

@media only screen and (max-width: 1023px) {
  body {
    font-size: 0.26rem;
  }
  img{
    width: 100%;
  }
  .pc{
    display: none;
  }
  .phone{
    display: block;
  }

  /* 首页 */
  .ind_head .head{
    padding: 0 1.2rem 0 0.3rem;
  }
  .logo{
    width: 2.4rem;
    margin-top: 0.2rem;
  }
  .search_img{
    width: 0.4rem;
    height: 0.42rem;
    margin-top: 0.3rem;
  }
  .menu{
    width: 0.5rem;
    top: 0.47rem;
  }
  .bn_t{
    top: 30%;
    transform: translateY(-30%);
  }
  .bn_b{
    bottom: 30%;
  }
  .bn_more{
    font-size: 0.3rem;
    line-height: 0.8rem;
  }
  .bn_more img{
    width: 0.8rem;
    height: 0.8rem;
  }
  .code{
    display: none;
  }

  .about_box01{
    min-height: 7rem;
    margin-bottom: 0;
  }
  .about_box02 ul{
    display: flex;
    justify-content: space-between;
    margin: 0;
  }
  .about_box02 li{
    margin: 0;
  }
  .about{
    width: 100%;
    line-height: 0.46rem;
    font-size: 0.26rem;
    height: 1.84rem;
  }
  .about_list{
    width: 100%;
  }
  .videoBtn{
    width: 0.8rem;
    height: 0.8rem;
    top: 18%;
    transform: translateY(-18%);
    right: 0.4rem;
  }
  .videoBtn span{
    width: 0.8rem;
    height: 0.8rem;
  }
  .about_box02{
    height: 1.6rem;
  }
  .about_box02 .swiper-slide-thumb-active i{
    width: 0.32rem;
    height: 0.32rem;
    background: url(../images/ind_10.png) no-repeat;
    background-size: 100% 100%;
    margin: 0 auto;
  }
  .about_box02 i{
    width: 0.2rem;
    height: 0.2rem;
  }
  .about_box02 img{
    width: 0.53rem;
    height: 0.53rem;
  }
  .about_box02 h1{
    line-height: 0.7rem;
    font-size: 0.26rem;
  }
  .about_line{
    top: 1.4rem;
  }

  .product{
    margin-bottom: 0.5rem;
  }
  .product .swiper-slide{
    height: 3.5rem;
  }

  .news_top{
    padding-bottom: 0.6rem;
  }
  .news{
    margin-bottom: 1rem;
  }
  .news_tt{
    font-size: 0.3rem;
    height: 0.8rem;
    line-height: 0.8rem;
  }
  .news_txt{
    font-size: 0.26rem;
    line-height: 0.4rem;
    height: 0.8rem;
  }
  .news_bot .line{
    width: 85%;
  }
  .news_bot{
    width: 100% !important;
  }

  .pro_top{
    padding-bottom: 0.6rem;
  }
  .pro .swiper-slide{
    height: 5.5rem;
  }
  .pro_pic{
    height: 5.5rem;
  }

  .honor_left{
    float: none;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0.4rem;
  }
  .honor_txt{
    font-size: 0.26rem;
    line-height: 0.4rem;
    height: 1.6rem;
    -webkit-line-clamp: 4;
  }
  .honor_right{
    float: none;
    width: 100%;
  }

  .footer_bg{
    min-height: 8rem;
    height: auto;
  }
  .foot_left{
    float: none;
    width: 100%;
    margin-bottom: 0.4rem;
  }
  .foot_top{
    height: auto;
    padding-bottom: 0.2rem;
  }
  .f_logo{
    width: 2.4rem;
    margin: 0 auto 0.3rem;
  }
  .f_con li{
    float: none;
    width: 100%;
    min-height: auto;
    font-size: 0.26rem;
    line-height: 0.4rem;
    display: block;
    margin-bottom: 0.3rem;
  }
  .f_con li:nth-child(2){
    width: 100%;
  }
  .f_con img{
    float: left;
    width: 0.37rem;
    height: 0.37rem;
    margin: 0.05rem 0.2rem 0 0;
  }
  .f_conr{
    float: left;
    width: 90%;
  }
  .f_code{
    float: none;
    width: 1.6rem;
    margin: 0 auto;
  }
  .f_code img{
    height: 1.6rem;
  }
  .f_code h1{
    font-size: 0.24rem;
    line-height: 0.6rem;
  }
  .copyright{
    line-height: 0.42rem;
    font-size: 0.24rem;
  }
  .copyright .fl,.copyright .fr{
    float: none;
    width: 100%;
    text-align: center;
  }


  /* 产品与应用 */
  .path{
    line-height: 0.44rem;
    background-size: 0.25rem 0.3rem;
    padding-left: 0.42rem;
    font-size: 0.28rem;
  }
  .type ul{
    margin-right: -2%;
  }
  .type li{
    float: left;
    width: 31.33%;
    height: 0.7rem;
    line-height: 0.7rem;
    font-size: 0.28rem;
    margin: 0 2% 0.2rem 0;
  }
  .pro_box{
    padding: 0.74rem 0;
  }
  .pro_box .product_tit{
    margin-bottom: 0.3rem;
  }
  .pro_list ul{
    margin-right: -3%;
  }
  .pro_list li{
    width: 47%;
    margin: 0 3% 0.4rem 0;
  }
  .pro_img{
    height: 3.3rem;
  }
  .page a{
    width: 0.6rem;
    height: 0.6rem;
    line-height: 0.6rem;
    font-size: 0.26rem;
  }


  /* 产品详情 */
  .proshow_left{
    width: 100%;
  }
  .proshow_tt{
    line-height: 0.46rem;
    font-size: 0.3rem;
  }
  .proshow_con{
    font-size: 0.28rem;
    line-height: 0.46rem;
  }
  .proshow_t{
    font-size: 0.28rem;
  }
  .proshow_m{
    line-height: 0.46rem;
  }
  .fanye li{
    height: 0.46rem;
    line-height: 0.46rem;
    font-size: 0.28rem;
  }
  .fanye02 li{
    height: 0.46rem;
    line-height: 0.46rem;
    font-size: 0.28rem;
  }


  /* 服务行业 */
  .path{
    float: none !important;
    width: 100%;
    margin-bottom: 0.2rem;
  }
  .type02{
    float: none;
    width: 100%;
    text-align: left;
    padding-left: 0.42rem;
  }
  .type02 li{
    line-height: 0.44rem;
    font-size: 0.28rem;
    margin: 0 0.2rem 0 0;
  }


  /* 公司新闻 */
  .news_list ul{
    margin-right: 0;
  }
  .news_list li{
    float: none;
    width: 100%;
    margin: 0 0 0.64rem 0;
  }
  .news_list .news_pic{
    height: 4.7rem;
  }


  /* 新闻详情 */
  .newsshow_txt{
    font-size: 0.28rem;
    line-height: 0.54rem;
  }
  .newsshow{
    font-size: 0.26rem;
    line-height: 0.44rem;
  }


  /* 联系我们 */
  .contact li{
    font-size: 0.26rem;
    line-height: 0.4rem;
  }
  .con_tt{
    font-size: 0.28rem;
    line-height: 0.44rem;
  }
  .map{
    height: 7rem;
  }
  .mess{
    font-size: 0.28rem;
  }
  .yzm_box .mess{
    width: 68% !important;
  }
  .yzm_box .yzm{
    width: 28% !important;
  }
  .yzm{
    width: 70%;
    font-size: 0.28rem;
  }
  .yzm_img{
    width: 28%;
  }
  .message{
    height: 3rem;
    font-size: 0.28rem;
    line-height: 0.44rem;
  }
  .btn_submit{
    width: 2rem;
    height: 0.7rem;
    font-size: 0.28rem;
  }


  /* 关于我们 */
  .about_con{
    font-size: 0.26rem;
    line-height: 0.46rem;
    height: 2.3rem;
    -webkit-line-clamp: 5;
  }
  .about_pic{
    height: 4.5rem;
  }
  .a_list ul{
    margin-right: 0;
  }
  .a_list li{
    width: 50%;
    margin: 0 0 0.2rem 0;
  }
  .culture ul{
    margin-right: 0;
  }
  .culture li{
    float: none;
    width: 100%;
    height: 9rem;
    margin: 0 0 0.4rem;
  }
  .culture_bg{
    padding: 2.2rem 0.1rem 0;
    line-height: 0.44rem;
    font-size: 0.28rem;
  }
  .culture_bg img{
    width: 1.1rem;
    height: 1.1rem;
  }
  .culture_bg h1{
    font-size: 0.3rem;
    line-height: 0.54rem;
  }
  .jiagou{
    width: 100%;
  }
  .honor_box{
    width: 100% !important;
  }
}
  