@media only screen and (min-width: 768px) and (max-width: 991px) {
}
@media only screen and (max-width: 991px) {
  .main,
  .fyMain {
    width: 94%;
  }
  .header,
  .menu,
  .banner,
  .notice,
  .notice marquee,
  .news ul,
  .news ul li,
  .case,
  .view-port,
  .news,
  .foot,
  .f_link,
  .bottomnav,
  .bootTxt,
  .logo,
  .case_rt,
  .newsmore {
    width: 100% !important;
    min-width: 100% !important;
  }
  .notice b {
    display: none;
  }
  .m_logo_btn {
    display: block;
  }
  .banner {
    height: auto;
  }
  .slides li {
    height: auto !important;
  }
  .case {
    height: auto !important;
  }
  .case_r {
    width: 100%;
  }
  .notice {
    line-height: 40px;
    height: 40px;
  }
  .notice marquee {
    margin-left: 0;
    width: 90%;
  }
  .news .ititle,
  .al .ititle,
  .qnav .ititle {
    background: url('../images/news_t.gif') center 45px no-repeat;
    margin-bottom: 20px;
  }
  .ititle font {
    font-size: 20px;
    height: 30px;
    line-height: 30px;
  }
  .newsmore {
    padding-bottom: 10px;
    margin-top: 18px;
  }
  .about_left {
    width: 100%;
  }
  .about_right {
    width: 100%;
    margin-top: 15px;
  }
  .index_about {
    line-height: 25px;
  }
  .bottomnav {
    height: auto;
    line-height: 25px;
    padding: 10px 0;
  }
  .foot .bottomnav a {
    width: auto;
  }
  .header,
  .menu ul {
    display: none;
  }
  .menu {
    padding: 0;
  }
  .menu #navToggle {
    height: 100%;
    padding: 9px 15px;
    margin-right: 5px;
    margin-bottom: 15px;
    display: inline-block;
    z-index: 10;
    position: absolute;
    right: 0;
  }
  .menu #navToggle span {
    position: relative;
    width: 25px;
    height: 1px;
    margin-top: 19px;
  }
  .menu #navToggle span:before,
  .menu #navToggle span:after {
    content: '';
    position: relative;
    width: 100%;
    height: 1px;
    left: 0;
  }
  .menu #navToggle span,
  .menu #navToggle span:before,
  .menu #navToggle span:after {
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    display: block;
    background: #333;
  }
  .menu #navToggle span:before {
    top: 8px;
  }
  .menu #navToggle span:after {
    bottom: 10px;
  }
  .menu #navToggle.open span:before {
    top: 10px;
    -webkit-transform: translateY(-11px) rotate(-45deg);
    -moz-transform: translateY(-11px) rotate(-45deg);
    -ms-transform: translateY(-11px) rotate(-45deg);
    -o-transform: translateY(-11px) rotate(-45deg);
    transform: translateY(-11px) rotate(-45deg);
  }
  .menu #navToggle.open span:after {
    bottom: 12px;
    -webkit-transform: translateY(10px) rotate(45deg);
    -moz-transform: translateY(10px) rotate(45deg);
    -ms-transform: translateY(10px) rotate(45deg);
    -o-transform: translateY(10px) rotate(45deg);
    transform: translateY(10px) rotate(45deg);
  }
  .menu #navToggle.open span {
    background: none;
  }
  .menu #navToggle.open span:before,
  .menu #navToggle.open span:after {
    background: #fff;
  }

  .menu .nav {
    display: none;
  }
  .fyLeft,
  .fyRight,
  .ltitle,
  .l_news ul {
    width: 100%;
  }
  .fyRight {
    margin-top: 20px;
  }
  .l_contact {
    display: none;
  }
  .l_news li {
    width: 50%;
    float: left;
  }
  .news_list li .fl {
    display: none;
  }
  .news_list li .fl,
  .news_list li a .fr {
    width: 100%;
  }
  img {
    max-width: 100%;
  }
  .titlefl {
    width: 100%;
    text-align: center;
  }
  .cont_tit h1 {
    font-size: 20px;
  }
}