@charset "utf-8";

/* CSS Document */
/* For tablets & smart phones */
@media screen and (max-width: 1200px) {
      .containe{
/*        padding-left: 15px;
        padding-right: 15px;*/
        margin-left: 10px;
        margin-right: 10px;
      } 
      html{font-size: 19px;}
      #footer .fotop{display: none;}
      .inner_about li img{max-width: 100%;}
      .bgCon{background-size:auto 100%;}
      .inner_pro li .photo {float: none;}
}
    /* For larger displays */
@media screen and (min-width: 980px) and (max-width: 1200px) {
      
}

@media screen and (max-width: 979px) {
    html{font-size: 18px;}
    .proTop .proImg{float: none;margin-bottom:0.8rem;max-width: 100%;box-sizing: border-box;}
    .breaker{display: none;}
    .ind_news li .big {width: 161px;}
    .ind_news li p{margin-bottom: 0;}
    .ind_news li span{display: none;}
}
     /* For smaller displays like laptops */
@media screen and (min-width: 768px) and (max-width: 979px) {
      .searDiv{display: none;}
}
@media screen and (max-width: 767px) {
      /*body {
        padding-left: 10px;
        padding-right: 10px;
      }*/
      html{font-size: 17px;}
      body {padding-top: 56px;}
      .containe{padding:0;}
      #header{height: 56px;}
      #navbar .logo img{width: 200px;}
      .mBtn {
    display: inline-block;
    float: right;
    width: 10%;
    cursor: pointer;
    text-align: center;
    margin-top: 10px;
  }
  .mBtn img {
    max-width: 38px;
    max-height: 35px;
  }
  .searDiv{margin-top: 9px;}

  #Nav {
    height: 0px;
    padding-top: 0;
    overflow: hidden;
    display: block;
    visibility: hidden;
    /*background-color: rgba(0,4,33, 0.81);*/
    background-color: rgba(42, 42, 32, 0.81);
    box-shadow: 0px 2px 2px #000;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    /*margin-left: -1px; 下面的是为了解决外部containe有margin左右10px,导致手机下拉菜单不是通屏的  */
    margin-left: -10px;
    padding-right: 10px;
    padding-left: 10px;
    position: absolute;
    top: 57px;
    left: 0;
    z-index: -1;
    width: 100%;
  }
  #Nav.showH {
    height: 295px !important;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-bottom: 2px;
    visibility: visible;
  }
  #Nav li {
    display: block;
    width: 100%;
    margin-left: 0;overflow: hidden;
  }
  #Nav li a {
    height: 42px !important;
    line-height: 43px !important;
    font-size: 14px;
    transition: none;
    border-bottom: 1px solid #949393;
    color: #fff;
    background-image: none;
    display: block;
    padding: 0;
  }
  #botshare{display: none;}
  .inner_apply li,.inner_service li{width: 48%;}
    /*.ind_tit small {font-size: 28px;}*/
    /*.ind_tit h2 {font-size: 22px;}*/
    /*.ind_pro li h3,#ind_about .bgcon .w00 .content .con strong{font-size: 16px;}*/
    .main .lside{float: none;width: 100%;}
    .main .lside>*{display: none ;}
    .main .lside .iauth dl{display: none !important;}
    .main .lside>.iauth{display:block;margin-bottom: 15px;border-color: #bbb;}
    .main .lside>.iauth .ili{width: 48%;float: left;margin: 0 1%;padding: 0;}
    .main .lside>.iauth a{  background-image: none !important;text-align: center;padding: 0;text-indent: 0;line-height: 34px;}
    .main {margin-top: 3vw;}
    .imgDiv {background-size: 100% 100%;}
    /*.inner_about li h3,.inner_service li h3{font-size: 18px;}*/
    /*.main .lside .iauth a::after{font-size: 14px;}*/
    .inner_pro li .photo {width: 100%;}
      #____wayiicms_service{display: none;}
      .main .lside .iauth .ili:last-of-type,.main .lside .iauth .ili:nth-last-of-type(2){margin-bottom: -0px;}
      .ind_news li .big{float: none;    max-width: 100%;}
      .articleCon img{max-width: 100%;height: auto !important;}
      .titbar{margin-top: -20px;}
}
@media screen and (max-width: 639px) {
  html{font-size:16px;}
  .searDiv{display: none;}
  .ind_pro li{width: 49%;}
  .ind_news li{margin-bottom: 15px;}
  .inner_about li{flex-basis: 300px;}
  .abs .tel_ewm .con {margin: 10px; max-width: 40%;}
  .abs .tel_ewm .con img {width: 100%;}
  .inner_apply li h3,{font-size: 16px;}
  .breaker{float: left;}
  .titbar{margin-bottom: 10px;}
  .skyimg{float: none;max-width: 80%;}
  .appTit {font-size: 20px;}
  .inner_pro li {width: 48%;}
  .inner_pro li h3 {font-size: 16px;line-height: 2em;height: 2em;}
  .containe .white{padding: 10px;}
  .articleTit {
    margin-top: 15px;}
  .sub_info{padding: 0;}
  .sub_info span:nth-last-of-type(2){display: none;}
     
}
     /* For smartphones */
@media screen and (max-width: 480px) {
  html{font-size:14px;}
  #ind_about .bgcon .w00{padding: 20px 10px;}
  #ind_about .bgcon .w00 .content .con strong{padding: 0 5px;width: auto;height: auto;line-height: 32px;}
  #ind_about .bgcon .w00 .content .con{font-size: 13px;}
  .ind_news li .big {float: none;margin-right: 0;}
}