/* CSS Document */

/* For tablets & smart phones */

#Nav dl{display: none;background: #fff;position: absolute;top: 96%;left: 0;width: 100%;z-index: 2;padding-top: 10px;}

#Nav dd{}

#Nav dd a{display: block;border-bottom: 1px solid #eee;border-top: 0;line-height:3;color: #000;text-align: left;font-size: 15px;line-height: 3.2;

  padding-left: 15px;}

#Nav a:hover{color:#f08118 }

.scroll #Nav dd a{line-height: 3;height: 50px;}

#ind_news .colu{z-index: 55;position: relative;}

.sub_info{margin-bottom:0;}

/* #ind_sp:hover .big img{transform: scale(1.2,1.2);} */

@media screen and (min-width:1200px) {

      html{font-size: 20px;}

   #ind_about .cont{margin-bottom: 0vw;} 

   #ind_about h2{padding-top: 0;}

   #Nav dl{min-width: 170px;}

}

@media screen and (max-width:1200px) {

      .containe{margin-left: 10px;margin-right: 10px;width: auto}

      html{font-size: 18px;}

      #ind_about .num3{display: none;}

}

    /* For larger displays */

@media screen and (min-width: 980px) and (max-width: 1200px) {

      html{font-size: 18px;}

      #swiper3 a{margin: 0;}
      #Nav dl{width: 110%;}


}



@media screen and (max-width: 979px) {

  #swiper3 a{margin: 0;}
  #Nav dl{width: 130%;}
}

     /* For smaller displays like laptops */

@media screen and (min-width: 768px) and (max-width: 979px) {

      html{font-size: 17px;}

      .hhys .big {width: 100%; float: none !important;}

      #ind_about .w50 {float: none;    width: 100%;}

      #ind_about .cont{height: auto;padding: 3vw;max-width: none;}

}

@media screen and (min-width: 767px) {

  .skip{padding: 0;}

  .skip>div {width: 50%;

    line-height: 28px;

    height: 55px;

    padding: 13px 0;

    box-sizing: border-box;

    margin: 0 !important;

  }

  .skip span{position: relative;color: transparent;}

  .skip .fl span{margin-right: 10px;border-right: 1px solid #999;float: left;}

  .skip .fl span:after{

        content: "←";

    font-size: 21px;

    position: absolute;

    color: #999;

    top: 0;

    left: 36%;

    font-weight: bolder;

    

  }

  .skip .fr span{float: right;margin-left: 10px;border-left: 1px solid #999;}

  .skip .fr span:after{

    content: "→";

    font-size: 21px;

    position: absolute;

    color: #999;

    top: 0;

    left: 36%;

    font-weight: bolder;

  }

  .skip a{display: block;max-width: initial;}

  .skip>div:hover{background: #f08118;color: #fff;}

  .skip>div:hover a,.skip>div:hover span:after{color:#fff;}

  .skip>div:hover span{border-color: #fff;}

  }

@media screen and (max-width: 767px) {

      /*body {padding-left: 10px; padding-right: 10px; }*/

      .search_m ,.____wayiicms_service,.products_top .more {display: none;}

      #ind_about .w50 {float: none;    width: 100%;}

      #ind_about .cont{height: auto;padding: 3vw;}

      html{font-size: 16px;}

      .tellNum{    margin-top: 13px;

    line-height: 25px;

    border-radius: 0;

    padding: 0 10px;

    font-size: 22px;

    font-weight: bold;}

      .tellNum img{height: 19px;position: relative;margin-bottom: 1px;margin-left: -1px;margin-top: -2px;vertical-align: middle !important;}

      .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: 128%;max-width: inherit;left: -16%;position: relative;}

      #ind_news .colu{margin-top: 0;}

      #ind_news .titdiv{display: none;}

      #ind_news .c1{width: 100%;    float: none;

    margin-bottom: 5vw;}

    .newstop{    margin-bottom: 4vw;}

    #ind_about h2{    padding-top: 1rem;padding-left: 3vw;

    margin-bottom: 0;}

      .ind_tit.t2 small{margin-bottom: 2vw;}

      #swiper3{display: none;}

      #toolbar{display: block;}

      .hhys .big {width: 100%; float: none !important;}

      .hhys .con h4{font-weight: bold;}

      .hhys .con{padding:0 5vw 4vw;}

      .innernav {display: none;}

      .tell_info {float: none; margin: 0 auto 5vw;padding:4%;background: none;width: auto;}

      .tell_info h3{display: none;}

      .tell_info strong{font-size: 16px;padding-bottom:16px;}

      .tell_info p{font-size: 15px;}

      .map_pic{height: 60vw;overflow: hidden;}

      .cur_wrap_sidebar{display: none;}

      .subbanner .imgcon{    width: 188px;   }

      .subbanner h2 {text-shadow: 0 0 5px rgba(0,0,0,0.7);}

      .products_list .cont dl,.products_list .cont .more{display: none;}

      .products_list .cont {padding-bottom: 0;margin-bottom: -1rem;}

      .subbanner small{line-height: 2;margin-bottom: 0;}

      #swiper4 ul li:nth-child(5){display: none;}

      #about_intro .article{padding: 0 5vw;}

      #about_intro .article img{max-width: 100vw !important;margin-right: -5vw !important;margin-bottom: 1rem;}

      #about_intro .article h3 span{font-size: 15px !important;}

      #about_intro+.inner_tit{padding-top: 0;}

      .hhys .con em{    background-position: 0 bottom;}

      .products_top h1{font-weight: bold;}

      .products_top dl dd{font-size: 14px;}

      ul.newslist{padding: 0;}



}

@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;}

.suport{display: none;}

  .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;}

  .products_top .w50{float: none;width: 100%;margin: 0;}

  .products_list .w50 {float: none !important;width: 100%;}

  .bord{padding: 17px 1rem;}

  .bord .sub_title{padding-top:0;}

  .bord .relate{padding-top:10px;}

  #ind_banner .swiper-slide img{width: 120%;left: -10%;}

  .homehotnews{position: relative;width: auto;background-color: #fff;display: block;left: 0;top: auto;display: none;}

  .homehotnews ul li,.homehotnews ul li a,.homehotnews ul li .time{color: #333;}

  .homehotnews ul li:nth-child(4), .homehotnews ul li:nth-child(5){display: block;}

  .homehotnews h5{font-size: 1.25rem;}

  body,.topbar .path{font-size: 15px;}

  .yx_hotline{padding-left: 100px !important;}

}

     /* For smartphones */

@media screen and (max-width: 479px){

  html{font-size:14px;}

  #footer>.containe{text-align: center;padding-bottom: 1rem;}

  #ind_banner .swiper-slide img{width: 118%;}

}

@media screen and (max-width: 768px){.tellNum{display: none;}}