/*pc����*/
@media screen and (min-width: 1830px){
  .show-txt h2{
    margin: 30px 0;
  }

}

/*pc����*/
@media screen and (min-width: 1051px) and (max-width: 1829px){


}

/*pad����*/
@media screen and (min-width: 992px) and (max-width: 1050px){


  
}

/*pad����*/
@media screen and (min-width: 767px) and (max-width: 991px){
  .left-txt>p,
  .left-txt>ul>li{
    font-size: 14px;
    line-height: 26px;
  }
  
}
@media screen and (max-width: 1050px){
  body{padding-top: 86px;}
  .container{width: 98%;margin: 0 auto;}
  .header{
    position: fixed;
    top: 0;
    left: 0;
    height: 86px;
  }
  .logo{
    width: 50%;
    margin-left: 10px;
  }
  .logo,.nav ul li>a{
    line-height: 86px;
  }
  .nav,.search{
    display: none;
  }
  /*�ֻ�����*/
  .menu-line{
    display: block;
  }
  /*banner*/
  .banner-pic{
    height: 350px;
  }
  .banner-pic p{
    left: 6%;
    top: 20%;
    font-size: 36px;
    letter-spacing: 2px;
  }



}

@media screen and (max-width: 800px) {
  .about>div{
    width: 100%;
  }
  .about-img{
    margin-bottom: 5%;
  }
  .about-img img{
    width: 100%;
  }
  .list-txt{
    padding-top: 2%;
  }
  .list-txt>h3{
    font-size: 16px;
  }
  .list-txt>p{
    font-size: 14px;
  }
}


/*phone*/
@media screen and (max-width: 766px){
  body{padding-top: 68px;}
  .container{width: 100%;}
  .phone-padding{
    padding: 0 10px;
  }
  .header{
    height: 68px;
  }
  .logo,.nav ul li>a{
    line-height: 68px;
  }
  .menu-line{
    top: 13px;
  }
  .phone-nav li>a>i{
    width: 10px;
    height: 10px;
    margin-top: -5px;
  }
  .show-img,
  .show-txt{
    width: 100%;
  }
  .show-img{
    margin-bottom: 3%;
  }
  .show-txt img{
    display: none;
  }
  /*index-industry*/
  .index-industry-list li{
    width: 49%;
    margin: 0 0 1% 1%;
  }
  /*index-case*/
  .index-case-list li{
    width: 49%;
    margin: 0 0 1% 1%;
  }
  .index-news-list li{
    float: left;
    width: 99%;
    margin: 0 0 1% 1%;
    border: 1px solid #F8F8F8;
  }
  .contact{
    display: none;
  }
  .recruitment{
    width: 50%;
  }
  .qr-code{
    width: 30%;
  }
  .foot{
    line-height: 25px;
  }
  /*
  *about.html
  */
  .bg{
    height: 350px;
    padding-left: 10px;
    padding-top: 70px;
    color: #fff;
  }
  .bg h2{
    font-size: 36px;
  }
  .inside-nav>div>a{
    padding: 3.5% 3%;
    margin-right: 0;
  }
  .design-content>div{
    width: 100%;
  }
  /*���¼�*/
  .proces-ico{ width: 18px; height: 18px; left: 0; margin-left: 0;}
  .proces-line{ left: 6px; margin-left: 0;}
  .proces-bot{ background-position: 6px top; text-align: left; padding-top: 85px;}
  .historyPage{ padding: 50px 0;}
  .historyPage .by{ font-size: 20px;}
  .historyBox{ padding: 50px 0 0;}
  .proces-dl dd{ width: 97%; float: none; padding: 0 0 40px;}
  .proces-dl .oneItem{ margin-top: 0; padding: 0 0 40px 0;}
  .proces-dl .oneItem .proces-t{ margin: 0 0 22px 40px; text-align: left;}
  .proces-dl .proces-t .line{ width: 22px; left: -32px;}
  .proces-dl .oneItem .proces-t .line{ left: -32px; right: auto;}
  .proces-dl .itemBox,.proces-dl .oneItem .itemBox{ margin: 30px 0 0 40px;}
  .proces-dl .oneItem .proces-t2{ text-align: right;}
  .proces-dl .oneItem .proces-t2 .sj{ right: auto; left: 5%;}

  /*
  *business.html
  */
  .business-info-img,
  .business-info-txt{
    width: 100%;
    margin-bottom: 2%;
  }
  .business-info-txt>h4{
    margin: 10px 0;
  }
  .business-info-txt>p,
  .business-info-txt>span{
    font-size: 14px;
    line-height: 30px;
    letter-spacing: 1px;
  }
  .list-img,
  .list-txt{
    width: 100%;
  }
  .business-list .list .list-txt{
    padding: 10px;
  }
  .list{
    padding-bottom: 10px;
  }
  /*
  *case.html
  */
  .case .index-case-list{
    margin-left: 0;
  }
  .case .index-case-list li{
    width: 100%;
    margin: 0;
  }
  /*
  *company.html
  */
  .company-img,
  .company-txt{
    width: 100%;
  }
  .return{
    padding-right: 10px;
  }
  /*
  *culture.html
  */
  .left-con,
  .right-con{
    width: 100%;
    padding: 0;
    margin-bottom: 10px;
  }
  .four li{
    padding: 0 10px;
  }
  /*news-detail.html*/
  .page-return{
    position: static;
    float: right;
    margin-right: 10px;
    padding-bottom: 10px;
  }
  .training-img>img{
    width: 100%;
    margin: 2% 0;
  }
  .inside-title{
    padding-left: 10px;
  }
  .inside-title>h2{
    font-size: 26px;
  }
  .inside-title>h3{
    font-size: 20px;
  }

  .panel-body>ul>li{
    width: 50%;
  }
  .panel .panel-header>span{
    font-size: 16px;
  }
  .panel-header>span:last-child{
    margin-top: 0;
  }
  .panel-body{
    padding: 10px;
  }
  #video{
    width: 100%;
  }
  .phone-nav li>a{
    padding: 5% 0;
  }

  .honors-list>ul>li{
    float: left;
    width: 48%;
    margin: 2% 1%;
  }
  /*
  *company_detail.html
  */
  .company-txt{
    padding-bottom: 50px;
  }
  .company-show .read-more{
    left: 10px;
    bottom: 0;
  }
  .more-txt img{
    width: 100%;
    margin: 20px auto;
  }
.index-industry-list li.esp{
    display: none;
  }
}