/* 菜单按钮 */
.nav-wapper {
  box-sizing: border-box;
  width: 36px;height: 36px;
  margin: 12px 8px 12px 12px;
}
.nav-btn{height: 36px;cursor: pointer;position: relative;}
.nav-btn span{margin: auto;}
.nav-btn span,.nav-btn span::before,.nav-btn span::after {
  width: 22px;height: 2px; content: "";
  background: #333; position: absolute; display: inline-block;
  top: 0;bottom: 0;left: 0;right: 0;
  transition:all ease-in-out .3s 0s ;
}
.nav-btn span::before { top: -6px;}
.nav-btn span::after {top: 6px;}
.nav-btn.active span { background-color: transparent;}
.nav-btn.active span::before {top:0;transform: rotate(-45deg); background: #2ab44b;}
.nav-btn.active span::after {top:0;transform: rotate(45deg); background: #2ab44b;}

.top .menu-bg{
  position: absolute; top: 60px; left: 0;
  width: 100%; height: calc(100vh - 60px);
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0; visibility: hidden;
}
@media screen and (max-width: 1023px) {
  *{max-width: 100%;}
  body,html{overflow-x:hidden; line-height: 24px; -webkit-text-size-adjust: 100% !important;}   
  .row{width: 100% !important; padding: 0 1rem !important; box-sizing: border-box;}
  .top{height: 60px;}
  .top .logo{width: 120px; height: 40px; margin-left: 10px;}
  .top .menu{
    position: absolute; width: 100%; height: auto; font-size: 14px;
    top: 60px; left: 0; background-color: #fff; margin-top: 0; padding: 1rem; box-sizing: border-box;
    transform-origin: center top; transform: scaleY(0); opacity: 0;   border-top: 1px solid #ddd;
    display: flex; flex-direction: column; align-items: center;
  }
  .top .menu>li{
    border-bottom: 1px solid #ddd;
    width: 100%; margin: 0;  float: none; padding:5px 0;
    display: flex; justify-content: flex-start; align-items: flex-start;
  }
  .top .menu>li>a{width: 20%; font-weight: bold;}
  .top .menu>li>a>i{display: none;}
  .top .menu .sub{
    display: flex; justify-content: flex-start;
    width: 80%; position:static; left: auto; top: auto; flex-wrap: wrap;
    opacity: 1; visibility:visible; transform: scaleY(1);  padding: 0;
  }

  .top .menu-bg.show{opacity: 1; visibility: visible;}
  .top .menu.show{transform: scaleY(1); opacity: 1;}

  .banner{margin-top: 63px; height: 200px;}
  .banner .swiper-pagination>span{width: 8px; height: 8px;}
  .banner .swiper-pagination {bottom: 0;}

  .title-ce{ margin: 20px 0; text-align: center !important; width: 100%; height: 5rem;}
  .title-ce b{font-size: 2rem;}
  .title-ce > span{font-size: 1.5rem;padding-left: 0 !important; top: 2.5rem} 
  .title-ce i{top: 1rem;padding-left: 0 !important;}
  .index-row-1 .fl, .index-row-1 .fr, .index-row-2 .fl, .index-row-2 .fr, .index-row-4 .fl, .index-row-4 .fr{width: 100%; height: auto;}
  .index-row-1 .fr{margin-top: 0;background: none; margin-bottom: 1rem;}
  .index-row-2 .fl{background: none; margin-bottom: 1.5rem;}   .index-row-2 .fl>.img{display: none;}
  .index-row-2 .fr{margin-right: 0}
  .index-row-2 .fr > a{padding-bottom: 0; padding-top: 0.5rem;} .index-row-2 .fr b{font-size: 1.5rem;} .index-row-2 .fr p{margin: 5px 0;}
  .index-row-3 .list{flex-wrap: wrap;padding-top: 0;}
  .index-row-3 .list > a{width: 48%; box-sizing: border-box; margin:0 0 1rem 0 !important; padding: 0 1rem 1rem 1rem;}
  .index-row-3 .list .line{display: none;} .index-row-3 .list img{margin-bottom: 5px;}
  .index-row-4 > .row {
    display: flex; flex-direction: column; align-items: center;
  }
  .index-row-4 .title-ce{width: 100%;}
  .index-row-4 li{width: 100%;} 
  .index-row-4 li .date{font-size: 1.2rem; padding: 0.5rem}
  .index-row-4 li a{background: none; padding: 1rem 0.5rem;}
  .index-row-4 li a p{margin-bottom: 0;}
  .index-row-4 li a:hover {background: none;}
  .index-row-4 .more{float: left;}

  h3{font-size: 18px !important; margin:10px 0 !important;}
  p{font-size: 14px !important; line-height: 26px !important;}   
  .pl{padding-left: 0;} .pr{padding-right: 0;}  
  .more{margin: 20px auto !important;display: block !important; width: 5rem; text-align: center; padding: 0 1rem !important;}

  .bottom{padding-top: 0; min-height: auto;}
  .bottom .ewm{float: left; width: 20%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
  .bottom dl{float: right; margin:0.8rem 0 0 0; padding-left: 2%; line-height: 24px;width: 75%;}  
  .bottom dl > dt{display: none;}
  .bottom dl dd{ width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
  .bottom .text{line-height: 2rem; padding-bottom: 1rem;}
  .bottom .text .fl, .bottom .text .fr{float: none;}
  .no-wap{display: none !important; visibility:hidden; }


  .public-tit{margin-bottom: 1rem;margin-top: 1rem;}
  .pageBan{margin-top: 60px;}
  .pageBan > .row{height: 200px;}
  /* 企业简介 */
  .company-row-1,.company-row-2,.company-row-3{padding: 1rem 0;}
.company-row-3 .cqtp img{height:23vw;}
  .company-row-1 .fl::after{display: none;}
  .company-row-1 .fl h3::after{display: none;}
  .company-row-1 .fl .txt{padding: 1rem;}
  .company-row-1 .fr{position: relative;margin-top: 1rem;width: 100%;}
  .company-row-1 .fr img{width: 100%;}
  .company-row-2 ul{    justify-content: center;flex-wrap: wrap;}
  .company-row-2 ul li{padding: 0 1rem;width: 50%;border: none;border-bottom: 1px solid #f0f0f0;}
  .company-row-2 ul li:nth-child(2n){border-left: 1px solid #f0f0f0;}
  .company-row-2 ul li:last-child{width: 100%;}
  .company-row-2 ul li p{min-height: auto;}

  .cultrue-row-1{padding: 1rem 0;}
  .cultrue-row-1 .fl{width: 100%;height: auto;}
  .cultrue-row-1 .fl .cont b{display: block;}
  .cultrue-row-1 .fl .cont p{margin-top: 0;}
  .cultrue-row-1 .fr{width: 100%;}
  .cultrue-row-1 .fr img{width: 100%;}
  .cultrue-row-2{padding: 1rem 0;}
  .cultrue-row-2 .fl{width: 100%;}
  .cultrue-row-2 .fl img{width: 100%;}
  .cultrue-row-2 .fr{width: 100%;height: auto;}
  .cultrue-row-2 .fr .cont b{display: block;}
  .cultrue-row-2 .fr .cont p{margin-top: 0;}

  /* 技术介绍 */
  .js-row-1{padding: 1rem 0;}
  .js-row-1 .fl{width: 100%;}
  .js-row-1 .fl img{width: 100%;height:auto;}
  .js-row-1 .row{height: auto;}

  .js-row-2{padding: 1rem 0;}
  .js-row-2 ul{flex-wrap: wrap;}
  .js-row-2 ul li{padding: 0;width: 100%;border: none;border-bottom: 1px solid #f0f0f0;margin: 0.5rem 0;}
  .js-row-2 ul li:first-child{border-bottom: 1px solid #f0f0f0;}
  .js-row-2 ul li img{margin-right: 1rem;width: 2.5rem;}
  .js-row-2 ul li hr{margin: 1rem 0;display: none;}
  .js-row-2 ul li h3{margin-top: 1rem !important;}
  .js-row-2 ul li span{margin-top: 1rem;display: inline-block;}

  .js-row-3{padding: 1rem 0;}
  .js-row-3 ul{flex-wrap: wrap;}
  .js-row-3 ul li{padding-left: 0;margin-top: 1rem;}
  .js-row-3 ul li:first-child{margin-top: 0;}
  .js-row-3 ul li hr{margin: 0.5rem 0;}
  .js-row-4{padding: 1rem 0;}
  .js-row-4 .cont ul li{padding: 0.5rem;}
  .js-row-4 .cont ul li b{padding: 0 0.5rem !important;flex: 1 !important;}
  .js-row-4 .cont ul li span{padding: 0 0.5rem !important;font-size: .75rem;flex: 1 !important;}

  /* 联系我们 */
  .lxwm-row-1{padding: 1rem 0;}
  .lxwm-row-1 .fr{width: 100%;margin-top: 2rem;height: 20rem;}

  /* 列表 */
  .news-list{padding: 1rem 0;}
  .news-list ul li a{line-height: 3;}
  .news-list ul li a span{margin: 0 0.5rem;padding-left: 0 !important;}
  .news-list ul li a b{max-width: 50%;}
  .news-list ul li a p{margin-right: 0;display: inline-block;line-height: 3 !important;}

  /* 产品 */
  .product-row-1{padding: 1rem 0;}
  .product-row-1 .btn1{flex-wrap: wrap;}
  .product-row-1 .btn1 a{width: 45%;margin: 0.5rem 0;}
  .product-row-2{padding: 1rem 0;}
  .product-row-2 .lb{flex-wrap: wrap;}
  .product-row-2 .lb .fl{width: 100%;}
  .product-row-2 .lb a{width: 48%;height: auto;padding: 1rem;}
  .product-row-2 .lb a b{font-size: 1.1rem;}
  .product-row-2 .lb .fr a{width: 100%;height: auto;}
  .product-row-3{padding: 1rem 0;}
  .product-row-3 ul li{width: 48%;}
  .product-row-3 .txt b{font-size: 1.125rem;}
  .product-row-3 .txt{bottom: 40px;left: 20px;}


  /* 新闻详情 */
  .newsshow-box{padding: 1rem 0;}
  .newsshow-box .show-tit h1{font-size: 1.375rem;lin-height:1.5;}
}