@import url("../library/bootstrap/css/bootstrap.min.css");@import url("../library/iconfont/iconfont.css?verison=20250814");@import url("../library/swiper/4.x/css/swiper.min.css");@import url("../library/lightbox/css/lightbox.min.css");@import url("../library/jquery-confirm/jquery-confirm.min.css");@import url("../library/flatpickr/css/flatpickr.min.css");@import url("../library/raty/jquery.raty.css");@import url("../library/select2/css/select2.min.css");@import url("../library/select2/themes/select2-bootstrap4.min.css");@import url("../library/share.js/css/share.min.css");@import url("../library/aosjs/css/aos.css");@import url("../library/videojs/css/video-js.css");@import url("../library/videojs/themes/index.css");@font-face {font-family: 'Montserrat Normal';src: url('../webfonts/Montserrat/Montserrat-Regular.ttf') }@font-face {font-family: 'Montserrat Bold';src: url('../webfonts/Montserrat/Montserrat-Bold.ttf') }@font-face {font-family: 'Lato';src: url('../webfonts/Lato/Lato-Regular.ttf') }@font-face {font-family: 'Lato Bold';src: url('../webfonts/Lato/Lato-Bold.ttf') }@font-face {font-family: 'Lato Light';src: url('../webfonts/Lato/Lato-Light.ttf') }.btn-style {display: inline-block;border: 0;padding: 10px 20px;text-align: center;transition: all .3s }.btn-style.disabled {background-color: #e6e6e6;color: #808080 }.btn-style.disabled:hover {background-color: #e6e6e6;color: #808080 }.btn-pills {border-radius: 50em !important }.btn-size-sm {padding: 5px 15px }.btn-with-arrow {border: 2px solid #333;color: #333;font-size: 16px;display: inline-flex;align-items: center }.btn-with-arrow i {font-size: 35px;vertical-align: top;line-height: 100%;margin-left: 60px;margin-top: -5px;margin-bottom: -5px;font-weight: 400 }.btn-with-arrow:hover {background-color: #333;color: #FFF }.btn-orange {background-color: #333;color: #FFF;border: 1px solid transparent }.btn-orange:hover {color: #FFF;background-color: #1a1a1a }.btn-orangeNo {background-color: #cecece;color: #fff;border: 1px solid transparent }.btn-gray-outline {border: 1px solid #ccc;color: #333;background-color: #FFF }.btn-gray-outline:hover {color: #333;background-color: #ccc }.btn-gray {border: 1px solid transparent;color: #FFF;background-color: #666 }.btn-gray:hover {color: #FFF;background-color: #4d4d4d }.btn-white-gray-txt {border: 1px solid transparent;color: #333;background-color: #fff }.btn-white-gray-txt:hover {color: #FFF;background-color: #333 }.btn-white {background-color: #FFF;color: #333 }.btn-white:hover {color: #FFF;background-color: #333 }.btn-white-outline {border: 1px solid #FFF;background-color: transparent;color: #FFF }.btn-white-outline:hover {color: #333;background-color: #FFF }.btn-gray-dark-outline {border: 1px solid #333;color: #333 }.btn-gray-dark-outline:hover, .btn-gray-dark-outline:focus {background-color: #333;color: #FFF }@media(max-width:768px) {.btn-with-arrow {font-size: 14px }.btn-with-arrow i {font-size: 30px;margin-left: 30px }}.member-form {width: 600px;margin-left: auto;margin-right: auto;font-size: 14px }.member-form.normal {width: auto }.member-form h3 {font-size: 18px;color: #333 }.member-form .member-form-control+.member-form-control {margin-top: 20px }.member-form .member-form-control label {display: block;font-size: 14px;color: #333;margin-bottom: 0 }.member-form .member-form-control input {width: 100%;border: 0;outline: 0;padding: 15px 0;font-size: 14px;border-bottom: 1px solid #f2f2f2;transition: all .3s }.member-form .member-form-control input:focus {border-color: #333 }.member-form .btn-submit {width: 170px;font-family: 'Montserrat Normal', 'NotoSansSC Normal', 'Microsoft Yahei', sans-serif }.member-form .operate {display: flex;flex-direction: row;align-items: center }.member-form .addtional {border-top: 1px solid #e6e6e6 }.member-form .addtional p {color: #999 }.member-form .others {border-top: 1px solid #e6e6e6 }.member-form .member-form-options {display: flex;list-style: none;flex-direction: row;align-items: center;justify-content: center;font-size: 30px;margin: 0;padding: 0 }.member-form .member-form-options li+li {margin-left: 25px }.member-form .member-form-options li a {color: #999 }.member-form .member-form-options li a:hover {color: #333 }.member-form .custom-control-label {line-height: 24px }.member-form .custom-control-input:checked~.custom-control-label::before {border-color: #333;background-color: #333 }.verify-code .change-text {color: #ccc;text-align: right }.verify-code figure {background-color: #f2f2f2;border-radius: 5px;width: 100%;height: 52px;display: flex;flex-direction: column;align-items: center;justify-content: center;margin-bottom: 0 }.verify-code figure img {max-height: 30px }.required-element label::after {content: '*';color: #ed1c24 }.help-block-error {color: #F00 !important }@media(max-width:768px) {.member-form {width: 100% }}.container {max-width: 1600px }.container-w {width: 1600px;margin-left: auto;margin-right: auto }.ie-top-box {display: none }.flexbox-center {display: flex;flex-direction: row;align-items: center }.shadow-box {box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.125) }.shadow-active {overflow: hidden !important }.logo, .english {width: 220px;height: 50px;background-repeat: no-repeat;background-position: center center;overflow: hidden;margin-left: 15px;position: relative;z-index: 10 }.logo {background-image: url('../images/logo/devlop/logo.svg');}.english {background-image: url('../images/logo/devlop/logo-en.svg');}.swan-en {width: 220px;height: 30px;background-repeat: no-repeat;background-image: url('../images/logo/swan/white.svg');background-position: center center;overflow: hidden;margin-left: 15px;position: relative;z-index: 10 }.swanspeakers {width: 220px;height: 30px;background-repeat: no-repeat;background-image: url('../images/logo/swanspeakers/white.svg');background-position: center center;overflow: hidden;margin-left: 15px;position: relative;z-index: 10 }.hivi-swan {width: 40px;height: 40px;background-repeat: no-repeat;background-image: url('../images/logo/hivi-swan/white.svg');background-position: center center;overflow: hidden;margin-left: 15px;position: relative;z-index: 10 }.logo>a, .english>a, .swan-en>a, .swanspeakers>a, .hivi-swan>a {display: flex;flex-direction: column;width: 100%;height: 100%;text-indent: -999px }.header {position: fixed;left: 0;top: 0;display: flex;flex-direction: row;align-items: center;padding: 15px 0;width: 100%;z-index: 998;transition: all .3s }.header-tools {display: flex;flex-direction: row;align-items: center;padding-right: 15px;margin-left: auto;position: relative;z-index: 10 }.header-tools>ul {display: flex;flex-direction: row;list-style: none;padding: 0;margin: 0 }.header-tools .lang>li {margin-left: 10px;position: relative;padding-right: 20px }.header-tools .lang>li::after {content: '';height: 80%;position: absolute;right: 5px;top: 2px;width: 1px;background-color: #FFF;transform: rotate(16deg) }.header-tools .lang>li:last-child {padding-right: 0 }.header-tools .lang>li:last-child::after {display: none }.header-tools .lang>li>a {color: #c1c1c1;font-size: 14px }.header-tools .lang>li>a:hover, .header-tools .lang>li>a.active {color: #FFF;opacity: 1 }.header-tools .tools {margin-left: 15px }.header-tools .tools>li {margin-left: 15px;font-size: 24px }.header-tools .tools>li>a {color: #f6f6f6;display: flex;width: 44px;height: 44px;border-radius: 50%;flex-direction: column;align-items: center;justify-content: center }.header-tools .tools>li>a:hover {background-color: #FFF;color: #333;box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.125) }.super-header {background-color: #fff;padding: 10px 0;box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.125) }.super-header .logo {background-image: url('../images/logo/devlop/logo-dark.svg') }.super-header .english {background-image: url('../images/logo/devlop/logo-dark-en.svg') }.super-header .swan-en {background-image: url('../images/logo/swan/dark.svg') }.super-header .swanspeakers {background-image: url('../images/logo/swanspeakers/dark.svg') }.super-header .hivi-swan {background-image: url('../images/logo/hivi-swan/dark.svg') }.super-header .burger {color: #333 }.super-header .header-menu>li>a {color: #333 }.super-header .lang li::after {background: #333 !important }.super-header .lang li a {color: #c1c1c1 }.super-header .lang li a:hover, .super-header .lang li a.active {color: #333 !important }.super-header .tools>li>a {color: #333 }.super-header .tools>li>a:hover {color: #FFF;background-color: #333 }.super-header .tools>li>a.user-login {color: #333 }.master-header .logo {background-image: url('../images/logo/devlop/logo-dark.svg') }.master-header .english {background-image: url('../images/logo/devlop/logo-dark-en.svg') }.master-header .swan-en {background-image: url('../images/logo/swan/dark.svg') }.master-header .swanspeakers {background-image: url('../images/logo/swanspeakers/dark.svg') }.master-header .hivi-swan {background-image: url('../images/logo/hivi-swan/dark.svg') }.master-header .burger {color: #333 }.master-header .header-menu>li>a {color: #333 }.master-header .lang li::after {background: #333 }.master-header .lang li a {color: #c1c1c1 }.master-header .lang li a:hover, .master-header .lang li a.active {color: #333 }.master-header .tools>li>a {color: #333 }.master-header .tools>li>a:hover {background-color: #333;color: #FFF }.master-header .tools>li>a.user-login:hover {color: #333 }.header-menu {margin: 0;padding: 0 10px;display: flex;flex-direction: row;align-items: center;list-style: none;position: absolute;justify-content: center;left: 0;right: 0;top: 0;height: 100% }.header-menu>li {padding: 0 5px;margin-bottom: -5px }.header-menu>li>a {color: #FFF;display: flex;flex-direction: row;align-items: center;padding: 10px 15px;font-size: 14px;letter-spacing: 1.5px;border-radius: 50em;font-family: 'Montserrat Normal', 'NotoSansSC Normal', 'Microsoft Yahei', sans-serif }.header-menu>li>a i {font-size: 14px;margin-left: 6px }.header-menu>li>a:hover {background: #FFF;color: #333;box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05) }.hover-dropdown {position: relative }@keyframes returnToNormal {0% {opacity: 0;transform: translate3d(0, -100%, 0) }100% {opacity: 1;transform: none }}.hover-dropdown .sub-menu {border: 0;box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.125);padding: 0;margin-top: 0;position: absolute;top: 100%;left: 0;background-color: #FFF;padding: 5px 0;z-index: 1000;min-width: 10rem;list-style: none;border-radius: 5px;visibility: hidden;opacity: 0;transform: translateY(-20px);transition: all .2s ease-in-out }.hover-dropdown .sub-menu>li>a {font-size: 14px;color: #333;position: relative;padding: 10px 15px;display: block }.hover-dropdown .sub-menu>li>a::after {content: '';position: absolute;right: 5%;bottom: 0;background-color: #333;width: 0;height: 1px;transition: all .3s ease-in-out }.hover-dropdown .sub-menu>li>a:hover::after {width: 90%;transition-delay: .3s }.hover-dropdown.active>a {background: #FFF;color: #333;box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05) }.hover-dropdown.active .sub-menu {visibility: visible;opacity: 1;transform: translateY(0) }.hover-dropdown.active .sub-menu>li {animation: returnToNormal .6s;animation-fill-mode: both }.burger {font-size: 36px;color: #FFF;display: none;flex-direction: column;align-items: center;justify-content: center;width: 46px;height: 46px;border-radius: 50%;margin-left: 15px;border: 1px solid transparent }.burger:hover {color: #333;border-color: #333 }.mobile-lang {display: none;position: relative;display: flex;flex-direction: row;align-items: center;justify-content: center;list-style: none;margin: 0;padding: 15px 0;border-top: 1px solid #494949 }.mobile-lang li {margin: 0 10px }.mobile-lang a {color: #FFF;font-size: 16px;display: inline-block;padding: 5px 15px;border: 1px solid #FFF }.mobile-lang a:hover, .mobile-lang a.active {background-color: #FFF;color: #333 }.page-tools {position: fixed;right: 1rem;bottom: 5rem;z-index: 100 }.page-tools a {background: #FFF;display: flex;flex-direction: column;align-items: center;justify-content: center;width: 60px;height: 60px;box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.125);border-radius: 50%;font-size: 30px;color: #c1c1c1 }.page-tools a#backToTop {display: none }.page-tools a#backToTop.show {display: flex }.page-tools a.mobile-cart {display: none }.page-tools a:hover {color: #333 }.page-tools a+a {margin-top: 20px }.page-tools-v2 {background-color: #FFF;width: 50px;position: fixed;right: 15px;top: 50%;margin-top: -75px;z-index: 999;border-radius: 50em;box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.125) }.page-tools-v2-click {background-color: #FFF;width: 50px;height: 50px;border-radius: 50%;position: fixed;right: 1rem;bottom: 2rem;z-index: 1000;opacity: 1;display: none;border-radius: 50em;visibility: visible;box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.125) }.page-tools-v2-click a i {font-size: 24px;display: flex;flex-direction: column;text-align: center;justify-content: center;height: 50px;color: #b3b3b3 }.page-tools-v2-click.active {opacity: 0;visibility: hidden }.page-tools-v2-bg {position: fixed;right: 0;top: 0;z-index: -100;width: 0;height: 0;display: none;background-color: transparent }.page-tools-v2-bg.active {z-index: 998;width: 100%;height: 100% }.page-tools-v2 .item {border-bottom: 1px solid #f1f1f1 }.page-tools-v2 .item:last-child {border-bottom: 0 }.page-tools-v2 .item.item-cart {display: none }.page-tools-v2 a {font-size: 30px;display: flex;flex-direction: column;text-align: center;justify-content: center;height: 50px;color: #b3b3b3 }.page-tools-v2 a:hover {color: #333 }.page-tools-v2 a.disabled {color: #e3e3e3 }.super-b {min-height: 380px;position: relative }.super-b .img-cover, .super-b .pattern {position: absolute;width: 100%;height: 100%;left: 0;top: 0;background-size: cover;background-repeat: no-repeat;background-position: center center }.super-b .img-cover {background-image: url('../images/bg03.jpg');z-index: 1 }.super-b .pattern {background-image: url('../images/pattern.png');z-index: 2;display: none }.super-b .container {position: relative;z-index: 20;height: 100%;display: flex;padding-top: 150px;padding-bottom: 100px;flex-direction: column;align-items: center;justify-content: center;text-align: center }.super-b .title-secondary {color: #000;opacity: .3;font-size: 100px;line-height: 100%;font-family: 'Montserrat Normal', 'NotoSansSC Normal', 'Microsoft Yahei', sans-serif }.super-b .title-primary {color: #FFF;font-size: 50px;line-height: 100%;margin-top: 15px;letter-spacing: 6px;font-family: 'Montserrat Bold', 'NotoSansSC Normal', 'Microsoft Yahei', sans-serif;text-transform: uppercase }.super-b-with-pic {min-height: 650px }.super-b-with-pic .img-cover {display: none }.super-b-with-pic .title-secondary {display: flex;width: 100%;height: 100%;flex-direction: column;justify-content: center;align-items: center;font-size: 228px;text-align: center }.super-b-with-pic .img-top {position: absolute;left: 0;right: 0;top: 0;bottom: 0;text-align: center }.super-b-with-words {min-height: 670px;display: flex;flex-direction: column;justify-content: center;align-items: center }.super-b-with-words .container {padding: 0 15px }.super-b-with-words .img-cover {opacity: 1;background-position: center top;background-attachment: fixed }.super-b-with-words .pattern {display: none }.super-b-with-words .title-primary {margin-top: 0;font-size: 82px }.super-b-with-words .words {color: #FFF;font-size: 16px;margin-top: 20px;opacity: .75;letter-spacing: 1px }.super-b-with-words .nav-list {list-style: none;padding: 20px 0 0 0 }.super-b-with-words .nav-list li {display: inline-block;padding: 5px }.super-b-with-words .nav-list a {color: #FFF;display: block;border: 1px solid transparent;border-radius: 5px;padding: 5px 10px;white-space: nowrap;text-overflow: ellipsis;max-width: 180px;overflow: hidden;letter-spacing: 1.5px;text-align: center }.super-b-with-words .nav-list a:hover {border-color: #FFF }.super-b-with-words .nav-list-lg {width: 100% }.super-b-with-words .nav-list-lg a {border: 1px solid #FFF;padding: 10px 30px;max-width: 100%;display: inline-flex;flex-direction: row;align-items: center;justify-content: center;border-radius: 50em;font-size: 16px }.super-b-with-words .nav-list-lg a:hover {background-color: #FFF;color: #333 }.super-b-with-words .nav-list-lg a i {position: relative;margin-top: -5px;margin-bottom: -5px;margin-right: 5px }.super-b-with-words .nav-list-lg a i::before {font-size: 20px }.video-box, .video-box2 {position: absolute;left: 0;right: 0;bottom: 0;top: 0;overflow: hidden;z-index: 10 }.video-box video {width: 240vh;min-width: 100%;min-height: 41.66vw;position: absolute;left: 50%;top: 50%;background-color: #000;transform: translate(-50%, -50%) }.video-box2 video {width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover !important;background-color: #000;}.index-video-min {display: none;}@media screen and (max-width:468px) {.index-video-min {display: block !important;}.index-video-max {display: none;}}.link-orange {color: #333 }.link-orange:hover {color: #666 }.link-gray {color: #333 }.link-gray:hover {color: #333 }.link_gray_span {border: 1px solid #333;padding: 0 4px;font-size: 12px;border-radius: 2px }.white-box {background-color: #FFF }.flow-box .item {color: #b3b3b3;border-bottom: 2px solid #ccc;text-align: center;padding: 15px 0 }.flow-box .item.active {font-weight: 700;color: #333;border-color: #333 }.notice-box {display: flex;flex-direction: column;align-items: center;justify-content: center }.notice-box .icon-area {background-color: #e6e6e6;color: #FFF;width: 72px;height: 72px;border-radius: 50%;display: flex;flex-direction: column;align-items: center;justify-content: center;font-size: 36px }.notice-box .icon-area.success {background-color: #9ebc31 }.notice-box .icon-area.error {background-color: #dd3c3c }.notice-box h5 {color: #333;font-size: 24px;line-height: 100% }.notice-box .content {color: #666 }.notice-box .btn-area .btn-style {margin: 0 10px }.tabs-pills {list-style: none;display: flex;flex-direction: row;flex-wrap: nowrap;overflow-x: auto;padding: 0;margin: 0 }.tabs-pills li {margin-right: 10px }.tabs-pills a {border: 1px solid transparent;font-size: 14px;color: #808080;display: block;padding: 5px 15px;width: 100%;white-space: nowrap }.tabs-pills a:hover, .tabs-pills a.active {border-color: #333;color: #333 }.category-outer {transition: all .3s }.category-outer .shadow {display: none }.category-outer.fixed-box {position: fixed;top: 70px;left: 0;right: 0;z-index: 997;background-color: #FFF;border-top: 1px solid #f6f6f6;box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.125) }.category-outer.fixed-box .category-box {margin-top: 0 }.category-outer.fixed-box .category-menu-icon>li a .icon-area {display: none }.category-box {position: relative;z-index: 40;border-radius: 5px;background-color: #FFF;padding: 0 10px;margin-top: -60px }.category-box .item {display: flex;flex-direction: row;align-items: flex-start;padding: 15px 0 10px 0 }.category-box .item+.item {border-top: 1px solid #f6f6f6 }.category-box .item .title {width: 80px;color: #666;line-height: 30px }.category-box .item .main {flex: 1;padding-left: 10px }.category-menu {list-style: none;margin-bottom: 0;margin-left: 0;padding: 0;display: flex;flex-direction: row;align-items: flex-start;flex-wrap: wrap }.category-menu>li {padding: 0 5px 0 0 }.category-menu>li a {display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;color: #333;margin-bottom: 5px;padding: 0 15px;border: 1px solid transparent;border-radius: 3px }.category-menu>li a:hover {border-color: #f6f6f6;background: #f6f6f6;color: #333 }.category-menu>li a.active {border-color: #333;background: #333;color: #FFF }.category-menu-icon>li a {display: flex;flex-direction: column;align-items: center;padding: 10px 0;width: 130px;}.category-menu-icon>li a .icon-area {margin-bottom: 10px }.category-menu-icon>li a i {font-size: 50px;display: inline-block;line-height: 100% }.category-menu-icon>li a span {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 100%;text-align: center }.category-series h3 {color: #333 }.category-series p {margin-bottom: 0 }.category-mobile {display: none }.category-toolbox {display: none }.filter-box {display: flex;flex-direction: row;align-items: center;padding: 0 15px;}.filter-box .title {display: flex;flex-direction: row;align-items: center;flex: 1;color: #999;font-size: 16px }.filter-box .title i {font-size: 30px;margin-right: 10px }.filter-options {list-style: none;display: flex;flex-direction: row;justify-content: center;align-items: center;margin: 0;padding: 0 }.filter-options>li {border-left: 1px solid #f2f2f2 }.filter-options>li a {display: flex;flex-direction: column;justify-content: center;padding: 0 40px 0 20px;height: 60px;font-size: 14px;color: #999;position: relative }.filter-options>li a::before, .filter-options>li a::after {border: 5px solid transparent;content: "";display: block;height: 0;right: 20px;top: 50%;position: absolute;width: 0 }.filter-options>li a::before {margin-top: -12px }.filter-options>li a::after {margin-top: 0 }.filter-options>li a:hover {color: #4d4d4d }.filter-options>li a.default::before {border-bottom-color: #e6e6e6 }.filter-options>li a.default::after {border-top-color: #e6e6e6 }.filter-options>li a.asc::before {border-bottom-color: #333 }.filter-options>li a.asc::after {border-top-color: #ccc }.filter-options>li a.desc::before {border-bottom-color: #ccc }.filter-options>li a.desc::after {border-top-color: #333 }.loading-box {text-align: center;padding: 20px 0 }.loading-box.hide {display: none }.loading-box .lds-ripple {display: inline-block;position: relative;width: 70px;height: 70px }.loading-box .lds-ripple div {position: absolute;border: 4px solid #333;opacity: 1;border-radius: 50%;animation: lds-ripple 1s cubic-bezier(0, .3, 1, 1.2) infinite }.loading-box .lds-ripple div:nth-child(2) {animation-delay: -0.5s }@keyframes lds-ripple {0% {top: 36px;left: 36px;width: 0;height: 0;opacity: 1 }100% {top: 0;left: 0;width: 72px;height: 72px;opacity: 0 }}.page-jumper .row {display: flex;flex-direction: row;align-items: center }.page-jumper .page-counter {font-size: 16px;color: #b3b3b3;font-weight: 700 }.page-jumper .pages {list-style: none;padding: 0;margin: 0;display: flex;flex-direction: row;align-items: center;justify-content: flex-end }.page-jumper .pages>li+li {margin-left: 15px }.page-jumper .pages>li .btn-style {padding: 10px 30px;font-size: 16px }.page {overflow: hidden;padding-top: 80px }.title-line-box {font-size: 36px;color: #333;border-top: 2px solid #e5e5e5;line-height: 100%;line-height: 36px }.title-line-box .link-orange {font-size: 16px }.breadcrumb-box {color: #999;border-bottom: 1px solid #e5e5e5;list-style: none;padding: 0;margin: 0;padding: 15px 0;line-height: 20px;display: flex;flex-direction: row;align-items: center }.breadcrumb-box>li {padding-right: 15px;position: relative }.breadcrumb-box>li::after {content: '';width: 1px;height: 12px;position: absolute;background-color: #ccc;right: 0;top: 50%;margin-top: -6px }.breadcrumb-box>li+li {margin-left: 15px }.breadcrumb-box>li:last-child {padding-right: 0 }.breadcrumb-box>li:last-child::after {display: none }.breadcrumb-box>li a {color: #999 }.breadcrumb-box>li a:hover {color: #333 }.breadcrumb-box>li span {color: #333 }.sharing-box {color: #ccc;list-style: none;margin: 0;padding-left: 0;padding-right: 0;display: flex;flex-direction: row;align-items: center }.sharing-box a, .sharing-box span {font-size: 30px !important;line-height: 100% !important }.sharing-box a {margin: 0 0 0 15px !important;border: none !important;color: #4d4d4d !important;transition: all .3s !important;width: auto !important;height: auto !important }.sharing-box a:hover {color: #333 !important;background: none !important }.sharing-box .social-share {display: flex;flex-direction: row }.detail-top {position: relative }.detail-top .title {font-size: 36px;color: #4d4d4d;line-height: 40px;font-weight: 700 }.detail-top .price {font-size: 24px;font-family: 'Montserrat Bold', sans-serif }.detail-top .price .realtime {color: #333 }.detail-top .price .realtime span {font-size: 40px }.detail-top .price .old {color: #b3b3b3;text-decoration: line-through;margin-left: 20px }.detail-top .words {color: #808080 }.detail-top .category {font-size: 16px;color: #b3b3b3 }.detail-top .in-stock {font-size: 16px;color: #39b54a }.detail-top .add-fav {color: #333;display: inline-flex;flex-direction: row;align-items: center }.detail-top .add-fav i {color: #333;font-size: 24px;margin-right: 5px }.detail-top .add-fav span {color: #999 }.detail-top .rating {display: inline-flex;flex-direction: row;align-items: center }.detail-top .rating>i {color: #ffc033;font-size: 24px }.detail-top .rating>span {margin-left: 5px;color: #4d4d4d }.detail-top .rating>span .number {color: #333 }.detail-top .btn-operate {height: 50px }.detail-options .item .sub-title {color: #666;margin-bottom: 10px }.detail-options .item ul {list-style: none;margin: 0;padding: 0;display: flex;flex-direction: row;align-items: center;flex-wrap: wrap }.detail-options .item ul>li {margin-right: 15px }.detail-options .item ul label {border: 1px solid #ccc;padding: 10px 20px;font-size: 16px;min-width: 80px;display: inline-block;text-align: center;color: #999;position: relative;cursor: pointer;transition: all .3s }.detail-options .item ul label:hover, .detail-options .item ul label.active {color: #FFF;background-color: #333;border-color: #333 }.detail-options .item ul label input {width: 1px;height: 1px;position: absolute;right: 0;top: 0;opacity: 0 }.detail-options .item+.item {margin-top: 15px }.detail-slides {position: relative }.detail-slides .gallery-top {background: #FFF;height: 705px }.detail-slides .gallery-top .item {position: relative;display: flex;flex-direction: column;justify-content: center;align-items: center;height: 100% }.detail-slides .gallery-top .item img {max-height: 100% }.detail-slides .gallery-top .item .icon-area {position: absolute;right: 0;bottom: 0;font-size: 30px;color: #ccc;padding: 10px }.detail-slides .gallery-top .swiper-button-prev {left: 15px }.detail-slides .gallery-top .swiper-button-next {right: 15px }.detail-slides .gallery-top .swiper-button-prev, .detail-slides .gallery-top .swiper-button-next {background: 0;font-size: 30px;color: #ccc;width: 44px;text-align: center }.detail-slides .gallery-top .swiper-button-prev::after, .detail-slides .gallery-top .swiper-button-next::after {display: none }.detail-slides .gallery-thumbs {margin-top: 10px;height: 106px }.detail-slides .gallery-thumbs .item {border: 2px solid transparent;cursor: pointer;opacity: .7;background: #FFF;text-align: center;display: flex;flex-direction: column;align-items: center;justify-content: center;height: 100%;width: 100%;}.detail-slides .gallery-thumbs .item img {max-height: 100% }.detail-slides .gallery-thumbs .swiper-slide.swiper-slide-thumb-active .item {border-color: #333;opacity: 1 }.detail-tabs {display: flex;flex-direction: row;align-items: center;border-top: 2px solid #e5e5e5;border-bottom: 1px solid #e5e5e5 }.detail-tabs>li {width: 20%;text-align: center }.detail-tabs>li a {display: flex;flex-direction: row;align-items: center;justify-content: center;padding: 15px 0;color: #4d4d4d;font-size: 16px;border-bottom: 2px solid transparent;white-space: nowrap;text-transform: uppercase }.detail-tabs>li a.active {color: #333;border-bottom-color: #333 }.detail-content p {font-size: 16px;line-height: 24px;color: #333 }.detail-content img {max-width: 100% }.detail-params table {width: 100%;font-size: 16px }.detail-params table th, .detail-params table td {padding: 30px 0;border-bottom: 1px solid #e5e5e5 }.detail-params table th {color: #333;width: 30% }.detail-params table td {color: #666 }.detail-guess-you-like {position: relative }.detail-guess-you-like .swiper-button-prev, .detail-guess-you-like .swiper-button-next {background: 0;transition: all .3s;font-size: 30px;width: 44px;color: #ccc;outline: 0;text-align: center }.detail-guess-you-like .swiper-button-prev::after, .detail-guess-you-like .swiper-button-next::after {display: none }.detail-guess-you-like .swiper-button-prev:hover, .detail-guess-you-like .swiper-button-next:hover {color: #333 }.detail-guess-you-like .swiper-button-prev {left: -60px }.detail-guess-you-like .swiper-button-next {right: -60px }.detail-guess-you-like .swiper-pagination {bottom: 0;display: none }.detail-guess-you-like .swiper-pagination .swiper-pagination-bullet {width: 30px;height: 3px;opacity: 1;background-color: #bcbcbc;border-radius: 5px }.detail-guess-you-like .swiper-pagination .swiper-pagination-bullet-active {background-color: #333 }.detail-event {filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f04821', endColorstr='#f06a21', GradientType=1);display: flex;flex-direction: row;justify-content: center;align-items: center;padding: 10px 40px;position: absolute;left: -20px;top: -17px;z-index: 50 }.detail-event h5 {color: #FFF;font-size: 20px;line-height: 24px;margin: 0 }.detail-event p {margin-left: 10px;margin-top: 10px;font-weight: 700;color: #4d4d4d;font-size: 16px;font-family: 'Montserrat Bold', sans-serif }.detail-comment .total {line-height: 30px;font-size: 16px;border-bottom: 1px solid #e5e5e5 }.detail-comment .total .rating .star {color: #ffc033;line-height: 100%;margin: 0 5px;font-size: 18px }.detail-comment .total .rating .score {color: #333 }.detail-comment .total .counter {color: #333 }.detail-comment .total .counter>span {color: #333 }.detail-comment .list .item {border-bottom: 1px solid #ddd;display: flex;flex-direction: row;align-items: flex-start;padding: 15px 0 }.detail-comment .list .item .member {width: 160px;line-height: 24px;color: #999;font-size: 16px;font-weight: 700 }.detail-comment .list .item .main {flex: 1;padding-left: 15px }.detail-comment .list .item .main .star {color: #ffc033;font-size: 18px;line-height: 24px }.detail-comment .list .item .main .content {padding: 10px 0;color: #333 }.detail-comment .list .item .main .date {color: #b3b3b3 }.detail-video {position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;z-index: 51;display: none }.detail-video::before {display: none;content: '';position: absolute;left: 0;right: 0;bottom: 0;top: 0;background: rgba(0, 0, 0, 0.6) }.detail-video .btn-close {position: absolute;right: 15px;top: 15px;width: 50px;height: 50px;display: flex;flex-direction: column;align-items: center;justify-content: center;cursor: pointer }.detail-video .btn-close .iconfont {color: #FFF;font-size: 30px }.detail-video .video-js {width: 100%;height: 100% }.detail-video .video-js .vjs-big-play-button {left: 50%;top: 50%;border: 0;width: 90px;height: 50px;margin-left: -45px;margin-top: -25px;background: rgba(59, 59, 59, 0.75);transition: all .3s }.detail-video .video-js .vjs-big-play-button:hover {background: rgba(59, 59, 59, 0.95) }.detail-video-btn {background: #FFF;border-radius: 50em;padding: 15px 30px;box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);color: #333;position: absolute;left: 15px;bottom: 30px;z-index: 50;font-size: 16px }@media(max-width:468px) {.detail-video-btn {padding: 5px 15px;bottom: 15px;}}.detail-video-btn .iconfont {font-size: 18px;margin-right: 5px;transform: translateX(0);transition: all .3s;display: inline-block }.detail-video-btn:hover {color: #FFF;background: #4f4f4f }.detail-video-btn:hover .iconfont {transform: translateX(-5px) }.with-line {border-top: 1px solid #e5e5e5 }.with-line2 {display: flex;justify-content: space-between }.counter-box {background-color: #FFF;font-size: 16px;height: 50px;display: inline-flex;flex-direction: row;align-items: center }.counter-box .operate {border: 0;background: 0;padding: 0 15px;color: #666;display: flex }.counter-box .operate:hover {color: #333 }.counter-box .txt-box {border: 0;width: 60px;text-align: center;font-weight: 700;color: #666;outline: 0 }.counter-box-sm {display: flex;flex-direction: row;align-items: center }.counter-box-sm .input-box {width: 60px;margin: 0 5px }.counter-box-sm .input-box>input {background: 0;border: 0;width: 100%;text-align: center;color: #666;font-weight: 700 }.counter-box-sm .minus, .counter-box-sm .plus {color: #666 }.cart-top .row {display: flex;flex-direction: row;align-items: center }.cart-top h3 {font-size: 24px;font-weight: 700;color: #333;margin: 0 }.cart-top .links {padding: 0;list-style: none;display: flex;flex-direction: row;align-items: center;justify-content: flex-end;margin: 0 }.cart-top .links>li {margin-left: 15px }.cart-top .links>li .btn-style {color: #333 }.cart-top .links>li .btn-style:hover {background-color: #FFF;color: #333 }.cart-header {padding: 15px 0;color: #333;border-bottom: 1px solid #e6e6e6 }.cart-bottom-set {border-top: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;line-height: 24px }.cart-bottom-set .sub-title {color: #999 }.cart-bottom-set .price {color: #333;font-family: 'Montserrat Bold', sans-serif }.cart-bottom .row {display: flex;flex-direction: row;align-items: center }.cart-bottom .total {display: flex;flex-direction: row;align-items: center;justify-content: flex-end }.cart-bottom .sub-title {color: #999 }.cart-bottom .price {font-size: 24px;color: #333;margin-left: 15px;font-family: 'Montserrat Bold', sans-serif }.cart-bottom .link {font-size: 16px;color: #333 }.cart-bottom .link:hover {color: #333 }.cart-bottom .btn-style {padding: 10px 60px;font-size: 18px }.cart-order {background-color: #f7f7f7 }.cart-order h3 {font-weight: 700;font-size: 24px;margin: 0 }.cart-order .item .item-top {display: flex;flex-direction: row;align-items: center }.cart-order .item .item-top label {margin: 0;color: #b3b3b3;font-size: 14px }.cart-order .address .name {font-size: 16px;font-weight: 700;color: #333 }.cart-order .address .name span {font-size: 14px;font-weight: 700;color: #808080;margin-left: 15px }.cart-order .address .content {font-size: 14px;color: #666 }.cart-order .form-control {font-size: 14px }.cart-order .form-group {margin-bottom: 0 }.cart-order .tips {color: #b26d57;line-height: 20px }.payment-box .form-check {border: 2px solid #e6e6e6;background-color: #FFF;text-align: center;padding: 0;transition: all .3s }.payment-box .form-check .form-check-label {display: flex;flex-direction: row;align-items: center;justify-content: center;width: 100%;cursor: pointer }.payment-box .form-check .form-check-input {position: absolute;left: 0;top: 0;opacity: 0;width: 0;height: 0;margin: 0 }.payment-box .form-check img {height: 34px }.payment-box .form-check span {display: none }.payment-box .form-check:hover, .payment-box .form-check.active {border-color: #333 }.discount-box .btn-use {font-size: 14px }.invoice-tabs-child {display: none }.invoice-form {display: none }.user-login {flex-direction: row !important;width: auto !important;font-size: 14px }.user-login figure {width: 44px;height: 44px;overflow: hidden;margin: 0;border: 5px solid rgba(0, 0, 0, 0.08) }.user-login i {margin-left: 5px }.user-login:hover {background: none !important;box-shadow: none !important }.login-dropdown-menu {border: 0;box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.125) }.login-dropdown-menu .dropdown-header {font-size: 12px;padding: .5rem 1rem }.login-dropdown-menu .dropdown-item {font-size: 14px;padding: .5rem 1rem }.login-dropdown-menu .dropdown-item:hover {color: #333 }.login-dropdown-menu .dropdown-item-fav {display: none }.cart-counter {flex-direction: row !important;border-radius: 44px !important;width: auto !important;padding: 0 20px }.cart-counter .number {font-size: 18px;line-height: auto;font-family: 'Montserrat Bold', sans-serif;margin-left: 5px }.cart-empty {display: flex;flex-direction: column;align-items: center;justify-content: center;min-height: 360px }.cart-empty .icon-area {width: 60px;height: 60px;display: flex;flex-direction: column;align-items: center;justify-content: center;background-color: #333;color: #FFF;font-size: 30px }.cart-empty h4 {font-size: 18px;color: #333;margin-bottom: 0 }.color-panel {background: #f7f7f7;background: -moz-linear-gradient(45deg, #f7f7f7 0, #fbd5c6 100%);background: -webkit-linear-gradient(45deg, #f7f7f7 0, #fbd5c6 100%);background: linear-gradient(45deg, #f7f7f7 0, #fbd5c6 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#fbd5c6', GradientType=1);padding: 15px }.color-panel-success {background: #fff;background: -moz-linear-gradient(45deg, #fff 0, #e2ffd7 100%);background: -webkit-linear-gradient(45deg, #fff 0, #e2ffd7 100%);background: linear-gradient(45deg, #fff 0, #e2ffd7 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e2ffd7', GradientType=1);padding: 15px }.color-panel-info {background: #fff;background: -moz-linear-gradient(-45deg, #fff 0, #f7f7f7 100%);background: -webkit-linear-gradient(-45deg, #fff 0, #f7f7f7 100%);background: linear-gradient(135deg, #fff 0, #f7f7f7 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f7f7f7', GradientType=1);padding: 15px }.profile-card {display: flex;flex-direction: row;align-items: center }.profile-card .avatar {width: 80px;height: 80px;overflow: hidden;margin: 0 }.profile-card .main {margin-left: 15px }.profile-card .main .user {color: #333;font-size: 18px;margin-bottom: 5px }.profile-card .main .user .account {color: #b3b3b3;font-family: 'Montserrat Bold', sans-serif;margin-left: 10px }.profile-card .main .btn-area .btn-style {color: #666;padding: 5px 15px }.profile-card .main .btn-area .btn-style:hover {color: #FFF }.uc-flexbox {display: flex;flex-direction: row;align-items: flex-start;justify-content: flex-start }.uc-flexbox .uc-flexbox-main {flex: 1;padding-left: 30px;border-left: 1px solid #e6e6e6;min-height: 600px;position: relative }.uc-flexbox .uc-flexbox-main-side {padding-right: 260px }.uc-menu {width: 200px;position: relative;z-index: 10 }.uc-menu>ul {list-style: none;margin: 0;padding: 0 }.uc-menu>ul>li>a {display: flex;flex-direction: row;align-items: center;color: #333;font-size: 16px;padding: 10px 0;position: relative;opacity: .6 }.uc-menu>ul>li>a::after {content: '';width: 3px;height: 34px;background-color: #333;position: absolute;right: -2px;top: 50%;margin-top: -17px;border-radius: 25%;opacity: 0;transform: translateY(-10px);transition: all .3s }.uc-menu>ul>li>a i {width: 24px;text-align: center;font-size: 24px;line-height: 100% }.uc-menu>ul>li>a:hover, .uc-menu>ul>li>a.active {color: #333;opacity: 1 }.uc-menu>ul>li>a:hover::after, .uc-menu>ul>li>a.active::after {opacity: 1;transform: translateY(0) }.uc-menu>ul>li>a span {margin-left: 10px }.uc-order-counter span {font-size: 14px;color: #999 }.uc-order-counter .number {font-family: 'Montserrat Bold';color: #4d4d4d;font-size: 36px;line-height: 100% }.uc-title h3 {font-size: 24px;margin: 0;font-family: 'NotoSansSC Bold', sans-serif }.uc-title .btn-func {border: 1px solid #ccc;color: #333;padding: 5px 20px }.uc-title .btn-func:hover {background: #ccc }.uc-title-sm {color: #333;font-size: 18px }.uc-avatar {background: #f7f7f7;width: 230px;padding: 15px;margin-bottom: 15px;position: absolute;top: 0;right: 0 }.uc-avatar .form-group {padding: 0;margin-bottom: 0 }.uc-avatar figure, .uc-avatar .avatar-view {width: 120px;height: 120px;overflow: hidden }.uc-avatar .avatar-view {border-radius: 50% !important;border: 0;margin: 0 auto }.uc-avatar .btn-style {padding: 5px 15px }.uc-gender-box {height: 38px }.uc-form .form-control {background: #FFF }.uc-form .custom-control-input:checked~.custom-control-label::before {border-color: #333;background-color: #333 }.uc-search {background: #FFF;border-radius: 5px;border: 1px solid #e6e6e6 }.uc-search>input {border: 0;box-shadow: none !important }.uc-search .btn {padding: 0 10px;font-size: 20px;color: #a38f8f;border: 0 }.uc-filter .form-control {font-size: 14px;height: 34px;border-color: #e6e6e6 }.uc-filter select {height: 36px !important }.uc-order-status .icon-area {width: 60px;height: 60px;background: #9ebc31;color: #FFF;font-size: 30px }.uc-order-status .icon-area.icon-area-info {background-color: #333 }.uc-order-status .icon-area.icon-area-cancel {background-color: #aaa }.uc-order-status .main {flex: 1;padding-left: 15px }.uc-order-status .main h5 {font-size: 18px;font-weight: 700;color: #333;margin: 0 0 5px 0 }.uc-order-status .main .content {color: #666 }.uc-order-detail .item-top {font-size: 16px }.uc-order-detail .item-top .order-no {font-weight: 700 }.uc-order-detail .info {margin-top: 15px;margin-bottom: 15px;border-bottom: 1px solid #e6e6e6;color: #333 }.uc-order-detail .info>.row>div {margin-bottom: 15px;display: flex;flex-direction: row;align-items: center }.uc-order-detail .info .title {margin-right: 10px }.uc-order-detail .info .order-no-copy {color: #333;font-family: 'Montserrat Bold', sans-serif }.uc-order-detail .info .btn {padding: 0 10px;font-size: 14px;margin-left: 10px }.uc-order-detail .counting {margin-top: 15px;border-top: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;padding: 15px 0;color: #333 }.uc-order-detail .counting .sub-title {color: #999 }.uc-order-detail .counting .price {font-family: 'Montserrat Bold', sans-serif }.uc-order-detail .total {color: #666;font-size: 16px;padding-top: 15px }.uc-order-detail .total .price {font-family: 'Montserrat Bold', sans-serif;color: #333 }.uc-order-operate .btn-style {padding: 10px 60px }.uc-common-submit .item {display: flex;flex-direction: row;align-items: flex-start;margin-top: 15px }.uc-common-submit .item .product {width: 160px;margin-right: 20px }.uc-common-submit .item .product figure {margin: 0;width: 160px;height: 160px;overflow: hidden;display: flex;flex-direction: column;align-items: center;justify-content: center;background: #FFF }.uc-common-submit .item .product figure img {max-height: 100% }.uc-common-submit .item .product h5 {color: #4d4d4d;font-size: 14px;margin: 10px 0 }.uc-common-submit .item .product h5 a {color: #4d4d4d }.uc-common-submit .item .product .price {color: #333;font-family: 'Montserrat Bold', sans-serif }.uc-common-submit .item .comment-form {flex: 1;padding-left: 20px;border-left: 1px solid #e6e6e6 }.uc-common-submit .item .comment-form .rating-stars {display: inline-block }.uc-common-submit .item .comment-form .rating-stars .star-on-png {color: #ffc033 }.uc-common-submit .item .comment-form .rating-stars .star-off-png {color: #b3b3b3 }.uc-common-submit .item .comment-form .form-control {font-size: 14px }.uc-common-submit .item-total {color: #333;border-top: 1px solid #ccc;margin-top: 15px;padding-top: 15px }.uc-common-submit .item-total .price {font-size: 16px;color: #333;font-family: 'Montserrat Bold', sans-serif }.uc-common-btn-area .btn-style {padding: 10px 60px }.uc-common-info {background: #f7f7f7;color: #333;padding: 15px;line-height: 24px }.uc-mobile-menu {display: none }.uc-pay-qrcode {background-color: #f7f7f7;border-radius: 5px;max-width: 420px;margin-left: auto;margin-right: auto;padding: 15px;color: #666 }.uc-pay-qrcode .title {font-size: 24px;font-weight: 700 }.uc-pay-qrcode figure {margin: 15px 0 }.uc-pay-qrcode .order-price .price {color: #f05921;font-weight: 700 }.uc-pay-qrcode .order-exp {background-color: #e6e6e6;border-radius: 5px;padding: 10px }.uc-pay-qrcode .order-exp>span {color: #F00;font-weight: 700 }.page-nav {height: 60px;margin-top: -30px;position: relative;z-index: 30;box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.125) }.page-nav .mobile-links {display: none }.page-nav .links {list-style: none;margin: 0;padding: 0;display: flex;flex-direction: row;align-items: center }.page-nav .links>li {margin-left: 20px;height: 100%;display: flex;max-width: 160px }.page-nav .links>li>a {position: relative;color: #333;font-size: 16px;line-height: 100%;height: 60px;line-height: 60px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis }.page-nav .links>li>a::after {content: '';position: absolute;bottom: 0;left: 0;opacity: 0;width: 100%;height: 3px;background-color: #333;transition: all .3s;border-radius: 20px }.page-nav .links>li>a:hover::after, .page-nav .links>li>a.active::after {opacity: 1 }.page-nav .filter-area {display: flex;flex-direction: row;align-items: center;justify-content: flex-end }.page-nav .filter-item {height: 60px;display: flex;flex-direction: row;border-left: 1px solid #e6e6e6 }.page-nav .filter-item .dropdown-toggle {padding: 0 20px;font-size: 14px !important;font-weight: normal;color: #495057;}@media(max-width:400px) {.page-nav .filter-item .dropdown-toggle {padding: 0 10px;}}.page-nav .filter-item .dropdown-menu {border: 0;box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.125);margin: 0 }.page-nav .filter-item-wild .dropdown-menu {width: 260px }.page-nav .filter-item-wild .dropdown-menu .content {max-height: 250px;overflow-y: auto;display: flex;flex-direction: row;flex-wrap: wrap;list-style: none;margin: 0;padding: 0 10px }.page-nav .filter-item-wild .dropdown-menu .content li {width: 100% }.page-nav .filter-item-wild .dropdown-menu .content li a {border-radius: 5px;color: #808080 }.page-nav .filter-item-wild .dropdown-menu .content li a:hover {background-color: #f2f2f2;color: #333 }.page-nav .filter-search input {border: 0;box-shadow: none;height: 60px }.page-nav .filter-search .btn {padding: 0 15px;font-size: 24px;box-shadow: none }.page-nav .filter-form .form-group {border-left: 1px solid #e6e6e6;height: 60px }.page-nav .filter-form .btn-search {height: 60px;padding: 5px 20px }.page-nav .filter-form .select2-container--bootstrap4 {max-width: 100% !important }.page-nav .filter-form .select2-container--bootstrap4 .select2-selection {border: 0;padding: 0 15px;height: 60px !important;width: 100% !important }.page-nav .filter-form .select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered {line-height: 60px;padding: 0 }.filter-dropdown.select2-dropdown--above, .filter-dropdown.select2-dropdown--below {border: 0;box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.125) }.filter-dropdown .select2-results__option--highlighted, .filter-dropdown .select2-results__option--highlighted.select2-results__option[aria-selected="true"] {background-color: #e6e6e6;color: #333 }.article-top h2 {font-family: 'NotoSansSC Bold', sans-serif;font-size: 36px;color: #333;margin-bottom: 20px }.article-top .date {color: #333;font-family: 'Montserrat Bold', sans-serif;font-size: 18px }.article-content {color: #333 }.article-content img {max-width: 100%;}.article-content p {font-size: 16px;line-height: 24px;letter-spacing: 2px;margin: 0 }.article-sharing {border-top: 1px solid #e6e6e6;padding: 30px 0;display: flex;flex-direction: row;align-items: center;justify-content: center }.article-jumper .item {border-radius: 5px;display: flex;flex-direction: row;align-items: center;border: 1px solid #e6e6e6;padding: 15px }.article-jumper .item .icon-area {width: 30px;text-align: center;font-size: 20px;color: #ccc }.article-jumper .item .main {flex: 1;font-size: 16px;padding-left: 15px }.article-jumper .item .main span {color: #ccc }.article-jumper .item .main .content {color: #333 }.article-jumper .item.prev .icon-area {order: 1 }.article-jumper .item.prev .main {order: 2 }.article-jumper .item.next .icon-area {order: 2 }.article-jumper .item.next .main {order: 1;text-align: right }.article-jumper .item:hover {border-color: #333 }.article-jumper .item:hover .main .content {color: #333 }.faq-box {height: 250px;transition: all .3s }.faq-box .title {padding: 15px;color: #333;font-size: 24px;border-bottom: 1px solid #e6e6e6 }.faq-box .btn-more {padding: 10px 60px }.faq-box .btn-more:hover {background-color: #333;color: #FFF;border-color: #333 }.faq-box:hover {box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.125) }.faq-box-normal {height: auto }.single-box h3 {font-size: 24px;color: #333;font-weight: 400 }.single-box p {font-size: 14px;color: #666;margin: 0;line-height: 30px;text-align: justify }.single-box p span {font-family: 'Montserrat Normal', 'NotoSansSC Normal', 'Microsoft Yahei', Arial, Helvetica, sans-serif !important }.single-box img {max-width: 100% }.single-box-white {max-width: 100%;margin-left: auto;margin-right: auto;background-color: #FFF;border-radius: 10px;overflow: hidden }.single-box-white .title {background-color: #f6f6f6;font-size: 32px;color: #333;padding: 30px 50px }.single-box-white .content {padding: 50px }.single-box-2col {display: flex;flex-direction: row;align-items: center;max-width: 100%;margin-left: auto;margin-right: auto }.single-box-2col .main {flex: 1;padding-right: 50px }.single-box-2col figure {margin-bottom: 0;flex: 0 0 626px }.full-width {width: 100vw;position: relative;left: 50%;right: 50%;margin-left: -50vw;margin-right: -50vw }.contact-info {position: relative;margin-top: -20px;z-index: 300;max-width: 100%;margin-left: auto;margin-right: auto }.contact-info .item {background: #FFF;min-height: 216px;padding: 20px;transition: all .3s }.contact-info .item h5 {color: #333;font-size: 18px;font-family: 'Montserrat Normal', Arial, Helvetica, 'NotoSansSC Normal', 'Microsoft Yahei', sans-serif }.contact-info .item ul {list-style: none;margin: 0;padding: 0;color: #333 }.contact-info .item:hover {box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.125) }.contact-title {font-size: 30px;line-height: 100%;color: #333;font-family: 'NotoSansSC Bold', sans-serif }.contact-qrcode {display: flex;flex-direction: row;align-items: flex-start;padding: 50px;flex-wrap: wrap;margin-left: -15px;margin-right: -15px }.contact-qrcode .item {text-align: center;padding: 0 15px }.contact-qrcode .item figure {margin-bottom: 10px;overflow: hidden;background: #FFF }.contact-qrcode .item h5 {color: #333;font-size: 16px;margin: 0;white-space: nowrap;line-height: 20px;overflow: hidden;text-overflow: ellipsis }.contact-form {padding: 50px;font-size: 16px }.contact-form .form-group {margin-bottom: 30px }.contact-form .col-form-label {line-height: 2 }.contact-form .form-control, .contact-form .verify-code {background-color: #f5fbfc;border-color: #f5fbfc;color: #333;max-width: 428px;line-height: 2 }.contact-form input.form-control, .contact-form .verify-code {border-radius: 50em;height: calc(2em+.75rem+2px) }.contact-form textarea.form-control {border-radius: 10px }.contact-form .words {color: #666 }.contact-form .verify-code img {max-height: 30px }.contact-form .verify-code .input-group-text {background: 0;border: 0 }.contact-form .btn-submit {padding: 8px 60px }.contact-form .required label::after {content: "*";color: #F00 }.contact-map {margin-top: -30px }.contact-map .my-map {width: 100%;height: 300px }.contact-map .my-map .icon {background: url(http://lbs.amap.com/console/public/show/marker.png) no-repeat }.contact-map .my-map .icon-pot {height: 23px;width: 31px }.contact-map .my-map .icon-pot-red {background-position: -234px -5px }.contact-map .amap-container {height: 100% }.title-box {font-size: 36px;line-height: 100%;color: #333 }.super-b-pt .img-cover {background-image: url('../images/bg02.jpg');opacity: .05;z-index: 1 }.pt-box {padding: 100px 0;position: relative }.pt-box::before {width: 660px;height: 660px;position: absolute;left: 25%;top: 50px;content: '';background: #808080;opacity: .1;border-radius: 50% }.pt-box figure {width: 50vw;left: 100%;margin-left: -50vw;position: relative }.pt-box figure::after {content: '';background: #4d4d4d;opacity: .4;position: absolute;left: 0;top: 0;right: 0;bottom: 0 }.pt-box .main h3 {font-size: 36px;color: #333;margin: 0;line-height: 100% }.pt-box .main p {margin: 0;line-height: 30px;font-size: 16px;color: #4d4d4d }.pt-gallery .item {display: flex;flex-direction: column;align-items: center;position: relative }.pt-gallery .item>figure {overflow: hidden;margin: 0 }.pt-gallery .item .main {display: flex;flex-direction: column;align-items: flex-end;justify-content: flex-end;position: absolute;right: 0;left: 0;top: 0;bottom: 0;padding: 15px }.pt-gallery .item .main h5 {font-size: 36px;color: #FFF;line-height: 100%;margin: 0 }.pt-info h3 {font-size: 36px;color: #333 }.pt-info .list {padding: 0 15px;list-style: none;margin: 0 }.pt-info .list li {border-bottom: 1px solid #f2f2f2;padding: 15px 0;font-size: 16px }.pt-info .list li>span {margin-left: 10px }.pt-info .words {color: #333;font-size: 16px }.pt-info .btn-area .btn-booking {font-size: 16px;padding: 15px 80px }.page-404-top {border-bottom: 1px solid #ddd;padding: 20px 0;position: relative }.page-404-top .logo, .page-404-top .english, .page-404-top .swan-en, .page-404-top .swanspeakers, .page-404-top .hivi-swan {position: relative;left: auto;margin-left: 0;display: inline-block;top: auto;margin-top: auto }.page-404-top .logo {background-image: url('../images/logo/devlop/logo-dark.svg');}.page-404-top .english {background-image: url('../images/logo/devlop/logo-dark-en.svg') }.page-404-top .logo span {display: none }.page-404-top .swan-en {background-image: url('../images/logo/swan/dark.svg') }.page-404-top .swanspeakers {background-image: url('../images/logo/swanspeakers/dark.svg') }.page-404-top .hivi-swan {background-image: url('../images/logo/hivi-swan/dark.svg') }.page-404-box {padding: 100px 0 }.page-404-box figure {margin: 0 }.page-404-box .main h1 {font-size: 60px;color: #4d4d4d;font-family: 'Montserrat Bold', sans-serif;line-height: 100% }.page-404-box .main .content {color: #333;font-size: 16px;line-height: 24px;padding: 20px 0 }.page-404-box .main .btn-area .btn {padding: 15px 60px }.page-404-bottom {border-top: 1px solid #ddd;color: #666;padding: 20px 0 }.page-404-bottom span {margin: 0 5px }.page-404-bottom a {color: #666 }.page-404-bottom a:hover {color: #333 }.menu-box {position: fixed;left: 0;top: 0;right: 0;bottom: 0;z-index: 1002;display: flex;flex-direction: column;display: none }.menu-box .logo, .menu-box .english, .menu-box .swan-en, .menu-box .swanspeakers, .menu-box .hivi-swan {position: absolute;left: 50%;top: 50%;margin-left: -110px;margin-top: -25px }@keyframes menu-shadow-movement {0% {opacity: 0 }100% {opacity: .98 }}.menu-box .menu-shadow {position: absolute;left: 0;top: 0;right: 0;bottom: 0;background: #333 }.menu-box .menu-box-top {position: relative;display: flex;flex-direction: row;align-items: center;padding: 15px;opacity: 0;transition: all .3s }.menu-box .menu-box-top .btn-close {font-size: 30px;color: #fff;display: flex;flex-direction: column;align-items: center;justify-content: center;width: 46px;height: 46px;border-radius: 50%;border: 1px solid transparent }.menu-box .menu-box-top .btn-close:hover {border-color: #e6e6e6 }@keyframes menu-box-movement {0% {opacity: 0;transform: translateX(-100px) }100% {opacity: 1;transform: translateX(0) }}.menu-box .menu-box-main {position: relative;display: flex;flex-direction: column;align-items: center;justify-content: flex-start;flex: 1;z-index: 100;overflow-y: auto }.menu-box .menu-list {width: 100% }.menu-box .menu-list>ul {list-style: none;margin: 0;padding: 0 }.menu-box .menu-list>ul>li>a, .menu-box .menu-list>ul>li>div {color: #FFF;font-size: 24px;position: relative;display: flex;margin: 0 25px;padding: 20px 0 }.menu-box .menu-list>ul>li>a::after, .menu-box .menu-list>ul>li>div::after {content: '';position: absolute;bottom: -2px;left: 0;width: 0;transition: all .3s;height: 2px;background: #333 }.menu-box .menu-list>ul>li>a:not(div):hover::after, .menu-box .menu-list>ul>li>div:not(div):hover::after {width: 100% }.menu-box .menu-list .has-child .trigger>a {flex: 1;color: #FFF }.menu-box .menu-list .has-child .trigger>i {transform: rotate(0deg);transition: all .3s;cursor: pointer;margin-left: 20px }.menu-box .menu-list .has-child .sub-menu {opacity: 0;visibility: hidden;list-style: none;margin: 0;padding: 0;background: rgba(82, 82, 82, 0.6);transition: all .3s ease-in-out;height: 0 }.menu-box .menu-list .has-child .sub-menu a {display: block;color: #adadad;font-size: 16px;padding: 10px 25px }.menu-box .menu-list .has-child .sub-menu a:hover {background: #333;color: #FFF }.menu-box .menu-list .has-child.active>.trigger>i {transform: rotate(180deg) }.menu-box .menu-list .has-child.active .sub-menu {visibility: visible;opacity: 1;height: auto }.menu-box .menu-swan {position: absolute;right: 1rem;bottom: 1rem;width: 800px;height: 660px;background: url('../images/swan.svg') no-repeat;opacity: 0;transform: translate(200px, 200px);transition: all 1s;display: none }.menu-box.active {display: flex }.menu-box.active .menu-shadow {animation: menu-shadow-movement .3s }.menu-box.active .menu-box-top {opacity: 1 }.menu-box.active .menu-box-main {animation: menu-box-movement .3s }.menu-box.active .menu-swan {opacity: .05;transform: translate(0, 0) }.menu-box-showed, .search-box-showed {overflow: hidden }.search-box {position: fixed;left: 0;top: 0;right: 0;bottom: 0;z-index: 1001;display: flex;opacity: 0;visibility: hidden;flex-direction: column;transition: all .3s;width: 0;height: 0 }.search-box .shadow {position: absolute;left: 0;top: 0;right: 0;bottom: 0;background: #f2f2f2;opacity: 0;transition: all .3s }.search-box .search-box-top {position: relative;display: flex;flex-direction: row;align-items: center;justify-content: center;padding: 20px;opacity: 0;transition: all .3s }.search-box .search-box-top .logo, .search-box .search-box-top .english, .search-box .search-box-top .swan-en, .search-box .search-box-top .swanspeakers, .search-box .search-box-top .hivi-swan {position: relative;left: auto;margin-left: 0;margin-top: auto;top: auto }.search-box .search-box-top .logo {background-image: url('../images/logo/devlop/logo-dark.svg');}.search-box .search-box-top .english {background-image: url('../images/logo/devlop/logo-dark-en.svg');}.search-box .search-box-top .swan-en {background-image: url('../images/logo/swan/dark.svg');}.search-box .search-box-top .swanspeakers {background-image: url('../images/logo/swanspeakers/dark.svg');}.search-box .search-box-top .hivi-swan {background-image: url('../images/logo/hivi-swan/dark.svg');}.search-box .swan {position: absolute;right: 1rem;bottom: 1rem;width: 800px;height: 660px;background: url('../images/logo/sawn/dark.svg') no-repeat;opacity: 0;transform: translate(200px, 200px);transition: all 1s }.search-box .search-box-main {position: relative;display: flex;flex-direction: column;align-items: center;flex: 1;z-index: 100;overflow-y: auto;opacity: 0;transform: translateX(-100px);transition: all .6s;margin: 20% 0 0 0;}.search-box .search-form {width: 980px }.search-box .search-form .input-group {display: flex;flex-direction: row;align-items: center;border-bottom: 2px solid #ccc }.search-box .search-form .form-control {border: 0;background: 0;box-shadow: none }.search-box .search-form .btn-search {box-shadow: none;background: 0;border: 0;font-size: 30px }.search-box .search-form .btn-search:hover {color: #333 }.search-box .hot-links {margin-top: 20px;margin-bottom: 100px;color: #ccc;list-style: none;margin-left: 0;padding: 0;display: flex;flex-direction: row;align-items: center;flex-wrap: wrap;font-size: 18px }.search-box .hot-links>li+li {margin-left: 15px }.search-box .hot-links a {color: #333 }.search-box .hot-links a:hover {color: #333 }.search-box .btn-close {color: #ccc;border: 1px solid #ccc;width: 80px;height: 80px;border-radius: 50%;display: flex;flex-direction: column;align-items: center;justify-content: center;font-size: 36px }.search-box .btn-close:hover {background-color: #333;border-color: #333;color: #FFF }.search-box.active {width: auto;height: auto;visibility: visible;opacity: 1 }.search-box.active .shadow {opacity: .98 }.search-box.active .search-box-top {opacity: 1 }.search-box.active .search-box-main {opacity: 1;transform: translateX(0) }.search-box.active .swan {opacity: .05;transform: translate(0, 0) }.slideshow-box {position: relative }.slideshow-box .item {background-position: center center;background-repeat: no-repeat;height: 860px;display: flex;flex-direction: column;justify-content: center;position: relative;overflow: hidden }.slideshow-box .item::before {content: '';background-size: cover;background-repeat: no-repeat;background-position: center center;background: -moz-linear-gradient(top, #000 0, rgba(0, 0, 0, 0.6) 100%);background: -webkit-linear-gradient(top, #000 0, rgba(0, 0, 0, 0.6) 100%);background: linear-gradient(to bottom, #000 0, rgba(0, 0, 0, 0.6) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#99000000', GradientType=0);opacity: .3;position: absolute;left: 0;right: 0;top: 0;bottom: 0 }.slideshow-box .item>.container-w {display: flex;flex-direction: row;align-items: center;position: relative;z-index: 30 }.slideshow-box .item .main {flex: 1;padding-right: 15px;color: #FFF }.slideshow-box .item .main h3 {font-size: 80px;line-height: 100%;text-shadow: 0 0 10px rgba(0, 0, 0, 0.125);position: relative;margin: 0;animation-delay: .5s }.slideshow-box .item .main h3::before {content: '';position: absolute;left: 0;top: -20px;background: #f05921;width: 170px;height: 4px;border-radius: 5px }.slideshow-box .item .main .content {font-size: 30px;padding: 30px 0;line-height: 100%;animation-delay: .6s }.slideshow-box .item .main .btn-area {animation-delay: .7s }.slideshow-box .item .main .btn-area .btn-style {font-size: 16px;padding: 15px 60px }.slideshow-box .item figure {width: 690px;overflow: hidden;margin: 0;animation-delay: .3s }.slideshow-box .swiper-pagination {bottom: 50px }.slideshow-box .swiper-pagination .swiper-pagination-bullet {width: 48px;height: 3px;opacity: 1;background-color: #bcbcbc;border-radius: 5px }.slideshow-box .swiper-pagination .swiper-pagination-bullet-active {background-color: #333 }.slideshow-box .slides-counter {color: #FFF;font-family: 'Montserrat Bold', Arial, Helvetica, sans-serif;font-size: 30px;font-style: italic }.slideshow-box .slides-counter .total {color: #b3b3b3 }.slideshow-box .slides-operate {display: flex;flex-direction: row;align-items: center;margin-bottom: 50px;animation-delay: .3s }.slideshow-box .slides-operate .prev, .slideshow-box .slides-operate .next {font-size: 30px;line-height: 100%;width: 40px;height: 40px;border-radius: 50%;display: flex;flex-direction: row;align-items: center;justify-content: center;cursor: pointer;transition: all .3s }.slideshow-box .slides-operate .prev:hover, .slideshow-box .slides-operate .next:hover {color: #333;background-color: rgba(255, 255, 255, 0.5) }.slideshow-box .slides-operate .prev {margin-right: 30px }.slideshow-box .slides-operate .next {margin-left: 30px }.slideshow-product {height: 650px }.slideshow-product .item {background-repeat: no-repeat;background-position: center center;background-size: cover;height: 650px }.slideshow-product .swiper-pagination {bottom: 80px }.slideshow-product .swiper-pagination .swiper-pagination-bullet {width: 48px;height: 3px;opacity: 1;background-color: #bcbcbc;border-radius: 5px }.slideshow-product .swiper-pagination .swiper-pagination-bullet-active {background-color: #333 }.swiper-pagination-style {bottom: 0 }.swiper-pagination-style .swiper-pagination-bullet {width: 48px;height: 3px;opacity: 1;background-color: #bcbcbc;border-radius: 5px }.swiper-pagination-style .swiper-pagination-bullet-active {background-color: #333 }.series-lg {position: relative;height: 770px;margin-left: 2rem;margin-right: 2rem }.series-lg .bg {width: 100%;height: 100%;position: absolute;left: 0;top: 0;border-radius: 15px;overflow: hidden }.series-lg .inner {width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;position: relative;border-radius: 15px }.series-lg .inner::before {content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: #000;opacity: .2;border-radius: 15px;background-size: cover;background-repeat: no-repeat;background-position: center center;z-index: 3 }.series-lg .container-w {position: relative;display: flex;flex-direction: row;align-items: center;z-index: 10 }.series-lg figure {margin-bottom: 0;width: 800px;position: relative;z-index: 10;order: 1 }.series-lg .main {color: #FFF;flex: 1;padding-left: 30px;position: relative;z-index: 10;order: 2 }.series-lg .main h5 {font-size: 48px;line-height: 100%;font-weight: 400;letter-spacing: 2.5px;margin: 0 }.series-lg .main .content {font-size: 16px;padding: 30px 0;text-align: justify }.series-lg .main .content p {margin: 0;letter-spacing: 1px }.series-lg .main .btn-area .btn-style {border-color: #FFF;color: #FFF;padding: 10px 20px }.series-lg .main .btn-area .btn-style:hover {background-color: #FFF;color: #333 }.series-lg.series-lg-red .inner::before {background: -moz-linear-gradient(-45deg, rgba(232, 62, 25, 0.9) 0, rgba(232, 62, 25, 0.5) 100%);background: -webkit-linear-gradient(-45deg, rgba(232, 62, 25, 0.9) 0, rgba(232, 62, 25, 0.5) 100%);background: linear-gradient(135deg, rgba(232, 62, 25, 0.9) 0, rgba(232, 62, 25, 0.5) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6e83e19', endColorstr='#80e83e19', GradientType=1) }.series-lg:nth-child(even) figure {order: 2 }.series-lg:nth-child(odd) figure {padding-right: 30px }.series-lg:nth-child(even) .main {padding-left: 0;padding-right: 30px;order: 1 }.master-box {position: relative;height: 770px;background-position: center center;background-repeat: no-repeat;background-size: cover;margin-top: 100px }.master-box::before {content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0.8) 0, rgba(0, 0, 0, 0.4) 100%);background: -webkit-linear-gradient(-45deg, rgba(0, 0, 0, 0.8) 0, rgba(0, 0, 0, 0.4) 100%);background: linear-gradient(135deg, rgba(0, 0, 0, 0.8) 0, rgba(0, 0, 0, 0.4) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc000000', endColorstr='#66000000', GradientType=1);opacity: .3 }.master-box>.container-w {position: relative;display: flex;flex-direction: row;align-items: center;height: 100% }.master-box .main {flex: 1;color: #FFF }.master-box .main h5 {font-size: 48px;line-height: 100%;margin: 0;letter-spacing: 2.5px }.master-box .main .content {font-size: 16px;padding: 30px 0 }.master-box .main .content p {margin: 0 }.master-box .main .btn-style {border-color: #FFF;color: #FFF }.master-box .main .btn-style:hover {background-color: #FFF;color: #333 }.master-box figure {margin: 0;width: 740px }.master-box .materials {position: absolute;right: 0;bottom: 57px;list-style: none;margin: 0;padding: 0;display: flex;flex-direction: row;align-items: center }.master-box .materials li+li {margin-left: 20px }.master-box .materials a {display: flex;width: 120px;height: 120px;border-radius: 50%;overflow: hidden;position: relative }.master-box .materials a::before {content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: #000;opacity: .3;transition: all .3s }.master-box .materials a:hover::before {opacity: 0 }.parallax-background {background-repeat: no-repeat;background-position: center;background-size: cover }.filter-menu {list-style: none;margin: 0;border-bottom: 1px solid #e6e6e6;padding: 0;max-height: 160px;overflow-y: auto }.filter-menu>li a {padding: 15px;display: block;color: #666;white-space: nowrap }.filter-menu>li a:hover {color: #333;background-color: #f7f7f7 }.page-nav-child {display: flex;flex-direction: row;align-items: center }.page-nav-child .item {padding-right: 10px;padding-bottom: 10px }.page-nav-child a {color: #333;background: #e2e2e2;border-radius: 3px;padding: 10px 15px }.page-nav-child a:hover, .page-nav-child a.active {background: #333;color: #FFF }.has-table table {width: 100%;box-sizing: border-box !important;border-collapse: collapse !important;border: none !important;overflow-x: auto }.has-table table td {border: 1px solid #c6c6c6 !important;background: #f7f7f7 !important;color: #333 !important;font-family: "Montserrat Normal", Arial, Helvetica, "Microsoft Yahei", sans-serif !important;padding: 5px;line-height: 18px }.has-table table td span {font-family: "Montserrat Normal", Arial, Helvetica, "Microsoft Yahei", sans-serif !important }.has-table table tr:nth-child(even) td {background: #FFF !important }.has-table table a {color: #333 !important }.has-table table a>span {color: #333 !important }.cs-bn {height: 100vh }.cs-bn::before {content: '';position: absolute;left: 0;top: 0;right: 0;bottom: 0;background-color: rgba(0, 0, 0, 0.3);z-index: 11 }.cs-bn .img-cover {background-image: none !important;background-color: #333 }.cs-bn .video-box video {width: 240vh;min-height: 41.66666667vw }.cs-diff {position: relative;background: url('../images/craftsmanship/bg02.jpg') repeat;overflow: hidden;padding: 160px 0;box-shadow: 3.7rem 3rem 4.4rem rgba(0, 0, 0, 0.21) inset }.cs-diff .circle-spin {position: absolute;top: 50%;left: 50%;margin-left: -440px;margin-top: -420px;width: 881px;height: 881px;border-radius: 50%;border: 2px dashed #59595c;opacity: .73;animation: spin 120s linear 0s infinite reverse }.cs-diff .circle-spin.circle-spin2 {margin-top: -440px;border-color: #bbbbbc;animation: spin2 120s linear 0s infinite reverse }.cs-diff .circle-spin.circle-spin3 {margin-top: -460px;border-color: #5f5e62 }@keyframes spin {0% {transform: rotate(360deg) }100% {transform: rotate(0deg) }}@keyframes spin2 {0% {transform: rotate(-360deg) }100% {transform: rotate(0deg) }}.cs-diff .container-w {position: relative;height: 881px;display: flex;flex-direction: column;justify-content: center }.cs-diff .main {display: flex;flex-direction: row;align-items: center }.cs-diff .nav {width: 382px }.cs-diff .nav a {text-align: right;margin: 20px 0;display: block;position: relative;padding-right: 40px;color: #FFF;text-transform: uppercase;font-size: 16px }.cs-diff .nav a span {opacity: .3;transition: all .3s }.cs-diff .nav a i {position: absolute;right: 0;top: 50%;width: 2px;height: 2px;margin: -1px 0 0 -1px;display: block }.cs-diff .nav a i::before {position: absolute;left: 50%;top: 50%;width: 6px;height: 6px;border-radius: 50%;margin: -3px 0 0 -3px;display: block;content: '';background: #fff }.cs-diff .nav a i::after {position: absolute;left: 50%;top: 50%;width: 22px;height: 22px;border: 3px solid rgba(255, 255, 255, 0.3);border-radius: 50%;transform: translate(-50%, -50%);display: block;content: '';transition: width .2s, height .2s, border .2s }.cs-diff .nav a.active span, .cs-diff .nav a:hover span {opacity: 1 }.cs-diff .nav a.active i::after, .cs-diff .nav a:hover i::after {border-color: #fff;width: 32px;height: 32px }.cs-diff .nav a:nth-child(1) {margin-right: 20px }.cs-diff .nav a:nth-child(2) {margin-right: 15px }.cs-diff .tab-content {flex: 1;padding-left: 100px }.cs-diff .feature-box {display: flex;flex-direction: row;align-items: center }.cs-diff .feature-box .content {flex: 1;color: #FFF }.cs-diff .feature-box .content h3 {font-size: 40px;letter-spacing: 2.5px;font-family: 'Lato Light' }.cs-diff .feature-box .content p {letter-spacing: 1px;color: rgba(255, 255, 255, 0.73);font-size: 14px }.cs-title {color: #545454;font-size: 40px;text-align: center;letter-spacing: 2.5px;font-family: 'Lato Light', Arial, Helvetica, sans-serif }.cs-title.cs-title-light {color: #FFF }.cs-media {position: relative;height: 100vh;overflow: hidden;display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 50px 0 }.cs-media::after {background-color: #000;opacity: .5;position: absolute;content: '';left: 0;top: 0;right: 0;bottom: 0;z-index: 20 }.cs-media .main {position: relative;text-align: center;color: #FFF;z-index: 30;padding: 0 15px }.cs-media .main::before {content: '';width: 46px;height: 6px;background-color: #FFF;position: absolute;left: 50%;margin-left: -23px;bottom: -36px }.cs-media .main h3 {font-size: 40px;margin: 0;line-height: 100% }.cs-media .main p {margin: 30px 0 0 0;font-size: 16px }.cs-awards {padding: 80px 0;background: #FFF;position: relative }.cs-awards .lines {position: absolute;top: 360px;left: 0;width: 50%;height: 147px;overflow: hidden }.cs-awards .lines .line {position: absolute;left: 0;top: 0;bottom: 0;width: 20000px;background-repeat: repeat-x;background-position: 0 50%;animation: cswave infinite linear }.cs-awards .lines .line.line1 {background-image: url('../images/craftsmanship/animate-pattern01.png');animation-duration: 200s }.cs-awards .lines .line.line2 {background-image: url('../images/craftsmanship/animate-pattern02.png');animation-duration: 170s }.cs-awards .lines .line.line3 {background-image: url('../images/craftsmanship/animate-pattern03.png');animation-duration: 150s }@keyframes cswave {0% {transform: translateX(0) }100% {transform: translateX(-20000px) }}.cs-awards .container-w {position: relative }.cs-awards .container-w::before {content: '';background: url('../images/craftsmanship/dot.jpg') repeat-y center top;position: absolute;left: 0;right: 0;top: 0;bottom: 0 }.cs-awards .main {position: relative }.cs-awards .img-box {text-align: center }.cs-awards-bottom {list-style: none;padding: 0 }.cs-awards-bottom li {display: inline;padding: 0 30px }.cs-material {padding-top: 80px;padding-bottom: 80px }.cs-material .main {position: relative }.cs-material .words {width: 40%;padding: 50px;position: absolute;left: 0;top: 0;max-height: 560px;margin-left: 50px }.cs-material .words h3 {font-size: 40px;margin: 0;font-family: 'Lato Light', Arial, Helvetica, sans-serif }.cs-material .pic {text-align: center }.cs-material .list .item {margin-bottom: 50px;display: flex;flex-direction: row }.cs-material .list .pic {border-radius: 50%;width: 60px;height: 60px;background-repeat: no-repeat;background-position: center center;background-size: cover }.cs-material .list .inner-main {flex: 1;padding-left: 15px }.cs-material .list h5 {margin: 0;font-size: 12px;font-weight: 700;font-family: 'Montserrat Normal', sans-serif;letter-spacing: 1.5px;color: #545454 }.cs-material .list .content {margin-top: 10px;line-height: 24px;font-size: 14px;letter-spacing: 1px;opacity: .73 }.cs-gc {background: #FFF;padding: 100px 0 }.cs-gc .words {color: #636363;font-family: "Montserrat Normal", sans-serif;font-size: 12px;font-weight: 700;letter-spacing: 1.5px;text-transform: uppercase;padding-bottom: 30px }.cs-gc .words-xs {color: rgba(102, 102, 102, 0.73);font-size: 16px;letter-spacing: .5px;line-height: 22px;margin: 0 auto;max-width: 840px }.cs-gc .spec-col {overflow: hidden;margin: 0 -5px;display: flex;flex-direction: row;flex-wrap: wrap }.cs-gc .spec-col .col-normal {padding: 5px;overflow: hidden }.cs-gc .spec-col .col-normal-4 {width: 40% }.cs-gc .spec-col .col-normal-6 {width: 60% }.cs-gc .spec-col .col-normal-7 {width: 70% }.cs-gc .spec-col .col-normal-3 {width: 30% }.cs-gc .spec-col .item {width: 100%;height: 560px;background-repeat: no-repeat;background-size: cover;background-position: center center;overflow: hidden;position: relative }.cs-gc .spec-col .item-short {height: 460px }.cs-gc .spec-col .item-video video {position: absolute;top: 0;left: 0;min-width: 100%;min-height: 100% }.cs-category {padding: 80px 0 }.cs-category .cs-series .item {margin-bottom: 50px;box-shadow: 4.7rem 3rem 3.4rem rgba(0, 0, 0, 0.21) inset }.cs-category .cs-series .item::before {position: absolute;top: 0;bottom: 0;left: 0;right: 0;content: '';z-index: 2;background: url('../images/craftsmanship/noise.png') repeat;opacity: .1 }.cs-category .cs-series .row>div:nth-child(even) .item figure {order: 2 }.cs-category .cs-series .row>div:nth-child(even) .item .main {order: 1;padding-right: 15px;padding-left: 0 }.cs-category .btn-style {border-color: #FFF;color: #FFF }.cs-category .btn-style i {margin-left: 20px }.cs-category .btn-style:hover {background-color: #FFF;color: #333 }.cs-category-swiper {position: relative }.cs-category-swiper .swiper-container {padding: 10px 10px 50px }.cs-category-swiper .swiper-slide:nth-child(even) .item figure {order: 2 }.cs-category-swiper .swiper-slide:nth-child(even) .item .main {order: 1;padding-right: 15px;padding-left: 0 }.cs-category-swiper .swiper-pagination {bottom: 0 }.cs-category-swiper .swiper-button-next, .cs-category-swiper .swiper-button-prev {display: none }.wechat-qrcode {top: auto !important;bottom: 100%;left: 50% !important;margin-left: -70px;margin-bottom: 20px;width: 140px !important;height: auto !important;z-index: 999999 !important }.wechat-qrcode .help {display: none }.cover {background-size: cover;background-repeat: repeat;background-position: center center }.home-series {padding: 100px 0;position: relative }.home-shopping-list {position: relative }.home-shopping-list .swiper-button-next, .home-shopping-list .swiper-button-prev, .home-series .swiper-button-next, .home-series .swiper-button-prev {color: #666;transition: all .3s;background: 0;font-size: 70px;display: flex;flex-direction: column;align-items: center;justify-content: center;width: 70px;height: 70px;margin-top: -60px }.home-shopping-list .swiper-button-next, .home-shopping-list .swiper-button-prev, .home-series .swiper-button-next:hover, .home-series .swiper-button-prev:hover {color: #333 }.home-shopping-list .swiper-button-next, .home-series .swiper-button-next {right: -90px }.home-shopping-list .swiper-button-prev, .home-series .swiper-button-prev {left: -90px }.home-product {padding-bottom: 100px }.home-product .title {padding: 120px 0;background: #333;background: -moz-linear-gradient(-45deg, #333 0, #1e1e1e 100%);background: -webkit-linear-gradient(-45deg, #333 0, #1e1e1e 100%);background: linear-gradient(135deg, #333 0, #1e1e1e 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#1e1e1e', GradientType=1);font-size: 40px;text-align: center;line-height: 100%;color: #FFF;letter-spacing: 2.5px }.home-product .product-list {position: relative;margin-top: -80px }.home-product .product-list .swiper-container {padding-bottom: 50px }.home-product .product-list .item .price {color: #333 }.home-product .swiper-pagination {bottom: 0 }.home-product .swiper-pagination .swiper-pagination-bullet {width: 48px;height: 3px;opacity: 1;background-color: #bcbcbc;border-radius: 5px }.home-product .swiper-pagination .swiper-pagination-bullet-active {background-color: #333 }.home-product .more-area {text-align: center }.home-product .more-area .btn-style {background-color: #FFF;color: #333;border: 0;padding: 15px 30px }.home-product .more-area .btn-style i {margin-left: 20px }.home-product .more-area .btn-style:hover {background-color: #333;color: #FFF }.home-header {visibility: hidden;opacity: 0;transform: translateY(-10px);transition: .6s all ease-in-out;transition-delay: 3.2s }.home-header.active {visibility: visible;opacity: 1;transform: translateY(0) }.home-landing {width: 100%;position: relative;overflow: hidden;height: 100vh;background-color: #1a1a1a }.home-landing .main-bg {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center center;background-size: cover;transform: scale(1.2);transition: all 3s }.home-landing .main-bg.active {transform: scale(1) }.home-landing .top-bg {background-color: #eee;display: flex;flex-direction: column;justify-content: center;align-items: center;position: absolute;left: 0;top: 0;width: 100%;z-index: 10;overflow: hidden;height: 0;transition: all 1s ease-in-out;transition-delay: 2s }.home-landing .top-bg.active {height: 250px }.home-landing .slogan {display: flex;flex-direction: column;align-items: center;justify-content: flex-end;padding-bottom: 100px;height: 290px;opacity: 0;position: relative;z-index: 10;transition: all 1s ease-in-out;transition-delay: 2.5s;transform: translateY(100px);overflow: hidden }.home-landing .slogan.active {opacity: 1;transform: translateY(0) }.home-landing .slogan h3 {font-size: 56px;text-align: center;color: #333;position: relative;font-family: 'Lato Light', Arial, Helvetica, 'NotoSansSC Normal', 'Microsoft Yahei', sans-serif;margin: 0 }.home-landing .slogan .arrow-move {font-size: 30px;color: #666;position: relative;animation: move-arrow 2s infinite ease-in-out;cursor: pointer;z-index: 10 }@keyframes move-arrow {0% {transform: translateY(0) }50% {transform: translateY(5px) }100% {transform: translateY(0) }}.home-landing .image-box {position: relative;display: flex;flex-direction: column;align-items: center;justify-content: center;margin-top: -60px;z-index: 10;display: none }.home-landing .gra-box {position: absolute;left: 0;top: 0;right: 0;bottom: 0;background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);background-size: 400% 400%;animation: gradient 15s ease infinite;opacity: .2 }@keyframes gradient {0% {background-position: 0 50% }50% {background-position: 100% 50% }100% {background-position: 0 50% }}.home-landing .ocean {height: 5%;width: 100%;position: absolute;bottom: 0;left: 0;opacity: 0;transition: all 2s ease 2s }.home-landing .ocean.active {opacity: 1 }.home-landing .wave {background: url('../images/landing/wave.svg') repeat-x;position: absolute;width: 6400px;height: 100px;animation: wave 7s cubic-bezier(.36, .45, .63, .53) infinite;transform: translate3d(0, 0, 0);opacity: .5;bottom: 0 }.home-landing .wave:nth-of-type(2) {bottom: -25px;animation: wave 7s cubic-bezier(.36, .45, .63, .53) -0.125s infinite, swell 7s ease -1.25s infinite;opacity: 1 }@keyframes wave {0% {margin-left: 0 }100% {margin-left: -1600px }}@keyframes swell {0%, 100% {transform: translate3d(0, -25px, 0) }50% {transform: translate3d(0, 5px, 0) }}.home-landing .background-effect {position: absolute;left: 0;bottom: 0;width: 100% }.home-landing .background-effect>canvas {width: 100% !important }.home-series-lg {position: relative;margin-top: 180px }.home-series-lg .swiper-container {padding-bottom: 50px }.home-series-lg .swiper-pagination {bottom: 0 }.home-series-lg .swiper-slide:nth-child(even) .series-lg figure {order: 2 }.home-series-lg .swiper-slide:nth-child(even) .series-lg .main {padding-left: 0;padding-right: 30px;order: 1 }.home-series-lg .dec-line {border-right: 5px dashed #e6e6e6;position: absolute;left: 50%;margin-left: -3px;top: -180px;height: 180px;z-index: 6 }.home-series-lg .dec-line::after {content: '';position: absolute;left: 50%;margin-left: -5px;bottom: -8px;width: 16px;height: 16px;border-radius: 50%;background-color: #FFF;opacity: .8 }.home-series-lg .btn-func {background: 0;color: #FFF;font-size: 70px;line-height: 100%;height: 70px;text-align: center;width: 70px }.home-series-lg .btn-func.swiper-button-prev {left: calc(2rem+25px) }.home-series-lg .btn-func.swiper-button-next {right: calc(2rem+25px) }.honor-title {color: #333;font-size: 24px;line-height: 30px }.about-nav {display: none;transition: all .3s }.about-main {position: relative }.about-fixed-nav {position: absolute;top: 0;left: -155px;width: 140px;background-color: #FFF;border-radius: 5px;box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.125);overflow: hidden;z-index: 60 }.about-fixed-nav.fixed-active {position: fixed;left: calc((100% - 1600px) / 2 - 140px);top: 85px }.about-fixed-nav ul {list-style: none;padding: 10px 0;margin-bottom: 0 }.about-fixed-nav a {color: #333;display: block;padding: 10px 20px;position: relative }.about-fixed-nav a::after {content: '';width: 4px;height: 14px;background-color: #333;position: absolute;right: 0;top: 50%;margin-top: -7px;opacity: 0;transform: translateX(10px);transition: all .3s }.about-fixed-nav a:hover::after, .about-fixed-nav a.active::after {opacity: 1;transform: translateX(0) }.sales-coop-tips {color: #666 }.sales-coop-tips p {line-height: 24px }.login-modal .modal-header {border-bottom: 0;padding: 15px 30px 0 30px }.login-modal .modal-title {font-size: 18px;border-bottom: 4px solid #333;padding-bottom: 10px }.login-modal .modal-body {padding: 15px }.login-modal .modal-dialog {max-width: 600px }.login-modal .member-form {padding: 15px }.login-modal .close {margin-top: -50px;margin-right: -30px;color: #fff;text-shadow: none;opacity: .8;font-size: 22px;padding: 0 }.sn-map {position: relative;width: 100vw;height: 100vh }.sn-sidebar {position: fixed;left: 15px;top: 170px;bottom: 15px;width: 376px;background-color: #FFF;border-top-left-radius: 20px;border-top-right-radius: 20px;padding: 20px 25px;box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.05);display: flex;flex-direction: column;z-index: 980 }.sn-sidebar_up {top: 85px;}.sn-title {color: #333;font-size: 22px;line-height: 30px }.sn-search {margin-top: 20px;background-color: #f5fbfc;display: flex;flex-direction: row;align-items: center;border-radius: 50em;height: 52px }.sn-search .main {flex: 1;padding-right: 10px;padding-left: 20px }.sn-search .input-box {color: #666;border: 0;background: 0;outline: 0;width: 100%;height: 100% }.sn-search .btn-area {display: flex;flex-direction: row;align-items: center }.sn-search .btn-area .item {padding: 0 10px }.sn-search .btn-area .item+.item {border-left: 1px solid #ebeff0 }.sn-search .btn-area button {border: 0;background: 0;font-size: 20px;color: #999;transition: all .3s }.sn-search .btn-area button:hover {color: #333 }.sn-counter {padding: 10px 0;color: #666 }.sn-list-container {flex: 1;overflow-y: auto;margin-right: -5px;padding-right: 5px }.sn-list-container::-webkit-scrollbar {width: 5px }.sn-list-container::-webkit-scrollbar-track {background: #f1f1f1 }.sn-list-container::-webkit-scrollbar-thumb {background: #888 }.sn-list-container::-webkit-scrollbar-thumb:hover {background: #555 }.sn-filter {display: none }.sn-filter.active {display: block }.sn-filter .item {margin-top: 20px;display: flex;flex-direction: row;align-items: center;justify-content: center;background-color: #f5fbfc;border-radius: 50em;height: 40px }.sn-filter .item-inner {flex: 0 0 50% }.sn-filter .item-inner:last-child {border-left: 1px solid #ebeff0 }.sn-filter .select2-container--bootstrap4 {max-width: 100% !important }.sn-filter .select2-container--bootstrap4 .select2-selection {background: 0;border: 0;padding: 0 20px;height: 40px !important;width: 100% !important }.sn-filter .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow {right: 5px }.sn-filter .select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered {line-height: 40px;padding: 0 }@media(max-width:1900px) {.about-fixed-nav {display: none }.about-nav {display: flex }.about-nav .tabs-pills::-webkit-scrollbar {display: none }.about-nav.fixed {position: fixed;top: 70px;left: 0;right: 0;height: 60px;background-color: #FFF;margin-top: 0 !important;z-index: 300;flex-direction: column;justify-content: center;border-top: 1px solid #f6f6f6;padding: 0 15px;box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.05) }}@media(max-width:1600px) {.container-w {width: 100%;padding: 0 15px }.super-b {min-height: auto }.super-b .container {padding-top: 100px;padding-bottom: 80px }.super-b .title-secondary {font-size: 120px }.super-b .title-primary {font-size: 48px }.super-b-with-pic {height: auto;padding-top: 100px;padding-bottom: 30px }.super-b-with-pic .title-secondary {font-size: 120px;position: relative;margin-bottom: -80px }.super-b-with-pic .img-top {position: relative }.super-b-with-pic .img-top img {max-height: 500px }.super-b-with-words {min-height: 500px }.super-b-with-words .words {font-size: 16px }.slideshow-box .item {height: calc(100vh - 76px) }.slideshow-box .item .main h3 {font-size: 60px }.slideshow-box .item figure {width: 45% }.slideshow-box .slides-operate {margin-bottom: 40px }.slideshow-box .slides-operate .prev, .slideshow-box .slides-operate .next {font-size: 30px }.slideshow-box .slides-counter {font-size: 30px }.slideshow-box .swiper-pagination {bottom: 30px }.master-box {height: auto }.master-box .container-w {padding: 60px 15px }.master-box figure {width: 40% }.master-box .main h5 {font-size: 36px }.master-box .main .content {font-size: 16px }.master-box .materials {right: 15px;width: 45%;bottom: 15px }.master-box .materials li {width: 20% }.master-box .materials a {width: 100%;height: auto }.series-lg {height: auto;margin-left: 1rem;margin-right: 1rem }.series-lg .inner {padding: 40px 0 }.series-lg .container-w {padding: 0 70px }.series-lg figure {width: 50% }.series-lg .main h5 {font-size: 40px }.series-lg .main .content {padding: 15px 0;font-size: 16px }.detail-event {left: -29px;top: -14px }.detail-guess-you-like .swiper-button-next {right: 15px }.detail-guess-you-like .swiper-button-prev {left: 15px }.detail-slides .gallery-top {height: 600px }.detail-slides .gallery-thumbs {height: 140px }.cs-title {font-size: 30px }.cs-diff {padding: 60px 0 }.cs-diff .container-w {height: auto }.cs-diff .main {flex-direction: column }.cs-diff .nav {flex-direction: row !important;width: 100%;align-items: center;justify-content: center }.cs-diff .nav a {padding: 0 10px }.cs-diff .nav a i {display: none }.cs-diff .nav a:nth-child(1), .cs-diff .nav a:nth-child(2) {margin-right: 0 }.cs-diff .tab-content {margin-top: 30px;padding-left: 0;flex: 0;width: 100% }.cs-diff .feature-box figure {flex: 0 0 45% }.cs-diff .feature-box .content h3 {font-size: 20px }.cs-media {height: 460px }.cs-media .main h3 {font-size: 36px }.cs-awards {padding: 60px 0 }.cs-awards .lines {top: 280px;width: 100% }.cs-awards .img-box img {max-height: 320px }.cs-awards .cs-awards-bottom li {padding: 0 15px }.cs-awards .cs-awards-bottom img {max-height: 36px }.cs-material {padding: 60px 0 }.cs-gc {padding: 60px 0 }.slideshow-product {height: 500px }.slideshow-product .item {height: 500px }.single-box-2col {align-items: flex-start }.single-box-2col .main {padding-right: 80px }.single-box-2col figure {flex: 0 0 40% }.header-tools .tools {margin-left: 0 }.header-tools .tools>li {margin-left: 5px }.home-shopping-list .swiper-button-next, .home-shopping-list .swiper-button-prev, .home-series .swiper-button-next, .home-series .swiper-button-prev {color: #FFF;transition: all .3s;text-shadow: 0 0 10px rgba(0, 0, 0, 0.125);font-size: 50px;width: 50px;height: 50px;margin-top: -50px }.home-shopping-list .swiper-button-next:hover, .home-shopping-list .swiper-button-prev:hover, .home-series .swiper-button-next:hover, .home-series .swiper-button-prev:hover {color: #ccc }.home-shopping-list .swiper-button-next, .home-series .swiper-button-next {right: 0 }.home-shopping-list .swiper-button-prev, .home-series .swiper-button-prev {left: 0 }.home-series-lg {margin-top: 80px }.home-series-lg .dec-line {height: 80px;top: -80px }.home-series-lg .btn-func.swiper-button-prev {left: 1rem }.home-series-lg .btn-func.swiper-button-next {right: 1rem }.home-product .title {font-size: 30px }.home-product .product-list {margin-top: -40px }.home-landing .slogan h3 {font-size: 46px }}@media(max-width:1500px) {.header-menu>li>a {letter-spacing: .5px !important }}@media(max-width:1400px) {.header-menu>li {padding-left: 0;padding-right: 0 }.header-menu>li>a {padding-left: 10px;padding-right: 10px }.cart-counter {padding: 0 10px }}@media(max-width:1300px) {.header-menu>li>a {letter-spacing: -0.5px !important }}@media(max-width:1200px) {.container {max-width: 100% }.logo, .english, .swan-en, .swanspeakers, .hivi-swan {position: absolute;left: 50%;top: 50%;margin-left: -110px;margin-top: -25px }.logo, .english {margin-left: -68px;}.swanspeakers, .hivi-swan {margin-top: -16px }.hivi-swan {margin-left: -20px;}.header-menu {display: none }.menu-box .menu-list ul li a {font-size: 20px }.menu-box .menu-list ul li a::after {display: none }.page {padding-top: 74px }.burger {display: flex }.super-b .title-secondary {font-size: 80px }.super-b .title-primary {font-size: 36px }.pt-box figure {left: auto;width: 60%;margin-left: 0 }.page-404-box .main h1 {font-size: 80px }.page-404-box .main .content {font-size: 14px }.contact-info {margin-top: 0 }.contact-info .item {margin-top: 30px }.contact-info .item h5 {font-size: 16px }.contact-info .item ul {font-size: 14px }.detail-top .operate-box {margin-top: 30px }.detail-slides .gallery-top {height: 400px }.detail-slides .gallery-thumbs {height: 120px }.slideshow-product {height: 440px }.slideshow-product .item {height: 440px }.cs-bn {height: auto }.series-lg .inner {margin-top: 50px }.master-box {margin-top: 50px }.category-outer.fixed-box {top: 66px }.home-series {padding: 50px 0 }.home-series-lg {margin-top: 0 }.home-series-lg .dec-line {height: 50px;top: 0 }.about-nav.fixed {top: 66px }}@media(max-width:1024px) {.logo, .english {width: 56px;margin-left: -28px;background-image: url('../images/logo/devlop/logo-mobile.svg') }.swan-en {width: 56px;margin-left: -28px;background-image: url('../images/logo/swan/mobile-white.svg') }.swanspeakers {width: 100px;margin-left: -48px;background-image: url('../images/logo/swanspeakers/white.svg') }.hivi-swan {width: 100px;margin-left: -48px;background-image: url('../images/logo/hivi-swan/white.svg') }.menu-box .logo, .menu-box .english, .menu-box .swan-en {margin-left: -28px;margin-top: -25px }.menu-box .swanspeakers {margin-left: -28px;margin-top: -20px }.menu-box .hivi-swan {margin-left: -28px;margin-top: -20px }.super-header .logo, .master-header .logo, .super-header .english, .master-header .english {background-image: url('../images/logo/devlop/logo-mobile-dark.svg') }.super-header .swan-en, .master-header .swan-en {background-image: url('../images/logo/swan/mobile-dark.svg') }.super-header .swanspeakers, .master-header .swanspeakers {background-image: url('../images/logo/swanspeakers/dark.svg') }.super-header .hivi-swan, .master-header .hivi-swan {background-image: url('../images/logo/hivi-swan/dark.svg') }.page-nav {height: auto }.page-nav .filter-search {flex: 1 }.page-nav .filter-search .form-inline {width: 100% }.page-nav .filter-search .input-group {flex-direction: row;width: 100% }.page-nav .filter-search input {flex: 1 }.page-nav .filter-item-wild {width: none;}.page-nav .filter-item-wild>.btn {width: none;}.page-nav .filter-item-wild .dropdown-menu {width: 100% }.page-nav .filter-item-wild .dropdown-menu .content li {width: 100% }.title-box {font-size: 24px }.page-404-top .logo {background-image: url('../images/logo/devlop/logo-mobile.svg') }.page-404-top .english {background-image: url('../images/logo/devlop/logo-mobile.svg') }.page-404-top .swan-en {background-image: url('../images/logo/swan/mobile-white.svg') }.page-404-top .swanspeakers {background-image: url('../images/logo/swanspeakers/white.svg') }.page-404-top .hivi-swan {background-image: url('../images/logo/hivi-swan/white.svg') }.search-box .swan {width: 240px;height: 200px }.search-box .hot-links {margin-bottom: 50px;padding: 0 15px;font-size: 14px;justify-content: center }.search-box .search-box-top {padding: 15px }.search-box .search-box-top .logo {background-image: url('../images/logo/devlop/logo-mobile-dark.svg') }.search-box .search-box-top .english {background-image: url('../images/logo/devlop/logo-mobile-dark.svg') }.search-box .search-box-top .swan-en {background-image: url('../images/logo/swan/mobile-dark.svg') }.search-box .search-box-top .swanspeakers {background-image: url('../images/logo/swanspeakers/dark.svg') }.search-box .search-box-top .hivi-swan {background-image: url('../images/logo/hivi-swan/dark.svg') }.search-box .search-form {width: 90% }.breadcrumb-box {display: none }.article-top h2 {font-size: 30px }.article-top .date {font-size: 16px }.article-jumper .item .main .content {display: none }.title-line-box {font-size: 24px }.title-line-box .link-orange {font-size: 14px }.contact-title {font-size: 20px }.contact-form .btn-submit {margin-top: 15px }.category-series {padding-left: 15px;padding-right: 15px }.detail-top {margin-top: 15px !important }.detail-top .title {font-size: 24px }.detail-top .price {font-size: 18px }.detail-top .price .realtime span {font-size: 30px }.detail-top .rating {display: flex }.sharing-box li {font-size: 24px }.header-tools .lang {display: none }.slideshow-product {height: 400px }.slideshow-product .item {height: 400px }}@media(max-width:991px) {.page-nav .links {display: none;border-bottom: 1px solid #e6e6e6 }.page-nav .mobile-links {display: block }.page-nav .mobile-links a {padding: 0 15px;display: flex;flex-direction: row;align-items: center;justify-content: space-between;height: 60px;border-bottom: 1px solid #e6e6e6;font-size: 30px;color: #333 }.page-nav .mobile-links a .title {color: #666;font-size: 20px }.page-nav .mobile-links a:hover {background-color: #f6f6f6 }.page-nav .filter-form .row>div:first-child {border-bottom: 1px solid #e6e6e6 }.page-nav .filter-form .btn-search {padding: 0 }.page-nav .filter-form .form-group {}.super-b-with-words .nav-list {display: flex;flex-direction: row;flex-wrap: wrap }.super-b-with-words .nav-list li {display: flex;width: 25% }.super-b-with-words .nav-list li a {width: 100% }.super-b-with-words .nav-list-lg li {width: 50% }.page-jumper .page-counter {text-align: center }.page-jumper .pages {padding-top: 15px;justify-content: center }.page-404-box .row {flex-direction: column !important;text-align: center }.page-404-box .main h1 {font-size: 30px }.cart-header {display: none }.profile-card {flex-direction: column }.profile-card .main {text-align: center;margin-left: 0;margin-top: 5px;font-size: 14px }.profile-card .main .user {font-size: 14px }.detail-top .category {font-size: 14px }.detail-top .in-stock {font-size: 14px }.uc-flexbox {flex-direction: column;padding-top: 30px !important }.uc-flexbox .uc-flexbox-main {padding-left: 0;border-left: 0;min-height: auto;padding-top: 30px;width: 100% }.uc-flexbox .uc-flexbox-main-side {padding-right: 0 }.uc-menu {width: 100%;background-color: #f7f7f7;margin-top: 15px;border-radius: 5px;padding: 5px 15px }.uc-mobile-menu {display: block;background: #f7f7f7;color: #333;border: 0;border-radius: 5px;font-size: 24px;width: 50%;margin: 0 auto }.uc-filter {margin-top: 15px;justify-content: flex-start !important }.uc-filter .form-inline {width: 100% }.uc-filter .form-inline .input-group {width: 100% }.uc-filter .form-inline .form-group {margin-left: 0 !important;margin-top: 10px;width: 100%;margin-bottom: 0 }.uc-common-submit .item .product {width: 80px;margin-right: 10px }.uc-common-submit .item .product figure {width: 80px;height: 80px }.uc-common-submit .item .comment-form {padding-left: 10px }.uc-order-counter {margin-top: 15px }.uc-order-counter .number {font-size: 20px }.uc-avatar {position: relative;right: auto;top: auto }.uc-order-detail .info .row>div {flex-wrap: wrap }.uc-order-status {align-items: flex-start !important }.uc-order-status .icon-area {width: 40px;height: 40px;font-size: 24px }.uc-order-status .main h5 {font-size: 16px }.cs-material .words {margin-left: 0;max-height: 360px }.cs-material .words h3 {font-size: 24px }.cs-gc .spec-col .item {height: 300px }.detail-slides .gallery-top {height: 360px }.detail-slides .gallery-thumbs {height: 60px }.detail-options .item ul label {padding: 5px 15px;font-size: 14px }.slideshow-product {height: 360px }.slideshow-product .item {height: 360px }.single-box-white {max-width: 100% }.single-box-white .title {font-size: 24px;padding: 15px 20px }.single-box-white .content {padding: 20px }.contact-qrcode {padding: 20px }.contact-form {padding: 20px }.series-lg .main h5 {font-size: 30px }.series-lg .main .content {font-size: 14px }.series-lg .btn-area .btn-style {font-size: 14px }.series-lg .btn-area .btn-style i {margin-left: 20px }.master-box .main .btn-style {font-size: 14px }.master-box .main .btn-style i {margin-left: 20px }.home-landing {height: 660px }.home-landing .top-bg.active {height: 200px }.home-landing .slogan {height: 200px;padding-bottom: 50px }.home-landing .slogan h3 {font-size: 40px }}@media(max-width:768px) {.gutter-10 {margin-left: -5px;margin-right: -5px }.gutter-10>[class*='col-'] {padding-right: 5px;padding-left: 5px }.header {padding: 10px 0;background-color: #333 }.header.master-header {background-color: transparent }.header.super-header {background-color: #fff }.header-cart, .header-fav {display: none }.login-dropdown-menu .dropdown-item-fav {display: block }.footer .footer-copyright span {display: block }.mobile-lang {display: flex }.menu-box .menu-swan {width: 240px;height: 240px }.menu-box .menu-box-top {padding: 10px 15px }.menu-box .menu-list>ul>li>a, .menu-box .menu-list>ul>li>div {padding: 10px 0;font-size: 16px }.menu-box .menu-list>ul>li>div a {font-size: 16px }.slideshow-box .item>.container-w {flex-direction: column }.slideshow-box .item .main {order: 2;padding: 0 15px;margin-top: 20px;width: 100% }.slideshow-box .item .main h3 {font-size: 40px }.slideshow-box .item .main h3::before {top: -15px }.slideshow-box .item .main .content {font-size: 14px;padding: 15px 0 }.slideshow-box .item .main .btn-area .btn-style {padding: 6px 20px;font-size: 14px }.slideshow-box .item figure {order: 1;width: 80% }.slideshow-box .slides-operate {margin-bottom: 25px }.slideshow-box .slides-operate .prev, .slideshow-box .slides-operate .next {font-size: 20px }.slideshow-box .slides-counter {font-size: 20px }.slideshow-box .swiper-pagination {bottom: 20px }.slideshow-product {height: 200px;margin-top: 66px }.slideshow-product .item {height: 200px }.slideshow-product .swiper-pagination {bottom: 10px }.slideshow-product .swiper-pagination .swiper-pagination-bullet {width: 30px }.series-lg .container-w {flex-direction: column }.series-lg figure {width: 100%;bottom: auto;order: 2;margin-top: 0 }.series-lg .main {padding-left: 0;padding-right: 0;margin-top: 20px;width: 100%;order: 1;}.series-lg .main .content {padding: 15px 0 }.master-box>.container-w {padding: 50px 15px;flex-direction: column }.master-box figure {width: 80% }.master-box .main {width: 80%;margin-top: 20px }.master-box .main h5 {font-size: 24px }.master-box .main .content {font-size: 14px }.master-box .main .btn-area .btn-style {padding: 10px 20px }.master-box .materials {position: relative;bottom: auto;right: auto;width: 80%;margin-top: 30px }.master-box .materials li {width: 15% }.page-tools {right: 1rem;bottom: 2.5rem }.page-tools a {width: 50px;height: 50px;font-size: 30px }.page-tools a.mobile-cart {display: flex }.page-tools-v2-click {display: block }.page-tools-v2 {top: auto;right: 1rem;bottom: .5rem;opacity: 0;z-index: -999;transition: all .2s ease-in-out }.page-tools-v2.active {right: 1rem;bottom: 2rem;opacity: 1;z-index: 999;transition: all .1s .2s ease-in-out }.page-tools-v2 .item.item-cart {display: block }.mobile-cart {position: relative }.mobile-cart>.counter {position: absolute;font-size: 12px;background: #f33;padding: 3px 10px;right: -10px;top: -5px;color: #FFF;font-family: "Montserrat Bold", sans-serif }.super-b .title-secondary {font-size: 60px }.super-b .title-primary {font-size: 30px;letter-spacing: 5px }.super-b-with-words {min-height: 400px }.super-b-with-words .nav-list li {width: 50% }.super-b-with-words .nav-list-lg li {width: 100% }.category-outer {visibility: hidden;position: fixed;left: 0;right: 0;top: 0;bottom: 0;z-index: 1000 }.category-outer.fixed-box {background-color: transparent;top: 0;z-index: 1000 }.category-outer.fixed-box .category-menu-icon>li a .icon-area {display: block }.category-outer.active {visibility: visible }.category-outer.active .shadow {opacity: .6 }.category-outer.active .container-w {right: 0 }.category-outer .shadow {display: block;position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: #000;opacity: 0;transition: all .3s }.category-outer .container-w {position: absolute;width: 80%;background: #FFF;right: -100%;top: 0;bottom: 0;display: flex;flex-direction: column;padding: 0;transition: all .3s }.category-box {flex: 1;margin-top: 0;overflow-y: auto;padding: 0 10px }.category-box .item {flex-direction: column;padding: 10px 0 }.category-box .item .title {width: 100%;font-weight: 700 }.category-box .item .main {flex: 0;padding-left: 0;width: 100% }.category-mobile {position: relative;display: flex;margin: 20px 15px 0 15px;padding: 0 15px;height: 50px;line-height: 50px;background: #333;color: #FFF;border-radius: 5px;box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.225);flex-direction: row;align-items: center;transition: all .3s;z-index: 50 }.category-mobile.fixed-box {position: fixed;left: 15px;right: 15px;top: 76px;margin-top: 0 }.category-mobile:hover {box-shadow: 0 0 15px 0 rgba(240, 89, 33, 0.225) }.category-mobile .title {width: 70%;color: #f6f6f6 }.category-mobile .main {flex: 1;text-align: right;padding: 0 10px }.category-toolbox {display: none;padding: 15px }.category-menu {margin: 0 -5px }.category-menu>li {width: 33.333%;padding: 0 5px }.category-menu>li a {font-size: 12px;text-align: center }.category-menu-icon>li {width: 33.333% }.category-menu-icon>li a {width: 100% }.category-menu-icon>li a i {font-size: 30px }.pt-box {padding: 60px 0 }.pt-box .row {flex-direction: column !important }.pt-box::before {width: 210px;height: 210px;top: 20% }.pt-box figure {width: 80% }.pt-box .main {margin-top: 30px }.pt-box .main h3 {font-size: 24px }.pt-gallery .item .main h5 {font-size: 24px }.pt-info h3 {font-size: 24px }.pt-info .list li {padding: 10px 0;font-size: 14px }.pt-info .words {font-size: 14px }.page-404-top {padding: 10px 0 }.page-404-box figure img {max-width: 80% }.filter-box {flex-direction: column;padding: 0 }.filter-box .title {display: none }.filter-options {width: 100% }.filter-options>li {width: 50%;border: 1px solid #f2f2f2;}.filter-options>li a {font-size: 14px;padding: 0 15px }.filter-options>li a::before, .filter-options>li a::after {right: 10px }.detail-tabs {overflow-x: auto;flex-wrap: nowrap }.detail-tabs::-webkit-scrollbar {display: none }.detail-tabs>li {margin-right: 20px;width: auto }.detail-tabs>li a {font-size: 14px;text-transform: uppercase }.detail-comment .list .item {flex-direction: column }.detail-comment .list .item .main {padding: 0;margin-top: 15px }.detail-comment .total .counter {text-align: left }.detail-content p {font-size: 14px;line-height: 20px }.detail-content table td {font-size: 14px !important }.detail-content table td span {font-size: 14px !important }.detail-slides .gallery-top .swiper-button-prev {left: 0 }.detail-slides .gallery-top .swiper-button-next {right: 0 }.detail-guess-you-like .swiper-container {padding-bottom: 30px }.detail-guess-you-like .swiper-button-prev, .detail-guess-you-like .swiper-button-next {display: none }.detail-guess-you-like .swiper-pagination {display: block }.cart-top {border-bottom: 1px solid #e6e6e6;margin-top: 15px !important }.cart-top .links {justify-content: flex-start;margin-top: 15px }.cart-top .links>li {margin-left: 0;margin-right: 15px }.uc-common-btn-area .btn-style {width: 100% }.cs-diff .feature-box {flex-direction: column }.cs-diff .feature-box figure {width: 100%;flex: auto;text-align: center }.cs-diff .feature-box figure img {max-height: 250px }.cs-category .series-list .item {margin-bottom: 0 }.cs-awards .cs-awards-bottom li {padding: 0 5px }.cs-awards .cs-awards-bottom img {max-height: 36px }.cs-material .words {padding: 20px;max-height: 200px }.cs-gc .spec-col .col-normal-4, .cs-gc .spec-col .col-normal-6, .cs-gc .spec-col .col-normal-3, .cs-gc .spec-col .col-normal-7 {width: 100% }.cs-gc .spec-col .item {height: 240px }.cs-gc .spec-col .item-video video {width: 100%;height: auto }.single-box-2col {flex-direction: column;padding: 0 }.single-box-2col .main {order: 2;flex: 0 0 auto;padding-right: 0;padding-top: 30px }.single-box-2col figure {order: 1;flex: 0 0 auto }.contact-qrcode .item {margin-bottom: 20px;min-width: 50% }.contact-qrcode .item h5 {font-size: 14px }.swiper-pagination-style .swiper-pagination-bullet {width: 30px }.home-series-lg .swiper-slide:nth-child(even) .series-lg figure {margin-top: 20px }.home-series-lg .swiper-slide:nth-child(even) .series-lg .main {margin-top: 0;padding-right: 0 }.home-series-lg .btn-func {font-size: 40px;width: 40px;height: 40px }.home-landing .slogan h3 {font-size: 36px }.home-product {padding-bottom: 50px }.home-product .title {padding: 60px 0;font-size: 24px }.home-product .product-list {margin-top: -30px }.home-product .swiper-pagination .swiper-pagination-bullet {width: 28px }.home-product .more-area .btn-style {padding: 10px 20px;font-size: 14px }.home-shopping-list .swiper-button-next, .home-shopping-list .swiper-button-prev, .home-series .swiper-button-next, .home-series .swiper-button-prev {display: none }.sn-sidebar {width: 100%;top: auto;left: 0;right: 0;bottom: 0;height: 130px;padding: 15px;transition: all .3s }.sn-sidebar::before {content: '';width: 50px;height: 5px;background-color: #cecece;border-radius: 50em;position: absolute;left: 50%;top: 10px;margin-left: -25px }.sn-sidebar.active {height: 60% }.sn-title {font-size: 16px;line-height: 20px;padding: 10px 0 8px;cursor: pointer;}.sn-search {margin-top: 10px }.contact-info .item {height: auto }}@media(max-width:468px) {.slideshow-product, .slideshow-product .item {height: 160px }}.product-list .item {background-color: #FFF;position: relative;transition: all .3s;opacity: 0 }.product-list .item figure {padding: 15px;position: relative;margin: 0 }.product-list .item figure a {display: flex;flex-direction: column;align-items: center;justify-content: center;height: 300px }.product-list .item figure img {max-height: 100% }.product-list .item figure .popup {transition: all .3s;display: flex;flex-direction: row;align-items: center;justify-content: center;position: absolute;left: 0;right: 0;top: 0;bottom: 0;opacity: 0 }.product-list .item figure .popup .btn {padding: 10px 20px;font-size: 14px }.product-list .item figure:hover .popup {opacity: 1 }.product-list .item h5 {color: #333;font-size: 16px;padding: 15px 0;text-indent: 15px;line-height: 24px;border-bottom: 1px solid #eee }.product-list .item h5 a {color: #333 }.product-list .item h5 a:hover {color: #333 }.product-list .item .meta {display: flex;flex-direction: row;align-items: center;justify-content: center;padding: 0 15px 15px;margin-top: 15px;overflow: hidden }.product-list .item .meta .price {font-size: 16px;font-family: 'Lato Bold', 'Montserrat Normal', sans-serif }.product-list .item .meta .btn-add-cart {font-size: 20px;width: 44px;height: 44px;border-radius: 50%;display: inline-flex;align-items: center;justify-content: center;line-height: 100% }.product-list .item .add-fav {position: absolute;right: 15px;top: 15px }.product-list .item .add-fav a {color: #e6e6e6;display: inline-block;font-size: 30px;line-height: 100% }.product-list .item:hover {box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.125) }.product-list .item .recommend {position: absolute;left: 12px;top: -7px;color: #FFF;padding: 5px 15px;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f07c21', endColorstr='#f05921', GradientType=1) }@media screen and (min-width:992px) {.product-list .item .recommend, .detail-event h5 {width: 80px;height: 80px;background-image: url('../images/DoubleEleven.png');background-size: 80px 80px }.detail-event h5 {margin: 1px 0 0 0 }.detail-event p {margin: 0 0 0 10px }}@media screen and (min-width:448px) and (max-width:992px) {.product-list .item .recommend, .detail-event h5 {width: 60px;height: 60px;background-image: url('../images/DoubleEleven.png');background-size: 60px 60px }}@media screen and (max-width:448px) {.product-list .item .recommend, .detail-event h5 {width: 35px;height: 35px;background-image: url('../images/DoubleEleven.png');background-size: 35px 35px }.product-list .item .recommend {top: -3px !important }.detail-event h5 {margin: -10px 0 0 0 }}.product-list .item.fade-in {animation: fadeInEffect 1s forwards }@keyframes fadeInEffect {0% {opacity: 0;transform: translateY(60px) }100% {opacity: 1;transform: translateY(0) }}.series-list .item {position: relative;width: 100%;height: 360px;border-radius: 5px;background-position: center center;background-repeat: no-repeat;background-size: cover }.series-list .item::before {border-radius: 5px;content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;background-color: #000;opacity: .2 }.series-list .item.item-red::before {background: -moz-linear-gradient(left, rgba(150, 47, 23, 0.9) 0, rgba(232, 62, 25, 0.5) 100%);background: -webkit-linear-gradient(left, rgba(150, 47, 23, 0.9) 0, rgba(232, 62, 25, 0.5) 100%);background: linear-gradient(to right, rgba(150, 47, 23, 0.9) 0, rgba(232, 62, 25, 0.5) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6962f17', endColorstr='#80e83e19', GradientType=1) }.series-list .item .inner {position: relative;height: 100%;display: flex;flex-direction: row;align-items: center;justify-content: center;z-index: 5;padding: 0 30px }.series-list .item .inner figure {flex: 0 0 45%;transition: all .3s;transform: translateY(0px);margin-bottom: 0 }.series-list .item .inner .main {flex: 1;padding-left: 15px }.series-list .item .inner .main h5 {font-size: 40px;color: #FFF;margin: 0;font-family: 'Lato Light';letter-spacing: 2px }.series-list .item .inner .main .content {height: 40px;font-size: 16px;color: #FFF;margin: 20px 0;line-height: 20px;max-height: 40px;overflow: hidden }.series-list .item:hover figure {transform: translateY(20px) }.series-list .item .btn-style {border-color: #FFF;color: #FFF }.series-list .item .btn-style i {margin-left: 20px }.series-list .item .btn-style:hover {background-color: #FFF;color: #333 }.shopping-list .item {position: relative;width: 100%;height: 360px;border-radius: 5px;border: 1px solid #eee }.shopping-list .item:hover {box-shadow: 0 0 7px 1px #eee;transition: all .3s;transform: translateY(1px) }.shopping-list .item figure {flex: 0 0 45%;transition: all .3s;transform: translateY(30px);margin-bottom: 0 }.shopping-list .item figure img {display: inline-block;width: 50%;height: 50%;max-width: 200px;max-height: 200px;margin: 0 auto;margin: 0 0 0 25% }.shopping-list .item .main {flex: 1;width: 90%;position: absolute;bottom: 80px;left: 5% }.shopping-list .item .main h5 {font-size: 14px;color: #333;font-weight: 900;margin: 0;font-family: 'Lato Light';letter-spacing: 2px }.shopping-list .item .price {width: 90%;position: absolute;bottom: 30px;left: 5%;display: flex;justify-content: space-between }.shopping-list .item .price .price_t {font-size: 14px;font-weight: 700;color: #000 }.shopping-list .item .price .price_g {font-size: 14px;font-weight: 700;color: #000;width: 40px;height: 40px;display: flex;justify-content: center;align-items: center;background-color: #f4f4f4;border-radius: 50% }.shopping-list .item .price .price_g a {width: 40px;height: 40px;display: flex;justify-content: center;align-items: center;color: #999;border-radius: 50% }.shopping-list .item .price .price_g:hover {background-color: #333;color: white }.shopping-list .item .price .price_g:hover a {background-color: #333;color: white;border-radius: 50% }.product-series .row>div:last-child .item figure {order: 2 }.product-series .row>div:last-child .item .main {order: 1;padding-right: 0;padding-left: 40px }.cart-list .item {padding: 15px 0 }.cart-list .item>.row {display: flex;flex-direction: row;align-items: center }.cart-list .item .info-area {display: flex;flex-direction: row;align-items: center }.cart-list .item .info-area figure {width: 80px;height: 80px;overflow: hidden;margin: 0;display: flex;flex-direction: column;align-items: center;justify-content: center;background: #FFF }.cart-list .item .info-area figure img {max-height: 100% }.cart-list .item .info-area .main {flex: 1;padding-left: 15px }.cart-list .item .info-area .series {color: #999 }.cart-list .item .info-area h5 {color: #333;font-size: 14px;line-height: 20px;margin: 5px 0 }.cart-list .item .info-area .meta {display: flex;flex-direction: row;list-style: none;margin: 0;padding: 0 }.cart-list .item .info-area .meta>li+li {margin-left: 10px }.cart-list .item .info-area .meta>li span {color: #999;border: 1px solid #999;font-size: 12px;padding: 3px 6px }.cart-list .item .price {font-size: 14px;font-weight: 700 }.cart-list .item .func-area {list-style: none;margin: 0;display: flex;flex-direction: row;align-items: center;font-size: 28px;padding: 0;justify-content: flex-end }.cart-list .item .func-area>li+li {margin-left: 15px }.cart-list .item .func-area a {color: #b3b3b3 }.order-list .item {background-color: #f7f7f7;padding: 15px }.order-list .item-top .order-no {color: #333 }.order-list .item-top .status {color: #999 }.order-list .item-product .p-item {margin-top: 15px;color: #333 }.order-list .item-product .p-item figure {width: 80px;height: 80px;overflow: hidden;margin: 0;display: flex;flex-direction: column;align-items: center;justify-content: center;background: #FFF }.order-list .item-product .p-item figure img {max-height: 100% }.order-list .item-product .p-item .main {padding-left: 15px;flex: 1 }.order-list .item-product .p-item .main .series {color: #999 }.order-list .item-product .p-item .main .title {color: #333;margin: 5px 0 }.order-list .item-product .p-item .main .meta {display: flex;flex-direction: row;list-style: none;margin: 0;padding: 0 }.order-list .item-product .p-item .main .meta>li+li {margin-left: 10px }.order-list .item-product .p-item .main .meta>li span {color: #999;border: 1px solid #999;font-size: 12px;padding: 3px 6px;white-space: nowrap;}@media (max-width:468px) {.order-list .item-product .p-item .main {padding-left: 10px;}.order-list .item-product .p-item .main .meta {flex-direction: column;}.order-list .item-product .p-item .main .meta li {margin-left: 10px;margin: 5px 0;}.order-list .item-product .p-item .main .meta>li+li {margin-left: 0px }}.order-list .item-product .p-item .price, .order-list .item-product .p-item .counter {font-family: 'Montserrat Bold', sans-serif }.order-list .item-product .p-item .counter {color: #666 }.order-list .item-bottom {border-top: 1px solid #e6e6e6;padding-top: 15px;margin-top: 15px }.order-list .item-bottom .btn-style+.btn-style {margin-left: 10px }.order-list .item-bottom .btn-white {color: #333 }.order-list .item-bottom .btn-white:hover {color: #FFF }.order-list .item-bottom .total {color: #666 }.order-list .item-bottom .total>span {font-size: 16px;color: #333;font-family: 'Montserrat Bold', sans-serif }.fav-list .item .cover {background-color: #FFF;overflow: hidden;position: relative;margin-bottom: 10px }.fav-list .item .cover a:first-child {display: flex;flex-direction: column;align-items: center;justify-content: center;height: 300px }.fav-list .item .cover img {max-height: 100% }.fav-list .item .del {position: absolute;background-color: rgba(0, 0, 0, 0.2);color: #FFF;width: 30px;height: 30px;right: 15px;top: 15px;font-size: 18px }.fav-list .item .del:hover {background-color: rgba(0, 0, 0, 0.4) }.fav-list .item h5 {font-size: 14px;color: #333 }.fav-list .item h5 a {color: #333 }.fav-list .item h5 a:hover {color: #333 }.fav-list .item .price {color: #333 }.address-list .item {background: #f7f7f7;padding: 15px;border: 1px solid transparent;transition: all .3s }.address-list .item .main {flex: 1 }.address-list .item .main .contact>span+span {margin-left: 10px }.address-list .item .main .contact .default {color: #fff;font-weight: 700;padding: 2px 10px;border-radius: 10px;background-color: #333;}.address-list .item .main .contact .calling {color: #333;font-size: 16px;font-weight: 700 }.address-list .item .main .contact .phone {color: #808080 }.address-list .item .main .contact .btn-set-default {margin-left: 10px;padding: 3px 20px;}.address-list .item .main .contact .btn-style {color: #666;background-color: #eee;border: 1px solid #ccc;}.address-list .item .main .content {color: #666 }.address-list .item .operate {width: 160px;text-align: right }.address-list .item .operate a {color: #b3b3b3;font-size: 24px }.address-list .item .operate a+a {margin-left: 10px }.address-list .item:hover {border-color: #333 }.discount-list .item {background: #f7f7f7;margin-top: 30px;padding: 15px;transition: all .3s }.discount-list .item .item-top h5 {margin: 0;flex: 1;font-size: 16px;font-weight: 700 }.discount-list .item .item-top .status {width: 100px;text-align: right }.discount-list .item .item-top .status.status-not-use {color: #009245 }.discount-list .item .item-top .status.status-expired {color: #ed1c24 }.discount-list .item .item-top .status.status-used {color: #999 }.discount-list .item .content {padding: 15px 0 }.discount-list .item .item-bottom {border-top: 1px solid #e6e6e6;padding-top: 15px }.discount-list .item .item-bottom .btn-style {padding: 5px 30px;background: #FFF;color: #333 }.discount-list .item:hover {background: #FFF }.discount-list .item:hover .btn-style {background: #f2f2f2 }.feedback-list .item {margin-top: 15px;padding: 15px;background: #f7f7f7 }.feedback-list .item .date {color: #808080 }.feedback-list .item .content {color: #666 }.site-msg-list .item {margin-top: 15px;display: flex;flex-direction: row;align-items: center;background: #f7f7f7;padding: 15px;border: 1px solid transparent;transition: all .3s }.site-msg-list .item .main {flex: 1 }.site-msg-list .item .main .date {color: #808080 }.site-msg-list .item .main .content {color: #666;font-size: 16px }.site-msg-list .item .operate {width: 80px;text-align: right;font-size: 18px }.site-msg-list .item .operate a {display: inline-block;padding: 0 15px;color: #b3b3b3 }.site-msg-list .item:hover {border-color: #f58f69 }.site-msg-list .item:hover .main .content {color: #333 }.common-list>.item {background: #f7f7f7;padding: 15px;margin-top: 15px }.common-list>.item .item-top {line-height: 30px }.common-list>.item .item-top .date {color: #b3b3b3;font-family: 'Montserrat Bold', sans-serif }.common-list>.item .item-top .rating {color: #b3b3b3 }.common-list>.item .item-top .rating i {color: #ffc033;font-size: 20px;line-height: 100% }.common-list>.item .item-top .status {color: #b3b3b3 }.common-list>.item .content {padding: 15px 0;color: #333;border-bottom: 1px solid #e6e6e6 }.common-list>.item .item-product {padding-top: 15px }.common-list>.item .item-product .p-item {display: flex;flex-direction: row;align-items: center }.common-list>.item .item-product .p-item figure {margin: 0;width: 80px;height: 80px;overflow: hidden;background: #FFF }.common-list>.item .item-product .p-item figure a {display: flex;flex-direction: column;justify-content: center;align-items: center;height: 100% }.common-list>.item .item-product .p-item figure img {max-height: 100% }.common-list>.item .item-product .p-item .main {flex: 1;padding-left: 15px }.common-list>.item .item-product .p-item .main h5 {font-size: 14px;color: #4d4d4d }.common-list>.item .item-product .p-item .main h5 a {color: #4d4d4d }.common-list>.item .item-product .p-item .main .price {color: #333;font-family: 'Montserrat Bold', sans-serif;font-size: 16px }.common-list>.item .item-bottom {border-top: 1px solid #e6e6e6;padding-top: 15px;margin-top: 15px }.common-list>.item .item-bottom .price {color: #333 }.news-list .item {display: flex;flex-direction: column;position: relative;overflow: hidden;margin-top: 30px }.news-list .item::before {content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.6) 100%);background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.6) 100%);background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.6) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#99000000', GradientType=0) }.news-list .item figure {margin: 0;height: 250px;display: flex;flex-direction: column;align-items: center;justify-content: center;background-color: #FFF }.news-list .item figure img {width: 100%;height: 100%;object-fit: cover;}.news-list .item .main {display: flex;flex-direction: column;justify-content: flex-end;position: absolute;top: 0;bottom: 0;left: 0;right: 0;padding: 15px;color: #FFF }.news-list .item .main .date {font-size: 18px;margin-bottom: 10px;position: relative }.news-list .item .main .date::after {content: '';width: 96px;height: 4px;border-radius: 5px;background: #333;position: absolute;left: 0;top: -10px;opacity: 0;transform: translateY(-10px);transition: all .3s ease-in-out }.news-list .item .main h5 {font-size: 16px }.news-list .item .icon-area {position: absolute;right: 15px;top: 15px;font-size: 24px;color: #FFF;opacity: 0;transition: all .3s }.news-list .item:hover::before {background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.8) 100%);background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.8) 100%);background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.8) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33000000', endColorstr='#cc000000', GradientType=0) }.news-list .item:hover .main .date::after {opacity: 1;transform: translateY(0) }.news-list .item:hover .icon-area {opacity: 1 }.video-list .item {display: flex;flex-direction: column;margin-top: 30px }.video-list .item figure {overflow: hidden;margin: 0;height: 240px;display: flex;flex-direction: column;align-items: center;justify-content: center;background-color: #FFF }.video-list .item figure img {max-height: 100% }.video-list .item h5 {color: #333;font-size: 14px;line-height: 20px;height: 40px;overflow: hidden;margin: 10px 0 0 0;transition: all .3s }.video-list .item:hover h5 {color: #333 }.case-list .item {display: flex;flex-direction: column;margin-top: 30px;overflow: hidden;position: relative }.case-list .item figure {margin: 0;height: 380px;display: flex;flex-direction: column;align-items: center;justify-content: center;background-color: #FFF }.case-list .item figure img {max-height: 100% }.case-list .item .main {display: flex;flex-direction: column;justify-content: flex-end;position: absolute;left: 0;right: 0;top: 0;bottom: 0;padding: 15px;color: #FFF }.case-list .item .main h5 {font-size: 16px }.case-list .item::before {content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.6) 100%);background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.6) 100%);background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.6) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33000000', endColorstr='#99000000', GradientType=0) }.case-list .item .btn-area {display: flex;flex-direction: column;justify-content: center;align-items: center;position: absolute;left: 0;top: 0;right: 0;bottom: 0;opacity: 0;transition: all .3s }.case-list .item .btn-area .btn-style {padding: 10px 60px }.case-list .item:hover::before {background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.8) 100%);background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.8) 100%);background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.8) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000', endColorstr='#cc000000', GradientType=0) }.case-list .item:hover .btn-area {opacity: 1 }.faq-list {list-style: none;margin: 0;padding: 15px }.faq-list>li {line-height: 30px;color: #7a7a7a;font-size: 16px }.faq-list>li+li {margin-top: 15px }.faq-list>li a {color: #7a7a7a;position: relative;padding-left: 30px }.faq-list>li a::before {content: '';position: absolute;left: 0;top: 50%;margin-top: -6px;width: 12px;height: 12px;border: 1px solid #ccc;border-radius: 50%;transform: translateX(0);transition: all .3s }.faq-list>li a:hover {color: #333 }.faq-list>li a:hover::before {transform: translateX(5px);border-color: #333 }.history-list {position: relative }.history-list::before {content: '';position: absolute;width: 60px;height: 100%;left: 0;top: 0;background: #eee;background: -moz-linear-gradient(top, #eee 0, #ccc 50%, #eee 100%);background: -webkit-linear-gradient(top, #eee 0, #ccc 50%, #eee 100%);background: linear-gradient(to bottom, #eee 0, #ccc 50%, #eee 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#eeeeee', GradientType=0) }.history-list .item {padding-left: 100px;margin-bottom: 50px;position: relative }@keyframes twinkling {0% {opacity: 0 }50% {opacity: .2 }100% {opacity: 0 }}.history-list .item::before {content: '';position: absolute;top: 7px;left: 20px;width: 20px;height: 20px;background-color: #333;border-radius: 50% }.history-list .item::after {content: '';position: absolute;top: 0;left: 13px;width: 34px;height: 34px;background-color: #333;opacity: .2;border-radius: 50%;animation: twinkling 1.5s infinite ease-in-out }.history-list .item .title {font-family: 'Montserrat Bold', 'NotoSansSC Bold', sans-serif;font-size: 24px;color: #333;margin-bottom: 20px;position: relative }.history-list .item .title::before {content: '';position: absolute;left: -36px;top: 50%;margin-top: -2px;width: 18px;height: 3px;border-radius: .25em;background: #333 }.history-list .item .content p {line-height: 24px;color: #333;margin-bottom: 0 }.history-list .item .content p span {font-family: 'Montserrat Normal', Arial, Helvetica, 'NotoSansSC Normal', 'Microsoft Yahei', sans-serif !important }@media(max-width:768px) {.history-list::before {display: none }.history-list .item {padding-left: 0 }.history-list .item::after {display: none }.history-list .item::before {display: none }.history-list .item .title::before {display: none }}.honor-list .item {display: flex;flex-direction: column;cursor: pointer;margin-top: 30px }.honor-list .item figure {margin-bottom: 10px;background: #FFF;overflow: hidden;transition: all .3s;height: 300px;padding: 15px 0;display: flex;flex-direction: column;align-items: center;justify-content: center }.honor-list .item figure img {max-height: 100% }.honor-list .item h5 {color: #333;font-size: 14px;text-align: center }.honor-list .item:hover figure {box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.125) }.honor-list .item:hover h5 {color: #333 }.jobs-list {overflow: hidden }.jobs-list .item {border-bottom: 1px solid #e6e6e6 }.jobs-list .item .item-top {background: #FFF;padding: 20px }.jobs-list .item .item-top a {color: #333;font-size: 20px;line-height: 100%;display: flex;flex-direction: row;align-items: center }.jobs-list .item .item-top a .txt {flex: 1 }.jobs-list .item .item-top a .icon-area {width: 30px;text-align: right;font-size: 24px;color: #e6e6e6;transition: all .3s;transform: rotate(90deg);color: #333 }.jobs-list .item .item-top a.collapsed {color: #808080 }.jobs-list .item .item-top a.collapsed .icon-area {color: #808080;transform: rotate(0deg) }.jobs-list .item .content {background: #FFF;padding: 20px }.jobs-list .item .content p {margin: 0;line-height: 24px;font-size: 14px;color: #808080 }.jobs-list .item .content img {max-width: 100% }.jobs-list .item .btn-style {padding: 10px 30px;font-size: 16px;display: inline-flex;flex-direction: row;align-items: center }.jobs-list .item .btn-style i {font-size: 20px;position: relative;margin-top: -5px;margin-bottom: -5px;margin-right: 5px }.sales-network-list .item {display: flex;flex-direction: row;align-items: center;margin-top: 30px;border: 1px solid rgb(236 236 236);background-color: rgb(248 250 251);border-radius: 12px;padding-bottom: 30px;padding: 20px;transition: all .2s ease-in-out;cursor: pointer }.sales-network-list .item:hover {transition: all .2s ease-in-out;}.sales-network-list .item .cover {overflow: hidden;width: 260px;position: relative;display: flex;flex-direction: column;justify-content: center;align-items: center;height: 180px }.sales-network-list .item .cover img {max-height: 100% }.sales-network-list .item .cover::after {content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.8) 100%);background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.8) 100%);background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.8) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d000000', endColorstr='#cc000000', GradientType=0);transition: all .3s }.sales-network-list .item .main {padding-left: 20px;flex: 1 }.sales-network-list .item .main h5 {font-size: 20px;color: #333;margin: 0 }.sales-network-list .item .main ul {list-style: none;margin: 10px 0;padding: 0;color: #333;line-height: 24px }.sales-network-list .item .main ul i {color: #333;font-size: 18px }.sales-network-list .item .main .btn-area .btn {font-size: 14px;padding: 5px 30px }.sales-network-list .item:hover .cover::after {opacity: .5 }.sales-online-list {display: flex;flex-direction: row;align-items: flex-start;justify-content: center }.sales-online-list .item {display: flex;flex-direction: column;text-align: center;padding: 0 15px;width: 160px;align-items: center }.sales-online-list .item figure {margin: 0;width: 100px;height: 100px;display: flex;flex-direction: column;align-items: center;justify-content: center;background: #FFF }.sales-online-list .item figure img {max-height: 100% }.sales-online-list .item h6 {margin-top: 10px;font-size: 14px;color: #666 }.sales-online-list .item:hover h6 {color: #333 }.address-radio-list .item+.item {border-top: 1px dashed #e6e6e6 }.address-radio-list .item .name {font-size: 16px;font-weight: 700;color: #333 }.address-radio-list .item .name>span {font-weight: 400 }.address-radio-list .item .content {color: #666 }.address-radio-list .item .custom-control-input:checked~.custom-control-label::before {border-color: #333;background-color: #333 }.download-list .item {background: #FFF;border-radius: 5px;margin-top: 15px;padding: 15px;transition: all .3s }.download-list .item:hover {box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.125) }.download-list .btn {border-radius: 50em;padding: 5px 20px }.sales-coop-list .item {flex-direction: column;align-items: flex-start;margin-top: 0;height: 100%;}.sales-coop-list .item h5 {color: #333;line-height: 50px;position: relative;font-size: 14px;font-weight: 700;width: 100% }.sales-coop-list .item h5::before {content: '';width: 30px;height: 3px;position: absolute;left: 0;top: 0;background-color: #333 }.sales-coop-list .item .list-item {color: #666;line-height: 26px;width: 100% }.sales-coop-list .item .list-item a {color: #666 }.sn-list .item {margin-bottom: 20px;border: 1px solid #ebeff0;border-radius: 5px;padding: 15px;display: flex;flex-direction: column;color: #333 }.sn-list .item:hover, .sn-list .item.active {border-color: #333;box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.125) }.sn-list h5 {font-size: 16px;line-height: 20px;font-weight: 700;margin: 0 }.sn-list .address {margin-top: 20px;display: flex;flex-direction: row }.sn-list .address .iconfont {line-height: 20px;font-size: 18px;width: 20px;text-align: center }.sn-list .address .con {padding-left: 10px;line-height: 20px }.sn-list .item-bottom {margin-top: 20px;font-size: 12px }@media(max-width:1600px) {.series-list .item .inner .main h5 {font-size: 30px }}@media(max-width:1200px) {.series-list .item {height: auto }.series-list .item .inner {padding: 30px 15px }.series-list .item .inner figure {width: 40%;transform: translateY(0) }.series-list .item .inner .main {padding-right: 0 }.series-list .item .inner .main h5 {font-size: 24px;height: 40px }.series-list .item .inner .main .content {font-size: 16px }.series-list .item .inner .main .btn-area .btn-style {font-size: 14px }.news-list .item figure {height: 200px }.product-list .item figure a {height: 250px }.case-list .item figure {height: 240px }.fav-list .item .cover a:first-child {height: 200px }}@media(max-width:1024px) {.sales-online-list {flex-wrap: wrap }.sales-online-list .item {margin-top: 15px }.news-list .item .main h5 {font-size: 14px }}@media(max-width:991px) {.product-series .row>div:last-child .item .main {padding-right: 15px;padding-left: 0 }.cart-list .item .info-area {border-bottom: 1px solid #e6e6e6;padding-bottom: 15px;margin-bottom: 15px }.cart-list .item .func-area {padding-top: 15px;justify-content: flex-end }.cart-list .item .counter-box-sm {justify-content: flex-end }.cart-list .item .sub-total {text-align: right }.order-list .item-product .p-item figure {width: 60px;height: 60px }.order-list .item-bottom .btn-style {margin-top: 15px }.address-list .item {flex-direction: column;padding: 10px }.address-list .item .main {flex: 0;width: 100% }.address-list .item .operate {width: 100%;text-align: left;margin-top: 5px }.case-list .item figure {height: 220px }.sales-network-list .item .cover {height: 120px }}@media(max-width:768px) {.product-list .item figure a {height: 200px }.product-list .item .meta .btn-add-cart {display: block;margin-top: 10px;width: 100%;height: auto;border-radius: 50em }.sales-network-list .item .cover {width: 120px }.series-list .row>div+div {margin-top: 50px }.series-list .item .inner .main h5 {font-size: 18px }.series-list .item .inner .main .content {font-size: 14px }.download-list .btn {margin-top: 15px }.sn-list .item {padding: 10px }.sn-list .address {margin-top: 10px }.sn-list .item-bottom {margin-top: 10px }}.ie9-lower .ie-top-box {display: block;background: #FFF;padding: 15px;text-align: center;position: relative;z-index: 100;color: #333 }.ie9-lower .ie-top-box .icon {display: inline-block;width: 20px;height: 20px;border-radius: 50%;background: #333;color: #FFF;font-weight: 700;margin-right: 10px }.ie9-lower .product-list .item {opacity: 1 }.ie .footer .footer-payment img {width: 40px;opacity: .3 }.ie .header .burger .icon-burger {position: relative;top: -5px }.ie .page-nav .links>li a {display: block;line-height: 60px }body {font-family: 'Lato', 'LatoLightFont', 'Montserrat Normal', Arial, Helvetica, 'NotoSansSC Normal', 'Microsoft Yahei', sans-serif;font-size: 14px;background-color: #eee;overflow-x: hidden }a {transition: all .3s }a:hover {text-decoration: none }.iconfont {font-size: inherit }.rai-msg {display: inline-block }@media screen and (min-width:992px) {.home-shopping-title h3, .cs-sounds-title h3 {margin-top: 30px;font-size: 40px }.home-shopping-title-t {font-size: 15px }.inputInmsg {width: 240px;height: 30px;margin-left: 20px;text-indent: 20px }.submit {margin: 50px 0;padding: 10px 80px }.materialImg {float: left;width: 80px;height: 80px }.home-shopping-form h5, .HOME_products {margin: 20px 0 50px 0;font-size: 30px }.mask img {width: 60px;height: 60px }.mask {width: 60px;height: 60px }}@media screen and (min-width:448px) and (max-width:992px) {.home-shopping-title h3, .cs-sounds-title h3 {margin-top: 25px;font-size: 30px }.home-shopping-title-t {font-size: 14px }.inputInmsg {width: 220px;height: 25px;margin-left: 10px;text-indent: 10px }.submit {margin: 40px 0;padding: 10px 70px }.materialImg {float: left;width: 60px;height: 60px }.home-shopping-form h5, .HOME_products {margin: 15px 0 40px 0;font-size: 25px }.mask img {width: 45px;height: 45px }.mask {width: 45px;height: 45px }}@media screen and (max-width:448px) {.home-shopping-title h3, .cs-sounds-title h3 {margin-top: 20px;font-size: 25px }.home-shopping-title-t {font-size: 10px }.inputInmsg {width: 200px;height: 25px;margin-left: 0;text-indent: 10px }.submit {margin: 30px 0;padding: 10px 60px }.materialImg {float: left;width: 40px;height: 40px }.home-shopping-form h5, .HOME_products {margin: 10px 0 30px 0;font-size: 20px }.mask img {width: 30px;height: 30px }.mask {width: 30px;height: 30px }}.materialImg {cursor: pointer;border-radius: 6px }.home-shopping-title, .cs-sounds-title h3 {text-align: center;margin: 0;padding: 50px 0 0 0 }.home-shopping {padding: 60px 0;background-color: white }.home-shopping-title h3 {margin: 30px 0 0 0;font-weight: 700 }.home-shopping-title-t {color: #999;margin-top: 5px;text-align: center }.home-shopping-msg {width: fit-content;padding: 0 30px;font-size: 14px;text-align: center;margin: 30px auto 10px;border-radius: 20px;background-color: #333;color: white;cursor: pointer;height: 30px;line-height: 30px }.home-shopping-msg3 i {transform: rotateZ(45deg) }.on {background-color: #0ff;-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg) }.home-shopping-form h5 {overflow: hidden;margin-bottom: 50px }.home-shopping-form ul {list-style: none;margin: 0;padding: 0;display: flex;flex-direction: row;align-items: center;flex-wrap: wrap }.home-shopping-form ul li {margin-right: 18px;display: flex;flex-direction: column;min-width: 165px }.home-shopping-form ul li label {font-size: 14px;height: 40px;min-width: 80px;display: inline-block;text-align: left;color: #666;position: relative;cursor: pointer;transition: all .3s;display: flex;align-items: center }.home-shopping-form ul li input {width: 10px;height: 10px;margin-right: 2px }input[type="checkbox"] {margin-right: 2px;width: 10px;height: 10px;display: inline-block;text-align: center;vertical-align: middle;line-height: .2rem;position: relative;border: 0;outline: 0 }input {outline: 0 }input[type="checkbox"]:checked::before {content: "";position: absolute;top: 10%;left: 10%;height: 80%;width: 80% }input[type="checkbox"]:checked::after {content: "";position: absolute;top: 0;left: 0;height: 100%;background-color: white;background-image: url('/resources/images/material/cheackboxall.svg');width: 100%;background-size: 100% 100%;color: #fff }.inputInmsg {border-radius: 38px;background-color: #ededed;border: 0 }.submit {width: fit-content;font-size: 14px;text-align: center;border-radius: 20px;background-color: #333;color: white;cursor: pointer;outline: 0;border: 0 }.mask {margin: 0 auto;width: 60px;height: 60px }.mask img {margin: 0 auto;display: flex;width: 60px;height: 60px;animation: turn 1s linear infinite }@keyframes turn {0% {-webkit-transform: rotate(0deg) }25% {-webkit-transform: rotate(90deg) }50% {-webkit-transform: rotate(180deg) }75% {-webkit-transform: rotate(270deg) }100% {-webkit-transform: rotate(360deg) }}.oneOff {border-bottom: 1px solid #ccc;padding: 0 0 30px 0 }input:disabled:hover {cursor: not-allowed }.cs-sounds {padding: 0 0 50px 0;background-color: white }.cs-sounds-swiper {position: relative }.cs-sounds-swiper .swiper-button-next, .cs-sounds-swiper .swiper-button-prev {color: #666;transition: all .3s;background: 0;font-size: 70px;display: none;flex-direction: column;align-items: center;justify-content: center;width: 70px;height: 70px;margin-top: -60px }.cs-sounds-swiper-pagination-style, cs-sounds-swiper-button-style {display: none }.cs-sounds-swiper .swiper-slide:nth-child(even) .item figure {order: 2 }.cs-sounds-swiper .swiper-slide:nth-child(even) .item .main {order: 1;padding-right: 15px;padding-left: 0 }.cs-sounds-swiper .swiper-button-next:hover, .cs-sounds-swiper .swiper-button-prev:hover {color: #333 }.cs-sounds-swiper .swiper-button-next {right: -90px }.cs-sounds-swiper .swiper-button-prev {left: -90px }@media(max-width:1024px) {.cs-sounds-swiper .swiper-button-next, .cs-sounds-swiper .swiper-button-prev {display: block;color: #FFF;transition: all .3s;text-shadow: 0 0 10px rgba(0, 0, 0, 0.125);font-size: 50px;width: 50px;height: 50px;margin-top: -50px }.cs-sounds-swiper .swiper-button-next:hover, .cs-sounds-swiper .swiper-button-prev:hover {color: #ccc }.cs-sounds-swiper .swiper-button-next {right: 0 }.cs-sounds-swiper .swiper-button-prev {left: 0 }}.cs-sounds-list-style {position: relative;margin: 50px 0;overflow: hidden }.cs-sounds-list-style img {display: block;width: 100% }.cs-sounds-list-header {position: absolute;bottom: 0;left: 0;position: absolute;width: 100%;bottom: 100px;left: 0;display: flex;justify-content: center;flex-direction: column;color: white;text-align: center }.cs-sounds-list-header h3:nth-child(1) {font-size: 28px;line-height: 26px }.cs-sounds-list-header div:nth-child(2) {padding: 0 20px;min-height: 60px;font-size: 14px;line-height: 14px }.cs-sounds-list-header div:nth-child(3) {margin: 0 auto;background-color: rgba(124, 114, 114, 0.5);border-radius: 40px;font-size: 16px }.cs-sounds-list-header div:nth-child(3) a {display: inline-block;margin: 0 auto;padding: 2px 25px;color: white;border-radius: 40px;font-size: 16px }@media screen and (min-width:992px) {.cs-sounds-list-header {bottom: 50px }.cs-sounds-list-header h3:nth-child(1) {font-size: 28px }.cs-sounds-list-header div:nth-child(2) {margin: 0;font-size: 12px }.cs-sounds-list-header div:nth-child(3) {font-size: 16px }}@media screen and (min-width:448px) and (max-width:992px) {.cs-sounds-list-header {bottom: 70px }.cs-sounds-list-header h3:nth-child(1) {font-size: 25px }.cs-sounds-list-header div:nth-child(2) {margin: 0 0 9px 0;font-size: 20px }.cs-sounds-list-header div:nth-child(3) {font-size: 14px }}@media screen and (max-width:448px) {.cs-sounds-list-header {bottom: 30px }.cs-sounds-list-header h3:nth-child(1) {font-size: 25px }.cs-sounds-list-header div:nth-child(2) {margin: 0 0 8px 0;font-size: 10px }.cs-sounds-list-header div:nth-child(3) {font-size: 12px }}@media screen and (max-width:978px) {.cs-sounds-swiper-pagination-style, .cs-sounds-swiper-button-style {display: block }}.cs-scroll-img {padding: 0 0 50px 0;background-color: white }@media screen and (max-width:978px) {.cs-sounds-swiper-pagination-style, .cs-sounds-swiper-button-style {display: block }}@media screen and (min-width:992px) {.cs-sounds-list-header div:nth-child(2) {margin: 0 0 10px 0;font-size: 14px }.cs-sounds-list-header div:nth-child(3) {font-size: 16px }}@media screen and (min-width:448px) and (max-width:992px) {.cs-sounds-list-header div:nth-child(2) {margin: 0 0 9px 0;font-size: 11px }.cs-sounds-list-header div:nth-child(3) {font-size: 14px }}@media screen and (max-width:448px) {.scroll-img-list-item img {margin: 0 0 0 -250px }}@media screen and (min-width:1920px) {.scroll-img-list-item {background-size: 100% }}.scroll-img-list-item {display: flex;background-repeat: no-repeat;background-position: 50% 50%;align-items: center }.scroll-img-list-item-start {display: flex;align-items: center;justify-content: flex-start }.scroll-img-list-item-end {display: flex;align-items: center;justify-content: flex-end }.scroll-img-list-item-text {color: white }.scroll-img-list-item-text div {max-width: 500px;word-wrap: break-word }.scroll-img-list-item-text div:nth-child(1) {font-size: 28px;line-height: 26px }.scroll-img-list-item-text div:nth-child(2) {font-size: 40px }.scroll-img-list-item-text div:nth-child(3) {font-size: 14px;line-height: 18px }@media(max-width:3900px) {.scroll-img-list-item {height: 980px }}@media(max-width:1900px) {.scroll-img-list-item {height: 980px }}@media(max-width:1600px) {.scroll-img-list-item {height: 980px }}@media(max-width:1200px) {.scroll-img-list-item {height: 980px }}@media(max-width:1024px) {.scroll-img-list-item {height: 980px;background-position: 50% 45% }.scroll-img-list-item-text {width: 500px;margin: 480px 0 0 0 }.scroll-img-list-item-end, .scroll-img-list-item-start {justify-content: center;text-align: center }.scroll-img-list-item-text div:nth-child(1) {font-size: 30px }.scroll-img-list-item-text div:nth-child(2) {font-size: 40px }.scroll-img-list-item-text div:nth-child(3) {font-size: 14px }.scroll-img-list-item-text div:nth-child(1) {font-size: 30px;line-height: 20px }.scroll-img-list-item-text div:nth-child(2) {font-size: 40px }.scroll-img-list-item-text div:nth-child(3) {font-size: 14px }}@media(max-width:991px) {.scroll-img-list-item {height: 890px;background-position: 50% 40% }.scroll-img-list-item-text {width: 458px;margin: 450px 0 0 0 }.scroll-img-list-item-end, .scroll-img-list-item-start {justify-content: center;text-align: center }.scroll-img-list-item-text div:nth-child(1) {font-size: 18px;line-height: 20px }.scroll-img-list-item-text div:nth-child(2) {font-size: 40px }.scroll-img-list-item-text div:nth-child(3) {font-size: 14px }}@media(max-width:768px) {.scroll-img-list-item {height: 850px;background-position: 50% 35% }.scroll-img-list-item-text {width: 368px;margin: 420px 0 0 0 }.scroll-img-list-item-end, .scroll-img-list-item-start {justify-content: center;text-align: center }.scroll-img-list-item-text div:nth-child(1) {font-size: 18px;line-height: 20px }.scroll-img-list-item-text div:nth-child(2) {font-size: 28px }.scroll-img-list-item-text div:nth-child(3) {font-size: 14px }}@media(max-width:612px) {.scroll-img-list-item {height: 800px;background-position: 50% 30% }.scroll-img-list-item-text {width: 348px;margin: 400px 0 0 0 }.scroll-img-list-item-end, .scroll-img-list-item-start {justify-content: center;text-align: center }.scroll-img-list-item-text div:nth-child(1) {font-size: 18px;line-height: 20px }.scroll-img-list-item-text div:nth-child(2) {font-size: 28px }.scroll-img-list-item-text div:nth-child(3) {font-size: 14px }}@media(max-width:488px) {.scroll-img-list-item {height: 750px;background-position: 50% 25% }.scroll-img-list-item-text {width: 328px;margin: 370px 0 0 0 }.scroll-img-list-item-end, .scroll-img-list-item-start {justify-content: center }.scroll-img-list-item-text div:nth-child(1) {font-size: 30px;line-height: 20px }.scroll-img-list-item-text div:nth-child(2) {font-size: 42px }.scroll-img-list-item-text div:nth-child(3) {font-size: 14px }}@media(max-width:375px) {.scroll-img-list-item {height: 700px;background-position: 50% 20% }.scroll-img-list-item-text {width: 258px;margin: 350px 0 0 0 }.scroll-img-list-item-end, .scroll-img-list-item-start {justify-content: center }.scroll-img-list-item-text div:nth-child(1) {font-size: 30px;line-height: 20px }.scroll-img-list-item-text div:nth-child(2) {font-size: 40px }.scroll-img-list-item-text div:nth-child(3) {font-size: 14px }}.cs-awards-a {background-color: white;padding: 0 0 80px 0;overflow: hidden }.cs-awards-title-a {color: #545454;font-size: 40px;text-align: center;letter-spacing: 2.5px;margin: 0 0 50px 0;font-family: 'Lato Light', Arial, Helvetica, sans-serif }.cs-awards-ul {display: flex;flex-direction: row;justify-content: space-between }.cs-awards-li {width: 300px;overflow: hidden;margin-bottom: 50px;background-color: #f8f8f8 }.cs-awards-li div:nth-child(2) {font-size: 18px;padding: 12px 0 0 0 }.cs-awards-li div:nth-child(2) {background-color: white;text-align: center }.cs-awards-li-img {display: flex;justify-content: center;align-items: center;height: 300px;transform: scale(0.7) }.cs-awards-li-img img {height: 80%;transition: all .7s }.cs-awards-bottom-a {display: flex;justify-content: center;align-items: center }.cs-awards-bottom-a a {display: flex;justify-content: center;align-items: center;border: 1px solid #333;padding: 10px 20px;border-radius: 30px;position: relative;overflow: hidden;z-index: 3;color: #333 }.cs-awards-bottom-a a::before {content: '';position: absolute;z-index: -1;top: 0;left: 0;width: 0;height: 100%;color: white;transition: all ease-in-out .4s }.cs-awards-bottom-a a:hover::before {transition: all ease-in-out .4s;width: 100%;color: white;background-color: #333 }.cs-awards-bottom-a a:hover {color: white }.cs-awards-bottom-a a i {font-size: 35px;vertical-align: top;line-height: 100%;margin-left: 60px;margin-top: -5px;margin-bottom: -5px;font-weight: 400 }.cs-sounds-list-header .active_a {position: relative;overflow: hidden;transition: all .7s }.cs-sounds-list-header .active_a .active_a_over {position: absolute;top: 0;width: 0;left: 0;overflow: hidden;height: 100%;transition: all .3s;background-color: #fff }.cs-sounds-list-header .active_a .active_a_over .active_a_over_a {height: 100%;display: inline-block;white-space: nowrap;color: #333 !important }.master-box {position: relative;height: 770px;background-position: center center;background-repeat: no-repeat;background-size: cover;margin-top: 100px }.mynew-home {position: relative;height: 770px;width: 100%;position: relative;overflow: hidden;margin: 100px 0 0 0;background-color: #1a1a1a }.mynew-video-box {position: absolute;left: 0;right: 0;bottom: 0;top: 0;overflow: hidden;z-index: 10 }.mynew-video-box video {width: 240vh;min-width: 100%;min-height: 56.66vw;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%) }.mynew-video-box::before {content: '';position: absolute;left: 0;right: 0;bottom: 0;top: 0;z-index: 1000;background: rgba(0, 0, 0, 0.3) }.mynew-header {position: absolute;left: 0;top: 25%;z-index: 11;width: 100%;text-align: center;color: white }.mynew-header h5:nth-child(1) {font-size: 48px;line-height: 100%;margin: 0;letter-spacing: 2.5px }.mynew-header div:nth-child(2) {font-size: 16px;padding: 10px 20px }.mynew-header div:nth-child(3) {display: flex;justify-content: center;align-items: center;margin: 40px auto 0 }.mynew-header div:nth-child(3) img {display: inline-block;width: 120px;height: 120px }.mynew-header .btn-area {padding: 10px 20px;margin-top: 40px }.mynew-header .btn-area a {border: 1px solid white;color: white }.mynew-header .btn-area a:hover {border: 1px solid white;color: #333;background-color: white }.cs-awards-swiper-pagination-style {display: none !important;}@media(max-width:1600px) {.cs-awards-swiper-pagination-style {display: block !important }.mynew-header h5:nth-child(1) {font-size: 36px }.mynew-header div:nth-child(2) {font-size: 14px;padding: 20px 0 }.mynew-header {top: 30% }.mynew-header .btn-area {margin-top: 30px }.mynew-header div:nth-child(3) {margin: auto auto }}@media(max-width:1200px) {.mynew-header {top: 30% }.mynew-header .btn-area {margin-top: 40px }.mynew-header h5:nth-child(1) {font-size: 24px }.mynew-header div:nth-child(2) {font-size: 14px;padding: 10px 0 }.mynew-header div:nth-child(3) {margin: 25px auto 0 }}@media(max-width:1024px) {.mynew-header .btn-area {margin-top: 40px }}@media(max-width:911px) {.mynew-header .btn-area {margin-top: 40px }#newImgZh {display: none }}@media(max-width:768px) {.mynew-header {top: 33% }.mynew-header .btn-area {margin-top: 30px }.mynew-header h5:nth-child(1) {font-size: 24px }.mynew-header div:nth-child(2) {font-size: 14px;padding: 0;height: 40px }.mynew-header div:nth-child(3) {margin: auto auto }}@media(max-width:448px) {.mynew-header .btn-area {margin-top: 30px }}.videoPosition-video {position: absolute;bottom: 10px;left: 10px;z-index: 100;width: 50px;height: 50px;border-radius: 50px;background-color: rgba(0, 0, 0, 0.8);cursor: pointer;display: none }.videoPosition-video i {width: 50px;height: 50px;font-size: 20px;display: inline-block;line-height: 50px;text-align: center;color: white;color: rgba(255, 255, 255, .8) }.menu-english {display: none !important }.menu-logo {display: block }.btn-func:hover i {color: #333 }.engineering-l {position: relative;height: 100vh;z-index: 60 }.btn-with-arrow-a i {font-size: 35px;vertical-align: top;line-height: 100%;margin-left: 60px;margin-top: -5px;margin-bottom: -5px;font-weight: 400 }.engineering-swiper, .engineering-swiper-slide {height: 100%;position: relative;overflow: hidden;z-index: 1;flex-direction: column;align-items: center;justify-content: center;text-align: center;display: flex }.engineering-swiper-slide-bg {position: absolute;top: 0;left: 0;height: 100%;width: 100%;background-color: rgba(0, 0, 0, 0.5);z-index: 1 }.engineering-swiper-slide-img {width: 240vh;min-width: 100%;min-height: 41.66vw;position: absolute;left: 50%;top: 50%;z-index: -1;background-color: #333;transform: translate(-50%, -50%) }.engineering-swiper-slide-title {font-size: 48px;color: white;z-index: 1 }.engineering-swiper-slide-tip {font-size: 18px;color: white;z-index: 1 }.swiper-engineering-style {position: absolute;left: 0;bottom: 30px;text-align: center;width: 100%;z-index: 2 }.swiper-engineering-style .swiper-pagination-bullet {width: 48px;height: 3px;opacity: 1;background-color: #bcbcbc;border-radius: 5px;margin: 0 4px }.swiper-engineering-style .swiper-pagination-bullet-active {background-color: #333 }.engineering-l .btn-func, .engineering-case .btn-func {background: 0;color: #FFF;font-size: 70px;line-height: 100%;height: 70px;text-align: center;width: 70px }.engineering-case .swiper-button-next, .engineering-case .swiper-button-prev {top: 48% }.engineering-l .btn-func.swiper-button-prev {left: calc(2rem+25px);left: 3rem }.engineering-l .btn-func.swiper-button-next {right: calc(2rem+25px);right: 3rem }.engineering-swiper-slide-morethen a {padding: 5px 15px;margin: 25px 0 15px 0;position: relative;overflow: hidden;z-index: 3;border-radius: 50px;border: 1px solid white;color: white;align-items: center;display: flex;justify-content: center }.engineering-swiper-slide-morethen a:before {content: '';position: absolute;z-index: -1;top: 0;left: 0;width: 0;height: 100%;background-color: white;color: #333;transition: all ease-in-out .4s }.engineering-swiper-slide-morethen a:hover:before {transition: all ease-in-out .4s;color: #333;width: 100% }.engineering-swiper-slide-morethen a:hover span {color: #333 }.engineering-swiper-slide-morethen a:hover i {color: #333 }.engineering-phone {margin: 80px 0 }.engineering-container {overflow: hidden;background-color: white }.eg-container-box {padding: 30px 0 0 0 }.eg-container-title {width: 60%;margin: 60px auto;text-align: center }.eg-container-title div:nth-child(1) {font-size: 48px;margin-bottom: 20px }.eg-container-title div:nth-child(2) {color: #999;font-size: 14px }.eg-container-text {display: flex;flex-direction: row;margin-bottom: 60px }.eg-container-text-left {width: 30%;max-height: 600px }.eg-container-text-left-div {position: fixed;top: 20%;left: 0;width: 30%;z-index: 3;opacity: 0;padding-left: 130px;transition: opacity ease-in-out .4s }.eg-container-text-left-div.active {opacity: 1;width: 30%;transition: opacity ease-in-out .4s }.eg-container-text-left-div.Posiactive {position: static;width: 20%;display: none }.eg-container-text-left-div p:nth-child(1) {font-size: 48px }.eg-container-text-left-div p:nth-child(2) {color: #999;font-size: 14px }.eg-container-text-right {width: 70%;display: flex;flex-direction: column }.eg-container-text-right-fir {position: relative;display: flex;flex-direction: row }.eg-container-text-right-fir div {padding: 20px;width: 50%;opacity: .5;transition: all ease-in-out .4s }.eg-container-text-right-fir div:nth-child(2) {position: absolute;top: 50%;right: 0 }.eg-container-text-right-fir div img {border-radius: 10px;width: 100% }.eg-container-text-right-fir div.active {opacity: 1;transition: all ease-in-out .4s }.eg-phone {display: flex;justify-content: center;flex-direction: column }.eg-phone div {display: flex;justify-content: center }.eg-phone div:nth-child(1) {color: #999;font-size: 24px }.eg-phone div:nth-child(1) i {font-size: 24px }.eg-phone div:nth-child(2) {font-size: 50px }.eg-phone div:nth-child(3) i {font-size: 28px;color: #999;margin: 10px 0 }.eg-bottom-text {display: flex;justify-content: center;flex-wrap: wrap;height: 630px;width: 1300px;overflow-y: scroll;margin: 0 auto;padding: 80px 0;}.eg-bottom-position {position: relative;}.eg-bottom-text-bg {position: absolute;bottom: 0;left: 0;width: 100%;height: 80px;z-index: 100;background: linear-gradient(to top, rgba(238, 238, 238, 1), rgba(238, 238, 238, 0)) }.eg-bottom-text-bg-top {position: absolute;top: 0;left: 0;width: 100%;height: 80px;z-index: 100;background: linear-gradient(to bottom, rgba(238, 238, 238, 1), rgba(238, 238, 238, 0)) }.eg-bottom-text .eg-bottom-text-box {width: calc(50% - 120px);background-color: white;border-radius: 5px;padding: 30px;margin: 15px;box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.04) }@media(max-width:1200px) {.eg-bottom-text {display: inline-block;width: 100%;}.eg-bottom-text .eg-bottom-text-box {width: calc(100% - 30px);background-color: white;border-radius: 5px;padding: 30px;margin: 15px;box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.04) }}.eg-bottom-text-box-top {display: flex;justify-content: space-between;flex-direction: row;align-items: center }.eg-bottom-text-box-top img {width: 60px;height: 60px;border-radius: 30px;overflow: hidden }.eg-bottom-text-box-top div span:nth-child(1) {font-size: 32px }.eg-bottom-text-box-top div span:nth-child(2) {color: #999;font-size: 14px;padding: 0 0 0 5px }.eg-bottom-text-box-bottom {padding: 30px 0 0 0 }.eg-bottom-text-box-bottom p {margin: 0;font-size: 14px;color: #333 }.eg-bottom-text::-webkit-scrollbar {width: 0px;}.eg-bottom-text::-webkit-scrollbar-thumb {background-color: #888;}.eg-bottom-text::-webkit-scrollbar-track {background-color: #f1f1f1;}.eg-bottom-i {display: none;justify-content: center;flex-direction: row;align-items: center }.eg-bottom-i a i {font-size: 50px;color: #333;cursor: pointer;border-radius: 50px;border: 2px solid #333;transition: all .4s ease-in-out }.eg-bottom-i a i:hover {color: white;background-color: #333;transition: all .4s ease-in-out }.eg-container-div p {font-size: 20px;margin: 20px 0 50px 0 }.engineering-case {position: relative;padding: 80px 0;background-color: white }.engineering-case .container-w {width: 100% }.engineering-case .btn-func {background: 0 }.engineering-caseswiper {overflow: hidden;padding: 0 0 110px 0 }.engineering-caseswiper .swiper-wrapper .swiper-slide {transition: all ease-in-out .4s;transform: scale(0.8);opacity: .5;width: 50%;position: relative }.engineering-morethen {padding: 10px 60px;position: absolute;top: calc(50% - 10px);left: calc(50% - 70px);border-radius: 30px;background-color: white;color: #333;transition: all ease-in-out .4s }.engineering-morethen:hover {background-color: #333;color: white;transition: all ease-in-out .4s }.engineering-caseswiper .swiper-wrapper .swiper-slide-active {transition: all ease-in-out .4s;transform: scale(1);opacity: 1;width: 60% }.engineering-caseswiper .swiper-wrapper .engineering-morethen {opacity: 0 }.engineering-caseswiper .swiper-wrapper .swiper-slide-active .engineering-morethen {opacity: 1 }.engineering-caseswiper-img img {max-width: 100%;width: 100%;height: auto;z-index: -1;border-radius: 20px }.engineering-caseswiper-img div {position: absolute;left: 0;bottom: -90px }.engineering-caseswiper-img div p {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;margin: 0 0 5px 0;overflow: hidden;font-size: 20px }.engineering-caseswiper-img div p:nth-child(2) span {padding: 2px 10px;background-color: #333;border-radius: 5px;color: white;font-size: 14px }.engineering-caseswiper-a {padding: 20px 0;width: 100%;display: flex;justify-content: center;flex-direction: row;align-items: center }.engineering-caseswiper-a a {display: flex;align-items: center;padding: 10px 20px;border: 1px solid #333;border-radius: 30px;cursor: pointer;position: relative;overflow: hidden;z-index: 10 }.engineering-caseswiper-a a:before {content: '';position: absolute;z-index: -1;top: 0;left: 0;width: 0;height: 100%;background-color: #333;transition: all ease-in-out .4s }.engineering-caseswiper-a a span, .engineering-caseswiper-a a i {transition: all ease-in-out .4s;color: #333 }.engineering-caseswiper-a a:hover:before {transition: all ease-in-out .4s;color: white;width: 100% }.engineering-caseswiper-a a:hover span, .engineering-caseswiper-a a:hover i {transition: all ease-in-out .4s;color: white }.engineering-case-title {margin: 0 0 60px 0 }.engineering-case-title div {text-align: center }.engineering-case-title div:nth-child(1) {font-size: 48px }.engineering-case-title div:nth-child(2) {color: #999 }.engineering-botttom {position: relative;margin: 80px auto }.engineering-botttom .btn-func {background: 0 }.engineering-botttom .btn-func.swiper-button-prev {left: calc(2rem+25px);left: 1rem }.engineering-botttom .btn-func.swiper-button-next {right: calc(2rem+25px);right: 1rem }.engineering-botttomswiper {overflow: hidden }.engineering-botttom-size {width: 80% }.engineering-botttom-box {background-color: white }.engineering-botttom-box figure {padding: 15px;position: relative;margin: 0 }.engineering-botttom-box figure a {height: 300px }.engineering-botttom-box figure a img {max-height: 300px }.engineering-botttom-box a {display: flex;flex-direction: column;align-items: center;justify-content: center;position: relative }.engineering-botttom-box a img {vertical-align: middle;max-width: 100%;height: auto }.engineering-botttom-box a .popup {transition: all .3s;display: flex;flex-direction: row;align-items: center;justify-content: center;position: absolute;left: 0;right: 0;top: 0;bottom: 0;opacity: 0 }.engineering-botttom-box a .popup:hover, .engineering-botttom-box a:hover .popup {opacity: 1 }.engineering-botttom-box h5 {color: #333;font-size: 16px;padding: 15px 0;text-indent: 15px;line-height: 24px;border-bottom: 1px solid #eee }.engineering-botttom-box a .popup .btn {padding: 10px 20px;font-size: 14px }.engineering-botttom-box .meta {display: flex;flex-direction: row;align-items: center;justify-content: center;padding: 0 15px 15px;margin-top: 15px;overflow: hidden }.engineering-botttom-box .meta .price {font-size: 16px;font-family: 'Lato Bold', 'Montserrat Normal', sans-serif }.engineering-botttom-box .meta .btn-add-cart {font-size: 20px;width: 44px;height: 44px;border-radius: 50%;display: inline-flex;align-items: center;justify-content: center;line-height: 100% }.engineering-botttom-box h5 a {color: #333;display: flex;justify-content: flex-start;flex-direction: row;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1 }.engineering-botttom-title {margin: 60px 0 }.engineering-botttom-title div {text-align: center }.engineering-botttom-title div:nth-child(1) {font-size: 48px }.engineering-botttom-title div:nth-child(2) {color: #999 }@media(max-width:1600px) {.engineering-l .btn-func.swiper-button-prev {left: 3rem }.engineering-l .btn-func.swiper-button-next {right: 3rem }.engineering-swiper-slide-title {font-size: 36px;color: white }.eg-container-title div:nth-child(1) {font-size: 36px }.eg-container-text-left-div p:nth-child(1) {font-size: 36px }.engineering-botttom-title div:nth-child(1) {font-size: 38px }.engineering-swiper-slide-tip {font-size: 16px;color: white }}@media(max-width:1300px) {.eg-bottom-text .eg-bottom-text-box {}}@media(max-width:991px) {.engineering-case .btn-func {font-size: 50px;width: 40px;height: 40px }.engineering-l {height: 660px;}.eg-bottom-text .eg-bottom-text-box {margin: 15px 0;width: 100%;}.eg-container-text-left {display: none }.eg-container-text-right {width: 100% }.eg-container-title {width: 80% }.engineering-caseswiper-img div p:nth-child(2) span {font-size: 14px }}@media(max-width:768px) {.engineering-l .btn-func.swiper-button-prev {left: 1rem }.engineering-l .btn-func.swiper-button-next {right: 1rem }.swiper-engineering-style .swiper-pagination-bullet {width: 30px }.engineering-l .btn-func, .engineering-case .btn-func {font-size: 40px;width: 40px;height: 40px }.engineering-swiper-slide-title {font-size: 26px;color: white }.eg-container-title div:nth-child(1) {font-size: 26px;margin-bottom: 0 }.eg-container-text-left-div p:nth-child(1) {font-size: 26px }.engineering-botttom-title div:nth-child(1) {font-size: 26px }.engineering-case-title div:nth-child(1) {font-size: 26px }.engineering-swiper-slide-tip {font-size: 14px;color: white }.btn-with-arrow-a {font-size: 14px }}@media(max-width:678px) {.eg-container-text-right {margin-bottom: 300px;display: flex;flex-direction: column }.eg-container-text-right-fir div {padding: 0;width: 100%;margin: 0 auto;margin-bottom: 30px }.eg-container-div p {text-align: center;margin: 20px }.eg-container-text-right-fir {position: static;display: flex;flex-direction: column }.eg-container-text-right-fir div:nth-child(2) {position: static }.eg-container-text-right {margin-bottom: 95px }.eg-container-title {width: 100% }.engineering-case .swiper-button-next, .engineering-case .swiper-button-prev {top: 46% }.eg-container-text {margin-bottom: 0 }}.table-responsive table {word-break: break-all }.video-logo {display: block;}@media (max-width:468px) {.video-logo {display: none;}.video-english {display: block;}}.Edit_address {display: none;}.addtional .member-form-options .member-form-optionsli2 {display: block;}@media (max-width:468px) {.addtional .member-form-options .member-form-optionsli2 {display: none;}}.common_display {display: none !important;}#fourth-cate {align-items: center;}.download-search-box {display: flex;align-items: center;}.download-input {padding: 10px 30px 10px 10px;width: 220px;background-color: #eee;border-radius: 5px;border: none;outline: none;}@media screen and (max-width:768px) {.download-input {width: 100%;}}.download-search-box i {margin: 10px 0;margin-left: -30px;font-size: 24px;cursor: pointer;}.detail-video-open {position: relative;}.detail-video-open .item {opacity: 1 !important;}.detail-video-open a {position: absolute;top: calc(50% - 25px);left: calc(50% - 25px);width: 50px;height: 50px;display: flex;justify-content: center;align-items: center;background: #FFF;border-radius: 50em;color: #333;}.detail-video-open:hover a {color: #FFF;background: #4f4f4f;}.detail-video-open-darp:before {position: absolute;top: 0;left: 0;width: 100%;height: 100%;content: "";background-color: rgba(0, 0, 0, .2);}.detail-video-open-darp:hover:before {background-color: rgba(0, 0, 0, .5);}.detail-video-open a i {font-size: 70px;}@media (max-width:992px) {.detail-video-open a {position: absolute;top: calc(50% - 10px);left: calc(50% - 10px);width: 20px;height: 20px;display: flex;justify-content: center;align-items: center;background: #FFF;border-radius: 50em;color: #333;}.detail-video-open a i {font-size: 30px;}}.date-content-color {color: #E61914 !important;}.footer-copyright span:nth-child(3) {display: inline-block;}.footer-copyright span:nth-child(3) img {object-fit: cover;width: 14px;height: 14px;margin-bottom: 3px;}#new-dropdown-toggle {width: 100%;text-align: left;display: flex;justify-content: space-between;align-items: center;}.zh_sapn {font-family: none;}.product-download {color: #333;}.product-download a {color: #333;text-decoration: underline }.product-download a:hover {color: #121212;}@media (max-width:1700px) {.header-menu>li {padding: 0 3px;}.header-menu>li>a {padding: 10px 10px;}}@media (max-width:1570px) {.header-menu>li {padding: 0 1px;margin-bottom: -5px }.header-menu>li>a {padding: 10px 5px;}}.page-tools-v2 .item-tip-contact {position: relative;}.item-tip-contact-box {position: absolute;left: -150%;top: 0;width: 150%;height: 100%;overflow: hidden;}.item-tip-contact-title {display: flex;justify-content: center;align-items: center;margin-left: 100%;width: 100%;height: 100%;transition: all .3s;}.page-tools-v2 .item-tip-contact:hover>.item-tip-contact-box .item-tip-contact-title {margin-left: 0;width: 100%;transition: all .3s;}.item-tip-contact-title-t {display: flex;justify-content: center;width: 100%;background: #333333e6;padding: 5px 0;color: white;border-top-left-radius: 30px;border-bottom-left-radius: 30px;}@media (max-width:600px) {.page-tools-v2 .item-tip-contact .item-tip-contact-box .item-tip-contact-title {margin-left: 0;width: 100%;transition: all .3s;}}