@charset "utf-8";



/* CSS Document */

/* For tablets & smart phones */

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

.sub_info{margin-bottom:0;}

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

.ind_case .swiper-slide .imWrap{padding-top: 67%;}

#about_intro{    padding-right: 1.5rem;}

#about_intro .about_m{ display:none;}

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

      html{font-size: 20px;}

  #ind_about .cont{height: 10.5em;}

      

}

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

}



@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: 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{max-width: initial;}

  .skip>div:hover{background: #9a9a9a;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) {

  #ind_nums,

  .about_img,

  #ind_about .aboutop .btn,.hot_pro,.adv,#ind_case+.subbanner,.adv_tel,

  .navlist{display: none;}
  .ys{display: block;}
  .ys img{max-width: 100%; height: auto;}

  .pro2 .prolist ul{width: 100%}

  #ind_news{margin-top: 3vw;}

  #ind_news .col{width:96%;float: none;padding-left: 0;}

      body {min-width: 320px;overflow-x: hidden;}

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

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

      #ind_about .cont{height: auto;}

      html{font-size: 16px;}

      .tellNum{margin-top: 15px;line-height: 25px;border-radius: 0;padding: 0 10px;font-size: 19px;font-weight: bold;}

      .tellNum img{height: 16px;position: relative;margin-bottom: 1px;margin-left: -1px;margin-top: -4px;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:53px;max-width: 100%;overflow-x: hidden;}

      .containe{padding:0;}

      #header{height: 53px;border-bottom: 1px solid #E5E9F2;}

      .logobar .logo{margin-right: 0;}

      .logobar .logo img{height: 41px;    margin-top:7px;}

      #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_tit small {line-height: 3; }

    #ind_about {padding-bottom: 0;}

    #ind_about h2{    padding-top: 0;    margin-bottom: -2px;

    line-height: 1;}

    #ind_about .aboutop .ind_tit {margin-bottom:0;}



    .aboutop .ind_tit.t2:after {margin-left: 1rem; }

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

    .pro2 .prolist li {width: 50%;} 

	.pro2 .prolist .imgarea img{ height:auto; min-height:inherit;}

    .prolist li .imgarea {height: auto;}

    .pro2 .prolist li .txt {text-align: center;padding: 0; white-space:nowrap; overflow:hidden;text-overflow:ellipsis;}

    #ind_about .aboutop h3 {padding: 10px 0 0 1rem;}

    .news_tit h2 {font-size: 17px;line-height: 1.2;height: 1em}

     #ind_news{margin-bottom:4vw;}

    #ind_news .col {margin-top: 3vw;}

    #ind_news .col:last-child{display: none;}

    #ind_news .c_news{padding-right: 0;}

    .news_tit .more {font-size: 12px;line-height: 22px;padding: 0 15px;margin-top: -2px;}

    #ind_case {padding: 0 3%;}

    .hhys .con .em{width: 3.5rem;height: 3.5rem;}

    .hhys .con .em img{width:60%;}

    .hhys .con h4 {margin: 1.5rem 0 0.7rem 2.5rem;}







      #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 -3vw;padding:4%;background: none;width: auto;}

      .tell_info h3,.tell_info .ewm{display: none;}

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

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

      .map_pic{height: 60vw;overflow: hidden; padding-bottom:150px;}

	  .map_pic iframe{ width:100% !important; }

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

      #about_intro {padding-right: 0;}

      #about_intro .article img{    max-width: 102vw !important;

    margin-bottom: 1rem;

    margin-left: -5vw !important;

    position: relative;

    float: none !important;

    width: 102vw;}

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

	   #about_intro .article .about_pc{ display:none;}

	   #about_intro .article .about_m{ display: block;}



}

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

  .skip>div{width:100% !important;float: none !important;

    text-align: left !important;

}

.relate .caselink{ width:33.333% !important; box-sizing:border-box; margin-right:0 !important;}

.tit{ overflow:hidden;}

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

  .inner_case li{width: 47%;}

  .photolist li{width: 48%;}



}

     /* 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;}}