@media screen and (max-width:1439px) {
  .pcl-item .front img { padding: 10px 50px 20px 50px; }
}
@media screen and (max-width:767px) {
  .fs-20 { font-size: 12px; }
  .fs-21 { font-size: 13px; }
  .fs-22 { font-size: 13px; }
  .fs-23 { font-size: 14px; }
  .fs-24 { font-size: 14px; }
  .fs-25 { font-size: 15px; }
  .fs-26 { font-size: 16px; }
  .fs-27 { font-size: 16px; }
  .fs-28 { font-size: 17px; }
  .fs-29 { font-size: 17px; }
  .fs-30 { font-size: 18px; }
  .fs-30 { font-size: 18px }
  .fs-31 { font-size: 19px }
  .fs-32 { font-size: 19px }
  .fs-33 { font-size: 20px }
  .fs-34 { font-size: 20px }
  .fs-35 { font-size: 21px }
  .fs-36 { font-size: 22px }
  .fs-37 { font-size: 22px }
  .fs-38 { font-size: 23px }
  .fs-39 { font-size: 23px }
  .fs-40 { font-size: 24px }
  .fs-42 { font-size: 25px }
  .fs-44 { font-size: 26px }
  .fs-46 { font-size: 28px }
  .fs-48 { font-size: 29px }
  .fs-50 { font-size: 30px }
  .fs-52 { font-size: 31px }
  .fs-54 { font-size: 32px }
  .fs-56 { font-size: 34px }
  .fs-58 { font-size: 35px }
  .fs-60 { font-size: 36px }
  .fs-65 { font-size: 39px }
  .fs-70 { font-size: 42px }
  [data-view="phone"] body, body { line-height: 1.4; overflow-x: hidden; overflow-y: visible; padding-top: 65px; }
  .frame-wide, .frame-wide.narrow, .frame-full { overflow: hidden; padding-right: 20px; padding-left: 20px; }
  .wow { visibility: visible; }
  .new-line { display: block; }
  .top-nav, .fixed-top-nav .top-nav { position: fixed; height: 65px; box-shadow: 0 0 15px rgba(0, 0, 0, .2); }
  .top-nav:after { display: none; }
  .home-top-nav { display: none; }
  .top-nav-search { display: none; }
  .top-nav-logo { width: auto; height: 65px; padding-top: 17px; padding-bottom: 18px; }
  .top-nav-logo h1 a { min-width: 260px; }
  .top-nav-logo .logo-small { opacity: 1; }
  .top-nav-logo .logo-big { opacity: 0; }
  .row-top { z-index: 11; }
  .top-nav-menu { position: fixed; top: 0; left: 0; overflow: hidden; width: 100%; height: 0; margin-top: 65px; transition: all .3s; opacity: 0; background-color: white; }
  .fixed-top-nav .top-nav-menu dt a span { line-height: 1; font-size: 15px; padding: 10px 50px; }
  .top-nav-menu dl { display: table; width: 100%; height: 11.5%; }
  .top-nav-menu dd { z-index: 5; display: none; }
  .top-nav-menu dt a { font-weight: normal; color: rgb(55, 55, 55); border: 0; }
  .top-nav-menu dl.active dt { background-color: transparent; }
  .top-nav-menu dl.active dt a { color: rgb(237, 108, 0); }
  .top-nav-menu dl.active dt a:after { display: none; }
  .top-nav-menu dl:last-child dt a { border: 0; }
  .btn-menu { font-size: 30px; position: relative; z-index: 10; float: right; transition: all .4s; }
  .mobile-menu .btn-menu { -webkit-transform: rotate(90deg); transform: rotate(90deg); }
  .mobile-menu .top-nav-menu { z-index: 999; width: 100%; height: 100%; padding-top: 10%; padding-bottom: 5%; opacity: 1; }
  .mobile-menu, .mobile-menu body { overflow: hidden; height: 100% !important; }
  .mobile-menu body { position: relative; }
  .ani-menu { position: relative; display: inline-block; float: right; overflow: hidden; width: 46px; height: 40px; margin-top: 14px; margin-right: 0; padding-top: 9px; -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); text-align: right; }
  .ani-menu span { position: relative; display: inline-block; overflow: hidden; width: 26px; height: 19px; vertical-align: top; }
  .ani-menu i { position: absolute; left: 0; display: block; width: 26px; height: 3px; transition: all .5s ease-out; -webkit-animation-duration: .5s; animation-duration: .5s; background-color: white; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
  .ani-menu .am1 { top: 0; }
  .ani-menu .am2 { top: 8px; }
  .ani-menu .am3 { bottom: 0; }
  [data-menu='closed'] .ani-menu .am1 { -webkit-animation-name: am-1-0; animation-name: am-1-0; }
  [data-menu='closed'] .ani-menu .am2 { -webkit-animation-name: am-2-0; animation-name: am-2-0; }
  [data-menu='closed'] .ani-menu .am3 { -webkit-animation-name: am-3-0; animation-name: am-3-0; }
  [data-menu='opend'] .ani-menu .am1 { -webkit-animation-name: am-1-1; animation-name: am-1-1; -webkit-animation-delay: 0s; animation-delay: 0s; }
  [data-menu='opend'] .ani-menu .am2 { -webkit-animation-name: am-2-1; animation-name: am-2-1; -webkit-animation-delay: 0s; animation-delay: 0s; }
  [data-menu='opend'] .ani-menu .am3 { -webkit-animation-name: am-3-1; animation-name: am-3-1; -webkit-animation-delay: 0s; animation-delay: 0s; }
  @-webkit-keyframes am-1-1 {
    0% { -webkit-transform: translateY(0) rotate(0deg); transform: translateY(0) rotate(0deg); }
    50% { -webkit-transform: translateY(8px) rotate(0deg); transform: translateY(8px) rotate(0deg); }
    100% { -webkit-transform: translateY(8px) rotate(45deg); transform: translateY(8px) rotate(45deg); }
  }
  @keyframes am-1-1 {
    0% { -webkit-transform: translateY(0) rotate(0deg); transform: translateY(0) rotate(0deg); }
    50% { -webkit-transform: translateY(8px) rotate(0deg); transform: translateY(8px) rotate(0deg); }
    100% { -webkit-transform: translateY(8px) rotate(45deg); transform: translateY(8px) rotate(45deg); }
  }
  @-webkit-keyframes am-1-0 {
    0% { -webkit-transform: translateY(8px) rotate(45deg); transform: translateY(8px) rotate(45deg); }
    50% { -webkit-transform: translateY(8px) rotate(0deg); transform: translateY(8px) rotate(0deg); }
    100% { -webkit-transform: translateY(0) rotate(0deg); transform: translateY(0) rotate(0deg); }
  }
  @keyframes am-1-0 {
    0% { -webkit-transform: translateY(8px) rotate(45deg); transform: translateY(8px) rotate(45deg); }
    50% { -webkit-transform: translateY(8px) rotate(0deg); transform: translateY(8px) rotate(0deg); }
    100% { -webkit-transform: translateY(0) rotate(0deg); transform: translateY(0) rotate(0deg); }
  }
  @-webkit-keyframes am-2-1 {
    0% { opacity: 1; }
    100% { opacity: 0; }
  }
  @keyframes am-2-1 {
    0% { opacity: 1; }
    100% { opacity: 0; }
  }
  @-webkit-keyframes am-2-0 {
    0% { opacity: 0; }
    100% { opacity: 1; }
  }
  @keyframes am-2-0 {
    0% { opacity: 0; }
    100% { opacity: 1; }
  }
  @-webkit-keyframes am-3-1 {
    0% { -webkit-transform: translateY(0) rotate(0deg); transform: translateY(0) rotate(0deg); }
    50% { -webkit-transform: translateY(-8px) rotate(0deg); transform: translateY(-8px) rotate(0deg); }
    100% { -webkit-transform: translateY(-8px) rotate(-45deg); transform: translateY(-8px) rotate(-45deg); }
  }
  @keyframes am-3-1 {
    0% { -webkit-transform: translateY(0) rotate(0deg); transform: translateY(0) rotate(0deg); }
    50% { -webkit-transform: translateY(-8px) rotate(0deg); transform: translateY(-8px) rotate(0deg); }
    100% { -webkit-transform: translateY(-8px) rotate(-45deg); transform: translateY(-8px) rotate(-45deg); }
  }
  @-webkit-keyframes am-3-0 {
    0% { -webkit-transform: translateY(-8px) rotate(-45deg); transform: translateY(-8px) rotate(-45deg); }
    50% { -webkit-transform: translateY(-8px) rotate(0deg); transform: translateY(-8px) rotate(0deg); }
    100% { -webkit-transform: translateY(0) rotate(0deg); transform: translateY(0) rotate(0deg); }
  }
  @keyframes am-3-0 {
    0% { -webkit-transform: translateY(-8px) rotate(-45deg); transform: translateY(-8px) rotate(-45deg); }
    50% { -webkit-transform: translateY(-8px) rotate(0deg); transform: translateY(-8px) rotate(0deg); }
    100% { -webkit-transform: translateY(0) rotate(0deg); transform: translateY(0) rotate(0deg); }
  }
  @-webkit-keyframes am-0-0 {
    0% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
    100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  }
  @keyframes am-0-0 {
    0% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
    100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  }
  @-webkit-keyframes am-0-1 {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -webkit-transform: rotate(45deg); transform: rotate(45deg); }
  }
  @keyframes am-0-1 {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -webkit-transform: rotate(45deg); transform: rotate(45deg); }
  }
  .top-nav-menu.opened { padding-right: 250px; }
  .top-nav-menu.opened dl.active dd { position: fixed; top: 0; right: 0; left: initial; display: block; width: 250px; height: 100%; padding-top: 65px; opacity: 1; }
  .top-nav-menu.opened dl.active div { left: 0; display: block; overflow-y: auto; height: 100%; margin: 0; padding-right: 20px; padding-bottom: 30px; padding-left: 20px; background-color: rgb(242, 242, 242); -webkit-overflow-scrolling: touch; }
  .top-nav-menu dd:after { display: none; }
  .sub-nav-cats, .sub-nav-link { display: block; float: none; width: 100%; margin: 0; padding: 0; }
  .sub-nav-link { font-size: 0;    /*text-align: center;*/ }
  .top-nav-menu dd .sub-nav-link a { font-size: 13px; min-width: 45%; margin-right: 3px; margin-bottom: 6px; margin-left: 3px; text-align: center; border: 1px solid rgba(0, 0, 0, .2); border-radius: 5px; }
  .top-nav-menu dd .sub-nav-link a.space { font-size: 14px; font-weight: normal; display: block; padding-left: 30px; text-align: left; color: black; border: 0; }
  .top-nav-menu.opened dl.active dt { background-color: rgb(242, 242, 242); }
  .top-nav-menu dt { line-height: 1; display: table-cell; width: 100%; padding: 0; vertical-align: middle; }
  .top-nav-menu dt a { font-weight: bold; display: inline-block; height: auto; }
  .has-padding { padding-top: 50px; padding-bottom: 50px; }
  .common-header-text { padding-bottom: 20px; }
  .common-header-text .en { font-size: 26px; }
  .common-header-text h3 { font-size: 24px; padding: 2px 10px; }

  /* HOME */
  .home-slides .slick-dots { bottom: 50px; -webkit-transform: scale(.7); transform: scale(.7); }
  html[data-view='phone'] .scrolling-tips { display: none; }
  .home-service { padding: 50px 0 0 0; margin-left: -15px; margin-right: -15px; }
  .home-service-list .numbers { font-size: 40px; line-height: 40px; }
  .home-service-list .numbers em { font-size: 30px; margin-top: -5px; margin-left: -8%; }
  .home-service-list .overview { padding-top: 15px; padding-left: 10px; padding-right: 10px; font-size: 14px; min-height: 55px; }
  .home-about img { max-height: 80px; padding-bottom: 15px; }
  .home-about-overview { text-align: left; line-height: 2; }
  .home-products .more { margin-top: 40px; margin-bottom: 50px; }
  .products-list .back { z-index: -1; }
  .home-news, .home-news .common-header-text { margin-bottom: 0; }
  .hot-news-list li { margin-bottom: 25px !important; }
  .top-news-list .ratio { display: none; }
  .home-news-list .overview { overflow: hidden; line-height: 18px; max-height: 36px; white-space: normal; text-overflow: normal; }
  .top-news-list .btn-border { left: 50%; margin-left: -25%; position: relative; }
  .home-news-list .subject { padding-bottom: 5px; }
  .main-footer { padding-top: 40px; }
  .spacing-60 [class^='col-'] { padding-left: 15px; padding-right: 15px; }
  .footer-recommend { padding-bottom: 20px; margin-left: -15px; margin-right: -15px; text-align: center; }
  .footer-recommend li:not(:last-child) { margin-bottom: 10px; }
  .footer-recommend .image { padding-top: 8px; float: none; width: auto; padding-bottom: 0; }
  .footer-recommend .text { margin-left: 0; }
  .footer-recommend .subject { padding-top: 10px; }
  .footer-recommend .overview { display: none; }
  .footer-nav { display: none; }
  .footer-wechat { padding-bottom: 10px; }
  .footer-contact { display: none; }
  .footer-copyright { padding-top: 10px; padding-bottom: 10px; margin-top: 20px; }
  .footer-copyright [class^='col-'] { text-align: center; }
  .common-banner, .common-banner.window-height { height: 220px !important; }
  .common-banner .fs-65 { font-size: 32px; }
  .common-banner .fs-46 { font-size: 25px; }

  /* PRODUCTS */
  .products-category .products-list { margin-left: -5px; margin-right: -5px; }
  .products-category .products-list li { padding-left: 5px; padding-right: 5px; padding-top: 10px; padding-bottom: 15px; }
  .products-category .products-list li .ratio-1-1 { padding-top: 150%; overflow: visible; }
  .pcl-item .front img { height: 60%; padding: 0; }
  .pcl-item .front .text { height: 40%; padding-top: 10px; display: block; text-align: center; }
  .pcl-item .front .subject { margin-bottom: 5px; margin-top: 5px; }
  .products-list .front .overview { line-height: 20px; height: 40px; }
  .common-banner.products-area.window-height { height: 360px !important; }
  .BMap_scaleCtrl { display: none; }
  .sub-top-nav { display: table; height: auto; padding-top: 18px; padding-bottom: 18px; }
  .sub-top-nav .inlinie-wrapper { display: table-cell; }
  .sub-top-nav a { height: 40px; line-height: 40px; margin-right: 0 !important; width: 25%; border-color: transparent !important; }
  .nav-path { padding-top: 10px; padding-bottom: 10px; }
  .products-details-info { padding-top: 20px; padding-bottom: 30px; }
  .pd-text { padding-left: 0; }
  .pd-subject { padding-top: 15px; padding-bottom: 10px; }
  .pd-price { padding-bottom: 15px; }
  .pd-shop { padding-top: 40px; text-align: center; }
  .products-details-content .pd-shop { padding-bottom: 50px; }
  .products-details-slogan .frame-wide { padding-bottom: 10px; padding-left: 0; padding-right: 0; }
  .products-list a .back { display: none; z-index: -1; }
  .pd-gallery-line { padding-top: 20px; padding-bottom: 20px; }
  .pdc-overview { line-height: 1.8; }
  .pdc-overview p.free-line { line-height: 1; }
  /* ABOUT */
  .ah-image { text-align: center; padding-bottom: 15px; }
  .ah-image img { max-width: 50%; }
  .ah-text { padding-left: 0; }
  .ah-text img { max-width: 30%; margin-left: 52%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
  .ah-overview { line-height: 2; }
  .about-brand-subject { padding: 0 0 15px 0; }
  .about-job { padding-bottom: 0; }
  .about-brand-content, .about-chairman-content { line-height: 2; text-align: justify-all; }
  .about-job-info { padding-bottom: 50px; }
  .about-job-item { line-height: 2; }

  /* ACTIVETIES */
  .news-list .item-info { padding-left: 0; }
  .news-list .subject { padding-bottom: 4%; }
  .news-list .date { padding-top: 10px; padding-bottom: 5px; }
  .news-list .overview { line-height: 20px; max-height: 60px; }
  .archive-heading h2 { margin-top: 50px; line-height: 1.5; }
  .members-content strong { -webkit-transform: none; transform: none; font-size: 14px; }
  .archive-list { margin-top: 50px; margin-bottom: 50px; }
  .archive-list .item-left, .archive-list .item-right { float: none; text-align: left; padding: 0; width: auto; }
  .archive-list .item-info { margin-left: 0; padding-right: 0; }
  .archive-list .item-info i { display: none; }
  .archive-recommend { padding-bottom: 50px; }
  .archive-recommend .row { margin-right: -5px; margin-left: -5px; }
  .archive-recommend [class^='col-'] { padding: 5px; border: 0; }
  .article-news-page .archive-recommend .category { padding-top: 10px; }
  .article-news-page .archive-recommend .row { margin: 0 -5px; }
  .article-news-page .archive-recommend [class^='col-'] { padding: 10px 5px; border: 0; }
  .article-news-page .archive-recommend .subject { font-size: 12px; }
  .pager-list { margin-top: 10px; margin-bottom: 20px; }

  /* CONTACT */
  .contact-home .btn-rounded { padding: 10px 25px; }
  .contact-home .btn-item .has-padding { padding: 30px 0 0 0; text-align: center; }
  .contact-home h3 { line-height: 25px; }
  .cus-subject { padding-bottom: 15px; }
  .cus-tel { padding-top: 15px; }
  .cus-remark { float: none; }
  .contact-home-right { padding-top: 35px; }
  .common-feedback h3 { font-size: 18px; }
  .contact-home-right h4 { padding-top: 5px; padding-bottom: 10px; }
  .common-feedback .item { padding-bottom: 10px; }
  .common-feedback-form textarea { height: 120px; }
  .common-feedback label { font-size: 12px; line-height: 1; margin-bottom: 2px; }
  .contact-button { clear: both; padding-top: 20px; text-align: center; }
  .common-feedback-form button { margin: auto 5px; }
  .article-contact-branches > .has-padding { padding-top: 20px; }
  .branches-map { height: 225px; }
  .branches-list { height: auto; padding-top: 20px; }
  .branches-store { position: relative; padding-top: 20px; }
  .branches-list select { border-color: rgb(180, 180, 180); }
  .branches-store-list li { padding-left: 30px; margin-bottom: 15px; padding-bottom: 10px; }
  .branches-store-list li:before { font-size: 22px; }
  .branches-store-list li h4, .branches-store-list li h5 { line-height: 1.6; }

  /* COOPERATION */
  .cooperation-heading { padding-bottom: 15px; }
  .cooperation-heading:after { height: 18px; }
  .cooperation-heading h4 { line-height: 1.6; padding-bottom: 5px; }
  .ca-update .frame-wide { padding: 10px 0; }
  .ca-brand-advantage .cooperation-content { padding: 0 20px; line-height: 1.8; }
  .ca-brand-advantage .cooperation-content img { max-width: 50%; }
  .ca-store-list h4 { padding: 5px; }
  .ca-store-list .slick-dots { -webkit-transform: scale(.6); transform: scale(.6); bottom: -10px; }
  .ca-store-list .ratio-3-1 { padding-top: 55%; }
  .ca-join .fs-20 { font-size: 13px; }
  .ca-join p .fs-30 { white-space: nowrap; }
  .ca-join p .fs-40 { font-size: 20px; }
  .ca-join p .fs-50 { font-size: 25px; }
  .cooperation-application { margin-bottom: 20px; }
  .application-details-subject { padding-top: 30px; color: black; }
}
@media screen and (max-width:359px) { }

/*
     FILE ARCHIVED ON 20:31:19 Aug 19, 2018 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 00:39:55 Apr 03, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.695
  exclusion.robots: 0.024
  exclusion.robots.policy: 0.01
  esindex: 0.013
  cdx.remote: 74.073
  LoadShardBlock: 386.054 (3)
  PetaboxLoader3.datanode: 150.278 (4)
  PetaboxLoader3.resolve: 373.42 (2)
  load_resource: 181.238
*/