@media (min-width:1910px){

  .product .row .list .col-md-3{
    padding:0 12px;
    
  }
}
@media (max-width:1800px){
.con-main{
    display: none;
    position: static;
  }
  .con-show .con-main{
    display: block;
    width: 100%;
    margin: 4% 0;
  }
  .con-show .con-main .main{
    padding: 4% 0;
  }
}


 @media (min-width:1800px) {
   .ban{
    position: relative;
    left: 50%;
    margin-left: -960px;
    width: 1920px;
    height: 504px;

   }
       .con-show .con-main{
    display: none;
    
  }
 }









@media (max-width:1200px){
  .index-ab .ab-sum{
    width: 100%;
    padding: 4% 0;
  }
  .index-ab .ab-sum h1{
    text-align: center;
  }
.index-ab .ab-sum a{
  margin: 0 auto;
}
  .index-ab ul{
    width: 100%;
  }
  .index-pro .summary{
    top:92px;
  }
  .index-pro a .title{
    font-size: 1.4rem;
    line-height: 32px;
  }
  .index-pro a p{
    top: 14px;
  }
  .sidebar ul{
    text-align: center;
    padding-top: 2%;
  }
  .guild, .guild a{
    padding-top: 2%;
  }
   .sidebar .main p{
      text-align: center;
   }
   .sidebar .main h1{
    text-align: center;
    margin-top: 0;
    padding-top: 1%;
   }

   .sidebar .main .artsci{
    margin: 0 auto;
   }
   .sidebar .guild{
    display: none;
   }
   .sidebar li a{
    width:22%;
    margin-left:1%;
   }
   .sidebar ul{
    margin-bottom: 0;
   }
     .search{
    display: none;
  }

  
}
@media (max-width:992px){
  

.head{
 padding-top: 10px;
}
.footer .foo-ul{
  display: none;
}

.footer .foo-main{
  width: 100%;
}
.footer .foo-logo{
  float: left;
  width: auto;
  margin-right: 20px;
}
.footer .foo-logo img{
  float: left;
}
.footer .foo-main ul{
  float: left;
}
.footer .index-contact{
  float: left;

}
.foo-bottom{
  padding: 5px 0;
}
.foo-bottom .container span{
  display: block;
  text-align: center;
  line-height: 24px;
}

.foo-bottom .container .line{
  display: none;
}

.index-pro a p{
  width: 92%;
  left: 0;
  margin:0 4%;
}
.index-pro a .title{
  width: 100%;
  padding:0 0%;
  text-align: center;
}
.index-pro a .title span{
  display: none;
}

.index-pro a:hover .title{
  margin: 0;
}
.solution li img{
  width: 30%;
}
.solution li .solu-sum{
  width:66%;
    
}
.solution li .solu-sum .sum{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.solution .solu-sum span{
  width: 40%;
  line-height: 2rem;
  margin-top: 4px;
}
.navbar-nav .nav-item .nav-link{
  padding-left: 20px;
  padding-right: 20px;
}
.manager .main-li p span{
  width: 10%;
}
.manager{
  padding: 6% 0;
}
.manager .sub{
  margin: 4% 0;
}
}
@media (max-width:768px){

html{
  font-size: 50%;
}

  .head nav{
    display: block;
  }
  .head button{
    float: left;
    margin-top: -38px;
  }



  .index-news ul a p{
    background: rgba(255,255,255,.5);
    top: 0;
  }

.index-ab ul{
  padding: 0;
}
  .index-ab ul li{
    width: 100%;
    margin: 5px 0;
  }

  .banner-a .video-m video{
    width: 120%;
    display: none;
  }
   .banner-a .video-m img{
    display: block;
   }
  .banner-a .title, .banner-b .title {
    font-size: 20px;
    line-height: 36px;
}

.index-pro a .pm{
  left: 0;
}
.sidebar h1{
  display: none;
}

.join-list .col-12 h3{
  width: 60%;
}
.join-list .time{
  width: 30%;
}
.join-list .icon{
  width: 10%;
}
.manager .main-li p input{
  width: 60%;
}
.manager .main-li p span{
  width: 18%;
}
.manager .sub{
  margin-left: 10%;
}
.navbar-nav .nav-item .nav-link{
  padding: 2% 0;
}
.navbar-nav{
  padding: 2% 0;
}
.head{
  padding-bottom: 2%;
}



.solution .row{
  margin: 0;
}
.solution li img{
  width: 100%;
}
.solution .solu-sum h2{
    
    padding-top: 0px;
}
.solution li a{
  border: none;

}
.solution li .solu-sum{
  width: 96%;
  border-bottom: 1px solid #ccc;
}
.solution .solu-sum .time{
 line-height: 1.8rem;
}
.solution .solu-sum span{
  margin: 10px auto;
  float: none;
}
.solution_read .padd{
    padding-left: 0%;
}
.solution_read .row{
  margin: 0;
}
.row{
  margin: 0;
}
.click-map .shadow {
  line-height: 6rem;
}
.click-map .shadow{
  height: 182%;
}
.footer .foo-logo{
  float: none;
  margin-right: 0;
  text-align: center;
}

.footer .foo-logo img{
  display: inline-block;
  float: none;
}
.footer .foo-main .li-r{
  width: 76%;
}
.index-ab .ab-sum .more{
  margin: 0 auto;
}

.index-news a p{
  position: static;
  padding: 2% 0 4% 0;
  font-size: 2.2rem;
  
}
.footer .foo-main span:last-child{
  margin-top: -6px;
}
.culture .cul-list{
    padding-left: 0%;
}
.click-map .shadow .show{
  padding-top: 8px;
}

.sidebar li a{
  padding:0;
}
}
@media (max-width:576px){

}
@media (max-width:576px){

}