body {
    font-family: "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  }
  a{
      color: #333;
  }
  a:hover,
  a:focus {
    color: #666;
    text-decoration: underline;
  }
  .mt30{
      margin-top: 30px;
  }
  .top{
      height: 30px;
      line-height: 30px;
      color: #fff;
      background: #2b2b2b;
      overflow: hidden;
  }
  .top .tel{
      background: url(../images/top_tel.jpg)  no-repeat left center;
      padding-left: 30px;
  }
  .navbar{
      margin-bottom: 0;
  }
  .navbar-brand {
    float: left;
    height: 80px;
    padding: 20px 15px;
    font-size: 18px;
    line-height: 20px;
  }
  .navbar-toggle{
      margin-top: 12px;
  }
  .navbar-default {
    background-color: #fff;
    border-color: #e7e7e7;
  }
  .navbar-default .navbar-nav  li h2{
      font-size: 14px;
      font-weight: 100;
      margin: 0px;
      line-height: 120px;
      display: blcok;
      display: block;
  }
  .navbar-default .navbar-nav  li a {
    color: #333;
  }
  .navbar-default .navbar-nav  li a:hover,
  .navbar-default .navbar-nav  li a:focus {
    color: #fff;
    background-color: #e70012;
  }
  .navbar-default .navbar-nav  .active  a,
  .navbar-default .navbar-nav  .active  a:hover,
  .navbar-default .navbar-nav  .active  a:focus {
    color: #fff;
    background-color: #e70012;
  }
  .carousel-indicators li {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 5px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    border: none;
    border-radius: 15px;
  }
  .carousel-indicators .active {
    width: 15px;
    height: 15px;
    margin: 5px;
    background-color: #cc0000;
  }
  .contact{
      height: 70px;
      background: #e70012;
      color: #fff;
      padding: 10px 0;
      -webkit-box-sizing: content-box;
       -moz-box-sizing: content-box;
            box-sizing: content-box;
  }
  .contact .col-md-4 div{
      height: 70px;
  }
  .contact-tel{
      background: url(../images/icon_tel.jpg) no-repeat left center;
      padding-left: 60px;
  }
  .contact-qq{
      background: url(../images/icon_qq.jpg) no-repeat left center;
      padding-left: 66px;
  }
  .contact-add{
      background: url(../images/icon_add.jpg) no-repeat left center;
      padding-left: 64px;
  }
  .contact span,
  .contact b{
      display: block;
      font-size: 16px;
  }
  .contact span{
      padding-top: 10px;
  }
  .contact-tel b,
  .contact-qq b{
      font-size: 24px;
  }
  .title h2{
      font-size: 32px;
      color: #222;
  }
  .title span{
      display: block;
      font-size: 16px;
      color: #b4b7c0;
      margin-bottom: 5px;
  }
  .title p{
      display: inline-block;
      font-size: 16px;
      color: #6c6c6c;
  }
  .title p:before,
  .title p:after{
      display: inline-block;
      color: #6c6c6c;
      padding: 0 30px;
  }
  .btn-procut{
        color: #333;
        background-color: #d9d9d9;
        border-color: #d9d9d9;
  }
  .btn-procut:focus,
  .btn-procut.focus {
    color: #333;
    background-color: #ffa80b;
    border-color: #ffa80b;
  }
  .btn-procut:hover {
    color: #333;
    background-color: #ffa80b;
    border-color: #ffa80b;
  }
  .product .col-md-3 .thumbnail,
  .case .col-md-3 .thumbnail,
  .content .thumbnail{
      margin-bottom: 0px;
      border: 1px solid #b1b1b1;
      box-shadow: 5px 5px 5px #ccc;
  }
  .product .col-md-3 a.thumbnail:hover,
  .product .col-md-3 a.thumbnail:focus,
  .product .col-md-3 a.thumbnail.active,
  .content .col-md-4 a.thumbnail:hover{
    border-color: #e70012;
  }
  
  .content .col-md-4 p{
      display: block;
      text-align: center;
      margin: 10px 0;
  }
  
  .product .col-md-3 h3,
  .case .col-md-3 h3
  {
      display: block;
      text-align: center;
      margin: 10px 0;
      font-size: 14px;
  }
  .case .col-md-3 .thumbnail img{
      width: 100%;
      height: 180px;
  }
  .product .col-md-3 .thumbnail img{
      width: 100%;
      height: 150px;
  }
  .content .col-md-4 .thumbnail img{
      width: 100%;
      height: 150px;
  }
  .about{
      height: 495px;
      background: #171717 url(../images/about_bg.jpg) no-repeat top center;
  }
  .about-title{
      margin-bottom: 15px;
  }
  .about-title h3{
      font-size: 20px;
      color: #d40000;
      font-weight: bold;
  }
  .about-title span{
      color: #858585;
      margin-left: 10px;
  }
  .about .row{
      width: 1024px;
      margin: 90px 0 0 61px;
      _display: inline;
  }
  .about-content p{
      line-height: 30px;
      text-indent: 2em;
  }
  .about-content h4{
      font-size: 20px;
      margin-bottom: 15px;
      font-weight: bold;
  }
  .about-content h4 span{
      color: #d40000;
  }
  .case{
      padding: 30px 0;
      background: #eee;
  }
  .why{
      background: #ffa80b;
      padding: 30px 0;
  }
  .why h3{
      font-size: 35px;
      color: #2d2d2d;
  }
  .why h3 span{
      display: inline-block;
      width: 54px;
      height: 54px;
      line-height: 54px;
      margin: 0 5px;
      font-size: 35px;
      background: #34302d;
      color: #fff;
      border-radius: 50%;
      text-align: center;
      font-weight: bold;
  }
  .news .title span{
      color: #666;
  }
  .news .col-md-7 dl{
      border-bottom: 1px solid #999;
      margin-bottom: 10px;
  }
  .news .col-md-7 dt{
      font-size: 16px;
      font-weight: bold;
      margin-bottom: 5px;
  }
  .news .col-md-7 dt a{
      color: #d21e28;
  }
  .news .col-md-7 dd p{
      text-indent: 2em;
      line-height: 24px;
  }
  .news ul{
      padding-left: 0;
      list-style: none;
  }
  .news ul li{
      height: 40px;
      line-height: 40px;
      border-bottom: 1px solid #ccc;
      overflow: hidden;
  }
  .flink{
      background: #d21327;
      padding: 15px 0;
      color: #fff;
  }
  .flink b{
      font-size: 18px;
  }
  .flink a{
      color: #fff;
      margin: 0 5px;
  }
  .flink a:hover{
      color: #fff;
  }
  .footer{
      background: #222;
      color: #c6c6c6;
      padding: 20px 0 ;
  }
  .footer-menu{
      margin-bottom: 30px;
  }
  .footer-menu a{
      margin: 0 10px;
      border-right: 1px solid #c6c6c6;
      color: #c6c6c6;
      padding: 0 15px;
  }
  
  .sidebar-list{
      border: 2px solid #e20100;
      padding: 2px;
  }
  .sidebar-list h3{
      height: 50px;
      line-height: 50px;
      text-align: center;
      font-size: 20px;
      font-weight: bold;
      background: #e20100;
      margin: 0;
      color: #fff;
  }
  .sidebar-list ul{
      list-style: none;
      padding: 5px 10px;
  }
  .sidebar-list ul li{
      height: 40px;
      line-height: 40px;
      border-bottom: 1px dashed #ccc;
      background: url(../images/icon_dot.jpg) no-repeat 10px center;
      text-indent: 20px;
  }
  .sidebar-list ul li h4{
      font-size: 16px;
  }
  .sidebar-contact{
      border-top: 5px solid #e20100;
      background: #f0f0f0;
      padding: 10px;
  }
  .sidebar-contact h3{
      font-size: 20px;
      font-weight: bold;
      color: #d40000;
  }
  .sidebar-contact h3 span{
      font-weight: normal;
      color: #999;
  }
  .sidebar-contact p{
      line-height: 30px;
      margin: 0;
  }
  .column{
      margin: 0;
      height: 48px;
      line-height: 48px;
      border-bottom: 2px solid #d40000;
      font-size: 18px;
      color: #333;
      font-weight: bold;
  }
  .news-list{
      padding: 10px 0;
      list-style: none;
  }
  .news-list li{
      height: 40px;
      line-height: 40px;
      overflow: hidden;
      border-bottom: 1px dotted #ccc;
      background: url(../images/icon_dot.jpg) no-repeat left center;
      padding-left: 10px;
  }
  .content-title{
      font-size: 20px;
      font-weight: bold;
      margin-bottom: 20px;
  }
  .content-text img{
      display: block;
      max-width: 100% !important;
      height: auto !important;
      margin: 10px auto;
  }
  .pagination > li > a,
  .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #333;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
  }
  .pagination > li > a:hover,
  .pagination > li > span:hover,
  .pagination > li > a:focus,
  .pagination > li > span:focus {
    z-index: 2;
    color: #fff;
    background-color: #d40000;
    border-color: #d40000;
  }
  .pagination > .active > a,
  .pagination > .active > span,
  .pagination > .active > a:hover,
  .pagination > .active > span:hover,
  .pagination > .active > a:focus,
  .pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #d40000;
    border-color: #d40000;
  }
  
  @media (max-width: 767px) {
    .navbar-brand {
        height: 60px;
        padding: 0 10px;
      }
    .navbar-brand img{
        height: 60px;
      }
    .carousel-indicators li {
        display: none;
      }
      .title p:before,
      .title p:after{
          display: inline-block;
          content: "鈥斺€�";
          color: #6c6c6c;
          padding: 0 20px;
      }
      .product .col-xs-6{
          margin-top: 15px;
      }
      .about{
          height: auto;
          background: #171717;
      }
      .about .row{
          width: 100%;
          margin: 0;
          color: #fff;
      }
      .about-title h3{
          font-size: 20px;
          color: #d40000;
          font-weight: bold;
      }
      .about-title span{
          color: #ccc;
          margin-left: 10px;
          font-size: 16px;
      }
      .about-content h4{
          font-size: 16px;
          margin-bottom: 15px;
          font-weight: bold;
      }
      .why h3{
          font-size: 18px;
      }
      .why h3 span{
          width: 24px;
          height: 24px;
          line-height: 24px;
          font-size: 20px;
      }
      .why .col-md-3{
          margin-bottom: 30px;
      }
      .news .col-md-7{
          margin-top: 20px;
      }
  
  }
  
  @media (min-width: 768px) {
    .navbar-nav li a {
      padding: 50px 19px;
      font-size: 16px;
      font-weight: bold;
    }
    .carousel-indicators {
      bottom: 0;
    }
  
  }


  .related_article li {line-height:35px;border-bottom:1px solid #eee;list-style: none;}
.related_article li span{font-size: 12px;float:right;}