@charset "utf-8";

/* CSS Document */
/* For tablets & smart phones */
#ind_news .colu{z-index: 55;position: relative;}
.sub_info{margin-bottom:0;}
@media screen and (min-width:1200px) {
      html{font-size: 20px;}
}
@media screen and (max-width:1200px) {
      .containe{margin-left: 10px;margin-right: 10px;width: auto}
      html{font-size: 18px;}
}
    /* For larger displays */
@media screen and (min-width: 980px) and (max-width: 1200px) {
      html{font-size: 18px;}
}

@media screen and (max-width: 979px) {
}
     /* For smaller displays like laptops */
@media screen and (min-width: 768px) and (max-width: 979px) {
      html{font-size: 17px;}
}
@media screen and (min-width: 768px) {
  .aboutop .btn{margin-top: 2rem;}
}
@media screen and (max-width: 767px) {
      /*body {padding-left: 10px; padding-right: 10px; }*/
      html{font-size: 16px;}
      .tellNum{margin-top: 13px;line-height: 25px; border-radius: 0; padding: 0 10px; font-size: 17px;}
      .tellNum img{height: 19px;position: relative;margin-bottom: 1px;margin-left: -1px;}
      .ind_tit{padding-bottom: 5px;}
      .imgDiv img{width: 200%;}
      .lside{float: none;width: 100%;margin: 0;display: none;}
      .lside>*{display: none;}
      .lside>.iauth{display: flex;flex-flow: row wrap;justify-content: space-between;width: 100%;}
      .lside h2+ul{background: none;border: 0;}
      .lside h2+ul li{border: 1px solid #dfdfdf !important;background-color: #fff;margin: 3px;flex: 1 1 8em;text-align: center;}
      .iauth a{padding: 0;line-height: 2.7em;}
      .lside+.wrap{width:100%;}
      #footer>.wrap,.fot_link,#ind_huati,#ind_corp,#ind_part4 .part:hover .abs,.design_advant,.design_process,.market_support,.inner_tit p{display: none;}
      #ind_news+#footer>.wrap{display: block;}
      .skip{padding-left: 0;}
      div.digg{margin: 0;text-align: right;}
      div.digg a{padding: 0;border: 0;}
      div.digg .disabled * {border:none;padding:0;margin: 0.1rem;color: #c1c1c1;}
      .inner_tit{margin: 4vw 0;}
      #demoo .container a{width: 190px;padding-right: 15px;}
      .market_case .imWrap{border: 1px solid #ddd;}
      body {padding-top:50px;max-width: 100%;overflow-x: hidden;}
      .containe{padding:0;}
      #header{height:50px;}
      .logobar .logo{margin-right: 0;}
      .logobar .logo img{height: 41px;    margin-top: 4px;}
      #Nav{display: none;}
      #ind_banner .swiper-slide{overflow: hidden;}
      #ind_banner .swiper-slide img{width: 166%;max-width: inherit;left: -33%;position: relative;}
      #ind_news .titdiv{display: none;}
      #ind_news .c1{width: 100%;float: none;}
      #ind_news .c2{margin-top:1.5em;}
      .newstop {padding: 7px 12px 7px 0;margin-bottom: 15px;}

      .ind_tit.t2 small{margin-bottom: 2vw;}
      #swiper3{display: none;}
      #toolbar{display: block;}
      .advlist li{width: 100%;margin-bottom: 2%;}
      .advlist li .imgcon{width: 20vw;float: left;}
      .advlist li h3{text-align: left;font-size: 16px;line-height: 1.5;padding-left: 1em;overflow: hidden;}
      .advlist .con {font-size: 14px;overflow: hidden;    padding: 0 1em;text-align: left;}

}
@media screen and (max-width: 639px) {
  html{font-size:15px;}
  .breaker{float: left;}
  .breaker+h2{display: none;}
  .titbar{margin-bottom: 10px;}
  .skyimg{float: none;max-width: 80%;}
  .articleTit{margin-top: 15px !important;font-size:16px !important;}
  .relate .tit h3{font-size:16px !important;}
  .relate .caselink{width: 47% !important;}
  .relate .caselink .case_img{height: 33vw !important;}
  .skip>div{width:100% !important;float: none !important;
    text-align: left !important;
}
  .sub_info{padding: 0;}
  .sub_info{font-size: 0;}
  .sub_info span{color: #909090;font-size: 12px;margin-right: 10px;}
  .sub_info span:nth-child(even){display: none;}
  #icon1{display: none;}
  .ind_tit.t2 .more{display: none;}
  .article img{margin-left:auto !important;margin-right: auto !important;}

}
     /* For smartphones */
@media screen and (max-width: 479px){
  html{font-size:14px;}
  #footer>.containe{text-align: center;padding-bottom: 1rem;}
}
@media screen and (max-width: 379px){.tellNum{display: none;}}