/*common*/
body .bdshare-button-style0-16 a, body .bdshare-button-style0-16 .bds_more { float: none; margin: 0; padding-left: 0; background-image: inherit; }

body { overflow-x: hidden; }

body .anchorBL { display: none; }

.pt-140 { padding-top: 7.29167vw; }

.pb-140 { padding-bottom: 7.29167vw; }

.pt-100 { padding-top: 5.20833vw; }

.pb-100 { padding-bottom: 5.20833vw; }

.mt-80 { margin-top: 4.16667vw; }

.pt-80 { padding-top: 4.16667vw; }

.mt-100 { margin-top: 5.20833vw; }

.mt-120 { margin-top: 6.25vw; }

.mt-200 { margin-top: 200px; }

.w1320 { width: 1320px; margin-right: auto; margin-left: auto; }

.w1000 { width: 1000px; margin-right: auto; margin-left: auto; }

.relative { position: relative; }

.absolute { position: absolute; }

.fl { float: left; }

.fr { float: right; }

.lazy { background: url(../assets/images/loading.gif) no-repeat center center; background-size: 24px; }

.no-lazy .lazy { background: inherit; background-size: inherit; }

.no-lazy .unload { background: url(../assets/images/loading.gif) no-repeat center center; background-size: 24px; }

.slick-dots { font-size: 0; position: absolute; z-index: 10; bottom: 30px; left: 0; width: 100%; text-align: center; }

.slick-dots li { display: inline-block; margin: 0 8px; vertical-align: top; }

.slick-dots .slick-active button { opacity: 1; }

.slick-dots button { display: inline-block; width: 12px; height: 12px; padding: 0; cursor: pointer; transition: opacity 0.4s ease-in-out; vertical-align: top; text-indent: -9999999999999999px; opacity: .6; border: none; border-radius: 50%; outline: 0; background-color: #fff; }

.module-inner-02 .module-btn-01 { margin-top: 60px; }

.module-inner-03 .lazy { position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; width: 24px; height: 24px; margin: auto; }

.module-inner-03 .box { position: relative; padding-top: 460px; }

.module-inner-03 .cont { position: absolute; top: 50%; left: 0; width: 100%; padding: 0 40px; transform: translateY(-50%); text-align: center; }

.module-inner-03 .txt h4 { font-size: 36px; font-weight: 700; color: #bd061c; }

.module-inner-03 .txt p, .module-inner-03 .txt a { font-size: 14px; line-height: 26px; letter-spacing: 1px; color: #fff; }

.module-inner-03 .txt a { transition: opacity 0.4s ease-in-out; }

.module-inner-03 .txt a:hover { opacity: .8; }

.module-inner-03 .module-btn-01 { margin-top: 40px; text-align: center; }

.module-inner-02 { font-size: 0; }

.module-inner-02 .row { display: inline-block; width: 50%; vertical-align: top; }

.module-inner-02 .row-01 .txt { margin-top: 25px; }

.module-inner-02 .txt { font-size: 14px; font-weight: 300; line-height: 26px; color: #666; }

.module-inner-02 .txt h3 { font-size: 28px; font-weight: 700; line-height: 40px; color: #bd061c; }

.module-inner-02 .txt h4 { font-size: 16px; line-height: 24px; margin-top: 4px; color: #999; }

.module-inner-02 article { margin-top: 38px; }

.module-inner-02 figure img { width: 100%; }

.module-inner-04 { font-size: 0; }

.module-inner-04 img { width: 100%; }

.module-inner-04 article { margin-top: 2.86458vw; }

.module-inner-04 .title, .module-inner-04 .txt { display: inline-block; vertical-align: top; }

.module-inner-04 .title { font-size: 36px; line-height: 48px; width: 420px; padding-right: 20px; word-wrap: break-word; color: #efefef; }

.module-inner-04 .txt { font-size: 14px; line-height: 26px; font-weight: 300; width: 900px; color: #373737; }

.module-inner-04 .txt h4 { font-size: 18px; line-height: 32px; font-weight: 700; }

.module-inner-05 { font-size: 0; }

.module-inner-05 ul { margin: 0 -40px; }

.module-inner-05 li { display: inline-block; vertical-align: top; width: 50%; margin-bottom: 4.16667vw; }

.module-inner-05 li:nth-of-type(2) { margin-top: 40px; }

.module-inner-05 .box { display: block; margin: 0 40px; cursor: default; }

.module-inner-05 .module-btn-01 { margin-top: 40px; }

.module-inner-05 .txt { font-size: 14px; font-weight: 300; line-height: 26px; color: #666; }

.module-inner-05 .txt h3 { font-size: 28px; font-weight: 700; line-height: 40px; color: #bd061c; }

.module-inner-05 .txt h4 { font-size: 16px; line-height: 24px; margin-top: 4px; color: #999; }

.module-inner-05 article { margin-top: 38px; }

.module-inner-05 figure img { width: 100%; }

.module-btn-01 { font-size: 0; }

.module-btn-01 a { font-size: 14px; line-height: 40px; display: inline-block; min-width: 140px; height: 40px; transition: background 0.4s ease-in-out; text-align: center; color: #fff; background-color: #9d9d9d; padding: 0 20px; }

.module-btn-01 a:hover { background-color: #bd061c; }

.module-btn-01 a i { font-size: 12px; }

.page-bgImg { position: relative; }

.page-bgImg .bg-cover { transition: all .8s; background-attachment: fixed; }

.page-bgImg .big-pic { padding-top: 100vh; }

.page-bgImg .small-pic { display: none; padding-top: 128%; }

.page-bgImg .lazy { position: absolute; z-index: -100; top: 0; right: 0; bottom: 0; left: 0; width: 24px; height: 24px; margin: auto; }

.tags { font-size: 0; text-align: center; }

.tags .row { line-height: 50px; display: inline-block; width: 220px; height: 50px; vertical-align: top; border: 1px solid #ccc; }

.tags .row:first-child { border-right-color: transparent; }

.tags input { display: none; }

.tags input:checked + label { color: #bd061c; }

.tags label { font-size: 16px; display: block; height: 100%; cursor: pointer; transition: color 0.4s ease-in-out; color: #666; }

.tags label:hover { color: #bd061c; }

.slick-slide { outline: 0; }

.js-slick-banner .item { position: relative; width: 100%; }

.js-slick-banner .item:after { display: block; padding-top: 28%; content: ''; }

.js-slick-banner .lazy { position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; width: 24px; height: 24px; margin: auto; }

.js-slick-cont { font-size: 0; padding: 65px 0; background-color: #f3f3f3; }

.js-slick-cont .row { display: inline-block; width: 100%; text-align: center; vertical-align: middle; padding: 0 20px; }

.js-slick-cont .slick-current h3 { color: #bd061c; }

.js-slick-cont .slick-current i { background-color: #168841; }

.js-slick-cont .slick-current .txt { color: #333; }

.js-slick-cont .cont { display: inline-block; cursor: pointer; }

.js-slick-cont .cont img { display: inline-block; }

.js-slick-cont h3 { font-size: 28px; font-weight: 700; line-height: 30px; transition: color 0.4s ease-in-out; color: #ccc; }

.js-slick-cont .txt { transition: color 0.4s ease-in-out; font-size: 14px; font-weight: 300; line-height: 26px; margin-top: 20px; padding-bottom: 46px; color: #ccc; }

.js-slick-cont i { display: block; width: 40px; height: 5px; margin: 14px auto 0 auto; transition: background 0.4s ease-in-out; background-color: #ccc; }

.banner-dots { font-size: 0; position: absolute; right: 0; bottom: 30px; left: 0; text-align: center; }

.banner-dots li { display: inline-block; margin: 0 8px; vertical-align: top; }

.banner-dots li button { font-size: 0; position: relative; display: inline-block; padding: 0; cursor: pointer; border: 0; outline: 0; background-color: transparent; }

.banner-dots li button:before { display: block; width: 12px; height: 12px; content: ''; transition: border 0.4s ease-in-out; opacity: .5; border-radius: 50%; background-color: #fdfdfd; }

.banner-dots li.slick-active button:before { opacity: 1; }

/*end*/
.error-404 { padding: 60px 0; text-align: center; }

.error-404 h3 { font-size: 30px; line-height: 1.5; letter-spacing: .1em; color: #000; }

.error-404 p { font-size: 16px; line-height: 1.5; letter-spacing: .05em; }

.search-wrap { max-width: 1000px; margin-right: auto; margin-left: auto; }

.search-header h3 { font-size: 24px; line-height: 1.5; letter-spacing: .1em; color: #000; }

.search-header p { font-size: 18px; line-height: 1.5; letter-spacing: .05em; color: #666; }

.search-header p span { color: #bd061c; }

.search-item { display: block; padding: 10px 20px; transition: all 0.4s ease-in-out; }

.search-item h4 { font-size: 18px; line-height: 1.5; margin-bottom: .25em; transition: color 0.4s ease-in-out; letter-spacing: .05em; color: #000; }

.search-item p { font-size: 14px; line-height: 1.5; color: #666; }

.search-item:hover { background-color: #f5f5f5; }

.search-item:hover h4 { color: #bd061c; }

.header { position: fixed; z-index: 600; top: 0; right: 0; left: 0; padding: 17px 0; transition: background 0.4s ease-in-out; text-align: center; }

.header-logo { position: relative; z-index: 15; display: inline-block; vertical-align: top; }

.logo-b, .logo-r { display: none; }

.btn-product { font-size: 0; position: absolute; z-index: 10; top: 50%; left: 6.25%; margin-top: -11px; padding-left: 32px; cursor: pointer; }

.btn-product span { font: 400 14px/22px 'Arial'; transition: color 0.4s ease-in-out; letter-spacing: .08em; text-transform: uppercase; color: #fff; }

.btn-product-left { position: absolute; top: 0; left: 0; width: 32px; text-align: left; }

.btn-product-left i { display: inline-block; width: 4px; height: 4px; margin: 0 5px 5px 0; transition: background 0.4s ease-in-out; vertical-align: top; background-color: #fff; }

.btn-product-close { font-size: 22px; position: absolute; top: 0; left: 0; visibility: hidden; transition: color 0.4s ease-in-out; opacity: 0; color: #000; }

.btn-menu { font-size: 0; position: absolute; top: 50%; right: 6.25%; margin-top: -13px; cursor: pointer; text-align: left; }

.btn-menu i { display: inline-block; width: 100%; height: 3px; margin-top: 3px; margin-bottom: 3px; transition: all 0.4s ease-in-out; vertical-align: top; background-color: #fff; }

.btn-menu div { display: inline-block; vertical-align: middle; width: 26px; margin-left: 10px; }

.btn-menu span { display: inline-block; vertical-align: middle; transition: color 0.4s ease-in-out; font: 400 14px/22px 'Arial'; transition: color 0.4s ease-in-out; letter-spacing: .08em; text-transform: uppercase; padding-top: 1px; color: #fff; }

.header-product, .header-menu { position: fixed; top: 0; right: 0; bottom: 0; left: 0; visibility: hidden; overflow-y: scroll; transition: all 0.4s ease-in-out; opacity: 0; background-color: #fff; }

.header-product { padding-top: 70px; transform: translate3d(-100%, 0, 0); text-align: left; }

.header-product .product-list-wrap { background-color: #fff; }

.header-product .product-list-wrap .title h3 { font-size: 18px; padding-right: 6px; background-color: #fff; }

.header-product .product-list-wrap .product-list-content { padding-top: 0; }

.header-product .product-list-wrap .product-category-into figure { padding-top: 61%; }

.header-product .product-list-wrap .product-category-into article { top: 50%; transform: translateY(-50%); }

.product-filter-btn { display: none; }

.product-filter-nav { text-align: center; }

.product-filter-nav ul { font-size: 0; }

.product-filter-nav li { display: inline-block; width: 20%; }

.product-filter-nav li:first-child { margin-left: 12%; }

.product-filter-nav li:last-child a { border-right: 1px solid #ccc; }

.product-filter-nav li:nth-of-type(1) a, .product-filter-nav li:nth-of-type(2) a, .product-filter-nav li:nth-of-type(3) a { border-top: 1px solid #ccc; border-bottom: none; border-left: 1px solid #ccc; }

.product-filter-nav li:nth-of-type(3) { margin-right: 12%; }

.product-filter-nav li:nth-of-type(3) a { border-right: 1px solid #ccc; }

.product-filter-nav li.current a { color: #bd061c; }

.product-filter-nav a { font-size: 16px; line-height: 50px; display: block; width: 100%; height: 50px; transition: color 0.4s ease-in-out; color: #666; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; }

.product-filter-nav a:hover { color: #bd061c; }

.product-category { margin-bottom: 40px; }

.category-name { line-height: 60px; width: 100%; height: 60px; margin-bottom: 50px; text-align: center; background-color: #fafafa; }

.category-name a { font-size: 24px; display: block; transition: color 0.4s ease-in-out; color: #333; }

.category-name a:hover { color: #bd061c; }

.product-category-into .box { margin: 0 -10px; }

.product-category-into a { position: relative; display: block; margin: 0 10px; }

.product-category-into a:hover figure img { transform: scale(1.1); }

.product-category-into .row { display: inline-block; width: 50%; vertical-align: top; margin-bottom: -1px; }

.product-category-into figure { position: relative; overflow: hidden; }

.product-category-into figure:after { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; content: ''; background-color: rgba(0, 0, 0, 0.3); }

.product-category-into article { text-align: center; }

.product-category-into article .txt { margin-top: 20px; }

.product-category-into article span { font-size: 24px; line-height: 30px; color: #fff; }

.product-category-into article p { font-size: 14px; line-height: 24px; color: #d2d2d2; }

.header-menu { z-index: 20; transform: translate3d(100%, 0, 0); }

.header-menu .wrap { padding-top: 40px; }

.header-nav > li > a { font-size: 18px; font-weight: 700; transition: color 0.4s ease-in-out; color: #000; }

.sub-nav { margin-top: 2.60417vw; }

.sub-nav a { font-size: 16px; font-weight: 300; line-height: 1.875; transition: color 0.4s ease-in-out; color: #000; }

.sub-nav .current a { color: #bd061c; }

.header-search { position: relative; padding-left: 35px; text-align: left; }

.header-search label { font-size: 30px; position: absolute; top: 0; left: 0; cursor: pointer; transition: color 0.4s ease-in-out; color: #000; }

.header-search input { font-size: 16px; display: block; width: 550px; height: 30px; padding: 0; border: 0; outline: 0; }

.header-menu-close { font-size: 24px; line-height: 1.25; position: absolute; top: 40px; right: 0; color: #000; }

body.product-open .header:after { position: fixed; top: 0; left: 0; display: block; width: 100%; height: 70px; content: ''; background-color: #fff; }

body.product-open .header-product { visibility: visible; transform: translate3d(0, 0, 0); opacity: 1; }

body.product-open .btn-product span { color: #000; }

body.product-open .btn-product-left { visibility: hidden; opacity: 0; }

body.product-open .btn-product-close { visibility: visible; opacity: 1; }

body.product-open .logo-w { display: none; }

body.product-open .logo-r { display: block; }

body.product-open .header-bt { opacity: 1; visibility: visible; }

body.product-open .bt { display: none; }

body.menu-open .header-menu { visibility: visible; transform: translate3d(0, 0, 0); opacity: 1; }

body.menu-open .header.fixed:after { display: none; }

body.menu-open .btn-menu { z-index: 30; }

body.menu-open .btn-menu span { color: #343434; }

body.menu-open .btn-menu i { background-color: #343434; }

body.menu-open .btn-menu i:nth-of-type(1) { transform: translateY(9px) rotate(-45deg); }

body.menu-open .btn-menu i:nth-of-type(2) { opacity: 0; visibility: hidden; }

body.menu-open .btn-menu i:nth-of-type(3) { transform: translateY(-9px) rotate(45deg); }

body.stop-scrolling .container { position: fixed; top: 0; left: 0; width: 100%; }

.scroll-dec { position: absolute; left: 50%; bottom: 30px; margin-left: -14px; animation: move 1s infinite linear; }

.scroll-dec i { font-size: 28px; color: #fff; }

@keyframes move { 25% { transform: translateY(-5px); }
  50%, 100% { transform: translateY(0); }
  75% { transform: translateY(5px); } }

.bt, .header-bt { position: fixed; right: 20px; bottom: 80px; }

.bt a, .header-bt a { font-size: 48px; color: #ccc; transition: opacity 0.4s ease-in-out; }

.bt a:hover, .header-bt a:hover { opacity: .8; }

.header-bt { transition: all .2s; opacity: 0; visibility: hidden; z-index: 600; right: 40px; }

.footer-select-lang { display: none; }

.footer-lang-bg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); z-index: 1200; }

.footer-lang-full { position: fixed; top: 50%; left: 50%; width: 1320px; background-color: #fff; padding-top: 52px; padding-bottom: 130px; transform: translate(-50%, -50%); z-index: 1300; }

.footer-lang-full .footer-lang-close { transition: color 0.4s ease-in-out; position: absolute; right: 30px; top: 30px; color: #373737; font-size: 18px; }

.footer-lang-full .footer-lang-close:hover { color: #bd061c; }

.footer-lang-content { width: 80%; margin: auto; font-size: 0; text-align: center; }

.footer-lang-content .title { font-size: 20px; color: #333; padding-bottom: 42px; }

.footer-lang-list { padding-top: 60px; border-top: 1px solid #e9e9e9; }

.footer-lang-list .item { display: inline-block; vertical-align: top; width: 25%; padding: 0 10px; }

.footer-lang-list span { display: block; font-size: 16px; color: #333; text-transform: uppercase; margin-bottom: 32px; line-height: 22px; }

.footer-lang-list dd { margin-bottom: 12px; }

.footer-lang-list dd a { transition: color 0.4s ease-in-out; font-size: 16px; color: #999; text-transform: uppercase; line-height: 22px; }

.footer-lang-list dd a:hover { color: #bd061c; }

.footer { padding-top: 4.6875vw; background-color: #242425; }

.footer-wrap { position: relative; }

.footer-menu { font-size: 0; }

.footer-menu dl { display: inline-block; margin-right: 120px; vertical-align: top; }

.footer-menu dl dt { font-size: 16px; line-height: 30px; margin-bottom: 15px; color: #fefefe; }

.footer-menu dl dd a { font-size: 12px; line-height: 2.16667; transition: color 0.4s ease-in-out; color: #999; }

.footer-menu dl dd a:hover { color: #fefefe; }

.footer-social { font-size: 0; }

.footer-social span { font: bold 14px/30px Arial; display: inline-block; margin-right: 30px; vertical-align: top; color: #fefefe; }

.footer-social a { font-size: 20px; line-height: 1.5; display: inline-block; width: 30px; transition: color 0.4s ease-in-out; text-align: center; vertical-align: top; color: #dfdfdf; }

.footer-social a:hover { color: #fefefe; }

.footer-apply { font-size: 18px; line-height: 50px; display: block; width: 220px; height: 50px; margin-top: 60px; transition: background 0.4s ease-in-out; text-align: center; color: #bd061c; background-color: #cacaca; }

.footer-apply:hover { background-color: #fefefe; }

.footer-bottom { margin-top: 5.20833vw; padding: 25px 0 50px; border-top: 1px solid #282829; }

.footer-copyright { font-size: 14px; line-height: 24px; color: #747474; }

.footer-copyright a { transition: color 0.4s ease-in-out; color: #747474; }

.footer-copyright a:hover { color: #fefefe; }

.footer-copyright .icp { margin: 0 10px; }

.footer-language { transition: color 0.4s ease-in-out; font-size: 14px; line-height: 24px; position: absolute; top: 0; right: 0; color: #c0c0c0; cursor: pointer; }

.footer-language:hover { color: #fefefe; }

.footer-language:hover i { color: #fefefe; }

.footer-language i { transition: color 0.4s ease-in-out; display: inline-block; vertical-align: top; font-size: 24px; color: #c0c0c0; margin-right: 10px; }

.footer-language a { position: relative; display: inline-block; margin: 0 12px; transition: color 0.4s ease-in-out; vertical-align: top; color: #747474; }

.footer-language a:first-of-type { margin-left: 0; }

.footer-language a:first-of-type:after { position: absolute; top: 50%; right: -13px; width: 1px; height: 10px; margin-top: -5px; content: ''; background-color: #5d5d5d; }

.footer-language a.current, .footer-language a:hover { color: #bdbdbd; }

.page-img { display: block; width: 100%; max-width: 1920px; margin: 0 auto; }

.home { overflow-x: hidden; }

.home .section-title { padding-top: 40px; }

.ib-item { position: relative; width: 100%; height: 100vh; }

.ib-small-pic { display: none; }

.ib-item-txt { position: absolute; top: 50%; right: 0; left: 0; transform: translateY(-50%); }

.ib-timg-01 { width: 1000px; margin: 0 auto; }

.ib-timg-01:before { padding-top: 33.9%; }

.ib-timg-txt { position: absolute; top: 100%; right: 50%; width: 250px; color: #fff; }

.ib-timg-txt p.en { font-family: Arial; font-size: 22px; line-height: 1.81818; margin-top: 1.81818em; letter-spacing: .02em; }

.ib-timg-txt p.cn { font-size: 24px; line-height: 1.66667; }

.slick-banner .fadeInLeft, .slick-banner .fadeInRight, .slick-banner .fadeInUp { visibility: hidden; transition: all .5s ease-in-out; opacity: 0; }

.slick-banner .fadeInLeft { transition-delay: .3s; transform: translate3d(-10%, 0, 0); }

.slick-banner .fadeInRight { transition-delay: .5s; transform: translate3d(10%, 0, 0); }

.slick-banner .fadeInUp { transition-delay: .7s; transform: translate3d(0, 20px, 0); }

.slick-banner .slick-current .fadeInLeft, .slick-banner .slick-current .fadeInRight, .slick-banner .slick-current .fadeInUp { visibility: visible; transform: translate3d(0, 0, 0); opacity: 1; }

.index-banner .vid-btn-full { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.index-banner .vid-btn-full .item { position: relative; }

.index-banner .vid-btn-full .in-video { transition: background 0.4s ease-in-out; display: inline-block; width: 52px; height: 36px; background: url(../assets/images/icon-video01.png) no-repeat center center; background-size: 52px 36px; }

.index-banner .vid-btn-full .in-video:hover { background-image: url(../assets/images/icon-video02.png); }

.index-banner.vid-play .slick-dots { z-index: -1; }

.index-banner .video-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.9); z-index: 100; }

.index-banner .video-full { display: none; }

.index-banner .video-full .video-close { position: absolute; top: 20px; right: 20px; z-index: 120; }

.index-banner .video-full .video-close i { transition: opacity 0.4s ease-in-out; font-size: 20px; color: #fff; }

.index-banner .video-full .video-close:hover i { opacity: .7; }

.index-banner .video-full .video-content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 100; }

.index-banner .video-full .video-content video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.index-cate { position: relative; text-align: right; }

.index-cate h3, .index-cate .des, .index-cate .bg { transition: all .6s ease-in-out; }

.index-cate.left { text-align: left; }

.index-cate.left .index-cate-txt { right: 10.71429%; left: auto; text-align: right; }

.index-cate.left .index-cate-txt .bg { right: 0; left: auto; }

.index-cate.left .ic-more { right: 0; left: auto; }

.index-cate-img { display: inline-block; overflow: hidden; width: 59.52381%; vertical-align: top; }

.index-cate-img:before { padding-top: 70%; }

.index-cate-txt { position: absolute; z-index: 1; top: 0; bottom: 0; left: 10.71429%; padding-left: 10px; text-align: left; }

.index-cate-txt .bg { font-family: Arial; font-size: 9.47917vw; font-weight: bold; line-height: 1.30435; position: absolute; z-index: -1; top: 0; left: 0; display: block; color: transparent; text-shadow: #efefef 0 0 3px; }

.index-cate-txt h3 { font-size: 36px; font-weight: 700; margin-top: 2.66667em; letter-spacing: -.02em; color: #bd061c; }

.index-cate-txt .des { font-size: 16px; line-height: 1.625; width: 20.83333vw; margin: 1.5em 0 2.5em; color: #3d3d3d; }

.ic-line { display: inline-block; width: 60px; height: 5px; vertical-align: top; background-color: #168841; }

.ic-more { font-size: 14px; line-height: 38px; position: absolute; z-index: 1; bottom: 12%; left: 10px; overflow: hidden; width: 140px; height: 38px; text-align: center; color: #fff; }

.ic-more:before { position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; content: ''; transition: transform .3s ease .5s, background .3s ease-in-out; background-color: #9d9d9d; }

.ic-more:hover { color: #fff; }

.ic-more:hover:before { background-color: #bd061c; }

.index-coffee-item:before { padding-top: 36.45833%; }

.index-coffee-item .module-btn-01 { margin-top: 30px; }

.index-citem-txt { position: absolute; top: 0; bottom: 0; left: 50%; width: 590px; padding-left: 7.29167vw; }

.ict-01, .ict-02, .index-citem-txt h3, .index-citem-txt .des { visibility: hidden; transition: all 0.4s ease-in-out; opacity: 0; }

.ict-01, .ict-02 { transform: translate3d(-20px, 0, 0); }

.index-citem-txt h3, .index-citem-txt .des { transform: translate3d(0, 20px, 0); }

.ict-01 { transition-delay: .5s; }

.ict-02 { transition-delay: .7s; }

.index-citem-txt h3 { transition-delay: .9s; }

.index-citem-txt .des { transition-delay: 1.1s; }

.slick-current .ict-01, .slick-current .ict-02, .slick-current .index-citem-txt h3, .slick-current .index-citem-txt .des { visibility: visible; transform: translate3d(0, 0, 0); opacity: 1; }

.ict-01, .ict-02 { font-family: Arial; font-weight: 700; font-style: italic; text-align: right; color: #b9b9b9; }

.ict-01 { font-size: 120px; margin-top: .86em; color: transparent; background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#b9b9b9), to(rgba(0, 0, 0, 0.1))); -webkit-background-clip: text; text-shadow: 0 0 20px rgba(185, 185, 185, 0.3); -webkit-text-fill-color: transparent; }

.ict-02 { font-size: 100px; margin-top: -.5em; margin-right: .2em; text-align: right; }

.index-citem-txt h3 { font-size: 36px; font-weight: 700; margin-top: 2em; color: #fff; }

.index-citem-txt .des { font-size: 16px; line-height: 1.625; width: 360px; margin-top: 1.25em; color: #d0d0d0; }

.index-aitem:before { padding-top: 36.45833%; }

.index-aitem:before { padding-top: 36.45833%; }

.slick-index-activity .module-btn-01 { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.home .section-title .des { margin-top: 0.75em; }

.section-title { margin: 0 40px; text-align: center; }

.section-title .bg { font: 700 100px/1 Arial; display: block; color: transparent; text-shadow: #efefef 0 0 10px; }

.section-title h2 { font-size: 36px; font-weight: 700; margin-top: -1.5em; letter-spacing: -.02em; color: #bd061c; }

.section-title .des, .section-title .des a { font-size: 16px; line-height: 1.625; margin-top: 1.5625em; color: #3d3d3d; }

.section-title .des h4 { font-size: 18px; line-height: 1.55556; font-weight: bold; }

.section-title .des img { width: auto !important; max-width: 100%; height: auto !important; }

.js-slick-wrap { position: relative; }

.js-slider-arrow a { position: absolute; z-index: 10; top: 50%; width: 50px; height: 50px; transition: background 0.4s ease-in-out; text-align: center; border-radius: 50%; border: none; background-color: rgba(0, 0, 0, 0.72); }

.js-slider-arrow a:hover { background-color: rgba(189, 6, 28, 0.72); }

.js-slider-arrow .js-slider-prev { left: 24px; transform: translateY(-50%) rotate(180deg); }

.js-slider-arrow .js-slider-next { right: 24px; transform: translateY(-50%); }

.js-slider-arrow i { font-size: 20px; font-weight: bold; line-height: 50px; color: #fff; }

/*contact*/
.contact .main { padding-bottom: 9.11458vw; }

.contact .section-title { margin-top: 7.8125vw; }

.contact-list-wrap { font-size: 0; }

.contact-list-wrap li { margin-bottom: 3.85417vw; }

.contact-list-wrap li:last-child { margin-bottom: 0; }

.contact-list-wrap figure, .contact-list-wrap article { display: inline-block; vertical-align: top; }

.contact-list-wrap figure { width: 730px; }

.contact-list-wrap figure img { width: 100%; }

.contact-list-wrap article { width: 590px; height: 100%; padding: 72px 100px 0 100px; background-color: #f5f5f5; }

.contact-list-wrap .head { font-size: 14px; overflow: hidden; height: 90px; color: #999; }

.contact-list-wrap .head span { font-size: 24px; display: inline-block; margin-right: 10px; color: #bd061c; }

.contact-list-wrap .row { overflow: hidden; height: 96px; }

.contact-list-wrap .row span { font-size: 12px; display: block; margin-bottom: 10px; color: #747474; }

.contact-list-wrap .row p { color: #343434; }

.contact-list-wrap .row-01 p { font-size: 24px; }

.contact-list-wrap .row-02 { font-size: 14px; }

.contact-list-wrap .txt { overflow: hidden; height: 124px; }

.contact-list-wrap .txt p, .contact-list-wrap .txt a { font-size: 14px; line-height: 24px; color: #747474; }

.contact-list-wrap .txt a { transition: opacity 0.4s ease-in-out; }

.contact-list-wrap .txt a:hover { opacity: .8; }

/*end*/
/*apply*/
.apply-form-wrap { font-size: 0; width: 1000px; margin-right: auto; margin-left: auto; }

.apply-form-wrap .subject { margin-top: 40px; }

.apply-form-wrap .form-group { width: 50%; margin-bottom: 40px; }

.apply-form-wrap .form-group:nth-child(odd) { padding-right: 20px; }

.apply-form-wrap .form-group:nth-child(even) { padding-left: 20px; }

.apply-form-wrap .form-group:nth-child(even) label.error { left: 20px; }

.apply-form-wrap .form-select label.error { left: 0 !important; }

.apply-form-wrap .form-btn { width: 100%; }

.form-group { line-height: 50px; position: relative; display: inline-block; height: 50px; vertical-align: top; }

.form-group input { font-size: 14px; width: 100%; height: 100%; padding: 0 22px; color: #000; border: 1px solid #ccc; outline: 0; }

.form-group input::-webkit-input-placeholder { color: #999; }

.form-group input:-moz-placeholder { color: #999; }

.form-group label.error { font-size: 12px; line-height: 22px; position: absolute; bottom: -22px; left: 0; height: 20px; color: #bd061c; }

.form-select .box { height: 100%; }

.form-select input { cursor: default; }

.form-select i { font-size: 26px; position: absolute; top: 50%; right: 15px; margin-top: -15px; transition: transform 0.4s ease-in-out, margin 0.4s ease-in-out; color: #666; }

.form-select ul { position: absolute; z-index: 60; top: 0; left: 0; display: none; width: 100%; background-color: #ccc; }

.form-select ul li { line-height: 35px; height: 35px; }

.form-select ul a { font-size: 14px; display: block; padding: 0 22px; transition: all 0.4s ease-in-out; color: #fff; }

.form-select ul a:hover { color: #fff; background-color: #bd061c; }

.form-select.current i { margin-top: -10px; transform: rotate(180deg); }

.form-btn { line-height: 50px; height: 50px; text-align: center; }

.form-btn a { font-size: 14px; display: block; transition: background 0.4s ease-in-out; color: #fff; background-color: #bd061c; }

.form-btn a:hover { background-color: #000; }

/*end*/
/*filtrate*/
.filtrate-subject { font-size: 0; }

.filtrate-subject .form-group { margin-bottom: 20px; padding-right: 2.5vw; }

.filtrate-subject .cont > div { width: 25%; }

.filtrate-subject .form-btn { display: inline-block; vertical-align: top; }

.filtrate-subject .maps { width: 100%; height: 460px; margin-top: 20px; }

.filtrate-foot .cont .txt p { color: #3d3d3d; }

/*end*/
/*brand*/
.brand .page-bgImg .cont { position: absolute; top: 50%; left: 0; width: 100%; padding: 0 40px; transform: translateY(-50%); text-align: center; }

.brand .page-bgImg .cont h3 { font-size: 48px; line-height: 66px; color: #fff; }

.brand .page-bgImg .cont p { font-size: 36px; margin-top: 22px; color: #efefef; }

.brand .dec { font-family: Avenir Next; font-size: 48px; position: absolute; color: #bd061c; }

.brand-content-01 { font-size: 0; }

.brand-content-01 .row { display: inline-block; vertical-align: top; }

.brand-content-01 .row-01 { width: 810px; margin-top: 2.8125vw; }

.brand-content-01 .row-01 .title { font-size: 48px; font-weight: bold; line-height: 60px; color: #efefef; }

.brand-content-01 .row-01 .txt { font-size: 18px; line-height: 28px; margin-top: 2.34375vw; color: #373737; }

.brand-content-01 .row-01 article { position: relative; padding-right: 77px; }

.brand-content-01 .row-01 article .dec { top: 10px; right: 60px; }

.brand-content-01 .row-01 figure { margin-top: 4.16667vw; }

.brand-content-01 .row-02 { width: 430px; margin-left: 80px; }

.brand-content-01 .row-02 article { position: relative; padding-right: 32px; }

.brand-content-01 .row-02 article .txt { font-size: 16px; font-weight: 700; line-height: 26px; margin-top: 2.5vw; color: #999; }

.brand-content-01 .row-02 article .dec { top: 18px; right: 14px; }

.brand-content-01 img { width: 100%; }

.brand-content-02:after { display: block; padding-top: 31.25%; content: ''; }

.brand-content-03 { margin-top: 4.16667vw; }

.brand-content-03 .title { position: relative; }

.brand-content-03 .title > div { padding-right: 118px; }

.brand-content-03 .title .dec { top: 9px; right: 0; }

.brand-content-04 { margin-top: 2.60417vw; padding-top: 3.125vw; padding-bottom: 5.20833vw; background-color: #f7f7f7; }

.brand-content-05 { margin-top: 3.125vw; }

.brand-content-04 .title, .brand-content-05 .title { position: relative; padding-bottom: 40px; }

.brand-content-04 .dec, .brand-content-05 .dec { bottom: -34px; left: 0; }

/*end*/
/*news-list*/
.news .main { padding-bottom: 90px; }

.news-list-wrap { font-size: 0; }

.news-list-wrap ul { margin: 0 -30px; }

.news-list-wrap li { display: inline-block; width: 33.333333333333%; margin-bottom: 50px; vertical-align: top; }

.news-list-wrap a { display: block; margin: 0 30px; }

.news-list-wrap a:hover figure img { transform: scale(0.98); }

.news-list-wrap a:hover .head h2 { color: #bd061c; }

.news-list-wrap a:hover .sc { background-color: #bd061c; }

.news-list-wrap figure { position: relative; overflow: hidden; }

.news-list-wrap figure:after { display: block; padding-top: 65%; content: ''; }

.news-list-wrap figure img { position: absolute; top: 0; left: 0; width: 100%; transition: transform 0.4s ease-in-out; }

.news-list-wrap article { margin-top: 22px; }

.news-list-wrap .head h2 { font-size: 22px; line-height: 34px; overflow: hidden; transition: color 0.4s ease-in-out; white-space: nowrap; text-overflow: ellipsis; color: #2a2a2a; }

.news-list-wrap .head time { font-size: 12px; display: block; margin-top: 10px; color: #adadad; }

.news-list-wrap .txt { font-size: 14px; font-weight: 300; line-height: 24px; position: relative; height: 50px; overflow: hidden; margin-top: 20px; }

.news-list-wrap .txt p { color: #ababab; }

.news-list-wrap .txt.dec:after { font-size: 24px; position: absolute; right: 0; bottom: 6px; display: block; width: 30px; height: 24px; content: '...'; text-align: center; color: #000; background-color: #fff; }

.news-list-wrap .sc { line-height: 32px; width: 100px; height: 32px; margin-top: 34px; transition: background 0.4s ease-in-out; text-align: center; background-color: #dcdcdc; }

.news-list-wrap .sc span { font-size: 14px; position: relative; display: inline-block; padding-right: 23px; color: #fff; }

.news-list-wrap .sc i { font-size: 20px; font-weight: bold; position: absolute; top: 6px; right: 0; transform: rotate(270deg); color: #fff; }

/*end*/
/*news-data*/
.news-data-content .title span { font-size: 18px; display: block; color: #999; }

.news-data-content .title h1 { font-size: 40px; font-weight: 700; margin-top: 15px; color: #bd061c; line-height: 1.2; }

.news-data-content .box { margin-top: 58px; padding-bottom: 16px; border-bottom: 1px solid #ebebeb; }

.news-data-content .box:after { display: block; float: none; clear: both; content: ''; }

.news-data-content .box time { font-size: 14px; color: #999; }

.news-data-content .attr { font-size: 0; }

.news-data-content .attr div { display: inline-block; vertical-align: middle; }

.news-data-content .attr div, .news-data-content .attr span { font-size: 14px; color: #999; }

.news-data-content .attr i { display: inline-block; width: 1px; height: 16px; vertical-align: middle; background-color: #999; }

.news-data-content .attr .row-01 { padding-right: 17px; }

.news-data-content .attr .row-02 { padding-left: 20px; }

.news-data-content .inner { font-size: 14px; line-height: 26px; margin: 36px auto 0 auto; color: #333; width: 800px; }

.news-data-content .inner img { display: inline-block; width: auto !important; max-width: 100%; height: auto !important; }

.news-data-content .pagination { font-size: 0; text-align: center; }

.news-data-content .pagination [class^=icon-] { display: inline-block; vertical-align: middle; }

.news-data-content .pagination .prev, .news-data-content .pagination .next { font-size: 24px; display: inline-block; transition: color 0.4s ease-in-out; vertical-align: middle; color: #ccc; }

.news-data-content .pagination .prev:hover, .news-data-content .pagination .next:hover { color: #bd061c; }

.news-data-content .pagination .prev { margin-bottom: 3px; }

.news-data-content .pagination .prev span, .news-data-content .pagination .next span { font-size: 18px; padding-top: 2px; display: inline-block; vertical-align: middle; }

.news-data-content .pagination .bc { display: inline-block; width: 30px; margin: 0 20px; vertical-align: middle; }

.news-data-content .pagination .bc i { display: inline-block; width: 4px; height: 4px; margin: 2.5px; transition: background 0.4s ease-in-out; vertical-align: top; background-color: #ccc; }

.news-data-content .pagination .bc:hover i { background-color: #bd061c; }

.news-data-content .section-title .bg { font-size: 72px; }

.news-data-content .section-title h2 { margin-top: -1.4em; }

.news-data-content .news-data-share .social { margin-top: 24px; text-align: center; }

.news-data-content .news-data-share a { font-size: 26px; display: inline-block; margin: 0 16px; transition: color 0.4s ease-in-out; vertical-align: middle; color: #202020; }

.news-data-content .news-data-share a:hover { color: #bd061c; }

/*end*/
/*service-subject*/
.service-subject .column { margin-bottom: 5.20833vw; }

.service-subject .column:last-child { margin-bottom: 0; }

.service-subject .item-banner { position: relative; padding-top: 400px; }

.service-subject .item-banner .box { position: absolute; top: 50%; left: 0; width: 100%; padding: 0 20px; transform: translateY(-50%); text-align: center; }

.service-subject .item-banner .tc { font-size: 48px; font-style: italic; color: #a1a1a1; }

.service-subject .item-banner .txt { margin-top: 30px; }

.service-subject .item-banner .txt h3 { font-size: 30px; color: #fff; }

.service-subject .item-banner .txt p { font-size: 18px; line-height: 24px; color: #fff; }

.service-subject .item-content { font-size: 0; padding-top: 5.20833vw; background-color: #f8f8f8; }

.service-subject .item-content li { display: inline-block; width: 46%; margin-bottom: 5.20833vw; padding-left: 5.20833vw; vertical-align: top; }

.service-subject .item-content .box { position: relative; padding-left: 100px; }

.service-subject .item-content .dec { position: absolute; top: 0; left: 0; }

.service-subject .item-content .inner h4 { font-size: 24px; color: #bd061c; }

.service-subject .item-content .inner p { font-size: 16px; line-height: 32px; color: #696969; }

.service-subject .item-content .text { margin-top: 15px; }

/*end*/
/*about*/
.module-inner img { width: auto !important; max-width: 100%; height: auto !important; }

.module-inner article { font-size: 0; margin-top: 40px; }

.module-inner .title { display: inline-block; width: 530px; padding-left: 160px; vertical-align: top; }

.module-inner .title h2 { font-size: 28px; font-weight: bold; line-height: 40px; color: #bd061c; }

.module-inner .title p { font-size: 16px; line-height: 24px; margin-top: 4px; color: #999; }

.module-inner .txt { font-size: 14px; font-weight: 300; line-height: 26px; display: inline-block; width: 780px; padding-left: 136px; vertical-align: top; color: #666; }

.about-inner-02 .row-01 { padding-right: 1.5625vw; }

.about-inner-02 .row-02 { padding-left: 1.5625vw; }

/*end*/
/*strategy*/
.strategy .container { overflow-x: hidden; }

.strategy-inner-02 { padding-top: 4.16667vw; background-color: #fafafa; }

.strategy-inner-02 .row-02 { padding-left: 4.6875vw; }

/*end*/
/*product*/
.fancybox-overlay { transition: all .4s ease; backface-visibility: hidden; }

.fancybox-list-box { display: none; }

.fancybox-opened .fancybox-title { text-align: center; font-size: 14px; line-height: 22px; color: #999; }

.product-page-filter li:nth-of-type(1) a, .product-page-filter li:nth-of-type(2) a, .product-page-filter li:nth-of-type(3) a { border-bottom: 1px solid #ccc; }

.product .product-filter-nav { margin-bottom: 50px; }

.product-list-wrap { font-size: 0; padding-bottom: 5.20833vw; background-color: #fafafa; }

.product-list-wrap .product-list-content { padding-top: 50px; }

.product-list-wrap .title { position: relative; }

.product-list-wrap .title h3 { font-size: 24px; position: relative; z-index: 10; display: inline-block; padding-right: 32px; color: #3d3d3d; background-color: #fafafa; }

.product-list-wrap .title:after { position: absolute; top: 50%; right: 0; display: block; width: 100%; height: 1px; content: ''; background-color: #e6e6e6; }

.product-list-wrap .item { margin-top: 10px; }

.product-list-wrap .item:first-child { margin-top: 0; }

.product-list-wrap .item a { position: relative; display: block; margin: 0 20px; background-color: #f3f3f3; }

.product-list-wrap .item a:hover .img-01 { visibility: hidden; opacity: 0; }

.product-list-wrap .item a:hover .img-02 { visibility: visible; opacity: 1; }

.product-list-wrap .item a:hover article h4 { color: #fff; }

.product-list-wrap .item a:hover .attr span { color: #fff; }

.product-list-wrap .item a:hover .ms, .product-list-wrap .item a:hover .ms span { color: #fff; }

.product-list-wrap ul { margin: 0 -20px; padding-top: 30px; }

.product-list-wrap li { display: inline-block; width: 25%; margin-bottom: 40px; vertical-align: top; }

.product-list-wrap figure { position: relative; padding-top: 130%; }

.product-list-wrap figure img { position: absolute; top: 0; left: 0; width: 100%; transition: all .6s ease-in-out; }

.product-list-wrap figure .img-02 { visibility: hidden; opacity: 0; }

.product-list-wrap article { position: absolute; top: 20px; left: 0; width: 100%; padding: 0 20px; }

.product-list-wrap article h4 { font-size: 16px; transition: color 0.4s ease-in-out; color: #2c2c2c; }

.product-list-wrap .attr { margin-top: 6px; }

.product-list-wrap .attr span { font-size: 12px; line-height: 20px; display: inline-block; margin-right: 3px; transition: color 0.4s ease-in-out; vertical-align: top; color: #757575; }

.product-list-wrap .ms { position: absolute; bottom: 20px; left: 0; padding: 0 20px; }

.product-list-wrap .ms, .product-list-wrap .ms span { font-size: 12px; line-height: 1.4; transition: color 0.4s ease-in-out; color: #757575; }

/*end*/
/*work*/
.work .product-list { font-size: 0; }

.work .product-list ul { margin: 0 -20px; }

.work .product-list li { display: inline-block; width: 25%; margin-bottom: 40px; vertical-align: top; }

.work .product-list a { position: relative; display: block; margin: 0 20px; }

.work .product-list a:hover figure .img-01 { visibility: hidden; opacity: 0; }

.work .product-list a:hover figure .img-02 { visibility: visible; opacity: 1; }

.work .product-list a:hover article h3 { color: #fff; }

.work .product-list figure { position: relative; padding-top: 130%; }

.work .product-list figure img { position: absolute; top: 0; left: 0; width: 100%; transition: all .6s ease-in-out; }

.work .product-list figure .img-02 { visibility: hidden; opacity: 0; }

.work .product-list article { position: absolute; bottom: 1.04167vw; left: 0; width: 100%; padding: 0 20px; text-align: center; }

.work .product-list article h3 { font-size: 16px; line-height: 30px; transition: color 0.4s ease-in-out; color: #000; }

.work-inner-01 .inner-left, .work-inner-01 .inner-right { display: inline-block; width: 50%; vertical-align: top; }

.work-inner-01 .inner-right { padding-left: 6.51042vw; }

.work-inner-01 .row { width: 100%; }

.work-inner-01 .row-top { margin-bottom: 5.20833vw; }

.work-inner-01 .row-middle { margin-top: 13.54167vw; }

.work-inner-01 li:last-child { margin-bottom: 0; }

/*end*/
/*product-data*/
.no-banner .scroll-dec { display: none; }

.no-banner .header { background-color: #fff; }

.no-banner .header .logo-w, .no-banner .header .logo-b { display: none; }

.no-banner .header .logo-r { display: block; }

.no-banner .header.fixed .logo-w, .no-banner .header.fixed .logo-b { display: none; }

.no-banner .header.fixed .logo-r { display: block; }

.no-banner.product-open .header:after { height: 70px; }

.no-banner .btn-menu i { background-color: #bd061c; }

.no-banner .btn-product span { color: #999; }

.no-banner .btn-menu span { color: #999; }

.no-banner .btn-product-left i { background-color: #bd061c; }

.no-banner .container { padding-top: 70px; }

.product-data .product-list-wrap .title h3 { padding-right: 0; }

.product-data .product-list-wrap .title:after { display: none; }

.page-crumbs { font-size: 13px; line-height: 1; color: #999; margin-bottom: 30px; }

.page-crumbs a { color: #999; transition: color 0.4s ease-in-out; }

.page-crumbs a:hover { color: #bd061c; }

.product-data { background-color: #f6f6f6; }

.product-banner { font-size: 0; }

.product-banner .row { position: relative; display: inline-block; vertical-align: top; }

.product-banner .row-01 { width: 48.5%; margin-right: 9%; padding-left: 100px; }

.product-banner .row-02 { width: 42.5%; padding-top: 40px; }

.product-banner .js-slick-nav { position: absolute; top: 0; left: 0; display: inline-block; overflow: hidden; width: 80px; height: 100%; vertical-align: top; }

.product-banner .js-slick-nav .slick-slide { position: relative; }

.product-banner .js-slick-nav .item { margin-bottom: 20px; cursor: pointer; transition: border 0.4s ease-in-out; border: 1px solid transparent; background-color: #fafafa; }

.product-banner .js-slick-nav .slick-current .item { border-color: #e0e0e0; }

.product-banner .js-slick-nav img { width: 100%; }

.product-banner .js-slick-for { display: inline-block; width: 100%; vertical-align: top; }

.product-banner .js-slick-for .slick-dots { margin-top: 16px; text-align: center; }

.product-banner .js-slick-for .slick-dots li { display: inline-block; margin: 0 5px; vertical-align: top; }

.product-banner .js-slick-for .slick-dots button { display: inline-block; width: 8px; height: 8px; padding: 0; cursor: pointer; transition: background 0.4s ease-in-out; vertical-align: top; text-indent: -999999999999999px; border: none; border-radius: 50%; outline: 0; background-color: #d0d0d0; }

.product-banner .js-slick-for .slick-dots .slick-active button { background-color: #9b9b9b; }

.product-banner .js-slick-for .item { background-color: #fafafa; }

.product-banner .js-slick-for img { width: 100%; }

.product-banner .title span { font-size: 14px; font-weight: 700; color: #d10034; }

.product-banner .title h1 { font-size: 28px; font-weight: 700; line-height: 38px; margin-top: 15px; color: #343434; }

.product-banner .intro { font-size: 16px; line-height: 28px; margin-top: 28px; color: #343434; }

.product-banner .text { font-size: 14px; line-height: 24px; margin-top: 48px; padding-top: 50px; color: #666; border-top: 1px solid #e4e4e4; }

.product-banner .share { margin-top: 2.60417vw; }

.product-banner .share a { font-size: 24px; display: inline-block; margin-right: 10px; transition: color 0.4s ease-in-out; vertical-align: middle; color: #bfbfbf; }

.product-banner .share a:hover { color: #bd061c; }

.theme-imges img { width: 100%; }

.js-slick-intro { font-size: 0; position: relative; background-color: #fff; }

.js-slick-intro .img-full, .js-slick-intro .subject { display: inline-block; vertical-align: middle; }

.js-slick-intro .img-full { width: 50%; }

.js-slick-intro .img-full img { width: 100%; }

.js-slick-intro .img-full .slick-slide { border: 1px solid #fff; }

.js-slick-intro .subject { position: relative; width: 43%; margin-left: 7%; padding-right: 85px; }

.js-slick-intro .cont-full h2 { font-size: 16px; visibility: hidden; overflow: hidden; transition: all .9s ease-in-out; transform: translateX(-100px); opacity: 0; color: #d10034; }

.js-slick-intro .cont-full h3 { font-size: 30px; font-weight: 700; line-height: 36px; visibility: hidden; overflow: hidden; margin-top: 60px; transition: all .9s ease-in-out; transform: translateX(-100px); opacity: 0; color: #343434; }

.js-slick-intro .cont-full .txt { font-size: 16px; line-height: 30px; margin-top: 44px; transition: all 1.2s ease-in-out; transform: translateX(140px); opacity: 0; color: #343434; }

.js-slick-intro .cont-full .slick-current h2, .js-slick-intro .cont-full .slick-current h3, .js-slick-intro .cont-full .slick-current .txt { visibility: visible; transform: translateY(0); opacity: 1; }

.js-slick-intro .intro-slick-dots { margin-top: 84px; }

.js-slick-intro .intro-slick-dots button { display: inline-block; width: 8px; height: 8px; margin-right: 10px; padding: 0; cursor: pointer; transition: background 0.4s ease-in-out; vertical-align: top; text-indent: -999999999999999px; border: none; border-radius: 50%; outline: 0; background-color: #d0d0d0; }

.js-slick-intro .intro-slick-dots .current { background-color: #9b9b9b; }

.product-parameters { font-size: 0; background-color: #f9f9f9; }

.product-parameters h4 { font-size: 24px; font-weight: bold; color: #343434; padding: 0 16px; }

.product-parameters .cont { margin: 0 -30px; padding-top: 34px; }

.product-parameters .cont p { font-size: 16px; line-height: 26px; margin: 0 46px; color: #343434; }

.product-parameters table { display: inline-block; width: 33.3333333% !important; padding-bottom: 5.20833vw; vertical-align: top; }

.product-parameters table tbody { display: block; margin: 0 30px; }

.product-parameters table tr { display: block; margin-bottom: 8px; padding: 8px 16px; border-bottom: 1px solid #e6e6e6; }

.product-parameters table td, .product-parameters table p { font-size: 14px; line-height: 26px; color: #343434; }

.product-parameters table td { display: inline-block; vertical-align: top; }

.product-parameters table td:first-child { width: 58%; color: #909090; padding-right: 10px; }

.product-parameters table td:last-child { width: 42%; }

/*end*/
/*relaxation*/
.relaxation-inner-01 .row-02 { padding-left: 6.5625vw; }

.relaxation-slider { position: relative; }

.relaxation-slider img { width: 100%; }

.relaxation-slider figure { padding-top: 33.33333333333%; }

.relaxation-slider .item { position: relative; }

.relaxation-slider article { position: absolute; top: 6.77083vw; width: 100%; padding: 0 15%; }

.relaxation-slider article h3 { font-size: 120px; font-weight: 700; font-style: italic; padding-left: 145px; color: transparent; background-image: -webkit-gradient(linear, 0 74, 4 bottom, from(#eee), to(rgba(0, 0, 0, 0.1))); -webkit-background-clip: text; text-shadow: 0 0 10px rgba(238, 238, 238, 0.2); filter: blur(2px); -webkit-text-fill-color: transparent; }

.relaxation-slider article h4 { font-size: 120px; font-weight: 700; font-style: italic; margin-top: -54px; letter-spacing: -5px; color: #eee; }

.relaxation-slider article p { font-size: 36px; margin-top: 46px; padding-left: 20px; color: #bd061c; }

.relaxation-slider article h6, .relaxation-slider article h6 span { font-size: 16px; line-height: 26px; display: block; margin-top: 22px; padding-left: 20px; color: #168841; }

.relaxation-inner-02 .row-01 { padding-right: 6.45833vw; }

.relaxation-inner-02 li:nth-of-type(1) { margin-top: 40px; }

.relaxation-inner-02 li:nth-of-type(2) { margin-top: 0; }

.relaxation-inner-02 li:last-child { margin-bottom: 0; }

/*relaxation-end*/
/*law-page*/
.law-page .subject, .law-page .subject a { font-size: 14px; line-height: 26px; font-weight: 300; color: #373737; }

.law-page .subject h4, .law-page .subject a h4 { font-size: 16px; font-weight: 700; margin-bottom: -10px; }

/*end*/
@media screen and (min-width: 1025px) { .inone { display: none; }
  .no-banner .header.offscreen { top: -110px; }
  .sub-nav a:hover { color: #bd061c; }
  .btn-menu:hover i { background-color: #bd061c; }
  .btn-menu:hover span { color: #bd061c; }
  .btn-product:hover span { color: #bd061c; }
  .btn-product:hover .btn-product-left i { background-color: #bd061c; }
  body.product-open .btn-product:hover span { color: #bd061c; }
  body.product-open .btn-product:hover .btn-product-left i { background-color: #bd061c; }
  body.product-open .btn-product:hover .btn-product-close { color: #bd061c; }
  body.product-open .btn-product-left i { background-color: #bd061c; }
  .header-search label:hover { color: #bd061c; }
  .header.fixed { background-color: #fff; }
  .header.fixed:after { position: absolute; right: 0; bottom: 0; left: 0; height: 1px; content: ''; background-color: rgba(0, 0, 0, 0.1); }
  .header.fixed .btn-menu span { color: #000; }
  .header.fixed .btn-menu i { background-color: #000; }
  .header.fixed .btn-menu:hover span { color: #bd061c; }
  .header.fixed .btn-menu:hover i { background-color: #bd061c; }
  .header.fixed .btn-product span { color: #000; }
  .header.fixed .btn-product:hover span { color: #bd061c; }
  .header.fixed .btn-product-left i { background-color: #000; }
  .header.fixed .logo-w { display: none; }
  .header.fixed .logo-r { display: block; }
  .header.offscreen { top: -70px; transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1); }
  .header.offscreen.drop { top: 0; }
  .footer-right { position: absolute; top: 0; right: 0; } }

@media screen and (max-width: 1600px) { .index-citem-txt h3 { margin-top: 1em; }
  .index-coffee-item:before { padding-top: 40%; } }

@media screen and (max-width: 1440px) { .btn-menu span { font-size: 13px; }
  .btn-menu div { width: 24px; }
  .btn-menu div i { height: 2px; }
  body.menu-open .btn-menu i:nth-of-type(1) { transform: translateY(8px) rotate(-45deg); }
  body.menu-open .btn-menu i:nth-of-type(3) { transform: translateY(-8px) rotate(45deg); }
  .w1320 { width: 90%; }
  .section-title .bg { font-size: 70px; }
  .section-title h2 { font-size: 26px; }
  .module-inner .title { width: 40%; padding-left: 5%; }
  .module-inner .title h2 { font-size: 26px; }
  .module-inner .txt { width: 60%; padding-left: 5%; }
  .module-inner-02 .txt h3, .module-inner-05 .txt h3 { font-size: 24px; }
  .module-inner-02 .txt h4, .module-inner-05 .txt h4 { margin-top: 0; }
  .module-inner-02 .module-btn-01, .module-inner-05 .module-btn-01 { margin-top: 40px; }
  .module-inner-03 .txt h4 { font-size: 30px; }
  .module-inner-05 ul { margin: 0 -30px; }
  .module-inner-05 .box { margin: 0 30px; }
  .tags .row { line-height: 45px; height: 45px; }
  .tags label { font-size: 15px; }
  .header-logo img { width: 160px; }
  .header-search label { font-size: 24px; top: 3px; }
  .footer-apply { font-size: 16px; line-height: 46px; height: 46px; margin-top: 40px; }
  .sub-nav a { font-size: 15px; }
  .js-slick-cont { padding: 45px 0; }
  .js-slick-cont h3 { font-size: 24px; }
  .js-slick-cont i { width: 32px; height: 3px; }
  .contact .w1320 { width: 1180px; }
  .contact-list-wrap article { width: 520px; padding: 57px 70px 0 70px; }
  .contact-list-wrap figure { width: 660px; }
  .contact-list-wrap .txt { height: 93px; }
  .service-subject .item-banner .tc { font-size: 40px; }
  .service-subject .item-banner .txt h3 { font-size: 30px; }
  .service-subject .item-banner .txt p { font-size: 16px; }
  .service-subject .item-content .box { padding-left: 90px; }
  .service-subject .item-content .dec { width: 60px; }
  .service-subject .item-content .inner h4 { font-size: 22px; }
  .service-subject .item-content .inner p { font-size: 15px; line-height: 28px; }
  .relaxation-slider article { top: 50%; transform: translateY(-50%); }
  .relaxation-slider article h3 { font-size: 100px; padding-left: 122px; background-image: -webkit-gradient(linear, 0 52, 4 bottom, from(#eee), to(rgba(0, 0, 0, 0.1))); }
  .relaxation-slider article h4 { font-size: 100px; margin-top: -44px; }
  .relaxation-slider article p { font-size: 28px; margin-top: 36px; padding-left: 20px; }
  .relaxation-slider article h6 { font-size: 15px; line-height: 24px; }
  .news-list-wrap ul { margin: 0 -15px; }
  .news-list-wrap a { margin: 0 15px; }
  .news-list-wrap .head h2 { font-size: 20px; line-height: 30px; }
  .news-data-content .title span { font-size: 16px; }
  .news-data-content .title h1 { font-size: 32px; }
  .product-list-wrap .title h3 { font-size: 22px; }
  .product-banner .title h1 { font-size: 24px; line-height: 32px; }
  .product-banner .intro { font-size: 15px; margin-top: 20px; }
  .ic-line { width: 48px; height: 3px; }
  .ib-timg-txt p.en { font-size: 20px; }
  .ib-timg-txt p.cn { font-size: 22px; }
  .index-cate-txt h3 { font-size: 32px; }
  .index-cate-txt .des { font-size: 15px; }
  .ict-01 { font-size: 100px; }
  .ict-02 { font-size: 80px; }
  .index-citem-txt h3 { font-size: 32px; }
  .index-citem-txt .des { font-size: 15px; }
  .product-filter-nav a { font-size: 15px; }
  .category-name a { font-size: 22px; }
  .product-category-into article span { font-size: 22px; }
  .search-header h3 { font-size: 22px; }
  .search-header p { font-size: 16px; }
  .search-item h4 { font-size: 16px; }
  .search-item p { font-size: 13px; }
  .brand .page-bgImg .cont h3 { font-size: 40px; line-height: 50px; }
  .brand .page-bgImg .cont p { font-size: 30px; margin-top: 22px; }
  .brand-content-01 .row-01 { width: 61%; }
  .brand-content-01 .row-01 .title { font-size: 32px; line-height: 48px; }
  .brand-content-01 .row-01 .txt { font-size: 18px; }
  .brand-content-01 .row-02 { width: 33%; margin-left: 6%; }
  .module-inner-04 .title { font-size: 32px; line-height: 40px; width: 32%; }
  .module-inner-04 .txt { width: 68%; }
  .brand-content-04 .dec, .brand-content-05 .dec { bottom: -20px; }
  .js-slider-arrow a { line-height: 46px; width: 46px; height: 46px; }
  .js-slider-arrow i { font-size: 18px; line-height: 46px; }
  .bt a, .header-bt a { font-size: 36px; }
  .footer-lang-full { width: 1160px; padding-bottom: 90px; }
  .footer-lang-content { width: 86%; }
  .footer-lang-content .title { font-size: 18px; padding-bottom: 30px; }
  .footer-lang-list { padding-top: 40px; }
  .footer-lang-list span { margin-bottom: 26px; }
  .footer-lang-list span, .footer-lang-list dd a { font-size: 14px; } }

@media screen and (max-width: 1366px) { .apply-form-wrap .form-group { margin-bottom: 35px; }
  .module-inner-03 .box { padding-top: 420px; }
  .product-banner .row-01 { margin-right: 5%; }
  .product-banner .row-02 { width: 46.5%; }
  .slick-banner .img-box img { width: 80%; }
  .category-name { line-height: 52px; height: 52px; margin-bottom: 32px; }
  .category-name a { font-size: 20px; }
  .product-category-into article .txt { margin-top: 10px; }
  .product-category-into article span { font-size: 20px; }
  .brand .page-bgImg .cont h3 { font-size: 36px; line-height: 48px; }
  .brand .page-bgImg .cont p { font-size: 28px; margin-top: 20px; }
  .brand-content-01 .row-01 .txt { font-size: 16px; }
  .brand .dec { font-size: 36px; }
  .module-inner-04 .title { font-size: 30px; line-height: 36px; }
  .brand-content-04 .title, .brand-content-05 .title { padding-bottom: 32px; } }

@media screen and (max-width: 1300px) { .contact .w1320 { width: 990px; }
  .contact-list-wrap article { width: 450px; padding: 30px 32px 0 32px; }
  .contact-list-wrap figure { width: 540px; }
  .contact-list-wrap .head { height: 70px; }
  .contact-list-wrap .head span { font-size: 22px; }
  .contact-list-wrap .row { height: 80px; }
  .contact-list-wrap .txt { height: 93px; }
  .index-cate-txt h3 { font-size: 30px; }
  .index-cate-txt .des { font-size: 14px; }
  .ict-01 { font-size: 80px; }
  .ict-02 { font-size: 60px; }
  .index-citem-txt { width: 500px; }
  .index-citem-txt h3 { font-size: 30px; }
  .index-citem-txt .des { font-size: 14px; }
  .module-inner .title h2 { font-size: 23px; }
  .module-inner .title p { font-size: 15px; }
  .product-list-wrap ul { margin: 0 -10px; }
  .product-list-wrap a { margin: 0 10px; }
  .product-list-wrap .item a { margin: 0 10px; }
  .brand-content-03 .title > div { padding-right: 50px; }
  .header .product-category-into ul { margin: 0; }
  .header .product-category-into a { margin: 0; }
  .footer-lang-full { width: 990px; } }

@media screen and (max-width: 1200px) { .footer-menu dl { margin-right: 80px; }
  .apply-form-wrap { width: 80%; }
  .brand-content .row-02 { padding-left: 70px; }
  .relaxation-slider article h3 { font-size: 70px; padding-left: 85px; background-image: -webkit-gradient(linear, 0 34, 4 bottom, from(#eee), to(rgba(0, 0, 0, 0.1))); }
  .relaxation-slider article h4 { font-size: 70px; margin-top: -32px; }
  .relaxation-slider article p { font-size: 24px; margin-top: 30px; padding-left: 14px; }
  .relaxation-slider article h6, .relaxation-slider article h6 span { font-size: 14px; } }

@media screen and (max-width: 1100px) { .w1000 { width: 900px; }
  .ib-timg-01 { width: 900px; }
  .index-citem-txt { width: 460px; }
  .module-inner .title { width: 50%; }
  .module-inner .txt { width: 50%; padding-left: 30px; }
  .contact .w1320 { width: 850px; }
  .contact-list-wrap figure { width: 430px; }
  .contact-list-wrap article { width: 420px; }
  .contact-list-wrap .txt { height: 73px; }
  .contact-list-wrap .txt p, .contact-list-wrap .txt a { font-size: 13px; }
  .contact-list-wrap .head { height: 50px; }
  .contact-list-wrap .head span { font-size: 20px; }
  .contact-list-wrap .row { height: 64px; }
  .contact-list-wrap .row-01 p { font-size: 20px; }
  .ib-timg-txt p.en { font-size: 18px; }
  .ib-timg-txt p.cn { font-size: 20px; }
  .index-cate-txt h3 { font-size: 26px; margin-top: 45px; }
  .index-citem-txt h3 { font-size: 26px; }
  .footer-lang-full { width: 90%; }
  .footer-lang-content { width: 90%; } }

@media screen and (max-width: 1024px) { .w1000, .ib-timg-01 { width: 90%; }
  .pt-80 { padding-top: 50px; }
  .pt-100 { padding-top: 60px; }
  .pt-140 { padding-top: 80px; }
  .pb-140 { padding-bottom: 100px; }
  .mt-80 { margin-top: 50px; }
  .mt-120 { margin-top: 80px; }
  .btn-menu { margin-top: -12px; }
  .btn-menu div { width: 22px; margin-left: 6px; }
  .btn-menu div i { margin-top: 2.5px; margin-bottom: 2.5px; }
  .btn-menu span { font-size: 12px; }
  .section-title .bg { text-shadow: #efefef 0 0 0; }
  .footer { padding-top: 60px; }
  .footer-bottom { margin-top: 70px; padding: 20px 0 30px; }
  .footer-menu { display: none; }
  .footer-right { text-align: center; }
  .footer-apply { font-size: 16px; line-height: 40px; height: 40px; margin-top: 30px; margin-right: auto; margin-left: auto; }
  body.product-open .header:after { height: 45px; }
  body.product-open .header .logo-b { display: none; }
  body.menu-open .btn-menu i:nth-of-type(1) { transform: translateY(7px) rotate(-45deg); }
  body.menu-open .btn-menu i:nth-of-type(3) { transform: translateY(-7px) rotate(45deg); }
  .header-product { padding-top: 45px; }
  .header { padding: 14px 0; background-color: #fff; }
  .header .logo-w, .header .logo-b { display: none; }
  .header .logo-r { display: block; }
  .header:after { position: absolute; right: 0; bottom: 0; left: 0; height: 1px; content: ''; background-color: rgba(0, 0, 0, 0.1); }
  .container { padding-top: 45px; }
  .slick-dots { bottom: 20px; }
  .slick-dots li { margin: 0 4px; }
  .slick-dots button { width: 8px; height: 8px; }
  .btn-product { padding-left: 22px; }
  .btn-product-left { top: 3px; width: 22px; }
  .btn-product-left i { width: 3px; height: 3px; margin: 0 3px 3px 0; background-color: #000; }
  .btn-product span { color: #000; font-size: 12px; }
  .btn-menu span { color: #000; }
  .btn-menu i { background-color: #000; }
  .header-logo img { width: 116px; }
  .header-nav > li > a { font-size: 16px; }
  .sub-nav { margin-top: 28px; }
  .sub-nav a { font-size: 14px; }
  .header-search { padding-left: 28px; }
  .header-search label { font-size: 20px; top: 5px; }
  .header-search input { width: 400px; }
  .btn-product-close { font-size: 16px; top: 2px; }
  .module-inner { text-align: center; }
  .module-inner article { margin-top: 20px; padding-left: 0; }
  .module-inner .title { width: 100%; padding-left: 0; }
  .module-inner .title h2 { font-size: 20px; }
  .module-inner .title p { font-size: 15px; margin-top: 0; }
  .module-inner .txt { width: 100%; margin-top: 20px; padding-left: 0; }
  .module-inner-02 article, .module-inner-05 article { margin-top: 20px; }
  .module-inner-02 .txt h3, .module-inner-05 .txt h3 { font-size: 20px; }
  .module-inner-03 .box { padding-top: 390px; }
  .module-inner-03 .txt h4 { font-size: 26px; }
  .module-inner-05 li { margin-bottom: 60px; }
  .js-slick-banner .item:after { padding-top: 50%; }
  .js-slick-cont { padding: 20px 0; }
  .js-slick-cont .txt { margin-top: 10px; padding-bottom: 22px; }
  .js-slick-cont h3 { font-size: 20px; }
  .js-slick-cont i { width: 28px; height: 2px; }
  .about-inner-02 .row-01 { padding-right: 15px; }
  .about-inner-02 .row-02 { padding-left: 15px; }
  .brand-content .row-02, .strategy-inner-02 .row-02 { padding-left: 40px; }
  .contact .w1320 { width: 500px; }
  .contact .main { padding-bottom: 90px; }
  .contact .section-title { margin-top: 70px; }
  .contact-list-wrap li { margin-bottom: 45px; }
  .contact-list-wrap figure { width: 100%; }
  .contact-list-wrap article { width: 100%; }
  .contact-list-wrap .head, .contact-list-wrap .row, .contact-list-wrap .txt { height: auto; padding-bottom: 24px; }
  .filtrate-subject .maps { height: 340px; }
  .strategy-inner-02 { padding-top: 50px; }
  .service-subject .column { margin-bottom: 55px; }
  .service-subject .item-banner { padding-top: 300px; }
  .service-subject .item-banner .tc { font-size: 34px; }
  .service-subject .item-banner .txt h3 { font-size: 26px; }
  .service-subject .item-banner .txt p { font-size: 15px; }
  .service-subject .item-content .dec { width: 50px; }
  .service-subject .item-content .box { padding-left: 80px; }
  .service-subject .item-content .inner h4 { font-size: 20px; }
  .service-subject .item-content .inner p { font-size: 14px; line-height: 26px; }
  .relaxation-inner-01 .row-02 { padding-left: 40px; }
  .relaxation-inner-02 .row-01 { padding-right: 40px; }
  .relaxation-slider figure { padding-top: 45%; }
  .relaxation-slider article { padding: 0 40px; }
  .relaxation-slider article h3 { font-size: 50px; padding-left: 53px; background-image: -webkit-gradient(linear, 0 30, 0 bottom, from(#eee), to(rgba(0, 0, 0, 0.8))); }
  .relaxation-slider article h4 { font-size: 50px; position: relative; z-index: 10; margin-top: -22px; }
  .relaxation-slider article p { font-size: 18px; }
  .relaxation-slider article h6, .relaxation-slider article h6 span { margin-top: 10px; }
  .news-list-wrap .head h2 { font-size: 18px; line-height: 28px; }
  .news-data-content .title h1 { font-size: 30px; }
  .news-data-content .inner { width: 100%; }
  .product-list-wrap .title h3 { font-size: 20px; padding-right: 20px; }
  .product-list-wrap li { width: 33.333333333%; }
  .product-parameters table { width: 100% !important; }
  .product-parameters h4 { font-size: 22px; }
  .js-slick-intro { padding-bottom: 80px; }
  .js-slick-intro .cont-full h2 { font-size: 15px; }
  .js-slick-intro .cont-full h3 { font-size: 24px; margin-top: 30px; }
  .js-slick-intro .cont-full .txt { font-size: 15px; line-height: 28px; margin-top: 28px; }
  .product-banner .text { margin-top: 30px; padding-top: 40px; }
  .product-banner .share { margin-top: 45px; }
  .product-banner .intro { font-size: 14px; line-height: 26px; }
  .product-banner .row-01 { padding-left: 80px; }
  .product-banner .js-slick-nav { width: 60px; }
  .product-banner .js-slick-nav .item { margin-bottom: 8px; }
  .no-banner .container { padding-top: 50px; }
  .no-banner.product-open .header:after { height: 50px; }
  .work .product-list ul { margin: 0 -8px; }
  .work .product-list a { margin: 0 8px; }
  .work .product-list article h3 { font-size: 15px; }
  .index-coffee-item:before { padding-top: 55%; }
  .index-citem-txt { left: 44%; width: 380px; }
  .ict-01 { font-size: 60px; text-shadow: 0 0 0 rgba(185, 185, 185, 0.4); }
  .ict-02 { font-size: 40px; }
  .index-citem-txt h3 { font-size: 24px; }
  .index-cate-txt .des { margin-top: 12px; margin-bottom: 20px; }
  .index-cate-txt h3 { font-size: 24px; }
  .ic-line { width: 32px; height: 2px; }
  .slick-banner .img-box img { width: 100%; }
  .ic-more .icon-right { position: relative; top: 2px; }
  .product-list-wrap li { margin-bottom: 32px; }
  .category-name a { font-size: 18px; }
  .header-product .product-list-wrap .title h3 { font-size: 16px; }
  .product-filter-nav a { font-size: 14px; line-height: 44px; height: 44px; }
  .product-category-into article span { font-size: 18px; }
  .product-category-into article .txt { margin-top: 6px; }
  .product-category-into article .txt p { line-height: 22px; }
  .apply-form-wrap .form-group { margin-bottom: 25px; }
  .brand .dec { font-size: 36px; }
  .brand-content-03 { margin-top: 60px; }
  .brand-content-04 { margin-top: 60px; padding-top: 60px; padding-bottom: 40px; }
  .brand-content-05, .brand-content-06 { margin-top: 60px; }
  .module-inner-04 .txt { font-size: 15px; line-height: 28px; }
  .news-data-content .pagination .prev, .news-data-content .pagination .next { font-size: 22px; }
  .news-data-content .pagination .prev span, .news-data-content .pagination .next span { font-size: 16px; }
  .news-data-content .pagination .next span { padding-top: 0; }
  .bt a, .header-bt a { font-size: 32px; }
  .footer-lang-full { padding-top: 30px; padding-bottom: 70px; }
  .footer-lang-full .footer-lang-close { font-size: 16px; right: 20px; top: 20px; }
  .footer-lang-content .title { font-size: 16px; }
  .footer-lang-list { padding-top: 26px; }
  .footer-lang-list span { margin-bottom: 18px; }
  .footer-lang-list dd { margin-bottom: 10px; }
  .footer-language i { font-size: 20px; margin-right: 6px; margin-top: 2px; }
  .scroll-dec { bottom: 20px; margin-left: -11px; }
  .scroll-dec i { font-size: 22px; }
  .index-banner .vid-btn-full .in-video { width: 40px; height: 28px; background-size: 40px 28px; } }

@media screen and (max-width: 800px) { .mt-100 { margin-top: 52px; }
  .header-product, .header-menu { overflow-y: auto; }
  .list-5 > li { width: 100%; margin-bottom: 20px; padding: 0; }
  .sub-nav { display: none; margin-top: 0; padding-top: 18px; }
  .sub-nav li { padding: 5px 0; }
  .footer { padding-top: 52px; }
  .footer-wrap { text-align: center; }
  .footer-bottom { margin-top: 48px; }
  .footer-apply { margin-top: 22px; }
  .footer-language { font-size: 12px; position: relative; top: inherit; right: inherit; display: inline-block; }
  .footer-copyright { font-size: 12px; margin-top: 8px; }
  .section-title .bg { font-size: 48px; }
  .section-title h2 { font-size: 20px; }
  .section-title .des { font-size: 15px; margin-top: 20px; }
  .apply-form-wrap .form-group:nth-child(even) { padding-left: 10px; }
  .apply-form-wrap .form-group:nth-child(even) label.error { left: 10px; }
  .apply-form-wrap .form-group:nth-child(odd) { padding-right: 10px; }
  .filtrate-subject .cont > div { width: 50%; padding-right: 0; }
  .filtrate-subject .cont > div:nth-child(odd) { padding-right: 10px; }
  .filtrate-subject .cont > div:nth-child(even) { padding-left: 10px; }
  .filtrate-subject .form-btn { padding-left: 10px; }
  .news-list-wrap li { width: 50%; }
  .news-data-content .section-title .bg { font-size: 52px; }
  .news-data-content .title span { font-size: 15px; }
  .news-data-content .title h1 { font-size: 28px; line-height: 40px; }
  .news-data-content .box { margin-top: 40px; }
  .product-parameters { padding-bottom: 40px; }
  .product-parameters .cont { margin: 0; }
  .product-parameters .cont p { margin: 0; }
  .product-parameters table tbody { margin: 0; }
  .product-banner .row-01 { width: 100%; margin-right: 0; }
  .product-banner .row-02 { width: 100%; padding-top: 60px; padding-left: 100px; }
  .no-banner .header { padding: 14px 0; }
  .no-banner .container { padding-top: 45px; }
  .work .product-list li { width: 50%; }
  .work-inner-01 .row-top { margin-bottom: 60px; }
  .category-name a { font-size: 16px; }
  .module-inner-04 .title { font-size: 24px; line-height: 32px; }
  .brand .page-bgImg .cont h3 { font-size: 28px; line-height: 34px; }
  .brand .page-bgImg .cont p { font-size: 24px; margin-top: 10px; }
  .product-filter-nav li a { font-size: 13px; }
  .page-bgImg .big-pic { display: none; }
  .page-bgImg .small-pic { display: block; }

  /**Pad版底部*/
  .footer-wrap{height:135px;margin-right: 0;margin-left: 0;}
  .footer-menu dl{margin-right: 35px;}
  .footer-menu{display:block;}
  .mobile-hide{display:none !important;}
  }

@media screen and (max-width: 700px) { .product-list-wrap li { width: 50%; }
  .index-cate-img { width: 100%; }
  .ib-timg-txt { right: inherit; left: 0; }
  .index-cate-txt { position: relative; top: inherit; bottom: inherit; left: inherit; width: 100%; padding-left: 0; }
  .index-cate-txt .des { width: 100%; }
  .index-cate-txt h3 { font-size: 20px; margin-top: 26px; }
  .ic-more { position: relative; bottom: inherit; left: inherit; display: block; margin-top: 20px; }
  .index-coffee-item:before { padding-top: 100%; }
  .index-citem-txt { left: 0; width: 100%; padding: 0 24px; }
  .index-citem-txt .des { width: 100%; }
  .ib-timg-txt p.en { font-size: 16px; }
  .ib-timg-txt p.cn { font-size: 18px; }
  .index-cate.left .index-cate-txt { right: inherit; left: inherit; text-align: left; }
  .index-cate.left .index-cate-txt .bg { right: inherit; }
  .brand-content-01 .row-01, .brand-content-01 .row-02 { width: 100%; }
  .brand-content-01 .row-02 { margin-top: 40px; margin-left: 0; }
  .brand-content-04 .title, .brand-content-05 .title { padding-bottom: 20px; }
  .module-inner-04 .title { width: 100%; padding-right: 40px; }
  .module-inner-04 .txt { width: 100%; margin-top: 10px; }
  .brand-content-02:after { padding-top: 48%; }
  .header-search input { width: 80%; }
  .js-slider-arrow a { width: 36px; height: 36px; line-height: 36px; }
  .js-slider-arrow i { font-size: 15px; line-height: 36px; }
  .js-slider-arrow .js-slider-prev { left: 16px; }
  .js-slider-arrow .js-slider-next { right: 16px; }
  .footer-lang-list { padding-top: 18px; }
  .footer-lang-list .item { width: 100%; }
  .footer-lang-list span { margin-bottom: 10px; }
  .footer-lang-list dd { margin-bottom: 6px; }
  .footer-lang-list dl { display: none; padding-bottom: 14px; }
  .footer-lang-full { padding-bottom: 40px; }
  .footer-lang-content .title { padding-bottom: 18px; } }

@media screen and (max-width: 600px) { .mt-120 { margin-top: 60px; }
  .w1000 { width: auto; margin-right: 20px; margin-left: 20px; }
  .section-title { margin: 0 20px; }
  .section-title .des { font-size: 14px; }
  .w1320 { width: auto; margin-right: 20px; margin-left: 20px; }
  .footer { padding-top: 38px; }
  .footer-bottom { margin-top: 32px; }
  .footer-social span { margin-right: 8px; }
  .footer-apply { font-size: 14px; line-height: 34px; width: 200px; height: 34px; margin-top: 12px; }
  .btn-product { left: 20px; }
  .apply-form-wrap { width: auto; margin-right: 20px; margin-left: 20px; }
  .header-logo img { width: 90px; }
  .ib-item { height: calc(100vh - 45px); }
  .ib-big-pic { display: none; }
  .ib-small-pic { display: block; }
  .pt-140 { padding-top: 60px; }
  .pt-100 { padding-top: 40px; }
  .pb-140 { padding-bottom: 60px; }
  .tags { margin: 0 20px; }
  .tags .row { width: 50%; }
  .tags label { font-size: 14px; }
  .section-title .bg { font-size: 30px; text-shadow: #efefef 0 0 0; }
  .section-title h2 { font-size: 18px; margin-top: -22px; }
  .form-group { line-height: 45px; height: 45px; }
  .form-btn { line-height: 45px; height: 45px; }
  .apply-form-wrap .subject { margin-top: 36px; }
  .apply-form-wrap .form-group { width: 100%; }
  .apply-form-wrap .form-group:nth-child(odd) { padding-right: 0; }
  .apply-form-wrap .form-group:nth-child(even) { padding-left: 0; }
  .apply-form-wrap .form-group:nth-child(even) label.error { left: 0; }
  .apply-form-wrap .form-btn { margin-top: 20px; }
  .module-inner .title h2 { font-size: 18px; line-height: 28px; }
  .module-inner .txt { font-size: 13px; margin-top: 14px; }
  .js-slick-cont .row { padding: 0 10px; }
  .js-slick-cont .txt { font-size: 13px; margin-top: 5px; padding-bottom: 10px; }
  .js-slick-cont h3 { font-size: 16px; }
  .js-slick-cont i { margin-top: 4px; }
  .module-inner-02 .row { width: 100%; }
  .module-inner-02 .row-01 { padding-right: 0; }
  .module-inner-02 .row-02 { padding-left: 0; }
  .module-inner-02 .txt h3 { line-height: 30px; }
  .module-inner-05 .txt h3 { line-height: 30px; }
  .contact .w1320 { width: auto; margin-right: 20px; margin-left: 20px; }
  .contact-list-wrap .head span { font-size: 18px; margin-right: 5px; }
  .contact-list-wrap .row-01 p { font-size: 18px; }
  .filtrate-subject .maps { height: 260px; }
  .module-inner-02 .txt, .module-inner-05 .txt { font-size: 13px; line-height: 24px; }
  .module-inner-02 .txt h3, .module-inner-05 .txt h3 { font-size: 18px; line-height: 28px; }
  .module-inner-02 .txt h4, .module-inner-05 .txt h4 { font-size: 15px; line-height: 22px; }
  .module-inner-03 .box { padding-top: 300px; }
  .module-inner-03 .txt h4 { font-size: 20px; line-height: 26px; }
  .service-subject .item-banner { padding-top: 240px; }
  .service-subject .item-banner .tc { font-size: 28px; }
  .service-subject .item-banner .txt h3 { font-size: 20px; }
  .service-subject .item-banner .txt p { font-size: 14px; }
  .service-subject .item-content { padding-top: 40px; }
  .service-subject .item-content li { width: 100%; margin-bottom: 30px; padding: 0 30px; }
  .service-subject .item-content .dec { width: 35px; }
  .service-subject .item-content .box { padding-left: 54px; }
  .module-inner-02 .module-btn-01, .module-inner-05 .module-btn-01 { margin-top: 16px; }
  .relaxation-inner-02 { margin-top: 10px; }
  .relaxation-inner-02 .row-01 { margin-top: 0; }
  .relaxation-inner-02 .row-02 { margin-top: 50px; }
  .relaxation-inner-03 { margin-top: 24px; }
  .relaxation-slider { margin-top: 10px; }
  .relaxation-slider figure { padding-top: 60%; }
  .relaxation-slider article { padding: 0 20px; }
  .relaxation-slider article p { padding-left: 10px; }
  .relaxation-slider article h6, .relaxation-slider article h6 span { margin-top: 4px; padding-left: 10px; }
  .news-data-content .section-title .bg { font-size: 44px; }
  .news-data-content .title span { font-size: 14px; }
  .news-data-content .title h1 { font-size: 20px; line-height: 28px; margin-top: 6px; }
  .news-data-content .box { margin-top: 20px; }
  .news-data-content .box time { float: none; }
  .news-data-content .attr { float: none; margin-top: 10px; }
  .news-data-content .inner { font-size: 13px; line-height: 24px; }
  .news-data-content .news-data-share a { font-size: 22px; margin: 0 8px; }
  .js-slick-intro { padding-bottom: 40px; }
  .js-slick-intro .img-full { width: 100%; }
  .js-slick-intro .subject { width: 100%; margin-top: 20px; margin-left: 0; }
  .js-slick-intro .intro-slick-dots { margin-top: 30px; text-align: center; }
  .js-slick-intro .cont-full h2 { font-size: 14px; text-align: center; }
  .js-slick-intro .cont-full h3 { font-size: 20px; margin-top: 10px; text-align: center; }
  .js-slick-intro .cont-full .txt { font-size: 14px; margin-top: 6px; }
  .product-banner { margin-top: -20px; }
  .product-banner .row-01 { padding-left: 0; }
  .product-banner .row-02 { padding-top: 30px; padding-left: 0; }
  .product-banner .js-slick-nav { display: none; }
  .product-banner .js-slick-for { width: 100%; margin-left: 0; }
  .product-banner .title h1 { font-size: 20px; margin-top: 5px; }
  .product-banner .intro { font-size: 14px; margin-top: 20px; }
  .product-banner .share a { font-size: 22px; }
  .product-parameters h4 { font-size: 20px; padding: 0 8px; }
  .product-parameters .cont p { font-size: 14px; line-height: 24px; }
  .product-parameters table p, .product-parameters table td { font-size: 14px; }
  .product-parameters table tr { padding: 12px 8px; }
  .product-list-wrap .product-list-content { padding-top: 38px; }
  .product-category-into .row { width: 100%; margin-bottom: 20px; }
  .product-filter-btn { display: block; }
  .product-filter-btn button { font-size: 13px; font-weight: 700; display: block; width: 100%; padding: 10px 5px; cursor: pointer; text-transform: uppercase; color: #000; border: 1px solid #ccc; outline: 0; }
  .product-filter-nav ul { display: none; }
  .product-filter-nav li { width: 100%; }
  .product-filter-nav li:first-child { margin-left: 0; }
  .product-filter-nav li:first-child a { border-top: none; }
  .product-filter-nav li:nth-of-type(3) a { border-bottom: 1px solid #ccc; }
  .product-filter-nav li a { font-size: 13px; line-height: 38px; height: 38px; border-top: none; border-right: 1px solid #ccc; }
  .product-page-filter li:nth-of-type(1) a, .product-page-filter li:nth-of-type(2) a, .product-page-filter li:nth-of-type(3) a { border-bottom: none; }
  .product-page-filter li:last-child a { border-bottom: 1px solid #ccc; }
  .module-inner-04 .title { font-size: 22px; line-height: 30px; }
  .module-inner-04 .txt { font-size: 13px; line-height: 23px; }
  .brand .page-bgImg .cont h3 { font-size: 24px; }
  .brand .page-bgImg .cont p { font-size: 20px; }
  .brand .dec { font-size: 30px; }
  .brand-content-01 .row-01 article { padding-right: 40px; }
  .brand-content-01 .row-01 article .dec { right: 20px; }
  .brand-content-01 .row-01 figure { margin-top: 20px; }
  .brand-content-01 .row-01 .title { font-size: 22px; line-height: 30px; }
  .brand-content-01 .row-01 .txt { font-size: 13px; line-height: 23px; margin-top: 14px; }
  .brand-content-01 .row-02 article .txt { margin-top: 20px; }
  .brand-content-01 .row-02 article .dec { right: 20px; }
  .brand-content-03 .title > div { padding-right: 0; }
  .brand-content-03 .title .dec { right: 20px; }
  .module-inner-05 li { width: 100%; }
  .law-page .subject { font-size: 13px; }
  .law-page .subject h4 { font-size: 15px; } 
  
  /**手机版底部*/
  .footer-wrap{height:135px;margin-right: 0;margin-left: 0;}
  .footer-menu dl{margin-right: 5px;}
  .footer-menu{display:block;}
  .mobile-hide{display:none !important;}
  
  }

@media screen and (max-width: 500px) { .js-slick-banner .item:after { padding-top: 70%; }
  .news-list-wrap li { width: 100%; }
  .work-inner-01 .inner-left, .work-inner-01 .inner-right { width: 100%; }
  .work-inner-01 .row-top { margin-bottom: 48px; }
  .work-inner-01 .row-middle { margin-top: 48px; }
  .work-inner-01 .inner-right { padding-left: 0; }
  .product-list-wrap li { width: 100%; }
  .brand .page-bgImg .cont h3 { font-size: 22px; }
  .brand .page-bgImg .cont p { font-size: 18px; }
  .index-banner .ib-item-txt { top: 20%; transform: translateY(0); }
  .index-banner .vid-btn-full .in-video { width: 32px; height: 22px; background-size: 32px 22px; } }

/*# sourceMappingURL=main.css.map */