@charset "UTF-8";
body .bdshare-button-style0-16 a, body .bdshare-button-style0-16 .bds_more { float: none; margin: 0; padding-left: 0; background-image: inherit; }

body .anchorBL { display: none; }

body .swal-button, body .swal-button:active, body .swal-icon--info:after, body .swal-icon--info:before, body .swal-icon--info:after, body .swal-icon--info:before, body .swal-icon--success__line, body .swal-icon--error__line, body .swal-icon--warning__body, body .swal-icon--warning__dot { background-color: #000; }

body .swal-icon--success__ring { border: 4px solid #000; }

body .swal-button--cancel:active { background-color: #eee; }

body .swal-button { border-radius: 0; padding: 13px 24px; }

body .swal-icon--info, body .swal-icon--error, body .swal-icon--warning { border-color: #000; }

body .swal-button:focus { box-shadow: none; }

body .swal-button--cancel { color: #333; background-color: #eee; }

body .swal-footer { text-align: center; }

body .swal-overlay--show-modal .swal-modal { border-radius: 0; }

.swal-text { font-size: 14px; line-height: 24px; text-align: center; }

.swal-footer { padding-bottom: 40px; }

.w1680 { width: 1680px; margin-right: auto; margin-left: auto; }

.w1000 { padding-top: 100px;/*padding-left: 40.4%;*/}

.pt-100 { padding-top: 100px; }

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

.mb-80 { margin-bottom: 80px; }

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

.lazy.insert { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 24px; height: 24px; z-index: -1; }

.ov-h { overflow: hidden; }

.bg-cover { background-repeat: no-repeat; background-position: center center; background-size: cover; }

.hide { display: none; }

.show { display: block; }

.fl { float: left; }

.fr { float: right; }

.clear:after { content: ""; display: block; float: none; clear: both; }

.fw300 { font-weight: 300; }

.fw300 p, .fw300 span, .fw300 a { font-weight: 300; }

.relative { position: relative; }

.absolute { position: absolute; }

.page-title-full { font-family: "LatoBold"; font-size: 30px; line-height: 1.2; position: relative; padding: 27px 0 27px 6px; letter-spacing: 4px; text-transform: uppercase; color: #707273; }

.wrap { padding-top: 80px; }

label.error { font-size: 12px; color: #dcab54; }

.line-hover-animate:before, .line-hover-animate:after { position: absolute; display: block; width: 0; height: 1px; content: ''; transition: width 0.5s ease; background-color: #dcab54; }

.line-hover-animate:before { top: 0; left: 0; }

.line-hover-animate:after { right: 0; bottom: 0; }

.line-hover-animate:hover:before, .line-hover-animate:hover:after { width: 100%; }

.line-draw { position: relative; }

.line-draw:before, .line-draw:after { position: absolute; display: block; width: 0; height: 1px; content: ''; transition: width 2s ease; background-color: #dcab54; }

.line-draw:before { top: 0; left: 0; }

.line-draw:after { right: 0; bottom: 0; }

.line-scroll-animate.line-draw:before, .line-scroll-animate.line-draw:after { width: 100%; }

.module-title { position: relative; font-family: "LatoBold"; font-size: 30px; padding: 28px 0; letter-spacing: 2px; text-transform: uppercase; color: #707273; }

.m-more-wrap { display: none; }

.page-banner { position: relative; overflow: hidden; }

.page-banner:after { content: ""; display: block; padding-top: 41%; }

.page-banner img { position: absolute; top: 50%; left: 0; display: block; width: 100%; transform: translateY(-50%); }

.page-bgImg { position: relative; margin-bottom: 78px; height:auto}


.page-bgImg .m-pic { padding-top: 60vh; display: none; height:auto}

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

.page-bgImg .cont h2 { font-size: 24px; line-height: 35px; color: #fff; letter-spacing: 13px; margin-bottom: 22px; }

.page-bgImg .cont p { font-size: 30px; line-height: 1.2; color: #fff; text-transform: uppercase; letter-spacing: 2px; font-family: "LatoBold"; }

.page-preloader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1500; text-align: center; }

.page-preloader.open { pointer-events: none; }

.page-preloader.open .preloader-bar-top { transform: translateY(-100%); visibility: hidden; }

.page-preloader.open .preloader-bar-bottom { transform: translateY(100%); visibility: hidden; }

.page-preloader.open .preloader-line { opacity: 0; visibility: hidden; }

.preloader-bar { transition: all .8s ease; background-color: #2c2c2c; width: 100%; height: 50%; left: 0; top: 0; pointer-events: none; }

.preloader-bar-bottom { top: 50%; }

.preloader-line { transition: width .6s ease; position: absolute; top: 50%; height: 1px; left: 50%; width: 0; background-color: #a58364; transform: translate(-50%, 0%) matrix(1, 0, 0, 1, 0, 0); }

.preloader-progress { transition: all .8s ease; pointer-events: none; height: 1px; width: 160px; position: absolute; bottom: 40px; left: 50%; text-align: center; background-color: #Fff; overflow: hidden; transform: translateX(-50%) rotate(0deg); perspective: 200px; backface-visibility: hidden; }

.preloader-progress i { transition: all .8s linear; position: absolute; left: 0; top: 0; width: 0; height: 100%; background-color: #a58364; }

.preloader-progress i.fill { width: 100%; }

.preloader-progress.active { bottom: 50%; transform: translate(-50%, -50%) rotate(180deg); }

.preloader-progress.opa { visibility: hidden; opacity: 0; }

.preloader-content { position: absolute; top: 50%; left: 0; z-index: 1000; transform: translateY(-50%); width: 100%; padding: 0 20px; text-align: center; }

.preloader-content-image { margin-bottom: 20px; }

.preloader-content-image img { width: 140px; }

.preloader-content-text p { font-size: 20px; color: #dcab54; letter-spacing: 2px; font-family: "LatoBold"; text-transform: uppercase; margin-bottom: 14px; }

.preloader-content-text span { display: block; font-size: 14px; color: #dcab54; letter-spacing: 2px; font-family: "LatoBold"; text-transform: uppercase; }

.modal-close { transition: opacity 0.5s ease; position: absolute; right: 24px; top: 24px; width: 20px; height: 20px; }

.modal-close:hover { opacity: .6; }

.close-btn:before, .close-btn:after { transition: opacity 0.5s ease; display: block; content: ""; background-color: #dcab54; }

.close-btn:before { width: 1px; height: 25px; transform: translate(10px, -2px) rotate(-40deg); }

.close-btn:after { width: 3px; height: 25px; transform: translate(9px, -27px) rotate(44deg); }

.modal-fancybox { display: none; position: fixed; left: 50%; top: 50%; width: 650px; height: auto; margin-left: -325px; transform: translateY(-50%); background-color: #fff; z-index: 1200; }

.modal-bg { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); z-index: 1000; }

.modal-content { text-align: center; margin: 58px 60px; border-top: 1px solid #dcab54; border-bottom: 1px solid #dcab54; padding-top: 36px; padding-bottom: 40px; }

.modal-inner p { font-size: 24px; line-height: 30px; color: #000; letter-spacing: 8px; }

.modal-inner span { display: block; margin-bottom: 32px; font-size: 14px; line-height: 30px; color: #000; letter-spacing: 2px; }

.modal-inner .round { margin-left: auto; margin-right: auto; margin-bottom: 30px; width: 100px; height: 100px; }

.modal-inner .modal-btn { transition: all 0.5s ease; display: block; width: 214px; height: 48px; line-height: 48px; background-color: #dcab54; text-align: center; font-size: 16px; color: #000; letter-spacing: 1px; margin-left: auto; margin-right: auto; }

.modal-inner .modal-btn:hover { color: #fff; opacity: .8; }

.modal-success .round { background: url(../images/icon-06.png) no-repeat center center; }

.modal-error { display: none; }

.modal-error .round { background: url(../images/icon-07.jpg) no-repeat center center; }

.modal-state-error .modal-success { display: none; }

.modal-state-error .modal-error { display: block; }

/*header*/
.logo { position: relative; }

.logo img { transition: all .3s; }

.logo .l1, .logo .l2 { width: 200px; }

.logo .l3, .logo .l4 { width: 200px; }

.logo .l2, .logo .l3 { display: none; }

.no-svg .l2, .no-svg .l4 { display: none; }

.no-svg .l1, .no-svg .l3 { display: block; }

.header { position: fixed; z-index: 1200; top: 0; left: 0; width: 100%; padding: 16px 0; transition: padding 0.5s ease; background-color: #2c2c2c; font-size: 0; }

.header-main:after { display: block; float: none; clear: both; content: ''; }

.header-lang { font-size: 0; margin-top: 12px; text-align: right; }

.header-lang a, .header-lang i { font-size: 16px; display: inline-block; vertical-align: top; color: #dcab54; }

.header-lang a { transition: opacity 0.5s ease; letter-spacing: 1px; opacity: .5; }

.header-lang a.on { opacity: 1; }

.header-lang a:hover { opacity: 1; }

.header-lang i { margin: 0 10px; }

.m-header-lang { display: none; }

.p-header-lang { display: none; }

.navigation { font-size: 0; margin-top: 22px; transition: all 0.5s ease; }

.navigation li { display: inline-block; margin-left: 28px; vertical-align: top; }

.navigation li.on a:before, .navigation li.on a:after { width: 100%; }

.navigation a { font-family: "LatoBold"; font-size: 16px; position: relative; padding: 6px 0; letter-spacing: 1px; text-transform: uppercase; color: #dcab54; }

.navigation a:before, .navigation a:after { position: absolute; display: block; width: 0; height: 1px; content: ''; transition: width 0.5s ease; background-color: #dcab54; }

.navigation a:before { top: 0; left: 0; }

.navigation a:after { right: 0; bottom: 0; }

.navigation a:hover:before, .navigation a:hover:after { width: 100%; }

/*end*/
/*footer*/
.footer { background-color: #2c2c2c;      position: fixed;
    bottom: 0;
    width: 100%;}

.footer .main { padding-top: 22px; padding-bottom: 18px; text-align: center;}

.subscriptions { font-size: 0; }

.subscriptions .intro { margin-bottom: 34px; }

.subscriptions .intro span { font-size: 38px; letter-spacing: 10px; text-transform: uppercase; color: #dcab54; }

.subscriptions .intro p { font-size: 14px; line-height: 24px; margin-top: 12px; letter-spacing: 1px; color: #dcab54; }

.subscriptions .submit-form { display: inline-block; margin-bottom: 40px; }

.subscriptions .submit-form label.error { position: absolute; bottom: -25px; left: 0; width: 100%; text-align: left; }

.subscriptions .submit-form input { font-size: 14px; line-height: 51px; display: inline-block; width: 504px; height: 51px; padding: 16px 0 16px 52px; vertical-align: top; letter-spacing: 3px; text-transform: uppercase; color: #dcab54; border-top: 1px solid #dcab54; border-right: none; border-bottom: 1px solid #dcab54; border-left: 1px solid #dcab54; background-color: transparent; }

.subscriptions .submit-form input::-webkit-input-placeholder { opacity: .3; color: #dcab54; }

.subscriptions .submit-form input:-moz-placeholder { opacity: .3; color: #dcab54; }

.subscriptions .submit-form input:-ms-input-placeholder { opacity: .3; color: #dcab54; }

.subscriptions .submit-form a { font-family: "LatoBold"; font-size: 16px; line-height: 51px; display: inline-block; width: 196px; height: 51px; transition: background 0.5s ease; vertical-align: top; letter-spacing: 5px; text-transform: uppercase; color: #2c2c2c; background-color: #dcab54; }

.subscriptions .submit-form a:hover { background-color: #fff; }

.foot-message { padding-bottom: 114px; }

.foot-message p, .foot-message a { font-size: 14px; line-height: 26px; text-transform: uppercase; color: #dcab54; }

.foot-link { position: relative; }

.foot-link:after { display: block; float: none; clear: both; content: ''; }

.foot-share { font-size: 0; }

.foot-share .fs, .foot-share .ft { font-size: 14px; display: inline-block; vertical-align: middle; letter-spacing: 1px; text-transform: uppercase; color: #dcab54; }

.foot-share .fs { transition: opacity 0.5s ease; }

.foot-share .fs:hover { opacity: .6; }

.foot-share .ft { position: absolute; z-index: 10; top: 50%; left: 0; transition: all 0.5s ease; transform: translateY(-50%); backface-visibility: hidden; }

.foot-share .sub { display: inline-block; margin-left: 20px; vertical-align: middle; }

.foot-share .box { position: relative; z-index: 100; visibility: hidden; transition: all 0.5s ease; opacity: 0; }

.foot-share .box a { font-size: 24px; display: inline-block; margin: 0 4px; transition: color 0.5s ease; vertical-align: middle; color: #dcab54; }

.foot-share .box a:hover { color: #fff; }

.foot-share.on .ft { visibility: hidden; opacity: 0; }

.foot-share.on .box { visibility: visible; opacity: 1; }

.foot-bt { position: absolute; top: -46px; left: 50%; width: 63px; height: 63px; margin: auto; cursor: pointer; transition: border 0.5s ease; transform: translateX(-50%); border: 2px solid #dcab54; }

.foot-bt:before, .foot-bt:after, .foot-bt i { position: absolute; display: block; content: ''; }

.foot-bt:before { z-index: 50; top: -2px; left: 50%; width: 34px; height: 2px; transform: translateX(-50%); background-color: #2c2c2c; }

.foot-bt:after { z-index: 80; bottom: 0; left: -1px; width: 104%; height: 0; transition: height 0.5s ease; background-color: #dcab54; }

.foot-bt i { z-index: 120; top: -9px; left: 50%; width: 11px; height: 13px; transform: translateX(-50%); background: url(../images/icon-01.png) no-repeat center center; }

.foot-bt span { transition: color 0.5s ease; font-family: "LatoBold"; font-size: 14px; position: absolute; z-index: 140; top: 50%; left: 0; width: 100%; transform: translateY(-50%); text-align: center; letter-spacing: 1px; color: #dcab54; }

.foot-bt:hover:after { height: 104%; }

.foot-bt:hover span { color: #fff; }

.copyright p, .copyright a { font-size: 14px; display: inline-block; vertical-align: top; text-transform: uppercase; color: #dcab54; line-height: 22px; }

.copyright a { margin-left: 34px; transition: opacity 0.5s ease; }

.copyright a:hover { opacity: .6; }

/*end*/
/*news*/
.news .page-title-full { width: 100%; }

.news .container { margin-bottom: 220px; }

.news .more-list-wrap { margin-top: 72px; }

.news .news-list { margin-bottom: -72px; }

.news-list ul { font-size: 0; margin: 0 -19px; }

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

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

.news-list figure { position: relative; padding-top: 64.29%; }

.news-list figure img { position: absolute; top: 0; left: 0; width: 100%; }

.news-list .inner { position: relative; }

.news-list .time { margin-top: 20px; }

.news-list .month, .news-list .year { font-family: "LatoLight"; display: block; letter-spacing: 2px; color: #2c2c2c; }

.news-list .month { font-size: 24px; }

.news-list .year { font-size: 12px; }

.news-list .title { margin-top: 28px; transition: all 0.5s ease; }

.news-list .title, .news-list .title p { font-size: 16px; line-height: 30px; letter-spacing: 2px; color: #2c2c2c; }

.news-list .more-btn { position: absolute; top: 0; left: 0; visibility: hidden; transition: all 0.5s ease; transform: translateY(20px); opacity: 0; margin-top: 0; }

@keyframes lineWidthAnimate { 0% { width: 0; }
  100% { width: 100%; } }

.more-list-wrap { text-align: center; }

.more-list-wrap .more-list-btn { font-family: "LatoBold"; font-size: 16px; line-height: 52px; position: relative; display: inline-block; letter-spacing: 1px; text-transform: uppercase; color: #707273; perspective: 100px; }

.more-list-wrap .more-list-btn:before, .more-list-wrap .more-list-btn:after { position: absolute; left: 50%; width: 50%; height: 1px; content: ''; transition: all 0.5s ease; transform: translateX(-50%); background-color: #dcab54; }

.more-list-wrap .more-list-btn:before { top: 0; }

.more-list-wrap .more-list-btn:after { bottom: 0; }

.more-list-wrap .more-list-btn:hover:before, .more-list-wrap .more-list-btn:hover:after { width: 100%; transform: translateX(-50%) rotateY(-180deg); }

/*end*/
/*news-data*/
.news-data .container { font-size: 0; padding-bottom: 140px; }

.list-data-intro { transition: all 0.5s ease; display: inline-block; width: 34.6%; vertical-align: top; max-width: 580px; }

.list-data-intro.fix { transform: translateY(-100px); }

.list-data-intro.opa {/* opacity: 0; visibility: hidden; */}

.list-data-title h1 { font-family: "LatoBold"; font-size: 24px; line-height: 40px; margin-bottom: 42px; padding: 24px 0; letter-spacing: 2px; text-transform: uppercase; color: #2c2c2c; }

.list-data-title h1 span { display: block; font-size: 22px; }

.list-data-title .time { margin-bottom: 52px; }

.list-data-title .month { font-size: 24px; display: block; letter-spacing: 1px; color: #2c2c2c; }

.list-data-title .year { font-size: 14px; color: #2c2c2c; }

.list-data-hanld { font-size: 0; }

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

.list-data-back { display: inline-block; vertical-align: top; }

.list-data-back .dots { width: 37px; height: 37px; padding-top: 1px; padding-left: 2px; border: 2px solid #dcab54; margin: auto; }

.list-data-back .dots i { display: inline-block; width: 6px; height: 6px; margin: 2px; transition: background 0.5s ease; vertical-align: top; border: 1px solid #dcab54; border-radius: 100%; }

.list-data-back .dots i:nth-child(5) { background-color: #dcab54; }

.list-data-back span { font-family: "LatoBold"; font-size: 14px; display: block; transition: color 0.5s ease; letter-spacing: 1px; color: #707273; margin-top: 12px; }

.list-data-back:hover .dots i:nth-child(1), .list-data-back:hover .dots i:nth-child(3), .list-data-back:hover .dots i:nth-child(7), .list-data-back:hover .dots i:nth-child(9) { background-color: #dcab54; }

.list-data-back:hover span { color: #dcab54; }

.list-data-arrow { margin-top: 40px; }

.list-data-prev, .list-data-next { font-family: "LatoBold"; font-size: 14px; position: relative; display: inline-block; padding: 4px 0; vertical-align: top; letter-spacing: 1px; text-transform: uppercase; color: #dcab54; }

.list-data-inner { display: inline-block; width: 65.4%; padding-left: 94px; vertical-align: top; margin-left: 34.6%; font-weight: 300; }

.list-data-inner p, .list-data-inner a, .list-data-inner span { font-size: 16px; line-height: 30px; letter-spacing: 2px; }

.list-data-inner strong { font-weight: bold; }

.list-data-inner img { width: auto !important; max-width: 100%; height: auto !important; }

/*end*/
/*product*/
.product .container { padding-bottom: 220px; }

.product .more-list-wrap { margin-top: 80px; }

.product-filtrate-full .title { font-family: "LatoBold"; font-size: 30px; margin-bottom: 34px; letter-spacing: 2px; text-transform: uppercase; color: #707273; }

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

.product-filtrate-list { padding: 13px 0; border-top: 1px solid #dcab54; border-bottom: 1px solid #dcab54; }

.product-filtrate-list ul { display: flex; width: 100%; padding-left: 12px; justify-content: space-between; }

.product-filtrate-list li { text-align: center; }

.product-filtrate-list li.on label { color: #2c2c2c; }

.product-filtrate-list li.on a { color: #2c2c2c; }

.product-filtrate-list input { display: none; }

.product-filtrate-list input:checked + label { color: #2c2c2c; }

.product-filtrate-list label, .product-filtrate-list a { cursor: pointer; font-family: "LatoBold"; font-size: 16px; line-height: 30px; transition: color 0.5s ease; letter-spacing: 2px; color: #707273; }

.product-filtrate-list label:hover, .product-filtrate-list a:hover { color: #2c2c2c; }

.product-list { margin-bottom: -94px; min-height: 100px; }

.product-list ul { font-size: 0; margin: 0 -17px; }

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

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

.product-list a:after { transition: background 0.5s ease; content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0); }

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

.product-list figure img { position: absolute; top: 0; left: 0; width: 100%; }

.product-list article { position: absolute; top: 50%; left: 0; visibility: hidden; width: 100%; padding: 0 20px; transition: all 0.5s ease; transform: translateY(-50%); text-align: center; opacity: 0; z-index: 100; }

.product-list article p { font-size: 18px; line-height: 30px; letter-spacing: 2px; color: #fff; }

.product-list article span { font-size: 14px; line-height: 26px; letter-spacing: 2px; color: #fff; font-family: "LatoBold"; text-transform: uppercase; }

/*end*/
/*product-data*/
.product-data .container { font-size: 0; padding-bottom: 134px; }

.product-data-title h1 { color: #707273; }

.product-data-title .inner { font-weight: 300; font-size: 14px; line-height: 30px; margin-bottom: 32px; padding-right: 20px; letter-spacing: 2px; color: #2c2c2c; }

/*end*/
/*contact*/
.contact .container { padding-bottom: 180px; }

.maps { margin-bottom: 78px; padding-top: 41%; }

.contact-top-cont { margin-bottom: 150px; }

.contact-top-cont .inner { font-weight: 300; margin-top: 38px; }

.contact-top-cont .inner p, .contact-top-cont .inner span, .contact-top-cont .inner a { font-size: 16px; line-height: 30px; letter-spacing: 2px; text-transform: uppercase; color: #2c2c2c; }

.contact-bottom-cont:after { display: block; float: none; clear: both; content: ''; }

.contact-pic { float: right; width: 59.6%; padding-top: 540px; }

.contact-message { float: left; width: 40.4%; height: 540px; padding: 0 40px; background-color: #f0f1f1; font-weight: 300; }

.contact-message .hint { padding-top: 67px; margin-bottom: 44px; }

.contact-message .hint h2 { font-family: "LatoBold"; font-size: 30px; letter-spacing: 2px; text-transform: uppercase; color: #2c2c2c; margin-bottom: 10px; }

.contact-message .hint p { font-size: 14px; line-height: 24px; letter-spacing: 2px; color: #2c2c2c; }

.contact-filter-full { font-size: 0; }

.contact-filter-full label.error { position: absolute; left: 0; bottom: 0; width: 100%; }

.contact-filter-full .form-group-textarea { width: 100%; }

.form-group { position: relative; display: inline-block; width: 33.333333%; margin-bottom: 10px; padding-right: 24px; padding-bottom: 18px; vertical-align: top; }

.form-group input, .form-group textarea { font-weight: 300; font-size: 16px; width: 100%; padding: 4px 0; letter-spacing: 2px; height: 28px; color: #2c2c2c; border-top: none; border-right: none; border-bottom: 1px solid #dcab54; border-left: none; background-color: transparent; }

.form-group input::-webkit-input-placeholder, .form-group textarea::-webkit-input-placeholder { font-size: 16px; color: #2c2c2c; font-family: "LatoLight", "Noto Sans S Chinese", "Source Han Sans CN", "PingFang SC", "Microsoft YaHei", "微软雅黑", STSong, SimSun, Arial, sans-serif; }

.form-group input:-moz-placeholder, .form-group textarea:-moz-placeholder { font-size: 16px; font-family: "LatoLight", "Noto Sans S Chinese", "Source Han Sans CN", "PingFang SC", "Microsoft YaHei", "微软雅黑", STSong, SimSun, Arial, sans-serif; color: #2c2c2c; }

.form-group input:-ms-input-placeholder, .form-group textarea:-ms-input-placeholder { font-size: 16px; font-family: "LatoLight", "Noto Sans S Chinese", "Source Han Sans CN", "PingFang SC", "Microsoft YaHei", "微软雅黑", STSong, SimSun, Arial, sans-serif; color: #2c2c2c; }

.form-group-textarea textarea { height: 115px; padding: 0; resize: none; }

.form-group-textarea textarea::-webkit-input-placeholder { color: #2c2c2c; }

.form-group-textarea textarea:-moz-placeholder { color: #2c2c2c; }

.form-group-textarea textarea:-ms-input-placeholder { color: #2c2c2c; }

.filter-selector-full input { display: none; }

.filter-selector-body { position: relative; border-bottom: 1px solid #dcab54; height: 28px; padding: 4px 0; cursor: pointer; }

.filter-selector-body .filter-attr { display: inline-block; font-size: 16px; position: absolute; top: 50%; left: 0; transform: translateY(-50%); letter-spacing: 2px; pointer-events: none; color: #2c2c2c; padding-right: 20px; }

.filter-selector-body .filter-attr:after { content: ""; display: block; background: url(../images/icon-02.png) no-repeat center center; background-size: 10px 12px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 10px; height: 12px; }

.filter-selector-body .filter-option { backface-visibility: hidden; position: absolute; left: 0; top: 28px; width: 100%; background-color: #2c2c2c; padding: 6px 8px; display: none; z-index: 100; }

.filter-selector-body .filter-option a { transition: color 0.5s ease; font-size: 14px; color: #fff; letter-spacing: 2px; display: block; padding: 4px 0; }

.filter-selector-body .filter-option a:hover { color: #dcab54; }

.send-btn { padding-top: 6px; }

.send-btn a { transition: background 0.5s ease; display: block; width: 160px; height: 40px; line-height: 40px; font-size: 16px; color: #2c2c2c; font-family: "LatoBold"; text-transform: uppercase; letter-spacing: 6px; background-color: #dcab54; text-align: center; }

.send-btn a:hover { background-color: #fff; }

/*end*/
/*team*/
.team .container { padding-bottom: 190px; }

.team-content .module-title { margin-bottom: 58px; }

.team-intro { margin-bottom: 138px; font-weight: 300; }

.team-intro .title { margin-bottom: 40px; }

.team-intro .title h3 { font-size: 24px; line-height: 30px; color: #2c2c2c; letter-spacing: 2px; margin-bottom: 5px; }

.team-intro .title p { font-size: 14px; line-height: 24px; color: #707273; letter-spacing: 2px; text-transform: uppercase; font-family: "LatoBold"; }

.team-intro .inner { font-size: 16px; line-height: 28px; color: #2c2c2c; letter-spacing: 2px; font-weight: 300; }

.team-intro .inner strong { font-weight: bold; }

.team-intro .inner img { width: auto !important; height: auto !important; max-width: 100%; }

.team-intro .inner h4 { font-size: 18px; line-height: 30px; font-weight: 300; }

.team-foot-inner .pic { padding-top: 38.09%; }

/*end*/
/*about*/
.about-content { margin-bottom: 200px; }

.about-content .module-title { margin-bottom: 58px; margin-left: 40.4%; }

.about-intro { font-size: 0; }

.about-intro .about-intro__pic { float: left; width: 35.4%; margin-right: 5%; }

.about-intro .about-intro__pic img { width: 100%; }

.about-intro .title { float: right; width: 59.6%; margin-bottom: 20px; }

.about-intro .title h3 { font-size: 16px; line-height: 26px; color: #333; letter-spacing: 2px; }

.about-intro .title p { font-size: 16px; line-height: 30px; color: #2c2c2c; text-transform: uppercase; letter-spacing: 2px; }

.about-intro .inner { font-size: 16px; line-height: 30px; color: #2c2c2c; letter-spacing: 2px; }

.about-intro:after { content: ""; display: block; float: none; clear: both; }

/*end*/
/*about*/
.about-list-main .item { position: relative; margin-bottom: 186px; }

.about-list-main .item:after { content: ""; display: block; float: none; clear: both; }

.about-list-main .pic, .about-list-main .cont { height: 540px; }

.about-list-main .pic { width: 59.6%; }

.about-list-main .cont { width: 40.4%; background-color: #f0f1f1; }

.about-list-inner .pic { float: right; }

.about-list-inset .pic { float: left; }

.about-list-text.cont { float: left; font-size: 16px; line-height: 30px; color: #2c2c2c; letter-spacing: 2px; padding: 3.64583vw; font-weight: 300; overflow: hidden; }

.about-list-pic.cont { float: right; font-size: 0; padding: 4.6875vw 1.77083vw; }

.about-list-pic.cont p { display: inline-block; vertical-align: top; width: 25%; padding: 0 10px; margin-bottom: 40px; text-align: center; }

.about-list-pic.cont p img { max-width: 100%; }

/*end*/
/*index*/
.home .container { padding-bottom: 28px; }

.index-banner { font-size: 0; position: relative; margin-bottom: 0px; }

.index-banner.page-bgImg .pic { padding-top: calc(97vh - 116px); }

.index-banner .m-pic img { width: 100%; }

.index-banner .slide-show-text-top { transition: all 1s ease; margin-bottom: 20px; transition-delay: .05s; }

.index-banner .slide-show-text-bottom { transition: all 1s ease; opacity: 0; position: absolute; top: 100%; left: 0; right: 0; transition-delay: 0s; }

.index-banner .more-list-btn { color: #fff; }

.index-banner a { display: block; position: relative; }

.index-banner .slick-dots { position: absolute; left: 0; bottom: 20px; width: 100%; text-align: center; }

.index-banner .slick-dots:hover button { /*height: 8px;*/ }

.index-banner .slick-dots li { display: inline-block; vertical-align: top; width: 4%; }

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

.index-banner .slick-dots button { transition: all 0.5s ease; padding: 0; cursor: pointer; border: none; display: inline-block; vertical-align: top; width: 15px; height: 15px; border-radius: 50%; opacity: .4; background-color: #fff; text-indent: -99999999999999999999px; backface-visibility: hidden; }

.index-intro { font-size: 0; margin-bottom: 140px; }

.index-intro .index-intro__pic { margin: 30px 0; }

.index-intro .index-intro__pic img { width: 100%; }

.index-intro .title, .index-intro .inner { display: inline-block; vertical-align: top; }

.index-intro .title { width: 40.4%; text-align: right; padding-right: 7.91667vw; padding-top: 4px; }

.index-intro .title h3 { font-size: 24px; line-height: 30px; letter-spacing: 2px; color: #000; margin-bottom: 15px; }

.index-intro .title p { font-size: 16px; line-height: 24px; color: #2c2c2c; letter-spacing: 2px; text-transform: uppercase; font-family: "LatoBold"; }

.index-intro .inner { width: 59.6%; }

.index-intro .text { font-weight: 300; font-size: 16px; line-height: 30px; letter-spacing: 2px; color: #2c2c2c; margin-bottom: 42px; }

.index-intro .brand-list { padding: 1.40625vw 0.83333vw; }

.index-intro .brand-list p { text-align: center; display: inline-block; vertical-align: top; width: 25%; padding: 0 10px; margin: 20px 0; }

.index-intro .brand-list img { max-width: 100%; }

.index-pro-wrap { margin-bottom: 150px; }

.index-pro-list { font-size: 0; }

.index-pro-list a { position: relative; display: block; }

.index-pro-list a:after { content: ""; display: block; float: none; clear: both; }

.index-pro-list a:hover .pic { transform: scale(1.2); }

.index-pro-list figure, .index-pro-list article { position: relative; display: inline-block; vertical-align: top; }

.index-pro-list figure { overflow: hidden; width: 59.6%; }

.index-pro-list figure img { width: 100%; }

.index-pro-list .pic { transition: transform 6s ease; }

.index-pro-list .pic:after { content: ""; display: block; padding-top: 54%; }

.index-pro-list article { width: 40.4%; position: absolute; left: 0; top: 0; bottom: 0; }

.index-pro-list .cont { position: absolute; width: 100%; top: 50%; transform: translateY(-50%); }

.index-pro-list .cont h4 { font-size: 18px; line-height: 30px; color: #2c2c2c; letter-spacing: 2px; }

.index-pro-list .cont p { font-size: 14px; line-height: 26px; letter-spacing: 2px; color: #2c2c2c; font-family: "LatoBold"; text-transform: uppercase; }

.index-pro-list .item { margin-bottom: 56px; }

.index-pro-list .item:last-child { margin-bottom: 0; }

.index-pro-list .item:nth-child(odd) a { text-align: right; }

.index-pro-list .item:nth-child(odd) .cont { padding-right: 7.8125vw; }

.index-pro-list .item:nth-child(even) a { text-align: left; }

.index-pro-list .item:nth-child(even) article { left: 59.6%; }

.index-pro-list .item:nth-child(even) .cont { padding-left: 7.8125vw; }

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

.error-404 h3 { font-size: 30px; font-family: "LatoBold"; color: #2c2c2c; letter-spacing: 2px; line-height: 1.4; }

.foot-records{
	margin:0 auto; padding:20px 0;clear: both;font-size: 12px;
}
.frs-btn1{
	display:inline-block;vertical-align: middle;height:20px;line-height:20px;padding-right: 15px;margin-right: 15px;
	position: relative;
}
.frs-btn1:after{
	content: "";display: block;
	position: absolute;right: 0;
	top: 3px;width: 1px;height: 14px;
	background-color: #dcab54;
}
.frs-btn1 img{
	float: left;
}
.frs-btn1 p{
	float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#dcab54;
}

.frs-btn2{
	display:inline-block;vertical-align: middle;color:#dcab54;
}

/*end*/
@media screen and (min-width: 1025px) { .header { min-height: 80px; }
  .logo .l4 { position: absolute; left: 0; top: 0; opacity: 0; visibility: hidden; }
  .scroll-ani .logo .l1, .scroll-ani .logo .l2 { visibility: hidden; height: 0; }
  .scroll-ani .logo .l4 { opacity: 1; visibility: visible; }
  .scroll-ani .header-lang { display: none; }
  .scroll-ani .header { padding: 16px 0; }
  .scroll-ani .navigation { margin-top: 22px; }
  .list-data-intro { position: fixed; }
  .news-list a:hover .title { visibility: hidden; opacity: 0; }
  .news-list a:hover .more-btn { visibility: visible; transform: translateY(0); opacity: 1; }
  .index-banner a:hover .slide-show-text-top { transform: translateY(-100%); transition-delay: 0s; }
  .index-banner a:hover .slide-show-text-bottom { transform: translateY(-100%); transition-delay: .05s; opacity: 1; }
  .product-list a:hover article { visibility: visible; opacity: 1; }
  .product-list a:hover:after { background-color: rgba(0, 0, 0, 0.4); }
  .about-list-text.cont .inner { max-height: 350px; } }

@media screen and (max-width: 1800px) { .w1680 { width: 1600px; } }

@media screen and (max-width: 1700px) { .w1680 { width: 1500px; } }

@media screen and (max-width: 1600px) { .w1680 { width: 1400px; } }

@media screen and (max-width: 1500px) { .w1680 { width: 94%; }
  .form-group { width: 50%; }
  .contact-message .hint { padding-top: 45px; margin-bottom: 30px; }
  .form-group-textarea textarea { height: 100px; } }

@media screen and (max-width: 1440px) { .w1680 { width: 92%; }
  .subscriptions .intro span { font-size: 34px; }
  .subscriptions .submit-form input { padding-left: 30px; }
  .logo .l1, .logo .l2 { width: 120px; }
  .navigation { margin-top: 24px; }
  .navigation a { font-size: 13px; }
  .news .container { margin-bottom: 160px; }
  .page-title-full { font-size: 26px; padding: 20px 0 20px 6px; letter-spacing: 2px; }
  .news-list ul { margin: 0 -12px; }
  .news-list a { margin: 0 12px; }
  .foot-message { padding-bottom: 100px; }
  .list-data-title h1 { font-size: 22px; line-height: 34px; margin-bottom: 32px; padding: 18px 0; }
  .list-data-title h1 span { font-size: 20px; }
  .list-data-title .time { margin-bottom: 40px; }
  .news-data .container { padding-bottom: 120px; }
  .product-filtrate-full .title { font-size: 26px; margin-bottom: 28px; }
  .product .container { padding-bottom: 180px; }
  .product-list { margin-bottom: -70px; }
  .product-list li { margin-bottom: 70px; }
  .module-title { font-size: 26px; padding: 20px 0; }
  .contact-top-cont { margin-bottom: 100px; }
  .contact .container { padding-bottom: 150px; }
  .team .container { padding-bottom: 160px; }
  .team-intro { margin-bottom: 110px; }
  .page-bgImg .cont h2 { font-size: 22px; line-height: 30px; letter-spacing: 10px; margin-bottom: 18px; }
  .page-bgImg .cont p { font-size: 26px; }
  .about-content { margin-bottom: 150px; }
  .about-list-main .item { margin-bottom: 140px; }
  .about-list-main .pic, .about-list-main .cont { height: 480px; }
  .index-intro { margin-bottom: 120px; }
  .index-pro-wrap { margin-bottom: 130px; } }

@media screen and (max-width: 1366px) { .subscriptions .intro span { font-size: 32px; }
  .news .container { margin-bottom: 140px; }
  .product .container { padding-bottom: 160px; }
  .product-list { margin-bottom: -60px; }
  .product-list li { margin-bottom: 60px; }
  .about-content { margin-bottom: 120px; }
  .about-list-main .item { margin-bottom: 120px; }
  .about-list-main .pic, .about-list-main .cont { height: 450px; }
  .list-data-title h1 { font-size: 20px; line-height: 30px; }
  .list-data-title h1 span { font-size: 18px; } }

@media screen and (max-width: 1200px) { .news-list li { width: 33.3333333%; }
  .product .container { padding-bottom: 130px; }
  .product-list { margin-bottom: -48px; }
  .product-list ul { margin: 0 -12px; }
  .product-list li { margin-bottom: 48px; }
  .product-list a { margin: 0 12px; }
  .team .container { padding-bottom: 140px; }
  .team-intro { margin-bottom: 90px; }
  .about-content { margin-bottom: 90px; }
  .about-list-main .item { margin-bottom: 100px; }
  .index-intro { margin-bottom: 100px; }
  .index-pro-wrap { margin-bottom: 110px; } }

@media screen and (max-width: 1100px) { .w1000 { padding-left: 0; }
  .module-title { font-size: 24px; padding: 14px 0; }
  .contact-top-cont .inner { margin-top: 24px; }
  .contact-top-cont { margin-bottom: 80px; }
  .contact-pic, .contact-message { width: 100%; }
  .form-group { width: 33.33333333%; }
  .contact-pic { padding-top: 54%; }
  .contact-message { padding: 0 20px 60px 20px; height: auto; }
  .contact .container { padding-bottom: 120px; } }

@media screen and (max-width: 1024px) { .w1680 { width: 90%; }
  .mb-80 { margin-bottom: 60px; }
  .pt-100 { padding-top: 80px; }
  .m-header-lang { display: block; }
  .p-header-lang { display: none; }
  .wrap { padding-top: 36px; }
  .open .header-content { visibility: visible; transform: translateX(0); opacity: 1; }
  .open .m-menu i { height: 3px; }
  .open .m-menu i:nth-child(1) { transform: translateY(14px) rotate(-49deg); }
  .open .m-menu i:nth-child(2) { visibility: hidden; opacity: 0; }
  .open .m-menu i:nth-child(3) { height: 1px; transform: translateY(-3px) rotate(52deg); }
  .news .container { margin-bottom: 130px; }
  .news .news-list { margin-bottom: -56px; }
  .page-title-full { font-size: 22px; padding: 14px 0 14px 6px; }
  .news-list li { margin-bottom: 56px; }
  .news-list .title { margin-top: 22px; }
  .news-list .title, .news-list .title p { line-height: 24px; }
  .news-list .month { font-size: 20px; }
  .subscriptions .submit-form { margin-bottom: 30px; }
  .subscriptions .submit-form input { width: 460px; }
  .subscriptions .intro span { letter-spacing: 8px; }
  .m-menu { position: absolute; top: 50%; right: 0; cursor: pointer; transform: translateY(-50%); }
  .m-menu i { display: block; width: 26px; height: 1px; margin: 6px 0; transition: all 0.5s ease; background-color: #dcab54; }
  .m-menu i:nth-child(2) { height: 3px; }
  .logo .l1, .logo .l2 { display: none; }
  .logo .l4 { display: block; width: 120px; }
  .header { padding: 20px 0; }
  .header-content { position: fixed; top: 0; right: 0; visibility: hidden; width: 400px; height: 100%; transition: all 0.5s ease; transform: translateX(100%); opacity: 0; background-color: #2c2c2c; }
  .navigation { margin-top: 120px; }
  .navigation li { display: block; margin-bottom: 30px; margin-left: 90px; }
  .navigation li.on a { color: #fff; }
  .navigation a { font-size: 16px; padding: 0; }
  .navigation a:before, .navigation a:after { display: none; }
  .header-lang { margin-left: 90px; text-align: left; }
  .header-lang a { opacity: 1; }
  .header-lang a.on { color: #fff; }
  .header-lang i { margin: 0 8px; }
  .foot-share { display: none; }
  .copyright { float: none; margin-top: 35px; }
  .foot-bt { position: relative; top: 0; left: inherit; transform: translateX(0); }
  .foot-message { padding-bottom: 40px; }
  .footer .main { padding-top: 1px; }
  .more-list-wrap .more-list-btn { line-height: 42px; }
  .list-data-inner { padding-left: 70px; margin-left: 0; }
  .product .container { padding-bottom: 100px; }
  .product .more-list-wrap { margin-top: 70px; }
  .product-list { margin-bottom: -42px; }
  .product-list li { margin-bottom: 42px; }
  .product-list a:after { background-color: rgba(0, 0, 0, 0); }
  .product-list article { visibility: visible; opacity: 1; position: inherit; left: inherit; top: inherit; transform: translateY(0); text-align: left; padding: 0; margin-top: 10px; }
  .product-list article p { font-size: 16px; line-height: 22px; letter-spacing: 1px; color: #2c2c2c; }
  .product-list article span { color: #2c2c2c; }
  .product-filtrate-full .title { font-size: 22px; line-height: 24px; margin-bottom: 20px; }
  .contact-message .hint h2 { font-size: 26px; margin-bottom: 6px; }
  .page-bgImg { margin-bottom: 0px; height:85vh;}
  .page-bgImg .cont{
      top: 32%;
  }
  .page-bgImg .m-pic { display: block; }
  .page-bgImg .cont h2 { font-size: 20px; line-height: 24px; margin-bottom: 12px; letter-spacing: 8px; }
  .page-bgImg .cont p { font-size: 22px; }
  .page-banner { display: none; }
  .index-banner .p-banner-pic { display: none; }
  .index-banner .m-pic { padding-top: 0; }
  .maps { padding-top: 60vh; }
  .team-intro .title { margin-bottom: 30px; }
  .team-intro .inner h4 { font-size: 16px; line-height: 28px; }
  .team-content .module-title { margin-bottom: 42px; }
  .team-foot-inner .pic { padding-top: 50%; }
  .team .container { padding-bottom: 120px; }
  .about-list-main .pic, .about-list-main .cont { float: none; width: 100%; }
  .about-list-main .cont { height: auto; }
  .about-list-main .item { margin-bottom: 70px; }
  .about-content { margin-bottom: 58px; }
  .about-content .module-title { margin-bottom: 42px; margin-left: 0; }
  .about-intro .about-intro__pic { width: 100%; margin-right: 0; margin-bottom: 20px; }
  .about-intro .title { width: 100%; }
  .index-intro { margin-bottom: 150px; }
  .index-intro .title { padding-right: 40px; }
  .index-intro .title h3 { font-size: 22px; line-height: 28px; margin-bottom: 10px; }
  .index-pro-wrap { margin-bottom: 150px; }
  .index-pro-list .item:nth-child(odd) .cont { padding-right: 30px; }
  .index-pro-list .item:nth-child(even) .cont { padding-left: 30px; }
  .home .container { padding-bottom: 150px; }
  .home .news-list li:last-child { margin-bottom: 0; }
  .list-data-title h1 { font-size: 20px; line-height: 30px; }
  .list-data-title h1 span { font-size: 18px; }
  .product-data .container, .news-data .container { padding-bottom: 100px; }
  .preloader-content-image { margin-bottom: 14px; }
  .preloader-content-image img { width: 110px; }
  .preloader-content-text p { font-size: 16px; margin-bottom: 10px; }
  .preloader-content-text span { font-size: 13px; }
  .list-data-arrow { margin-top: 28px; }
  .error-404 { padding: 200px 24px; }
  .error-404 h3 { font-size: 24px; }
  .m-more-wrap { display: block; position: relative; width: 170px; height: 40px; line-height: 40px; text-align: center; border: 1px solid #dcab54; margin-left: auto; margin-right: auto; margin-top: 50px; }
  .m-more-wrap:after { content: ""; display: block; position: absolute; bottom: -8px; left: 50%; width: 48px; height: 14px; background: #fff url(../images/icon-05.png) no-repeat center center; transform: translateX(-50%); background-size: 12px 14px; }
  .m-more-wrap .btn { position: relative; display: block; font-size: 16px; color: #dcab54; letter-spacing: 2px; text-transform: uppercase; font-family: "LatoBold"; }
  .about-list-text.cont .inner { max-height: 350px; } }

@media screen and (max-width: 800px) { .news .news-list { margin-bottom: -48px; }
  .page-title-full { font-size: 20px; }
  .news-list li { width: 50%; margin-bottom: 48px; }
  .subscriptions .submit-form { display: block; }
  .subscriptions .submit-form input { width: calc(100% - 200px); padding-left: 20px; }
  .subscriptions .submit-form a { font-size: 14px; width: 140px; letter-spacing: 2px; }
  .list-data-intro { width: 100%; margin-bottom: 40px; }
  .list-data-inner { width: 100%; padding-left: 0; }
  .product-list li { width: 100%; }
  .form-group { width: 50%; }
  .about-list-main .pic { height: 300px; }
  .about-list-main .cont { height: auto; min-height: 300px; }
  .about-list-inset .cont p { width: 33.33333333%; }
  .about-list-text.cont { padding: 20px; }
  .about-list-pic.cont { padding: 30px 10px; }
  .index-intro .title, .index-intro .inner { width: 100%; }
  .index-intro .title { text-align: left; margin-bottom: 30px; }
  .index-intro .brand-list { padding: 10px 20px; }
  .index-intro .brand-list p { margin: 14px 0; }
  .index-pro-list article, .index-pro-list figure { width: 100%; }
  .index-pro-list article { margin-top: 22px; position: relative; top: inherit; left: inherit; bottom: inherit; }
  .index-pro-list article .cont { position: relative; top: inherit; transform: translateY(0); left: inherit; }
  .index-pro-list a { padding-top: 25px; padding-bottom: 45px; }
  .index-pro-list .item:nth-child(odd) a { text-align: left; }
  .index-pro-list .item:nth-child(odd) .cont { padding-right: 0; }
  .index-pro-list .item:nth-child(even) article { left: inherit; }
  .index-pro-list .item:nth-child(even) .cont { padding-left: 0; }
  .modal-close { top: 8px; right: 8px; }
  .modal-fancybox { width: 80%; height: auto; margin-left: 0; transform: translate(-50%, -50%); }
  .modal-content { margin: 36px; padding-top: 24px; padding-bottom: 28px; }
  .modal-inner .round { width: 60px; height: 60px; background-size: 55px; margin-bottom: 20px; }
  .modal-inner p { font-size: 22px; letter-spacing: 4px; }
  .modal-inner span { margin-bottom: 16px; }
  .modal-inner .modal-btn { width: 180px; height: 38px; line-height: 38px; } }

@media screen and (max-width: 500px) { .mb-80 { margin-bottom: 40px; }
  .pt-100 { padding-top: 60px; }
  .w1680 { width: auto; margin: 0 20px; }
  .news .container { margin-bottom: 100px; }
  .news-list li { width: 100%; }
  .news-list .title { margin-top: 18px; }
  .subscriptions .submit-form input { width: calc(100% - 90px); letter-spacing: 2px; }
  .subscriptions .submit-form a { font-size: 13px; width: 90px; }
  .subscriptions .intro { margin-bottom: 20px; }
  .subscriptions .intro span { font-size: 26px; letter-spacing: 3px; }
  .header-content { width: 100%; }
  .foot-bt { width: 48px; height: 48px; }
  .foot-bt:before { width: 28px; }
  .copyright a { line-height: 20px; margin-left: 14px; }
  .foot-message { padding-bottom: 30px; }
  .copyright { margin-top: 24px; }
  .page-title-full { font-size: 18px; }
  .product-list { margin-bottom: -36px; }
  .product-list li { margin-bottom: 36px; }
  .product-filtrate-full .title { font-size: 20px; line-height: 22px; }
  .product-filtrate-list { position: relative; border-top: none; border-bottom: none; padding: 0; }
  .product-filtrate-list ul { position: absolute; z-index: 100; top: 46px; left: 0; display: none; width: 100%; padding-top: 12px; padding-bottom: 16px; background-color: #fff; justify-content: normal; z-index: 200; }
  .product-filtrate-list li { text-align: left; }
  .product-filtrate-btn { position: relative; display: block; padding: 12px; cursor: pointer; border-top: 1px solid #dcab54; border-bottom: 1px solid #dcab54; }
  .product-filtrate-btn:after { position: absolute; top: 50%; right: 12px; display: block; width: 10px; height: 12px; content: ''; transform: translateY(-50%); background: url(../images/icon-02.png) no-repeat center center; background-size: 10px 12px; }
  .product-filtrate-btn span { font-size: 14px; display: block; color: #2c2c2c; }
  .contact .container { padding-bottom: 100px; }
  .maps { margin-bottom: 52px; }
  .form-group { width: 100%; padding-right: 0; }
  .contact-message { height: auto; padding-bottom: 60px; }
  .filter-selector-body .filter-attr { width: 100%; padding-right: 20px; }
  .filter-selector-body .filter-attr:after { right: 10px; }
  .module-title { font-size: 20px; padding: 14px 0; }
  .contact-top-cont { margin-bottom: 60px; }
  .contact-top-cont .inner p, .contact-top-cont .inner span, .contact-top-cont .inner a { line-height: 26px; }
  .contact-message { padding-left: 16px; padding-right: 16px; }
  .contact-message .hint { margin-bottom: 20px; padding-top: 30px; }
  .contact-message .hint h2 { font-size: 20px; margin-bottom: 2px; }
  
.slick-list{
    height: 100%;
}
.slick-track{
    height: 100%;
}
.page-bgImg .m-pic{
    height: 100%;
    overflow: hidden;
}
.page-bgImg .m-pic .lazy{
    height: 100%;
    width: auto;
}
  .page-bgImg .cont h2 { font-size: 18px; margin-bottom: 8px; letter-spacing: 4px; }
  .page-bgImg .cont p { font-size: 18px; letter-spacing: 1px; line-height: 1.4; }
  .team-intro .title { margin-bottom: 24px; }
  .team-intro { margin-bottom: 60px; }
  .team-intro .inner h4 { font-size: 15px; }
  .team .container { padding-bottom: 100px; }
  .about-list-inset .cont p { width: 50%; }
  .index-intro .title { margin-bottom: 24px; }
  .index-intro .title h3 { font-size: 20px; line-height: 26px; }
  .index-intro .brand-list p { width: 50%; }
  .list-data-title h1 { font-size: 17px; line-height: 28px; margin-bottom: 24px; }
  .list-data-title h1 span { font-size: 15px; }
  .list-data-title .time { margin-bottom: 32px; }
  .product-data .container, .news-data .container { padding-bottom: 80px; }
  .list-data-title .month { font-size: 22px; }
  .list-data-back .dots { width: 30px; height: 30px; padding-left: 1px; }
  .list-data-back .dots i { width: 4px; height: 4px; }
  .list-data-back span { margin-top: 6px; }
  .list-data-prev, .list-data-next { margin-top: 4px; }
  .product .more-list-wrap, .news .more-list-wrap { margin-top: 58px; }
  .error-404 h3 { font-size: 20px; }
  .index-pro-list .pic:after { padding-top: 60%; }
  .modal-inner p { font-size: 20px; letter-spacing: 2px; }
  .modal-inner span { margin-bottom: 14px; } 
  .frs-btn1{
  	padding-right: 0;
  	margin-right: 0;
  }
  .frs-btn2{
  	display: block;
  }
  .frs-btn1::after{
  	display: none;
  }
}

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