@media (max-width: 1440px) { .container { width: 1200px !important; } }

@media (max-width: 1200px) { .container { width: 1024px !important; } }

@media (max-width: 1024px) { .section-about .slide-group-intro video { height: 350px; }
  .section-business ul li .title { min-width: auto; }
  .section-business ul li .title h2 { font-size: 20px; }
  .inside-banner { height: 320px; }
  .list-case-wrapper ul { margin-left: -10px; margin-right: -10px; }
  .list-case-wrapper ul li { padding-left: 10px; padding-right: 10px; } }

@media (max-width: 768px) { .container { width: 100% !important; }
  .header .navbar a { padding-left: 15px; padding-right: 15px; }
  .banner { height: 550px; }
  .section-about .slide-group-intro video { float: none; width: 100%; height: 450px; }
  .section-about .slide-group-intro .intro { float: none; width: 100%; padding-left: 0; margin-top: 30px; }
  .section-business ul li { width: 50%; }
  .section-business ul li:nth-child(4) { width: 50%; height: 330px; }
  .section-business ul li:nth-child(5) { width: 100%; }
  .section-business ul li .title { min-width: 250px; }
  .module-list-news { margin-left: -10px; margin-right: -10px; }
  .module-list-news .item { padding-left: 10px; padding-right: 10px; } }

@media (max-width: 767px) { .navbtn { display: block; top: 15px; right: 10px; padding: 0 5px; border-radius: 4px; }
  .navbtn span { width: 25px; height: 2px; margin: 6px 0; }
  .navbtn.navclose { position: fixed; }
  .navbtn.navclose span:nth-child(1) { -o-transform: translateY(8px) rotate(45deg); -moz-transform: translateY(8px) rotate(45deg); -ms-transform: translateY(8px) rotate(45deg); -webkit-transform: translateY(8px) rotate(45deg); transform: translateY(8px) rotate(45deg); }
  .navbtn.navclose span:nth-child(3) { -o-transform: translateY(-8px) rotate(-45deg); -moz-transform: translateY(-8px) rotate(-45deg); -ms-transform: translateY(-8px) rotate(-45deg); -webkit-transform: translateY(-8px) rotate(-45deg); transform: translateY(-8px) rotate(-45deg); }
  .header { background-color: #e62129; }
  .header .logo a { height: 60px; }
  .header .navbar { position: fixed; z-index: 990; top: 0; left: -70%; display: block; width: 70%; height: 100%; padding-left: 15px; padding-right: 15px; padding-top: 15px; transition: left 0.5s; -webkit-transition: left 0.5s; -moz-transition: left 0.5s; -o-transition: left 0.5s; }
  .header .navbar li { clear: both; width: 100%; line-height: normal; margin-left: 0; }
  .header .navbar li:first-child > a { border-top-left-radius: 5px; border-top-right-radius: 5px; }
  .header .navbar li:last-child > a { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
  .header .navbar li.current a { color: #e62129; background-color: #fff; }
  .header .navbar a { position: relative; z-index: 9; width: 100%; line-height: 45px; padding-left: 15px; padding-right: 15px; color: #000; background-color: #fff; border-bottom: 1px solid #efefef; }
  .header .navbar:before { content: ''; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background-color: #eee; }
  .header .navbar:after { content: ''; opacity: 0; visibility: hidden; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; }
  .header .navbar.nav-show { left: 0; transition: left 0.5s; -webkit-transition: left 0.5s; -moz-transition: left 0.5s; -o-transition: left 0.5s; }
  .header .navbar.nav-show:after { opacity: 1; visibility: inherit; }
  .banner { height: 320px; margin-top: 60px; }
  .banner .pagination { bottom: 10px !important; }
  .banner .pagination span { width: 7px; height: 7px; margin: 0 5px !important; }
  .section-title { margin-top: 30px; }
  .section-title h3 { font-size: 20px; }
  .section-title h3::before, .section-title h3::after { width: 60px; }
  .section-title h3::before { margin-right: 10px; }
  .section-title h3::after { margin-left: 10px; }
  .section-slide-tabs { margin-top: 20px; }
  .section-slide-tabs li a { line-height: 30px; padding-left: 5px; padding-right: 5px; font-size: 14px; }
  .section-slide-tabs li a:hover { padding-left: 15px; padding-right: 15px; }
  .section-slide-tabs li.current a { padding-left: 15px; padding-right: 15px; }
  .section-about .about-slide { margin-top: 20px; }
  .section-about .about-slide .text { font-size: 13px; }
  .section-about .slide-group-intro video { height: 250px; }
  .section-about .slide-group-intro .intro h1 { font-size: 20px; }
  .section-about .slide-group-intro .intro h1::after { margin-top: 15px; }
  .section-about .slide-group-intro .intro .text { margin-top: 15px; }
  .section-about .slide-group-intro .intro .more { width: 80px; line-height: 28px; margin-top: 20px; }
  .section-business ul { margin-top: 20px; }
  .section-business ul li { height: 200px !important; }
  .section-business ul li .title { min-width: auto; width: 80%; }
  .section-business ul li .title h2 { font-size: 16px; }
  .section-business ul li .title span { padding-left: 10px; padding-right: 10px; font-size: 12px; }
  .section-news-center { padding-bottom: 50px; }
  .section-news-center .news-slide .slide-more { margin-top: 0; }
  .inside-banner { height: 180px; }
  .inside-wrapper { padding-bottom: 50px; }
  .inside-wrapper .crumbs { line-height: 1.4; margin-top: 20px; padding-bottom: 10px; font-size: 13px; }
  .list-case-wrapper ul li { clear: both; width: 50%; margin-top: 25px; }
  .list-case-wrapper ul li .title { margin-top: 10px; font-size: 13px; }
  .module-list-news { margin-top: 20px; }
  .module-list-news .item { float: none; width: 100%; padding-bottom: 20px; margin-bottom: 30px; border-bottom: 1px solid #ddd; }
  .module-list-news .title { font-size: 15px; }
  .module-list-news .intro { margin-top: 10px; font-size: 12px; }
  .module-list-news .date { text-align: left; margin-top: 5px; }
  .single-wrapper { font-size: 14px; }
  .list-join-wrapper ul { margin-top: 30px; margin-bottom: 50px; }
  .list-join-wrapper ul li .title { line-height: 40px; padding-left: 20px; font-size: 15px; }
  .list-join-wrapper ul li .join-content { line-height: 1.6; padding-left: 10px; padding-right: 10px; padding-top: 20px; padding-bottom: 20px; }
  .list-pagination { margin-top: 30px; }
  .list-pagination span, .list-pagination a { font-size: 12px; }
  .footer { padding-bottom: 15px; }
  .foot-nav a { margin: 5px 10px; font-size: 13px; }
  .copyright { font-size: 12px; } }

/*# sourceMappingURL=../maps/style/media.css.map */