@charset 'UTF-8';
.copyright-m,
#tool {display:none;}

@media (max-width:768px) {
  .kefu,
  .head .slogan,
  .head .tel,
  .head .caret { display: none;}

  body { padding-bottom: 48px;}
  .container {width: 100%;min-width: 100%;}
  .head {text-align: center;height: 115px;}
  .head .logo {margin: 0 auto;position: inherit;top: inherit;left: inherit;width: 150px;height: 80px;}
  .head .logo img { width: 100%;}
  .head .nav {float: left;width: 100%;margin-top:-25px;}
  .head .nav li {display:inline-block;margin:0 auto;}
  .head .nav li.mr {margin:0 auto;}
  .head .nav li:nth-child(5),
  .head .nav li:nth-child(6),
  .head .nav li:nth-child(7) {display: none;}

  .banner {height: 150px;background-size: cover;}
  .banner p {position: inherit;text-align: center;}
  .banner .name {
    top: inherit;
    left: inherit;
    padding-top: 30px;
    font-size:24px;
  }
  .banner .bg {
     top: inherit;
     left: inherit;
     width:100%;
     height:30px;
     text-indent:10px;
     font-size:16px;
     background-image:none;
   }
  .banner .txt { display: none;}

  .banner2 { height:100px;background-size: cover;}
  .banner2 .bg { top:inherit; left:inherit; width:100%; padding-top: 40px; text-align: center;height:30px; text-indent:0; font-size:16px; background-image:none;}
  .banner2 .txt { display: none;}

  .layout {
    background-size: cover;
  }
  .layout h3.t1 {
    padding-top:20px;
    font-size:24px;
  }
  .layout h3.t1 .line1,
  .layout h3.t1 .line2 {display: none;}

  .bg1 {
    height:200px;
    text-align: center;
  }
  .bg1 .container { padding-left: 0; padding-right: 0;}
  .bg1 h4 {
    margin:20px auto 0 auto;
    width:65px;
    height:65px;
    line-height:65px;
    font-size: 12px;
    background-size: cover;
  }
  .bg2 { height:215.31px;}
  .company_img { width:60%;}
  .company_img img { width: 100%;}
  .company_info { padding:30px 0 0 10px; width:40%;}
  .company_info h4 { float: left; width: 100%; margin-bottom:5px; font-size:14px;}
  .company_info p:nth-child(2) { display: none;}
  .company_info p {
    float: left;
    width: 100%;
    font-size:12px;
    height: 105px;
    overflow: hidden;
  }
  .company_info .btn,
  .bg4 .btn {
    padding: 0;
    width:80px;
    height:30px;
    line-height:28px;
    font-size:14px;
  }

  .bg3 { height:480px; background-color:#eee;}
  .bg3 .box { width:100%;}
  .bg3 .box:first-child { padding-right:0;}
  .bg3 .box h3.t2 { padding-top:20px; font-size:24px;}
  .bg3 .box .con { padding-top:10px; height:170px;}
  .bg3 .box .con img { width: 100%;}

  .bg4 { height:650px; background-size: cover;}
  .bg4 .item { margin-top:30px; width:50%; padding-right:10px;}
  .bg4 img { left:30px; top:-30px; width:100px;}
  .bg4 .con { float:left; padding:10px; width:100%; height:245px; overflow: hidden;}
  .bg4 h4 { padding-top:70px; font-size:14px;}
  .bg4 p { font-size:12px;}
  .bg4 .btn { position:absolute; left:505px; top:560px;}

  .bg5 { height:290px; background-size: cover;}
  .bg5 .item {float:left; margin-top:30px; width:50%; padding-right:10px;}
  .bg5 .item .con { padding:25px 5px 0 60px; height:100px;}
  .bg5 .item:nth-child(2),
  .bg5 .item:nth-child(4) { padding-right:0;}
  .bg5 .item img { position:absolute; left:10px; top:20px; width: 40px;}
  .bg5 .item h4 { font-size:16px;}
  .bg5 .item p { font-size:12px;}

  .bg6 { height:230px; background-size: cover;}
  .bg6 .container { padding-left: 0; padding-right: 0;}
  .bg6 h4 { margin:30px 2px 0 2px; padding: 73px 0 0 0; width:32.2%; height: 100px; font-size: 12px; background-size: cover;}

  .news { height: auto;}
  .news .box { float: none; padding: 30px 0 0 0; width:100%;}
  .news .box .btn { position:absolute; top:25px; right:5px; }
  .news .box h3.t3 { font-size:24px;}
  .news .list { padding: 10px 0 0 0;}

  .contact { height:250px; font-size:14px; background-size: cover;}
  .contact h5 { padding: 10px 0 0 0; font-size:18px;}
  .contact .con { position: relative; padding: 20px 0 0 0; width:100%;}
  .contact p { float:left; width:100%; min-height:20px;}
  .contact p.t { display: none;}
  .contact img { position: absolute; margin-top: 0; top: 5px; right: 35px; width: 150px;}

  .foot { padding: 10px 0; font-size:12px;}
  .foot a { margin: 0 5px;}
  .foot .link { margin: 5px 0; padding: 20px 0 0 0;}

  .copyright p { font-size:12px; display:block;}
  .copyright img { margin-top:10px;}
 
  .details-box .col-md-8 { margin-bottom: 15px; border-right:none;}
  .details-box .col-md-4 { border-left:none;}
  .details-box .list li i { display:none;}
  .details-box .list li a,
  .details-box .list-hot li a { width:100%;}

  .content-box .container { padding: 20px;}
  .content-box img { width: 100%;}

  /*底部固定工具条*/
  #tool { position: fixed; display:block; bottom: 0; left: 0; right: 0; z-index: 900; }
  ul.toollist { display: block; list-style: none;position: fixed; z-index: 900; bottom: 0; left: 0; right: 0;margin:0; padding: 0; height: 48px;}
  .toollist li{ float:left;width: auto;  height: 100%;width:25%;position: static!important;  margin: 0;
  border-radius: 0!important; -webkit-box-sizing: border-box;box-sizing: border-box; -webkit-box-flex: 1; box-flex: 1;
  -webkit-box-sizing: border-box; box-shadow: none!important; background: none;
  }
  .toollist li a {font-size: 20px;line-height: 20px;text-align: center;display: block;text-decoration: none;padding-top: 2px;position:relative;}
  .toollist li a img{width:24px;height:24px;}
  .toollist li a p{margin: 1px 0 1px 0;font-size: 14px;display: block !important;line-height: 18px;text-align: center;}

  .toollist { background:#3f3d3d url(../images/bg_head.gif);}
  .toollist li{ border-right: 1px solid #585656;}
  .toollist li a {color: #fff;}

}