@charset "utf-8";

/* CSS Document */
/* For tablets & smart phones */
@media screen and (max-width: 1600px) {
  .imgLine {
      margin-top: 2vw;
  }
  #Nav {display: flex;flex-flow: row nowrap;}

}
@media screen and (max-width: 1400px) {
  .sbanner{    width: 150%;
    margin-left: -25vw;}
}
@media screen and (min-width: 1200px) {
  .sbanner .sp01,
  .gxhfw span{display:block;}
  .gxhfw{height: 500px;box-sizing:border-box;}
  .img_contenter.structure .con,
  .img_contenter.coreTech .con,
  .dimoDiv .con{overflow: hidden;}

}
@media screen and (max-width: 1200px) {
      .containe{
/*        padding-left: 15px;
        padding-right: 15px;*/
        margin-left: 10px;
        margin-right: 10px;
      } 
    .sbanner .containe{width: 90vw;margin: 0 auto;}

    #header{height:70px;}
    #navbar .logo {padding-top: 1vw; width: 100px;}
    .tellNum{margin-top: 1vw;}
    .tellNum p{display: inline-block;}
    #Nav {display: flex;flex-flow: row wrap;}
    #Nav li{flex:1;text-align: center;}
    #Nav li>a{padding: 0;}
    .ind_about_con{float: none;}
    .ind_about_con dl{background: none;}
    .ind_about_con dd {padding: 0 1em;}
    .ind_about_con dd a {line-height: 43px;font-size: 16px;}
    .ind_about_con .about_tit {font-size: 16px; line-height: 2em;}
   .ind_about_con .about_tit strong {font-size: 22px;}
    .ind_about_con .details{padding: 2vw 0;/*font-size: 15px;*/height: auto;    line-height: 2em;}
    .gallery-more .swiper-slide img{height: auto;}
   .img_contenter.tech .fr,.img_contenter.tech .fl{max-width:50%;}
   .img_contenter.tech dl dd img{width: 35%;margin-right: 5px;}
   .img_contenter.tech .fl>img{max-width: 90%;}
   .img_contenter.structure h2,.img_contenter.update h2,.img_contenter.coreTech h2{font-size: 24px;}
   .img_contenter.update h2 img,.img_contenter.coreTech h2 img{height: 1.5em;}
   .peijian_con_h3 {font-size: 30px;} 
   .peijian_list li{padding: 2vw;}
   .peijian_list strong{font-size: 20px;}
   .peijian_color ul li {margin: 0; flex: 1;}
  .img_contenter.white img{max-width: 49%;}

}
    /* For larger displays */
@media screen and (min-width: 980px) and (max-width: 1200px) {
      
}

@media screen and (max-width: 979px) {
   .spsp {width: 100%; height: auto;margin-right: 0;padding-bottom: 3vw;float: none;    max-width: 600px; margin: 0 auto;}
   .spsp video{background: #222;}
   #ind_about{    padding: 4vw 0;}
   .img_contenter.structure .con {font-size: 15px;line-height: 2em;}
   .img_contenter.structure .con p strong{font-size: 20px;}
   .caopiDiv .con{font-size:18px;}
   .dimoDiv .big{max-width:50%;}
   .dimoDiv .con{font-size: 20px;line-height: 2em;}
}
     /* For smaller displays like laptops */
@media screen and (min-width: 768px) and (max-width: 979px) {
      .tellNum{display: none;}

}
@media screen and (max-width: 767px) {
      /*body {
        padding-left: 10px;
        padding-right: 10px;
      }*/
      .containe{padding:0;}
      .backBtn{display: none;}
      #header{height:56px;}
      #navbar {line-height: 1em; height: auto;}
      #navbar .logo {margin-bottom:3px; }

      .tellNum{margin-top: 16px;height: 26px;margin-right: 1vw;}
      #phone{margin-right: 4px;margin-top: 1px;width: 21px;}
      .tellNum p span.black{display:none;} 
      .mBtn{display: inline-block;float: right;width: 10%;cursor: pointer;margin-top:10px;}
      .mBtn img {max-width: 38px;max-height: 35px;}

      #Nav{
    height: 0px;
    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;
    padding-top:57px;
    z-index: -1;
    width: 100%;
    }
    #Nav.showH {
        height:411px !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;
    }
    #Nav li a {
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        transition: none;
        border-top: 1px solid #949393;
        color: #fcc800;
        background-image: none;
        display: block;
    }
   .banner .num{display: none;} 
   #Nav dl{position: relative;}   
   #Nav dl a{background: rgba(173, 173, 173, 0.6);} 
   .tit01{font-size: 20px;margin: 4vw 0 3vw;}
   #ind_pro{padding: 0;}
   .pro_list .pro_tit p{font-size: 18px;border: none;
    width: 100%;}
   .pro_list li .bg span{display: none;}
   .ind_about_con dd a {line-height: 35px; font-size: 14px;background-size: 9px 9px;    opacity: 1;
    margin-left: 0 !important;}
   
   .ind_about_con .about_logo {max-width: 30%;}
   .ind_about_con dd {padding: 0;}
   #ind_news .tit {font-size: 17px;    padding: 5vw 0;}
   .news_li_content{margin-bottom: 3vw;}
   #ind_join{padding:8vw 0 0;}
  #ind_join .top_tit strong {font-size: 20px;}
  #ind_join .top_tit p {font-size: 13px;}
  #ind_join .top_tit small {width: 90%; line-height: 18px; margin: 1em auto; font-size: 13px; }


   .formBody .con_l{display: none;}
   .formBody #lyform,#lyform .fl{width: 100%;}
   .news_li_content a{width: 48%;margin-top: 0;opacity: 1;}
   .news_li_content a:nth-child(n+3){display: none;}
   .footer {padding-top: 4vw;}
   .footer .container>img{width:30%;    max-width: 140px;}
   .footer li,.footer .bdsharebuttonbox,.footer .icon{display: none;}
   .footer .last{float: none;display: block;overflow: hidden;padding-right: 1em;}
   .footer .last p,.footer .font18{font-size: 13px;}
   .footer .font18 a{    word-break: break-all;}
   .bgCon_pvc h2,h3.swiper_con_h3,.swiper_shops h3,.peijian_con_h3{font-size: 24px;line-height:3em;}
   .bgCon_pvc.buckle .con {padding-top:4vw; font-size: 15px;clear: both;}
   .color_img+.ps {font-size: 15px; line-height: 2em; padding:2vw 5%; }
   .swiper_con{background: none;    padding: 0;}
   .swiper_shops .swiper-container {width: 100%; height: 60vw;}
   .gallery-more .swiper-slide small{white-space: nowrap;.gallery-more .swiper-slide small}
   .gallery-more .myBtn{top:15%;}
   .swiper_con .swiper-button-next, .swiper_con .swiper-button-prev{display: none;}
   .list-xg-nwes{padding: 4vw 0;}
   .list-xg-nwes li{width:95%;margin: 0;float: none;}
   .list-xg-nwes h3{margin-bottom: 3vw;}
   .img_contenter.tech dl dd img {margin-right: 5px; width: 35%;}
   .img_contenter.tech .fr,.img_contenter.tech .fl{float: none;max-width: 100%;text-align: center;}
   .img_contenter.tech dl dd{text-align: center;}
   .img_contenter.coreTech img.fr{float: none;margin-left: 0}
   .sbanner.qianghua_04 .abs{width:60%;left: 20%;}
   .sbanner.qianghua_04 .p01{margin: 0 auto; font-size: 20px; width: 60%;line-height: 1.5em;}
   .sbanner .sp01 {font-,size: 20px; line-height: 1.5em;}
   .img_contenter.coreTech .con{margin-top: 6vw;}
   .img_contenter.coreTech h3,.dimoDiv strong{font-size:17px;font-weight: bold;}
   .img_contenter.coreTech h3 img{height: 2em;width: 2em;}
   .img_contenter.coreTech .con p,.gxhfw span,.dimoDiv .con{font-size: 15px;line-height: 2em;}
   .sbanner img.fl {margin-top: -34vw; width:13vw; margin-left: 12vw;}
   .gxhfw h3,.sbanner p.p01{font-size: 24px;}
   h2.swiper_con_h2 {font-size: 24px;line-height: 2em;}
   ul._3f li {width: 48%;}
   #move_01 .fr{display: none;}
   .imgLine img{width: 12%;}
   .img_contenter img{max-width: 92%;}
/*   .img_contenter.update h2 img{width: 3.82em;}
   .img_contenter.coreTech h2 img{width:6.6em;}*/
   .dtan_list li{width: 46%;}
   .dtan_list li strong {font-size: 15px;    height: 2em;}
   .peijian_list strong{font-size: 16px;}
    #toolbar{width:100%;height:50px;background:#222;position: fixed; display: block;
z-index: 22; 
bottom: 0;  
left: 0; 
opacity: 0.9; 
}
#toolbar ul li{float:left;width:33%;text-align:center;}
#toolbar ul li.home{background:url(../images/home.png) no-repeat center 8px;}
#toolbar ul li.tel{background:url(../images/tel.png) no-repeat center 8px;}
#toolbar ul li.map{background:url(../images/map.png) no-repeat center 5px;}
#toolbar ul li a{padding-top:11px;display:block;height:39px;line-height:50px;color:#fff;font-size:14px;}

}
@media screen and (max-width: 639px) {
    .caopiDiv>div {float: none; padding-bottom: 1vw; font-size: 15px  !important; padding-bottom: 2vw; width: 98%;}
    .peijian_list li {width: 97%;}
  .img_contenter.white img{max-width:90%;}

}
     /* For smartphones */
@media screen and (max-width: 480px) {
    .tellNum .yel{font-size: 16px;font-weight: bold;}
    .tit01,.ind_about_con .about_tit strong,#ind_join .top_tit strong,#ind_join .top_tit h2,.dimoDiv strong{font-size: 17px;}
    .bgCon_pvc h2, h3.swiper_con_h3, .swiper_shops h3,.list-xg-nwes h3,.img_contenter.structure h2{font-size: 17px;font-weight: bold;}
    .img_contenter.structure h2 small {font-size: 15px;}
    .img_contenter.structure .con p strong ,.dimoDiv .con{font-size: 16px;}
    .sbanner.qianghua_04 .p01,.sbanner .sp01{font-size:15px;font-weight: bold;}
    .img_contenter.update h2,.img_contenter.coreTech h2,.gxhfw h3,.sbanner p.p01,.peijian_con_h3{font-size: 18px;}
     #inform{float: none;width:93%;}
     h2.swiper_con_h2{font-size: 18px;font-weight: normal;}


}