/* 1199 像素以下的屏幕*/
@media (max-width: 1199px) {
  .logo,
  .link-t,
  .i-about {
    padding-left: 15px;
  }
  .link-t {
    margin-bottom: 20px;
  }
  .link .linklist {
    width: 100%;
    box-sizing: border-box;
    padding-left: 15px;
  }
  .link .bx-viewport {
    margin-top: 30px;
  }
  .link .bx-wrapper .bx-prev {
    left: 10px;
  }
  .link .bx-wrapper .bx-next {
    left: 40px;
  }
  .link .bx-wrapper .bx-controls-direction a {
    width: 7px;
    height: 11px;
    top: -24px;
  }
}
/* 991 像素以下的屏幕*/
@media (max-width: 991px) {
  .i-timelist .grid-container-fluid .grid-row dl dt {
    display: none;
  }
  .link .linklist {
    width: 100%;
    padding-right: 0px;
  }
}
/* 767 像素以下的屏幕*/
@media (max-width: 767px) {
  .nav-btn {
    display: block;
  }
  .nav {
    display: none;
    background: #f1f1f1;
    width: 100%;
    position: absolute;
    left: 0;
    top: 76px;
  }
  .nav li {
    width: 100%;
    text-align: center;
  }
  .i-service .grid-container-fluid .grid-row dl {
    text-align: center;
    padding-right: 0px;
    margin-top: 20px;
  }
  .i-service .grid-container-fluid .grid-row dl dt {
    line-height: 30px;
  }
  .i-service .grid-container-fluid .grid-row dl dt a img {
    position: static;
  }
  .i-about {
    width: 100%;
    padding-right: 0px;
  }
  .menu {
    display: none;
  }
}
@media (max-width: 640px) {
  .top {
    height: 0.76rem;
  }
  .nav {
    top: 0.76rem;
  }
  .logo {
    width: 2.1rem;
    height: 0.76rem;
  }
  .nav-btn {
    width: .9rem;
    height: 0.76rem;
  }
  .nav-btn a img {
    width: 0.5rem;
    height: 0.4rem;
  }
  .i-banner li {
    height: 3.07rem!important;
  }
  .copyright > .mauto > .fl {
    text-align: center;
    width: 100%;
  }
  .copyright > .mauto > .fr {
    display: none;
  }
}
/*在小于480 像素的屏幕，微小屏幕，更低分辨率的手机*/
/*当页面大于1200px 时，大屏幕，主要是PC 端*/
/*在992 和1199 像素之间的屏幕里，中等屏幕，分辨率低的PC*/
/*在768 和991 像素之间的屏幕里，小屏幕，主要是PAD*/
/*在480 和767 像素之间的屏幕里，超小屏幕，主要是手机*/