



@media (min-width:1200px){

.header{
  background: none !important;
  
}


}
@media (max-width:1200px){
 html{
    font-size: 50%;
  }
  .nav-pc .nav-link{
    padding:0 16px;
  }

  .pro-typename li{
    width: 18%;
  }
  .index-news .news-tit{
    top: 8px;
  }

  .index-news .news-list a{
    padding: 2% 0;
  }
  .search{
    display: none;
  }
}


@media (min-width:992px){
.nav_m{
    display: none !important;
}


}


@media (max-width:992px){
  html{
    font-size: 46%;
  }

.header{
  
}
.header .container{
  overflow: hidden;
  display: table;
}


  .header .logo{
   padding-left: 0;
   display: table-cell;
    float: none;
    line-height:80px;
    text-align: center;
    vertical-align: middle;
    
  }

   .header .logo img{
    display: inline;
    max-height:80px;
    margin:auto;
   }
.header .en{
      float: none;
      
}
  .header .en1{
    display: table-cell;
    vertical-align: middle;
    line-height: 60px;
  }

  .header .en1 a{
    width: 100%;
    line-height: 36px;
  }
  .header .en1 a:first-child{
    display: none;
  }
  .header .en1 a:last-child{
    margin-left: 0;
  }
  .header .en2{
    display: none;
  }
  .header .en::before{
  
}
  .nav_button{
    display: table-cell;
vertical-align: middle;
    max-width: 23px;
    height: 100%;
    line-height: 80px;
  }
.nav_button span{
  display: inline-block;
  
  
}
  .nav-pc{
    display: none;
  }


  .culture-list .cul-main h1{
    background-size: contain;
    line-height: 40px;

  }
.culture-list .cul-main .sum{
  line-height: 24px;
}
.index-news .news-tit{
  position: static;
  text-align: center;
  
}
.index-news .news-img img{
  width: 100%;
  max-width: 100%;
}
.index-news .news-tit li{
  margin:0 3%;
  display: inline-block;
  text-align: center;
  
}
.index-news .news-tit li:first-child{
  margin-bottom: 0;
}

div.more{
  display: none;
}
.news .news-main .sum{
  line-height: 24px;
}
.news .news-main .time{
  line-height: 24px;
  padding-top: 5px;
}

.about .img .history, 
.about .ab-sum{
  line-height: 24px;
}
}


@media (max-width:768px){
  .pro-typename li{
    margin:0 1%;
    width: 30%;
  }
  .index-pro .type-img{
    margin: 0 -4px;
  }
  .index-pro .type-img li{
    padding: 0 4px;
    margin-bottom: 3%;
  }
  .index-tit .sum {
    line-height: 24px;
    padding: 4% 0 6% 0;
}
.index-news .row{
  margin: 0;
}
.index-news .time{
  display: none;
}
.index-news .time2{
    display: block;
}
.index-news .news-li{
  float: none;
  width: 100%;
  padding: 0;
}

.index-news .news-li .title{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: bold;
}

.footer .foo-nav{
  display: none;
}

.footer .index-tel h5{
  text-align: center;
  
}
.footer .index-tel p{
   text-align: center;
   
}
.foo-bottom{
  padding: 4% 0;
}
.foo-bottom p a{
  line-height: 20px;
}
.footer .index-tel h5{
  font-size: 1.8rem;
}
.footer .index-tel p{
  font-size: 2rem;
}

.public-tit{
  width: 1920px;
  position: relative;
  
  left: 50%;
  margin-left: -960px;
  padding-top: 10%;
  padding-bottom: 6%;
}

.public-tit img{
  width: 34%;
  margin: 0 auto;
}
.product-left li {
     width: 46%;
     margin: 1% 5px;

}
.pub-left li a{
  line-height: 30px;
}
.pub-left{
  margin-bottom: 6%;
}
.product ul{
  margin:0 -4px;
}

.product li{
  padding:0 4px;
}
.product h1{
  line-height: 34px;
  overflow: hidden;
  text-overflow: ellipsis;
  
  white-space: nowrap;
}
#banner{
  width: 100%;
  float: none;
  
}
.pro-main{
  width: 100%;
  float: none;
  padding-left: 0;
}

.honor li{
  padding:0 4px;
}
.honor ul{
  margin:0 -4px;
}
.news .img{
  display: block;
  width: 100%;
}
.news .news-main{
  display: block;
  width: 100%;
  padding-top: 3%;
}

.ab-photo li{
    padding:0 4px;
}


.ab-photo ul{
    margin:0 -4px;
}
.about .img img{
  width: auto;
  max-width: 100%;
  float: none;
  
}
.about .img .history{
  float: none;
  width: 100%;
  max-width: 100%;
  padding-top: 3%;
}

.culture .img h1{
  line-height: 34px;
}
.culture .img h1{
  font-size: 2rem;
    border-bottom-left-radius: 16px;
    border-top-right-radius: 16px;
}
.about-left .treeview li {
    width: 31%;
    margin-right: 3.336%;
}
.about-left .treeview li:last-child{
  margin-right: 0;
}
.info h4.title{
  padding-top: 3%;
  font-weight: bold;
}
  .pro-typename{
  background:none;
  }
  .pro-typename a{
  background-color:none;
    line-height: 28px;
  }



.index-news .news-tit li{
  width: 50%;
  float: left;
  margin: 0;
}
.index-news .news-tit li>a{
  max-width: 100%;
  width: 100%;
  height: 100%;
  line-height: 64px;
  background: none !important;
}
.manager div input{
  line-height: 30px;
}
}