@charset "utf-8";



.titbar.break h2{float:left;display:inline-block;font-weight: bold;}
.innernav.row{float:right;justify-content: flex-end;max-width:inherit;}
.articleTit {margin-top: 1px;font-weight: bold;}
.maylike h3 {font-weight: bold;}
.skip .half .red{float: left;}
.skip .half a{display: block;text-align: left;overflow: hidden;}
.inner_news p{line-height: 1.76;}
#toolbar{display: none;}

#toolbar{width:100%;height:60px;background:#313131;position:fixed; z-index:10000; bottom: 0;  left: 0; opacity:0.9;}
#toolbar ul li{float:left; width:33.33333%; text-align:center; color:#fff;}
#toolbar ul li a{width:100%;color:#fff;padding-top:6px; height:32px; }
#toolbar ul li a span{ font-size:14px;line-height: 20px;
    display: block;}
#nav{position:relative;}


#toolbar ul li ul li{ width:100%; border-bottom:1px solid #fff;}
#toolbar ul li ul li a{width:100%; padding:0px; height:28px; line-height:28px;}

@media screen and (max-width:1400px) {
      html{font-size: 19px;}
      .text_indtro .d1 img {width: 50%;margin-right: 2rem;margin-bottom: 2rem;}
      .slideInLeft .wrap,.slideInRight .wrap{overflow: visible;}
      .text_indtro .d1 h2 small {line-height: 1.3;padding: 0.5em;}
      .text_indtro .d2 .img{width: 50%;}
      .d3_honor{background-size: 60% auto;}
      .d4_honor{background-size: 60% auto;}
      .d4_honor img{width: 50%;}
}
@media screen and (max-width:1200px) {
      .containe{margin-left: 10px;margin-right: 10px;width: auto}
      .ind_pro i{display: none;}

}
    
@media screen and (min-width: 980px) and (max-width: 1200px) {
      html{font-size: 18px;}
}

@media screen and (max-width: 979px) {
      #Nav{    padding-left: 5%;}
      .ind_pro small{line-height: 3em;}
      .navbar .logo h1{display: none;}

}
     
@media screen and (min-width: 768px) and (max-width: 979px) {
      html{font-size: 17px;}
}
@media screen and (max-width: 767px) {
      
      html{font-size: 16px;}
      #ind_pro .tit_div .more,
      #case_banner .date,
      .ind_case li .more,
      #footer .flogo,
      .ind_ewm,
      #shareicon,
      #case_banner .more,
      .ind_tit ul a.act{display: none;}
      .ind_pro p{padding-top: 1em;}
      .ind_case{width: 103%;}
      .ind_case li{width: 47%;box-sizing: border-box;}
      #ind_about .w50 {width: 100%; float: none;}
      #ind_about .w50>img,.ind_about{width: 100%;}
      .ind_about img{max-width: 94%;margin-left: 3%;}
      .ind_about .moreR{display: none;}
      #case_banner .swiper-slide {padding: 0.5rem;}
      #case_banner .swiper-slide:hover{padding:0.25rem;}
      .inner_products li{width: 47.5%;}
      .ind_pro .wrap{padding-top:0;padding-left: 1rem;}
      .ind_tit ul li {padding-left: 0.5rem;}
      .ind_tit{padding-bottom: 5px;}
      .imgDiv img{width:180%;max-width: inherit;}
      .lside{float: none;width: 100%;margin: 0;}
      .lside>*{display: none;}
      .lside>.padd{display: block;}
      .lside .iauth{display: flex;flex-flow: row wrap;justify-content: space-between;width: 100%;border:none;}
      .lside .iauth li{border: 1px solid #dfdfdf !important;background-color: #fff;margin: 3px;flex: 1 1 8em;text-align: center;}
      .lside .iauth li a{padding: 0;line-height: 2.7em;}
      #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: 2px 7px;margin: 2px;}
      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{min-width: auto;overflow-x: hidden;width: 100%;}
      .containe{padding:0;}
      #header{height:48px !important;}
      #navbar .logo{padding-top:4px;}
      #navbar .logo img{width:120px;}
      .mBtn {
        display: inline-block;
        float: right;
        width: 10%;
        cursor: pointer;
        text-align: center;
        margin-top:7px;
      }
  .mBtn img {max-width: 38px; max-height: 35px; }
  #Nav {
    height: 0px;
    padding-top: 0;
    overflow: hidden;
    display: block;
    visibility: hidden;
    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: -10px;
    padding-right: 10px;
    padding-left: 10px;
    position: absolute;
    top:47px;
    left: 0;
    z-index: -1;
    width: 100%;
  }
  #Nav.showH {
    height:386px !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.tarA {
    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;
  }
    .main {margin-top: 3vw;}
    .imgDiv {background-size: 100% 100%;}
    .main .lside .iauth .ili:nth-last-of-type(2){border-bottom: none;}
    .main .lside .iauth a::after{font-size: 14px;}
    .about_intro .big img{min-height: initial;}
    .ind_pro .big{width: 100%;}
    .ind_pro li {margin-right: 2%;}

    
    .indlist7_1,.indlist7_2{display: flex;flex-flow: wrap;}
    .indlist7_1 li,.indlist7_2 li{flex: 1 1 30%; margin-bottom: 2%;}
    .Rside{display: none}
      .articleCase img{max-width: 100%;height: auto !important;}
      .titbar.break h2{display: none;}
      #text_culture+.containe{display: none;}
      .titbar.break{height: auto;    margin-bottom: 0;
    overflow: hidden;}
      .innernav  {    width: 102%;float: none;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
} .innernav  li {
      text-align: center;
    color: #333;
    border: 1px solid #bbb;
    line-height: 2.4em;
    margin-right: 2%;
    flex: 1 1 8em;
    max-width: inherit;
    margin-bottom: 2%;
}
.innernav a{line-height: 2.5em;padding: 0;}
.innernav li.act {color: #fff;background-color: #f2c800;border-color: #f2c800;}
.tabar{display: none;}
.indlist8_1,.indlist7_1{padding: 3vw 0;}
.indlist8_1 p,.indlist7_1 p{display: none;}
.indlist8_1 li,.indlist7_1 li{padding: 1.5rem 1rem 0;}
#indlist8_2 ul li{text-align: left;flex-basis: 100%;}
#indlist8_2 ul h3{text-indent: 1em;margin: 0;}
#indlist8_2 ul p{height: 3.4em;}
#indlist8_2 ul .imgcon{width: 18vw;max-width: 88px;margin-right: 2vw;float: left;}
.js_case.swiper-container{padding-top: 3rem;}
.ind_tit{font-size: 1.2rem;}
.ind_tit span{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ind_tit small{padding: 1em 0.5em 1.5rem;}
#ind_company dd .img{width: 5rem;height: 5rem;}
#ind_company dd .img img {max-width: 70%; max-height: 100%;}
#ind_company h3.tit small{white-space: nowrap;text-overflow: ellipsis;}
#ind_company{width: 100%;overflow: hidden;}
#ind_news .tabUl{display: none;}
#ind_news .tabCon li{width: 97% !important;}
.innernav.row{display: none;}
.copyright .con {height: 3.5em;overflow: hidden;margin-bottom:60px;}
#toolbar{display: block;}
.indlist9_1 li,#indlist9_2 li{flex-basis:90%;}
.indlist9_1 .imgcon{    height: 3.5rem;    max-width: 40px;}
#ind_case li .imWrap::after{    background-size: 100px auto;}

}
@media screen and (max-width: 639px) {
  html{font-size:15px;}
  .breaker+h2{display: none;}
  .titbar{margin-bottom: 10px;}
  .inner_news .more{display: none;}
  .skyimg{float: none;max-width: 80%;}
  .articleTit{margin-top: 15px;}
  .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;}
  
  
  .indlist7_3 li{width: 96%;}
  .inner_news>ul li{width: 97%;padding: 11px;}
  .case_top .infos{float: none;}
  #text_culture dl dd{flex-basis:46%;margin: 1%;padding: 1rem 0;}
  #text_culture dl h4{line-height: 2.4;}
  #text_culture dl .imgcon{height: 3rem;}
  #text_culture dl .imgcon img{max-width: 50%;}
  #indlist7_6 .swiper-slide{margin-top:15px !important;}
  #ind_cases .photo{padding: 5px;}
  .indlist7_1+.indlist7_tit,.indlist7_2{display: none;}
  #indlist7_5 ul li{    flex-basis: 50%;}
  #indlist7_5 ul li:nth-child(n+5){display: none;}
  #indlist7_5 ul .imgcon{    max-width: 5rem;}
  #indlist7_5{margin-bottom: 3vw;}
  .skip .half{width: 100%;}
  .maylike li{width: 100%;line-height: 2.7;}
  .text_indtro .d1 img {width: 100%;}
  .text_indtro .d2 .img {width: 100%;margin-bottom: 3vw;}
  #ind_company h3.tit{font-size: 1.2rem;white-space: nowrap;}
  .sit_add .map{display: none;}
  .sit_add .cont {width: 100%;}
  .sit_add .img{width: 23vw;}
  .titbar.break .breaker{padding-left: 0;margin-top: 1vw;}
  #ind_news .tabCon .newsli .tag{margin-top: 4px;}
  #ind_news .tabCon h4 {font-weight: bold; font-size: 15px;}
  .sit_add .img span{display: none;}
  #ind_company dd{margin-bottom: 0;}
  .indlist9_3 li{flex-basis: 100%;}
  #indlist9_2 li dl dd{width: 96%;}
  .ind_corpor li{max-width: inherit;flex-basis: 119px;}
  #ind_news .tabCon ul{width: 100%;}
  
}
     
@media screen and (max-width: 479px){
  html{font-size:14px;}
  #footer>.containe{text-align: center;padding-bottom: 1rem;}
  #ind_company dd .img {
    width: 4rem;
    height: 3rem;
    margin-top: 10px;
}
}
@media screen and (max-width: 379px){.tellNum{display: none;}}