body {
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
}

font:not([color]) {
    color: inherit !important;
}

*:focus {
    outline: 0;
}
.mbx{
      padding: 15px 0px;
    background: #f2f2f2;  
}
.m20{
    margin-top:20px;
}
.swiper-container1{
    position:relative;
}
.swiper-container2{
    position:relative;
}
.swiper-container3{
    position:relative;
}
.swiper-container4{
     position:relative;
}
.page-box .stop-scroll {
    height: 100vh;
    overflow: hidden;
}

.page-box textarea {
    resize: none;
}

.page-box img {
    border: 0;
    display: block;
}

.page-box .mod-detail img {
    display: inline-block;
}

.page-box * {
    padding: 0;
    margin: 0;
    list-style: none;
}

.page-box a {
    cursor: pointer;
    text-decoration: none;
}

.page-box .mod .mod-content {
    clear: both;
}

.page-box h1 {
    margin: 0;
    padding: 0;
    font-size: inherit;
    font-family: inherit;
}

.page-box h2 {
    margin: 0;
    padding: 0;
    font-size: inherit;
    font-family: inherit;
}

.page-box .search-notfound {
    font-size: 14px;
    line-height: 25px;
    text-align: center;
    padding: 50px;
    color: #666;
}

.page-box button {
    cursor: pointer;
    padding: 0;
    margin: 0;
    border: 0;
    background: transparent;
}

.page-box button:disabled {
    background: #f9f9f9 !important;
    color: #999 !important;
    cursor: not-allowed !important;
    border-color: transparent !important;
}

.page-box button:hover {
    opacity: .85;
}

.page-box input[type="text"],
.page-box input[type="password"],
.page-box input[type="email"],
.page-box textarea {
    -webkit-appearance: none;
    font-family: inherit;
}

.page-box .flag {
    background-size: cover;
    overflow: hidden;
    margin: 7px 0 0 2px;
    float: left;
    width: 20px;
    height: 12px;
}

.page-box .language-show-type-line .flag {
    line-height: 22px;
    width: 20px;
    margin: 2px 3px 0 5px;
    height: 12px;
}

.page-box .flag-cn {
    background-image: url(../images/cn.png);
}

.page-box .flag-en {
    background-image: url(../images/en.png);
}

.page-box .flag-fr {
    background-image: url(../images/fr.png);
}

.page-box .flag-ja {
    background-image: url(../images/ja.png);
}

.page-box .flag-ko {
    background-image: url(../images/ko.png);
}

.page-box .flag-tw {
    background-image: url(../images/tw.png);
}

.page-box .flag-ar {
    background-image: url(../images/ar.png);
}

.page-box .flag-de {
    background-image: url(../images/de.png);
}

.page-box .flag-es {
    background-image: url(../images/es.png);
}

.page-box .flag-it {
    background-image: url(../images/it.png);
}

.page-box .flag-ps {
    background-image: url(../images/ps.png);
}

.page-box .flag-po {
    background-image: url(../images/po.png);
}

.page-box .flag-tk {
    background-image: url(../images/tk.png);
}

.page-box .flag-in {
    background-image: url(../images/in.png);
}

.page-box .flag-cs {
    background-image: url(../images/cs.png);
}

.page-box .flag-pl {
    background-image: url(../images/pl.png);
}

.page-box .flag-th {
    background-image: url(../images/th.png);
}

.page-box .flag-vn {
    background-image: url(../images/vn.png);
}

.page-box .mod-slide01 .slide-body .show a {
    display: block;
}

@media(min-width:769px) {
    .page-box .mod-productdetail01 .desc-card .desc-card-titles {
        overflow: hidden;
        display: flex;
        flex-wrap: wrap;
    }

    .page-box .mod-productdetail01 .desc-card .desc-card-titles .desc-card-title.on a {
        font-weight: 600;
    }

    .page-box .mod-productdetail01 .desc-card .desc-card-titles .desc-card-title a {
        display: block;
    }

    .page-box .mod-productdetail01 .desc-card .desc-card-contents .hide {
        display: none;
    }

    .page-box .mod-nav01 .nav-tabs .hover .nav-dropdown {
        display: block;
    }
}

@media(max-width:768px) {
    .page-box .mod-productdetail01 .desc-card .desc-card-titles {
        display: none;
    }

    .page-box .mod-productdetail01 .desc-card-content.hide {
        display: block;
    }
}

.page-box .editer-model-width-1-1 {
    width: 50%;
}

.page-box .editer-model-width-1-2 {
    width: 33.3%;
}

.page-box .editer-model-width-2-1 {
    width: 66.6%;
}

.page-box .editer-model-width-1-3 {
    width: 25%;
}

.page-box .editer-model-width-3-1 {
    width: 75%;
}

.page-box .editer-model-width-2-3 {
    width: 40%;
}

.page-box .editer-model-width-3-2 {
    width: 60%;
}

.page-box .editer-model-width-1-4 {
    width: 20%;
}

.page-box .editer-model-width-4-1 {
    width: 80%;
}

.page-box .editer-model {
    font-family: "Microsoft Yahei";
    font-size: 13px;
    margin-top: 10px;
    background-color: #f0f1f3;
    border: solid 1px #dcdde2;
    color: #444;
}

.page-box .editer-model p {
    line-height: 18px;
    padding: 0;
    margin: 0;
}

.page-box .editer-model-1 {
    width: 100%;
    overflow: hidden;
}

.page-box .editer-model-1 .editer-model-1-img {
    float: left;
    padding: 10px;
    box-sizing: border-box;
}

.page-box .editer-model-1 .editer-model-1-txt {
    float: right;
    padding: 10px;
    box-sizing: border-box;
}

.page-box .editer-model-1 .editer-model-1-sub-title {
    font-size: 16px;
    padding-bottom: 10px;
}

.page-box .editer-model-2 {
    width: 100%;
    overflow: hidden;
}

.page-box .editer-model-2 .editer-model-2-img {
    float: right;
    padding: 10px;
    box-sizing: border-box;
}

.page-box .editer-model-2 .editer-model-2-txt {
    float: left;
    padding: 10px;
    box-sizing: border-box;
}

.page-box .editer-model-2 .editer-model-2-main-title {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    padding: 10px 10px 0 10px;
}

.page-box .editer-model-2 .editer-model-2-sub-title {
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 10px;
}

.page-box .editer-model-2 .editer-model-3-main-title {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    padding: 10px 10px 0 10px;
}

.page-box .editer-model-2 .editer-model-3-txt {
    padding: 10px;
}

.page-box .editer-model-4 {
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    border: 0;
    background: none;
}

.page-box .editer-model-4 .editer-model-4-card-title {
    padding: 10px;
    box-sizing: border-box;
    border: solid 1px #ddd;
    border-bottom: 0;
    display: inline-block;
}

.page-box .editer-model-4 .editer-model-4-card-title-on {
    background-color: #ddd;
}

.page-box .editer-model-4 .editer-model-4-card-content {
    padding: 10px;
    box-sizing: border-box;
    border: solid 1px #ddd;
    margin-bottom: 10px;
}

.page-box .mod-sendinquiry01 .sendinquiry-list+.sendinquiry-main {
    margin-top: 30px;
}

.page-box .mod-sendinquiry01 .sendinquiry-items {
    overflow: hidden;
    border: 1px solid #e5e5e5;
    max-height: 300px;
    overflow-y: auto;
    background: #fff;
}

.page-box .mod-sendinquiry01 .sendinquiry-item {
    padding: 15px;
    display: flex;
    justify-content: space-between;
}

.page-box .mod-sendinquiry01 .sendinquiry-item:nth-of-type(2n) {
    background: #f5f5f5;
}

.page-box .mod-sendinquiry01 .sendinquiry-proimg {
    width: 100px;
    border: 1px solid #e5e5e5;
    overflow: hidden;
    height: 100px;
}

.page-box .mod-sendinquiry01 .sendinquiry-proimg img {
    width: 100%;
}

.page-box .mod-sendinquiry01 .sendinquiry-proinfo {
    width: calc(100% - 110px);
}

.page-box .mod-sendinquiry01 .sendinquiry-proinfo ul {
    font-size: 13px;
    color: #333;
    line-height: 20px;
}

.page-box .mod-sendinquiry01 .sendinquiry-proinfo a {
    font-size: 15px;
    color: #111;
    display: block;
    line-height: 30px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: pre;
}

.page-box .mod-sendinquiry01 .sendinquiry-proinfo a:hover {
    text-decoration: underline;
}

.page-box .mod-productdetail01 .vip-tips {
    padding: 130px 50px;
    background: #f2f2f2;
    text-align: center;
    font-size: 14px;
    color: #333;
    line-height: 25px;
}

.page-box .mod-productdetail01 .vip-tips a,
.page-box .mod-productdetail01 .vip-tips .join-link,
.page-box .mod-productdetail01 .vip-tips .login-link {
    color: #ff6700;
    margin: 0 5px;
    cursor: pointer;
}

.page-box .mod-productdetail01 .vip-tips a:hover,
.page-box .mod-productdetail01 .vip-tips .join-link:hover,
.page-box .mod-productdetail01 .vip-tips .login-link:hover {
    text-decoration: underline;
}

.page-box .mod-productdetail01 .pro-name {
    font-weight: 600;
    font-size: 15px;
}

.page-box .mod-productdetail01 .img-page .page.video {
    position: relative;
}

.page-box .mod-productdetail01 .img-page .page.video:before {
    position: absolute;
    content: ' ';
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .3);
}

.page-box .mod-productdetail01 .img-page .page.video:after {
    font: normal normal normal 20px/1 FontAwesome;
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    color: #eee;
    transform: translate(-50%, -50%);
}

.simditor .simditor-body a {
    color: inherit;
    text-decoration: none;
    word-break: break-all;
}

.simditor .simditor-body a:visited,
.simditor .simditor-body a:hover,
.simditor .simditor-body a:active {
    color: inherit;
}

.simditor .simditor-body a:visited:hover,
.simditor .simditor-body a:hover:hover,
.simditor .simditor-body a:active:hover {
    outline: 0;
}

.simditor .simditor-body blockquote {
    border-left: 6px solid #ddd;
    padding: 5px 0 5px 10px;
    margin: 15px 0 15px 15px;
}

.simditor .simditor-body blockquote:first-child {
    margin-top: 0;
}

.simditor .simditor-body code {
    display: inline-block;
    padding: 0 4px;
    margin: 0 5px;
    background: #eee;
    border-radius: 3px;
    font-size: 13px;
    word-break: break-all;
    word-wrap: break-word;
}

.simditor .simditor-body pre {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    word-wrap: break-word !important;
    white-space: pre-wrap !important;
    padding: 10px 5px 10px 10px;
    margin: 15px 0;
    display: block;
    line-height: 18px;
    background: #f0f0f0;
    border-radius: 3px;
    font-size: 13px;
    white-space: pre;
    word-wrap: normal;
    overflow-x: auto;
}

.simditor .simditor-body pre code {
    display: block;
    padding: 0;
    margin: 0;
    background: none;
    border-radius: 0;
}

.simditor .simditor-body hr {
    display: block;
    height: 0;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 15px 0;
    padding: 0;
}

.simditor .simditor-body .table-editor {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

.simditor .simditor-body .table-editor thead {
    background-color: #f9f9f9;
}

.simditor .simditor-body .table-editor td,
.simditor .simditor-body .table-editor th {
    min-width: 40px;
    border: 1px solid #ccc;
    padding: 4px;
    box-sizing: border-box;
    line-height: 25px;
}

.simditor .simditor-body .table-editor td .active,
.simditor .simditor-body .table-editor th .active {
    background-color: #ffe;
}

.simditor .simditor-body .table-editor img {
    margin: 0 5px;
    vertical-align: middle;
}

.main {
    margin: auto;
    padding: auto;
}

.layout {
    clear: both;
}

.layout-bg {
    margin: auto;
    width: 1000px;
    height: auto;
    overflow: hidden;
}

.layout-sys2 .left {
    width: 230px;
    float: left;
}

.layout-sys2 .right {
    width: 770px;
    float: right;
}

.layout-sys3 .left {
    width: 230px;
    float: left;
}

.layout-sys3 .center {
    width: 540px;
    float: left;
}

.layout-sys3 .right {
    width: 230px;
    float: right;
}

.layout-sys4 .left {
    width: 250px;
    float: left;
}

.layout-sys4 .centerleft {
    width: 250px;
    float: left;
}

.layout-sys4 .centerright {
    width: 250px;
    float: left;
}

.layout-sys4 .right {
    width: 250px;
    float: right;
}

.layout-sys4-1 .left {
    width: 230px;
    float: left;
}

.layout-sys4-1 .right {
    width: 770px;
    float: right;
}

.layout-sys4-1 .right .right-top {
    width: 770px;
}

.layout-sys4-1 .right .right-bottom {
    width: 770px;
}

.layout-sys4-1 .right .right-bottom-left {
    width: 385px;
    float: left;
}

.layout-sys4-1 .right .right-bottom-right {
    width: 385px;
    float: right;
}

.layout-sys4-2 .left {
    width: 230px;
    float: left;
}

.layout-sys4-2 .right {
    width: 770px;
    float: right;
}

.layout-sys4-1 .right .right-top {
    width: 770px;
}

.layout-sys4-1 .right .right-bottom {
    width: 770px;
}

.layout-sys4-2 .right .right-top-left {
    width: 385px;
    float: left;
}

.layout-sys4-2 .right .right-top-right {
    width: 385px;
    float: right;
}

.layout-sys4-3 .left {
    width: 770px;
    float: left;
}

.layout-sys4-1 .left .left-top {
    width: 770px;
}

.layout-sys4-1 .left .left-bottom {
    width: 770px;
}

.layout-sys4-3 .left .left-top-left {
    float: left;
    width: 385px;
}

.layout-sys4-3 .left .left-top-right {
    float: right;
    width: 385px;
}

.layout-sys4-3 .right {
    width: 230px;
    float: right;
}

.layout-sys4-4 .left {
    width: 770px;
    float: left;
}

.layout-sys4-1 .left .left-top {
    width: 770px;
}

.layout-sys4-1 .left .left-bottom {
    width: 770px;
}

.layout-sys4-4 .left .left-bottom-left {
    float: left;
    width: 385px;
}

.layout-sys4-4 .left .left-bottom-right {
    float: right;
    width: 385px;
}

.layout-sys4-4 .right {
    width: 230px;
    float: right;
}

@font-face {
    font-family: 'swiper-icons';
    src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');
    font-weight: 400;
    font-style: normal;
}

:root {
    --swiper-theme-color: #007aff;
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}

.swiper-container-vertical>.swiper-wrapper {
    flex-direction: column;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0, 0, 0);
}

.swiper-container-multirow>.swiper-wrapper {
    flex-wrap: wrap;
}

.swiper-container-multirow-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column;
}

.swiper-container-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto;
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
}

.swiper-slide-invisible-blank {
    visibility: hidden;
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height;
}

.swiper-container-3d {
    perspective: 1200px;
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
    transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}

.swiper-container-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none;
}

.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start;
}

.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory;
}

.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
    scroll-snap-type: y mandatory;
}

:root {
    --swiper-navigation-size: 44px;
}

.swiper-button-prev,
.swiper-button-next {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/44*27);
    height: var(--swiper-navigation-size);
    margin-top: calc(-1*var(--swiper-navigation-size)/2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none;
}

.swiper-button-prev:after,
.swiper-button-next:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto;
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
    content: 'prev';
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    right: 10px;
    left: auto;
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
    content: 'next';
}

.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
    --swiper-navigation-color: #fff;
}

.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
    --swiper-navigation-color: #000;
}

.swiper-button-lock {
    display: none;
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: 300ms opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
}

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 10px;
    left: 0;
    width: 100%;
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33);
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2;
}

button.swiper-pagination-bullet {
    border: 0;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0, -50%, 0);
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block;
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: 200ms transform, 200ms top;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms transform, 200ms left;
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms transform, 200ms right;
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top;
}

.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0;
}

.swiper-container-vertical>.swiper-pagination-progressbar,
.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0;
}

.swiper-pagination-white {
    --swiper-pagination-color: #fff;
}

.swiper-pagination-black {
    --swiper-pagination-color: #000;
}

.swiper-pagination-lock {
    display: none;
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1);
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%;
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%;
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0;
}

.swiper-scrollbar-cursor-drag {
    cursor: move;
}

.swiper-scrollbar-lock {
    display: none;
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.swiper-zoom-container>img,
.swiper-zoom-container>svg,
.swiper-zoom-container>canvas {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.swiper-slide-zoomed {
    cursor: move;
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    animation: swiper-preloader-spin 1s infinite linear;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent;
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg);
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-container-cube {
    overflow: visible;
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next+.swiper-slide {
    pointer-events: auto;
    visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0;
}

.swiper-container-flip {
    overflow: visible;
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

:root {
    --main: #4f86bf;
    --deputy: #333;
    --width: 1600px;
}

.layout {
    /* overflow: hidden; */
}

.layout-bg {
    box-sizing: border-box;
    width: var(--width);
    max-width: 100%;
    margin: auto;
    overflow: visible;
}

.clear {
    display: none;
}

.page-layout .mod {
    display: none !important;
}

.page-layout .layout {
    position: static !important;
}

.page-layout .layout-bg {
    flex-direction: inherit !important;
    align-items: inherit !important;
}

.main {
    position: relative;
}

.page-body .main {
    position: static !important;
}

.page-layout .left .left-bottom-bg {
    display: block;
    padding: inherit !important;
}

.page-layout .layout-foot .left .left-bottom-right {
    padding: inherit !important;
}

.layout-sys2 .left,
.layout-sys2 .right,
.layout-sys3 .left,
.layout-sys3 .center,
.layout-sys3 .right,
.layout-sys4 .left,
.layout-sys4 .centerleft,
.layout-sys4 .centerright,
.layout-sys4 .right,
.layout-sys4-1 .left,
.layout-sys4-1 .right,
.layout-sys4-1 .right .right-top,
.layout-sys4-1 .right .right-bottom,
.layout-sys4-1 .right .right-bottom-left,
.layout-sys4-1 .right .right-bottom-right,
.layout-sys4-2 .left,
.layout-sys4-2 .right,
.layout-sys4-1 .right .right-top,
.layout-sys4-1 .right .right-bottom,
.layout-sys4-2 .right .right-top-left,
.layout-sys4-2 .right .right-top-right,
.layout-sys4-3 .left,
.layout-sys4-1 .left .left-top,
.layout-sys4-1 .left .left-bottom,
.layout-sys4-3 .left .left-top-left,
.layout-sys4-3 .left .left-top-right,
.layout-sys4-3 .right,
.layout-sys4-4 .left,
.layout-sys4-1 .left .left-top,
.layout-sys4-1 .left .left-bottom,
.layout-sys4-4 .left .left-bottom-left,
.layout-sys4-4 .left .left-bottom-right,
.layout-sys4-4 .right {
    width: auto;
}

input[type="text"],
input[type="password"],
input[type="email"],
textarea {
    -webkit-appearance: none;
    font-family: inherit;
}

input:focus {
    outline: none;
}

textarea:focus {
    outline: none;
}

.mod h1,
.mod h2,
.mod h3,
.mod h4 {
    font-size: inherit;
    font-weight: inherit;
}

.mod-content .content-bg {
    overflow: hidden;
}

button:hover {
    opacity: 1 !important;
}

.mod a {
    display: inline-block;
    color: #333;
    transition: All 0.3s ease-in-out;
}

.mod {
    color: #333;
    font-size: 1.2rem;
    line-height: calc(0.25vw + 20px);
    font-family: 'Poppins', 'Arial', sans-serif;
    font-weight: 400;
}

.mod .mod-title {
    /* overflow: hidden; */
    font-weight: inherit;
}

.mod .title-bg {
    overflow: hidden;
}

.mod .title-right {
    font-weight: inherit;
}

.mod a {
    color: #333;
}

.mod-color .mod-content img {
    display: block;
    max-width: 100%;
    margin: auto;
    transition: All 0.3s ease-in-out;
}

*:disabled {
    cursor: not-allowed !important;
}

.disabled {
    cursor: not-allowed !important;
}

*:before,
*:after {
    transition: All 0.3s ease-in-out;
}

.layout-page {
    padding: calc(2% + 20px) 0;
}

.layout-page .left {
    width: calc(77.5% - 1vw - 10px);
}

.layout-page .right {
    width: 22.5%;
}

.layout-page .mod-color+.mod-color {
    margin-top: calc(1vw + 20px);
}

.layout-page .mod-color .mod-title {
    padding-bottom: calc(0.5vw + 10px);
}

.layout-page .mod-color .title-left {
    font-size: calc(0.3vw + 16px);
    line-height: calc(0.35vw + 20px);
    color: #000;
    font-weight: 600;
}

.layout-pagecontact {
    padding: calc(2% + 20px) 0;
}

.layout-pagecontact .layout-bg {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: start;
}

.layout-pagecontact .left,
.layout-pagecontact .right {
    width: calc(50% - 1vw - 10px);
}

.layout-pagecontact .mod-color .mod-title {
    padding-bottom: calc(0.5vw + 10px);
}

.layout-pagecontact .mod-color .title-left {
    font-size: calc(0.3vw + 16px);
    line-height: calc(0.35vw + 20px);
    color: #000;
    font-weight: 600;
}

.layout-top {
    background: var(--main);
    overflow: visible;
}

.layout-top .layout-bg {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}

.layout-nav {
    transition: All 0.3s ease-in-out;
    overflow: visible;
    position: sticky;
    top: 0;
    z-index: 11;
    background: #fff;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}

.layout-nav .layout-bg {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.layout-quote {
    padding: calc(2% + 20px) 0;
    background: url(../images/quote-bg.jpg) center/cover fixed no-repeat;
}
.layout-quote1{
    background: #ffffff;
}
.layout-quote .layout-bg {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}

.layout-foot {
    padding: calc(2% + 20px) 0 10px;
    background: #4f86bf;
}

.layout-foot .layout-bg {
    display: flex;
    align-items: start;
    flex-wrap: wrap;
    justify-content: space-between;
}

.layout-share {
    padding: 10px 0 calc(2% + 20px);
    background: #4f86bf;
}

.layout-share .layout-bg {
    display: flex;
    align-items: start;
    flex-wrap: wrap;
    justify-content: space-between;
}

.layout-howFive {
    padding: calc(2% + 20px) 0;
}

.layout-howFive .layout-bg {
    display: flex;
    align-items: start;
    flex-wrap: wrap;
    justify-content: space-between;
}

.layout-sampleFour {
    padding: calc(2% + 20px) 0;
    background: url(../images/sampleFour-bg.jpg) top center no-repeat;
}

.layout-sampleFour .layout-bg {
    display: flex;
    align-items: start;
    flex-wrap: wrap;
    justify-content: space-between;
}

.layout-capaTen {
    padding: calc(2% + 20px) 0;
    background: url(../images/capaTen-bg.jpg) center/cover no-repeat;
}

.layout-capaTen .layout-bg {
    display: flex;
    align-items: start;
    flex-wrap: wrap;
    justify-content: space-between;
}

.layout-trendTwo+.layout-capaTen {
    background-image: url(../images/trendThree-bg.jpg);
}

@media(max-width:1700px) {
    .layout-bg {
        width: calc(100% - 4vw - 40px);
    }
}

@media(max-width:1600px) {
    .layout-bg {
        width: calc(100% - 2vw - 20px);
    }
}

@media(min-width:769px) {
    .layout-top .left {
        flex: 1 1 0;
    }

    .layout-nav .center {
        flex: 1 1 0;
    }

    .layout-quote .left {
        width: calc(50% - 2vw - 10px);
    }

    .layout-quote .right {
        width: calc(55% - 15vw - 10px);
    }

    .layout-foot .left {
        width: calc(22.5% - 1vw - 10px);
    }

    .layout-foot .right {
        width: calc(77.5% - 2vw - 10px);
    }

    .layout-share .left {
        width: calc(22.5% - 1vw - 10px);
    }

    .layout-share .right {
        width: calc(77.5% - 2vw - 10px);
    }

    .layout-howFive .left {
        width: calc(50% - 1vw - 10px);
    }

    .layout-howFive .right {
        width: 50%;
    }

    .layout-sampleFour .left {
        width: calc(50% - 3vw - 10px);
    }

    .layout-sampleFour .right {
        width: 50%;
    }

    .layout-capaTen .left {
        width: calc(50% - 3vw - 10px);
    }

    .layout-capaTen .right {
        width: 50%;
    }
}

@media(max-width:768px) {
    .mod-othercontent01 .mod-content img {
        max-width: inherit;
        width: 100%;
    }

    .layout {
        min-width: 320px;
    }

    .layout-bg {
        width: calc(100% - 2vw - 20px);
    }

    .layout-pagecontact .layout-bg>div {
        width: 100%;
        padding: 10px 0;
    }

    .layout-page .layout-bg>.left {
        width: 100%;
    }

    .layout-page .layout-bg>.right {
        width: 100%;
        padding-top: 20px;
    }

    .layout-top {
        position: sticky;
        top: 0;
        z-index: 9;
    }

    .layout-nav {
        height: 50px;
        top: 40px;
        padding: 0px 0;
    }

    .layout-nav .left {
        order: 2;
        flex: auto;
    }

    .layout-nav .center {
        order: 1;
    }

    .layout-nav .right {
        order: 3;
    }

    .layout-quote .layout-bg>div {
        width: 100%;
        padding: 10px 0;
    }

    .layout-foot .layout-bg>div {
        width: 100%;
        padding: 10px 0;
    }

    .layout-share .layout-bg>div {
        width: 100%;
        padding: 10px 0;
    }

    .layout-howFive .layout-bg>div {
        width: 100%;
        padding: 10px 0;
    }

    .layout-sampleFour .layout-bg>div {
        width: 100%;
        padding: 10px 0;
    }

    .layout-capaTen .layout-bg>div {
        width: 100%;
    }
}

.mod .pagination {
    padding: 5px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mod .pagination .pagination-nav li {
    float: left;
    margin: 2px;
}

.mod .pagination .pagination-nav li a {
    text-align: center;
    background: #f0f0f0;
    display: block;
    line-height: 30px;
    overflow: hidden;
    color: #333;
    border-radius: 3px;
    font-size: 14px;
    padding: 0 5px;
    min-width: 20px;
    cursor: pointer;
    text-transform: uppercase;
}

.mod .pagination .pagination-link:hover {
    background: var(--main);
    color: #fff;
}

.mod .pagination .pagination-nav .pagination-active .pagination-link {
    cursor: not-allowed;
    color: #aaa;
    background: transparent;
}

.mod .pagination .pagination-nav .pagination-disabled a {
    cursor: not-allowed;
    background: transparent;
    color: #ccc !important;
}

.mod .pagination .page-goto {
    display: flex;
    align-items: center;
    justify-content: center;
}

.mod .pagination .page-goto>* {
    margin: 2px;
}

.mod .pagination .page-goto .pager-label {
    line-height: 30px;
    padding: 0 5px;
    color: #fff;
}

.mod .pagination .page-goto .textfield-normal {
    height: 20px;
    min-width: 40px;
    line-height: 20px;
    background: #f0f0f0;
    color: #333;
    font-size: 14px;
    padding: 5px;
    border-radius: 50vw;
    margin: 0 5px;
    border: none;
    text-align: center;
}

.mod .pagination .page-goto .pager-button {
    background: #f0f0f0;
    display: block;
    padding: 1px 10px;
    line-height: 30px;
    color: #333;
    font-size: 14px;
    border-radius: 3px;
}

.mod .pagination .page-goto .pager-button:hover {
    background: var(--main);
    color: #fff;
}

@media(max-width:480px) {
    .mod .pagination .pagination-nav li {
        display: none;
    }

    .mod .pagination .pagination-nav li:first-of-type,
    .mod .pagination .pagination-nav li:last-of-type {
        display: block;
    }
}

.mod-detail .bottom-bg {
    line-height: 20px;
    color: #333;
}

.mod-detail .bottom-bg>div {
    display: flex;
    align-items: center;
}

.mod-detail .bottom-bg a {
    flex: 1 2 0;
    display: block;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
    color: #333;
}

.mod-detail .mod-bottom span:after {
    content: ":";
    padding: 0 3px;
}

.mod-detail .mod-bottom a {
    color: var(--main);
}

.mod-detail .mod-bottom a:hover {
    text-decoration: underline;
}

.mod-buyerlogin01 {
    overflow: hidden;
    color: #fff;
    line-height: 15px;
}

.mod-buyerlogin01 .mod-buyerlogin-bg {
    display: flex;
    align-items: center;
    height: 40px;
}

.mod-buyerlogin01 .mod-title {
    flex: auto;
}

.mod-buyerlogin01 .title-left {
    float: none;
}

.mod-buyerlogin01 .content-bg>* {
    display: flex;
    font-size: 14px;
}

.mod-buyerlogin01 .login {
    overflow: hidden;
}

.mod-buyerlogin01 a {
    display: inline-block;
    color: #fff;
    margin: 0 5px;
}

.mod-buyerlogin01 span {
    display: inline-block;
}

.mod-buyerlogin01 .our:before {
    content: "\f007";
    font: 14px/1 FontAwesome;
    padding: 0 5px;
}

.mod-buyerlogin01 a:hover {
    color: #d1d1d1;
}

.layout-top .mod-buyerlogin01 .mod-bg {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 40px;
}

.mod-buyerlogin01 .mod-title {
    flex: 1 1 0;
}

.mod-buyerlogin01 .title-bg {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mod-buyerlogin01 .title-left {
    float: none;
}

.mod-buyerlogin01 .title-left h2 {
    display: block;
    line-height: calc(0.25vw + 15px);
    color: #fff;
    overflow: hidden;
    margin: 0;
    font-size: calc(0.2vw + 12px);
    font-weight: normal;
}

@media(max-width:480px) {
    .mod-buyerlogin01 .mod-content {
        display: none;
    }
}

.flag {
    margin: 9px 5px;
}

.mod-header01 {
    overflow: visible;
}

.mod-header01 .mod-content {
    display: flex;
}

.mod-header01 .content-bg {
    overflow: visible;
    display: flex;
    padding: 0 10px;
}

.mod-header01 .language-title {
    font-size: 14px;
    color: #fff;
    line-height: 30px;
    text-transform: uppercase;
    padding: 5px;
}

.mod-header01 .flag {
    margin: 9px 0px;
    float: left;
    display: none;
}

.mod-header01 .language-content {
    position: relative;
}

.mod-header01 .language-content a {
    display: block;
    padding: 5px;
    overflow: hidden;
}

.mod-header01 .language-box {
    display: flex;
}

.mod-header01 .language-content .caret {
    display: none;
}

.mod-header01 .language-content .text {
    line-height: 30px;
    display: inline-block;
    padding: 0 5px;
    white-space: pre;
}

.mod-header01 .language-content .language-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px;
    color: #fff;
    font-size: 14px;
}

.mod-header01 .language-content .language-link:before {
    content: "\f0ac";
    font: 22px/1 FontAwesome;
    line-height: 30px;
}

.mod-header01 .language-content .language-link:after {
    content: "\f107";
    font: 18px/1 FontAwesome;
    line-height: 30px;
    transition: All 0.3s ease-in-out;
}

.mod-header01 .language-content .language-tabs {
    position: absolute;
    top: 100%;
    left: 0;
    display: none;
    background: #fff;
    z-index: 99;
    min-width: 100px;
    max-height: 40vh;
    overflow-y: auto;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
}

.mod-header01 .language-content .language-tabs a {
    padding: 5px;
    overflow: hidden;
    font-size: 12px;
}

.mod-header01 .language-content .language-tab+.language-tab {
    border-top: 1px dashed rgba(0, 0, 0, 0.1);
}

.mod-header01 .language-content .language-tabs .text {
    color: #333;
}

.mod-header01 .language-content .language-tabs a:hover {
    background: #f0f0f0;
}

.mod-header01 .language-content:hover .language-tabs {
    display: block;
}

.layout-top .mod-header01 .language-title {
    display: none;
}

@media(max-width:480px) {
    .mod-header01 .mod-content {
        display: none;
    }
}

.mod-top01 .top-logo a {
    display: block;
}

.mod-top01 .top-logo img {
    max-width: 100%;
    /* height: auto; */
    display: block;
    width: 100%;
}

@media(max-width:768px) {
    .mod-top01 .top-logo img {
        max-height: 50px;
        width: auto;
    }
}

@media (min-width:769px) {
    .mod-nav01 .content-bg {
        overflow: visible;
    }

    .mod-nav01 .nav-tabs {
        display: flex;
        flex-wrap: wrap;
        justify-content: end;
        padding: 0px calc(0.5vw + 5px);
    }

    .mod-nav01 .nav-tabs .nav-tab {
        padding: 0 calc(0.5vw + 5px);
    }
    .mod-nav01 .nav-tabs .nav-tab:nth-child(3) .nav-dropdown, .mod-nav01 .nav-tabs .nav-tab:nth-child(4) .nav-dropdown{
        display: none;
    }
    .mod-nav01 .nav-tabs .nav-tab-link {
        font-size: 16px;
        color: #000;
        line-height: 30px;
        padding: 30px 0;
        font-weight: 500;
        text-transform: capitalize;
        display: flex;
        position: relative;
    }

    .mod-nav01 .nav-tabs .nav-tab-link i {
        position: absolute;
        left: 0;
        bottom: calc(0.5vw + 5px);
        width: 0;
        border-radius: 5px;
        background: var(--main);
        height: 4px;
        transition: All 0.3s ease-in-out;
    }

    .mod-nav01 .nav-tabs .nav-tab-child .nav-tab-link:after {
        content: "\f107";
        font-family: FontAwesome;
        padding: 0 5px;
    }
    .mod-nav01 .nav-tabs .nav-tab-child:nth-child(2) .nav-tab-link:after,.mod-nav01 .nav-tabs .nav-tab-child:nth-child(3) .nav-tab-link:after,.mod-nav01 .nav-tabs .nav-tab-child:nth-child(4) .nav-tab-link:after,.mod-nav01 .nav-tabs .nav-tab-child:nth-child(8) .nav-tab-link:after{
        display: none;
    }
    .mod-nav01 .nav-tabs .on .nav-tab-link i,
    .mod-nav01 .nav-tabs .hover .nav-tab-link i {
        width: 100%;
    }

    .mod-nav01 .nav-tabs .on .nav-tab-link,
    .mod-nav01 .nav-tabs .hover .nav-tab-link {
        color: var(--main);
    }


    .mod-nav01 .nav-dropdown {
        position: absolute;
        z-index: 9;
        display: none;
        text-align: initial;
    }

    .mod-nav01 .active {
        display: block;
    }

    .mod-nav01 .nav-dropdown-content {
        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
        background: #fff;
        max-height: calc(70vh - 2vw - 40px);
        overflow-y: auto;
    }

    .mod-nav01 .dropdown-tabs li {
        display: block;
        position: relative;
    }

    .mod-nav01 .dropdown-tabs .dropdown-tab+.dropdown-tab {
        border-top: 1px solid rgba(0, 0, 0, 0.1);
    }

    .mod-nav01 .dropdown-tabs li a {
        display: block;
        line-height: 25px;
        text-transform: capitalize;
        font-size: 14px;
        color: #333;
        min-width: 100px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: pre;
    }

    .mod-nav01 .dropdown-tabs .dropdown-tab a {
        padding: 10px;
    }

    .mod-nav01 .dropdown-tabs li a:hover {
        color: var(--main);
    }


    .mod-nav01 .nav-dropdown-max-third .nav-dropdown {
        left: 0;
        right: 0;
        width: calc(100% - 20px);
        max-width: var(--width);
        margin: auto;
    }

    .mod-nav01 .nav-dropdown-max-third .dropdown-tabs {
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        padding: 0.5vw;
    }

    .mod-nav01 .nav-dropdown-max-third .dropdown-tab-first {
        width: 50%;
        box-sizing: border-box;
        padding: 0.5vw;
        overflow: hidden;
    }

    .mod-nav01 .nav-dropdown-max-third .dropdown-tab-link {
        padding: 5px 0;
        font-size: 16px;
        line-height: 25px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        font-weight: 600;
    }

    .mod-nav01 .nav-dropdown-max-third .dropdown-tab-second-link {
        font-size: 14px;
    }

    .mod-nav01 .nav-dropdown-max-third .dropdown-tabs-second {
        overflow: hidden;
        align-items: stretch;
        flex-wrap: wrap;
        padding: 5px 0;
    }

    .mod-nav01 .nav-dropdown-max-third .dropdown-tabs-third li a {
        font-size: 12px;
        padding: 0px 5px;
    }

    .mod-nav01 .nav-tab-editor .nav-dropdown {
        left: 0;
        right: 0;
        width: calc(100% - 20px);
        max-width: var(--width);
        margin: auto;
    }

    .mod-nav01 .nav-tab-editor .dls {
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        padding: 0.5vw;
    }

    .mod-nav01 .nav-tab-editor .dls dl {
        width: calc(25% - 0.5vw);
        margin: 0.25vw;
        position: relative;
    }

    .mod-nav01 .nav-tab-editor .dls dl a {
        display: block;
    }

    .mod-nav01 .nav-tab-editor .dls dd {
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
    }

    .mod-nav01 .nav-tab-editor .dls dd a {
        font-size: calc(0.2vw + 14px);
        line-height: calc(0.5vw + 20px);
        text-align: center;
        padding: calc(0.25vw + 5px);
        background: rgba(255, 255, 255, 0.5);
        color: #333;
    }

    .mod-nav01 .nav-tab-editor .dls dl:hover dd a {
        background: #fff;
    }
}

@media(max-width:768px) {
    .mod-nav01 .nav-btn {
        text-align: center;
        color: #000;
        cursor: pointer;
        transition: All 0.2s ease-in-out;
        z-index: 1000;
    }

    .mod-nav01 .nav-btn:before {
        content: "\f0c9";
        font: 20px/1 FontAwesome;
        display: block;
        width: 50px;
        line-height: 50px;
        transition: All 0.2s ease-in-out;
    }

    .mod-nav01 .nav-btn.active:before {
        content: "\f00d";
    }

    .mod-nav01 .mod-content {
        position: fixed;
        top: 90px;
        left: 0px;
        right: 0;
        z-index: 999;
        background: #fff;
        transform: rotateX(90deg);
        transform-origin: top center;
        transition: All 0.3s ease-in-out;
    }

    .mod-nav01 .mod-content.nav-show {
        transform: rotateX(0);
    }

    .mod-nav01 .mod-content .nav-tabs {
        padding: 20px 50px 50px;
        height: calc(100vh - 90px);
        overflow-y: auto;
        box-sizing: border-box;
        display: none;
    }

    .mod-nav01 .mod-content.nav-show .nav-tabs {
        display: block;
    }

    .mod-nav01 .nav-tabs a {
        font-size: 14px;
        line-height: 50px;
        color: #333;
        overflow: hidden;
        padding: 0;
        display: block;
    }

    .mod-nav01 .nav-tabs .nav-tab-link {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        display: flex;
        justify-content: space-between;
    }

    .mod-nav01 .nav-tabs .caret:before {
        content: "\f107";
        font: 20px/1 FontAwesome;
        width: 50px;
        height: 50px;
        text-align: center;
        line-height: 50px;
        transition: All 0.3s ease-in-out;
        display: block;
        color: #333;
    }

    .mod-nav01 .nav-tabs .nav-tab:last-of-type .nav-tab-link {
        border: none;
    }

    .mod-nav01 .nav-dropdown {
        display: none;
    }

    .mod-nav01 .nav-tab-child-show .nav-dropdown {
        display: block;
    }

    .mod-nav01 .nav-tabs .nav-tab-child-show .caret:before {
        transform: rotate(180deg);
    }

    .mod-nav01 .nav-dropdown a {
        line-height: 20px;
        padding: 10px;
    }

    .mod-nav01 .nav-tabs .dropdown-tabs-second {
        padding: 0 10px;
        background: #f2f2f2;
    }

    .mod-nav01 .nav-tab-editor .dls dt {
        display: none;
    }
}

.mod-search01 .mod-content {
    position: relative;
}

.mod-search01 .mod-content:before {
    content: "\f002";
    font: 20px/1 FontAwesome;
    display: block;
    color: #000;
    text-align: center;
    width: 50px;
    line-height: 50px;
}

.mod-search01 .content-bg-search {
    display: flex;
    overflow: hidden;
    width: 0;
    transition: All 0.2s ease-in-out;
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 111;
    background: #fff;
}

.mod-search01 .search-text {
    flex: 1 2 0;
    font-size: 14px;
    color: #333;
    line-height: 20px;
    height: 20px;
    padding: 10px;
    border: none;
    background: transparent;
    width: 150px;
}

.mod-search01 .search-submit {
    height: 40px;
    width: 40px;
    background: transparent;
    border: none;
    cursor: pointer;
    color: #333;
}

.mod-search01 .search-submit:before {
    content: "\f002";
    font: 20px/1 FontAwesome;
    display: block;
    text-align: center;
}

.mod-search01 .search-submit:hover {
    color: var(--main);
    opacity: 1;
}

.mod-search01 .mod-content:hover .content-bg-search {
    border: 2px solid var(--main);
    width: 240px;
}

.layout-current {
    padding: 15px 0px;
    background: #f2f2f2;
}

.mod-current01 .mod-content .content-bg {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.mod-current01 .mod-content span {
    display: block;
    padding: 0 5px;
}

.mod-current01 .mod-content .present {
    color: #000;
    display: block;
}

.mod-current01 .mod-content .present h2 {
    display: block;
    font-size: 14px;
    line-height: 20px;
}

.mod-current01 .mod-content a {
    color: #333;
    font-size: 14px;
    line-height: 20px;
    display: block;
}

.mod-current01 .mod-content a:hover {
    text-decoration: underline;
}

.layout-banner .layout-bg {
    width: 100%;
}

.mod-othercontent01-banner .item {
    position: relative;
    z-index: 2;
    overflow: hidden;
    height: 30vh;
}

.mod-othercontent01-banner .img * {
    display: block;
    height: 100%;
    width: auto !important;
    max-width: inherit !important;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0%);
}

.mod-othercontent01-banner .text {
    color: #fff;
    position: absolute;
    left: calc(1vw + 10px);
    top: 50%;
    right: calc(1vw + 10px);
    max-width: 960px;
    margin: auto;
    transform: translate(0%, -50%);
    font-size: calc(0.2vw + 14px);
    text-align: center;
}

.mod-othercontent01-banner .title {
    font-size: calc(1.5vw + 18px);
    line-height: calc(1.5vw + 25px);
    font-weight: 500;
    padding-bottom: calc(1vw + 5px);
    text-transform: uppercase;
}

.mod-othercontent01-banner .text a {
    font-weight: 500;
    color: var(--main);
    background: #fff;
    padding: calc(0.5vw + 5px) calc(1.5vw + 10px);
    border-radius: 5px;
    margin-top: calc(1vw + 10px);
}

.mod-othercontent01 .swiper-button-prev,
.mod-othercontent01 .swiper-button-next {
    color: #fff;
    width: calc(1vw + 30px);
    height: calc(1vw + 30px);
    margin: 0;
    transform: translate(0, -50%);
}

.mod-othercontent01 .swiper-button-prev:after,
.mod-othercontent01 .swiper-button-next:after {
    font-size: calc(0.2vw + 14px);
    line-height: calc(1vw + 25px);
}

.mod-othercontent01 .swiper-button-prev:hover,
.mod-othercontent01 .swiper-button-next:hover {
    color: var(--main);
}

.mod-othercontent01 .swiper-button-prev.swiper-button-disabled,
.mod-othercontent01 .swiper-button-next.swiper-button-disabled {
    opacity: 1;
    background: #eee;
    color: #666;
}

.swiper-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: calc(1vw + 5px) !important;
}

.swiper-pagination-bullet {
    width: calc(1vw + 10px);
    height: 4px;
    border-radius: 50vw;
    opacity: 1;
    background: rgba(255, 255, 255, 0.5);
}

.swiper-pagination-bullet-active {
    background: var(--main);
}

@media(min-width:1025px) {
    .mod-othercontent01-banner .item {
        min-height: 500px;
    }
}

@media(max-width:768px) {

    .mod-othercontent01-banner .swiper-button-prev,
    .mod-othercontent01-banner .swiper-button-next {
        display: none;
    }
}

.mod-othercontent01-title .mod-title {
    padding-bottom: calc(0.5vw + 10px);
}

.mod-othercontent01-title .title-right {
    padding-top: calc(0.25vw + 5px);
}

.mod-othercontent01-title .title-right-span {
    display: block;
}

.mod-othercontent01-title .mod-title h2 {
    font-size: calc(0.8vw + 20px);
    line-height: calc(1vw + 25px);
    font-weight: 600;
    color: #000;
    text-transform: capitalize;
}

.mod-othercontent01-title .mod-title a {
    color: #fff;
    background: var(--main);
    font-size: calc(0.2vw + 14px);
    line-height: calc(0.5vw + 20px);
    padding: calc(0.25vw + 5px) calc(1vw + 20px);
    border-radius: 5px;
    text-transform: uppercase;
    margin-top: calc(0.5vw + 10px);
}

.mod-othercontent01-title .mod-bottom {
    padding-top: calc(1.5vw + 10px);
}

.mod-othercontent01-title .bottom-left {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.mod-othercontent01-title .bottom-left a {
    color: #fff;
    background: var(--main);
    font-size: calc(0.2vw + 14px);
    line-height: calc(0.5vw + 20px);
    padding: calc(0.25vw + 5px) calc(1vw + 20px);
    border-radius: 5px;
    text-transform: uppercase;
}

.mod-othercontent01-titlecenter .mod-title {
    text-align: center;
    padding-bottom: calc(0.5vw + 10px);
}

.mod-othercontent01-titlecenter .title-right {
    max-width: 1200px;
    margin: auto;
    padding-top: calc(0.25vw + 5px);
}

.mod-othercontent01-titlecenter .title-right-span {
    display: block;
}

.mod-othercontent01-titlecenter .mod-title h2 {
    font-size: calc(0.8vw + 20px);
    line-height: calc(1vw + 25px);
    font-weight: 600;
    color: #000;
    text-transform: capitalize;
}

.layout-advan {
    padding: calc(1% + 20px) 0;
    background: #fff;
}

.layout-advan .mod-othercontent01 .content-bg {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: space-between;
}

.layout-advan .mod-othercontent01 .content-bg * {
    transition: All 0.3s ease-in-out;
}

.layout-advan .mod-othercontent01 .item {
    width: calc(100%/4 - 1vw - 10px);
    border-radius: calc(2vw + 20px) 5px;
    overflow: hidden;
    position: relative;
    margin: calc(0.5vw + 5px) 0;
}

.layout-advan .mod-othercontent01 .item a {
    display: block;
}

.layout-advan .mod-othercontent01 .text {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    outline: 1px solid transparent;
    outline-offset: calc(-0.5vw - 5px);
    border-radius: calc(2vw + 20px) 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    padding: calc(1vw + 10px);
}

.layout-advan .mod-othercontent01 .text a {
    font-size: calc(1vw + 16px);
    line-height: calc(1vw + 20px);
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    display: block;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
}

.layout-advan .mod-othercontent01 .text a:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.layout-advan .mod-othercontent01 .item:hover .text {
    background: rgba(0, 0, 0, 0.7);
    outline-color: #fff;
}

@media(max-width:768px) {
    .layout-advan .mod-othercontent01 .item {
        width: calc(100%/2 - 0.5vw - 5px);
    }
}

@media(max-width:480px) {
    .layout-advan .mod-othercontent01 .item {
        width: 100%;
    }
}

.layout-procate {
    padding: calc(2% + 20px) 0;
}

.layout-procate .mod-othercontent01 .content-bg {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: space-between;
}

.layout-procate .mod-othercontent01 .content-bg * {
    transition: All 0.3s ease-in-out;
}

.layout-procate .mod-othercontent01 .item {
    width: calc(100%/2 - 1vw - 5px);
    overflow: hidden;
    position: relative;
    margin: calc(0.5vw + 5px) 0;
}

.layout-procate .mod-othercontent01 .img {
    border-radius: 5px;
    overflow: hidden;
}

.layout-procate .mod-othercontent01 .img a {
    display: block;
}

.layout-procate .mod-othercontent01 .text {
    padding: calc(1vw + 10px);
}

.layout-procate .mod-othercontent01 .text h3 {
    font-size: calc(1vw + 20px);
    line-height: calc(1vw + 25px);
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    display: block;
    padding-bottom: calc(0.5vw + 5px);
}

.layout-procate .mod-othercontent01 .text a {
    color: #fff;
    background: var(--main);
    font-size: calc(0.2vw + 14px);
    line-height: calc(0.5vw + 20px);
    padding: calc(0.25vw + 5px) calc(1vw + 20px);
    border-radius: 5px;
    text-transform: uppercase;
    margin-top: calc(0.5vw + 10px);
}

@media(min-width:769px) {
    .layout-procate .mod-othercontent01 .item {
        border-radius: 5px;
    }

    .layout-procate .mod-othercontent01 .text {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        flex-direction: column;
    }

    .layout-procate .mod-othercontent01 .text a {
        color: var(--main);
        background: #fff;
    }

    .layout-procate .mod-othercontent01 .text *+* {
        opacity: 0;
    }

    .layout-procate .mod-othercontent01 .item:hover .text {
        color: #fff;
        background: rgba(0, 0, 0, 0.7);
    }

    .layout-procate .mod-othercontent01 .item:hover .text h3 {
        color: #fff;
    }

    .layout-procate .mod-othercontent01 .item:hover .text *+* {
        opacity: 1;
    }
}

@media(max-width:480px) {
    .layout-procate .mod-othercontent01 .item {
        width: 100%;
    }
}

.layout-serve {
    padding: calc(2% + 20px) 0;
}

.layout-serve:nth-of-type(2n) {
    background: #fff;
}

.layout-serve .mod-othercontent01 .mod-bg {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}

.layout-serve:nth-of-type(2n+1) .mod-othercontent01 .mod-bg {
    flex-direction: row-reverse;
}

.layout-serve .mod-othercontent01 .mod-title {
    padding: calc(1vw + 10px) 0;
    width: calc(50% - 6vw - 10px);
}

.layout-serve .mod-othercontent01 .mod-content {
    width: 50%;
}

.layout-serve .mod-othercontent01 .content-bg {
    border-radius: calc(1vw + 10px);
}

@media(max-width:768px) {
    .layout-serve .mod-othercontent01 .mod-title {
        width: 100%;
    }

    .layout-serve .mod-othercontent01 .mod-content {
        width: 100%;
    }
}

.layout-case {
    padding: calc(1% + 10px) 0 calc(2% + 20px);
}

.layout-case .mod-othercontent01 .content-bg {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: space-between;
}

.layout-case .mod-othercontent01 .content-bg * {
    transition: All 0.3s ease-in-out;
}

.layout-case .mod-othercontent01 .item {
    width: calc(100%/3 - 1.5vw - 5px);
    overflow: hidden;
    position: relative;
    margin: calc(0.5vw + 5px) 0;
}

.layout-case .mod-othercontent01 .item a {
    display: block;
}

.layout-case .mod-othercontent01 .img {
    border-radius: 5px;
    overflow: hidden;
}

.layout-case .mod-othercontent01 .text {
    padding: calc(1vw + 10px);
}

.layout-case .mod-othercontent01 .text h3 {
    font-size: calc(0.4vw + 16px);
    line-height: calc(0.5vw + 20px);
    font-weight: 700;
    color: #000;
    text-transform: uppercase;
    display: block;
    padding: calc(0.5vw + 5px) 0;
}

.layout-case .mod-othercontent01 .text span {
    font-size: calc(1vw + 40px);
    line-height: calc(1vw + 40px);
    -webkit-text-stroke: 1px #333;
    display: block;
    font-weight: 700;
    color: transparent;
}

@media(min-width:769px) {
    .layout-case .mod-othercontent01 .item {
        border-radius: 5px;
    }

    .layout-case .mod-othercontent01 .text {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: flex;
        align-items: start;
        justify-content: end;
        flex-direction: column;
        color: #fff;
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.75));
    }

    .layout-case .mod-othercontent01 .text h3 {
        color: #fff;
    }

    .layout-case .mod-othercontent01 .text span {
        -webkit-text-stroke: 1px #fff;
    }

    .layout-case .mod-othercontent01 .item:hover .text {
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7));
    }
}

@media(max-width:768px) {
    .layout-case .mod-othercontent01 .item {
        width: calc(100%/2 - 0.5vw - 5px);
    }
}

@media(max-width:480px) {
    .layout-case .mod-othercontent01 .item {
        width: 100%;
    }
}

.layout-pagetop .layout-bg {
    width: 100%;
}

.layout-pagetop .mod-othercontent01 .mod-bg {
    position: relative;
    z-index: 2;
    /* overflow: hidden; */
}

.layout-pagetop .mod-othercontent01 .mod-title {
    position: absolute;
    left: calc(1vw + 10px);
    top: 50%;
    right: calc(1vw + 10px);
    transform: translate(0, -50%);
    z-index: 2;
    text-align: center;
}

.layout-pagetop .mod-othercontent01 .mod-title h1 {
    font-size: calc(1.5vw + 18px);
    line-height: calc(1.5vw + 25px);
    color: #fff;
    font-weight: 600;
    display: block;
    text-transform: capitalize;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

.layout-aboutOne {
    padding: calc(2% + 20px) 0 calc(1% + 10px);
}

.layout-aboutOne .mod-othercontent01 .mod-bg {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}

.layout-aboutOne .mod-othercontent01 .mod-title {
    padding: calc(1vw + 10px) 0;
    width: calc(50% - 3vw - 10px);
}

.layout-aboutOne .mod-othercontent01 .mod-content {
    width: 50%;
}

.layout-aboutOne .mod-othercontent01 .content-bg {
    border-radius: calc(0.25vw + 5px);
}

@media(max-width:768px) {
    .layout-aboutOne .mod-othercontent01 .mod-title {
        width: 100%;
    }

    .layout-aboutOne .mod-othercontent01 .mod-content {
        width: 100%;
    }
}

.layout-aboutTwo {
    padding: calc(1% + 10px) 0 calc(2% + 20px);
}

.layout-aboutTwo .mod-othercontent01 .content-bg {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: space-between;
}

.layout-aboutTwo .mod-othercontent01 .content-bg * {
    transition: All 0.3s ease-in-out;
}

.layout-aboutTwo .mod-othercontent01 .text {
    width: calc(100%/3 - 3vw - 10px);
    position: relative;
    margin: calc(0.5vw + 5px) 0;
}

.layout-aboutTwo .mod-othercontent01 .text:after {
    content: "";
    top: calc(2vw + 10px);
    bottom: calc(2vw + 10px);
    right: -2.5vw;
    border-left: 1px dashed #ccc;
    width: 1px;
    position: absolute;
}

.layout-aboutTwo .mod-othercontent01 .text span {
    width: calc(1.5vw + 45px);
    border-radius: 50%;
    background: #eee;
    display: block;
    padding: calc(0.5vw + 5px);
}

.layout-aboutTwo .mod-othercontent01 .text h3 {
    font-size: calc(0.4vw + 16px);
    line-height: calc(0.5vw + 20px);
    font-weight: 700;
    color: #000;
    display: block;
    padding: calc(1vw + 5px) 0 calc(0.5vw + 5px);
}

@media(max-width:768px) {
    .layout-aboutTwo .mod-othercontent01 .text {
        width: calc(100%/2 - 0.5vw - 5px);
    }

    .layout-aboutTwo .mod-othercontent01 .text:after {
        display: none;
    }
}

@media(max-width:480px) {
    .layout-aboutTwo .mod-othercontent01 .text {
        width: 100%;
    }
}

.layout-aboutThree {
    padding: calc(3% + 30px) 0;
    background: #fff;
}

.layout-aboutThree .mod-othercontent01 .content-bg {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: space-between;
    overflow: visible;
}

.layout-aboutThree .mod-othercontent01 .content-bg * {
    transition: All 0.3s ease-in-out;
}

.layout-aboutThree .mod-othercontent01 .text {
    width: calc(100%/3 - 0.5vw - 5px);
    border-radius: calc(2vw + 5px) 5px;
    box-sizing: border-box;
    padding: 0 calc(2vw + 10px) calc(3vw + 10px);
    margin: calc(2vw + 30px) 0 calc(0.5vw + 5px);
}

.layout-aboutThree .mod-othercontent01 .text span {
    width: calc(1.5vw + 50px);
    line-height: calc(1.5vw + 50px);
    text-align: center;
    background: var(--main);
    color: #fff;
    display: block;
    border-radius: 50%;
    margin-top: calc(-0.75vw - 25px);
    font-weight: 700;
    font-size: calc(0.4vw + 16px);
}

.layout-aboutThree .mod-othercontent01 .text h3 {
    font-size: calc(0.4vw + 16px);
    line-height: calc(0.5vw + 20px);
    font-weight: 700;
    color: #000;
    display: block;
    padding: calc(1vw + 5px) 0 calc(0.5vw + 5px);
}

.layout-aboutThree .mod-othercontent01 .text:hover {
    background: #fff;
    box-shadow: 0 0 calc(1vw + 10px) rgba(0, 0, 0, 0.1);
}

@media(max-width:768px) {
    .layout-aboutThree .mod-othercontent01 .text {
        width: calc(100%/2 - 0.5vw - 5px);
    }
}

@media(max-width:480px) {
    .layout-aboutThree .mod-othercontent01 .text {
        width: 100%;
    }
}

.layout-aboutFour {
    position: relative;
    margin-bottom: 20px;
}

.layout-aboutFour .layout-bg {
    display: flex;
    align-items: center;
    justify-content: end;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1920px;
}

.layout-aboutFour .left {
    width: 50%;
    max-width: 860px;
    padding: calc(1vw + 10px);
    box-sizing: border-box;
}

.layout-aboutFour .right {
    width: 50%;
}

.layout-aboutFour .mod-othercontent01 .text {
    padding: calc(1vw + 10px) calc(1.5vw + 10px);
    position: relative;
}

.layout-aboutFour .mod-othercontent01 .text:before {
    content: "";
    position: absolute;
    top: calc(1.25vw + 13px);
    left: calc(0.25vw + 5px);
    height: 110%;
    width: 1px;
    border-left: 2px dashed #333;
}

.layout-aboutFour .mod-othercontent01 .text:last-of-type:before {
    display: none;
}

.layout-aboutFour .mod-othercontent01 .text:after {
    content: "";
    width: calc(0.5vw + 8px);
    border: 2px solid #333;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    top: calc(1.25vw + 13px);
    left: 0;
    height: calc(0.5vw + 8px);
    display: block;
}

.layout-aboutFour .mod-othercontent01 .text h3 {
    font-size: calc(1vw + 16px);
    line-height: calc(1vw + 20px);
    font-weight: 700;
    color: #000;
    display: block;
    padding-bottom: 5px;
}

.layout-aboutFour .mod-othercontent01 .text:hover:after {
    background: #333;
}

@media(min-width:769px) {
    .layout-aboutFour {
        margin-top: calc(-3vw - 22px);
    }
}

@media(max-width:768px) {
    .layout-aboutFour .layout-bg>div {
        width: 100%;
    }
}

.layout-howOne {
    padding: calc(2% + 20px) 0;
}

.layout-howOne .mod-othercontent01 .content-bg {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: space-between;
    overflow: visible;
}

.layout-howOne .mod-othercontent01 .content-bg * {
    transition: All 0.3s ease-in-out;
}

.layout-howOne .mod-othercontent01 dl {
    width: 50%;
    padding: calc(3vw + 10px);
    border-radius: calc(2vw + 5px) 5px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: calc(1vw + 5px) 0;
}

.layout-howOne .mod-othercontent01 dt {
    width: calc(1vw + 50px);
    padding: calc(0.5vw + 5px);
    border-radius: 50%;
    background: #eee;
    overflow: hidden;
}

.layout-howOne .mod-othercontent01 dd {
    width: calc(100% - 4vw - 50px);
}

.layout-howOne .mod-othercontent01 dd h3 {
    font-size: calc(0.4vw + 16px);
    line-height: calc(0.5vw + 20px);
    font-weight: 700;
    color: #000;
    display: block;
    padding-bottom: calc(0.25vw + 5px);
}

.layout-howOne .mod-othercontent01 dl:hover {
    box-shadow: 0 0 calc(1vw + 10px) rgba(0, 0, 0, 0.1);
}

.layout-howOne .mod-othercontent01 .item {
    width: calc(100%/3 - 1.5vw - 5px);
    margin: calc(0.5vw + 5px) 0;
}

.layout-howOne .mod-othercontent01 .img {
    border-radius: 5px;
    overflow: hidden;
}

.layout-howOne .mod-othercontent01 .img+* {
    position: relative;
    font-size: calc(0.4vw + 16px);
    line-height: calc(0.5vw + 20px);
    font-weight: 600;
    color: #000;
    display: block;
    padding: calc(0.5vw + 5px);
    text-align: center;
    border-radius: calc(1vw + 5px) 5px;
}

.layout-howOne .mod-othercontent01 .item:hover .img+* {
    background: var(--main);
    color: #fff;
    margin: 0 calc(2vw + 10px);
    transform: translate(0, -50%);
}

@media(max-width:768px) {
    .layout-howOne .mod-othercontent01 dl {
        width: 100%;
    }
}

@media(max-width:480px) {
    .layout-howOne .mod-othercontent01 .item {
        width: 100%;
    }
}

.layout-howTwo {
    padding: calc(3% + 30px) 0;
    background: #fff;
}

.layout-howTwo .mod-othercontent01 .content-bg {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: space-between;
}

.layout-howTwo .mod-othercontent01 .content-bg * {
    transition: All 0.3s ease-in-out;
}

.layout-howTwo .mod-othercontent01 .text {
    width: calc(100%/3 - 1vw - 5px);
    border-radius: calc(2vw + 5px) 5px;
    box-sizing: border-box;
    padding: 0 calc(2vw + 10px) calc(3vw + 10px);
    margin: calc(2vw + 30px) 0 calc(0.5vw + 5px);
    position: relative;
}

.layout-howTwo .mod-othercontent01 .text:after {
    content: "\f105";
    font: calc(0.4vw + 20px)/1 FontAwesome;
    position: absolute;
    left: calc(100% + 0.5vw);
    top: 50%;
    display: block;
    color: #000;
    transform: translate(0, -50%);
}

.layout-howTwo .mod-othercontent01 .text span {
    width: calc(1vw + 40px);
    background: var(--main);
    color: #fff;
    display: block;
    border-radius: 50%;
    margin-top: calc(-0.75vw - 25px);
    overflow: hidden;
    padding: calc(0.25vw + 5px);
}

.layout-howTwo .mod-othercontent01 .text h3 {
    font-size: calc(0.4vw + 16px);
    line-height: calc(0.5vw + 20px);
    font-weight: 700;
    color: #000;
    display: block;
    padding: calc(1vw + 5px) 0 calc(0.5vw + 5px);
}

.layout-howTwo .mod-othercontent01 .text:hover {
    background: #fff;
    box-shadow: 0 0 calc(1vw + 10px) rgba(0, 0, 0, 0.1);
}

.layout-howTwo .mod-othercontent01 .text:last-of-type:after {
    display: none;
}

@media(max-width:768px) {
    .layout-howTwo .mod-othercontent01 .text {
        width: calc(100%/2 - 0.5vw - 5px);
    }
}

@media(max-width:480px) {
    .layout-howTwo .mod-othercontent01 .text {
        width: 100%;
    }

    .layout-howTwo .mod-othercontent01 .text:after {
        display: none;
    }
}

.layout-howThree {
    padding: calc(2% + 20px) 0;
}

.layout-howThree .mod-othercontent01 .mod-title h3 {
    font-size: calc(0.7vw + 16px);
    line-height: calc(0.75vw + 20px);
    font-weight: 600;
    color: #000;
    display: block;
    padding: calc(1vw + 5px) 0 calc(0.5vw + 5px);
}

.layout-howThree .mod-othercontent01 .content-bg {
    display: flex;
    align-items: start;
    flex-wrap: wrap;
}

.layout-howThree .mod-othercontent01 .content-bg * {
    transition: All 0.3s ease-in-out;
}

.layout-howThree .mod-othercontent01 .item {
    width: calc(100%/4 - 0.6vw - 10px);
    margin: calc(0.3vw + 5px);
    text-align: center;
}

.layout-howThree .mod-othercontent01 .item-five {
    width: calc(100%/5 - 0.6vw - 10px);
}

.layout-howThree .mod-othercontent01 .img {
    border-radius: 5px;
    overflow: hidden;
    position: relative;
}

.layout-howThree .mod-othercontent01 .item-five .img {
    border-radius: 50%;
}

.layout-howThree .mod-othercontent01 .img * {
    display: block;
}

.layout-howThree .mod-othercontent01 .img a {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    flex-direction: column;
    background: rgba(0, 0, 0, 0.5);
    font-size: calc(0.2vw + 14px);
    text-transform: uppercase;
    opacity: 0;
}

.layout-howThree .mod-othercontent01 .img a:after {
    content: "➜";
    padding-top: calc(2vw + 5px);
    font-size: calc(0.4vw + 16px);
    line-height: calc(0.5vw + 20px);
    position: absolute;
    top: 50%;
}

.layout-howThree .mod-othercontent01 .img+* {
    font-size: calc(0.4vw + 16px);
    line-height: calc(0.5vw + 20px);
    font-weight: 500;
    color: #000;
    display: block;
    padding: calc(0.5vw + 5px);
}

.layout-howThree .mod-othercontent01 .item:hover .img a {
    opacity: 1;
}

@media(min-width:769px) {
    .layout-howThree .mod-othercontent01:nth-of-type(2) .content-bg {
        padding-right: 25%;
        position: relative;
    }

    .layout-howThree .mod-othercontent01:nth-of-type(2) .item {
        width: calc(100%/3 - 0.6vw - 10px);
    }

    .layout-howThree .mod-othercontent01:nth-of-type(2) .item:last-of-type {
        top: 0;
        right: 0;
        position: absolute;
        width: calc(100%/4 - 0.6vw - 10px);
    }
}

@media(max-width:768px) {
    .layout-howThree .mod-othercontent01 .item {
        width: calc(100%/3 - 0.6vw - 10px) !important;
    }
}

@media(max-width:480px) {
    .layout-howThree .mod-othercontent01 .item {
        width: calc(100%/2 - 0.6vw - 10px) !important;
    }
}

.layout-howFour {
    padding: calc(3% + 30px) 0;
    background: #fff;
}

.layout-howFour .mod-othercontent01 dl {
    border-radius: calc(2vw + 5px) 5px;
    display: flex;
    align-items: start;
    justify-content: space-between;
    overflow: hidden;
    margin: calc(0.5vw + 5px);
    background: #fff;
    flex-wrap: wrap;
}

.layout-howFour .mod-othercontent01 dt {
    width: 48%;
}

.layout-howFour .mod-othercontent01 dd {
    width: 52%;
    padding: calc(1vw + 10px);
    box-sizing: border-box;
}

.layout-howFour .mod-othercontent01 dd h3 {
    font-size: calc(0.4vw + 16px);
    line-height: calc(0.5vw + 20px);
    font-weight: 700;
    color: #000;
    display: block;
    padding-bottom: calc(0.25vw + 5px);
}

.layout-howFour .mod-othercontent01 .swiper-button-prev,
.layout-howFour .mod-othercontent01 .swiper-button-next {
    background: rgba(255, 255, 255, 0.5);
    color: #000;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    font-weight: 600;
}

@media(max-width:480px) {
    .layout-howFour .mod-othercontent01 dt {
        width: 100%;
    }

    .layout-howFour .mod-othercontent01 dd {
        width: 100%;
    }
}

.layout-sampleOne {
    padding: calc(2% + 20px) 0;
}

.layout-sampleOne .mod-othercontent01 .content-bg {
    display: flex;
    align-items: start;
    flex-wrap: wrap;
}

.layout-sampleOne .mod-othercontent01 .content-bg * {
    transition: All 0.3s ease-in-out;
}

.layout-sampleOne .mod-othercontent01 .item {
    overflow: hidden;
    position: relative;
    margin: 5px;
    width: calc(18% - 10px);
    border-radius: 5px;
}

.layout-sampleOne .mod-othercontent01 .text {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: calc(0.5vw + 10px);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
    color: #fff;
}

.layout-sampleOne .mod-othercontent01 .text h3 {
    font-size: calc(0.4vw + 16px);
    line-height: calc(0.5vw + 20px);
    font-weight: 600;
    padding-bottom: calc(0.5vw + 5px);
}

@media(min-width:769px) {
    .layout-sampleOne .mod-othercontent01 .item {
        height: 500px;
    }

    .layout-sampleOne .mod-othercontent01 .img img {
        position: absolute;
        top: 0;
        height: 100%;
        left: 50%;
        width: auto;
        transform: translate(-50%, 0);
        max-width: initial;
    }

    .layout-sampleOne .mod-othercontent01 .item.on {
        width: calc(28% - 10px);
    }
}

@media(max-width:768px) {
    .layout-sampleOne .mod-othercontent01 .item {
        width: calc(100%/2 - 10px);
    }
}

@media(max-width:480px) {
    .layout-sampleOne .mod-othercontent01 .item {
        width: calc(100% - 10px);
    }
}

.layout-sampleTwo {
    padding: calc(3% + 30px) 0;
    background: #fff;
}

.layout-sampleTwo .mod-othercontent01 .content-bg {
    display: flex;
    align-items: start;
    flex-wrap: wrap;
}

.layout-sampleTwo .mod-othercontent01 .content-bg * {
    transition: All 0.3s ease-in-out;
}

.layout-sampleTwo .mod-othercontent01 .img {
    overflow: hidden;
    position: relative;
    margin: calc(0.5vw + 5px);
    width: calc(100%/4 - 1vw - 10px);
    border-radius: 5px;
}

.layout-sampleTwo .mod-othercontent01 .img *+a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    color: #fff;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    font-size: calc(0.4vw + 16px);
    line-height: calc(0.5vw + 20px);
    font-weight: 600;
}

.layout-sampleTwo .mod-othercontent01 .img:hover img {
    transform: scale(1.1);
}

@media(max-width:768px) {
    .layout-sampleTwo .mod-othercontent01 .img {
        width: calc(100%/2 - 1vw - 10px);
    }
}

@media(max-width:480px) {
    .layout-sampleTwo .mod-othercontent01 .img {
        width: calc(100% - 1vw - 10px);
    }
}

.layout-sampleThree {
    padding: calc(2% + 20px) 0 calc(1% + 10px);
}

.layout-sampleThree .mod-othercontent01 .mod-bg {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}

.layout-sampleThree .mod-othercontent01 .mod-title {
    padding: calc(1vw + 10px) 0;
    width: calc(50% - 3vw - 10px);
}

.layout-sampleThree .mod-othercontent01 .title-right-span {
    padding: 5px 0;
    display: flex;
    align-items: start;
}

.layout-sampleThree .mod-othercontent01 .title-right-span:before {
    content: "\f0c8";
    font: 14px/1 FontAwesome;
    flex: 0 0 calc(0.5vw + 15px);
    line-height: calc(0.25vw + 20px);
}

.layout-sampleThree .mod-othercontent01 .mod-content {
    width: 50%;
}

.layout-sampleThree .mod-othercontent01 .content-bg {
    border-radius: calc(0.25vw + 5px);
}

@media(max-width:768px) {
    .layout-sampleThree .mod-othercontent01 .mod-title {
        width: 100%;
    }

    .layout-sampleThree .mod-othercontent01 .mod-content {
        width: 100%;
    }
}

.layout-sampleFour .mod-othercontent01 .mod-bg {
    padding: calc(5vw + 10px) 0;
}

.layout-sampleFour .mod-othercontent01 .mod-title h2 {
    color: #fff;
}

.layout-sampleFour .mod-othercontent01 .mod-content {
    color: #fff;
}

.layout-sampleFour .mod-othercontent01 li {
    padding: 5px 0;
    display: flex;
    align-items: start;
}

.layout-sampleFour .mod-othercontent01 li:before {
    content: "\f0c8";
    font: 14px/1 FontAwesome;
    flex: 0 0 calc(0.5vw + 15px);
    line-height: calc(0.25vw + 20px);
}

.layout-manuOne {
    padding: calc(2% + 20px) 0 calc(1% + 10px);
}

.layout-manuOne .mod-othercontent01 .mod-bg {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}

.layout-manuOne .mod-othercontent01 .mod-content {
    width: 40%;
}

.layout-manuOne .mod-othercontent01 dl {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}

.layout-manuOne .mod-othercontent01 dt {
    width: calc(10vw + 100px);
    border-radius: 50%;
    overflow: hidden;
}

.layout-manuOne .mod-othercontent01 dd {
    width: calc(100% - 11vw - 110px);
    padding: calc(2vw + 5px) 0;
    border-right: 1px dashed #ccc;
}

.layout-manuOne .mod-othercontent01 dd h3 {
    font-size: calc(0.7vw + 16px);
    line-height: calc(0.75vw + 20px);
    font-weight: 600;
}

.layout-manuOne .mod-othercontent01 .mod-bottom {
    width: calc(60% - 5vw - 10px);
}

.layout-manuOne .mod-othercontent01 .bottom-bg {
    padding: calc(3vw + 20px) calc(2vw + 10px) calc(1vw + 10px) calc(5vw + 20px);
    position: relative;
    background: url(../images/manuOne-quote.png) top left no-repeat;
    background-size: calc(4vw + 30px) auto;
}

.layout-manuOne .mod-othercontent01 .mod-bottom h2 {
    font-size: calc(0.8vw + 20px);
    line-height: calc(1vw + 25px);
    font-weight: 600;
    text-transform: uppercase;
    padding: calc(2vw + 5px) 0 calc(0.5vw + 5px);
}

@media(max-width:480px) {
    .layout-manuOne .mod-othercontent01 dd {
        border: none;
    }

    .layout-manuOne .mod-othercontent01 .mod-content {
        width: 100%;
    }

    .layout-manuOne .mod-othercontent01 .mod-bottom {
        width: 100%;
    }
}

.layout-manuTwo {
    padding: calc(1% + 10px) 0 calc(2% + 20px);
}

.layout-manuTwo .mod-othercontent01 .mod-bg {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: calc(1vw + 5px) 0;
}

.layout-manuTwo .mod-othercontent01 .mod-title {
    padding: calc(1vw + 10px) calc(2vw + 10px);
    width: calc(50% - 1vw - 5px);
    box-sizing: border-box;
    display: flex;
    align-items: center;
    border-radius: calc(0.25vw + 5px);
    overflow: hidden;
}

.layout-manuTwo .mod-othercontent01 .mod-content {
    width: calc(50% - 1vw - 5px);
}

.layout-manuTwo .mod-othercontent01 .content-bg {
    border-radius: calc(0.25vw + 5px);
}

.layout-manuTwo .mod-othercontent01:first-of-type .mod-title {
    background: #fff;
}

.layout-manuTwo .mod-othercontent01:nth-of-type(4) .mod-title {
    background: #fff;
}

.layout-manuTwo .mod-othercontent01:nth-of-type(2n) .mod-bg {
    flex-direction: row-reverse;
}

@media(max-width:768px) {
    .layout-manuTwo .mod-othercontent01 .mod-title {
        width: 100%;
    }

    .layout-manuTwo .mod-othercontent01 .mod-content {
        width: 100%;
    }
}

.layout-capaOne {
    padding: calc(2% + 20px);
}

.layout-capaOne .mod-othercontent01 ul {
    padding: 0 1.5em;
    box-sizing: border-box;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1400px;
    margin: auto;
}

.layout-capaOne .mod-othercontent01 li {
    list-style: square;
    padding: calc(0.25vw + 5px) 0;
    border-bottom: 1px dashed #ccc;
    width: calc(50% - 2vw - 5px);
}

.layout-capaOne .mod-othercontent01 li h3 {
    font-size: calc(0.3vw + 14px);
    line-height: calc(0.5vw + 20px);
    font-weight: 500;
    color: #000;
    padding-bottom: 5px;
}

@media(min-width:769px) {
    .layout-capaOne .mod-othercontent01 li:nth-of-type(n+7) {
        border: none;
    }
}

@media(max-width:768px) {
    .layout-capaOne .mod-othercontent01 li {
        width: 100%;
    }
}

.layout-capaTwo {
    padding: calc(3% + 30px) 0;
    background: #fff;
}

.layout-capaTwo .mod-othercontent01 .content-bg {
    display: flex;
    align-items: start;
    flex-wrap: wrap;
    justify-content: space-between;
}

.layout-capaTwo .mod-othercontent01 .content-bg * {
    transition: All 0.3s ease-in-out;
}

.layout-capaTwo .mod-othercontent01 .item {
    width: calc(100%/3 - 0.75vw - 5px);
    position: relative;
    margin: calc(0.5vw + 5px) 0;
    border-radius: 5px;
    overflow: hidden;
}

.layout-capaTwo .mod-othercontent01 .text {
    padding: calc(1vw + 10px);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: start;
    justify-content: end;
    flex-direction: column;
    color: #fff;
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.75));
}

.layout-capaTwo .mod-othercontent01 .text h3 {
    font-size: calc(0.4vw + 16px);
    line-height: calc(0.5vw + 20px);
    font-weight: 600;
    display: block;
    padding: calc(0.5vw + 5px) 0;
}

.layout-capaTwo .mod-othercontent01 .item:hover .img img {
    transform: scale(1.05);
}

@media(max-width:768px) {
    .layout-capaTwo .mod-othercontent01 .item {
        width: calc(100%/2 - 0.5vw - 5px);
    }
}

@media(max-width:480px) {
    .layout-capaTwo .mod-othercontent01 .item {
        width: 100%;
    }
}

.layout-capaThree {
    padding: calc(3% + 30px) 0;
}

.layout-capaThree .mod-othercontent01 .img {
    border-radius: 5px;
    overflow: hidden;
}

.layout-capaThree .mod-othercontent01 .text {
    padding: calc(0.5vw + 10px) 5px;
}

.layout-capaThree .mod-othercontent01 .text h3 {
    font-size: calc(0.4vw + 16px);
    line-height: calc(0.5vw + 20px);
    font-weight: 600;
    display: block;
    padding-bottom: calc(0.25vw + 5px);
}

.layout-capaThree .mod-othercontent01 .swiper-slide:hover .img img {
    transform: scale(1.05);
}

.layout-capaThree .mod-othercontent01 .swiper-button-prev,
.layout-capaThree .mod-othercontent01 .swiper-button-next {
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    color: #000;
}

.layout-capaFour {
    padding: calc(3% + 30px) 0;
    background: #fff;
}

.layout-capaFour .mod-othercontent01 .content-bg {
    display: flex;
    align-items: start;
    flex-wrap: wrap;
}

.layout-capaFour .mod-othercontent01 .content-bg * {
    transition: All 0.3s ease-in-out;
}

.layout-capaFour .mod-othercontent01 .item {
    width: calc(100%/5 - 1vw - 10px);
    margin: calc(0.5vw + 5px);
    position: relative;
    text-align: center;
}

.layout-capaFour .mod-othercontent01 .item:after {
    content: "\f105";
    font: calc(1vw + 16px)/1 FontAwesome;
    position: absolute;
    top: 30%;
    left: 100%;
    transform: translate(50%, 0);
}

.layout-capaFour .mod-othercontent01 .img {
    width: calc(10vw + 80px);
    max-width: 100%;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
    margin: auto;
}

.layout-capaFour .mod-othercontent01 .img span {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: calc(2vw + 20px);
    line-height: calc(2vw + 25px);
    font-weight: 500;
    background: rgba(0, 0, 0, 0.2);
    opacity: 1;
}

.layout-capaFour .mod-othercontent01 .text {
    padding: calc(0.5vw + 5px);
}

.layout-capaFour .mod-othercontent01 .text h3 {
    font-size: calc(0.4vw + 16px);
    line-height: calc(0.5vw + 20px);
    font-weight: 600;
    display: block;
    padding-bottom: calc(0.25vw + 5px);
}

.layout-capaFour .mod-othercontent01 .item:hover .img span {
    opacity: 0;
}

.layout-capaFour .mod-othercontent01 .item:hover .img img {
    transform: scale(1.05);
}

@media(min-width:769px) {
    .layout-capaFour .mod-othercontent01 .item:nth-of-type(5n):after {
        display: none;
    }
}

@media(max-width:768px) and (min-width:481px) {
    .layout-capaFour .mod-othercontent01 .item {
        width: calc(100%/3 - 1vw - 10px);
    }

    .layout-capaFour .mod-othercontent01 .item:nth-of-type(3n):after {
        display: none;
    }
}

@media(max-width:480px) {
    .layout-capaFour .mod-othercontent01 .item {
        width: calc(100%/2 - 1vw - 10px);
    }

    .layout-capaFour .mod-othercontent01 .item:nth-of-type(2n):after {
        display: none;
    }
}

.layout-capaFive {
    padding: calc(3% + 30px) 0;
}

.layout-capaFive .mod-othercontent01 .content-bg {
    display: flex;
    align-items: start;
    flex-wrap: wrap;
    justify-content: space-between;
}

.layout-capaFive .mod-othercontent01 .content-bg * {
    transition: All 0.3s ease-in-out;
}

.layout-capaFive .mod-othercontent01 .item {
    width: calc(100%/4 - 0.5vw - 5px);
    display: flex;
    align-items: start;
    flex-direction: column;
}

.layout-capaFive .mod-othercontent01 .img {
    margin: calc(0.25vw + 5px) 0;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
}

.layout-capaFive .mod-othercontent01 .text {
    padding: calc(1vw + 10px);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #fff;
    background: rgba(0, 0, 0, 0.2);
    opacity: 1;
    text-align: center;
}

.layout-capaFive .mod-othercontent01 .text h3 {
    font-size: calc(0.4vw + 16px);
    line-height: calc(0.5vw + 20px);
    font-weight: 600;
    display: block;
}

.layout-capaFive .mod-othercontent01 .img:hover img {
    transform: scale(1.05);
}

.layout-capaFive .mod-othercontent01 .img:hover .text {
    opacity: 0;
}

@media(max-width:768px) {
    .layout-capaFive .mod-othercontent01 .item {
        width: calc(100%/2 - 0.25vw - 5px);
    }
}

@media(max-width:480px) {
    .layout-capaFive .mod-othercontent01 .item {
        width: 100%;
    }
}

.layout-capaSix {
    padding: calc(3% + 30px) 0;
    background: url(../images/bg1.jpg) center/cover no-repeat;
}

.layout-capaSix .mod-othercontent01 .mod-title * {
    color: #fff;
}

.layout-capaSev {
    padding: calc(3% + 30px) 0;
    background: #fff;
}

.layout-capaSev .mod-othercontent01 .mod-title {
    padding-bottom: calc(1vw + 10px);
}

.layout-capaSev .mod-othercontent01 .content-bg {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: space-between;
    overflow: visible;
}

.layout-capaSev .mod-othercontent01 .content-bg * {
    transition: All 0.3s ease-in-out;
}

.layout-capaSev .mod-othercontent01 dl {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    width: calc(100%/3);
    padding: calc(2vw + 10px);
    box-sizing: border-box;
    border-radius: calc(2vw + 5px) 5px;
}

.layout-capaSev .mod-othercontent01 dt {
    width: calc(0.5vw + 60px);
    border-radius: 50%;
    overflow: hidden;
    padding: calc(0.5vw + 5px);
    background: #fff;
}

.layout-capaSev .mod-othercontent01 dd {
    width: calc(100% - 2vw - 60px);
}

.layout-capaSev .mod-othercontent01 dd h3 {
    font-size: calc(0.4vw + 16px);
    line-height: calc(0.5vw + 20px);
    font-weight: 600;
    padding-bottom: calc(0.25vw + 5px);
}

.layout-capaSev .mod-othercontent01 dl:hover {
    background: #fff;
    box-shadow: 0 0 calc(1vw + 10px) rgba(0, 0, 0, 0.1);
}

.layout-capaSev .mod-othercontent01 dl:hover dt {
    background: var(--main);
}

.layout-capaSev .mod-othercontent01 dl:hover dt img {
    filter: invert(1);
}

@media(max-width:768px) {
    .layout-capaSev .mod-othercontent01 dl {
        width: calc(100%/2);
    }
}

@media(max-width:480px) {
    .layout-capaSev .mod-othercontent01 dl {
        width: 100%;
    }
}

.layout-capaEig {
    padding: calc(3% + 30px) 0;
    background: url(../images/bg2.jpg) center/cover fixed no-repeat;
}

.layout-capaEig .mod-othercontent01 .mod-title * {
    color: #fff;
}

.layout-capaEig .mod-othercontent01 .content-bg {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: space-between;
}

.layout-capaEig .mod-othercontent01 .content-bg * {
    transition: All 0.3s ease-in-out;
}

.layout-capaEig .mod-othercontent01 .text {
    width: calc(100%/5 - 0.5vw - 5px);
    padding: 0 calc(0.5vw + 10px) calc(1vw + 10px);
    box-sizing: border-box;
    background: #fff;
    border-radius: calc(0.25vw + 5px);
    margin: calc(1.25vw + 30px) 0 calc(0.5vw + 5px);
}

.layout-capaEig .mod-othercontent01 .text span {
    width: calc(0.5vw + 60px);
    border-radius: 50%;
    overflow: hidden;
    padding: calc(0.5vw + 5px);
    background: var(--main);
    margin-top: calc(-0.75vw - 25px);
    display: block;
}

.layout-capaEig .mod-othercontent01 .text h3 {
    font-size: calc(0.3vw + 14px);
    line-height: calc(0.5vw + 20px);
    font-weight: 600;
    padding: calc(0.5vw + 5px) 0;
}

@media(max-width:768px) {
    .layout-capaEig .mod-othercontent01 .text {
        width: calc(100%/2 - 0.5vw - 5px);
    }
}

@media(max-width:480px) {
    .layout-capaEig .mod-othercontent01 .text {
        width: 100%;
    }
}

.layout-capaNine {
    padding: calc(3% + 30px) 0;
}

.layout-capaNine .mod-othercontent01 .swiper-container {
    padding-bottom: calc(1vw + 20px);
}

.layout-capaNine .mod-othercontent01 .img {
    border-radius: 5px;
    overflow: hidden;
    margin: 0 calc(1vw + 5px);
}

.layout-capaNine .mod-othercontent01 .text {
    padding: calc(0.5vw + 10px);
    text-align: center;
}

.layout-capaNine .mod-othercontent01 .text h3 {
    font-size: calc(0.4vw + 16px);
    line-height: calc(0.5vw + 20px);
    font-weight: 600;
    display: block;
}

.layout-capaNine .mod-othercontent01 .swiper-slide:hover .img img {
    transform: scale(1.05);
}

.layout-capaNine .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    border-radius: 50vw;
    opacity: 1;
    background: #999;
}

.layout-capaNine .swiper-pagination-bullet-active {
    background: var(--main);
    width: calc(1vw + 10px);
}

.layout-capaTen .mod-othercontent01 .mod-bg {
    padding: calc(2vw + 10px) 0;
}

.layout-capaTen .mod-othercontent01 .mod-title * {
    color: #fff;
}

.layout-capaTen .mod-othercontent01 .mod-content {
    color: #fff;
}

.layout-pagetop .mod-othercontent01-trend .mod-bottom {
    padding: calc(2vw + 10px) calc(3vw + 10px);
    background: url(../images/manuOne-quote.png) top calc(1vw + 10px) left calc(3vw + 10px) no-repeat #fff;
}

.layout-pagetop .mod-othercontent01-trend .mod-bottom h2 {
    font-size: calc(1vw + 16px);
    line-height: calc(1vw + 20px);
    font-weight: 600;
    display: block;
    color: #000;
    padding: calc(1vw + 5px) 0;
}

@media(min-width:769px) {
    .layout-pagetop .mod-othercontent01-trend .mod-title {
        top: calc(50% - 5vw - 50px);
    }

    .layout-pagetop .mod-othercontent01-trend .mod-bottom {
        border-radius: calc(0.5vw + 5px);
        box-shadow: 0 0 calc(1vw + 10px) rgba(0, 0, 0, 0.1);
        max-width: 1500px;
        margin: calc(-5vw - 50px) auto calc(1vw + 10px);
        text-align: center;
        position: relative;
        z-index: 2;
        width: 100%;
        box-sizing: border-box;
    }
}

@media(max-width:768px) {
    .layout-pagetop .mod-othercontent01-trend .mod-title {
        top: 22.5%;
    }
}

@media(max-width:480px) {
    .layout-pagetop .mod-othercontent01-trend .mod-title {
        top: 12.5%;
    }
}

.layout-trendTwo {
    padding: calc(3% + 30px) 0;
    background: #fff;
}

.layout-trendTwo .mod-othercontent01 .img {
    border-radius: 5px;
    overflow: hidden;
}

.layout-trendTwo .mod-othercontent01 .text h3 {
    font-size: calc(0.4vw + 16px);
    line-height: calc(0.5vw + 20px);
    font-weight: 600;
    display: block;
    padding: calc(0.5vw + 5px);
    text-align: center;
}

.layout-trendTwo .mod-othercontent01 .swiper-slide:hover .img img {
    transform: scale(1.05);
}

.layout-trendTwo .mod-othercontent01 .swiper-button-prev,
.layout-trendTwo .mod-othercontent01 .swiper-button-next {
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    color: #000;
}

.layout-review-ce17c .mod-othercontent01 .swiper-button-prev,
.layout-review-ce17c .mod-othercontent01 .swiper-button-next {
    color: #333;
    width: calc(1vw + 25px);
    background: #fff;
    height: calc(1vw + 25px);
    border-radius: 50%;
    margin: 0;
    transform: translate(0, -50%);
}

.layout-review-ce17c .mod-othercontent01 .swiper-button-prev:after,
.layout-review-ce17c .mod-othercontent01 .swiper-button-next:after {
    font-size: calc(0.2vw + 14px);
    line-height: calc(1vw + 25px);
}

.layout-review-ce17c .mod-othercontent01 .swiper-button-prev:hover,
.layout-review-ce17c .mod-othercontent01 .swiper-button-next:hover {
    background: var(--main);
    color: #fff;
}

.layout-review-ce17c .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,
.layout-review-ce17c .mod-othercontent01 .swiper-button-next.swiper-button-disabled {
    opacity: 1;
    background: #eee;
    color: #666;
}

.layout-review-ce17c .mod-othercontent01-titlecenter-ce17c .mod-title {
    padding-bottom: calc(0.5vw + 10px);
    text-align: center;
    max-width: 1200px;
    margin: auto;
}

.layout-review-ce17c .mod-othercontent01-titlecenter-ce17c .title-right {
    padding-top: calc(0.25vw + 5px);
}

.layout-review-ce17c .mod-othercontent01-titlecenter-ce17c .title-right-span {
    display: block;
}

.layout-review-ce17c .mod-othercontent01-titlecenter-ce17c .mod-title h2 {
    font-size: calc(1vw + 16px);
    line-height: calc(1vw + 25px);
    color: #000;
    font-weight: 600;
    text-transform: uppercase;
}

.layout-review-ce17c {
    padding: calc(2% + 20px) 0;
    background: #fff;
}

.layout-review-ce17c .mod-othercontent01 .swiper-wrapper {
    align-items: stretch;
    padding-bottom: calc(1vw + 20px);
}

.layout-review-ce17c .mod-othercontent01 .swiper-slide {
    height: auto;
}

.layout-review-ce17c .mod-othercontent01 .text {
    padding: calc(1vw + 10px);
    height: calc(100% - 1vw - 20px);
    margin: calc(0.5vw + 10px);
    box-shadow: 0 0 calc(0.5vw + 10px) rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    border-radius: calc(0.5vw + 5px);
    overflow: hidden;
    background: #fff;
}

.layout-review-ce17c .mod-othercontent01 .text dl {
    display: flex;
    align-items: center;
    margin-bottom: calc(0.5vw + 10px);
    justify-content: space-between;
    padding-left: calc(3vw + 60px);
    position: relative;
}

.layout-review-ce17c .mod-othercontent01 .text dl:before {
    content: "";
    width: calc(2vw + 40px);
    height: calc(2vw + 40px);
    background: url(../images/review-quote.png) center no-repeat;
    background-size: 100% auto;
    position: absolute;
    top: 0;
    left: 0;
}

.layout-review-ce17c .mod-othercontent01 .text dt {
    width: calc(2vw + 60px);
    display: block;
    border-radius: 50%;
    overflow: hidden;
}

.layout-review-ce17c .mod-othercontent01 .text dd {
    width: calc(100% - 3vw - 70px);
}

.layout-review-ce17c .mod-othercontent01 .text dd h3 {
    font-size: calc(0.2vw + 16px);
    font-weight: 600;
    color: #000;
    padding-bottom: calc(0.25vw + 5px);
}

.layout-review-ce17c .mod-othercontent01 .text dd:after {
    content: "\f005\f005\f005\f005\f005";
    font: calc(0.2vw + 14px)/1 FontAwesome;
    color: #ff6700;
    letter-spacing: 2px;
    display: block;
    padding-top: 5px;
}

.layout-review-3rltp .mod-othercontent01 .swiper-button-prev,
.layout-review-3rltp .mod-othercontent01 .swiper-button-next {
    color: #333;
    width: calc(1vw + 25px);
    background: #fff;
    height: calc(1vw + 25px);
    border-radius: 50%;
    margin: 0;
    transform: translate(0, -50%);
}

.layout-review-3rltp .mod-othercontent01 .swiper-button-prev:after,
.layout-review-3rltp .mod-othercontent01 .swiper-button-next:after {
    font-size: calc(0.2vw + 14px);
    line-height: calc(1vw + 25px);
}

.layout-review-3rltp .mod-othercontent01 .swiper-button-prev:hover,
.layout-review-3rltp .mod-othercontent01 .swiper-button-next:hover {
    background: var(--main);
    color: #fff;
}

.layout-review-3rltp .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,
.layout-review-3rltp .mod-othercontent01 .swiper-button-next.swiper-button-disabled {
    opacity: 1;
    background: #eee;
    color: #666;
}

.layout-review-3rltp .mod-othercontent01-titlecenter-3rltp .mod-title {
    padding-bottom: calc(0.5vw + 10px);
    text-align: center;
    max-width: 1200px;
    margin: auto;
}

.layout-review-3rltp .mod-othercontent01-titlecenter-3rltp .title-right {
    padding-top: calc(0.25vw + 5px);
}

.layout-review-3rltp .mod-othercontent01-titlecenter-3rltp .title-right-span {
    display: block;
}

.layout-review-3rltp .mod-othercontent01-titlecenter-3rltp .mod-title h2 {
    font-size: calc(1vw + 16px);
    line-height: calc(1vw + 25px);
    color: #000;
    font-weight: 600;
    text-transform: uppercase;
}

.layout-review-3rltp {
    padding: calc(2% + 20px) 0;
    background: #ffffff;
}

.layout-review-3rltp .mod-othercontent01 .swiper-wrapper {
    align-items: stretch;
    padding-bottom: calc(1vw + 20px);
}

.layout-review-3rltp .mod-othercontent01 .swiper-slide {
    height: auto;
}

.layout-review-3rltp .mod-othercontent01 .text {
    padding: calc(1vw + 10px);
    height: calc(100% - 1vw - 20px);
    margin: calc(0.5vw + 10px);
    box-shadow: 0 0 calc(0.5vw + 10px) rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    border-radius: calc(0.5vw + 5px);
    overflow: hidden;
    background: #fff;
}

.layout-review-3rltp .mod-othercontent01 .text dl {
    display: flex;
    align-items: center;
    margin-bottom: calc(0.5vw + 10px);
    justify-content: space-between;
    padding-left: calc(3vw + 60px);
    position: relative;
}

.layout-review-3rltp .mod-othercontent01 .text dl:before {
    content: "";
    width: calc(2vw + 40px);
    height: calc(2vw + 40px);
    background: url(../images/review-quote.png) center no-repeat;
    background-size: 100% auto;
    position: absolute;
    top: 0;
    left: 0;
}

.layout-review-3rltp .mod-othercontent01 .text dt {
    width: calc(2vw + 60px);
    display: block;
    border-radius: 50%;
    overflow: hidden;
}

.layout-review-3rltp .mod-othercontent01 .text dd {
    width: calc(100% - 3vw - 70px);
}

.layout-review-3rltp .mod-othercontent01 .text dd h3 {
    font-size: calc(0.2vw + 16px);
    font-weight: 600;
    color: #000;
    padding-bottom: calc(0.25vw + 5px);
}

.layout-review-3rltp .mod-othercontent01 .text dd:after {
    content: "\f005\f005\f005\f005\f005";
    font: calc(0.2vw + 14px)/1 FontAwesome;
    color: #ff6700;
    letter-spacing: 2px;
    display: block;
    padding-top: 5px;
}

.layout-aboutSix-gphr2 .mod-othercontent01 .swiper-button-prev,
.layout-aboutSix-gphr2 .mod-othercontent01 .swiper-button-next {
    color: #666;
    width: calc(1.5vw + 30px);
    height: calc(1.5vw + 30px);
    margin: 0;
    transform: translate(0, -50%);
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 calc(0.5vw + 10px) rgba(0, 0, 0, 0.1);
}

.layout-aboutSix-gphr2 .mod-othercontent01 .swiper-button-prev:after,
.layout-aboutSix-gphr2 .mod-othercontent01 .swiper-button-next:after {
    font-size: calc(0.6vw + 16px);
    line-height: calc(1.5vw + 30px);
}

.layout-aboutSix-gphr2 .mod-othercontent01 .swiper-button-prev:hover,
.layout-aboutSix-gphr2 .mod-othercontent01 .swiper-button-next:hover {
    background: var(--deputy);
    color: #fff;
}

.layout-aboutSix-gphr2 .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,
.layout-aboutSix-gphr2 .mod-othercontent01 .swiper-button-next.swiper-button-disabled {
    opacity: 1;
    background: #eee;
    color: #666;
}

.layout-aboutSix-gphr2 .mod-othercontent01-titlecenter-gphr2 .mod-title {
    padding-bottom: calc(1vw + 10px);
    text-align: center;
}

.layout-aboutSix-gphr2 .mod-othercontent01-titlecenter-gphr2 .title-right {
    padding-top: calc(0.25vw + 5px);
    margin: auto;
}

.layout-aboutSix-gphr2 .mod-othercontent01-titlecenter-gphr2 .title-right-span {
    display: block;
}

.layout-aboutSix-gphr2 .mod-othercontent01-titlecenter-gphr2 .mod-title h2 {
    font-size: calc(1vw + 20px);
    line-height: calc(1vw + 25px);
    color: var(--main);
    font-weight: 600;
}

.layout-aboutSix-gphr2 .mod-othercontent01-titlecenter-gphr2 .mod-title a {
    background: var(--main);
    color: #fff;
    padding: calc(0.25vw + 5px) calc(2vw + 10px);
    border-radius: 50vw;
    margin-top: calc(1vw + 10px);
    text-transform: capitalize;
}

.layout-aboutSix-gphr2 .mod-othercontent01-titlecenter-gphr2 .mod-title a:hover {
    background: var(--deputy);
}

.layout-aboutSix-gphr2 {
    padding: calc(2% + 20px) 0;
    background: #edf3eb;
}

.layout-aboutSix-gphr2 .mod-othercontent01 .content-bg {
    max-width: 1200px;
    margin: auto;
}

.layout-aboutSix-gphr2 .mod-othercontent01 .swiper-container {
    padding-bottom: calc(1vw + 30px);
}

.layout-aboutSix-gphr2 .mod-othercontent01 .swiper-slide {
    border-radius: calc(0.5vw + 5px);
    overflow: hidden;
    position: relative;
}

.layout-aboutSix-gphr2 .mod-othercontent01 .swiper-slide h3 {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: calc(1vw + 10px);
    text-align: center;
    color: #fff;
    font-size: calc(0.7vw + 16px);
    line-height: calc(1vw + 10px);
    background: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
}

.layout-aboutSev-7akde .mod-othercontent01 .swiper-button-prev,
.layout-aboutSev-7akde .mod-othercontent01 .swiper-button-next {
    color: #fff;
    width: calc(1vw + 30px);
    height: calc(1vw + 30px);
    margin: 0;
    transform: translate(0, -50%);
    border-radius: calc(0.25vw + 5px);
}

.layout-aboutSev-7akde .mod-othercontent01 .swiper-button-prev:after,
.layout-aboutSev-7akde .mod-othercontent01 .swiper-button-next:after {
    font-size: calc(0.4vw + 16px);
    line-height: calc(1vw + 30px);
}

.layout-aboutSev-7akde .mod-othercontent01 .swiper-button-prev:hover,
.layout-aboutSev-7akde .mod-othercontent01 .swiper-button-next:hover {
    background: var(--main) !important;
    color: #fff !important;
}

.layout-aboutSev-7akde .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,
.layout-aboutSev-7akde .mod-othercontent01 .swiper-button-next.swiper-button-disabled {
    opacity: 1;
    background: #eee;
    color: #999;
}

.layout-aboutSev-7akde .mod-othercontent01 .content-bg {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: space-between;
}

.layout-aboutSev-7akde .mod-othercontent01 .content-bg * {
    transition: All 0.3s ease-in-out;
}

.layout-aboutSev-7akde .mod-othercontent01 .item {
    width: calc(50% - 1vw - 5px);
    margin: calc(0.5vw + 5px) 0;
    text-align: center;
}

.layout-aboutSev-7akde .mod-othercontent01 .img {
    border-radius: 5px;
    overflow: hidden;
}

.layout-aboutSev-7akde .mod-othercontent01 .item h3 {
    font-size: calc(0.5vw + 16px);
    line-height: calc(0.5vw + 20px);
    text-transform: uppercase;
    font-weight: 600;
    padding: calc(0.5vw + 5px);
}

@media(max-width:768px) {
    .layout-aboutSev-7akde .mod-othercontent01 .item {
        width: 100%;
    }
}

.layout-capaOne-ox9o7 .mod-othercontent01 .swiper-button-prev,
.layout-capaOne-ox9o7 .mod-othercontent01 .swiper-button-next {
    color: #333;
    width: calc(1vw + 25px);
    background: #fff;
    height: calc(1vw + 25px);
    border-radius: 50%;
    margin: 0;
    transform: translate(0, -50%);
}

.layout-capaOne-ox9o7 .mod-othercontent01 .swiper-button-prev:after,
.layout-capaOne-ox9o7 .mod-othercontent01 .swiper-button-next:after {
    font-size: calc(0.2vw + 14px);
    line-height: calc(1vw + 25px);
}

.layout-capaOne-ox9o7 .mod-othercontent01 .swiper-button-prev:hover,
.layout-capaOne-ox9o7 .mod-othercontent01 .swiper-button-next:hover {
    background: var(--main);
    color: #fff;
}

.layout-capaOne-ox9o7 .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,
.layout-capaOne-ox9o7 .mod-othercontent01 .swiper-button-next.swiper-button-disabled {
    opacity: 1;
    background: #eee;
    color: #666;
}

@media(max-width:768px) {

    .layout-capaOne-ox9o7 .mod-othercontent01 .swiper-button-prev,
    .layout-capaOne-ox9o7 .mod-othercontent01 .swiper-button-next {
        display: none;
    }
}

.layout-capaOne-ox9o7 .mod-othercontent01-titlecenter-ox9o7 .mod-title {
    padding-bottom: calc(0.5vw + 10px);
    text-align: center;
    max-width: 1200px;
    margin: auto;
}

.layout-capaOne-ox9o7 .mod-othercontent01-titlecenter-ox9o7 .title-right {
    padding-top: calc(0.25vw + 5px);
}

.layout-capaOne-ox9o7 .mod-othercontent01-titlecenter-ox9o7 .title-right-span {
    display: block;
}

.layout-capaOne-ox9o7 .mod-othercontent01-titlecenter-ox9o7 .mod-title h3 {
    color: var(--main);
}

.layout-capaOne-ox9o7 .mod-othercontent01-titlecenter-ox9o7 .mod-title h2 {
    font-size: calc(1vw + 16px);
    line-height: calc(1vw + 25px);
    color: var(--main);
    font-weight: 500;
    text-transform: capitalize;
}

.layout-capaOne-ox9o7 .mod-othercontent01-titlecenter-ox9o7 .mod-bottom {
    padding-top: calc(1vw + 10px);
}

.layout-capaOne-ox9o7 .mod-othercontent01-titlecenter-ox9o7 .bottom-left {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.layout-capaOne-ox9o7 .mod-othercontent01-titlecenter-ox9o7 .mod-bottom a {
    color: #fff;
    border-radius: 5px;
    background: var(--main);
    padding: calc(0.25vw + 5px) calc(0.5vw + 15px);
    display: inline-flex;
    align-items: center;
    margin: 5px calc(0.5vw + 5px);
}

.layout-capaOne-ox9o7 .mod-othercontent01-titlecenter-ox9o7 .mod-bottom a:after {
    content: "\f105";
    font: calc(0.2vw + 14px)/1 FontAwesome;
    padding: 0 5px;
}

.layout-capaOne-ox9o7 .mod-othercontent01-titlecenter-ox9o7 .mod-bottom a:hover {
    background: var(--deputy);
}

.layout-capaOne-ox9o7 {
    padding: calc(2% + 20px) 0 calc(1% + 10px);
    background: #f5f1eb;
}

.layout-capaOne-ox9o7 .mod-othercontent01 .content-bg {
    display: flex;
    align-items: start;
    flex-wrap: wrap;
}

.layout-capaOne-ox9o7 .mod-othercontent01 .content-bg * {
    transition: All 0.3s ease-in-out;
}

.layout-capaOne-ox9o7 .mod-othercontent01 .item {
    width: calc(100%/4 - 0.5vw - 10px);
    margin: calc(0.25vw + 5px);
    border-radius: 5px;
    overflow: hidden;
    background: var(--main);
}

.layout-capaOne-ox9o7 .mod-othercontent01 .text h3 {
    font-size: calc(0.5vw + 14px);
    line-height: calc(0.5vw + 20px);
    font-weight: 500;
    color: #fff;
    padding: calc(0.25vw + 5px);
}

.layout-capaOne-ox9o7 .mod-othercontent01 .item:hover .img img {
    transform: scale(1.05);
}

@media(max-width:768px) {
    .layout-capaOne-ox9o7 .mod-othercontent01 .item {
        width: calc(100%/2 - 0.5vw - 10px);
    }
}

@media(max-width:480px) {
    .layout-capaOne-ox9o7 .mod-othercontent01 .item {
        width: calc(100% - 0.5vw - 10px);
    }
}

.layout-applySix-mvdui .mod-othercontent01 .swiper-button-prev,
.layout-applySix-mvdui .mod-othercontent01 .swiper-button-next {
    width: calc(0.5vw + 30px);
    height: calc(0.5vw + 30px);
    margin: 0;
    transform: none;
    border: 1px solid #ccc;
    color: #ccc;
    border-radius: 50%;
    background: #fff;
}

.layout-applySix-mvdui .mod-othercontent01 .swiper-button-prev:after,
.layout-applySix-mvdui .mod-othercontent01 .swiper-button-next:after {
    font-size: calc(0.3vw + 14px);
    line-height: calc(0.5vw + 30px);
}

.layout-applySix-mvdui .mod-othercontent01 .swiper-button-prev:hover,
.layout-applySix-mvdui .mod-othercontent01 .swiper-button-next:hover {
    background: var(--main);
    color: #fff;
    border-color: var(--main);
}

.layout-applySix-mvdui .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,
.layout-applySix-mvdui .mod-othercontent01 .swiper-button-next.swiper-button-disabled {
    opacity: 1;
    background: #eee;
    color: #666;
}

.layout-applySix-mvdui .mod-othercontent01-page-mvdui .mod-title {
    padding-bottom: calc(1vw + 10px);
    text-align: center;
}

.layout-applySix-mvdui .mod-othercontent01-page-mvdui .title-right {
    max-width: 1200px;
    margin: auto;
}

.layout-applySix-mvdui .mod-othercontent01-page-mvdui .title-right-span {
    display: block;
}

.layout-applySix-mvdui .mod-othercontent01-page-mvdui .title-right a {
    padding: calc(0.25vw + 5px) calc(2vw + 10px);
    border: 1px solid #ccc;
    color: #ccc;
    background: #fff;
    border-radius: calc(0.25vw + 5px);
    margin-top: calc(2vw + 10px);
}

.layout-applySix-mvdui .mod-othercontent01-page-mvdui .title-right a:hover {
    color: #fff;
    background: var(--main);
    border-color: var(--main);
}

.layout-applySix-mvdui .mod-othercontent01-page-mvdui .mod-title h2 {
    font-size: calc(0.8vw + 16px);
    line-height: calc(1vw + 20px);
    font-weight: 700;
    color: #000;
    padding-bottom: calc(0.25vw + 5px);
}

.layout-applySix-mvdui .mod-othercontent01-page-mvdui .bottom-left {
    text-align: center;
    padding-top: calc(2vw + 10px);
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.layout-applySix-mvdui .mod-othercontent01-page-mvdui .bottom-left a {
    padding: calc(0.25vw + 5px) calc(2vw + 10px);
    border: 1px solid #ccc;
    color: #ccc;
    background: #fff;
    border-radius: calc(0.25vw + 5px);
    margin: 5px;
}

.layout-applySix-mvdui .mod-othercontent01-page-mvdui .bottom-left a:hover {
    color: #fff;
    background: var(--main);
    border-color: var(--main);
}

.layout-applySix-mvdui {
    padding: calc(1% + 10px) 0 calc(2% + 20px);
}

.layout-applySix-mvdui .mod-othercontent01 .content-bg {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    overflow: visible;
}

.layout-applySix-mvdui .mod-othercontent01 .content-bg * {
    transition: All 0.3s ease-in-out;
}

.layout-applySix-mvdui .mod-othercontent01 .item {
    width: calc(100%/4 - 1vw - 10px);
    margin: calc(0.5vw + 5px);
    overflow: hidden;
}

.layout-applySix-mvdui .mod-othercontent01 .img {
    overflow: hidden;
    border-radius: calc(0.5vw + 5px);
}

.layout-applySix-mvdui .mod-othercontent01 .text {
    padding: calc(0.25vw + 5px);
    text-align: center;
}

@media(max-width:480px) {
    .layout-applySix-mvdui .mod-othercontent01 .item {
        width: calc(100%/2 - 1vw - 10px);
    }
}

.layout-about-7s34w .mod-othercontent01 .swiper-button-prev,
.layout-about-7s34w .mod-othercontent01 .swiper-button-next {
    color: #fff;
    width: calc(1vw + 25px);
    height: calc(1vw + 25px);
    margin: 0;
    transform: translate(0, -50%);
}

.layout-about-7s34w .mod-othercontent01 .swiper-button-prev:after,
.layout-about-7s34w .mod-othercontent01 .swiper-button-next:after {
    font-size: calc(0.3vw + 16px);
    line-height: calc(1vw + 25px);
}

.layout-about-7s34w .mod-othercontent01 .swiper-button-prev:hover,
.layout-about-7s34w .mod-othercontent01 .swiper-button-next:hover {
    color: var(--main);
}

.layout-about-7s34w .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,
.layout-about-7s34w .mod-othercontent01 .swiper-button-next.swiper-button-disabled {
    opacity: 1;
    color: #333;
}

@media(max-width:768px) {

    .layout-about-7s34w .mod-othercontent01 .swiper-button-prev,
    .layout-about-7s34w .mod-othercontent01 .swiper-button-next {
        display: none;
    }
}

.layout-about-7s34w .mod-othercontent01-title-7s34w .mod-title {
    padding-bottom: calc(1vw + 10px);
}

.layout-about-7s34w .mod-othercontent01-title-7s34w .title-right {
    padding-top: calc(0.5vw + 5px);
}

.layout-about-7s34w .mod-othercontent01-title-7s34w .title-right-span {
    display: block;
}

.layout-about-7s34w .mod-othercontent01-title-7s34w .mod-title h3 {
    color: var(--main);
    font-weight: 500;
}

.layout-about-7s34w .mod-othercontent01-title-7s34w .mod-title h2 {
    font-size: calc(1.4vw + 18px);
    line-height: calc(1.5vw + 20px);
    color: #fff;
    font-weight: 600;
}

.layout-about-7s34w .mod-othercontent01-title-7s34w .mod-title strong {
    color: var(--main);
}

.layout-about-7s34w .mod-othercontent01-title-7s34w .mod-title a {
    background: var(--main);
    color: #000;
    padding: calc(0.25vw + 5px) calc(1vw + 20px);
    text-transform: uppercase;
}

.layout-about-7s34w .mod-othercontent01-title-7s34w .mod-title a:hover {
    color: #fff;
}

.layout-about-7s34w .mod-othercontent01-title-7s34w .mod-bottom {
    padding-top: calc(2vw + 10px);
}

.layout-about-7s34w .mod-othercontent01-title-7s34w .mod-bottom a {
    background: var(--main);
    color: #000;
    padding: calc(0.25vw + 5px) calc(1vw + 20px);
    text-transform: uppercase;
}

.layout-about-7s34w .mod-othercontent01-title-7s34w .mod-bottom a:hover {
    color: #fff;
}

.layout-about-7s34w {
    padding: calc(3% + 30px) 0;
}

.layout-about-7s34w .mod-othercontent01 .mod-bg {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

.layout-about-7s34w .mod-othercontent01 .mod-title {
    width: 50%;
    padding: calc(3vw + 10px);
    box-sizing: border-box;
    order: 2;
    background: url(../images/about-bg.jpg) center/cover no-repeat;
    display: flex;
    align-items: center;
    justify-content: start;
}

.layout-about-7s34w .mod-othercontent01 .mod-title h2 {
    padding: 5px 0 calc(0.5vw + 5px);
}

.layout-about-7s34w .mod-othercontent01 .title-right {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px;
    padding-top: calc(1vw + 10px);
}

.layout-about-7s34w .mod-othercontent01 .title-right a {
    margin: 5px;
    border: 1px solid var(--main);
    color: var(--main);
    background: none;
}

.layout-about-7s34w .mod-othercontent01 .title-right a:first-of-type {
    background: var(--main);
    color: #fff;
}

.layout-about-7s34w .mod-othercontent01 .title-right a:hover {
    background: var(--main);
    color: #fff;
}

.layout-about-7s34w .mod-othercontent01 .mod-content {
    width: 50%;
    order: 1;
}

@media(max-width:768px) {
    .layout-about-7s34w .mod-othercontent01 .mod-bg>div {
        width: 100%;
    }
}

.layout-serTwo-0kfks .mod-othercontent01 .swiper-button-prev,
.layout-serTwo-0kfks .mod-othercontent01 .swiper-button-next {
    color: #fff;
    background: var(--main);
    border-radius: 50%;
    width: calc(1vw + 30px);
    height: calc(1vw + 30px);
    margin: 0;
    transform: translate(0, -50%);
}

.layout-serTwo-0kfks .mod-othercontent01 .swiper-button-prev:after,
.layout-serTwo-0kfks .mod-othercontent01 .swiper-button-next:after {
    font-size: calc(0.3vw + 14px);
    line-height: 100%;
}

.layout-serTwo-0kfks .mod-othercontent01 .swiper-button-prev:hover,
.layout-serTwo-0kfks .mod-othercontent01 .swiper-button-next:hover {
    background: var(--deputy);
}

.layout-serTwo-0kfks .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,
.layout-serTwo-0kfks .mod-othercontent01 .swiper-button-next.swiper-button-disabled {
    opacity: 1;
    background: #eee;
    color: #666;
}

.layout-serTwo-0kfks .mod-othercontent01-titlecenter-0kfks .mod-title {
    padding-bottom: calc(1vw + 10px);
    text-align: center;
}

.layout-serTwo-0kfks .mod-othercontent01-titlecenter-0kfks .title-right {
    max-width: 1200px;
    margin: auto;
    padding-top: calc(0.25vw + 5px);
}

.layout-serTwo-0kfks .mod-othercontent01-titlecenter-0kfks .title-right-span {
    display: block;
}

.layout-serTwo-0kfks .mod-othercontent01-titlecenter-0kfks .mod-title h2 {
    font-size: calc(0.8vw + 20px);
    line-height: calc(1vw + 25px);
    color: #000;
    font-weight: 700;
}

.layout-serTwo-0kfks .mod-othercontent01-titlecenter-0kfks .mod-bottom {
    text-align: center;
}

.layout-serTwo-0kfks .mod-othercontent01-titlecenter-0kfks .mod-bottom a {
    font-size: calc(0.3vw + 16px);
    line-height: calc(0.5vw + 20px);
    font-weight: 600;
    color: #fff;
    background: var(--deputy);
    padding: calc(0.5vw + 5px) calc(2vw + 10px);
    border-radius: 50vw;
    margin-top: calc(2vw + 10px);
}

.layout-serTwo-0kfks .mod-othercontent01-titlecenter-0kfks .mod-bottom a:hover {
    background: var(--main);
}

.layout-serTwo-0kfks {
    padding: calc(2% + 20px) 0;
    background: #fafafa;
}

.layout-serTwo-0kfks .mod-othercontent01 .content-bg {
    display: flex;
    align-items: start;
    flex-wrap: wrap;
    justify-content: space-between;
}

.layout-serTwo-0kfks .mod-othercontent01 .img {
    width: calc(50% - 1vw - 5px);
    margin: calc(0.5vw + 5px) 0;
}

.layout-serTwo-0kfks .mod-othercontent01 .img span {
    display: block;
    border-radius: calc(0.25vw + 5px);
    overflow: hidden;
}

.layout-serTwo-0kfks .mod-othercontent01 .img h3 {
    font-weight: 600;
    color: #000;
    padding: calc(0.5vw + 5px);
    display: block;
    text-align: center;
}

@media(max-width:480px) {
    .layout-serTwo-0kfks .mod-othercontent01 .img {
        width: 100%;
    }
}

.layout-capaTwo-0p2ot .mod-othercontent01 .swiper-button-prev,
.layout-capaTwo-0p2ot .mod-othercontent01 .swiper-button-next {
    color: #fff;
    width: calc(1vw + 30px);
    height: calc(1vw + 30px);
    margin: 0;
    transform: translate(0, -50%);
}

.layout-capaTwo-0p2ot .mod-othercontent01 .swiper-button-prev:after,
.layout-capaTwo-0p2ot .mod-othercontent01 .swiper-button-next:after {
    font-size: calc(0.2vw + 14px);
    line-height: calc(1vw + 25px);
}

.layout-capaTwo-0p2ot .mod-othercontent01 .swiper-button-prev:hover,
.layout-capaTwo-0p2ot .mod-othercontent01 .swiper-button-next:hover {
    color: var(--main);
}

.layout-capaTwo-0p2ot .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,
.layout-capaTwo-0p2ot .mod-othercontent01 .swiper-button-next.swiper-button-disabled {
    opacity: 1;
    background: #eee;
    color: #666;
}

@media(max-width:768px) {

    .layout-capaTwo-0p2ot .mod-othercontent01 .swiper-button-prev,
    .layout-capaTwo-0p2ot .mod-othercontent01 .swiper-button-next {
        display: none;
    }
}

.layout-capaTwo-0p2ot .mod-othercontent01-titlecenter-0p2ot .mod-title {
    text-align: center;
    padding-bottom: calc(0.5vw + 10px);
}

.layout-capaTwo-0p2ot .mod-othercontent01-titlecenter-0p2ot .title-right {
    max-width: 1200px;
    margin: auto;
    padding-top: calc(0.25vw + 5px);
}

.layout-capaTwo-0p2ot .mod-othercontent01-titlecenter-0p2ot .title-right-span {
    display: block;
}

.layout-capaTwo-0p2ot .mod-othercontent01-titlecenter-0p2ot .mod-title h2 {
    font-size: calc(0.8vw + 20px);
    line-height: calc(1vw + 25px);
    font-weight: 600;
    color: #000;
    text-transform: capitalize;
}

.layout-capaTwo-0p2ot {
    padding: calc(3% + 30px) 0;
    background: #fff;
}

.layout-capaTwo-0p2ot .mod-othercontent01 .content-bg {
    display: flex;
    align-items: start;
    flex-wrap: wrap;
    justify-content: space-between;
}

.layout-capaTwo-0p2ot .mod-othercontent01 .content-bg * {
    transition: All 0.3s ease-in-out;
}

.layout-capaTwo-0p2ot .mod-othercontent01 .item {
    width: calc(100%/3 - 0.75vw - 5px);
    position: relative;
    margin: calc(0.5vw + 5px) 0;
    border-radius: 5px;
    overflow: hidden;
}

.layout-capaTwo-0p2ot .mod-othercontent01 .text {
    padding: calc(1vw + 10px);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: start;
    justify-content: end;
    flex-direction: column;
    color: #fff;
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.75));
}

.layout-capaTwo-0p2ot .mod-othercontent01 .text h3 {
    font-size: calc(0.4vw + 16px);
    line-height: calc(0.5vw + 20px);
    font-weight: 600;
    display: block;
    padding: calc(0.5vw + 5px) 0;
}

.layout-capaTwo-0p2ot .mod-othercontent01 .item:hover .img img {
    transform: scale(1.05);
}

@media(max-width:768px) {
    .layout-capaTwo-0p2ot .mod-othercontent01 .item {
        width: calc(100%/2 - 0.5vw - 5px);
    }
}

@media(max-width:480px) {
    .layout-capaTwo-0p2ot .mod-othercontent01 .item {
        width: 100%;
    }
}

.layout-manuNine-o5w38 .mod-othercontent01 .swiper-button-prev,
.layout-manuNine-o5w38 .mod-othercontent01 .swiper-button-next {
    color: #333;
    width: calc(1vw + 30px);
    height: calc(1vw + 30px);
    border: 1px solid #333;
    margin: 0;
    transform: translate(0, -50%);
}

.layout-manuNine-o5w38 .mod-othercontent01 .swiper-button-prev:after,
.layout-manuNine-o5w38 .mod-othercontent01 .swiper-button-next:after {
    font-size: calc(0.3vw + 14px);
    line-height: 100%;
}

.layout-manuNine-o5w38 .mod-othercontent01 .swiper-button-prev:hover,
.layout-manuNine-o5w38 .mod-othercontent01 .swiper-button-next:hover {
    background: #333;
    color: #fff;
}

.layout-manuNine-o5w38 .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,
.layout-manuNine-o5w38 .mod-othercontent01 .swiper-button-next.swiper-button-disabled {
    opacity: 1;
    background: #eee;
    color: #666;
}

@media(max-width:768px) {

    .layout-manuNine-o5w38 .mod-othercontent01 .swiper-button-prev,
    .layout-manuNine-o5w38 .mod-othercontent01 .swiper-button-next {
        display: none;
    }
}

.layout-manuNine-o5w38 .mod-othercontent01-title-o5w38 .mod-title {
    padding-bottom: calc(0.5vw + 5px);
}

.layout-manuNine-o5w38 .mod-othercontent01-title-o5w38 .title-left {
    float: none;
}

.layout-manuNine-o5w38 .mod-othercontent01-title-o5w38 .title-right {
    float: none;
    max-width: 1200px;
    padding-top: calc(0.25vw + 5px);
}

.layout-manuNine-o5w38 .mod-othercontent01-title-o5w38 .title-right-span {
    display: block;
}

.layout-manuNine-o5w38 .mod-othercontent01-title-o5w38 .mod-title h3 {
    font-size: calc(0.1vw + 14px);
    line-height: calc(0.25vw + 20px);
    color: #333;
    display: inline-flex;
    align-items: center;
}

.layout-manuNine-o5w38 .mod-othercontent01-title-o5w38 .mod-title h3:before {
    content: "";
    width: calc(1vw + 35px);
    height: 3px;
    background: #333;
    margin-right: 10px;
    display: block;
}

.layout-manuNine-o5w38 .mod-othercontent01-title-o5w38 .mod-title h2 {
    font-size: calc(1.2vw + 16px);
    line-height: calc(1.5vw + 20px);
    font-weight: 600;
    color: #000;
}

.layout-manuNine-o5w38 {
    padding: calc(2% + 20px) 0;
    background: #fff;
}

.layout-manuNine-o5w38 .mod-othercontent01 .mod-title {
    text-align: center;
    padding-bottom: calc(1vw + 10px);
}

.layout-manuNine-o5w38 .mod-othercontent01 .title-right {
    margin: auto;
}

.layout-manuNine-o5w38 .mod-othercontent01 .content-bg {
    display: flex;
    align-items: start;
    flex-wrap: wrap;
    overflow: visible;
}

.layout-manuNine-o5w38 .mod-othercontent01 .content-bg * {
    transition: All 0.3s ease-in-out;
}

.layout-manuNine-o5w38 .mod-othercontent01 .img {
    width: calc(100%/5 - 1vw - 10px);
    margin: calc(0.5vw + 5px);
    padding: calc(0.5vw + 5px) 0;
    border-radius: calc(0.5vw + 5px);
    overflow: hidden;
}

.layout-manuNine-o5w38 .mod-othercontent01 .img:hover {
    box-shadow: 0 0 calc(1vw + 10px) rgba(0, 0, 0, 0.1);
    background: #fff;
}

@media(max-width:768px) {
    .layout-manuNine-o5w38 .mod-othercontent01 .img {
        width: calc(100%/4 - 1vw - 10px);
    }
}

@media(max-width:480px) {
    .layout-manuNine-o5w38 .mod-othercontent01 .img {
        width: calc(100%/2 - 1vw - 10px);
    }
}

.layout-faq-nbwlc .mod-othercontent01 .swiper-button-prev,
.layout-faq-nbwlc .mod-othercontent01 .swiper-button-next {
    color: #333;
    width: calc(1vw + 25px);
    height: calc(1vw + 25px);
    margin: 0;
    transform: translate(0, -50%);
}

.layout-faq-nbwlc .mod-othercontent01 .swiper-button-prev:after,
.layout-faq-nbwlc .mod-othercontent01 .swiper-button-next:after {
    font-size: calc(0.1vw + 14px);
    line-height: calc(1vw + 25px);
}

.layout-faq-nbwlc .mod-othercontent01 .swiper-button-prev:hover,
.layout-faq-nbwlc .mod-othercontent01 .swiper-button-next:hover {
    color: var(--main) !important;
}

.layout-faq-nbwlc .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,
.layout-faq-nbwlc .mod-othercontent01 .swiper-button-next.swiper-button-disabled {
    opacity: 1;
    color: #ddd;
}

.layout-faq-nbwlc .mod-othercontent01-titlecenter-nbwlc .mod-title {
    padding-bottom: calc(1vw + 10px);
    text-align: center;
}

.layout-faq-nbwlc .mod-othercontent01-titlecenter-nbwlc .title-left:before {
    content: "";
    width: 135px;
    height: 25px;
    display: block;
    margin: 0 auto 10px;
}

.layout-faq-nbwlc .mod-othercontent01-titlecenter-nbwlc .title-right {
    padding-top: calc(0.25vw + 5px);
    max-width: 1200px;
    margin: auto;
}

.layout-faq-nbwlc .mod-othercontent01-titlecenter-nbwlc .title-right-span {
    display: block;
}

.layout-faq-nbwlc .mod-othercontent01-titlecenter-nbwlc .mod-title h3 {
    color: var(--deputy);
    font-size: calc(0.2vw + 14px);
    font-weight: 600;
}

.layout-faq-nbwlc .mod-othercontent01-titlecenter-nbwlc .mod-title h2 {
    font-size: calc(1.3vw + 18px);
    line-height: calc(1.5vw + 20px);
    color: var(--third);
    font-weight: 500;
}

.layout-faq-nbwlc .mod-othercontent01-titlecenter-nbwlc .mod-title h2 strong {
    color: var(--main);
    font-weight: 500;
}

.layout-faq-nbwlc .mod-othercontent01-titlecenter-nbwlc .mod-bottom {
    padding-top: calc(2vw + 10px);
    text-align: center;
}

.layout-faq-nbwlc .mod-othercontent01-titlecenter-nbwlc .mod-bottom a {
    color: var(--third);
    background: var(--main);
    padding: calc(0.25vw + 5px) calc(1vw + 10px);
    border-radius: calc(0.25vw + 5px);
    font-weight: 600;
}

.layout-faq-nbwlc .mod-othercontent01-titlecenter-nbwlc .mod-bottom a:hover {
    color: #fff;
}

.layout-faq-nbwlc {
    padding: calc(2% + 20px) 0 10px;
    background: #fff;
}

.layout-faq-nbwlc .mod-othercontent01 .content-bg {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}

.layout-faq-nbwlc .mod-othercontent01 .content-bg * {
    transition: All 0.3s ease-in-out;
}

.layout-faq-nbwlc .mod-othercontent01 .img {
    width: 50%;
    border-radius: calc(0.5vw + 5px);
    overflow: hidden;
}

.layout-faq-nbwlc .mod-othercontent01 .img .desc {
    padding: calc(0.5vw + 10px);
    text-align: center;
    background: var(--third);
    text-align: center;
    color: #fff;
}

.layout-faq-nbwlc .mod-othercontent01 .img .desc h3 {
    font-size: calc(0.5vw + 14px);
    line-height: calc(0.5vw + 20px);
    font-weight: 600;
}

.layout-faq-nbwlc .mod-othercontent01 .img .desc a {
    font-size: calc(0.2vw + 14px);
    padding: calc(0.25vw + 5px) calc(1vw + 10px);
    background: var(--main);
    color: var(--third);
    border-radius: calc(0.25vw + 5px);
    margin-top: 10px;
    font-weight: 500;
}

.layout-faq-nbwlc .mod-othercontent01 .img .desc a:hover {
    color: #fff;
}

.layout-faq-nbwlc .mod-othercontent01 .text {
    width: calc(50% - 2vw - 10px);
    padding: calc(0.5vw + 10px) 0;
}

.layout-faq-nbwlc .mod-othercontent01 .text .info {
    padding: calc(0.5vw + 5px) 0;
}

.layout-faq-nbwlc .mod-othercontent01 .text .info+.info {
    border-top: 1px solid #ddd;
}

.layout-faq-nbwlc .mod-othercontent01 .text .info h3 {
    font-size: calc(0.3vw + 16px);
    line-height: calc(0.5vw + 20px);
    color: var(--third);
    display: flex;
    justify-content: space-between;
    align-items: start;
}

.layout-faq-nbwlc .mod-othercontent01 .text .info h3:after {
    content: "+";
    flex: 0 0 calc(1vw + 25px);
    text-align: center;
    line-height: calc(1vw + 25px);
    font-size: calc(0.4vw + 14px);
    background: #ffffff;
    border-radius: 5px;
    color: #4f86bf;
    display: block;
}

.layout-faq-nbwlc .mod-othercontent01 .text .desc {
    padding: calc(0.25vw + 5px) 0;
    display: none;
}

.layout-faq-nbwlc .mod-othercontent01 .text .info.on h3 {
    color: var(--deputy);
    font-weight: 600;
}

.layout-faq-nbwlc .mod-othercontent01 .text .info.on h3:after {
    content: "-";
    background: var(--main);
    color: #fff;
}

.layout-faq-nbwlc .mod-othercontent01 .text .info.on .desc {
    display: block;
}

@media(min-width:769px) {
    .layout-faq-nbwlc .mod-othercontent01 .img {
        position: relative;
    }

    .layout-faq-nbwlc .mod-othercontent01 .img .desc {
        position: absolute;
        bottom: 10px;
        right: 10px;
        left: 10px;
        border-radius: calc(0.25vw + 5px);
    }
}

@media(max-width:480px) {
    .layout-faq-nbwlc .mod-othercontent01 .text {
        width: 100%;
    }

    .layout-faq-nbwlc .mod-othercontent01 .img {
        width: 100%;
    }
}

.layout-applySev-45lfs .mod-othercontent01 .swiper-button-prev,
.layout-applySev-45lfs .mod-othercontent01 .swiper-button-next {
    width: calc(0.5vw + 30px);
    height: calc(0.5vw + 30px);
    margin: 0;
    transform: none;
    border: 1px solid #ccc;
    color: #ccc;
    border-radius: 50%;
    background: #fff;
}

.layout-applySev-45lfs .mod-othercontent01 .swiper-button-prev:after,
.layout-applySev-45lfs .mod-othercontent01 .swiper-button-next:after {
    font-size: calc(0.3vw + 14px);
    line-height: calc(0.5vw + 30px);
}

.layout-applySev-45lfs .mod-othercontent01 .swiper-button-prev:hover,
.layout-applySev-45lfs .mod-othercontent01 .swiper-button-next:hover {
    background: var(--main);
    color: #fff;
    border-color: var(--main);
}

.layout-applySev-45lfs .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,
.layout-applySev-45lfs .mod-othercontent01 .swiper-button-next.swiper-button-disabled {
    opacity: 1;
    background: #eee;
    color: #666;
}

.layout-applySev-45lfs {
    padding: calc(4% + 40px) 0;
    background: url(../images/applySev-bg.jpg) center/cover no-repeat;
}

.layout-applySev-45lfs .mod-othercontent01 .content-bg {
    max-width: 980px;
    margin: auto;
    text-align: center;
    color: #fff;
}

.layout-applySev-45lfs .mod-othercontent01 .content-bg h2 {
    font-size: calc(0.8vw + 16px);
    line-height: calc(1vw + 25px);
    font-weight: 500;
}

.layout-applySev-45lfs .mod-othercontent01 .mod-bottom {
    padding-top: calc(1vw + 10px);
    text-align: center;
}

.layout-applySev-45lfs .mod-othercontent01 .mod-bottom a {
    padding: calc(0.5vw + 5px) calc(2vw + 10px);
    background: #fff;
    border-radius: calc(0.25vw + 5px);
    color: #ccc;
}

.layout-applySev-45lfs .mod-othercontent01 .mod-bottom a:hover {
    background: var(--main);
    color: #fff;
}

.layout-custFour-0lue3 .mod-othercontent01 .swiper-button-prev,
.layout-custFour-0lue3 .mod-othercontent01 .swiper-button-next {
    color: #aaa;
    width: calc(0.5vw + 25px);
    height: calc(0.5vw + 25px);
    margin: 0;
    transform: translate(0, -50%);
    border: 1px solid #aaa;
    border-radius: 50%;
}

.layout-custFour-0lue3 .mod-othercontent01 .swiper-button-prev:after,
.layout-custFour-0lue3 .mod-othercontent01 .swiper-button-next:after {
    font-size: calc(0.1vw + 14px);
    line-height: calc(0.5vw + 25px);
}

.layout-custFour-0lue3 .mod-othercontent01 .swiper-button-prev:hover,
.layout-custFour-0lue3 .mod-othercontent01 .swiper-button-next:hover {
    background: var(--main);
    color: #fff;
    border-color: var(--main);
}

.layout-custFour-0lue3 .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,
.layout-custFour-0lue3 .mod-othercontent01 .swiper-button-next.swiper-button-disabled {
    opacity: 1;
    background: #eee;
    color: #666;
}

.layout-custFour-0lue3 .mod-othercontent01-titlecenter-0lue3 .mod-title {
    padding-bottom: calc(1vw + 10px);
    text-align: center;
}

.layout-custFour-0lue3 .mod-othercontent01-titlecenter-0lue3 .title-right {
    padding-top: calc(0.25vw + 5px);
    max-width: 1200px;
    margin: auto;
}

.layout-custFour-0lue3 .mod-othercontent01-titlecenter-0lue3 .title-right-span {
    display: block;
}

.layout-custFour-0lue3 .mod-othercontent01-titlecenter-0lue3 .mod-title h2 {
    font-size: calc(1vw + 22px);
    line-height: calc(1vw + 25px);
    color: #000;
    font-weight: 600;
}

.layout-custFour-0lue3 .mod-othercontent01-titlecenter-0lue3 .mod-title h2:after {
    content: "";
    width: 80px;
    height: 10px;
    background: url(../images/title-bg.png) center no-repeat;
    display: block;
    margin: calc(0.25vw + 5px) auto;
}

.layout-custFour-0lue3 .mod-othercontent01-titlecenter-0lue3 .mod-title a {
    font-size: calc(0.2vw + 14px);
    line-height: calc(0.5vw + 20px);
    font-weight: 500;
    padding: calc(0.25vw + 5px) calc(0.5vw + 10px);
    display: inline-flex;
    align-items: center;
    border: 1px solid #333;
    white-space: nowrap;
    margin-top: calc(0.5vw + 10px);
}

.layout-custFour-0lue3 .mod-othercontent01-titlecenter-0lue3 .mod-title a:before {
    content: "➜";
    padding-right: 10px;
    color: var(--main);
}

.layout-custFour-0lue3 .mod-othercontent01-titlecenter-0lue3 .mod-title a:hover {
    background: var(--main);
    color: #fff;
    border-color: var(--main);
}

.layout-custFour-0lue3 .mod-othercontent01-titlecenter-0lue3 .mod-title a:hover:before {
    color: #fff;
}

.layout-custFour-0lue3 .mod-othercontent01-titlecenter-0lue3 .mod-title h3 {
    font-size: calc(0.2vw + 14px);
    color: var(--main);
    font-weight: 600;
}

.layout-custFour-0lue3 .mod-othercontent01-titlecenter-0lue3 .mod-bottom {
    padding-top: calc(1vw + 10px);
    text-align: center;
}

.layout-custFour-0lue3 .mod-othercontent01-titlecenter-0lue3 .mod-bottom a {
    font-size: calc(0.2vw + 14px);
    line-height: calc(0.5vw + 20px);
    font-weight: 500;
    padding: calc(0.25vw + 5px) calc(0.5vw + 10px);
    display: inline-flex;
    align-items: center;
    border: 1px solid #333;
    white-space: nowrap;
}

.layout-custFour-0lue3 .mod-othercontent01-titlecenter-0lue3 .mod-bottom a:before {
    content: "➜";
    padding-right: 10px;
    color: var(--main);
}

.layout-custFour-0lue3 .mod-othercontent01-titlecenter-0lue3 .mod-bottom a:hover {
    background: var(--main);
    color: #fff;
    border-color: var(--main);
}

.layout-custFour-0lue3 .mod-othercontent01-titlecenter-0lue3 .mod-bottom a:hover:before {
    color: #fff;
}

.layout-custFour-0lue3 {
    padding: calc(3% + 30px) 0;
}

.layout-custFour-0lue3 .mod-othercontent01 .content-bg {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: center;
    overflow: visible;
}

.layout-custFour-0lue3 .mod-othercontent01 .content-bg * {
    transition: All 0.3s ease-in-out;
}

.layout-custFour-0lue3 .mod-othercontent01 .text {
    width: 25%;
    padding: 0 calc(1vw + 10px) calc(1vw + 10px);
    margin: calc(1.5vw + 30px) 0;
    box-sizing: border-box;
    text-align: center;
}

.layout-custFour-0lue3 .mod-othercontent01 .text span {
    width: calc(1vw + 40px);
    padding: calc(0.5vw + 5px);
    border-radius: 50%;
    background: #ffefda;
    display: block;
    margin: calc(-1vw - 25px) auto calc(0.5vw + 10px);
}

.layout-custFour-0lue3 .mod-othercontent01 .text h4:before {
    content: "";
    width: 10px;
    height: 10px;
    border: 2px solid var(--main);
    display: block;
    margin: calc(0.5vw + 5px) auto;
    background: #fff;
    border-radius: 50%;
    position: relative;
    z-index: 2;
}

.layout-custFour-0lue3 .mod-othercontent01 .text h4:after {
    content: "";
    top: 6px;
    width: calc(100% + 2vw + 20px);
    left: 50%;
    height: 1px;
    background: #ccc;
    position: absolute;
    z-index: 1;
}

.layout-custFour-0lue3 .mod-othercontent01 .text h4 {
    color: var(--main);
    position: relative;
    width: 100%:;
}

.layout-custFour-0lue3 .mod-othercontent01 .text h3 {
    font-size: calc(0.4vw + 14px);
    line-height: calc(0.5vw + 20px);
    font-weight: 600;
    text-transform: capitalize;
    display: block;
    padding: 5px 0;
}

.layout-custFour-0lue3 .mod-othercontent01 .text:nth-of-type(4n) h4:after {
    display: none;
}

.layout-custFour-0lue3 .mod-othercontent01 .text:last-of-type h4:after {
    display: none;
}

.layout-custFour-0lue3 .mod-othercontent01 .text:hover {
    box-shadow: 0 0 calc(1vw + 10px) rgba(0, 0, 0, 0.1);
}

.layout-custFour-0lue3 .mod-othercontent01 .text:hover span {
    background: var(--main);
}

.layout-custFour-0lue3 .mod-othercontent01 .text:hover span img {
    filter: grayscale(1) brightness(10);
}

.layout-custFour-0lue3 .mod-othercontent01 .text:hover h3 {
    color: var(--main);
}

.layout-custFour-0lue3 .mod-othercontent01 .text:hover h4:before {
    background: var(--main);
}

@media(max-width:768px) {
    .layout-custFour-0lue3 .mod-othercontent01 .text {
        width: calc(100%/2);
    }

    .layout-custFour-0lue3 .mod-othercontent01 .text:nth-of-type(2n) h4:after {
        display: none;
    }
}

@media(max-width:480px) {
    .layout-custFour-0lue3 .mod-othercontent01 .text {
        width: 100%;
    }

    .layout-custFour-0lue3 .mod-othercontent01 .text h4:after {
        display: none;
    }
}

.layout-faq-y31no .mod-othercontent01 .swiper-button-prev,
.layout-faq-y31no .mod-othercontent01 .swiper-button-next {
    color: #333;
    width: calc(1vw + 25px);
    height: calc(1vw + 25px);
    margin: 0;
    transform: translate(0, -50%);
}

.layout-faq-y31no .mod-othercontent01 .swiper-button-prev:after,
.layout-faq-y31no .mod-othercontent01 .swiper-button-next:after {
    font-size: calc(0.1vw + 14px);
    line-height: calc(1vw + 25px);
}

.layout-faq-y31no .mod-othercontent01 .swiper-button-prev:hover,
.layout-faq-y31no .mod-othercontent01 .swiper-button-next:hover {
    color: var(--main) !important;
}

.layout-faq-y31no .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,
.layout-faq-y31no .mod-othercontent01 .swiper-button-next.swiper-button-disabled {
    opacity: 1;
    color: #ddd;
}

.layout-faq-y31no .mod-othercontent01-titlecenter-y31no .mod-title {
    padding-bottom: calc(1vw + 10px);
    text-align: center;
}

.layout-faq-y31no .mod-othercontent01-titlecenter-y31no .title-left:before {
    content: "";
    width: 135px;
    height: 25px;
    background: center no-repeat;
    display: block;
    margin: 0 auto 10px;
}

.layout-faq-y31no .mod-othercontent01-titlecenter-y31no .title-right {
    padding-top: calc(0.25vw + 5px);
    max-width: 1200px;
    margin: auto;
}

.layout-faq-y31no .mod-othercontent01-titlecenter-y31no .title-right-span {
    display: block;
}

.layout-faq-y31no .mod-othercontent01-titlecenter-y31no .mod-title h3 {
    color: var(--deputy);
    font-size: calc(0.2vw + 14px);
    font-weight: 600;
}

.layout-faq-y31no .mod-othercontent01-titlecenter-y31no .mod-title h2 {
    font-size: calc(1.3vw + 18px);
    line-height: calc(1.5vw + 20px);
    color: var(--third);
    font-weight: 500;
}

.layout-faq-y31no .mod-othercontent01-titlecenter-y31no .mod-title h2 strong {
    color: var(--main);
    font-weight: 500;
}

.layout-faq-y31no .mod-othercontent01-titlecenter-y31no .mod-bottom {
    padding-top: calc(2vw + 10px);
    text-align: center;
}

.layout-faq-y31no .mod-othercontent01-titlecenter-y31no .mod-bottom a {
    color: var(--third);
    background: var(--main);
    padding: calc(0.25vw + 5px) calc(1vw + 10px);
    border-radius: calc(0.25vw + 5px);
    font-weight: 600;
}

.layout-faq-y31no .mod-othercontent01-titlecenter-y31no .mod-bottom a:hover {
    color: #fff;
}

.layout-faq-y31no {
    padding: calc(2% + 20px) 0 10px;
    background: #fff;
}

.layout-faq-y31no .mod-othercontent01 .content-bg {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}

.layout-faq-y31no .mod-othercontent01 .content-bg * {
    transition: All 0.3s ease-in-out;
}

.layout-faq-y31no .mod-othercontent01 .img {
    width: 50%;
    border-radius: calc(0.5vw + 5px);
    overflow: hidden;
}

.layout-faq-y31no .mod-othercontent01 .img .desc {
    padding: calc(0.5vw + 10px);
    text-align: center;
    background: var(--third);
    text-align: center;
    color: #fff;
}

.layout-faq-y31no .mod-othercontent01 .img .desc h3 {
    font-size: calc(0.5vw + 14px);
    line-height: calc(0.5vw + 20px);
    font-weight: 600;
}

.layout-faq-y31no .mod-othercontent01 .img .desc a {
    font-size: calc(0.2vw + 14px);
    padding: calc(0.25vw + 5px) calc(1vw + 10px);
    background: #24af43;
    color: #fff;
    border-radius: calc(0.25vw + 5px);
    margin-top: 10px;
    font-weight: 500;
}

.layout-faq-y31no .mod-othercontent01 .img .desc a:hover {
    color: #fff;
}

.layout-faq-y31no .mod-othercontent01 .text {
    width: calc(50% - 2vw - 10px);
    padding: calc(0.5vw + 10px) 0;
}

.layout-faq-y31no .mod-othercontent01 .text .info {
    padding: calc(0.5vw + 5px) 0;
}

.layout-faq-y31no .mod-othercontent01 .text .info+.info {
    border-top: 1px solid #ddd;
}

.layout-faq-y31no .mod-othercontent01 .text .info h3 {
    font-size: calc(0.3vw + 16px);
    line-height: calc(0.5vw + 20px);
    color: var(--third);
    display: flex;
    justify-content: space-between;
    align-items: start;
}

.layout-faq-y31no .mod-othercontent01 .text .info h3:after {
    content: "+";
    flex: 0 0 calc(1vw + 25px);
    text-align: center;
    line-height: calc(1vw + 25px);
    font-size: calc(0.4vw + 14px);
    background: #dadada;
    border-radius: 5px;
    color: #fff;
    display: block;
}

.layout-faq-y31no .mod-othercontent01 .text .desc {
    padding: calc(0.25vw + 5px) 0;
    display: none;
}

.layout-faq-y31no .mod-othercontent01 .text .info.on h3 {
    color: var(--deputy);
    font-weight: 600;
}

.layout-faq-y31no .mod-othercontent01 .text .info.on h3:after {
    content: "-";
    background: var(--main);
}

.layout-faq-y31no .mod-othercontent01 .text .info.on .desc {
    display: block;
}

@media(min-width:769px) {
    .layout-faq-y31no .mod-othercontent01 .img {
        position: relative;
    }

    .layout-faq-y31no .mod-othercontent01 .img .desc {
        position: absolute;
        bottom: 10px;
        right: 10px;
        left: 10px;
        border-radius: calc(0.25vw + 5px);
    }
}

@media(max-width:480px) {
    .layout-faq-y31no .mod-othercontent01 .text {
        width: 100%;
    }

    .layout-faq-y31no .mod-othercontent01 .img {
        width: 100%;
    }
}

.layout-banner-gsq7u .mod-othercontent01 .swiper-button-prev,
.layout-banner-gsq7u .mod-othercontent01 .swiper-button-next {
    color: #fff;
    width: calc(1vw + 30px);
    height: calc(1vw + 30px);
    margin: 0;
    transform: translate(0, -50%);
}

.layout-banner-gsq7u .mod-othercontent01 .swiper-button-prev:after,
.layout-banner-gsq7u .mod-othercontent01 .swiper-button-next:after {
    font-size: calc(0.4vw + 16px);
    line-height: calc(1vw + 30px);
}

.layout-banner-gsq7u .mod-othercontent01 .swiper-button-prev:hover,
.layout-banner-gsq7u .mod-othercontent01 .swiper-button-next:hover {
    background: var(--main);
}

.layout-banner-gsq7u .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,
.layout-banner-gsq7u .mod-othercontent01 .swiper-button-next.swiper-button-disabled {
    opacity: 1;
    background: #eee;
    color: #999;
}

.layout-banner-gsq7u .mod-othercontent01-banner-gsq7u .item {
    position: relative;
    z-index: 2;
    overflow: hidden;
    height: 35vh;
}

.layout-banner-gsq7u .mod-othercontent01-banner-gsq7u .img * {
    display: block;
    height: 100%;
    width: auto !important;
    max-width: inherit !important;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0%);
}

.layout-banner-gsq7u .mod-othercontent01-banner-gsq7u .text {
    position: absolute;
    left: calc(1vw + 10px);
    top: 50%;
    right: calc(1vw + 10px);
    color: #fff;
    z-index: 3;
    max-width: var(--width);
    margin: auto;
    transform: translate(0, -50%);
    font-size: calc(0.6vw + 14px);
    line-height: calc(0.75vw + 20px);
}

.layout-banner-gsq7u .mod-othercontent01-banner-gsq7u .title {
    font-size: calc(2vw + 16px);
    line-height: calc(2vw + 25px);
    padding-bottom: calc(0.5vw + 5px);
}

.layout-banner-gsq7u .mod-othercontent01-banner-gsq7u .text a {
    font-size: calc(0.2vw + 12px);
    line-height: calc(0.25vw + 20px);
    margin-top: calc(2vw + 5px);
    padding: 5px calc(0.5vw + 10px);
    border-radius: calc(0.25vw + 5px);
    font-weight: 500;
    text-transform: uppercase;
    border: 2px solid var(--main);
    display: inline-flex;
    align-items: center;
}

.layout-banner-gsq7u .mod-othercontent01-banner-gsq7u .text a:after {
    content: "";
    width: 35px;
    height: 35px;
    background: url(../images/link.png);
    border-radius: calc(0.25vw + 5px);
    overflow: hidden;
    flex: 0 0 35px;
    margin-left: calc(0.5vw + 5px);
}

.layout-banner-gsq7u .mod-othercontent01-banner-gsq7u .text a:hover {
    border-color: var(--deputy);
}

.layout-banner-gsq7u .mod-othercontent01-banner-gsq7u .text a:hover:after {
    filter: hue-rotate(180deg);
}

.layout-banner-gsq7u .mod-othercontent01-banner-gsq7u .swiper-pagination-bullet {
    background: #fff;
}

@media(min-width:1025px) {
    .layout-banner-gsq7u .mod-othercontent01-banner-gsq7u .item {
        min-height: 700px;
    }
}

@media(max-width:768px) {

    .layout-banner-gsq7u .mod-othercontent01-banner-gsq7u .swiper-button-prev,
    .layout-banner-gsq7u .mod-othercontent01-banner-gsq7u .swiper-button-next {
        display: none;
    }
}

@media(max-width:480px) {
    .layout-banner-gsq7u .mod-othercontent01-banner-gsq7u .item {
        height: 30vh;
    }
}

.layout-banner-gsq7u .layout-bg {
    width: 100%;
}

.layout-agent-uwtpa .mod-othercontent01 .swiper-button-prev,
.layout-agent-uwtpa .mod-othercontent01 .swiper-button-next {
    color: #fff;
    width: calc(1vw + 30px);
    height: calc(1vw + 30px);
    margin: 0;
    transform: translate(0, -50%);
    border-radius: 50%;
    background: var(--color);
}

.layout-agent-uwtpa .mod-othercontent01 .swiper-button-prev:after,
.layout-agent-uwtpa .mod-othercontent01 .swiper-button-next:after {
    font-size: calc(0.4vw + 16px);
    line-height: calc(1vw + 30px);
}

.layout-agent-uwtpa .mod-othercontent01 .swiper-button-prev:hover,
.layout-agent-uwtpa .mod-othercontent01 .swiper-button-next:hover {
    background: var(--recolor);
}

.layout-agent-uwtpa .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,
.layout-agent-uwtpa .mod-othercontent01 .swiper-button-next.swiper-button-disabled {
    opacity: 1;
    background: #eee;
    color: #999;
}

.layout-agent-uwtpa .mod-othercontent01-title-uwtpa .mod-title {
    padding-bottom: calc(1vw + 10px);
}

.layout-agent-uwtpa .mod-othercontent01-title-uwtpa .title-right {
    padding-top: calc(0.5vw + 5px);
}

.layout-agent-uwtpa .mod-othercontent01-title-uwtpa .title-right-span {
    display: block;
}

.layout-agent-uwtpa .mod-othercontent01-title-uwtpa .mod-title h2 {
    font-size: calc(1.4vw + 18px);
    line-height: calc(1.5vw + 20px);
    font-weight: 700;
    color: #000;
}

.layout-agent-uwtpa .mod-othercontent01-title-uwtpa .mod-title a {
    font-size: calc(0.3vw + 14px);
    line-height: calc(0.5vw + 20px);
    margin-top: calc(2vw + 5px);
    padding: calc(0.25vw + 5px) calc(2vw + 10px);
    border-radius: 50vw;
    font-weight: 500;
    text-transform: capitalize;
    background: var(--color);
    color: #fff;
    min-width: calc(2vw + 60px);
    text-align: center;
}

.layout-agent-uwtpa .mod-othercontent01-title-uwtpa .mod-title a:hover {
    background: var(--recolor);
}

.layout-agent-uwtpa .mod-othercontent01-title-uwtpa .mod-bottom {
    padding-top: calc(1vw + 10px);
}

.layout-agent-uwtpa .mod-othercontent01-title-uwtpa .mod-bottom a {
    font-size: calc(0.3vw + 14px);
    line-height: calc(0.5vw + 20px);
    padding: calc(0.25vw + 5px) calc(2vw + 10px);
    border-radius: 50vw;
    font-weight: 500;
    text-transform: capitalize;
    background: var(--color);
    color: #fff;
    min-width: calc(2vw + 60px);
    text-align: center;
}

.layout-agent-uwtpa .mod-othercontent01-title-uwtpa .mod-bottom a:hover {
    background: var(--recolor);
}

.layout-agent-uwtpa {
    padding: calc(6% + 60px) 0 calc(3% + 30px);
    background: url(../images/8232532.jpg) center/cover no-repeat #f7f9fa;
}

.layout-agent-uwtpa .mod-othercontent01 .mod-title {
    max-width: 700px;
    padding-bottom: calc(2vw + 10px);
}

.layout-agent-uwtpa .mod-othercontent01 .content-bg {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: space-between;
    counter-reset: section;
}

.layout-agent-uwtpa .mod-othercontent01 .content-bg * {
    transition: All 0.3s ease-in-out;
}

.layout-agent-uwtpa .mod-othercontent01 .text {
    width: calc(100%/4 - 2vw - 5px);
    margin: calc(0.5vw + 5px) 0;
    padding: calc(1vw + 10px);
    box-sizing: border-box;
    border-radius: calc(0.5vw + 5px);
    text-align: center;
    background: #fff;
    position: relative;
}

.layout-agent-uwtpa .mod-othercontent01 .text:before {
    content: "0" counter(section);
    counter-increment: section;
    font-size: calc(1vw + 16px);
    line-height: calc(1vw + 25px);
    font-weight: 600;
    position: absolute;
    top: calc(0.5vw + 10px);
    left: calc(0.5vw + 10px);
    color: #ccc;
    font-family: var(--font);
    font-weight: 600;
}

.layout-agent-uwtpa .mod-othercontent01 .text span {
    width: calc(1vw + 50px);
    display: block;
    margin: auto;
    position: relative;
    z-index: 2;
}

.layout-agent-uwtpa .mod-othercontent01 .text span:after {
    content: "";
    width: calc(0.5vw + 10px);
    height: calc(0.5vw + 10px);
    background: var(--color);
    border-radius: 50%;
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: -1;
}

.layout-agent-uwtpa .mod-othercontent01 .text h3 {
    font-weight: 600;
    font-size: calc(0.3vw + 14px);
    line-height: calc(0.5vw + 20px);
    text-transform: capitalize;
    padding: calc(0.5vw + 5px) 0 calc(0.25vw + 5px);
}

.layout-agent-uwtpa .mod-othercontent01 .text:hover {
    background: var(--main);
    color: #fff;
}

.layout-agent-uwtpa .mod-othercontent01 .text:hover span img {
    filter: invert(1) brightness(10);
}

@media(max-width:768px) {
    .layout-agent-uwtpa .mod-othercontent01 .text {
        width: calc(100%/2 - 0.5vw - 5px);
    }
}

@media(max-width:480px) {
    .layout-agent-uwtpa .mod-othercontent01 .text {
        width: 100%;
    }
}

.layout-pagetop-v14ml .mod-othercontent01 .swiper-button-prev,
.layout-pagetop-v14ml .mod-othercontent01 .swiper-button-next {
    color: #333;
    width: calc(1vw + 25px);
    background: #fff;
    height: calc(1vw + 25px);
    border-radius: 50%;
    margin: 0;
    transform: translate(0, -50%);
}

.layout-pagetop-v14ml .mod-othercontent01 .swiper-button-prev:after,
.layout-pagetop-v14ml .mod-othercontent01 .swiper-button-next:after {
    font-size: calc(0.2vw + 14px);
    line-height: calc(1vw + 25px);
}

.layout-pagetop-v14ml .mod-othercontent01 .swiper-button-prev:hover,
.layout-pagetop-v14ml .mod-othercontent01 .swiper-button-next:hover {
    background: var(--main);
    color: #fff;
}

.layout-pagetop-v14ml .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,
.layout-pagetop-v14ml .mod-othercontent01 .swiper-button-next.swiper-button-disabled {
    opacity: 1;
    background: #eee;
    color: #666;
}

@media(max-width:768px) {

    .layout-pagetop-v14ml .mod-othercontent01 .swiper-button-prev,
    .layout-pagetop-v14ml .mod-othercontent01 .swiper-button-next {
        display: none;
    }
}

.layout-pagetop-v14ml .layout-bg {
    width: 100%;
}

.layout-pagetop-v14ml .mod-othercontent01 .mod-bg {
    position: relative;
    z-index: 2;
    overflow: hidden;
    height: 25vh;
}

.layout-pagetop-v14ml .mod-othercontent01 .mod-title {
    position: absolute;
    left: 0;
    top: 50%;
    right: 0;
    width: calc(100% - 2vw - 20px);
    max-width: var(--width);
    transform: translate(0, -50%);
    margin: auto;
    z-index: 2;
    color: #fff;
}

.layout-pagetop-v14ml .mod-othercontent01 .title-bg {
    max-width: 860px;
}

.layout-pagetop-v14ml .mod-othercontent01 .mod-title h1 {
    font-size: calc(1.5vw + 18px);
    line-height: calc(1.5vw + 20px);
    font-weight: 600;
    text-transform: capitalize;
    display: block;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.layout-pagetop-v14ml .mod-othercontent01 .title-right {
    padding-top: calc(0.25vw + 5px);
}

.layout-pagetop-v14ml .mod-othercontent01 .title-right-span {
    display: block;
}

.layout-pagetop-v14ml .mod-othercontent01 .content-bg img {
    display: block;
    height: 100%;
    width: auto !important;
    max-width: inherit !important;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0%);
}

@media(min-width:769px) {
    .layout-pagetop-v14ml .mod-othercontent01 .mod-bg {
        min-height: 370px;
    }
}

.layout-certify-gmvz0 .mod-othercontent01 .swiper-button-prev,
.layout-certify-gmvz0 .mod-othercontent01 .swiper-button-next {
    color: #aaa;
    width: calc(0.5vw + 25px);
    height: calc(0.5vw + 25px);
    margin: 0;
    transform: translate(0, -50%);
    border: 1px solid #aaa;
    border-radius: 50%;
}

.layout-certify-gmvz0 .mod-othercontent01 .swiper-button-prev:after,
.layout-certify-gmvz0 .mod-othercontent01 .swiper-button-next:after {
    font-size: calc(0.1vw + 14px);
    line-height: calc(0.5vw + 25px);
}

.layout-certify-gmvz0 .mod-othercontent01 .swiper-button-prev:hover,
.layout-certify-gmvz0 .mod-othercontent01 .swiper-button-next:hover {
    background: var(--main);
    color: #fff;
    border-color: var(--main);
}

.layout-certify-gmvz0 .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,
.layout-certify-gmvz0 .mod-othercontent01 .swiper-button-next.swiper-button-disabled {
    opacity: 1;
    background: #eee;
    color: #666;
}

.layout-certify-gmvz0 .mod-othercontent01-titlecenter-gmvz0 .mod-title {
    padding-bottom: calc(1vw + 10px);
    text-align: center;
}

.layout-certify-gmvz0 .mod-othercontent01-titlecenter-gmvz0 .title-right {
    padding-top: calc(0.25vw + 5px);
    max-width: 1200px;
    margin: auto;
}

.layout-certify-gmvz0 .mod-othercontent01-titlecenter-gmvz0 .title-right-span {
    display: block;
}

.layout-certify-gmvz0 .mod-othercontent01-titlecenter-gmvz0 .mod-title h2 {
    font-size: calc(1vw + 22px);
    line-height: calc(1vw + 25px);
    color: #000;
    font-weight: 600;
}

.layout-certify-gmvz0 .mod-othercontent01-titlecenter-gmvz0 .mod-title h2:after {
    content: "";
    width: 80px;
    height: 10px;
    background: url(../images/title-bg.png) center no-repeat;
    display: block;
    margin: calc(0.25vw + 5px) auto;
}

.layout-certify-gmvz0 .mod-othercontent01-titlecenter-gmvz0 .mod-title a {
    font-size: calc(0.2vw + 14px);
    line-height: calc(0.5vw + 20px);
    font-weight: 500;
    padding: calc(0.25vw + 5px) calc(0.5vw + 10px);
    display: inline-flex;
    align-items: center;
    border: 1px solid #333;
    white-space: nowrap;
    margin-top: calc(0.5vw + 10px);
}

.layout-certify-gmvz0 .mod-othercontent01-titlecenter-gmvz0 .mod-title a:before {
    content: "➜";
    padding-right: 10px;
    color: var(--main);
}

.layout-certify-gmvz0 .mod-othercontent01-titlecenter-gmvz0 .mod-title a:hover {
    background: var(--main);
    color: #fff;
    border-color: var(--main);
}

.layout-certify-gmvz0 .mod-othercontent01-titlecenter-gmvz0 .mod-title a:hover:before {
    color: #fff;
}

.layout-certify-gmvz0 .mod-othercontent01-titlecenter-gmvz0 .mod-title h3 {
    font-size: calc(0.2vw + 14px);
    color: var(--main);
    font-weight: 600;
}

.layout-certify-gmvz0 .mod-othercontent01-titlecenter-gmvz0 .mod-bottom {
    padding-top: calc(1vw + 10px);
    text-align: center;
}

.layout-certify-gmvz0 .mod-othercontent01-titlecenter-gmvz0 .mod-bottom a {
    font-size: calc(0.2vw + 14px);
    line-height: calc(0.5vw + 20px);
    font-weight: 500;
    padding: calc(0.25vw + 5px) calc(0.5vw + 10px);
    display: inline-flex;
    align-items: center;
    border: 1px solid #333;
    white-space: nowrap;
}

.layout-certify-gmvz0 .mod-othercontent01-titlecenter-gmvz0 .mod-bottom a:before {
    content: "➜";
    padding-right: 10px;
    color: var(--main);
}

.layout-certify-gmvz0 .mod-othercontent01-titlecenter-gmvz0 .mod-bottom a:hover {
    background: var(--main);
    color: #fff;
    border-color: var(--main);
}

.layout-certify-gmvz0 .mod-othercontent01-titlecenter-gmvz0 .mod-bottom a:hover:before {
    color: #fff;
}

.layout-certify-gmvz0 {
    padding: calc(3% + 30px) 0 calc(1% + 10px);
    background: url(../images/bg.jpg) center no-repeat;
}

.layout-certify-gmvz0 .mod-othercontent01 .mod-title {
    padding: 0;
}

.layout-certify-gmvz0 .mod-othercontent01 .content-bg * {
    transition: All 0.3s ease-in-out;
}

.layout-certify-gmvz0 .mod-othercontent01 .swiper-slide:hover {
    box-shadow: 0 0 calc(1vw + 10px) rgba(0, 0, 0, 0.1);
    background: #fff;
    border-radius: calc(0.25vw + 5px);
}

.layout-certify-gmvz0 .mod-othercontent01 .swiper-container {
    padding: calc(1vw + 20px);
    box-sizing: border-box;
}

.layout-certify-ijmxz .mod-othercontent01 .swiper-button-prev,
.layout-certify-ijmxz .mod-othercontent01 .swiper-button-next {
    color: #333;
    width: calc(1vw + 25px);
    background: #fff;
    height: calc(1vw + 25px);
    border-radius: 50%;
    margin: 0;
    transform: translate(0, -50%);
}

.layout-certify-ijmxz .mod-othercontent01 .swiper-button-prev:after,
.layout-certify-ijmxz .mod-othercontent01 .swiper-button-next:after {
    font-size: calc(0.2vw + 14px);
    line-height: calc(1vw + 25px);
}

.layout-certify-ijmxz .mod-othercontent01 .swiper-button-prev:hover,
.layout-certify-ijmxz .mod-othercontent01 .swiper-button-next:hover {
    background: var(--main);
    color: #fff;
}

.layout-certify-ijmxz .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,
.layout-certify-ijmxz .mod-othercontent01 .swiper-button-next.swiper-button-disabled {
    opacity: 1;
    background: #eee;
    color: #666;
}

.layout-certify-ijmxz .mod-othercontent01-titlecenter-ijmxz .mod-title {
    padding-bottom: calc(0.5vw + 10px);
    text-align: center;
    max-width: 1200px;
    margin: auto;
}

.layout-certify-ijmxz .mod-othercontent01-titlecenter-ijmxz .title-right {
    padding-top: calc(0.25vw + 5px);
}

.layout-certify-ijmxz .mod-othercontent01-titlecenter-ijmxz .title-right-span {
    display: block;
}

.layout-certify-ijmxz .mod-othercontent01-titlecenter-ijmxz .mod-title h2 {
    font-size: calc(1vw + 16px);
    line-height: calc(1vw + 25px);
    color: #000;
    font-weight: 600;
    text-transform: capitalize;
}

.layout-certify-ijmxz {
    padding: calc(2% + 20px) 0;
}

.layout-certify-ijmxz .mod-othercontent01 .content-bg * {
    transition: All 0.3s ease-in-out;
}

.layout-certify-ijmxz .mod-othercontent01 .swiper-wrapper {
    padding-bottom: calc(2vw + 20px);
}

.layout-certify-ijmxz .mod-othercontent01 .swiper-slide img {
    margin: calc(0.5vw + 5px);
}

.layout-certify-ijmxz .mod-othercontent01 .swiper-slide img:hover {
    filter: brightness(1.25);
    box-shadow: 0 0 calc(1vw + 10px) rgba(0, 0, 0, 0.1);
}

.layout-soluTwo-xlcxs .mod-othercontent01 .swiper-button-prev,
.layout-soluTwo-xlcxs .mod-othercontent01 .swiper-button-next {
    color: #333;
    width: calc(1vw + 25px);
    background: #fff;
    height: calc(1vw + 25px);
    border-radius: 50%;
    margin: 0;
    transform: translate(0, -50%);
}

.layout-soluTwo-xlcxs .mod-othercontent01 .swiper-button-prev:after,
.layout-soluTwo-xlcxs .mod-othercontent01 .swiper-button-next:after {
    font-size: calc(0.2vw + 14px);
    line-height: calc(1vw + 25px);
}

.layout-soluTwo-xlcxs .mod-othercontent01 .swiper-button-prev:hover,
.layout-soluTwo-xlcxs .mod-othercontent01 .swiper-button-next:hover {
    background: var(--main);
    color: #fff;
}

.layout-soluTwo-xlcxs .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,
.layout-soluTwo-xlcxs .mod-othercontent01 .swiper-button-next.swiper-button-disabled {
    opacity: 1;
    background: #eee;
    color: #666;
}

@media(max-width:768px) {

    .layout-soluTwo-xlcxs .mod-othercontent01 .swiper-button-prev,
    .layout-soluTwo-xlcxs .mod-othercontent01 .swiper-button-next {
        display: none;
    }
}

.layout-soluTwo-xlcxs .mod-othercontent01-title-xlcxs .mod-title {
    padding-bottom: calc(0.5vw + 10px);
}

.layout-soluTwo-xlcxs .mod-othercontent01-title-xlcxs .title-right {
    padding-top: calc(0.25vw + 5px);
}

.layout-soluTwo-xlcxs .mod-othercontent01-title-xlcxs .title-right-span {
    display: block;
}

.layout-soluTwo-xlcxs .mod-othercontent01-title-xlcxs .mod-title h3 {
    color: var(--main);
}

.layout-soluTwo-xlcxs .mod-othercontent01-title-xlcxs .mod-title h2 {
    font-size: calc(1vw + 16px);
    line-height: calc(1vw + 25px);
    color: var(--main);
    font-weight: 500;
    text-transform: capitalize;
}

.layout-soluTwo-xlcxs .mod-othercontent01-title-xlcxs .mod-title a {
    color: #fff;
    border-radius: 5px;
    background: var(--main);
    padding: calc(0.25vw + 5px) calc(0.5vw + 15px);
    display: inline-flex;
    align-items: center;
    margin-top: calc(1vw + 10px);
}

.layout-soluTwo-xlcxs .mod-othercontent01-title-xlcxs .mod-title a:after {
    content: "\f105";
    font: calc(0.2vw + 14px)/1 FontAwesome;
    padding: 0 5px;
}

.layout-soluTwo-xlcxs .mod-othercontent01-title-xlcxs .mod-title a:hover {
    background: var(--deputy);
}

.layout-soluTwo-xlcxs .mod-othercontent01-title-xlcxs .mod-bottom {
    padding-top: calc(2vw + 10px);
}

.layout-soluTwo-xlcxs .mod-othercontent01-title-xlcxs .mod-bottom a {
    color: #fff;
    border-radius: 5px;
    background: var(--main);
    padding: calc(0.25vw + 5px) calc(0.5vw + 15px);
    display: inline-flex;
    align-items: center;
    margin: 5px calc(0.5vw + 5px);
}

.layout-soluTwo-xlcxs .mod-othercontent01-title-xlcxs .mod-bottom a:after {
    content: "\f105";
    font: calc(0.2vw + 14px)/1 FontAwesome;
    padding: 0 5px;
}

.layout-soluTwo-xlcxs .mod-othercontent01-title-xlcxs .mod-bottom a:hover {
    background: var(--deputy);
}

.layout-soluTwo-xlcxs {
    padding: calc(2% + 20px) 0;
    background: #f5f1eb;
}

.layout-soluTwo-xlcxs .mod-othercontent01 .mod-bg {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    border-radius: 5px;
}

.layout-soluTwo-xlcxs .mod-othercontent01 .mod-title {
    width: calc(50% - 3vw - 10px);
    padding: calc(2vw + 10px) 0;
    box-sizing: border-box;
}

.layout-soluTwo-xlcxs .mod-othercontent01 .mod-content {
    width: 50%;
}

.layout-soluTwo-xlcxs .mod-othercontent01 .content-bg {
    border-radius: 5px;
}

@media(max-width:768px) {
    .layout-soluTwo-xlcxs .mod-othercontent01 .mod-bg>div {
        width: 100%;
    }
}

.layout-ecoSev-x7qxs .mod-othercontent01 .swiper-button-prev,
.layout-ecoSev-x7qxs .mod-othercontent01 .swiper-button-next {
    color: #aaa;
    width: calc(0.5vw + 25px);
    height: calc(0.5vw + 25px);
    margin: 0;
    transform: translate(0, -50%);
    border: 1px solid #aaa;
    border-radius: 50%;
}

.layout-ecoSev-x7qxs .mod-othercontent01 .swiper-button-prev:after,
.layout-ecoSev-x7qxs .mod-othercontent01 .swiper-button-next:after {
    font-size: calc(0.1vw + 14px);
    line-height: calc(0.5vw + 25px);
}

.layout-ecoSev-x7qxs .mod-othercontent01 .swiper-button-prev:hover,
.layout-ecoSev-x7qxs .mod-othercontent01 .swiper-button-next:hover {
    background: var(--main);
    color: #fff;
    border-color: var(--main);
}

.layout-ecoSev-x7qxs .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,
.layout-ecoSev-x7qxs .mod-othercontent01 .swiper-button-next.swiper-button-disabled {
    opacity: 1;
    background: #eee;
    color: #666;
}

.layout-ecoSev-x7qxs .mod-othercontent01-title-x7qxs .mod-title {
    padding-bottom: calc(1vw + 10px);
}

.layout-ecoSev-x7qxs .mod-othercontent01-title-x7qxs .title-right {
    padding-top: calc(0.25vw + 5px);
}

.layout-ecoSev-x7qxs .mod-othercontent01-title-x7qxs .title-right-span {
    display: block;
}

.layout-ecoSev-x7qxs .mod-othercontent01-title-x7qxs .mod-title h2 {
    font-size: calc(1vw + 22px);
    line-height: calc(1vw + 25px);
    color: #000;
    font-weight: 600;
}

.layout-ecoSev-x7qxs .mod-othercontent01-title-x7qxs .mod-title h2:after {
    content: "";
    width: 80px;
    height: 10px;
    background: url(../images/title-bg.png) center no-repeat;
    display: block;
    margin: calc(0.25vw + 5px) 0;
}

.layout-ecoSev-x7qxs .mod-othercontent01-title-x7qxs .mod-title h3 {
    font-size: calc(0.2vw + 14px);
    color: var(--main);
    font-weight: 600;
}

.layout-ecoSev-x7qxs .mod-othercontent01-title-x7qxs .mod-title a {
    font-size: calc(0.2vw + 14px);
    line-height: calc(0.5vw + 20px);
    font-weight: 500;
    padding: calc(0.25vw + 5px) calc(0.5vw + 10px);
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    background: var(--main);
    color: #fff;
    margin-top: calc(1vw + 10px);
}

.layout-ecoSev-x7qxs .mod-othercontent01-title-x7qxs .mod-title a:before {
    content: "➜";
    padding-right: 10px;
}

.layout-ecoSev-x7qxs .mod-othercontent01-title-x7qxs .mod-bottom {
    padding-top: calc(1vw + 10px);
}

.layout-ecoSev-x7qxs .mod-othercontent01-title-x7qxs .mod-bottom a {
    font-size: calc(0.2vw + 14px);
    line-height: calc(0.5vw + 20px);
    font-weight: 500;
    padding: calc(0.25vw + 5px) calc(0.5vw + 10px);
    display: inline-flex;
    align-items: center;
    border: 1px solid #333;
    white-space: nowrap;
}

.layout-ecoSev-x7qxs .mod-othercontent01-title-x7qxs .mod-bottom a:before {
    content: "➜";
    padding-right: 10px;
    color: var(--main);
}

.layout-ecoSev-x7qxs .mod-othercontent01-title-x7qxs .mod-bottom a:hover {
    background: var(--main);
    color: #fff;
    border-color: var(--main);
}

.layout-ecoSev-x7qxs .mod-othercontent01-title-x7qxs .mod-bottom a:hover:before {
    color: #fff;
}

.layout-ecoSev-x7qxs {
    background: #f5f3f1;
}

.layout-ecoSev-x7qxs .layout-bg {
    width: 100%;
    max-width: 1920px;
}

.layout-ecoSev-x7qxs .mod-othercontent01 .mod-bg {
    display: flex;
    align-items: start;
    flex-wrap: wrap;
    justify-content: end;
}

.layout-ecoSev-x7qxs .mod-othercontent01 .mod-bg * {
    transition: All 0.3s ease-in-out;
}

.layout-ecoSev-x7qxs .mod-othercontent01 .mod-title {
    width: calc(100%/3);
}

.layout-ecoSev-x7qxs .mod-othercontent01 .title-bg {
    padding: calc(1vw + 10px);
}

.layout-ecoSev-x7qxs .mod-othercontent01 .title-right-span {
    padding: calc(0.25vw + 5px) 0;
}

.layout-ecoSev-x7qxs .mod-othercontent01 .mod-content {
    width: calc(200%/3 - 2vw - 10px);
}

@media(min-width:769px) {
    .layout-ecoSev-x7qxs .mod-othercontent01 .title-bg {
        padding: calc(3vw + 10px);
        max-width: 520px;
    }
}

@media(max-width:768px) {
    .layout-ecoSev-x7qxs .mod-othercontent01 .mod-title {
        width: 100%;
    }

    .layout-ecoSev-x7qxs .mod-othercontent01 .mod-content {
        width: 100%;
    }
}

.layout-ecoSev-6seli .mod-othercontent01 .swiper-button-prev,
.layout-ecoSev-6seli .mod-othercontent01 .swiper-button-next {
    color: #aaa;
    width: calc(0.5vw + 25px);
    height: calc(0.5vw + 25px);
    margin: 0;
    transform: translate(0, -50%);
    border: 1px solid #aaa;
    border-radius: 50%;
}

.layout-ecoSev-6seli .mod-othercontent01 .swiper-button-prev:after,
.layout-ecoSev-6seli .mod-othercontent01 .swiper-button-next:after {
    font-size: calc(0.1vw + 14px);
    line-height: calc(0.5vw + 25px);
}

.layout-ecoSev-6seli .mod-othercontent01 .swiper-button-prev:hover,
.layout-ecoSev-6seli .mod-othercontent01 .swiper-button-next:hover {
    background: var(--main);
    color: #fff;
    border-color: var(--main);
}

.layout-ecoSev-6seli .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,
.layout-ecoSev-6seli .mod-othercontent01 .swiper-button-next.swiper-button-disabled {
    opacity: 1;
    background: #eee;
    color: #666;
}

.layout-ecoSev-6seli .mod-othercontent01-title-6seli .mod-title {
    padding-bottom: calc(1vw + 10px);
}

.layout-ecoSev-6seli .mod-othercontent01-title-6seli .title-right {
    padding-top: calc(0.25vw + 5px);
}

.layout-ecoSev-6seli .mod-othercontent01-title-6seli .title-right-span {
    display: block;
}

.layout-ecoSev-6seli .mod-othercontent01-title-6seli .mod-title h2 {
    font-size: calc(1vw + 22px);
    line-height: calc(1vw + 25px);
    color: #000;
    font-weight: 600;
}

.layout-ecoSev-6seli .mod-othercontent01-title-6seli .mod-title h2:after {
    content: "";
    width: 80px;
    height: 10px;
    background: url(../images/title-bg.png) center no-repeat;
    display: block;
    margin: calc(0.25vw + 5px) 0;
}

.layout-ecoSev-6seli .mod-othercontent01-title-6seli .mod-title h3 {
    font-size: calc(0.2vw + 14px);
    color: var(--main);
    font-weight: 600;
}

.layout-ecoSev-6seli .mod-othercontent01-title-6seli .mod-title a {
    font-size: calc(0.2vw + 14px);
    line-height: calc(0.5vw + 20px);
    font-weight: 500;
    padding: calc(0.25vw + 5px) calc(0.5vw + 10px);
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    background: var(--main);
    color: #fff;
    margin-top: calc(1vw + 10px);
}

.layout-ecoSev-6seli .mod-othercontent01-title-6seli .mod-title a:before {
    content: "➜";
    padding-right: 10px;
}

.layout-ecoSev-6seli .mod-othercontent01-title-6seli .mod-bottom {
    padding-top: calc(1vw + 10px);
}

.layout-ecoSev-6seli .mod-othercontent01-title-6seli .mod-bottom a {
    font-size: calc(0.2vw + 14px);
    line-height: calc(0.5vw + 20px);
    font-weight: 500;
    padding: calc(0.25vw + 5px) calc(0.5vw + 10px);
    display: inline-flex;
    align-items: center;
    border: 1px solid #333;
    white-space: nowrap;
}

.layout-ecoSev-6seli .mod-othercontent01-title-6seli .mod-bottom a:before {
    content: "➜";
    padding-right: 10px;
    color: var(--main);
}

.layout-ecoSev-6seli .mod-othercontent01-title-6seli .mod-bottom a:hover {
    background: var(--main);
    color: #fff;
    border-color: var(--main);
}

.layout-ecoSev-6seli .mod-othercontent01-title-6seli .mod-bottom a:hover:before {
    color: #fff;
}

.layout-ecoSev-6seli {
    background: #f5f3f1;
}

.layout-ecoSev-6seli .layout-bg {
    width: 100%;
    max-width: 1920px;
}

.layout-ecoSev-6seli .mod-othercontent01 .mod-bg {
    display: flex;
    align-items: start;
    flex-wrap: wrap;
    justify-content: end;
}

.layout-ecoSev-6seli .mod-othercontent01 .mod-bg * {
    transition: All 0.3s ease-in-out;
}

.layout-ecoSev-6seli .mod-othercontent01 .mod-title {
    width: calc(100%/3);
}

.layout-ecoSev-6seli .mod-othercontent01 .title-bg {
    padding: calc(1vw + 10px);
}

.layout-ecoSev-6seli .mod-othercontent01 .title-right-span {
    padding: calc(0.25vw + 5px) 0;
}

.layout-ecoSev-6seli .mod-othercontent01 .mod-content {
    width: calc(200%/3 - 2vw - 10px);
}

@media(min-width:769px) {
    .layout-ecoSev-6seli .mod-othercontent01 .title-bg {
        padding: calc(3vw + 10px);
        max-width: 520px;
    }
}

@media(max-width:768px) {
    .layout-ecoSev-6seli .mod-othercontent01 .mod-title {
        width: 100%;
    }

    .layout-ecoSev-6seli .mod-othercontent01 .mod-content {
        width: 100%;
    }
}

.layout-oemTwo-srzwg .mod-othercontent01 .swiper-button-prev,
.layout-oemTwo-srzwg .mod-othercontent01 .swiper-button-next {
    color: #fff;
    width: calc(1vw + 25px);
    height: calc(1vw + 25px);
    margin: 0;
    transform: translate(0, -50%);
}

.layout-oemTwo-srzwg .mod-othercontent01 .swiper-button-prev:after,
.layout-oemTwo-srzwg .mod-othercontent01 .swiper-button-next:after {
    font-size: calc(0.3vw + 16px);
    line-height: calc(1vw + 25px);
}

.layout-oemTwo-srzwg .mod-othercontent01 .swiper-button-prev:hover,
.layout-oemTwo-srzwg .mod-othercontent01 .swiper-button-next:hover {
    color: var(--main) !important;
}

.layout-oemTwo-srzwg .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,
.layout-oemTwo-srzwg .mod-othercontent01 .swiper-button-next.swiper-button-disabled {
    opacity: 1;
    color: #333;
}

@media(max-width:768px) {

    .layout-oemTwo-srzwg .mod-othercontent01 .swiper-button-prev,
    .layout-oemTwo-srzwg .mod-othercontent01 .swiper-button-next {
        display: none;
    }
}

.layout-oemTwo-srzwg .mod-othercontent01-titlecenter-srzwg .mod-title {
    padding-bottom: calc(1vw + 10px);
    text-align: center;
    max-width: 1100px;
    margin: auto;
}

.layout-oemTwo-srzwg .mod-othercontent01-titlecenter-srzwg .title-right {
    padding-top: calc(0.5vw + 5px);
}

.layout-oemTwo-srzwg .mod-othercontent01-titlecenter-srzwg .title-right-span {
    display: block;
}

.layout-oemTwo-srzwg .mod-othercontent01-titlecenter-srzwg .mod-title h3 {
    color: var(--main);
    font-weight: 500;
}

.layout-oemTwo-srzwg .mod-othercontent01-titlecenter-srzwg .mod-title h2 {
    font-size: calc(1.4vw + 18px);
    line-height: calc(1.5vw + 20px);
    color: #000;
    font-weight: 600;
}

.layout-oemTwo-srzwg .mod-othercontent01-titlecenter-srzwg .mod-title strong {
    color: var(--main);
}

.layout-oemTwo-srzwg .mod-othercontent01-titlecenter-srzwg .mod-bottom {
    padding-top: calc(2vw + 10px);
    text-align: center;
}

.layout-oemTwo-srzwg .mod-othercontent01-titlecenter-srzwg .mod-bottom a {
    color: var(--main);
    padding: calc(0.25vw + 5px) calc(1vw + 20px);
    text-transform: uppercase;
    border: 1px solid var(--main);
}

.layout-oemTwo-srzwg .mod-othercontent01-titlecenter-srzwg .mod-bottom a:hover {
    color: #fff;
    background: var(--main);
}

.layout-oemTwo-srzwg {
    padding: calc(2% + 20px) 0;
    background: #f4f4f4;
}

.layout-oemTwo-srzwg .layout-bg {
    width: 1800px;
}

.layout-oemTwo-srzwg .mod-othercontent01 .mod-content {
    padding: calc(0.5vw + 10px) 0;
}

.layout-oemTwo-srzwg .mod-othercontent01 .content-bg {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.layout-oemTwo-srzwg .mod-othercontent01 .content-bg * {
    transition: All 0.3s ease-in-out;
}

.layout-oemTwo-srzwg .mod-othercontent01:nth-of-type(2n) .content-bg {
    flex-direction: row-reverse;
}

.layout-oemTwo-srzwg .mod-othercontent01 .text {
    width: 50%;
    padding: calc(3vw + 10px);
    box-sizing: border-box;
}

.layout-oemTwo-srzwg .mod-othercontent01 .text h3 {
    font-size: calc(0.6vw + 16px);
    font-weight: 600;
    line-height: calc(0.75vw + 20px);
    padding-bottom: calc(0.25vw + 5px);
}

.layout-oemTwo-srzwg .mod-othercontent01 .text dl {
    display: flex;
    flex-wrap: wrap;
    align-items: start;
    padding: calc(0.25vw + 5px) 0;
}

.layout-oemTwo-srzwg .mod-othercontent01 .text dt {
    width: calc(1vw + 20px);
    font-size: calc(0.3vw + 16px);
    color: var(--main);
}

.layout-oemTwo-srzwg .mod-othercontent01 .text dd {
    width: calc(100% - 1vw - 20px);
}

.layout-oemTwo-srzwg .mod-othercontent01 .text dd h4 {
    font-size: calc(0.5vw + 14px);
    font-weight: 500;
    line-height: calc(0.5vw + 20px);
}

.layout-oemTwo-srzwg .mod-othercontent01 .text a {
    color: var(--main);
    text-transform: uppercase;
    padding: calc(0.25vw + 5px) calc(1vw + 20px);
    border: 1px solid var(--main);
    margin-top: calc(0.5vw + 5px);
    font-weight: 500;
}

.layout-oemTwo-srzwg .mod-othercontent01 .text a:hover {
    background: var(--main);
    color: #fff;
}

.layout-oemTwo-srzwg .mod-othercontent01 .img {
    width: 50%;
}

@media(max-width:768px) {
    .layout-oemTwo-srzwg .mod-othercontent01 .text {
        width: 100%;
    }

    .layout-oemTwo-srzwg .mod-othercontent01 .img {
        width: 100%;
    }
}

.layout-aboutTen-efi6a .mod-othercontent01 .swiper-button-prev,
.layout-aboutTen-efi6a .mod-othercontent01 .swiper-button-next {
    color: #fff;
    width: calc(1vw + 30px);
    height: calc(1vw + 30px);
    margin: 0;
    transform: translate(0, -50%);
    border-radius: 50%;
}

.layout-aboutTen-efi6a .mod-othercontent01 .swiper-button-prev:after,
.layout-aboutTen-efi6a .mod-othercontent01 .swiper-button-next:after {
    font-size: calc(0.4vw + 16px);
    line-height: calc(1vw + 30px);
}

.layout-aboutTen-efi6a .mod-othercontent01 .swiper-button-prev:hover,
.layout-aboutTen-efi6a .mod-othercontent01 .swiper-button-next:hover {
    background: var(--main);
}

.layout-aboutTen-efi6a .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,
.layout-aboutTen-efi6a .mod-othercontent01 .swiper-button-next.swiper-button-disabled {
    opacity: 1;
    background: #eee;
    color: #999;
}

.layout-aboutTen-efi6a .mod-othercontent01-titlecenter-efi6a .mod-title {
    padding-bottom: calc(0.5vw + 10px);
    text-align: center;
}

.layout-aboutTen-efi6a .mod-othercontent01-titlecenter-efi6a .title-right {
    padding-top: calc(0.25vw + 5px);
    max-width: 1360px;
    margin: auto;
}

.layout-aboutTen-efi6a .mod-othercontent01-titlecenter-efi6a .title-right-span {
    display: block;
}

.layout-aboutTen-efi6a .mod-othercontent01-titlecenter-efi6a .mod-title h2 {
    font-size: calc(0.8vw + 20px);
    line-height: calc(1vw + 25px);
    font-weight: 700;
    color: #000;
}

.layout-aboutTen-efi6a {
    padding: calc(3% + 30px) 0;
    background: #ececec;
}

.layout-aboutTen-efi6a .mod-othercontent01 .mod-bg {
    max-width: 1320px;
    text-align: center;
    margin: auto;
}

.layout-aboutTen-efi6a .mod-othercontent01 .mod-title strong {
    font-size: calc(2vw + 35px);
    line-height: calc(4vw + 40px);
    width: calc(4vw + 40px);
    border-radius: 50%;
    background: #fff;
    display: block;
    margin: 0 auto calc(1vw + 5px);
    color: #000;
    font-weight: 500;
}

.layout-aboutTen-efi6a .mod-othercontent01 .mod-bottom {
    padding-top: calc(1vw + 10px);
}

.layout-aboutTen-efi6a .mod-othercontent01 .mod-bottom a {
    padding: calc(0.25vw + 5px) calc(1vw + 10px);
    border: 1px solid #333;
    border-radius: 5px;
    text-transform: capitalize;
}

.layout-aboutTen-efi6a .mod-othercontent01 .mod-bottom a:hover {
    background: var(--main);
    border-color: var(--main);
    color: #fff;
}

.layout-oemFour-nefzy .mod-othercontent01 .swiper-button-prev,
.layout-oemFour-nefzy .mod-othercontent01 .swiper-button-next {
    color: #fff;
    width: calc(1vw + 25px);
    height: calc(1vw + 25px);
    margin: 0;
    transform: translate(0, -50%);
}

.layout-oemFour-nefzy .mod-othercontent01 .swiper-button-prev:after,
.layout-oemFour-nefzy .mod-othercontent01 .swiper-button-next:after {
    font-size: calc(0.3vw + 16px);
    line-height: calc(1vw + 25px);
}

.layout-oemFour-nefzy .mod-othercontent01 .swiper-button-prev:hover,
.layout-oemFour-nefzy .mod-othercontent01 .swiper-button-next:hover {
    color: var(--main) !important;
}

.layout-oemFour-nefzy .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,
.layout-oemFour-nefzy .mod-othercontent01 .swiper-button-next.swiper-button-disabled {
    opacity: 1;
    color: #333;
}

@media(max-width:768px) {

    .layout-oemFour-nefzy .mod-othercontent01 .swiper-button-prev,
    .layout-oemFour-nefzy .mod-othercontent01 .swiper-button-next {
        display: none;
    }
}

.layout-oemFour-nefzy .mod-othercontent01-titlecenter-nefzy .mod-title {
    padding-bottom: calc(1vw + 10px);
    text-align: center;
    max-width: 1100px;
    margin: auto;
}

.layout-oemFour-nefzy .mod-othercontent01-titlecenter-nefzy .title-right {
    padding-top: calc(0.5vw + 5px);
}

.layout-oemFour-nefzy .mod-othercontent01-titlecenter-nefzy .title-right-span {
    display: block;
}

.layout-oemFour-nefzy .mod-othercontent01-titlecenter-nefzy .mod-title h3 {
    color: var(--main);
    font-weight: 500;
}

.layout-oemFour-nefzy .mod-othercontent01-titlecenter-nefzy .mod-title h2 {
    font-size: calc(1.4vw + 18px);
    line-height: calc(1.5vw + 20px);
    color: #000;
    font-weight: 600;
}

.layout-oemFour-nefzy .mod-othercontent01-titlecenter-nefzy .mod-title strong {
    color: var(--main);
}

.layout-oemFour-nefzy .mod-othercontent01-titlecenter-nefzy .mod-bottom {
    padding-top: calc(2vw + 10px);
    text-align: center;
}

.layout-oemFour-nefzy .mod-othercontent01-titlecenter-nefzy .mod-bottom a {
    color: var(--main);
    padding: calc(0.25vw + 5px) calc(1vw + 20px);
    text-transform: uppercase;
    border: 1px solid var(--main);
}

.layout-oemFour-nefzy .mod-othercontent01-titlecenter-nefzy .mod-bottom a:hover {
    color: #fff;
    background: var(--main);
}

.layout-oemFour-nefzy {
    padding: calc(2% + 20px) 0;
}

.layout-oemFour-nefzy .layout-bg {
    width: 1800px;
}

.layout-oemFour-nefzy .mod-othercontent01 .content-bg {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

.layout-oemFour-nefzy .mod-othercontent01 .content-bg * {
    transition: All 0.3s ease-in-out;
}

.layout-oemFour-nefzy .mod-othercontent01 .item {
    width: calc(20% - 0.5vw - 10px);
    margin: calc(0.25vw + 5px);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
}

.layout-oemFour-nefzy .mod-othercontent01 .item:after {
    content: "";
    top: calc(1.5vw + 75px);
    left: 50%;
    width: calc(100% + 0.5vw + 10px);
    height: 1px;
    background: #ccc;
    position: absolute;
    z-index: 2;
}

.layout-oemFour-nefzy .mod-othercontent01 .item:last-of-type:after {
    display: none;
}

.layout-oemFour-nefzy .mod-othercontent01 .item span {
    width: calc(1vw + 40px);
    display: block;
    background: #f4f4f4;
    border-radius: 5px;
    margin: 0 auto 5px;
}

.layout-oemFour-nefzy .mod-othercontent01 .item h4:after {
    content: "";
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 50%;
    display: block;
    margin: calc(0.25vw + 5px) auto;
    position: relative;
    z-index: 4;
    border: 1px solid #aaa;
}

.layout-oemFour-nefzy .mod-othercontent01 .item h4 {
    text-align: center;
    color: var(--main);
}

.layout-oemFour-nefzy .mod-othercontent01 .item h3 {
    font-size: calc(0.5vw + 14px);
    font-weight: 600;
    line-height: calc(0.5vw + 20px);
    text-align: center;
    display: block;
    flex: auto;
    padding: calc(0.5vw + 5px) 0;
}

.layout-oemFour-nefzy .mod-othercontent01 .img {
    position: relative;
    align-self: end;
}

.layout-oemFour-nefzy .mod-othercontent01 .text {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    padding: calc(4vw + 10px) calc(0.5vw + 10px) calc(0.5vw + 10px);
    color: #fff;
    background: linear-gradient(0, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.layout-oemFour-nefzy .mod-othercontent01 .item:hover span {
    background: var(--main);
}

.layout-oemFour-nefzy .mod-othercontent01 .item:hover span img {
    filter: grayscale(1) brightness(10);
}

.layout-oemFour-nefzy .mod-othercontent01 .item:hover h4:after {
    background: var(--main);
    border-color: var(--main);
}

.layout-oemFour-nefzy .mod-othercontent01 .item:hover h3 {
    color: var(--main);
}

.layout-oemFour-nefzy .mod-othercontent01 .item:hover .text {
    background: var(--main);
    padding: calc(0.5vw + 10px);
}

@media(max-width:768px) and (min-width:481px) {
    .layout-oemFour-nefzy .mod-othercontent01 .item {
        width: calc(100%/3 - 0.5vw - 10px);
    }

    .layout-oemFour-nefzy .mod-othercontent01 .item:nth-of-type(3n):after {
        display: none;
    }
}

@media(max-width:480px) {
    .layout-oemFour-nefzy .mod-othercontent01 .item {
        width: calc(100%/2 - 0.5vw - 10px);
    }

    .layout-oemFour-nefzy .mod-othercontent01 .item:nth-of-type(2n):after {
        display: none;
    }
}

.layout-aboutTwo-uz66i .mod-othercontent01 .swiper-button-prev,
.layout-aboutTwo-uz66i .mod-othercontent01 .swiper-button-next {
    color: #fff;
    width: calc(1vw + 30px);
    height: calc(1vw + 30px);
    margin: 0;
    transform: translate(0, -50%);
}

.layout-aboutTwo-uz66i .mod-othercontent01 .swiper-button-prev:after,
.layout-aboutTwo-uz66i .mod-othercontent01 .swiper-button-next:after {
    font-size: calc(0.2vw + 14px);
    line-height: calc(1vw + 25px);
}

.layout-aboutTwo-uz66i .mod-othercontent01 .swiper-button-prev:hover,
.layout-aboutTwo-uz66i .mod-othercontent01 .swiper-button-next:hover {
    color: var(--main);
}

.layout-aboutTwo-uz66i .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,
.layout-aboutTwo-uz66i .mod-othercontent01 .swiper-button-next.swiper-button-disabled {
    opacity: 1;
    background: #eee;
    color: #666;
}

.layout-aboutTwo-uz66i .mod-othercontent01-page-uz66i .mod-title {
    padding-bottom: calc(1vw + 10px);
}

.layout-aboutTwo-uz66i .mod-othercontent01-page-uz66i .title-left {
    text-align: center;
}

.layout-aboutTwo-uz66i .mod-othercontent01-page-uz66i .title-right {
    padding-top: calc(0.25vw + 5px);
}

.layout-aboutTwo-uz66i .mod-othercontent01-page-uz66i .title-right-span {
    display: block;
}

.layout-aboutTwo-uz66i .mod-othercontent01-page-uz66i .mod-title h2 {
    font-size: calc(1vw + 20px);
    line-height: calc(1vw + 25px);
    color: #000;
    font-weight: 700;
}

.layout-aboutTwo-uz66i .mod-othercontent01-page-uz66i .mod-title h1 {
    font-size: calc(1vw + 20px);
    line-height: calc(1vw + 25px);
    color: #000;
    font-weight: 700;
}

.layout-aboutTwo-uz66i .mod-othercontent01-page-uz66i .mod-title h3 {
    font-size: calc(0.1vw + 12px);
    line-height: calc(0.15vw + 15px);
    color: #666;
    padding: calc(0.5vw + 5px) 0;
}

.layout-aboutTwo-uz66i .mod-othercontent01-page-uz66i .mod-bottom {
    text-align: center;
}

.layout-aboutTwo-uz66i .mod-othercontent01-page-uz66i .mod-bottom a {
    font-weight: 500;
    color: #fff;
    background: var(--main);
    padding: 5px calc(1vw + 10px);
    border-radius: 50vw;
    margin-top: calc(2vw + 10px);
}

.layout-aboutTwo-uz66i .mod-othercontent01-page-uz66i .mod-bottom a:hover {
    background: var(--main);
    color: #fff;
}

.layout-aboutTwo-uz66i {
    padding: calc(3% + 30px) 0;
}

.layout-aboutTwo-uz66i .mod-othercontent01 .mod-content p {
    font-size: calc(0.2vw + 14px);
    line-height: calc(0.5vw + 20px);
    padding: 5px 0;
}

.layout-sizeOne-5zf34 .mod-othercontent01 .swiper-button-prev,
.layout-sizeOne-5zf34 .mod-othercontent01 .swiper-button-next {
    color: #fff;
    width: calc(1vw + 30px);
    height: calc(1vw + 30px);
    margin: 0;
    transform: translate(0, -50%);
}

.layout-sizeOne-5zf34 .mod-othercontent01 .swiper-button-prev:after,
.layout-sizeOne-5zf34 .mod-othercontent01 .swiper-button-next:after {
    font-size: calc(0.2vw + 14px);
    line-height: calc(1vw + 25px);
}

.layout-sizeOne-5zf34 .mod-othercontent01 .swiper-button-prev:hover,
.layout-sizeOne-5zf34 .mod-othercontent01 .swiper-button-next:hover {
    color: var(--main);
}

.layout-sizeOne-5zf34 .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,
.layout-sizeOne-5zf34 .mod-othercontent01 .swiper-button-next.swiper-button-disabled {
    opacity: 1;
    background: #eee;
    color: #666;
}

@media(max-width:768px) {

    .layout-sizeOne-5zf34 .mod-othercontent01 .swiper-button-prev,
    .layout-sizeOne-5zf34 .mod-othercontent01 .swiper-button-next {
        display: none;
    }
}

.layout-sizeOne-5zf34 .mod-othercontent01-titlecenter-5zf34 .mod-title {
    padding-bottom: calc(1vw + 10px);
    text-align: center;
}

.layout-sizeOne-5zf34 .mod-othercontent01-titlecenter-5zf34 .mod-title h2 {
    font-size: calc(1.4vw + 14px);
    line-height: calc(1.5vw + 20px);
    font-weight: 600;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.layout-sizeOne-5zf34 .mod-othercontent01-titlecenter-5zf34 .title-right {
    padding-top: calc(0.5vw + 5px);
}

.layout-sizeOne-5zf34 .mod-othercontent01-titlecenter-5zf34 .title-right-span {
    display: block;
    padding: calc(0.2vw + 2px) 0;
}

.layout-sizeOne-5zf34 .mod-othercontent01-titlecenter-5zf34 .mod-bottom {
    padding-top: calc(1vw + 10px);
    text-align: center;
}

.layout-sizeOne-5zf34 .mod-othercontent01-titlecenter-5zf34 .mod-bottom a {
    color: #fff;
    background: var(--main);
    padding: calc(0.5vw + 5px) calc(1vw + 20px);
    text-transform: uppercase;
}

.layout-sizeOne-5zf34 {
    padding: calc(2% + 20px) 0 calc(1% + 10px);
}

.layout-sizeOne-5zf34 .mod-othercontent01 .mod-title h1 {
    font-size: calc(1.4vw + 14px);
    line-height: calc(1.5vw + 20px);
    font-weight: 600;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.layout-sizeOne-5zf34 .mod-othercontent01 .mod-content {
    text-align: center;
}

.layout-aboutTwo-9at59 .mod-othercontent01 .swiper-button-prev,
.layout-aboutTwo-9at59 .mod-othercontent01 .swiper-button-next {
    color: #fff;
    width: calc(1vw + 30px);
    height: calc(1vw + 30px);
    margin: 0;
    transform: translate(0, -50%);
}

.layout-aboutTwo-9at59 .mod-othercontent01 .swiper-button-prev:after,
.layout-aboutTwo-9at59 .mod-othercontent01 .swiper-button-next:after {
    font-size: calc(0.2vw + 14px);
    line-height: calc(1vw + 25px);
}

.layout-aboutTwo-9at59 .mod-othercontent01 .swiper-button-prev:hover,
.layout-aboutTwo-9at59 .mod-othercontent01 .swiper-button-next:hover {
    color: var(--main);
}

.layout-aboutTwo-9at59 .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,
.layout-aboutTwo-9at59 .mod-othercontent01 .swiper-button-next.swiper-button-disabled {
    opacity: 1;
    background: #eee;
    color: #666;
}

.layout-aboutTwo-9at59 .mod-othercontent01-page-9at59 .mod-title {
    padding-bottom: calc(1vw + 10px);
}

.layout-aboutTwo-9at59 .mod-othercontent01-page-9at59 .title-left {
    text-align: center;
}

.layout-aboutTwo-9at59 .mod-othercontent01-page-9at59 .title-right {
    padding-top: calc(0.25vw + 5px);
}

.layout-aboutTwo-9at59 .mod-othercontent01-page-9at59 .title-right-span {
    display: block;
}

.layout-aboutTwo-9at59 .mod-othercontent01-page-9at59 .mod-title h2 {
    font-size: calc(1vw + 20px);
    line-height: calc(1vw + 25px);
    color: #000;
    font-weight: 700;
}

.layout-aboutTwo-9at59 .mod-othercontent01-page-9at59 .mod-title h1 {
    font-size: calc(1vw + 20px);
    line-height: calc(1vw + 25px);
    color: #000;
    font-weight: 700;
}

.layout-aboutTwo-9at59 .mod-othercontent01-page-9at59 .mod-title h3 {
    font-size: calc(0.1vw + 12px);
    line-height: calc(0.15vw + 15px);
    color: #666;
    padding: calc(0.5vw + 5px) 0;
}

.layout-aboutTwo-9at59 .mod-othercontent01-page-9at59 .mod-bottom {
    text-align: center;
}

.layout-aboutTwo-9at59 .mod-othercontent01-page-9at59 .mod-bottom a {
    font-weight: 500;
    color: #fff;
    background: var(--main);
    padding: 5px calc(1vw + 10px);
    border-radius: 50vw;
    margin-top: calc(2vw + 10px);
}

.layout-aboutTwo-9at59 .mod-othercontent01-page-9at59 .mod-bottom a:hover {
    background: var(--main);
    color: #fff;
}

.layout-aboutTwo-9at59 {
    padding: calc(3% + 30px) 0;
}

.layout-aboutTwo-9at59 .mod-othercontent01 .mod-content p {
    font-size: calc(0.2vw + 14px);
    line-height: calc(0.5vw + 20px);
    padding: 5px 0;
}

.layout-review-f7h8r .mod-othercontent01 .swiper-button-prev,
.layout-review-f7h8r .mod-othercontent01 .swiper-button-next {
    color: #fff;
    width: calc(1vw + 30px);
    height: calc(1vw + 30px);
    margin: 0;
    transform: translate(0, -50%);
}

.layout-review-f7h8r .mod-othercontent01 .swiper-button-prev:after,
.layout-review-f7h8r .mod-othercontent01 .swiper-button-next:after {
    font-size: calc(0.4vw + 16px);
    line-height: calc(1vw + 30px);
}

.layout-review-f7h8r .mod-othercontent01 .swiper-button-prev:hover,
.layout-review-f7h8r .mod-othercontent01 .swiper-button-next:hover {
    background: var(--main);
}

.layout-review-f7h8r .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,
.layout-review-f7h8r .mod-othercontent01 .swiper-button-next.swiper-button-disabled {
    opacity: 1;
    background: #eee;
    color: #999;
}

.layout-review-f7h8r .mod-othercontent01-titlecenter-f7h8r .mod-title {
    padding-bottom: calc(1vw + 10px);
    text-align: center;
}

.layout-review-f7h8r .mod-othercontent01-titlecenter-f7h8r .title-right {
    max-width: 1100px;
    margin: auto;
    padding-top: calc(0.5vw + 5px);
}

.layout-review-f7h8r .mod-othercontent01-titlecenter-f7h8r .title-right-span {
    display: block;
}

.layout-review-f7h8r .mod-othercontent01-titlecenter-f7h8r .mod-title h2 {
    font-size: calc(1.4vw + 18px);
    line-height: calc(1.5vw + 20px);
    color: #000;
    text-transform: uppercase;
    font-weight: 700;
}

.layout-review-f7h8r .mod-othercontent01-titlecenter-f7h8r .mod-bottom {
    padding-top: calc(1vw + 10px);
    text-align: center;
}

.layout-review-f7h8r .mod-othercontent01-titlecenter-f7h8r .mod-bottom a {
    padding: calc(0.25vw + 5px) calc(1vw + 10px);
    color: #fff;
    text-transform: capitalize;
    background: #333;
    border-radius: 2px;
}

.layout-review-f7h8r .mod-othercontent01-titlecenter-f7h8r .mod-bottom a:hover {
    background: var(--main);
}

.layout-review-f7h8r {
    padding: calc(2% + 20px) 0;
}

.layout-review-f7h8r .mod-othercontent01 .content-bg {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: space-between;
    overflow: visible;
}

.layout-review-f7h8r .mod-othercontent01 .content-bg * {
    transition: All 0.3s ease-in-out;
}

.layout-review-f7h8r .mod-othercontent01 .item {
    padding: calc(3vw + 10px);
    width: calc(50% - 2vw - 5px);
    margin: calc(0.5vw + 5px);
    border: 1px solid #eee;
    border-radius: calc(1vw + 5px);
    box-sizing: border-box;
    text-align: center;
}

.layout-review-f7h8r .mod-othercontent01 .item:before {
    content: "";
    width: calc(2vw + 50px);
    height: calc(1vw + 35px);
    background: url(../images/review-icon.png) center no-repeat;
    background-size: 100% auto;
    display: block;
    margin: auto;
}

.layout-review-f7h8r .mod-othercontent01 .item h3 {
    font-size: calc(0.5vw + 16px);
    line-height: calc(0.5vw + 20px);
    font-weight: 700;
    text-transform: uppercase;
    padding: calc(0.25vw + 5px) 0;
}

.layout-review-f7h8r .mod-othercontent01 .item span {
    width: calc(4vw + 80px);
    display: block;
    margin: calc(2vw + 10px) auto calc(0.5vw + 5px);
    overflow: hidden;
    border-radius: 50%;
}

.layout-review-f7h8r .mod-othercontent01 .item h4:after {
    content: "";
    width: 30px;
    height: 2px;
    background: var(--main);
    display: block;
    margin: 5px auto;
}

.layout-review-f7h8r .mod-othercontent01 .item:hover {
    box-shadow: 0 0 calc(0.5vw + 10px) rgba(0, 0, 0, 0.1);
}

@media(max-width:480px) {
    .layout-review-f7h8r .mod-othercontent01 .item {
        width: 100%;
    }
}

.layout-supply-hsnqr .mod-othercontent01 .swiper-button-prev,
.layout-supply-hsnqr .mod-othercontent01 .swiper-button-next {
    color: #aaa;
    width: calc(0.5vw + 25px);
    height: calc(0.5vw + 25px);
    margin: 0;
    transform: translate(0, -50%);
    border: 1px solid #aaa;
    border-radius: 50%;
}

.layout-supply-hsnqr .mod-othercontent01 .swiper-button-prev:after,
.layout-supply-hsnqr .mod-othercontent01 .swiper-button-next:after {
    font-size: calc(0.1vw + 14px);
    line-height: calc(0.5vw + 25px);
}

.layout-supply-hsnqr .mod-othercontent01 .swiper-button-prev:hover,
.layout-supply-hsnqr .mod-othercontent01 .swiper-button-next:hover {
    background: var(--main);
    color: #fff;
    border-color: var(--main);
}

.layout-supply-hsnqr .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,
.layout-supply-hsnqr .mod-othercontent01 .swiper-button-next.swiper-button-disabled {
    opacity: 1;
    background: #eee;
    color: #666;
}

.layout-supply-hsnqr .mod-othercontent01-titlecenter-hsnqr .mod-title {
    padding-bottom: calc(1vw + 10px);
    text-align: center;
}

.layout-supply-hsnqr .mod-othercontent01-titlecenter-hsnqr .title-right {
    padding-top: calc(0.25vw + 5px);
    max-width: 1200px;
    margin: auto;
}

.layout-supply-hsnqr .mod-othercontent01-titlecenter-hsnqr .title-right-span {
    display: block;
}

.layout-supply-hsnqr .mod-othercontent01-titlecenter-hsnqr .mod-title h2 {
    font-size: calc(1vw + 22px);
    line-height: calc(1vw + 25px);
    color: #000;
    font-weight: 600;
}

.layout-supply-hsnqr .mod-othercontent01-titlecenter-hsnqr .mod-title h2:after {
    content: "";
    width: 80px;
    height: 10px;
    background: url(../images/title-bg.png) center no-repeat;
    display: block;
    margin: calc(0.25vw + 5px) auto;
}

.layout-supply-hsnqr .mod-othercontent01-titlecenter-hsnqr .mod-title a {
    font-size: calc(0.2vw + 14px);
    line-height: calc(0.5vw + 20px);
    font-weight: 500;
    padding: calc(0.25vw + 5px) calc(0.5vw + 10px);
    display: inline-flex;
    align-items: center;
    border: 1px solid #333;
    white-space: nowrap;
    margin-top: calc(0.5vw + 10px);
}

.layout-supply-hsnqr .mod-othercontent01-titlecenter-hsnqr .mod-title a:before {
    content: "➜";
    padding-right: 10px;
    color: var(--main);
}

.layout-supply-hsnqr .mod-othercontent01-titlecenter-hsnqr .mod-title a:hover {
    background: var(--main);
    color: #fff;
    border-color: var(--main);
}

.layout-supply-hsnqr .mod-othercontent01-titlecenter-hsnqr .mod-title a:hover:before {
    color: #fff;
}

.layout-supply-hsnqr .mod-othercontent01-titlecenter-hsnqr .mod-title h3 {
    font-size: calc(0.2vw + 14px);
    color: var(--main);
    font-weight: 600;
}

.layout-supply-hsnqr .mod-othercontent01-titlecenter-hsnqr .mod-bottom {
    padding-top: calc(1vw + 10px);
    text-align: center;
}

.layout-supply-hsnqr .mod-othercontent01-titlecenter-hsnqr .mod-bottom a {
    font-size: calc(0.2vw + 14px);
    line-height: calc(0.5vw + 20px);
    font-weight: 500;
    padding: calc(0.25vw + 5px) calc(0.5vw + 10px);
    display: inline-flex;
    align-items: center;
    border: 1px solid #333;
    white-space: nowrap;
}

.layout-supply-hsnqr .mod-othercontent01-titlecenter-hsnqr .mod-bottom a:before {
    content: "➜";
    padding-right: 10px;
    color: var(--main);
}

.layout-supply-hsnqr .mod-othercontent01-titlecenter-hsnqr .mod-bottom a:hover {
    background: var(--main);
    color: #fff;
    border-color: var(--main);
}

.layout-supply-hsnqr .mod-othercontent01-titlecenter-hsnqr .mod-bottom a:hover:before {
    color: #fff;
}

.layout-supply-hsnqr {
    padding: calc(3% + 30px) 0;
    background: url(../images/8235315.jpg) center/cover fixed no-repeat;
}

.layout-supply-hsnqr .mod-othercontent01 .mod-content h2 {
    font-size: calc(1.5vw + 18px);
    line-height: calc(1.5vw + 25px);
    color: #fff;
    font-weight: 600;
    text-align: center;
}

.layout-supply-hsnqr .mod-othercontent01 .mod-bottom a {
    background: var(--main);
    color: #fff;
    border-color: var(--main);
}

.layout-supply-hsnqr .mod-othercontent01 .mod-bottom a:before {
    color: #fff;
}

.layout-supply-8teee .mod-othercontent01 .swiper-button-prev,
.layout-supply-8teee .mod-othercontent01 .swiper-button-next {
    color: #aaa;
    width: calc(0.5vw + 25px);
    height: calc(0.5vw + 25px);
    margin: 0;
    transform: translate(0, -50%);
    border: 1px solid #aaa;
    border-radius: 50%;
}

.layout-supply-8teee .mod-othercontent01 .swiper-button-prev:after,
.layout-supply-8teee .mod-othercontent01 .swiper-button-next:after {
    font-size: calc(0.1vw + 14px);
    line-height: calc(0.5vw + 25px);
}

.layout-supply-8teee .mod-othercontent01 .swiper-button-prev:hover,
.layout-supply-8teee .mod-othercontent01 .swiper-button-next:hover {
    background: var(--main);
    color: #fff;
    border-color: var(--main);
}

.layout-supply-8teee .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,
.layout-supply-8teee .mod-othercontent01 .swiper-button-next.swiper-button-disabled {
    opacity: 1;
    background: #eee;
    color: #666;
}

.layout-supply-8teee .mod-othercontent01-titlecenter-8teee .mod-title {
    padding-bottom: calc(1vw + 10px);
    text-align: center;
}

.layout-supply-8teee .mod-othercontent01-titlecenter-8teee .title-right {
    padding-top: calc(0.25vw + 5px);
    max-width: 1200px;
    margin: auto;
}

.layout-supply-8teee .mod-othercontent01-titlecenter-8teee .title-right-span {
    display: block;
}

.layout-supply-8teee .mod-othercontent01-titlecenter-8teee .mod-title h2 {
    font-size: calc(1vw + 22px);
    line-height: calc(1vw + 25px);
    color: #000;
    font-weight: 600;
}

.layout-supply-8teee .mod-othercontent01-titlecenter-8teee .mod-title h2:after {
    content: "";
    width: 80px;
    height: 10px;
    background: url(../images/8235372.jpg) center no-repeat;
    display: block;
    margin: calc(0.25vw + 5px) auto;
}

.layout-supply-8teee .mod-othercontent01-titlecenter-8teee .mod-title a {
    font-size: calc(0.2vw + 14px);
    line-height: calc(0.5vw + 20px);
    font-weight: 500;
    padding: calc(0.25vw + 5px) calc(0.5vw + 10px);
    display: inline-flex;
    align-items: center;
    border: 1px solid #333;
    white-space: nowrap;
    margin-top: calc(0.5vw + 10px);
}

.layout-supply-8teee .mod-othercontent01-titlecenter-8teee .mod-title a:before {
    content: "➜";
    padding-right: 10px;
    color: var(--main);
}

.layout-supply-8teee .mod-othercontent01-titlecenter-8teee .mod-title a:hover {
    background: var(--main);
    color: #fff;
    border-color: var(--main);
}

.layout-supply-8teee .mod-othercontent01-titlecenter-8teee .mod-title a:hover:before {
    color: #fff;
}

.layout-supply-8teee .mod-othercontent01-titlecenter-8teee .mod-title h3 {
    font-size: calc(0.2vw + 14px);
    color: var(--main);
    font-weight: 600;
}

.layout-supply-8teee .mod-othercontent01-titlecenter-8teee .mod-bottom {
    padding-top: calc(1vw + 10px);
    text-align: center;
}

.layout-supply-8teee .mod-othercontent01-titlecenter-8teee .mod-bottom a {
    font-size: calc(0.2vw + 14px);
    line-height: calc(0.5vw + 20px);
    font-weight: 500;
    padding: calc(0.25vw + 5px) calc(0.5vw + 10px);
    display: inline-flex;
    align-items: center;
    border: 1px solid #333;
    white-space: nowrap;
}

.layout-supply-8teee .mod-othercontent01-titlecenter-8teee .mod-bottom a:before {
    content: "➜";
    padding-right: 10px;
    color: var(--main);
}

.layout-supply-8teee .mod-othercontent01-titlecenter-8teee .mod-bottom a:hover {
    background: var(--main);
    color: #fff;
    border-color: var(--main);
}

.layout-supply-8teee .mod-othercontent01-titlecenter-8teee .mod-bottom a:hover:before {
    color: #fff;
}

.layout-supply-8teee {
    padding: calc(3% + 30px) 0;
    background: url(../images/8235372.jpg) center/cover fixed no-repeat;
}

.layout-supply-8teee .mod-othercontent01 .mod-content h2 {
    font-size: calc(1.5vw + 18px);
    line-height: calc(1.5vw + 25px);
    color: #fff;
    font-weight: 600;
    text-align: center;
}

.layout-supply-8teee .mod-othercontent01 .mod-bottom a {
    background: var(--main);
    color: #fff;
    border-color: var(--main);
}

.layout-supply-8teee .mod-othercontent01 .mod-bottom a:before {
    color: #fff;
}

.layout-banner-o3f2a .mod-othercontent01 .swiper-button-prev,
.layout-banner-o3f2a .mod-othercontent01 .swiper-button-next {
    color: #fff;
    width: calc(1vw + 30px);
    height: calc(1vw + 30px);
    margin: 0;
    transform: translate(0, -50%);
}

.layout-banner-o3f2a .mod-othercontent01 .swiper-button-prev:after,
.layout-banner-o3f2a .mod-othercontent01 .swiper-button-next:after {
    font-size: calc(0.4vw + 16px);
    line-height: calc(1vw + 30px);
}

.layout-banner-o3f2a .mod-othercontent01 .swiper-button-prev:hover,
.layout-banner-o3f2a .mod-othercontent01 .swiper-button-next:hover {
    background: var(--main);
}

.layout-banner-o3f2a .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,
.layout-banner-o3f2a .mod-othercontent01 .swiper-button-next.swiper-button-disabled {
    opacity: 1;
    background: #eee;
    color: #999;
}

.layout-banner-o3f2a .mod-othercontent01-banner-o3f2a .item {
    position: relative;
    z-index: 2;
    overflow: hidden;
    height: 35vh;
}

.layout-banner-o3f2a .mod-othercontent01-banner-o3f2a .img * {
    display: block;
    height: 100%;
    width: auto !important;
    max-width: inherit !important;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0%);
}

.layout-banner-o3f2a .mod-othercontent01-banner-o3f2a .text {
    position: absolute;
    left: calc(1vw + 10px);
    top: 50%;
    right: calc(1vw + 10px);
    color: #fff;
    z-index: 3;
    max-width: var(--width);
    margin: auto;
    transform: translate(0, -50%);
    font-size: calc(0.6vw + 14px);
    line-height: calc(0.75vw + 20px);
}

.layout-banner-o3f2a .mod-othercontent01-banner-o3f2a .title {
    font-size: calc(2vw + 16px);
    line-height: calc(2vw + 25px);
    padding-bottom: calc(0.5vw + 5px);
}

.layout-banner-o3f2a .mod-othercontent01-banner-o3f2a .text a {
    font-size: calc(0.2vw + 12px);
    line-height: calc(0.25vw + 20px);
    margin-top: calc(2vw + 5px);
    padding: 5px calc(0.5vw + 10px);
    border-radius: calc(0.25vw + 5px);
    font-weight: 500;
    text-transform: uppercase;
    border: 2px solid var(--main);
    display: inline-flex;
    align-items: center;
}

.layout-banner-o3f2a .mod-othercontent01-banner-o3f2a .text a:after {
    content: "";
    width: 35px;
    height: 35px;
    background: url(../images/link.png);
    border-radius: calc(0.25vw + 5px);
    overflow: hidden;
    flex: 0 0 35px;
    margin-left: calc(0.5vw + 5px);
}

.layout-banner-o3f2a .mod-othercontent01-banner-o3f2a .text a:hover {
    border-color: var(--deputy);
}

.layout-banner-o3f2a .mod-othercontent01-banner-o3f2a .text a:hover:after {
    filter: hue-rotate(180deg);
}

.layout-banner-o3f2a .mod-othercontent01-banner-o3f2a .swiper-pagination-bullet {
    background: #fff;
}

@media(min-width:1025px) {
    .layout-banner-o3f2a .mod-othercontent01-banner-o3f2a .item {
        min-height: 700px;
    }
}

@media(max-width:768px) {

    .layout-banner-o3f2a .mod-othercontent01-banner-o3f2a .swiper-button-prev,
    .layout-banner-o3f2a .mod-othercontent01-banner-o3f2a .swiper-button-next {
        display: none;
    }
}

@media(max-width:480px) {
    .layout-banner-o3f2a .mod-othercontent01-banner-o3f2a .item {
        height: 30vh;
    }
}

.layout-banner-o3f2a .layout-bg {
    width: 100%;
}

.layout-pagetop-mtuco .mod-othercontent01 .swiper-button-prev,
.layout-pagetop-mtuco .mod-othercontent01 .swiper-button-next {
    color: #fff;
    width: calc(1vw + 25px);
    height: calc(1vw + 25px);
    margin: 0;
    transform: translate(0, -50%);
}

.layout-pagetop-mtuco .mod-othercontent01 .swiper-button-prev:after,
.layout-pagetop-mtuco .mod-othercontent01 .swiper-button-next:after {
    font-size: calc(0.3vw + 16px);
    line-height: calc(1vw + 25px);
}

.layout-pagetop-mtuco .mod-othercontent01 .swiper-button-prev:hover,
.layout-pagetop-mtuco .mod-othercontent01 .swiper-button-next:hover {
    color: var(--main) !important;
}

.layout-pagetop-mtuco .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,
.layout-pagetop-mtuco .mod-othercontent01 .swiper-button-next.swiper-button-disabled {
    opacity: 1;
    color: #333;
}

@media(max-width:768px) {

    .layout-pagetop-mtuco .mod-othercontent01 .swiper-button-prev,
    .layout-pagetop-mtuco .mod-othercontent01 .swiper-button-next {
        display: none;
    }
}

.layout-pagetop-mtuco .layout-bg {
    width: 100%;
}

.layout-pagetop-mtuco .mod-othercontent01 .mod-bg {
    position: relative;
    z-index: 2;
    overflow: hidden;
    height: 30vh;
}

.layout-pagetop-mtuco .mod-othercontent01 .mod-title {
    position: absolute;
    left: 0;
    top: 50%;
    right: 0;
    width: calc(100% - 2vw - 20px);
    max-width: var(--width);
    transform: translate(0, -50%);
    margin: auto;
    z-index: 2;
    color: #fff;
    text-align: center;
}

.layout-pagetop-mtuco .mod-othercontent01 .mod-title h1 {
    font-size: calc(1.6vw + 18px);
    line-height: calc(1.75vw + 20px);
    font-weight: 600;
    text-transform: uppercase;
    display: block;
}

.layout-pagetop-mtuco .mod-othercontent01 .mod-title h1 strong {
    color: var(--main);
}

.layout-pagetop-mtuco .mod-othercontent01 .title-right {
    max-width: 640px;
    margin: auto;
    font-size: calc(0.2vw + 14px);
    line-height: calc(0.5vw + 20px);
}

.layout-pagetop-mtuco .mod-othercontent01 .title-right:before {
    content: "";
    width: calc(1vw + 20px);
    height: 3px;
    background: var(--main);
    display: block;
    margin: calc(0.5vw + 5px) auto;
    border-radius: 10vw;
}

.layout-pagetop-mtuco .mod-othercontent01 .title-right-span {
    display: block;
}

.layout-pagetop-mtuco .mod-othercontent01 .content-bg img {
    display: block;
    height: 100%;
    width: auto !important;
    max-width: inherit !important;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0%);
}

@media(min-width:769px) {
    .layout-pagetop-mtuco .mod-othercontent01 .mod-bg {
        min-height: 470px;
    }
}

.layout-pagetop-mtuco .mod-othercontent01-custtop .mod-title {
    max-width: 1180px;
    margin: auto;
}

.layout-pagetop-l607r .mod-othercontent01 .swiper-button-prev,
.layout-pagetop-l607r .mod-othercontent01 .swiper-button-next {
    color: #666;
    width: calc(1vw + 40px);
    height: calc(1vw + 40px);
    margin: 0;
    transform: translate(0, -50%);
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 calc(0.5vw + 10px) rgba(0, 0, 0, 0.1);
}

.layout-pagetop-l607r .mod-othercontent01 .swiper-button-prev:after,
.layout-pagetop-l607r .mod-othercontent01 .swiper-button-next:after {
    font-size: calc(0.6vw + 16px);
    line-height: calc(1vw + 40px);
}

.layout-pagetop-l607r .mod-othercontent01 .swiper-button-prev:hover,
.layout-pagetop-l607r .mod-othercontent01 .swiper-button-next:hover {
    background: var(--deputy);
    color: #fff;
}

.layout-pagetop-l607r .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,
.layout-pagetop-l607r .mod-othercontent01 .swiper-button-next.swiper-button-disabled {
    opacity: 1;
    background: #eee;
    color: #666;
}

.layout-pagetop-l607r .layout-bg {
    width: 100%;
}

.layout-pagetop-l607r .mod-othercontent01 .mod-bg {
    position: relative;
    z-index: 2;
    overflow: hidden;
    height: 30vh;
}

.layout-pagetop-l607r .mod-othercontent01 .mod-title {
    position: absolute;
    left: 0;
    top: 50%;
    right: 0;
    width: calc(100% - 2vw - 20px);
    max-width: var(--width);
    transform: translate(0, -50%);
    margin: auto;
    z-index: 2;
    text-align: center;
    color: #fff;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.layout-pagetop-l607r .mod-othercontent01 .mod-title h1 {
    font-size: calc(2.2vw + 16px);
    line-height: calc(2.5vw + 20px);
    font-weight: 700;
    text-transform: capitalize;
    display: block;
}

.layout-pagetop-l607r .mod-othercontent01 .title-right {
    padding-top: calc(0.5vw + 5px);
    max-width: 1160px;
    margin: auto;
    font-size: calc(0.5vw + 14px);
    line-height: calc(0.5vw + 20px);
}

.layout-pagetop-l607r .mod-othercontent01 .title-right-span {
    display: block;
}

.layout-pagetop-l607r .mod-othercontent01 .mod-content img {
    position: absolute;
    top: 0;
    height: 100%;
    left: 50%;
    transform: translate(-50%, 0);
    max-width: initial;
    width: auto;
}

@media(min-width:769px) {
    .layout-pagetop-l607r .mod-othercontent01 .mod-bg {
        min-height: 600px;
    }
}

.layout-pagetop-ga55b .mod-othercontent01 .swiper-button-prev,
.layout-pagetop-ga55b .mod-othercontent01 .swiper-button-next {
    color: #666;
    width: calc(1vw + 40px);
    height: calc(1vw + 40px);
    margin: 0;
    transform: translate(0, -50%);
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 calc(0.5vw + 10px) rgba(0, 0, 0, 0.1);
}

.layout-pagetop-ga55b .mod-othercontent01 .swiper-button-prev:after,
.layout-pagetop-ga55b .mod-othercontent01 .swiper-button-next:after {
    font-size: calc(0.6vw + 16px);
    line-height: calc(1vw + 40px);
}

.layout-pagetop-ga55b .mod-othercontent01 .swiper-button-prev:hover,
.layout-pagetop-ga55b .mod-othercontent01 .swiper-button-next:hover {
    background: var(--deputy);
    color: #fff;
}

.layout-pagetop-ga55b .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,
.layout-pagetop-ga55b .mod-othercontent01 .swiper-button-next.swiper-button-disabled {
    opacity: 1;
    background: #eee;
    color: #666;
}

.layout-pagetop-ga55b .layout-bg {
    width: 100%;
}

.layout-pagetop-ga55b .mod-othercontent01 .mod-bg {
    position: relative;
    z-index: 2;
    overflow: hidden;
    height: 30vh;
}

.layout-pagetop-ga55b .mod-othercontent01 .mod-title {
    position: absolute;
    left: 0;
    top: 50%;
    right: 0;
    width: calc(100% - 2vw - 20px);
    max-width: var(--width);
    transform: translate(0, -50%);
    margin: auto;
    z-index: 2;
    text-align: center;
    color: #fff;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.layout-pagetop-ga55b .mod-othercontent01 .mod-title h1 {
    font-size: calc(2.2vw + 16px);
    line-height: calc(2.5vw + 20px);
    font-weight: 700;
    text-transform: capitalize;
    display: block;
}

.layout-pagetop-ga55b .mod-othercontent01 .title-right {
    padding-top: calc(0.5vw + 5px);
    max-width: 1160px;
    margin: auto;
    font-size: calc(0.5vw + 14px);
    line-height: calc(0.5vw + 20px);
}

.layout-pagetop-ga55b .mod-othercontent01 .title-right-span {
    display: block;
}

.layout-pagetop-ga55b .mod-othercontent01 .mod-content img {
    position: absolute;
    top: 0;
    height: 100%;
    left: 50%;
    transform: translate(-50%, 0);
    max-width: initial;
    width: auto;
}

@media(min-width:769px) {
    .layout-pagetop-ga55b .mod-othercontent01 .mod-bg {
        min-height: 600px;
    }
}

.layout-pagetop-aa0uf .mod-othercontent01 .swiper-button-prev,
.layout-pagetop-aa0uf .mod-othercontent01 .swiper-button-next {
    color: #666;
    width: calc(1vw + 30px);
    height: calc(1vw + 30px);
    margin: 0;
    transform: translate(0, -50%);
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.layout-pagetop-aa0uf .mod-othercontent01 .swiper-button-prev:after,
.layout-pagetop-aa0uf .mod-othercontent01 .swiper-button-next:after {
    font-size: calc(0.4vw + 14px);
    line-height: calc(1vw + 30px);
}

.layout-pagetop-aa0uf .mod-othercontent01 .swiper-button-prev:hover,
.layout-pagetop-aa0uf .mod-othercontent01 .swiper-button-next:hover {
    background: var(--main);
    color: #fff;
}

.layout-pagetop-aa0uf .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,
.layout-pagetop-aa0uf .mod-othercontent01 .swiper-button-next.swiper-button-disabled {
    opacity: 1;
    background: #eee;
    color: #666;
}

.layout-pagetop-aa0uf .layout-bg {
    width: 100%;
}

.layout-pagetop-aa0uf .mod-othercontent01 .mod-bg {
    position: relative;
    z-index: 2;
    overflow: hidden;
}

.layout-pagetop-aa0uf .mod-othercontent01 .mod-title {
    position: absolute;
    left: 0;
    top: 50%;
    right: 0;
    width: calc(100% - 2vw - 20px);
    max-width: var(--width);
    transform: translate(0, -50%);
    margin: auto;
    z-index: 2;
    color: #fff;
    text-align: center;
}

.layout-pagetop-aa0uf .mod-othercontent01 .mod-title h1 {
    font-size: calc(1.6vw + 18px);
    line-height: calc(1.75vw + 25px);
    font-weight: 600;
    text-transform: capitalize;
    display: block;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}

.layout-pagetop-aa0uf .mod-othercontent01 .title-right {
    padding-top: calc(0.5vw + 5px);
}

.layout-pagetop-aa0uf .mod-othercontent01 .title-right-span {
    display: block;
}

.layout-banner-dh2w2 .mod-othercontent01 .swiper-button-prev,
.layout-banner-dh2w2 .mod-othercontent01 .swiper-button-next {
    color: #fff;
    width: calc(1vw + 30px);
    height: calc(1vw + 30px);
    margin: 0;
    transform: translate(0, -50%);
}

.layout-banner-dh2w2 .mod-othercontent01 .swiper-button-prev:after,
.layout-banner-dh2w2 .mod-othercontent01 .swiper-button-next:after {
    font-size: calc(0.2vw + 14px);
    line-height: calc(1vw + 25px);
}

.layout-banner-dh2w2 .mod-othercontent01 .swiper-button-prev:hover,
.layout-banner-dh2w2 .mod-othercontent01 .swiper-button-next:hover {
    color: var(--main);
}

.layout-banner-dh2w2 .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,
.layout-banner-dh2w2 .mod-othercontent01 .swiper-button-next.swiper-button-disabled {
    opacity: 1;
    background: #eee;
    color: #666;
}

@media(max-width:768px) {

    .layout-banner-dh2w2 .mod-othercontent01 .swiper-button-prev,
    .layout-banner-dh2w2 .mod-othercontent01 .swiper-button-next {
        display: none;
    }
}

.layout-banner-dh2w2 .mod-othercontent01-banner-dh2w2 .item {
    position: relative;
    z-index: 2;
    overflow: hidden;
    height: 30vh;
}

.layout-banner-dh2w2 .mod-othercontent01-banner-dh2w2 .img * {
    display: block;
    height: 100%;
    width: auto !important;
    max-width: inherit !important;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0%);
}

.layout-banner-dh2w2 .mod-othercontent01-banner-dh2w2 .text {
    color: #fff;
    position: absolute;
    left: calc(1vw + 10px);
    top: 50%;
    right: calc(1vw + 10px);
    max-width: 960px;
    margin: auto;
    transform: translate(0%, -50%);
    font-size: calc(0.2vw + 14px);
    text-align: center;
}

.layout-banner-dh2w2 .mod-othercontent01-banner-dh2w2 .title {
    font-size: calc(1.5vw + 18px);
    line-height: calc(1.5vw + 25px);
    font-weight: 500;
    padding-bottom: calc(1vw + 5px);
    text-transform: uppercase;
}

.layout-banner-dh2w2 .mod-othercontent01-banner-dh2w2 .text a {
    font-weight: 500;
    color: var(--main);
    background: #fff;
    padding: calc(0.5vw + 5px) calc(1.5vw + 10px);
    border-radius: 5px;
    margin-top: calc(1vw + 10px);
}

@media(min-width:1025px) {
    .layout-banner-dh2w2 .mod-othercontent01-banner-dh2w2 .item {
        min-height: 500px;
    }
}

.layout-banner-dh2w2 .layout-bg {
    width: 100%;
}

.layout-manuTwo-n6hzn .mod-othercontent01 .swiper-button-prev,
.layout-manuTwo-n6hzn .mod-othercontent01 .swiper-button-next {
    color: #fff;
    width: 30px;
    height: 30px;
    margin: 0;
    transform: translate(0, -50%);
    border-radius: 50%;
}

.layout-manuTwo-n6hzn .mod-othercontent01 .swiper-button-prev:after,
.layout-manuTwo-n6hzn .mod-othercontent01 .swiper-button-next:after {
    font-size: 12px;
    line-height: 30px;
}

.layout-manuTwo-n6hzn .mod-othercontent01 .swiper-button-prev:hover,
.layout-manuTwo-n6hzn .mod-othercontent01 .swiper-button-next:hover {
    background: var(--main);
}

.layout-manuTwo-n6hzn .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,
.layout-manuTwo-n6hzn .mod-othercontent01 .swiper-button-next.swiper-button-disabled {
    opacity: 1;
    background: #eee;
    color: #999;
}

.layout-manuTwo-n6hzn .mod-othercontent01-titlecenter-n6hzn .mod-title {
    padding-bottom: calc(0.5vw + 10px);
    text-align: center;
}

.layout-manuTwo-n6hzn .mod-othercontent01-titlecenter-n6hzn .title-right {
    padding-top: calc(0.25vw + 5px);
    max-width: 1300px;
    margin: auto;
}

.layout-manuTwo-n6hzn .mod-othercontent01-titlecenter-n6hzn .title-right-span {
    display: block;
}

.layout-manuTwo-n6hzn .mod-othercontent01-titlecenter-n6hzn .mod-title h2 {
    font-size: calc(0.8vw + 16px);
    line-height: calc(1vw + 20px);
    font-weight: 700;
    text-transform: uppercase;
}

.layout-manuTwo-n6hzn .mod-othercontent01-titlecenter-n6hzn .mod-bottom {
    padding-top: calc(1vw + 10px);
    text-align: center;
}

.layout-manuTwo-n6hzn .mod-othercontent01-titlecenter-n6hzn .mod-bottom a {
    padding: calc(0.25vw + 5px) calc(1vw + 10px);
    border-radius: 50vw;
    border: 1px solid var(--main);
}

.layout-manuTwo-n6hzn .mod-othercontent01-titlecenter-n6hzn .mod-bottom a:hover {
    background: var(--main);
    color: #fff;
}

.layout-manuTwo-n6hzn {
    padding: calc(1% + 10px) 0 calc(2% + 20px);
}

.layout-manuTwo-n6hzn .mod-othercontent01 .mod-content {
    max-width: 1300px;
    margin: auto;
    text-align: center;
}

.layout-show-crhs0 .mod-othercontent01 .swiper-button-prev,
.layout-show-crhs0 .mod-othercontent01 .swiper-button-next {
    color: #fff;
    width: calc(1vw + 30px);
    height: calc(1vw + 30px);
    margin: 0;
    transform: translate(0, -50%);
}

.layout-show-crhs0 .mod-othercontent01 .swiper-button-prev:after,
.layout-show-crhs0 .mod-othercontent01 .swiper-button-next:after {
    font-size: calc(0.2vw + 14px);
    line-height: calc(1vw + 25px);
}

.layout-show-crhs0 .mod-othercontent01 .swiper-button-prev:hover,
.layout-show-crhs0 .mod-othercontent01 .swiper-button-next:hover {
    color: var(--main);
}

.layout-show-crhs0 .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,
.layout-show-crhs0 .mod-othercontent01 .swiper-button-next.swiper-button-disabled {
    opacity: 1;
    background: #eee;
    color: #666;
}

@media(max-width:768px) {

    .layout-show-crhs0 .mod-othercontent01 .swiper-button-prev,
    .layout-show-crhs0 .mod-othercontent01 .swiper-button-next {
        display: none;
    }
}

.layout-show-crhs0 {
    padding: calc(2% + 20px) 0;
}

.layout-show-crhs0 .mod-othercontent01 .content-bg {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: space-between;
}

.layout-show-crhs0 .mod-othercontent01 .content-bg * {
    transition: All 0.3s ease-in-out;
}

.layout-show-crhs0 .mod-othercontent01 .item {
    width: calc(100%/4 - 1vw - 5px);
    margin: calc(0.5vw + 5px) 0;
}

.layout-show-crhs0 .mod-othercontent01 .img {
    overflow: hidden;
}

.layout-show-crhs0 .mod-othercontent01 .item a {
    display: block;
}

.layout-show-crhs0 .mod-othercontent01 .text {
    padding: calc(0.25vw + 5px);
    display: flex;
    justify-content: center;
}

.layout-show-crhs0 .mod-othercontent01 .text a {
    font-size: calc(0.2vw + 14px);
    line-height: calc(0.5vw + 20px);
    font-weight: 500;
    color: #000;
    padding: 2px 0;
    text-transform: uppercase;
    position: relative;
}

.layout-show-crhs0 .mod-othercontent01 .text a:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    background: #333;
    width: 0;
}

.layout-show-crhs0 .mod-othercontent01 .item:hover .img img {
    transform: scale(1.05);
}

.layout-show-crhs0 .mod-othercontent01 .item:hover .text a:after {
    width: 100%;
}

@media(max-width:480px) {
    .layout-show-crhs0 .mod-othercontent01 .item {
        width: calc(100%/2 - 0.5vw - 5px);
    }
}

.layout-manuTwo-di4ou .mod-othercontent01 .swiper-button-prev,
.layout-manuTwo-di4ou .mod-othercontent01 .swiper-button-next {
    color: #fff;
    width: 30px;
    height: 30px;
    margin: 0;
    transform: translate(0, -50%);
    border-radius: 50%;
}

.layout-manuTwo-di4ou .mod-othercontent01 .swiper-button-prev:after,
.layout-manuTwo-di4ou .mod-othercontent01 .swiper-button-next:after {
    font-size: 12px;
    line-height: 30px;
}

.layout-manuTwo-di4ou .mod-othercontent01 .swiper-button-prev:hover,
.layout-manuTwo-di4ou .mod-othercontent01 .swiper-button-next:hover {
    background: var(--main);
}

.layout-manuTwo-di4ou .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,
.layout-manuTwo-di4ou .mod-othercontent01 .swiper-button-next.swiper-button-disabled {
    opacity: 1;
    background: #eee;
    color: #999;
}

.layout-manuTwo-di4ou .mod-othercontent01-titlecenter-di4ou .mod-title {
    padding-bottom: calc(0.5vw + 10px);
    text-align: center;
}

.layout-manuTwo-di4ou .mod-othercontent01-titlecenter-di4ou .title-right {
    padding-top: calc(0.25vw + 5px);
    max-width: 1300px;
    margin: auto;
}

.layout-manuTwo-di4ou .mod-othercontent01-titlecenter-di4ou .title-right-span {
    display: block;
}

.layout-manuTwo-di4ou .mod-othercontent01-titlecenter-di4ou .mod-title h2 {
    font-size: calc(0.8vw + 16px);
    line-height: calc(1vw + 20px);
    font-weight: 700;
    text-transform: uppercase;
}

.layout-manuTwo-di4ou .mod-othercontent01-titlecenter-di4ou .mod-bottom {
    padding-top: calc(1vw + 10px);
    text-align: center;
}

.layout-manuTwo-di4ou .mod-othercontent01-titlecenter-di4ou .mod-bottom a {
    padding: calc(0.25vw + 5px) calc(1vw + 10px);
    border-radius: 50vw;
    border: 1px solid var(--main);
}

.layout-manuTwo-di4ou .mod-othercontent01-titlecenter-di4ou .mod-bottom a:hover {
    background: var(--main);
    color: #fff;
}

.layout-manuTwo-di4ou {
    padding: calc(1% + 10px) 0 calc(2% + 20px);
}

.layout-manuTwo-di4ou .mod-othercontent01 .mod-content {
    max-width: 1300px;
    margin: auto;
    text-align: center;
}

.layout-about-dig49 .mod-othercontent01 .swiper-button-prev,
.layout-about-dig49 .mod-othercontent01 .swiper-button-next {
    color: #333;
    width: calc(1vw + 25px);
    background: #fff;
    height: calc(1vw + 25px);
    border-radius: 50%;
    margin: 0;
    transform: translate(0, -50%);
}

.layout-about-dig49 .mod-othercontent01 .swiper-button-prev:after,
.layout-about-dig49 .mod-othercontent01 .swiper-button-next:after {
    font-size: calc(0.2vw + 14px);
    line-height: calc(1vw + 25px);
}

.layout-about-dig49 .mod-othercontent01 .swiper-button-prev:hover,
.layout-about-dig49 .mod-othercontent01 .swiper-button-next:hover {
    background: var(--main);
    color: #fff;
}

.layout-about-dig49 .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,
.layout-about-dig49 .mod-othercontent01 .swiper-button-next.swiper-button-disabled {
    opacity: 1;
    background: #eee;
    color: #666;
}

.layout-about-dig49 .mod-othercontent01-title-dig49 .mod-title {
    padding-bottom: calc(0.5vw + 10px);
}

.layout-about-dig49 .mod-othercontent01-title-dig49 .title-right {
    padding-top: calc(0.25vw + 5px);
}

.layout-about-dig49 .mod-othercontent01-title-dig49 .title-right-span {
    display: block;
}

.layout-about-dig49 .mod-othercontent01-title-dig49 .mod-title h2 {
    font-size: calc(1vw + 16px);
    line-height: calc(1vw + 25px);
    color: #000;
    font-weight: 600;
    text-transform: uppercase;
}

.layout-about-dig49 .mod-othercontent01-title-dig49 .mod-title a {
    color: #fff;
    border-radius: 50vw;
    background: var(--main);
    padding: calc(0.5vw + 5px) calc(1vw + 20px);
    display: inline-flex;
    align-items: center;
    margin-top: calc(1vw + 10px);
    text-transform: uppercase;
    white-space: nowrap;
}

.layout-about-dig49 .mod-othercontent01-title-dig49 .mod-title a:after {
    content: "\f105";
    font: calc(0.2vw + 14px)/1 FontAwesome;
    flex: 0 0 calc(0.25vw + 20px);
    text-align: right;
}

.layout-about-dig49 .mod-othercontent01-title-dig49 .mod-title a:hover {
    background: var(--deputy);
}

.layout-about-dig49 .mod-othercontent01-title-dig49 .mod-bottom {
    padding-top: calc(2vw + 10px);
}

.layout-about-dig49 .mod-othercontent01-title-dig49 .mod-bottom a {
    color: #fff;
    border-radius: 50vw;
    background: var(--main);
    padding: calc(0.5vw + 5px) calc(1vw + 20px);
    display: inline-flex;
    align-items: center;
    text-transform: uppercase;
    white-space: nowrap;
}

.layout-about-dig49 .mod-othercontent01-title-dig49 .mod-bottom a:after {
    content: "\f105";
    font: calc(0.2vw + 14px)/1 FontAwesome;
    flex: 0 0 calc(0.25vw + 20px);
    text-align: right;
}

.layout-about-dig49 .mod-othercontent01-title-dig49 .mod-bottom a:hover {
    background: var(--deputy);
}

.layout-about-dig49 {
    padding: calc(2% + 20px) 0;
}

.layout-about-dig49 .mod-othercontent01 .mod-bg {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}

.layout-about-dig49 .mod-othercontent01 .mod-title {
    width: calc(50% - 4vw - 10px);
    padding: 0;
    box-sizing: border-box;
    order: 2;
}

.layout-about-dig49 .mod-othercontent01 .mod-content {
    width: 50%;
    order: 1;
}

.layout-about-dig49 .mod-othercontent01 .content-bg {
    border-radius: calc(0.25vw + 5px);
}

@media(max-width:768px) {
    .layout-about-dig49 .mod-othercontent01 .mod-bg>div {
        width: 100%;
        padding: calc(0.5vw + 10px) 0;
    }
}

.layout-facFive-yku3p .mod-othercontent01 .swiper-button-prev,
.layout-facFive-yku3p .mod-othercontent01 .swiper-button-next {
    color: #fff;
    width: 30px;
    height: 30px;
    margin: 0;
    transform: translate(0, -50%);
    border-radius: 50%;
}

.layout-facFive-yku3p .mod-othercontent01 .swiper-button-prev:after,
.layout-facFive-yku3p .mod-othercontent01 .swiper-button-next:after {
    font-size: 12px;
    line-height: 30px;
}

.layout-facFive-yku3p .mod-othercontent01 .swiper-button-prev:hover,
.layout-facFive-yku3p .mod-othercontent01 .swiper-button-next:hover {
    background: var(--main);
}

.layout-facFive-yku3p .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,
.layout-facFive-yku3p .mod-othercontent01 .swiper-button-next.swiper-button-disabled {
    opacity: 1;
    background: #eee;
    color: #999;
}

.layout-facFive-yku3p .mod-othercontent01-title-yku3p .mod-title {
    padding-bottom: calc(0.5vw + 10px);
}

.layout-facFive-yku3p .mod-othercontent01-title-yku3p .title-right {
    padding-top: calc(0.25vw + 5px);
}

.layout-facFive-yku3p .mod-othercontent01-title-yku3p .title-right-span {
    display: block;
    padding: calc(0.4vw + 2px) 0;
}

.layout-facFive-yku3p .mod-othercontent01-title-yku3p .mod-title h2 {
    font-size: calc(0.8vw + 16px);
    line-height: calc(1vw + 20px);
    font-weight: 700;
    text-transform: uppercase;
}

.layout-facFive-yku3p .mod-othercontent01-title-yku3p .mod-bottom {
    padding-top: calc(1vw + 10px);
}

.layout-facFive-yku3p .mod-othercontent01-title-yku3p .mod-bottom a {
    padding: calc(0.25vw + 5px) calc(1vw + 10px);
    border-radius: 50vw;
    border: 1px solid var(--main);
}

.layout-facFive-yku3p .mod-othercontent01-title-yku3p .mod-bottom a:hover {
    background: var(--main);
    color: #fff;
}

.layout-facFive-yku3p {
    padding: calc(2% + 20px) 0;
}

.layout-facFive-yku3p .mod-othercontent01 .content-bg {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: space-between;
    counter-reset: section;
    overflow: visible;
}

.layout-facFive-yku3p .mod-othercontent01 .content-bg * {
    transition: All 0.3s ease-in-out;
}

.layout-facFive-yku3p .mod-othercontent01 .text {
    width: calc(100%/5 - 2vw - 5px);
    padding: calc(1vw + 10px) calc(0.5vw + 10px) calc(2vw + 10px);
    overflow: hidden;
    border-radius: calc(0.25vw + 5px);
    position: relative;
    z-index: 2;
    box-sizing: border-box;
    border: 1px solid #eee;
    margin: calc(0.5vw + 5px) 0;
}

.layout-facFive-yku3p .mod-othercontent01 .text span {
    width: 50px;
    display: block;
}

.layout-facFive-yku3p .mod-othercontent01 .text h3 {
    font-weight: 700;
    padding: calc(0.5vw + 5px) 0 calc(0.25vw + 5px);
}

.layout-facFive-yku3p .mod-othercontent01 .text:before {
    content: "0" counter(section);
    counter-increment: section;
    color: var(--main);
    font-size: calc(1vw + 40px);
    line-height: calc(1vw + 40px);
    position: absolute;
    right: 10px;
    bottom: 10px;
    font-weight: 700;
    opacity: 0.1;
    z-index: -1;
}

.layout-facFive-yku3p .mod-othercontent01 .text:hover {
    box-shadow: 0 0 calc(1vw + 10px) rgba(0, 0, 0, 0.1);
}

@media(max-width:768px) {
    .layout-facFive-yku3p .mod-othercontent01 .text {
        width: calc(100%/2 - 0.5vw - 5px);
    }
}

@media(max-width:480px) {
    .layout-facFive-yku3p .mod-othercontent01 .text {
        width: 100%;
    }
}

.layout-serve-d3otg .mod-othercontent01 .swiper-button-prev,
.layout-serve-d3otg .mod-othercontent01 .swiper-button-next {
    color: #fff;
    width: calc(1vw + 25px);
    height: calc(1vw + 25px);
    margin: 0;
    transform: translate(0, -50%);
}

.layout-serve-d3otg .mod-othercontent01 .swiper-button-prev:after,
.layout-serve-d3otg .mod-othercontent01 .swiper-button-next:after {
    font-size: calc(0.3vw + 16px);
    line-height: calc(1vw + 25px);
}

.layout-serve-d3otg .mod-othercontent01 .swiper-button-prev:hover,
.layout-serve-d3otg .mod-othercontent01 .swiper-button-next:hover {
    color: var(--main);
}

.layout-serve-d3otg .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,
.layout-serve-d3otg .mod-othercontent01 .swiper-button-next.swiper-button-disabled {
    opacity: 1;
    color: #333;
}

@media(max-width:768px) {

    .layout-serve-d3otg .mod-othercontent01 .swiper-button-prev,
    .layout-serve-d3otg .mod-othercontent01 .swiper-button-next {
        display: none;
    }
}

.layout-serve-d3otg .mod-othercontent01-titlecenter-d3otg .mod-title {
    padding-bottom: calc(1vw + 10px);
    text-align: center;
    max-width: 1200px;
    margin: auto;
}

.layout-serve-d3otg .mod-othercontent01-titlecenter-d3otg .title-right {
    padding-top: calc(0.5vw + 5px);
}

.layout-serve-d3otg .mod-othercontent01-titlecenter-d3otg .title-right-span {
    display: block;
}

.layout-serve-d3otg .mod-othercontent01-titlecenter-d3otg .mod-title h3 {
    color: var(--main);
    font-weight: 500;
}

.layout-serve-d3otg .mod-othercontent01-titlecenter-d3otg .mod-title h2 {
    font-size: calc(1.4vw + 18px);
    line-height: calc(1.5vw + 20px);
    color: #fff;
    font-weight: 600;
}

.layout-serve-d3otg .mod-othercontent01-titlecenter-d3otg .mod-title strong {
    color: var(--main);
}

.layout-serve-d3otg .mod-othercontent01-titlecenter-d3otg .mod-bottom {
    padding-top: calc(2vw + 10px);
    text-align: center;
}

.layout-serve-d3otg .mod-othercontent01-titlecenter-d3otg .mod-bottom a {
    background: var(--main);
    color: #000;
    padding: calc(0.25vw + 5px) calc(1vw + 20px);
    text-transform: uppercase;
}

.layout-serve-d3otg .mod-othercontent01-titlecenter-d3otg .mod-bottom a:hover {
    color: #fff;
}

.layout-serve-d3otg {
    padding: calc(3% + 30px) 0;
}

.layout-serve-d3otg .mod-othercontent01 .content-bg {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

.layout-serve-d3otg .mod-othercontent01 .content-bg * {
    transition: All 0.3s ease-in-out;
}

.layout-serve-d3otg .mod-othercontent01 .item {
    width: calc(100%/4 - 0.5vw - 10px);
    margin: calc(0.25vw + 5px);
    position: relative;
    overflow: hidden;
}

.layout-serve-d3otg .mod-othercontent01 .text {
    padding: calc(-0.5vw + 10px);
    text-align: center;
    color: #ccc;
}

.layout-serve-d3otg .mod-othercontent01 .text span {
    width: calc(1.5vw + 40px);
    display: block;
    margin: auto;
}

.layout-serve-d3otg .mod-othercontent01 .text h3 {
    font-size: calc(0.4vw + 14px);
    font-weight: 600;
    line-height: calc(0.5vw + 20px);
    padding: calc(0.25vw + 5px) 0;
    color: #fff;
}

@media(min-width:769px) {
    .layout-serve-d3otg .mod-othercontent01 .img {
        opacity: 0;
    }

    .layout-serve-d3otg .mod-othercontent01 .text {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }

    .layout-serve-d3otg .mod-othercontent01 .item:hover .img {
        opacity: 0.3;
    }

    .layout-serve-d3otg .mod-othercontent01 .item:hover .text {
        color: #fff;
    }

    .layout-serve-d3otg .mod-othercontent01 .item:hover .text h3 {
        color: var(--main);
    }

    .layout-serve-d3otg .mod-othercontent01 .item:hover .text span {
        filter: grayscale(1) brightness(10);
    }
}

@media(max-width:768px) {
    .layout-serve-d3otg .mod-othercontent01 .item {
        width: calc(100%/2 - 0.5vw - 10px);
    }
}

@media(max-width:480px) {
    .layout-serve-d3otg .mod-othercontent01 .item {
        width: calc(100% - 0.5vw - 10px);
    }
}

.layout-advan-rh4l1 .mod-othercontent01 .swiper-button-prev,
.layout-advan-rh4l1 .mod-othercontent01 .swiper-button-next {
    color: #333;
    width: calc(1vw + 30px);
    height: calc(1vw + 30px);
    background: #fff;
    border-radius: 50%;
}

.layout-advan-rh4l1 .mod-othercontent01 .swiper-button-prev:after,
.layout-advan-rh4l1 .mod-othercontent01 .swiper-button-next:after {
    font-size: calc(0.3vw + 16px);
}

.layout-advan-rh4l1 .mod-othercontent01 .swiper-button-prev:hover,
.layout-advan-rh4l1 .mod-othercontent01 .swiper-button-next:hover {
    color: var(--main);
}

@media(max-width:768px) {

    .layout-advan-rh4l1 .mod-othercontent01 .swiper-button-prev,
    .layout-advan-rh4l1 .mod-othercontent01 .swiper-button-next {
        display: none;
    }
}

@media(max-width:768px) {

    .layout-advan-rh4l1 .mod-othercontent01 .swiper-button-prev,
    .layout-advan-rh4l1 .mod-othercontent01 .swiper-button-next {
        display: none;
    }
}

.layout-advan-rh4l1 {
    background: var(--third);
}

.layout-advan-rh4l1 .mod-othercontent01 .content-bg {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}

.layout-advan-rh4l1 .mod-othercontent01 .content-bg * {
    transition: All 0.3s ease-in-out;
}

.layout-advan-rh4l1 .mod-othercontent01 .text {
    width: calc(100%/6);
    padding: calc(0.5vw + 10px) calc(0.5vw + 5px);
    box-sizing: border-box;
    color: #000;
}

.layout-advan-rh4l1 .mod-othercontent01 .text span {
    width: calc(0.6vw + 35px);
    display: block;
}

.layout-advan-rh4l1 .mod-othercontent01 .text span img {
    filter: grayscale(1) brightness(0);
}

.layout-advan-rh4l1 .mod-othercontent01 .text h3 {
    font-size: calc(0.2vw + 16px);
    line-height: calc(0.5vw + 20px);
    font-weight: 500;
    padding: 5px 0 calc(0.5vw + 5px);
}

.layout-advan-rh4l1 .mod-othercontent01 .text:hover {
    background: #fff;
    box-shadow: 0 0 calc(1vw + 10px) rgba(0, 0, 0, 0.1);
}

.layout-advan-rh4l1 .mod-othercontent01 .text:hover span img {
    /* filter: grayscale(0) brightness(1); */
}

@media(max-width:768px) {
    .layout-advan-rh4l1 .mod-othercontent01 .text {
        width: calc(100%/3);
    }
}

@media(max-width:480px) {
    .layout-advan-rh4l1 .mod-othercontent01 .text {
        width: calc(100%/2);
    }
}

.layout-manuTwo-9epuj .mod-othercontent01 .swiper-button-prev,
.layout-manuTwo-9epuj .mod-othercontent01 .swiper-button-next {
    color: #fff;
    width: 30px;
    height: 30px;
    margin: 0;
    transform: translate(0, -50%);
    border-radius: 50%;
}

.layout-manuTwo-9epuj .mod-othercontent01 .swiper-button-prev:after,
.layout-manuTwo-9epuj .mod-othercontent01 .swiper-button-next:after {
    font-size: 12px;
    line-height: 30px;
}

.layout-manuTwo-9epuj .mod-othercontent01 .swiper-button-prev:hover,
.layout-manuTwo-9epuj .mod-othercontent01 .swiper-button-next:hover {
    background: var(--main);
}

.layout-manuTwo-9epuj .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,
.layout-manuTwo-9epuj .mod-othercontent01 .swiper-button-next.swiper-button-disabled {
    opacity: 1;
    background: #eee;
    color: #999;
}

.layout-manuTwo-9epuj .mod-othercontent01-titlecenter-9epuj .mod-title {
    padding-bottom: calc(0.5vw + 10px);
    text-align: center;
}

.layout-manuTwo-9epuj .mod-othercontent01-titlecenter-9epuj .title-right {
    padding-top: calc(0.25vw + 5px);
    max-width: 1300px;
    margin: auto;
}

.layout-manuTwo-9epuj .mod-othercontent01-titlecenter-9epuj .title-right-span {
    display: block;
}

.layout-manuTwo-9epuj .mod-othercontent01-titlecenter-9epuj .mod-title h2 {
    font-size: calc(0.8vw + 16px);
    line-height: calc(1vw + 20px);
    font-weight: 700;
    text-transform: uppercase;
}

.layout-manuTwo-9epuj .mod-othercontent01-titlecenter-9epuj .mod-bottom {
    padding-top: calc(1vw + 10px);
    text-align: center;
}

.layout-manuTwo-9epuj .mod-othercontent01-titlecenter-9epuj .mod-bottom a {
    padding: calc(0.25vw + 5px) calc(1vw + 10px);
    border-radius: 50vw;
    border: 1px solid var(--main);
}

.layout-manuTwo-9epuj .mod-othercontent01-titlecenter-9epuj .mod-bottom a:hover {
    background: var(--main);
    color: #fff;
}

.layout-manuTwo-9epuj {
    padding: calc(1% + 10px) 0 calc(2% + 20px);
}

.layout-manuTwo-9epuj .mod-othercontent01 .mod-content {
    max-width: 1300px;
    margin: auto;
    text-align: center;
}

.layout-show-nusev .mod-othercontent01 .swiper-button-prev,
.layout-show-nusev .mod-othercontent01 .swiper-button-next {
    color: #fff;
    width: calc(1vw + 30px);
    height: calc(1vw + 30px);
    margin: 0;
    transform: translate(0, -50%);
}

.layout-show-nusev .mod-othercontent01 .swiper-button-prev:after,
.layout-show-nusev .mod-othercontent01 .swiper-button-next:after {
    font-size: calc(0.2vw + 14px);
    line-height: calc(1vw + 25px);
}

.layout-show-nusev .mod-othercontent01 .swiper-button-prev:hover,
.layout-show-nusev .mod-othercontent01 .swiper-button-next:hover {
    color: var(--main);
}

.layout-show-nusev .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,
.layout-show-nusev .mod-othercontent01 .swiper-button-next.swiper-button-disabled {
    opacity: 1;
    background: #eee;
    color: #666;
}

@media(max-width:768px) {

    .layout-show-nusev .mod-othercontent01 .swiper-button-prev,
    .layout-show-nusev .mod-othercontent01 .swiper-button-next {
        display: none;
    }
}

.layout-show-nusev {
    padding: calc(2% + 20px) 0;
}

.layout-show-nusev .mod-othercontent01 .content-bg {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: space-between;
}

.layout-show-nusev .mod-othercontent01 .content-bg * {
    transition: All 0.3s ease-in-out;
}

.layout-show-nusev .mod-othercontent01 .item {
    width: calc(100%/4 - 1vw - 5px);
    margin: calc(0.5vw + 5px) 0;
}

.layout-show-nusev .mod-othercontent01 .img {
    overflow: hidden;
}

.layout-show-nusev .mod-othercontent01 .item a {
    display: block;
}

.layout-show-nusev .mod-othercontent01 .text {
    padding: calc(0.25vw + 5px);
    display: flex;
    justify-content: center;
}

.layout-show-nusev .mod-othercontent01 .text a {
    font-size: calc(0.2vw + 14px);
    line-height: calc(0.5vw + 20px);
    font-weight: 500;
    color: #000;
    padding: 2px 0;
    text-transform: uppercase;
    position: relative;
}

.layout-show-nusev .mod-othercontent01 .text a:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    background: #4f86bf;
    width: 0;
}

.layout-show-nusev .mod-othercontent01 .item:hover .img img {
    transform: scale(1.05);
}

.layout-show-nusev .mod-othercontent01 .item:hover .text a:after {
    width: 100%;
}

@media(max-width:480px) {
    .layout-show-nusev .mod-othercontent01 .item {
        width: calc(100%/2 - 0.5vw - 5px);
    }
}

.layout-manuTwo-qst5c .mod-othercontent01 .swiper-button-prev,
.layout-manuTwo-qst5c .mod-othercontent01 .swiper-button-next {
    color: #fff;
    width: 30px;
    height: 30px;
    margin: 0;
    transform: translate(0, -50%);
    border-radius: 50%;
}

.layout-manuTwo-qst5c .mod-othercontent01 .swiper-button-prev:after,
.layout-manuTwo-qst5c .mod-othercontent01 .swiper-button-next:after {
    font-size: 12px;
    line-height: 30px;
}

.layout-manuTwo-qst5c .mod-othercontent01 .swiper-button-prev:hover,
.layout-manuTwo-qst5c .mod-othercontent01 .swiper-button-next:hover {
    background: var(--main);
}

.layout-manuTwo-qst5c .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,
.layout-manuTwo-qst5c .mod-othercontent01 .swiper-button-next.swiper-button-disabled {
    opacity: 1;
    background: #eee;
    color: #999;
}

.layout-manuTwo-qst5c .mod-othercontent01-titlecenter-qst5c .mod-title {
    padding-bottom: calc(0.5vw + 10px);
    text-align: center;
}

.layout-manuTwo-qst5c .mod-othercontent01-titlecenter-qst5c .title-right {
    padding-top: calc(0.25vw + 5px);
    max-width: 1300px;
    margin: auto;
}

.layout-manuTwo-qst5c .mod-othercontent01-titlecenter-qst5c .title-right-span {
    display: block;
}

.layout-manuTwo-qst5c .mod-othercontent01-titlecenter-qst5c .mod-title h2 {
    font-size: calc(0.8vw + 16px);
    line-height: calc(1vw + 20px);
    font-weight: 700;
    text-transform: uppercase;
}

.layout-manuTwo-qst5c .mod-othercontent01-titlecenter-qst5c .mod-bottom {
    padding-top: calc(1vw + 10px);
    text-align: center;
}

.layout-manuTwo-qst5c .mod-othercontent01-titlecenter-qst5c .mod-bottom a {
    padding: calc(0.25vw + 5px) calc(1vw + 10px);
    border-radius: 50vw;
    border: 1px solid var(--main);
}

.layout-manuTwo-qst5c .mod-othercontent01-titlecenter-qst5c .mod-bottom a:hover {
    background: var(--main);
    color: #fff;
}

.layout-manuTwo-qst5c {
    padding: calc(1% + 10px) 0 calc(2% + 20px);
}

.layout-manuTwo-qst5c .mod-othercontent01 .mod-content {
    max-width: 1300px;
    margin: auto;
    text-align: center;
}

.layout-vision-qebju .mod-othercontent01 .swiper-button-prev,
.layout-vision-qebju .mod-othercontent01 .swiper-button-next {
    color: #666;
    width: calc(1vw + 40px);
    height: calc(1vw + 40px);
    margin: 0;
    transform: translate(0, -50%);
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 calc(0.5vw + 10px) rgba(0, 0, 0, 0.1);
}

.layout-vision-qebju .mod-othercontent01 .swiper-button-prev:after,
.layout-vision-qebju .mod-othercontent01 .swiper-button-next:after {
    font-size: calc(0.6vw + 16px);
    line-height: calc(1vw + 40px);
}

.layout-vision-qebju .mod-othercontent01 .swiper-button-prev:hover,
.layout-vision-qebju .mod-othercontent01 .swiper-button-next:hover {
    background: var(--deputy);
    color: #fff;
}

.layout-vision-qebju .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,
.layout-vision-qebju .mod-othercontent01 .swiper-button-next.swiper-button-disabled {
    opacity: 1;
    background: #eee;
    color: #666;
}

.layout-vision-qebju {
    padding: calc(2% + 20px) 0 10px;
}

.layout-vision-qebju .mod-othercontent01 .content-bg {
    display: flex;
    align-items: start;
    flex-wrap: wrap;
    justify-content: space-between;
}

.layout-vision-qebju .mod-othercontent01 .text {
    width: calc(50% - 2vw - 5px);
    padding: calc(0.5vw + 5px) 0;
}

.layout-vision-qebju .mod-othercontent01 .text h3 {
    font-size: calc(1vw + 20px);
    line-height: calc(1vw + 25px);
    font-weight: 600;
    padding-bottom: calc(0.5vw + 5px);
    color: #000;
}

@media(max-width:768px) {
    .layout-vision-qebju .mod-othercontent01 .text {
        width: calc(100%/2 - 0.5vw - 5px);
    }
}

@media(max-width:480px) {
    .layout-vision-qebju .mod-othercontent01 .text {
        width: 100%;
    }
}

.layout-manuTwo-ez756 .mod-othercontent01 .swiper-button-prev,
.layout-manuTwo-ez756 .mod-othercontent01 .swiper-button-next {
    color: #fff;
    width: 30px;
    height: 30px;
    margin: 0;
    transform: translate(0, -50%);
    border-radius: 50%;
}

.layout-manuTwo-ez756 .mod-othercontent01 .swiper-button-prev:after,
.layout-manuTwo-ez756 .mod-othercontent01 .swiper-button-next:after {
    font-size: 12px;
    line-height: 30px;
}

.layout-manuTwo-ez756 .mod-othercontent01 .swiper-button-prev:hover,
.layout-manuTwo-ez756 .mod-othercontent01 .swiper-button-next:hover {
    background: var(--main);
}

.layout-manuTwo-ez756 .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,
.layout-manuTwo-ez756 .mod-othercontent01 .swiper-button-next.swiper-button-disabled {
    opacity: 1;
    background: #eee;
    color: #999;
}

.layout-manuTwo-ez756 .mod-othercontent01-titlecenter-ez756 .mod-title {
    padding-bottom: calc(0.5vw + 10px);
    text-align: center;
}

.layout-manuTwo-ez756 .mod-othercontent01-titlecenter-ez756 .title-right {
    padding-top: calc(0.25vw + 5px);
    max-width: 1300px;
    margin: auto;
}

.layout-manuTwo-ez756 .mod-othercontent01-titlecenter-ez756 .title-right-span {
    display: block;
}

.layout-manuTwo-ez756 .mod-othercontent01-titlecenter-ez756 .mod-title h2 {
    font-size: calc(0.8vw + 16px);
    line-height: calc(1vw + 20px);
    font-weight: 700;
    text-transform: uppercase;
    color: #000;
}

.layout-manuTwo-ez756 .mod-othercontent01-titlecenter-ez756 .mod-bottom {
    padding-top: calc(1vw + 10px);
    text-align: center;
}

.layout-manuTwo-ez756 .mod-othercontent01-titlecenter-ez756 .mod-bottom a {
    padding: calc(0.25vw + 5px) calc(1vw + 10px);
    border-radius: 50vw;
    border: 1px solid var(--main);
}

.layout-manuTwo-ez756 .mod-othercontent01-titlecenter-ez756 .mod-bottom a:hover {
    background: var(--main);
    color: #fff;
}

.layout-manuTwo-ez756 {
    padding: calc(1% + 10px) 0 calc(2% + 20px);
}

.layout-manuTwo-ez756 .mod-othercontent01 .mod-content {
    max-width: 1300px;
    margin: auto;
    text-align: center;
}

.layout-capaTwo-98erj .mod-othercontent01 .swiper-button-prev,
.layout-capaTwo-98erj .mod-othercontent01 .swiper-button-next {
    color: #fff;
    width: calc(1vw + 30px);
    height: calc(1vw + 30px);
    margin: 0;
    transform: translate(0, -50%);
}

.layout-capaTwo-98erj .mod-othercontent01 .swiper-button-prev:after,
.layout-capaTwo-98erj .mod-othercontent01 .swiper-button-next:after {
    font-size: calc(0.2vw + 14px);
    line-height: calc(1vw + 25px);
}

.layout-capaTwo-98erj .mod-othercontent01 .swiper-button-prev:hover,
.layout-capaTwo-98erj .mod-othercontent01 .swiper-button-next:hover {
    color: var(--main);
}

.layout-capaTwo-98erj .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,
.layout-capaTwo-98erj .mod-othercontent01 .swiper-button-next.swiper-button-disabled {
    opacity: 1;
    background: #eee;
    color: #666;
}

@media(max-width:768px) {

    .layout-capaTwo-98erj .mod-othercontent01 .swiper-button-prev,
    .layout-capaTwo-98erj .mod-othercontent01 .swiper-button-next {
        display: none;
    }
}

.layout-capaTwo-98erj .mod-othercontent01-titlecenter-98erj .mod-title {
    text-align: center;
    padding-bottom: calc(0.5vw + 10px);
}

.layout-capaTwo-98erj .mod-othercontent01-titlecenter-98erj .title-right {
    max-width: 1200px;
    margin: auto;
    padding-top: calc(0.25vw + 5px);
}

.layout-capaTwo-98erj .mod-othercontent01-titlecenter-98erj .title-right-span {
    display: block;
}

.layout-capaTwo-98erj .mod-othercontent01-titlecenter-98erj .mod-title h2 {
    font-size: calc(0.8vw + 20px);
    line-height: calc(1vw + 25px);
    font-weight: 600;
    color: #000;
    text-transform: capitalize;
}

.layout-capaTwo-98erj {
    padding: calc(3% + 30px) 0;
    background: #fff;
}

.layout-capaTwo-98erj .mod-othercontent01 .content-bg {
    display: flex;
    align-items: start;
    flex-wrap: wrap;
    justify-content: space-between;
}

.layout-capaTwo-98erj .mod-othercontent01 .content-bg * {
    transition: All 0.3s ease-in-out;
}

.layout-capaTwo-98erj .mod-othercontent01 .item {
    width: calc(100%/3 - 0.75vw - 5px);
    position: relative;
    margin: calc(0.5vw + 5px) 0;
    border-radius: 5px;
    overflow: hidden;
}

.layout-capaTwo-98erj .mod-othercontent01 .text {
    padding: calc(1vw + 10px);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: start;
    justify-content: end;
    flex-direction: column;
    color: #fff;
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.75));
}

.layout-capaTwo-98erj .mod-othercontent01 .text h3 {
    font-size: calc(0.4vw + 16px);
    line-height: calc(0.5vw + 20px);
    font-weight: 600;
    display: block;
    padding: calc(0.5vw + 5px) 0;
}

.layout-capaTwo-98erj .mod-othercontent01 .item:hover .img img {
    transform: scale(1.05);
}

@media(max-width:768px) {
    .layout-capaTwo-98erj .mod-othercontent01 .item {
        width: calc(100%/2 - 0.5vw - 5px);
    }
}

@media(max-width:480px) {
    .layout-capaTwo-98erj .mod-othercontent01 .item {
        width: 100%;
    }
}

.layout-oemThree-1etgn .mod-othercontent01 .swiper-button-prev,
.layout-oemThree-1etgn .mod-othercontent01 .swiper-button-next {
    color: #fff;
    width: calc(1vw + 25px);
    height: calc(1vw + 25px);
    margin: 0;
    transform: translate(0, -50%);
}

.layout-oemThree-1etgn .mod-othercontent01 .swiper-button-prev:after,
.layout-oemThree-1etgn .mod-othercontent01 .swiper-button-next:after {
    font-size: calc(0.3vw + 16px);
    line-height: calc(1vw + 25px);
}

.layout-oemThree-1etgn .mod-othercontent01 .swiper-button-prev:hover,
.layout-oemThree-1etgn .mod-othercontent01 .swiper-button-next:hover {
    color: var(--main) !important;
}

.layout-oemThree-1etgn .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,
.layout-oemThree-1etgn .mod-othercontent01 .swiper-button-next.swiper-button-disabled {
    opacity: 1;
    color: #333;
}

@media(max-width:768px) {

    .layout-oemThree-1etgn .mod-othercontent01 .swiper-button-prev,
    .layout-oemThree-1etgn .mod-othercontent01 .swiper-button-next {
        display: none;
    }
}

.layout-oemThree-1etgn .mod-othercontent01-titlecenter-1etgn .mod-title {
    padding-bottom: calc(1vw + 10px);
    text-align: center;
    max-width: 1100px;
    margin: auto;
}

.layout-oemThree-1etgn .mod-othercontent01-titlecenter-1etgn .title-right {
    padding-top: calc(0.5vw + 5px);
}

.layout-oemThree-1etgn .mod-othercontent01-titlecenter-1etgn .title-right-span {
    display: block;
}

.layout-oemThree-1etgn .mod-othercontent01-titlecenter-1etgn .mod-title h3 {
    color: var(--main);
    font-weight: 500;
}

.layout-oemThree-1etgn .mod-othercontent01-titlecenter-1etgn .mod-title h2 {
    font-size: calc(1.4vw + 18px);
    line-height: calc(1.5vw + 20px);
    color: #000;
    font-weight: 600;
}

.layout-oemThree-1etgn .mod-othercontent01-titlecenter-1etgn .mod-title strong {
    color: var(--main);
}

.layout-oemThree-1etgn .mod-othercontent01-titlecenter-1etgn .mod-bottom {
    padding-top: calc(2vw + 10px);
    text-align: center;
}

.layout-oemThree-1etgn .mod-othercontent01-titlecenter-1etgn .mod-bottom a {
    color: var(--main);
    padding: calc(0.25vw + 5px) calc(1vw + 20px);
    text-transform: uppercase;
    border: 1px solid var(--main);
}

.layout-oemThree-1etgn .mod-othercontent01-titlecenter-1etgn .mod-bottom a:hover {
    color: #fff;
    background: var(--main);
}

.layout-oemThree-1etgn {
    padding: calc(2% + 20px) 0 calc(15% + 100px);
    background: url(../images/8259417.jpg) center bottom no-repeat;
    box-shadow: 0 calc(5vw + 50px) 0 #fff inset;
}

.layout-oemThree-1etgn .mod-othercontent01 .content-bg {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    background: #604838;
    border-radius: calc(0.25vw + 5px);
}

.layout-oemThree-1etgn .mod-othercontent01 .content-bg * {
    transition: All 0.3s ease-in-out;
}

.layout-oemThree-1etgn .mod-othercontent01 .text {
    width: 20%;
    padding: calc(1.5vw + 10px) calc(1vw + 10px);
    text-align: center;
    box-sizing: border-box;
    color: #eee;
}

.layout-oemThree-1etgn .mod-othercontent01 .text span {
    width: calc(1vw + 50px);
    display: block;
    margin: auto;
}

.layout-oemThree-1etgn .mod-othercontent01 .text h3 {
    font-size: calc(0.4vw + 16px);
    font-weight: 600;
    line-height: calc(0.5vw + 20px);
    padding: calc(0.5vw + 5px) 0;
    color: #fff;
}

.layout-oemThree-1etgn .mod-othercontent01 .text:hover {
    background: var(--main);
    color: #fff;
}

.layout-oemThree-1etgn .mod-othercontent01 .text:hover span {
    filter: grayscale(1) brightness(10);
}

@media(max-width:768px) {
    .layout-oemThree-1etgn .mod-othercontent01 .text {
        width: 50%;
    }
}

@media(max-width:480px) {
    .layout-oemThree-1etgn .mod-othercontent01 .text {
        width: 100%;
    }
}

.layout-capaNine-v5te2 .mod-othercontent01 .swiper-button-prev,
.layout-capaNine-v5te2 .mod-othercontent01 .swiper-button-next {
    color: #fff;
    width: calc(1vw + 30px);
    height: calc(1vw + 30px);
    margin: 0;
    transform: translate(0, -50%);
}

.layout-capaNine-v5te2 .mod-othercontent01 .swiper-button-prev:after,
.layout-capaNine-v5te2 .mod-othercontent01 .swiper-button-next:after {
    font-size: calc(0.2vw + 14px);
    line-height: calc(1vw + 25px);
}

.layout-capaNine-v5te2 .mod-othercontent01 .swiper-button-prev:hover,
.layout-capaNine-v5te2 .mod-othercontent01 .swiper-button-next:hover {
    color: var(--main);
}

.layout-capaNine-v5te2 .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,
.layout-capaNine-v5te2 .mod-othercontent01 .swiper-button-next.swiper-button-disabled {
    opacity: 1;
    background: #eee;
    color: #666;
}

@media(max-width:768px) {

    .layout-capaNine-v5te2 .mod-othercontent01 .swiper-button-prev,
    .layout-capaNine-v5te2 .mod-othercontent01 .swiper-button-next {
        display: none;
    }
}

.layout-capaNine-v5te2 .mod-othercontent01-titlecenter-v5te2 .mod-title {
    text-align: center;
    padding-bottom: calc(0.5vw + 10px);
}

.layout-capaNine-v5te2 .mod-othercontent01-titlecenter-v5te2 .title-right {
    max-width: 1200px;
    margin: auto;
    padding-top: calc(0.25vw + 5px);
}

.layout-capaNine-v5te2 .mod-othercontent01-titlecenter-v5te2 .title-right-span {
    display: block;
}

.layout-capaNine-v5te2 .mod-othercontent01-titlecenter-v5te2 .mod-title h2 {
    font-size: calc(0.8vw + 20px);
    line-height: calc(1vw + 25px);
    font-weight: 600;
    color: #000;
    text-transform: capitalize;
}

.layout-capaNine-v5te2 {
    padding: calc(3% + 30px) 0;
}

.layout-capaNine-v5te2 .mod-othercontent01 .swiper-container {
    padding-bottom: calc(1vw + 20px);
}

.layout-capaNine-v5te2 .mod-othercontent01 .img {
    border-radius: 5px;
    overflow: hidden;
    margin: 0 calc(1vw + 5px);
}

.layout-capaNine-v5te2 .mod-othercontent01 .text {
    padding: calc(0.5vw + 10px);
    text-align: center;
}

.layout-capaNine-v5te2 .mod-othercontent01 .text h3 {
    font-size: calc(0.4vw + 16px);
    line-height: calc(0.5vw + 20px);
    font-weight: 600;
    display: block;
}

.layout-capaNine-v5te2 .mod-othercontent01 .swiper-slide:hover .img img {
    transform: scale(1.05);
}

.layout-capaNine-v5te2 .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    border-radius: 50vw;
    opacity: 1;
    background: #999;
}

.layout-capaNine-v5te2 .swiper-pagination-bullet-active {
    background: var(--main);
    width: calc(1vw + 10px);
}

.layout-capaSev-49ad2 .mod-othercontent01 .swiper-button-prev,
.layout-capaSev-49ad2 .mod-othercontent01 .swiper-button-next {
    color: #fff;
    width: calc(1vw + 30px);
    height: calc(1vw + 30px);
    margin: 0;
    transform: translate(0, -50%);
}

.layout-capaSev-49ad2 .mod-othercontent01 .swiper-button-prev:after,
.layout-capaSev-49ad2 .mod-othercontent01 .swiper-button-next:after {
    font-size: calc(0.2vw + 14px);
    line-height: calc(1vw + 25px);
}

.layout-capaSev-49ad2 .mod-othercontent01 .swiper-button-prev:hover,
.layout-capaSev-49ad2 .mod-othercontent01 .swiper-button-next:hover {
    color: var(--main);
}

.layout-capaSev-49ad2 .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,
.layout-capaSev-49ad2 .mod-othercontent01 .swiper-button-next.swiper-button-disabled {
    opacity: 1;
    background: #eee;
    color: #666;
}

@media(max-width:768px) {

    .layout-capaSev-49ad2 .mod-othercontent01 .swiper-button-prev,
    .layout-capaSev-49ad2 .mod-othercontent01 .swiper-button-next {
        display: none;
    }
}

.layout-capaSev-49ad2 .mod-othercontent01-titlecenter-49ad2 .mod-title {
    text-align: center;
    padding-bottom: calc(0.5vw + 10px);
}

.layout-capaSev-49ad2 .mod-othercontent01-titlecenter-49ad2 .title-right {
    max-width: 1200px;
    margin: auto;
    padding-top: calc(0.25vw + 5px);
}

.layout-capaSev-49ad2 .mod-othercontent01-titlecenter-49ad2 .title-right-span {
    display: block;
}

.layout-capaSev-49ad2 .mod-othercontent01-titlecenter-49ad2 .mod-title h2 {
    font-size: calc(0.8vw + 20px);
    line-height: calc(1vw + 25px);
    font-weight: 600;
    color: #000;
    text-transform: capitalize;
}

.layout-capaSev-49ad2 {
    padding: calc(3% + 30px) 0;
    background: #fff;
}

.layout-capaSev-49ad2 .mod-othercontent01 .mod-title {
    padding-bottom: calc(1vw + 10px);
}

.layout-capaSev-49ad2 .mod-othercontent01 .content-bg {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: space-between;
    overflow: visible;
}

.layout-capaSev-49ad2 .mod-othercontent01 .content-bg * {
    transition: All 0.3s ease-in-out;
}

.layout-capaSev-49ad2 .mod-othercontent01 dl {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    width: calc(100%/3);
    padding: calc(2vw + 10px);
    box-sizing: border-box;
    border-radius: calc(2vw + 5px) 5px;
}

.layout-capaSev-49ad2 .mod-othercontent01 dt {
    width: calc(0.5vw + 40px);
    border-radius: 50%;
    overflow: hidden;
    padding: calc(0.5vw + 5px);
    background: #fff;
}

.layout-capaSev-49ad2 .mod-othercontent01 dd {
    width: calc(100% - 2vw - 60px);
}

.layout-capaSev-49ad2 .mod-othercontent01 dd h3 {
    font-size: calc(0.4vw + 16px);
    line-height: calc(0.5vw + 20px);
    font-weight: 600;
    padding-bottom: calc(0.25vw + 5px);
}

.layout-capaSev-49ad2 .mod-othercontent01 dl:hover {
    background: #fff;
    box-shadow: 0 0 calc(1vw + 10px) rgba(0, 0, 0, 0.1);
}

.layout-capaSev-49ad2 .mod-othercontent01 dl:hover dt {
    background: #333;
}

.layout-capaSev-49ad2 .mod-othercontent01 dl:hover dt img {
    filter: invert(1);
}

@media(max-width:768px) {
    .layout-capaSev-49ad2 .mod-othercontent01 dl {
        width: calc(100%/2);
    }
}

@media(max-width:480px) {
    .layout-capaSev-49ad2 .mod-othercontent01 dl {
        width: 100%;
    }
}

.layout-certify-qjq27 .mod-othercontent01 .swiper-button-prev,
.layout-certify-qjq27 .mod-othercontent01 .swiper-button-next {
    color: #aaa;
    width: calc(0.5vw + 25px);
    height: calc(0.5vw + 25px);
    margin: 0;
    transform: translate(0, -50%);
    border: 1px solid #aaa;
    border-radius: 50%;
}

.layout-certify-qjq27 .mod-othercontent01 .swiper-button-prev:after,
.layout-certify-qjq27 .mod-othercontent01 .swiper-button-next:after {
    font-size: calc(0.1vw + 14px);
    line-height: calc(0.5vw + 25px);
}

.layout-certify-qjq27 .mod-othercontent01 .swiper-button-prev:hover,
.layout-certify-qjq27 .mod-othercontent01 .swiper-button-next:hover {
    background: var(--main);
    color: #fff;
    border-color: var(--main);
}

.layout-certify-qjq27 .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,
.layout-certify-qjq27 .mod-othercontent01 .swiper-button-next.swiper-button-disabled {
    opacity: 1;
    background: #eee;
    color: #666;
}

.layout-certify-qjq27 .mod-othercontent01-titlecenter-qjq27 .mod-title {
    padding-bottom: calc(1vw + 10px);
    text-align: center;
}

.layout-certify-qjq27 .mod-othercontent01-titlecenter-qjq27 .title-right {
    padding-top: calc(0.25vw + 5px);
    max-width: 1200px;
    margin: auto;
}

.layout-certify-qjq27 .mod-othercontent01-titlecenter-qjq27 .title-right-span {
    display: block;
}

.layout-certify-qjq27 .mod-othercontent01-titlecenter-qjq27 .mod-title h2 {
    font-size: calc(1vw + 22px);
    line-height: calc(1vw + 25px);
    color: #000;
    font-weight: 600;
}

.layout-certify-qjq27 .mod-othercontent01-titlecenter-qjq27 .mod-title h2:after {
    content: "";
    width: 80px;
    height: 10px;
    background: url(../images/title-bg.png) center no-repeat;
    display: block;
    margin: calc(0.25vw + 5px) auto;
}

.layout-certify-qjq27 .mod-othercontent01-titlecenter-qjq27 .mod-title a {
    font-size: calc(0.2vw + 14px);
    line-height: calc(0.5vw + 20px);
    font-weight: 500;
    padding: calc(0.25vw + 5px) calc(0.5vw + 10px);
    display: inline-flex;
    align-items: center;
    border: 1px solid #333;
    white-space: nowrap;
    margin-top: calc(0.5vw + 10px);
}

.layout-certify-qjq27 .mod-othercontent01-titlecenter-qjq27 .mod-title a:before {
    content: "➜";
    padding-right: 10px;
    color: var(--main);
}

.layout-certify-qjq27 .mod-othercontent01-titlecenter-qjq27 .mod-title a:hover {
    background: var(--main);
    color: #fff;
    border-color: var(--main);
}

.layout-certify-qjq27 .mod-othercontent01-titlecenter-qjq27 .mod-title a:hover:before {
    color: #fff;
}

.layout-certify-qjq27 .mod-othercontent01-titlecenter-qjq27 .mod-title h3 {
    font-size: calc(0.2vw + 14px);
    color: var(--main);
    font-weight: 600;
}

.layout-certify-qjq27 .mod-othercontent01-titlecenter-qjq27 .mod-bottom {
    padding-top: calc(1vw + 10px);
    text-align: center;
}

.layout-certify-qjq27 .mod-othercontent01-titlecenter-qjq27 .mod-bottom a {
    font-size: calc(0.2vw + 14px);
    line-height: calc(0.5vw + 20px);
    font-weight: 500;
    padding: calc(0.25vw + 5px) calc(0.5vw + 10px);
    display: inline-flex;
    align-items: center;
    border: 1px solid #333;
    white-space: nowrap;
}

.layout-certify-qjq27 .mod-othercontent01-titlecenter-qjq27 .mod-bottom a:before {
    content: "➜";
    padding-right: 10px;
    color: var(--main);
}

.layout-certify-qjq27 .mod-othercontent01-titlecenter-qjq27 .mod-bottom a:hover {
    background: var(--main);
    color: #fff;
    border-color: var(--main);
}

.layout-certify-qjq27 .mod-othercontent01-titlecenter-qjq27 .mod-bottom a:hover:before {
    color: #fff;
}

.layout-certify-qjq27 {
    padding: calc(3% + 30px) 0 calc(1% + 10px);
}

.layout-certify-qjq27 .mod-othercontent01 .mod-title {
    padding: 0;
}

.layout-certify-qjq27 .mod-othercontent01 .content-bg * {
    transition: All 0.3s ease-in-out;
}

.layout-certify-qjq27 .mod-othercontent01 .swiper-slide:hover {
    box-shadow: 0 0 calc(1vw + 10px) rgba(0, 0, 0, 0.1);
    background: #fff;
    border-radius: calc(0.25vw + 5px);
}

.layout-certify-qjq27 .mod-othercontent01 .swiper-container {
    padding: calc(1vw + 20px);
    box-sizing: border-box;
}

.layout-manuNine-nvrdo .mod-othercontent01 .swiper-button-prev,
.layout-manuNine-nvrdo .mod-othercontent01 .swiper-button-next {
    color: #333;
    width: calc(1vw + 30px);
    height: calc(1vw + 30px);
    border: 1px solid #333;
    margin: 0;
    transform: translate(0, -50%);
}

.layout-manuNine-nvrdo .mod-othercontent01 .swiper-button-prev:after,
.layout-manuNine-nvrdo .mod-othercontent01 .swiper-button-next:after {
    font-size: calc(0.3vw + 14px);
    line-height: 100%;
}

.layout-manuNine-nvrdo .mod-othercontent01 .swiper-button-prev:hover,
.layout-manuNine-nvrdo .mod-othercontent01 .swiper-button-next:hover {
    background: #333;
    color: #fff;
}

.layout-manuNine-nvrdo .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,
.layout-manuNine-nvrdo .mod-othercontent01 .swiper-button-next.swiper-button-disabled {
    opacity: 1;
    background: #eee;
    color: #666;
}

@media(max-width:768px) {

    .layout-manuNine-nvrdo .mod-othercontent01 .swiper-button-prev,
    .layout-manuNine-nvrdo .mod-othercontent01 .swiper-button-next {
        display: none;
    }
}

.layout-manuNine-nvrdo .mod-othercontent01-title-nvrdo .mod-title {
    padding-bottom: calc(0.5vw + 5px);
}

.layout-manuNine-nvrdo .mod-othercontent01-title-nvrdo .title-left {
    float: none;
}

.layout-manuNine-nvrdo .mod-othercontent01-title-nvrdo .title-right {
    float: none;
    max-width: 1200px;
    padding-top: calc(0.25vw + 5px);
}

.layout-manuNine-nvrdo .mod-othercontent01-title-nvrdo .title-right-span {
    display: block;
}

.layout-manuNine-nvrdo .mod-othercontent01-title-nvrdo .mod-title h3 {
    font-size: calc(0.1vw + 14px);
    line-height: calc(0.25vw + 20px);
    color: #333;
    display: inline-flex;
    align-items: center;
}

.layout-manuNine-nvrdo .mod-othercontent01-title-nvrdo .mod-title h3:before {
    content: "";
    width: calc(1vw + 35px);
    height: 3px;
    background: #333;
    margin-right: 10px;
    display: block;
}

.layout-manuNine-nvrdo .mod-othercontent01-title-nvrdo .mod-title h2 {
    font-size: calc(1.2vw + 16px);
    line-height: calc(1.5vw + 20px);
    font-weight: 600;
    color: #000;
}

.layout-manuNine-nvrdo {
    padding: calc(2% + 20px) 0;
    background: #efefef;
}

.layout-manuNine-nvrdo .mod-othercontent01 .mod-title {
    text-align: center;
    padding-bottom: calc(1vw + 10px);
}

.layout-manuNine-nvrdo .mod-othercontent01 .title-right {
    margin: auto;
}

.layout-manuNine-nvrdo .mod-othercontent01 .content-bg {
    display: flex;
    align-items: start;
    flex-wrap: wrap;
    overflow: visible;
}

.layout-manuNine-nvrdo .mod-othercontent01 .content-bg * {
    transition: All 0.3s ease-in-out;
}

.layout-manuNine-nvrdo .mod-othercontent01 .img {
    width: calc(100%/5 - 1vw - 10px);
    margin: calc(0.5vw + 5px);
    padding: calc(0.5vw + 5px) 0;
    border-radius: calc(0.5vw + 5px);
    overflow: hidden;
}

.layout-manuNine-nvrdo .mod-othercontent01 .img:hover {
    box-shadow: 0 0 calc(1vw + 10px) rgba(0, 0, 0, 0.1);
    background: #fff;
}

@media(max-width:768px) {
    .layout-manuNine-nvrdo .mod-othercontent01 .img {
        width: calc(100%/4 - 1vw - 10px);
    }
}

@media(max-width:480px) {
    .layout-manuNine-nvrdo .mod-othercontent01 .img {
        width: calc(100%/2 - 1vw - 10px);
    }
}

.layout-oemThree-h9fuu .mod-othercontent01 .swiper-button-prev,
.layout-oemThree-h9fuu .mod-othercontent01 .swiper-button-next {
    color: #fff;
    width: calc(1vw + 25px);
    height: calc(1vw + 25px);
    margin: 0;
    transform: translate(0, -50%);
}

.layout-oemThree-h9fuu .mod-othercontent01 .swiper-button-prev:after,
.layout-oemThree-h9fuu .mod-othercontent01 .swiper-button-next:after {
    font-size: calc(0.3vw + 16px);
    line-height: calc(1vw + 25px);
}

.layout-oemThree-h9fuu .mod-othercontent01 .swiper-button-prev:hover,
.layout-oemThree-h9fuu .mod-othercontent01 .swiper-button-next:hover {
    color: var(--main) !important;
}

.layout-oemThree-h9fuu .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,
.layout-oemThree-h9fuu .mod-othercontent01 .swiper-button-next.swiper-button-disabled {
    opacity: 1;
    color: #333;
}

@media(max-width:768px) {

    .layout-oemThree-h9fuu .mod-othercontent01 .swiper-button-prev,
    .layout-oemThree-h9fuu .mod-othercontent01 .swiper-button-next {
        display: none;
    }
}

.layout-oemThree-h9fuu .mod-othercontent01-titlecenter-h9fuu .mod-title {
    padding-bottom: calc(1vw + 10px);
    text-align: center;
    max-width: 1100px;
    margin: auto;
}

.layout-oemThree-h9fuu .mod-othercontent01-titlecenter-h9fuu .title-right {
    padding-top: calc(0.5vw + 5px);
}

.layout-oemThree-h9fuu .mod-othercontent01-titlecenter-h9fuu .title-right-span {
    display: block;
}

.layout-oemThree-h9fuu .mod-othercontent01-titlecenter-h9fuu .mod-title h3 {
    color: var(--main);
    font-weight: 500;
}

.layout-oemThree-h9fuu .mod-othercontent01-titlecenter-h9fuu .mod-title h2 {
    font-size: calc(1.4vw + 18px);
    line-height: calc(1.5vw + 20px);
    color: #000;
    font-weight: 600;
}

.layout-oemThree-h9fuu .mod-othercontent01-titlecenter-h9fuu .mod-title strong {
    color: var(--main);
}

.layout-oemThree-h9fuu .mod-othercontent01-titlecenter-h9fuu .mod-bottom {
    padding-top: calc(2vw + 10px);
    text-align: center;
}

.layout-oemThree-h9fuu .mod-othercontent01-titlecenter-h9fuu .mod-bottom a {
    color: var(--main);
    padding: calc(0.25vw + 5px) calc(1vw + 20px);
    text-transform: uppercase;
    border: 1px solid var(--main);
}

.layout-oemThree-h9fuu .mod-othercontent01-titlecenter-h9fuu .mod-bottom a:hover {
    color: #fff;
    background: var(--main);
}

.layout-oemThree-h9fuu {
    padding: calc(2% + 20px) 0 calc(15% + 100px);
    background: url(../images/8259417.jpg) center bottom no-repeat;
    box-shadow: 0 calc(5vw + 50px) 0 #fff inset;
}

.layout-oemThree-h9fuu .mod-othercontent01 .content-bg {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    background: #604838;
    border-radius: calc(0.25vw + 5px);
}

.layout-oemThree-h9fuu .mod-othercontent01 .content-bg * {
    transition: All 0.3s ease-in-out;
}

.layout-oemThree-h9fuu .mod-othercontent01 .text {
    width: 20%;
    padding: calc(1.5vw + 10px) calc(1vw + 10px);
    text-align: center;
    box-sizing: border-box;
    color: #eee;
}

.layout-oemThree-h9fuu .mod-othercontent01 .text span {
    width: calc(1vw + 50px);
    display: block;
    margin: auto;
}

.layout-oemThree-h9fuu .mod-othercontent01 .text h3 {
    font-size: calc(0.4vw + 16px);
    font-weight: 600;
    line-height: calc(0.5vw + 20px);
    padding: calc(0.5vw + 5px) 0;
    color: #fff;
}

.layout-oemThree-h9fuu .mod-othercontent01 .text:hover {
    background: var(--main);
    color: #fff;
}

.layout-oemThree-h9fuu .mod-othercontent01 .text:hover span {
    filter: grayscale(1) brightness(10);
}

@media(max-width:768px) {
    .layout-oemThree-h9fuu .mod-othercontent01 .text {
        width: 50%;
    }
}

@media(max-width:480px) {
    .layout-oemThree-h9fuu .mod-othercontent01 .text {
        width: 100%;
    }
}

.layout-pagetop-z18t1 .mod-othercontent01 .swiper-button-prev,
.layout-pagetop-z18t1 .mod-othercontent01 .swiper-button-next {
    color: #fff;
    width: calc(1vw + 25px);
    height: calc(1vw + 25px);
    margin: 0;
    transform: translate(0, -50%);
}

.layout-pagetop-z18t1 .mod-othercontent01 .swiper-button-prev:after,
.layout-pagetop-z18t1 .mod-othercontent01 .swiper-button-next:after {
    font-size: calc(0.3vw + 16px);
    line-height: calc(1vw + 25px);
}

.layout-pagetop-z18t1 .mod-othercontent01 .swiper-button-prev:hover,
.layout-pagetop-z18t1 .mod-othercontent01 .swiper-button-next:hover {
    color: var(--main) !important;
}

.layout-pagetop-z18t1 .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,
.layout-pagetop-z18t1 .mod-othercontent01 .swiper-button-next.swiper-button-disabled {
    opacity: 1;
    color: #333;
}

@media(max-width:768px) {

    .layout-pagetop-z18t1 .mod-othercontent01 .swiper-button-prev,
    .layout-pagetop-z18t1 .mod-othercontent01 .swiper-button-next {
        display: none;
    }
}

.layout-pagetop-z18t1 .layout-bg {
    width: 100%;
}

.layout-pagetop-z18t1 .mod-othercontent01 .mod-bg {
    position: relative;
    z-index: 2;
    overflow: hidden;
    height: 30vh;
}

.layout-pagetop-z18t1 .mod-othercontent01 .mod-title {
    position: absolute;
    left: 0;
    top: 50%;
    right: 0;
    width: calc(100% - 2vw - 20px);
    max-width: var(--width);
    transform: translate(0, -50%);
    margin: auto;
    z-index: 2;
    color: #fff;
    text-align: center;
}

.layout-pagetop-z18t1 .mod-othercontent01 .mod-title h1 {
    font-size: calc(1.6vw + 18px);
    line-height: calc(1.75vw + 20px);
    font-weight: 600;
    text-transform: uppercase;
    display: block;
}

.layout-pagetop-z18t1 .mod-othercontent01 .mod-title h1 strong {
    color: var(--main);
}

.layout-pagetop-z18t1 .mod-othercontent01 .title-right {
    max-width: 640px;
    margin: auto;
    font-size: calc(0.2vw + 14px);
    line-height: calc(0.5vw + 20px);
}

.layout-pagetop-z18t1 .mod-othercontent01 .title-right:before {
    content: "";
    width: calc(1vw + 20px);
    height: 3px;
    background: var(--main);
    display: block;
    margin: calc(0.5vw + 5px) auto;
    border-radius: 10vw;
}

.layout-pagetop-z18t1 .mod-othercontent01 .title-right-span {
    display: block;
}

.layout-pagetop-z18t1 .mod-othercontent01 .content-bg img {
    display: block;
    height: 100%;
    width: auto !important;
    max-width: inherit !important;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0%);
}

@media(min-width:769px) {
    .layout-pagetop-z18t1 .mod-othercontent01 .mod-bg {
        min-height: 470px;
    }
}

.layout-pagetop-z18t1 .mod-othercontent01-custtop .mod-title {
    max-width: 1180px;
    margin: auto;
}

@media(max-width:768px) {

    .layout-advan-3cgqy .mod-othercontent01 .swiper-button-prev,
    .layout-advan-3cgqy .mod-othercontent01 .swiper-button-next {
        display: none;
    }
}

.layout-advan-3cgqy .mod-othercontent01-title-3cgqy .mod-title {
    text-align: center;
    padding-bottom: calc(0.5vw + 5px);
}

.layout-advan-3cgqy .mod-othercontent01-title-3cgqy .title-left {
    float: none;
}

.layout-advan-3cgqy .mod-othercontent01-title-3cgqy .title-right {
    float: none;
    max-width: 1200px;
    margin: auto;
    padding-top: calc(0.5vw + 5px);
}

.layout-advan-3cgqy .mod-othercontent01-title-3cgqy .title-right-span {
    display: block;
}

.layout-advan-3cgqy .mod-othercontent01-title-3cgqy .mod-title h3 {
    font-size: calc(0.2vw + 14px);
    line-height: calc(0.35vw + 20px);
}

.layout-advan-3cgqy .mod-othercontent01-title-3cgqy .mod-title h2 {
    font-size: calc(1.2vw + 16px);
    line-height: calc(1.25vw + 20px);
    font-weight: 600;
    color: var(--main);
}

.layout-advan-3cgqy .mod-othercontent01-title-3cgqy .bottom-left {
    display: flex;
    justify-content: center;
}

.layout-advan-3cgqy .mod-othercontent01-title-3cgqy .bottom-left a {
    background: var(--main);
    color: #fff;
    font-size: calc(0.2vw + 12px);
    line-height: calc(0.25vw + 20px);
    padding: calc(0.5vw + 5px) calc(0.5vw + 10px);
    border-radius: calc(0.25vw + 5px);
    min-width: calc(4vw + 80px);
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
}

.layout-advan-3cgqy .mod-othercontent01-title-3cgqy .bottom-left a:after {
    content: "\f105";
    font: calc(0.4vw + 14px)/1 FontAwesome;
    padding-left: calc(0.5vw + 5px);
}

.layout-advan-3cgqy {
    padding: calc(2% + 20px) 0;
}

.layout-advan-3cgqy .mod-othercontent01 .content-bg {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: space-between;
}

.layout-advan-3cgqy .mod-othercontent01 .content-bg * {
    transition: All 0.3s ease-in-out;
}

.layout-advan-3cgqy .mod-othercontent01 .text {
    width: calc(100%/3 - 1vw - 10px);
    padding: calc(0.5vw + 10px) calc(1.5vw + 10px) calc(1vw + 10px);
    margin: calc(0.25vw + 5px) 0;
    border-radius: calc(0.5vw + 5px);
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
    z-index: 2;
}

.layout-advan-3cgqy .mod-othercontent01 .text span {
    width: calc(1.1vw + 55px);
    height: calc(1.1vw + 55px);
    background: #eaf1fc;
    border-radius: calc(0.25vw + 5px);
    display: block;
}

.layout-advan-3cgqy .mod-othercontent01 .text h3 {
    font-size: calc(0.5vw + 14px);
    line-height: calc(0.5vw + 20px);
    color: var(--main);
    font-weight: 500;
    padding: calc(0.5vw + 5px) 0;
    display: block;
}

@media(min-width:769px) {
    .layout-advan-3cgqy .mod-othercontent01 .text:after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: -1;
        background: url(../images/advan-bg.jpg) center/cover no-repeat;
        opacity: 0;
        transition: All 0.3s ease-in-out;
    }

    .layout-advan-3cgqy .mod-othercontent01 .text:hover {
        color: #fff;
    }

    .layout-advan-3cgqy .mod-othercontent01 .text:hover h3 {
        color: #fff;
    }

    .layout-advan-3cgqy .mod-othercontent01 .text:hover span {
        background: var(--deputy);
    }

    .layout-advan-3cgqy .mod-othercontent01 .text:hover img {
        filter: grayscale(1) brightness(10);
    }

    .layout-advan-3cgqy .mod-othercontent01 .text:hover:after {
        opacity: 1;
    }
}

@media(max-width:768px) {
    .layout-advan-3cgqy .mod-othercontent01 .text {
        width: calc(50% - 0.5vw - 5px);
    }
}

@media(max-width:480px) {
    .layout-advan-3cgqy .mod-othercontent01 .text {
        width: 100%;
    }
}

.layout-aboutThree-kra88 .mod-othercontent01 .swiper-button-prev,
.layout-aboutThree-kra88 .mod-othercontent01 .swiper-button-next {
    color: #fff;
    width: 30px;
    height: 30px;
    margin: 0;
    transform: translate(0, -50%);
    border-radius: 50%;
}

.layout-aboutThree-kra88 .mod-othercontent01 .swiper-button-prev:after,
.layout-aboutThree-kra88 .mod-othercontent01 .swiper-button-next:after {
    font-size: 12px;
    line-height: 30px;
}

.layout-aboutThree-kra88 .mod-othercontent01 .swiper-button-prev:hover,
.layout-aboutThree-kra88 .mod-othercontent01 .swiper-button-next:hover {
    background: var(--main);
}

.layout-aboutThree-kra88 .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,
.layout-aboutThree-kra88 .mod-othercontent01 .swiper-button-next.swiper-button-disabled {
    opacity: 1;
    background: #eee;
    color: #999;
}

.layout-aboutThree-kra88 .mod-othercontent01-titlecenter-kra88 .mod-title {
    padding-bottom: calc(0.5vw + 10px);
    text-align: center;
}

.layout-aboutThree-kra88 .mod-othercontent01-titlecenter-kra88 .title-right {
    padding-top: calc(0.25vw + 5px);
    max-width: 1300px;
    margin: auto;
}

.layout-aboutThree-kra88 .mod-othercontent01-titlecenter-kra88 .title-right-span {
    display: block;
}

.layout-aboutThree-kra88 .mod-othercontent01-titlecenter-kra88 .mod-title h2 {
    font-size: calc(0.8vw + 16px);
    line-height: calc(1vw + 20px);
    font-weight: 700;
    text-transform: uppercase;
}

.layout-aboutThree-kra88 .mod-othercontent01-titlecenter-kra88 .mod-bottom {
    padding-top: calc(1vw + 10px);
    text-align: center;
}

.layout-aboutThree-kra88 .mod-othercontent01-titlecenter-kra88 .mod-bottom a {
    padding: calc(0.25vw + 5px) calc(1vw + 10px);
    border-radius: 50vw;
    border: 1px solid var(--main);
}

.layout-aboutThree-kra88 .mod-othercontent01-titlecenter-kra88 .mod-bottom a:hover {
    background: var(--main);
    color: #fff;
}

.layout-aboutThree-kra88 {
    padding: calc(2% + 20px) 0;
}

.layout-aboutThree-kra88 .mod-othercontent01 .content-bg {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: space-between;
}

.layout-aboutThree-kra88 .mod-othercontent01 .text {
    width: calc(100%/4 - 0.5vw - 5px);
    padding: calc(1vw + 10px);
    background: #f4f5f7;
    border: 1px solid #ebeef2;
    border-radius: calc(0.25vw + 5px);
    box-sizing: border-box;
    margin: calc(0.5vw + 5px) 0;
    font-size: calc(0.3vw + 14px);
    line-height: calc(0.5vw + 20px);
}

.layout-aboutThree-kra88 .mod-othercontent01 .text h3 {
    display: flex;
    align-items: end;
    font-size: calc(1.5vw + 20px);
    line-height: calc(1.5vw + 25px);
    font-weight: 700;
    padding-bottom: calc(1vw + 5px);
}

.layout-aboutThree-kra88 .mod-othercontent01 .text h3 sub {
    font-size: calc(0.8vw + 14px);
    line-height: calc(1vw + 20px);
    padding: 0 calc(0.25vw + 5px);
    font-weight: normal;
}

@media(max-width:768px) {
    .layout-aboutThree-kra88 .mod-othercontent01 .text {
        width: calc(100%/2 - 0.5vw - 5px);
    }
}

.layout-brand-cikk8 .mod-othercontent01 .swiper-button-prev,
.layout-brand-cikk8 .mod-othercontent01 .swiper-button-next {
    color: #333;
    width: calc(2vw + 20px);
    background: #fff;
    height: calc(2vw + 20px);
    border-radius: 50%;
    margin: 0;
    transform: translate(0, -50%);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.layout-brand-cikk8 .mod-othercontent01 .swiper-button-prev:after,
.layout-brand-cikk8 .mod-othercontent01 .swiper-button-next:after {
    font-size: calc(0.4vw + 14px);
    line-height: calc(2vw + 20px);
}

.layout-brand-cikk8 .mod-othercontent01 .swiper-button-prev:hover,
.layout-brand-cikk8 .mod-othercontent01 .swiper-button-next:hover {
    background: var(--main);
    color: #fff;
}

.layout-brand-cikk8 .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,
.layout-brand-cikk8 .mod-othercontent01 .swiper-button-next.swiper-button-disabled {
    opacity: 1;
    background: #eee;
    color: #666;
}

@media(max-width:768px) {

    .layout-brand-cikk8 .mod-othercontent01 .swiper-button-prev,
    .layout-brand-cikk8 .mod-othercontent01 .swiper-button-next {
        display: none;
    }
}

.layout-brand-cikk8 .mod-othercontent01-title-cikk8 .mod-title {
    text-align: center;
    padding-bottom: calc(1vw + 10px);
}

.layout-brand-cikk8 .mod-othercontent01-title-cikk8 .title-right {
    max-width: 1000px;
    margin: auto;
    color: #666;
}

.layout-brand-cikk8 .mod-othercontent01-title-cikk8 .title-right-span {
    display: block;
}

.layout-brand-cikk8 .mod-othercontent01-title-cikk8 .mod-title h2 {
    font-size: calc(0.8vw + 20px);
    line-height: calc(1vw + 25px);
    font-weight: 600;
    color: #000;
    padding: 5px 0;
}

.layout-brand-cikk8 .mod-othercontent01-title-cikk8 .mod-title h3 {
    color: var(--main);
    font-weight: 500;
}

.layout-brand-cikk8 .mod-othercontent01-title-cikk8 .mod-bottom {
    padding-top: calc(1vw + 10px);
}

.layout-brand-cikk8 .mod-othercontent01-title-cikk8 .bottom-left {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.layout-brand-cikk8 .mod-othercontent01-title-cikk8 .bottom-left a {
    color: #fff;
    background: var(--main);
    font-size: calc(0.2vw + 14px);
    line-height: calc(0.25vw + 20px);
    padding: calc(0.25vw + 5px) calc(3vw + 20px);
    border-radius: calc(0.25vw + 5px);
    text-transform: capitalize;
}

.layout-brand-cikk8 {
    padding: calc(2% + 20px) 0;
}

.layout-brand-cikk8 .mod-othercontent01 .swiper-wrapper {
    padding-bottom: calc(1vw + 20px);
}

.layout-certify-s2dwu .mod-othercontent01 .swiper-button-prev,
.layout-certify-s2dwu .mod-othercontent01 .swiper-button-next {
    color: #aaa;
    width: calc(0.5vw + 25px);
    height: calc(0.5vw + 25px);
    margin: 0;
    transform: translate(0, -50%);
    border: 1px solid #aaa;
    border-radius: 50%;
}

.layout-certify-s2dwu .mod-othercontent01 .swiper-button-prev:after,
.layout-certify-s2dwu .mod-othercontent01 .swiper-button-next:after {
    font-size: calc(0.1vw + 14px);
    line-height: calc(0.5vw + 25px);
}

.layout-certify-s2dwu .mod-othercontent01 .swiper-button-prev:hover,
.layout-certify-s2dwu .mod-othercontent01 .swiper-button-next:hover {
    background: var(--main);
    color: #fff;
    border-color: var(--main);
}

.layout-certify-s2dwu .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,
.layout-certify-s2dwu .mod-othercontent01 .swiper-button-next.swiper-button-disabled {
    opacity: 1;
    background: #eee;
    color: #666;
}

.layout-certify-s2dwu .mod-othercontent01-titlecenter-s2dwu .mod-title {
    padding-bottom: calc(1vw + 10px);
    text-align: center;
}

.layout-certify-s2dwu .mod-othercontent01-titlecenter-s2dwu .title-right {
    padding-top: calc(0.25vw + 5px);
    max-width: 1200px;
    margin: auto;
}

.layout-certify-s2dwu .mod-othercontent01-titlecenter-s2dwu .title-right-span {
    display: block;
}

.layout-certify-s2dwu .mod-othercontent01-titlecenter-s2dwu .mod-title h2 {
    font-size: calc(1vw + 22px);
    line-height: calc(1vw + 25px);
    color: #000;
    font-weight: 600;
}

.layout-certify-s2dwu .mod-othercontent01-titlecenter-s2dwu .mod-title h2:after {
    content: "";
    width: 80px;
    height: 10px;
    background: url(../images/title-bg.png) center no-repeat;
    display: block;
    margin: calc(0.25vw + 5px) auto;
}

.layout-certify-s2dwu .mod-othercontent01-titlecenter-s2dwu .mod-title a {
    font-size: calc(0.2vw + 14px);
    line-height: calc(0.5vw + 20px);
    font-weight: 500;
    padding: calc(0.25vw + 5px) calc(0.5vw + 10px);
    display: inline-flex;
    align-items: center;
    border: 1px solid #333;
    white-space: nowrap;
    margin-top: calc(0.5vw + 10px);
}

.layout-certify-s2dwu .mod-othercontent01-titlecenter-s2dwu .mod-title a:before {
    content: "➜";
    padding-right: 10px;
    color: var(--main);
}

.layout-certify-s2dwu .mod-othercontent01-titlecenter-s2dwu .mod-title a:hover {
    background: var(--main);
    color: #fff;
    border-color: var(--main);
}

.layout-certify-s2dwu .mod-othercontent01-titlecenter-s2dwu .mod-title a:hover:before {
    color: #fff;
}

.layout-certify-s2dwu .mod-othercontent01-titlecenter-s2dwu .mod-title h3 {
    font-size: calc(0.2vw + 14px);
    color: var(--main);
    font-weight: 600;
}

.layout-certify-s2dwu .mod-othercontent01-titlecenter-s2dwu .mod-bottom {
    padding-top: calc(1vw + 10px);
    text-align: center;
}

.layout-certify-s2dwu .mod-othercontent01-titlecenter-s2dwu .mod-bottom a {
    font-size: calc(0.2vw + 14px);
    line-height: calc(0.5vw + 20px);
    font-weight: 500;
    padding: calc(0.25vw + 5px) calc(0.5vw + 10px);
    display: inline-flex;
    align-items: center;
    border: 1px solid #333;
    white-space: nowrap;
}

.layout-certify-s2dwu .mod-othercontent01-titlecenter-s2dwu .mod-bottom a:before {
    content: "➜";
    padding-right: 10px;
    color: var(--main);
}

.layout-certify-s2dwu .mod-othercontent01-titlecenter-s2dwu .mod-bottom a:hover {
    background: var(--main);
    color: #fff;
    border-color: var(--main);
}

.layout-certify-s2dwu .mod-othercontent01-titlecenter-s2dwu .mod-bottom a:hover:before {
    color: #fff;
}

.layout-certify-s2dwu {
    padding: calc(3% + 30px) 0 calc(1% + 10px);
}

.layout-certify-s2dwu .mod-othercontent01 .mod-title {
    padding: 0;
}

.layout-certify-s2dwu .mod-othercontent01 .content-bg * {
    transition: All 0.3s ease-in-out;
}

.layout-certify-s2dwu .mod-othercontent01 .swiper-slide:hover {
    box-shadow: 0 0 calc(1vw + 10px) rgba(0, 0, 0, 0.1);
    background: #fff;
    border-radius: calc(0.25vw + 5px);
}

.layout-certify-s2dwu .mod-othercontent01 .swiper-container {
    padding: calc(1vw + 20px);
    box-sizing: border-box;
}

@media(max-width:768px) {

    .layout-aboutFive-zxsa3 .mod-othercontent01 .swiper-button-prev,
    .layout-aboutFive-zxsa3 .mod-othercontent01 .swiper-button-next {
        display: none;
    }
}

.layout-aboutFive-zxsa3 .mod-othercontent01-title-zxsa3 .mod-title {
    text-align: center;
    padding-bottom: calc(0.5vw + 10px);
}

.layout-aboutFive-zxsa3 .mod-othercontent01-title-zxsa3 .title-left {
    float: none;
}

.layout-aboutFive-zxsa3 .mod-othercontent01-title-zxsa3 .title-left:after {
    content: "";
    display: block;
    width: calc(1vw + 30px);
    height: 5px;
    background: var(--main);
    border-radius: 10px;
    margin: calc(0.25vw + 5px) auto;
}

.layout-aboutFive-zxsa3 .mod-othercontent01-title-zxsa3 .title-right {
    float: none;
    max-width: 1150px;
    margin: auto;
}

.layout-aboutFive-zxsa3 .mod-othercontent01-title-zxsa3 .title-right-span {
    display: block;
}

.layout-aboutFive-zxsa3 .mod-othercontent01-title-zxsa3 .mod-title h2 {
    font-size: calc(1.2vw + 16px);
    line-height: calc(1.5vw + 20px);
    font-weight: 500;
    color: #000;
}

.layout-aboutFive-zxsa3 {
    padding: calc(2% + 20px) 0;
    background: #f1f1f1;
}

.layout-aboutFive-zxsa3 .layout-bg {
    width: 100%;
    max-width: 1920px;
}

.layout-aboutFive-zxsa3 .mod-othercontent01 .mod-title {
    padding: 0 calc(0.5vw + 10px) calc(0.5vw + 10px);
}

.layout-aboutFive-zxsa3 .mod-othercontent01 .swiper-container {
    padding-bottom: calc(1vw + 20px);
}

.layout-aboutFive-zxsa3 .mod-othercontent01 .swiper-slide h3 {
    font-size: calc(0.2vw + 14px);
    line-height: calc(0.25vw + 20px);
    font-weight: 500;
    color: #333;
    padding: calc(0.25vw + 5px);
    display: block;
    text-align: center;
}

.layout-serve-g9srg .mod-othercontent01 .swiper-button-prev,
.layout-serve-g9srg .mod-othercontent01 .swiper-button-next {
    color: #fff;
    width: calc(1vw + 30px);
    height: calc(1vw + 30px);
    margin: 0;
    transform: translate(0, -50%);
}

.layout-serve-g9srg .mod-othercontent01 .swiper-button-prev:after,
.layout-serve-g9srg .mod-othercontent01 .swiper-button-next:after {
    font-size: calc(0.4vw + 16px);
    line-height: calc(1vw + 30px);
}

.layout-serve-g9srg .mod-othercontent01 .swiper-button-prev:hover,
.layout-serve-g9srg .mod-othercontent01 .swiper-button-next:hover {
    background: var(--main);
}

.layout-serve-g9srg .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,
.layout-serve-g9srg .mod-othercontent01 .swiper-button-next.swiper-button-disabled {
    opacity: 1;
    background: #eee;
    color: #999;
}

.layout-serve-g9srg .mod-othercontent01-titlecenter-g9srg .mod-title {
    padding-bottom: calc(1vw + 10px);
    text-align: center;
}

.layout-serve-g9srg .mod-othercontent01-titlecenter-g9srg .title-right {
    max-width: 1360px;
    margin: auto;
    font-size: calc(0.1vw + 12px);
}

.layout-serve-g9srg .mod-othercontent01-titlecenter-g9srg .title-right-span {
    display: block;
}

.layout-serve-g9srg .mod-othercontent01-titlecenter-g9srg .mod-title h2 {
    font-size: calc(0.8vw + 20px);
    line-height: calc(1vw + 20px);
    color: #333;
    text-transform: uppercase;
}

.layout-serve-g9srg .mod-othercontent01-titlecenter-g9srg .mod-bottom {
    padding-top: calc(1vw + 10px);
    text-align: center;
}

.layout-serve-g9srg .mod-othercontent01-titlecenter-g9srg .mod-bottom a {
    padding: calc(0.25vw + 5px) calc(2vw + 10px);
    color: #333;
    text-transform: capitalize;
    border: 1px solid #333;
    border-radius: 2px;
}

.layout-serve-g9srg .mod-othercontent01-titlecenter-g9srg .mod-bottom a:hover {
    background: var(--main);
    border-color: var(--main);
    color: #fff;
}

.layout-serve-g9srg {
    padding: calc(3% + 30px) 0;
    background: var(--deputy);
}

.layout-serve-g9srg .mod-othercontent01 .mod-title * {
    color: #fff;
}

.layout-serve-g9srg .mod-othercontent01 .swiper-container {
    padding: 10px 0 calc(2vw + 10px);
}

.layout-serve-g9srg .mod-othercontent01 .swiper-slide {
    width: calc(5vw + 220px);
    border-radius: 5px;
    overflow: hidden;
    position: relative;
}

.layout-serve-g9srg .mod-othercontent01 .swiper-slide a {
    display: block;
}

.layout-serve-g9srg .mod-othercontent01 .text {
    padding: calc(2vw + 10px);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(0, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    display: flex;
    align-items: center;
    justify-content: end;
    text-align: center;
    flex-direction: column;
}

.layout-serve-g9srg .mod-othercontent01 .text * {
    font-size: calc(0.5vw + 16px);
    line-height: calc(0.5vw + 25px);
    text-transform: uppercase;
    font-weight: 500;
    display: block;
    color: #fff;
}

.layout-serve-g9srg .mod-othercontent01 .swiper-scrollbar {
    background: #555;
    opacity: 1 !important;
}

.layout-serve-g9srg .mod-othercontent01 .swiper-scrollbar-drag {
    background: #999;
}

.layout-about-4x3bb .mod-othercontent01 .swiper-button-prev,
.layout-about-4x3bb .mod-othercontent01 .swiper-button-next {
    color: #333;
    width: calc(1vw + 25px);
    background: #fff;
    height: calc(1vw + 25px);
    border-radius: 50%;
    margin: 0;
    transform: translate(0, -50%);
}

.layout-about-4x3bb .mod-othercontent01 .swiper-button-prev:after,
.layout-about-4x3bb .mod-othercontent01 .swiper-button-next:after {
    font-size: calc(0.2vw + 14px);
    line-height: calc(1vw + 25px);
}

.layout-about-4x3bb .mod-othercontent01 .swiper-button-prev:hover,
.layout-about-4x3bb .mod-othercontent01 .swiper-button-next:hover {
    background: var(--main);
    color: #fff;
}

.layout-about-4x3bb .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,
.layout-about-4x3bb .mod-othercontent01 .swiper-button-next.swiper-button-disabled {
    opacity: 1;
    background: #eee;
    color: #666;
}

.layout-about-4x3bb .mod-othercontent01-title-4x3bb .mod-title {
    padding-bottom: calc(0.5vw + 10px);
}

.layout-about-4x3bb .mod-othercontent01-title-4x3bb .title-right {
    padding-top: calc(0.25vw + 5px);
}

.layout-about-4x3bb .mod-othercontent01-title-4x3bb .title-right-span {
    display: block;
}

.layout-about-4x3bb .mod-othercontent01-title-4x3bb .mod-title h3 {
    color: var(--main);
}

.layout-about-4x3bb .mod-othercontent01-title-4x3bb .mod-title h2 {
    font-size: calc(1vw + 16px);
    line-height: calc(1vw + 25px);
    color: var(--main);
    font-weight: 600;
    text-transform: capitalize;
}

.layout-about-4x3bb .mod-othercontent01-title-4x3bb .mod-title a {
    color: #fff;
    border-radius: 5px;
    background: var(--main);
    padding: calc(0.25vw + 5px) calc(0.5vw + 15px);
    display: inline-flex;
    align-items: center;
    margin-top: calc(1vw + 10px);
}

.layout-about-4x3bb .mod-othercontent01-title-4x3bb .mod-title a:after {
    content: "\f105";
    font: calc(0.2vw + 14px)/1 FontAwesome;
    padding: 0 5px;
}

.layout-about-4x3bb .mod-othercontent01-title-4x3bb .mod-title a:hover {
    background: var(--deputy);
}

.layout-about-4x3bb .mod-othercontent01-title-4x3bb .mod-bottom {
    padding-top: calc(2vw + 10px);
}

.layout-about-4x3bb .mod-othercontent01-title-4x3bb .mod-bottom a {
    color: #fff;
    border-radius: 5px;
    background: var(--main);
    padding: calc(0.25vw + 5px) calc(0.5vw + 15px);
    display: inline-flex;
    align-items: center;
    margin: 5px calc(0.5vw + 5px);
}

.layout-about-4x3bb .mod-othercontent01-title-4x3bb .mod-bottom a:after {
    content: "\f105";
    font: calc(0.2vw + 14px)/1 FontAwesome;
    padding: 0 5px;
}

.layout-about-4x3bb .mod-othercontent01-title-4x3bb .mod-bottom a:hover {
    background: var(--deputy);
}

.layout-about-4x3bb {
    padding: calc(3% + 30px) 0;
    background: #f3e8da;
}

.layout-about-4x3bb .mod-othercontent01 .mod-bg {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}

.layout-about-4x3bb .mod-othercontent01 .mod-title {
    width: calc(50% - 3vw - 10px);
    order: 2;
    padding: 0;
}

.layout-about-4x3bb .mod-othercontent01 .mod-title a {
    margin-top: calc(1vw + 10px);
}

.layout-about-4x3bb .mod-othercontent01 .title-right {
    padding-top: calc(1vw + 5px);
}

.layout-about-4x3bb .mod-othercontent01 .mod-content {
    width: 50%;
    order: 1;
}

@media(max-width:768px) {
    .layout-about-4x3bb .mod-othercontent01 .mod-bg>div {
        width: 100%;
        padding: 10px 0;
    }
}

.layout-review-f9fgo .mod-othercontent01 .swiper-button-prev,
.layout-review-f9fgo .mod-othercontent01 .swiper-button-next {
    color: var(--deputy);
    width: calc(0.5vw + 30px);
    height: calc(1vw + 30px);
    background: #efefef;
}

.layout-review-f9fgo .mod-othercontent01 .swiper-button-prev:after,
.layout-review-f9fgo .mod-othercontent01 .swiper-button-next:after {
    font-size: calc(0.3vw + 14px);
}

.layout-review-f9fgo .mod-othercontent01 .swiper-button-prev:hover,
.layout-review-f9fgo .mod-othercontent01 .swiper-button-next:hover {
    color: #fff;
    background: var(--main);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}

@media(max-width:768px) {

    .layout-review-f9fgo .mod-othercontent01 .swiper-button-prev,
    .layout-review-f9fgo .mod-othercontent01 .swiper-button-next {
        display: none;
    }
}

.layout-review-f9fgo .mod-othercontent01-title-f9fgo .mod-title {
    text-align: center;
    padding-bottom: calc(0.5vw + 10px);
}

.layout-review-f9fgo .mod-othercontent01-title-f9fgo .title-left {
    float: none;
}

.layout-review-f9fgo .mod-othercontent01-title-f9fgo .title-left:after {
    content: "";
    display: block;
    width: 73px;
    height: 5px;
    background: url(../images/title-line.png) center no-repeat;
    margin: calc(0.25vw + 5px) auto 0;
}

.layout-review-f9fgo .mod-othercontent01-title-f9fgo .title-right {
    float: none;
    max-width: 1260px;
    margin: auto;
    padding-top: calc(0.5vw + 5px);
}

.layout-review-f9fgo .mod-othercontent01-title-f9fgo .title-right-span {
    display: block;
}

.layout-review-f9fgo .mod-othercontent01-title-f9fgo .mod-title h3 {
    font-size: calc(0.2vw + 14px);
    color: var(--deputy);
    font-weight: 500;
}

.layout-review-f9fgo .mod-othercontent01-title-f9fgo .mod-title h2 {
    font-size: calc(1.2vw + 16px);
    line-height: calc(1.5vw + 20px);
    font-weight: 600;
    color: var(--deputy);
    text-transform: uppercase;
}

.layout-review-f9fgo .mod-othercontent01-title-f9fgo .mod-title h2 span {
    color: var(--main);
}

.layout-review-f9fgo {
    padding: calc(2% + 20px) 0;
}

.layout-review-f9fgo .mod-othercontent01 .content-bg {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: space-between;
}

.layout-review-f9fgo .mod-othercontent01 .content-bg * {
    transition: All 0.3s ease-in-out;
}

.layout-review-f9fgo .mod-othercontent01 .item {
    width: calc(100%/3 - 0.5vw - 5px);
    padding: calc(0.5vw + 10px) calc(1vw + 10px);
    margin: calc(0.25vw + 5px) 0;
    box-sizing: border-box;
    position: relative;
}

.layout-review-f9fgo .mod-othercontent01 .item:after {
    content: "";
    width: 80px;
    height: 80px;
    background: url(../images/quote-icon.png) center no-repeat;
    position: absolute;
    right: calc(0.5vw + 10px);
    bottom: 10px;
    z-index: 1;
    filter: brightness(1.1);
    transition: All 0.3s ease-in-out;
}

.layout-review-f9fgo .mod-othercontent01 .item * {
    position: relative;
    z-index: 2;
}

.layout-review-f9fgo .mod-othercontent01 dl {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding-bottom: calc(0.5vw + 5px);
}

.layout-review-f9fgo .mod-othercontent01 dt {
    width: 80px;
    border-radius: 50%;
    overflow: hidden;
}

.layout-review-f9fgo .mod-othercontent01 dd {
    padding-top: 25px;
    width: calc(100% - 90px);
}

.layout-review-f9fgo .mod-othercontent01 dd h3 {
    font-size: calc(0.2vw + 14px);
    line-height: calc(0.25vw + 20px);
    font-weight: 600;
    color: #000;
    padding: 5px 0;
}

.layout-review-f9fgo .mod-othercontent01 .item:hover {
    background: #efefef;
    box-shadow: 0 calc(0.5vw + 25px) 0 #fff inset;
}

.layout-review-f9fgo .mod-othercontent01 .item:hover:after {
    filter: brightness(1);
}

@media(max-width:480px) {
    .layout-review-f9fgo .mod-othercontent01 .item {
        width: 100%;
    }
}

.layout-pagetop-leu7f .mod-othercontent01 .swiper-button-prev,
.layout-pagetop-leu7f .mod-othercontent01 .swiper-button-next {
    width: calc(0.5vw + 30px);
    height: calc(0.5vw + 30px);
    margin: 0;
    transform: none;
    border: 1px solid #ccc;
    color: #ccc;
    border-radius: 50%;
    background: #fff;
}

.layout-pagetop-leu7f .mod-othercontent01 .swiper-button-prev:after,
.layout-pagetop-leu7f .mod-othercontent01 .swiper-button-next:after {
    font-size: calc(0.3vw + 14px);
    line-height: calc(0.5vw + 30px);
}

.layout-pagetop-leu7f .mod-othercontent01 .swiper-button-prev:hover,
.layout-pagetop-leu7f .mod-othercontent01 .swiper-button-next:hover {
    background: var(--main);
    color: #fff;
    border-color: var(--main);
}

.layout-pagetop-leu7f .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,
.layout-pagetop-leu7f .mod-othercontent01 .swiper-button-next.swiper-button-disabled {
    opacity: 1;
    background: #eee;
    color: #666;
}

.layout-pagetop-leu7f .layout-bg {
    width: 100%;
}

.layout-pagetop-leu7f .mod-othercontent01 .mod-bg {
    position: relative;
    z-index: 2;
    overflow: hidden;
}

.layout-pagetop-leu7f .mod-othercontent01 .mod-title {
    position: absolute;
    left: 0;
    top: 50%;
    right: 0;
    width: calc(100% - 2vw - 20px);
    color: #fff;
    max-width: 900px;
    transform: translate(0, -50%);
    margin: auto;
    z-index: 2;
    color: #fff;
    text-align: center;
}

.layout-pagetop-leu7f .mod-othercontent01 .mod-title h1 {
    font-size: calc(1vw + 16px);
    line-height: calc(1vw + 25px);
    font-weight: 600;
    text-transform: capitalize;
    display: block;
}

.layout-pagetop-leu7f .mod-othercontent01 .title-right {
    padding-top: calc(0.5vw + 5px);
}

.layout-pagetop-leu7f .mod-othercontent01 .title-right-span {
    display: block;
}

.layout-pagetop-leu7f .mod-othercontent01-brand .mod-title img {
    display: block;
    max-width: 100%;
    margin: 0 auto calc(2vw + 5px);
}

.mod-customlist01-title .mod-title {
    padding-bottom: calc(1vw + 10px);
}

.mod-customlist01-title .title-right-span {
    display: block;
}

.mod-customlist01-title .mod-title h2 {
    font-size: calc(0.8vw + 20px);
    line-height: calc(1vw + 25px);
    font-weight: 600;
    color: #000;
    text-transform: capitalize;
}

.mod-customlist01 .card-title {
    display: none;
}

.mod-customlist01 .card-title-tabs {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    position: relative;
    z-index: 2;
}

.mod-customlist01 .card-title-tabs:after {
    content: "";
    width: 100%;
    height: 1px;
    background: #999;
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: -1;
}

.mod-customlist01 .card-title-tab {
    color: #333;
    font-weight: 600;
    cursor: pointer;
    border-bottom: 1px solid transparent;
    position: relative;
    padding: 10px 0;
}

.mod-customlist01 .card-title-tab:after {
    content: "";
    border: 4px solid transparent;
    position: absolute;
    left: 50%;
    margin-left: -2px;
    bottom: 0px;
}

.mod-customlist01 .card-title-tab.on {
    border-bottom-color: var(--main);
    color: var(--main);
}

.mod-customlist01 .card-title-tab.on:after {
    border-bottom-color: var(--main);
}

.mod-customlist01 .card-html-tab {
    display: none;
}

.mod-customlist01 .card-html-tab.on {
    display: block;
}

.mod-customlist01 .custom-item {
    padding: calc(0.25vw + 5px) 0;
}

.mod-customlist01 .custom-html-title.title-must:before {
    content: "*";
    padding: 0 3px;
}

.mod-customlist01 .custom-para-list {
    overflow: hidden;
}

.mod-customlist01 .item-input input {
    width: 100%;
    font-size: 14px;
    line-height: 25px;
    border: none;
    padding: calc(0.25vw + 5px);
    background: #eee;
    box-sizing: border-box;
    border-radius: 5px;
}

.mod-customlist01 .item-input input.error {
    outline: 1px solid #f00;
    outline-offset: -1px;
}

.mod-customlist01 .custom-para-item {
    padding: 2px 0;
}

.mod-customlist01 .item-textarea textarea {
    width: 100%;
    padding: calc(0.25vw + 5px);
    box-sizing: border-box;
    border: none;
    border-radius: 5px;
    background: #eee;
}

.mod-customlist01 .item-select select {
    width: 100%;
    font-size: 14px;
    line-height: 25px;
    border: none;
    padding: calc(0.25vw + 5px);
    background: #eee;
    box-sizing: border-box;
    border-radius: 5px;
    height: calc(0.5vw + 35px);
}

.mod-customlist01 .item-radio {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    padding: 5px calc(0.25vw + 5px);
    background: #eee;
    border-radius: 5px;
}

.mod-customlist01 .custom-radio {
    line-height: calc(0.25vw + 20px);
    color: #333;
    display: flex;
    align-items: center;
    padding: 5px;
    min-width: calc(20% - 10px);
}

.mod-customlist01 .custom-radio span {
    padding: 0 5px;
    flex: 1 1 0;
}

.mod-customlist01 .custom-radio img {
    width: calc(1vw + 30px);
    height: calc(1vw + 30px);
    margin: 0;
}

.mod-customlist01 .custom-radio input:checked {
    color: var(--main);
}

.mod-customlist01 .item-checkbox {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    background: #eee;
    border-radius: 5px;
}

.mod-customlist01 .custom-checkbox {
    margin: 5px;
    position: relative;
    border-radius: 5px;
}

.mod-customlist01 .custom-checkbox input {
    position: absolute;
    top: 5px;
    right: 5px;
}

.mod-customlist01 .custom-checkbox span {
    display: block;
}

.mod-customlist01 .custom-checkbox img {
    width: calc(2.5vw + 50px);
    height: calc(2.5vw + 50px);
    border-radius: 5px;
}

.mod-customlist01 .custom-checkbox input:checked+img {
    border-color: var(--main);
}

.mod-customlist01 .item-definition {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    padding: 5px calc(0.25vw + 5px);
    background: #eee;
    border-radius: 5px;
}

.mod-customlist01 .custom-definition {
    padding: 5px;
    min-width: calc(20% - 10px);
}

.mod-customlist01 .custom-definition a {
    line-height: calc(0.25vw + 20px);
    color: #333;
    display: flex;
    align-items: center;
}

.mod-customlist01 .custom-definition span {
    white-space: pre;
}

.mod-customlist01 .custom-definition a:before {
    content: "\f096";
    font: 14px/1 FontAwesome;
    flex: 0 0 15px;
}

.mod-customlist01 .custom-definition img {
    width: calc(1vw + 30px);
    height: calc(1vw + 30px);
}

.mod-customlist01 .custom-definition a.on {
    color: var(--main);
}

.mod-customlist01 .custom-definition a.on:before {
    content: "\f14a";
}

.mod-customlist01 .upload-attachment-items li {
    border-bottom: 1px dashed #eee;
    display: flex;
    justify-content: space-between;
}

.mod-customlist01 .upload-attachment-items li:last-of-type {
    margin-bottom: 10px;
}

.mod-customlist01 .upload-attachment-items li a {
    font-size: 12px;
    color: #333;
    line-height: 20px;
}

.mod-customlist01 .upload-attachment-items li button {
    color: var(--main);
    cursor: pointer;
    display: block;
}

.mod-customlist01 .item-upload {
    overflow: hidden;
    border-radius: 5px;
    background: #eee;
}

.mod-customlist01 .btn-upload {
    font-size: 14px;
    line-height: 25px;
    padding: calc(0.25vw + 5px) calc(0.5vw + 10px);
    border: none;
    cursor: pointer;
    background: #ddd;
    color: #333;
}

.mod-customlist01 .btn-upload .fa {
    padding-right: 3px;
}

.mod-customlist01 .custom-conact dl {
    padding: calc(0.25vw + 5px) 0;
}

.mod-customlist01 .custom-conact input {
    width: 100%;
    font-size: 14px;
    line-height: 25px;
    border: none;
    padding: calc(0.25vw + 5px);
    background: #eee;
    box-sizing: border-box;
    border-radius: 5px;
}

.mod-customlist01 .custom-btn {
    padding: 15px 0;
    display: flex;
}

.mod-customlist01 .custom-btn button {
    font-size: calc(0.2vw + 14px);
    line-height: calc(0.5vw + 20px);
    color: #fff;
    text-transform: capitalize;
    padding: calc(0.25vw + 5px) 0;
    width: 100%;
    border-radius: 5px;
    background: var(--main);
    cursor: pointer;
    display: block;
    text-align: center;
    text-transform: uppercase;
}

@media(max-width:768px) {
    .mod-customlist01 .custom-conact dl {
        width: 100%;
    }
}

.layout-howFive .mod-customlist01 .mod-bg {
    padding: calc(2vw + 5px);
    box-shadow: 0 0 calc(1vw + 10px) rgba(0, 0, 0, 0.1);
    border-radius: calc(0.25vw + 5px);
}

.layout-sampleFour .mod-customlist01 .mod-bg {
    padding: calc(2vw + 5px);
    box-shadow: 0 0 calc(1vw + 10px) rgba(0, 0, 0, 0.1);
    border-radius: calc(0.25vw + 5px);
    background: #fff;
}

.layout-capaTen .mod-customlist01 .mod-bg {
    padding: calc(2vw + 5px);
    box-shadow: 0 0 calc(1vw + 10px) rgba(0, 0, 0, 0.1);
    border-radius: calc(0.25vw + 5px);
    background: #fff;
}

.mod-contact01 .mod-title {
    display: none;
}

.mod-contact01 .contact-images-left {
    display: none;
}

.mod-contact01 dl {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    line-height: 25px;
    overflow: hidden;
    font-size: 14px;
    color: #fff;
    padding: 5px 0;
}

.mod-contact01 dt {
    font-size: 0;
    width: 30px;
    line-height: 0;
    text-align: center;
    flex: 0 0 30px;
}

.mod-contact01 dt:before {
    font-family: FontAwesome;
    line-height: 25px;
    font-size: 16px;
    display: block;
}

.mod-contact01 dd {
    width: calc(100% - 35px);
}

.mod-contact01 dd a {
    color: #fff;
}

.mod-contact01 a:hover {
    text-decoration: underline;
}

.mod-contact01 .contact-name dt:before {
    content: "\f2be";
}

.mod-contact01 .contact-email dt:before {
    content: "\f0e0";
}

.mod-contact01 .contact-phone dt:before {
    content: "\f095";
}

.mod-contact01 .contact-fax dt:before {
    content: "\f02f";
}

.mod-contact01 .contact-postcode dt:before {
    content: "\f029";
}

.mod-contact01 .contact-address dt:before {
    content: "\f277";
}

.mod-contact01 .contact-qq dt:before {
    content: "\f1d7";
}

.mod-contact01 .contact-skype dt:before {
    content: "\f17e";
}

.mod-contact01 .contact-facebook dt:before {
    content: "\f082";
}

.mod-contact01 .contact-linkedin dt:before {
    content: "\f08c";
}

.mod-contact01 .contact-twitter dt:before {
    content: "\f081";
}

.mod-contact01 .contact-whatsapp dt:before {
    content: "\f232";
}

.mod-contact01 .contact-wechat dt:before {
    content: "\f1d7";
}

.mod-footerhtml01 .content-bg {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.mod-footerhtml01 .item {
    width: calc(100%/4 - 1vw - 10px);
}
.mod-footerhtml01 .item:nth-child(2),.mod-footerhtml01 .item:nth-child(3),.mod-footerhtml01 .item:nth-child(4){
    display:none;
}
.mod-footerhtml01 .item h3 {
    font-size: calc(0.1vw + 16px);
    line-height: calc(0.5vw + 20px);
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    padding-bottom: calc(0.25vw + 5px);
}

.mod-footerhtml01 .item li a {
    color: #ddd;
    padding: 5px 0;
    font-weight: 300;
    font-size: calc(0.1vw + 14px);
    line-height: calc(0.25vw + 20px);
}

.mod-footerhtml01 .item li a:hover {
    color: #fff;
}

@media(max-width:768px) {
    .mod-footerhtml01 .item {
        width: calc(50% - 10px);
        padding: 10px 0;
    }
}

@media(max-width:480px) {
    .mod-footerhtml01 .item {
        width: 100%;
    }
}

.mod-share01 {
    overflow: hidden;
}

.mod-share01 .mod-share-bg {
    display: flex;
    align-items: center;
}

.mod-share01 .title-left {
    float: none;
    font-size: calc(0.1vw + 16px);
    line-height: calc(0.25vw + 20px);
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
}

.mod-share01 .content-bg {
    display: flex;
    padding: 0 5px;
}

.mod-share01 a {
    text-align: center;
    display: block;
    line-height: 35px;
    width: 35px;
    overflow: hidden;
    font: 20px/1 FontAwesome;
    color: #999;
}

.mod-share01 a:before {
    line-height: 35px;
    display: block;
}

.mod-share01 .fackbook:before {
    content: "\f09a";
}

.mod-share01 .linkedin:before {
    content: "\f0e1";
}

.mod-share01 .twitter:before {
    content: "\f099";
}

.mod-share01 .google:before {
    content: "\f0d5";
}

.mod-share01 .youtube:before {
    content: "\f167";
}

.mod-share01 .instagram:before {
    content: "\f16d";
}

.mod-share01 .tiktok:before {
    content: "\f260";
}

.mod-share01 a:hover {
    color: #fff;
}

.mod-subscription01 {
    overflow: hidden;
}

.mod-subscription01 .mod-subscription-bg {
    display: flex;
    align-items: center;
}

.mod-subscription01 .title-left {
    float: none;
    font-size: calc(0.1vw + 16px);
    line-height: calc(0.25vw + 20px);
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
}

.mod-subscription01 .content-bg {
    margin: 0 calc(0.25vw + 5px);
    display: flex;
    overflow: hidden;
    background: #fff;
    border-radius: calc(0.25vw + 5px);
}

.mod-subscription01 .text {
    height: 40px;
    line-height: 20px;
    color: #333;
    font-size: 14px;
    padding: 10px;
    margin: 0px;
    border: none;
    width: calc(5vw + 150px);
    background: transparent;
    flex: 1 1 0;
}

.mod-subscription01 .subscription {
    width: 50px;
    height: 40px;
    text-align: center;
    color: #333;
    cursor: pointer;
    background: transparent;
    transition: All 0.2s ease-in-out;
    outline: none;
    border: none;
}

.mod-subscription01 .subscription:before {
    content: "\f1d8";
    font: 20px/1 FontAwesome;
    display: block;
    text-align: center;
}

.mod-subscription01 .subscription:hover {
    color: var(--main);
}

.layout-bottom {
    padding: 15px 0;
    background: #4f86bf;
}

.mod-footer01 {
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    overflow: hidden;
    color: #999;
}

.mod-footer01 a {
    color: #999;
    padding: 0 5px;
    text-decoration: none;
    display: inline-block;
    line-height: 20px;
}

.mod-footer01 a:hover {
    color: #fff;
    text-decoration: underline;
}

@media (max-width:767px) {
    .mod-footer01 .footer-nav {
        display: none;
    }
}

.Certification {
    margin: 20px;
    box-sizing: border-box;
}

.mod-send01 .mod-content .notice {
    color: #333;
    font-size: 14px;
    line-height: 20px;
}

.mod-send01 .send-box {
    overflow: hidden;
}

.mod-send01 .send-box .on {
    color: var(--main);
}

.mod-send01 .send-box dl {
    overflow: hidden;
    margin-bottom: 10px;
}

.mod-send01 .send-box dt {
    display: none;
}

.mod-send01 .send-box dt span {
    color: var(--main);
}

.mod-send01 .send-box dd {
    width: 100%;
}

.mod-send01 .send-box input,
.mod-send01 .send-box textarea {
    font-size: 14px;
    background: #eee;
    border: none;
    color: #333;
    line-height: 25px;
    padding: 10px;
    box-sizing: border-box;
    display: block;
}

.mod-send01 .send-box .text {
    width: 100%;
}

.mod-send01 .send-box .send-item {
    overflow: hidden;
}

.mod-send01 .send-box .content {
    height: 120px;
    padding: 5px 10px;
    width: 100%;
}

.mod-send01 .send-box .agree {
    display: flex;
    align-items: center;
}

.mod-send01 .send-box .agree a {
    color: #666;
    line-height: 24px;
    text-decoration: underline;
    font-size: 12px;
    font-weight: normal;
}

.mod-send01 .send-box .agree a:hover {
    text-decoration: none;
}

.mod-send01 .send-box .send-contact {
    display: none;
}

.mod-send01 .send-buttom {
    display: flex;
    padding: 10px 0;
}


.mod-send01 .send-buttom button {
    padding: 10px 0;
    width: 100%;
    text-align: center;
    color: #fff;
    background: var(--main);
    overflow: hidden;
    font-weight: 500;
    border-radius: 5px;
    text-transform: uppercase;
    outline: none;
    border: none;
}


.mod-send01 .send-buttom a.disabled {
    background: #999;
}

.mod-send01 .item-tab-attachment {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.mod-send01 .upload-attachment {
    display: flex;
    flex-direction: column;
    flex: auto;
}

.mod-send01 .upload-attachment>* {
    box-sizing: border-box;
    margin: 5px 0;
}

.mod-send01 .upload-attachment ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    line-height: 16px;
}

.mod-send01 .upload-attachment ul li a {
    color: #999;
    width: calc(100% - 10px);
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    white-space: pre;
    margin: 0 5px;
}

.mod-send01 .upload-attachment ul li button {
    color: #333;
    line-height: 25px;
    width: 25px;
    text-align: center;
}

.mod-send01 .upload-attachment .btn-upload {
    font-size: 13px;
    color: #888;
    line-height: 20px;
    display: flex;
    align-items: center;
}

.mod-send01 .upload-attachment .btn-upload .fa {
    flex: 0 0 20px;
}

.layout-quote .mod-send01 .mod-bg {
    padding: calc(1vw + 10px);
    background: #fff;
    border-radius: 5px;
    color: #000000;
    box-shadow: 0 0 calc(1vw + 10px) rgba(0, 0, 0, 0.1);
}

.layout-quote .mod-send01 .mod-title {
    padding-bottom: calc(0.5vw + 5px);
}

.layout-quote .mod-send01 .title-left {
    color: #000;
    font-size: calc(0.2vw + 16px);
    line-height: calc(0.25vw + 20px);
    font-weight: 600;
    text-transform: uppercase;
}

.layout-quote .mod-send01 .send-box input,
.layout-foot .mod-send01 .send-box textarea {
    padding: 5px;
}

.mod-commother01 .mod-title {
    padding-bottom: calc(0.5vw + 10px);
}

.mod-commother01 .title-right {
    padding-top: calc(0.25vw + 5px);
}

.mod-commother01 .title-right-span {
    display: block;
}

.mod-commother01 .mod-title h2 {
    font-size: calc(0.8vw + 20px);
    line-height: calc(1vw + 25px);
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
}
.layout-quote1 .mod-commother01 .mod-title h2 {
    color: #000000;
}
.layout-quote1 .mod-commother01 .mod-content{
    color: #000000;
}
.mod-commother01 .mod-content {
    color: #fff;
}
.nybanner{
    position: relative;
}
.nybanner img{
    width: 100%;
    max-height: 500px;
}
.nybanner .wz{
    position: absolute;
    top: 50%;
    width: 100%;
}
.nybanner .wz h2{font-size: calc(1.5vw + 18px);line-height: calc(1.5vw + 25px);color: #fff;font-weight: 600;display: block;text-transform: capitalize;text-shadow: 0 0 5px rgba(0, 0, 0, 0.1);text-align: center;}
.nybanner .wz h3{
}
.mod-labelproducts01 .card-title {
                padding-bottom: calc(0.5vw + 10px);
            }

            .mod-labelproducts01 .card-title ul {
                overflow: hidden;
                display: flex;
                flex-wrap: wrap;
                border-bottom: 1px solid var(--main);
            }

            .mod-labelproducts01 .card-title li {
                padding: 5px calc(1vw + 10px);
                cursor: pointer;
                background: #f9f9f9;
            }

            .mod-labelproducts01 .card-title .on {
                color: #fff;
                background: var(--main);
            }

            .content-bg-labelproducts .card-html-tab {
                display: none;
            }

            .content-bg-labelproducts .card-html-tab.on {
                display: block;
            }

            .mod-labelproducts01 .label-item dl {
                display: flex;
                align-items: stretch;
                border: 1px solid #e5e5e5;
            }

            .mod-labelproducts01 .label-item+.label-item dl {
                border-top: none;
            }

            .mod-labelproducts01 .label-button {
                padding-top: 12px;
            }

            .mod-labelproducts01 .label-button .btn-submit {
                display: inline-block;
                padding: calc(0.5vw + 5px) calc(1vw + 10px);
                border-radius: 5px;
                background: var(--main);
                color: #fff;
            }

            .mod-labelproducts01 .label-item dt {
                padding: calc(0.25vw + 5px);
                width: calc(5vw + 100px);
                background: #f5f5f5;
                display: flex;
                align-items: center;
                cursor: pointer;
                font-weight: 600;
            }

            .mod-labelproducts01 .label-item dd {
                border-left: 1px solid #e5e5e5;
                flex: 1 1 0;
            }

            .mod-labelproducts01 .label-item ul {
                overflow: hidden;
                padding: calc(0.25vw + 5px);
                display: flex;
                flex-wrap: wrap;
            }

            .mod-labelproducts01 .label-item li {
                margin: 2px 5px;
                cursor: pointer;
                min-width: calc(20% - 10px);
                box-sizing: border-box;
            }

            .mod-labelproducts01 .label-item li span {
                font-size: calc(0.1vw + 12px);
                display: flex;
                align-items: center;
                white-space: nowrap;
            }

            .mod-labelproducts01 .label-item li span:before {
                font: 14px/1 FontAwesome;
                flex: 0 0 15px;
            }

            .mod-labelproducts01 .label-item li.on span {
                color: var(--main);
            }

            .mod-labelproducts01 .label-item li.disable {
                cursor: default;
            }

            .mod-labelproducts01 .label-item li.disable span {
                color: #ccc;
            }

            .mod-labelproducts01 .label-complex .label-item span:before {
                content: "\f096";
            }

            .mod-labelproducts01 .label-complex .label-item .on span:before {
                content: "\f14a";
            }

            .mod-labelproducts01 .label-single .label-item span:before {
                content: "\f10c";
            }

            .mod-labelproducts01 .label-single .label-item .on span:before {
                content: "\f192";
            }
            .mod-productlist01 .mod-title {
                float: none;
            }

            .mod-productlist01 .mod-title .category-title {
                font-size: calc(1vw + 16px);
                line-height: calc(1vw + 25px);
                font-weight: 700;
                color: #000;
            }

            .mod-productlist01 .mod-seo {
                padding: 0 0 calc(1vw + 5px);
            }

            .mod-productlist01 .content-bg {
                overflow: visible;
            }

            .mod-productlist01 .filter-page {
                overflow: hidden;
                line-height: 25px;
                padding: 4px 8px;
                background: #f5f5f5;
                display: flex;
                justify-content: space-between;
                flex-wrap: wrap;
                align-items: center;
            }

            .mod-productlist01 .filter-page .pager {
                overflow: hidden;
                line-height: 30px;
                white-space: nowrap;
            }

            .mod-productlist01 .filter-page .pager .pager-nav {
                display: none;
            }

            .mod-productlist01 .filter-page .view-as {
                padding: 5px 7px;
                display: flex;
            }

            .mod-productlist01 .filter-page .view-as .view-tool {
                font: 0px/1 FontAwesome;
                color: #999;
                cursor: pointer;
            }

            .mod-productlist01 .filter-page .view-as .view-tool:before {
                padding: 0 5px;
                font-size: 14px;
                line-height: 20px;
            }

            .mod-productlist01 .filter-page .view-as .tool-name {
                display: block;
                line-height: 20px;
                margin: 0 4px;
            }

            .mod-productlist01 .filter-page .view-as .icon-list:before {
                content: "\f0ca";
            }

            .mod-productlist01 .filter-page .view-as .icon-img-list {
                color: var(--main);
            }

            .mod-productlist01 .filter-page .view-as .icon-img-list:before {
                content: "\f0ca";
            }

            .mod-productlist01 .filter-page .view-as .icon-list:hover {
                color: #333;
            }

            .mod-productlist01 .filter-page .view-as .icon-gray:before {
                content: "\f00a";
            }

            .mod-productlist01 .filter-page .view-as .icon-img-gray {
                color: var(--main);
            }

            .mod-productlist01 .filter-page .view-as .icon-img-gray:before {
                content: "\f00a";
            }

            .mod-productlist01 .filter-page .view-as .icon-gray:hover {
                color: #333;
            }

            .mod-productlist01 .filter-page span {
                display: block;
            }

            .mod-productlist01 .product-title a {
                color: var(--main);
                overflow: hidden;
                font-size: calc(0.2vw + 14px);
                line-height: calc(0.25vw + 20px);
            }

            .mod-productlist01 .product-order-info {
                color: #666;
                font-size: 13px;
                line-height: 20px;
                margin-bottom: 5px;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
            }

            .mod-productlist01 .product-order-info span {
                color: #333;
            }

            .mod-productlist01 .product-order-info .text {
                color: var(--main);
            }

            .mod-productlist01 .product-order-info .num {
                color: #666;
            }

            .mod-productlist01 .product-order-info .unit {
                color: #333;
            }

            .mod-productlist01 a.favorites {
                position: absolute;
                top: 5px;
                right: 5px;
                color: #333;
            }

            .mod-productlist01 .list-item a.favorites {
                right: auto;
                left: 10px;
                top: calc(0.5vw + 20px);
            }

            .mod-productlist01 a.favorites span {
                display: none;
            }

            .mod-productlist01 a.favorites:before {
                content: "\f08a";
                font: 16px/1 FontAwesome;
                display: block;
                width: 30px;
                height: 30px;
                text-align: center;
                line-height: 30px;
                border-radius: 50%;
                overflow: hidden;
                background: #fff;
            }

            .mod-productlist01 a.favorites:hover,.mod-productlist01 a.on {
                color: var(--main);
            }

            .mod-productlist01 a.on:before {
                content: "\f004";
            }

            .mod-productlist01 .box-gallery {
                padding: 10px 0px;
                display: flex;
                flex-wrap: wrap;
                align-items: stretch;
                margin: 0 -10px;
            }

            .mod-productlist01 .box-gallery .gallery-item {
                margin: 10px;
                box-sizing: border-box;
                width: calc(100%/4 - 20px) !important;
                overflow: hidden;
                cursor: default;
                background: #fff;
                transition: All 0.2s ease-in-out;
            }

            .mod-productlist01 .box-gallery .product-img {
                position: relative;
            }

            .mod-productlist01 .box-gallery .product-img img {
                max-width: 100%;
                height: auto !important;
            }

            .mod-productlist01 .box-gallery .product-img img + img {
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                right: 0;
                transform: rotateY(90deg);
                opacity: 0;
            }

            .mod-productlist01 .box-gallery .gallery-item:hover .product-img img + img {
                transform: rotateY(0);
                opacity: 1;
            }

            .mod-productlist01 .box-gallery .product-img a {
                overflow: hidden;
                display: block;
            }

            .mod-productlist01 .box-gallery .product-img .mc-click-target {
                margin-bottom: 10px;
            }

            .mod-productlist01 .box-gallery input {
                margin: 5px;
                position: absolute;
                top: 0px;
                left: 0px;
                height: 15px;
                width: 15px;
            }

            .mod-productlist01 .box-gallery .product-title {
                overflow: hidden;
                padding: 10px 0px 5px;
            }

            .mod-productlist01 .box-list {
                padding: 10px 0px;
                overflow: hidden;
                background: none;
                border: none;
            }

            .mod-productlist01 .list-item {
                border-bottom: 1px dashed rgba(0,0,0,0.1);
                padding: calc(0.5vw + 10px) 0;
                overflow: hidden;
                background: #fff;
                display: flex;
                justify-content: space-between;
                align-items: center;
                position: relative;
            }

            .mod-productlist01 .box-list .chk input {
                margin: 0px;
                padding: 0px;
            }

            .mod-productlist01 .box-list .pic {
                overflow: hidden;
                width: 25%;
                border: 1px solid rgba(0,0,0,0.1);
            }

            .mod-productlist01 .box-list .pic a {
                display: block;
            }

            .mod-productlist01 .box-list .pic img {
                width: 100%;
                height: auto;
            }

            .mod-productlist01 .box-list .attr {
                overflow: hidden;
                width: calc(75% - 0.5vw - 10px);
            }

            .mod-productlist01 .box-list .product-title {
                padding-bottom: calc(0.25vw + 5px);
            }

            .mod-productlist01 .box-list .product-message-send {
                color: #fff;
                display: inline-block;
                font-size: 13px;
                padding: 5px 10px;
                background: #333;
                margin-top: calc(0.75vw + 5px);
                line-height: 20px;
                border-radius: 2px;
            }

            .mod-productlist01 .box-list .product-message-send:hover {
                background: var(--main);
            }

            .mod-productlist01 .mod-seo-productlist .download {
                overflow: hidden;
                display: flex;
                align-items: center;
                margin: 0 -5px;
            }

            .mod-productlist01 .mod-seo-productlist .download span {
                display: block;
            }

            .mod-productlist01 .mod-seo-productlist .download .download-title {
                color: #666;
                line-height: 20px;
                font-size: 12px;
                padding: 0 5px;
            }

            .mod-productlist01 .mod-seo-productlist .download .file a {
                width: 16px;
                height: 16px;
                padding: 2px 5px;
                display: block;
            }

            @media(max-width: 768px) {
                .mod-productlist01 .filter-page {
                    padding:10px;
                }

                .mod-productlist01 .filter-page .pager {
                    display: none;
                }

                .mod-productlist01 .filter-page .sel-products {
                    float: left;
                }

                .mod-productlist01 .filter-page .view-as {
                    display: none;
                }

                .mod-productlist01 .box-gallery .gallery-item {
                    width: calc(50% - 20px) !important;
                }

                .mod-productlist01 .product-order-info {
                    display: none;
                }

                .mod-productlist01 .product-order-info.price {
                    display: -webkit-box;
                }

                .mod-productlist01 .box-list .pic {
                    width: 30%;
                }

                .mod-productlist01 .box-list .attr {
                    width: calc(70% - 0.5vw - 10px);
                }

                .pro-container .left,.pro-container .content {
                    width: 100%;
                }

                .pro-container {
                    flex-wrap: wrap;
                }

                .page-protit {
                    font-size: 16px;
                }
            }
.prony{
    width: 70%;
}
.pronybt{
    padding-bottom: calc(0.5vw + 10px);
}
.pronybt h2{
    font-size: calc(0.3vw + 16px);
    line-height: calc(0.35vw + 20px);
    color: #000;
    font-weight: 600;
}
.pronyimg{
    display: flex;
}
.mation-box {
                padding: 10px 0;
                font-size: 13px;
                line-height: 20px;
            }

  .mation-box a {
                color: #333;
                line-height: 20px;
                display: inline-block;
            }

.mation-box a:hover {
                text-decoration: underline;
            }

.mation-box tr {
                line-height: 20px;
            }

.mation-box th {
                width: 35%;
                color: #555;
                float: left;
                font-weight: normal;
                padding: 5px 0px;
                text-align: initial;
            }

.mation-box td {
                width: calc(65% - 20px);
                float: right;
                color: #333;
                padding: 5px 0px;
            }

.mation-box .file {
                display: block;
                float: left;
                padding: 2px;
            }

.mation-box dl {
                display: flex;
                justify-content: space-between;
            }

.mation-box dt {
                width: 20%;
                padding: 5px 0px;
            }
.mation-box dd {
                width: calc(80% - 20px);
                padding: 5px 0px;
            }
        .probtn{
        width: calc(100% - 10px);
        max-width: 160px;
        }
        .probtn .btn{
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 14px;
            line-height: 30px;
            border-radius: 3px;
            padding: 10px;
            text-align: center;
            text-transform: capitalize;
            white-space: pre;
            background: var(--main);
            color: #fff;
        }
        .probtn a{
            
        } 
        .proxqnr{
            border-bottom: 2px solid var(--main);
            padding-bottom: 10px;
        }
         .mod-categories01 .content-bg-categories {
                overflow: visible;
            }

            .mod-categories01 .categories-tabs a {
                border-bottom: 1px solid #e5e5e5;
                display: block;
                color: #333;
                padding: 10px 0;
            }

            .mod-categories01 .categories-tabs a:hover {
                color: var(--main);
            }

            .mod-categories01 .categories-tabs .on > a {
                color: var(--main);
                font-weight: 600;
            }

            .mod-categories01 .categories-tabs .categories-tab-link {
                font-weight: 600;
                font-size: calc(0.2vw + 14px);
            }

            .mod-categories01 .categories-tabs .text {
                display: block;
            }

            .mod-categories01 .categories-second-tabs a {
                padding: 10px;
                background: #fafafa;
            }

            .mod-categories01 .categories-third-tabs a {
                padding: 10px 20px;
                background: #f6f6f6;
            }

            .mod-categories01 .categories-tabs .text:before {
                content: "\f105";
                font-family: FontAwesome;
                padding: 0 5px;
            }

            .mod-categories01 .categories-tab {
                position: relative;
            }

            .show-type-float .categories-tab .categories-second-tabs {
                position: absolute;
                right: 100%;
                top: 10px;
                width: 240px;
                z-index: 100;
                opacity: 0;
                visibility: hidden;
                transition: all .3s;
            }

            .show-type-float .categories-tab:hover .categories-second-tabs {
                top: 0;
                opacity: 1;
                visibility: visible;
            }

            .event-click .categories-tab .categories-second-tabs {
                display: none;
            }

            .event-click .categories-tab .categories-third-tabs {
                display: none;
            }

            .event-click .categories-tabs a {
                display: flex;
                align-items: center;
            }

            .event-click .categories-tabs .text {
                flex: 1 2 0;
            }

            .event-click .categories-tabs .text:before {
                display: none;
            }

            .event-click .categories-tab .caret {
                width: calc(0.25vw + 20px);
                margin: -10px;
                padding: 10px;
                text-align: center;
                font-style: normal;
                position: relative;
                z-index: 1;
            }

            .event-click .categories-tab .caret:before {
                content: "\f105";
                font-family: FontAwesome;
            }

            .event-click .categories-tab .caret-show:before {
                content: "\f107";
            }

            @media(max-width: 768px) {
                .categories-second-tabs {
                    display:none !important;
                }
            }
            
            .mod-color .title-left {
                font-size: calc(0.3vw + 16px);
                line-height: calc(0.35vw + 20px);
                color: #000;
                font-weight: 600;
                /* margin-bottom: 20px; */
            }
            .mod-faq-accordion01-title .mod-title {
                padding-bottom: calc(1vw + 10px);
            }

            .mod-faq-accordion01-title .title-right-span {
                display: block;
            }

            .mod-faq-accordion01-title .mod-title h2 {
                font-size: calc(0.8vw + 20px);
                line-height: calc(1vw + 25px);
                font-weight: 600;
                color: #000;
                text-transform: capitalize;
            }

            .mod-faq-accordion01-title .title-right {
                color: #555;
                padding-top: calc(0.5vw + 5px);
            }

            .mod-faq-accordion01 .list-tab {
                overflow: hidden;
                padding: calc(0.5vw + 5px) 0;
                border-bottom: 1px solid #eee;
            }

            .mod-faq-accordion01 .list-tab:first-of-type {
                border-top: 1px solid #eee;
            }

            .mod-faq-accordion01 .list-title {
                display: flex;
                align-items: center;
                justify-content: space-between;
                font-size: calc(0.2vw + 14px);
                font-weight: 600;
                color: #000;
                transition: All 0.3s ease-in-out;
            }

            .mod-faq-accordion01 .list-title:after {
                content: "+";
                font-size: calc(0.4vw + 16px);
                flex: 0 0 calc(0.25vw + 20px);
                font-weight: normal;
            }

            .mod-faq-accordion01 .list-content {
                font-size: 14px;
                line-height: 20px;
                color: #666;
                padding-top: calc(0.5vw + 5px);
                display: none;
            }
            .mod-faq-accordion01 .list-content > * {
                display: block;
            }
            .mod-faq-accordion01 .list-content .list-time {
                color: #999;
            }
            .mod-faq-accordion01 .list-tab.on .list-title:after {
                content: "-";
            }
            .mod-faq-accordion01 .list-tab.on .list-content {
                display: block;
            }
            .layout-howFive .mod-faq-accordion01 .mod-title {
                padding-top: calc(2vw + 5px);
            }
.proright{
    width: 28%;
}
.probox{
    display: flex;
    padding: calc(2% + 20px) 0;
    flex-direction: row;
    justify-content: space-between;
}
.pronews{
    margin-top: 20px;
}
.pronewsbt{
    
}
.pronewsbt h2{
    font-size: calc(.6vw + 16px);
    line-height: calc(.75vw + 20px);
    font-weight: 600;
}
.pronewsnr{
    
}
.pronewsnr ul{
    
}
.pronewsnr ul li{
    
}
.pronewsnr ul li a{
    font-size: calc(.2vw + 13px);
    line-height: calc(.4vw + 20px);
    font-weight: bold;
    color: var(--main);
}
.mod-products01{
    margin-top: 20px;
}
.mod-products01 .scroll-content {
                overflow: hidden;
            }

            .mod-products01 .scroll-box {
                position: relative;
            }

            .mod-products01 .scroll-box > div > a {
                display: block;
                width: 40px;
                line-height: 40px;
                overflow: hidden;
                position: absolute;
                top: 50%;
                border-radius: 50%;
                transform: translate(0%, -50%);
                background: #333;
                color: #fff;
                z-index: 3;
            }

            .mod-products01 .scroll-box > div > a:before {
                font: 14px/1 FontAwesome;
                line-height: 40px;
                display: block;
                text-align: center;
            }

            .mod-products01 .scroll-box .scroll-prev a {
                left: 0%;
            }

            .mod-products01 .scroll-box .scroll-next a {
                right: 0%;
            }

            .mod-products01 .scroll-box .scroll-next a:before {
                content: "\f054";
            }

            .mod-products01 .scroll-box .scroll-prev a:before {
                content: "\f053";
            }

            .mod-products01 .scroll-box > div > a:hover {
                background: var(--main);
            }

            .mod-products01 .scroll-box .scroll-prev-no a {
                cursor: not-allowed;
                background: #ccc;
            }

            .mod-products01 .scroll-box .scroll-next-no a {
                cursor: not-allowed;
                background: #ccc;
            }

            .mod-products01 .scroll-box .scroll-prev-no a:hover {
                cursor: not-allowed;
                background: #ccc;
            }

            .mod-products01 .scroll-box .scroll-next-no a:hover {
                cursor: not-allowed;
                background: #ccc;
            }

            .mod-products01 .show-type-noscroll .scroll-prev {
                display: none;
            }

            .mod-products01 .show-type-noscroll .scroll-next {
                display: none;
            }

            .mod-products01 .show-type-noscroll ul {
                display: flex;
                flex-wrap: wrap;
            }

            .mod-products01 li a {
                display: block;
                overflow: hidden;
                /* border: 1px solid #eee; */
            }

            .mod-products01 .show-type-noscroll .product-image img {
                max-width: 100%;
                height: auto !important;
            }
            .product-image{
                border: 1px solid #eee;
            }
            .mod-products01 .show-type-noscroll .product-name {
                width: auto !important;
            }

            .mod-products01 .show-type-noscroll li:hover .product-image img {
                transform: scale(1.05);
            }

            .layout-page .left .mod-products01 .show-type-noscroll ul {
                display: flex;
                flex-wrap: wrap;
                margin: 0 -5px;
            }

            .layout-page .left .mod-products01 li {
                margin: 5px;
            }

            .layout-page .left .mod-products01 .show-type-noscroll .product-image a {
                border: 1px solid #eee;
            }

            .probox .mod-products01 .scroll-box .product-name a {
                font-size: 14px;
                color: #000;
                line-height: 20px;
                display: block;
                overflow: hidden;
                padding-top: 10px;
            }

            .probox .mod-products01 .scroll-box .product-name a:hover {
                text-decoration: underline;
            }

            @media (min-width: 769px) {
                .probox .mod-products01 .show-type-noscroll li {
                    width:calc(100%/6 - 10px) !important;
                }
            }

            @media (max-width: 768px) {
                .probox .mod-products01 .show-type-noscroll li {
                    width:calc(100%/3 - 10px) !important;
                }
            }

            @media (max-width: 480px) {
                .probox .mod-products01 .show-type-noscroll li {
                    width:calc(50% - 10px) !important;
                }
            }

            .probox .mod-products01 .scroll-box .product-name {
                /* padding: calc(1vw + 10px); */
                /* background: #f2f2f2; */
            }

            .probox .mod-products01 .scroll-box .product-name a {
                /* font-size: calc(0.3vw + 14px); */
                /* line-height: calc(0.35vw + 20px); */
                color: var(--main);
                /* font-weight: 600; */
                /* overflow: hidden; */
            }

            .probox .mod-products01 li + li {
                /* margin-top: calc(1vw + 20px); */
            }

            .probox .mod-products01 .show-type-noscroll li {
                /* width: 100% !important; */
                margin: 5px;
            }

            .probox .mod-products01 .mod-bottom {
                padding: calc(1.5vw + 10px) calc(0.5vw + 10px) calc(1vw + 10px);
                border-radius: calc(0.25vw + 5px);
                background: #262626;
                margin-top: calc(1vw + 10px);
            }

            .probox .mod-products01 .bottom-left {
                font-size: calc(0.2vw + 12px);
                line-height: calc(0.25vw + 20px);
                color: #fff;
                padding-bottom: calc(1vw + 20px);
                font-weight: 400;
            }

            .probox .mod-products01 .bottom-left h3 {
                font-size: calc(0.5vw + 14px);
                line-height: calc(0.75vw + 20px);
                color: #fff;
                font-weight: 600;
                padding-bottom: calc(0.5vw + 5px);
            }

            .probox .mod-products01 .bottom-right a {
                font-size: calc(0.2vw + 12px);
                line-height: calc(0.5vw + 20px);
                color: #fff;
                background: var(--main);
                padding: calc(0.25vw + 5px) calc(1vw + 10px);
                border-radius: calc(0.25vw + 5px);
                display: inline-block;
            }

            @media(max-width: 768px) and (min-width:481px) {
                .probox .mod-products01 .show-type-noscroll li {
                    width:calc(50% - 20px) !important;
                    margin: 10px;
                }

                .probox .mod-products01 li + li {
                    margin: auto;
                }
            }
.mod-card01 .card-html-tab{display:none; }
.mod-card01 .card-html .on{display:block; }

.layout-fitOne{padding:calc(3% + 30px) 0; }
.layout-fitOne .mod-card01 .content-bg{box-shadow:0 0 calc(1vw + 10px) rgba(0,0,0,0.1); border-radius:calc(0.5vw + 5px); }
.layout-fitOne .mod-card01 .card-title ul{display:flex; flex-wrap:wrap; align-items:stretch; background:#eee; }
.layout-fitOne .mod-card01 .card-title li{flex:auto; text-align:center; }
.layout-fitOne .mod-card01 .card-title li a{font-size:calc(0.5vw + 14px); line-height:calc(0.5vw + 20px); color:#000; padding:calc(0.5vw + 5px); display:block; position:relative; text-transform:uppercase; font-weight:600; }
.layout-fitOne .mod-card01 .card-title li a:after{content:""; width:2px; height:24px; position:absolute; top:calc(50% - 12px); right:0; background:rgba(0,0,0,0.1); }
.layout-fitOne .mod-card01 .card-title li:last-of-type a:after{display:none; }
.layout-fitOne .mod-card01 .card-title .on{background:var(--main); }
.layout-fitOne .mod-card01 .card-title .on a{color:#fff; }
.layout-fitOne .mod-card01 .items{display:flex; align-items:stretch; flex-wrap:wrap; padding:calc(1vw + 5px); text-align:center; }
.layout-fitOne .mod-card01 .items *{transition:All 0.3s ease-in-out; }
.layout-fitOne .mod-card01 .item{width:calc(100%/3 - 2vw - 10px); margin:calc(1vw + 5px); }
.layout-fitOne .mod-card01 .img{overflow:hidden; border-radius:5px; padding-bottom:calc(1vw + 40px); position:relative; }
.layout-fitOne .mod-card01 .img *{display:block; width:100%; height:auto; }
.layout-fitOne .mod-card01 .img h3{position:absolute; left:0; bottom:0; right:0; font-size:calc(0.5vw + 14px); line-height:calc(0.5vw + 20px); font-weight:500; background:var(--main); color:#fff; padding:calc(0.25vw + 10px); }
.layout-fitOne .mod-card01 .text a{display:block; padding:calc(0.5vw + 5px) 0; }
.layout-fitOne .mod-card01 .link a{font-size:calc(0.2vw + 14px); line-height:calc(0.5vw + 20px); color:#000; text-decoration:underline; display:inline-flex; align-items:center; margin-top:calc(1vw + 10px); text-transform:uppercase; }
.layout-fitOne .mod-card01 .link a:after{content:"➜"; width:calc(0.5vw + 30px); line-height:calc(0.5vw + 30px); border-radius:50%; background:#000; display:block; margin:0 calc(0.5vw + 5px); color:#fff; font-size:calc(0.3vw + 14px); }
.layout-fitOne .mod-card01 .item:hover .img img{transform:scale(1.05); }

@media(min-width:769px){
.layout-fitOne{position:relative; margin-top:calc(-1.5vw - 30px); z-index:2; padding-top:0; }
}

@media(max-width:768px){
.layout-fitOne .mod-card01 .card-title li{width:calc(100%/2); flex:initial; }
.layout-fitOne .mod-card01 .card-title li:nth-of-type(2n) a:after{display:none; }
.layout-fitOne .mod-card01 .item{width:calc(100%/2 - 0.5vw - 10px); margin:calc(0.25vw + 5px); }
}

@media(max-width:480px){
.layout-fitOne .mod-card01 .item{width:calc(100% - 0.5vw - 10px); }
}
 .mod-blog-list01 .list-tabs {
                display: flex;
                flex-wrap: wrap;
                margin: calc(-0.5vw - 10px);
                align-items: stretch;
            }

            .mod-blog-list01 .list-tabs li {
                width: calc(100%/3 - 1vw - 20px);
                margin: calc(0.5vw + 10px);
                padding: calc(1vw + 10px);
                box-sizing: border-box;
                background: #f9f9f9;
                position: relative;
            }

            .mod-blog-list01 .list-tabs li:after {
                content: "";
                position: absolute;
                bottom: 0;
                left: 0;
                height: 3px;
                width: 0;
                background: var(--main);
                transition: All 0.3s ease-in-out;
            }

            .mod-blog-list01 .list-tabs .list-img a {
                display: block;
                overflow: hidden;
                margin: calc(-1vw - 10px) calc(-1vw - 10px) calc(1vw + 10px);
            }

            .mod-blog-list01 .list-tabs .list-img a img {
                width: 100%;
                height: auto;
            }

            .mod-blog-list01 .list-tabs .list-link {
                color: var(--main);
                display: block;
                font-size: calc(0.3vw + 14px);
                line-height: calc(0.35vw + 20px);
                font-weight: 500;
                overflow: hidden;
            }

            .mod-blog-list01 .list-simpledesc {
                font-size: 15px;
                color: #555;
                line-height: 25px;
                margin: 10px 0px;
                max-height: 50px;
                overflow: hidden;
            }

            .mod-blog-list01 .list-time {
                color: #777;
                line-height: 25px;
                display: flex;
                align-items: center;
            }

            .mod-blog-list01 .list-time:before {
                content: "\f274";
                font: 14px/1 FontAwesome;
                width: 20px;
                display: inline-block;
            }

            .mod-blog-list01 .list-tabs li:hover:after {
                width: 100%;
            }

            @media (max-width: 768px) {
                .mod-blog-list01 .list-tabs li {
                    width:calc(100%/2 - 1vw - 20px);
                }
            }

            @media (max-width: 480px) {
                .mod-blog-list01 .list-tabs {
                    margin:0;
                }

                .mod-blog-list01 .list-tabs li {
                    width: 100%;
                    margin: 10px 0px;
                }
            }
                   .mod-group .group-tabs {
                overflow: hidden;
            }

            .mod-group .group-tab {
                border-bottom: 1px dashed #ccc;
                padding: 10px 0;
            }

            .mod-group .group-tab a {
                color: #444;
                font-size: 16px;
                display: block;
                line-height: 25px;
                overflow: hidden;
            }

            .mod-group .group-tab a:hover {
                color: var(--main);
            }

            .mod-group .group-link span {
                overflow: hidden;
                display: block;
            }

            .mod-group .group-link span:before {
                content: "\f105";
                padding: 0 5px;
                font: 14px/1 FontAwesome;
                line-height: 20px;
            }
            .layout-page .left .mod-products01 .show-type-noscroll ul {
                display: flex;
                flex-wrap: wrap;
                margin: 0 -5px;
            }

            .layout-page .left .mod-products01 li {
                margin: 5px;
            }

            .layout-page .left .mod-products01 .show-type-noscroll .product-image a {
                border: 1px solid #eee;
            }

            .layout-page .left .mod-products01 .scroll-box .product-name a {
                font-size: 14px;
                color: #000;
                line-height: 20px;
                display: block;
                overflow: hidden;
                padding-top: 10px;
            }

            .layout-page .left .mod-products01 .scroll-box .product-name a:hover {
                text-decoration: underline;
            }

            @media (min-width: 769px) {
                .layout-page .left .mod-products01 .show-type-noscroll li {
                    width:calc(100%/6 - 10px) !important;
                }
            }

            @media (max-width: 768px) {
                .layout-page .left .mod-products01 .show-type-noscroll li {
                    width:calc(100%/3 - 10px) !important;
                }
            }

            @media (max-width: 480px) {
                .layout-page .left .mod-products01 .show-type-noscroll li {
                    width:calc(50% - 10px) !important;
                }
            }

            .layout-page .right .mod-products01 .scroll-box .product-name {
                padding: calc(1vw + 10px);
                background: #f2f2f2;
            }

            .layout-page .right .mod-products01 .scroll-box .product-name a {
                font-size: calc(0.3vw + 14px);
                line-height: calc(0.35vw + 20px);
                color: var(--main);
                font-weight: 600;
                overflow: hidden;
            }

            .layout-page .right .mod-products01 li + li {
                margin-top: calc(1vw + 20px);
            }

            .layout-page .right .mod-products01 .show-type-noscroll li {
                width: 100% !important;
            }

            .layout-page .right .mod-products01 .mod-bottom {
                padding: calc(1.5vw + 10px) calc(0.5vw + 10px) calc(1vw + 10px);
                border-radius: calc(0.25vw + 5px);
                background: #262626;
                margin-top: calc(1vw + 10px);
                margin-bottom: calc(1vw + 10px);
            }

            .layout-page .right .mod-products01 .bottom-left {
                font-size: calc(0.2vw + 12px);
                line-height: calc(0.25vw + 20px);
                color: #fff;
                padding-bottom: calc(1vw + 20px);
                font-weight: 400;
            }

            .layout-page .right .mod-products01 .bottom-left h3 {
                font-size: calc(0.5vw + 14px);
                line-height: calc(0.75vw + 20px);
                color: #fff;
                font-weight: 600;
                padding-bottom: calc(0.5vw + 5px);
            }

            .layout-page .right .mod-products01 .bottom-right a {
                font-size: calc(0.2vw + 12px);
                line-height: calc(0.5vw + 20px);
                color: #fff;
                background: var(--main);
                padding: calc(0.25vw + 5px) calc(1vw + 10px);
                border-radius: calc(0.25vw + 5px);
                display: inline-block;
            }

            @media(max-width: 768px) and (min-width:481px) {
                .layout-page .right .mod-products01 .show-type-noscroll li {
                    width:calc(50% - 20px) !important;
                    margin: 10px;
                }

                .layout-page .right .mod-products01 li + li {
                    margin: auto;
                }
            }
             .mod-faq-list01 .mod-content {
                padding-bottom: 10px;
                overflow: hidden;
            }

            .mod-faq-list01 .mod-content li {
                overflow: hidden;
                display: flex;
                justify-content: space-between;
                align-items: center;
                border-bottom: 1px dashed #ccc;
            }

            .mod-faq-list01 .mod-content li:before {
                content: "";
                width: 4px;
                height: 4px;
                border-radius: 50%;
                background: #666;
                display: block;
                flex: 0 0 4px;
            }

            .mod-faq-list01 .mod-content .list-link {
                color: #333;
                display: block;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: pre;
                flex: 1 2 0;
                line-height: 20px;
                padding: 10px;
            }

            .mod-faq-list01 .mod-content .list-link:hover {
                font-weight: bold;
            }

            .mod-faq-list01 .mod-content .list-time {
                color: #999;
                line-height: 20px;
                display: block;
                padding: 10px 0;
            }
            .mod-group .group-tabs {
                overflow: hidden;
            }

            .mod-group .group-tab {
                border-bottom: 1px dashed #ccc;
                padding: 10px 0;
            }

            .mod-group .group-tab a {
                color: #444;
                font-size: 16px;
                display: block;
                line-height: 25px;
                overflow: hidden;
            }

            .mod-group .group-tab a:hover {
                color: var(--main);
            }

            .mod-group .group-link span {
                overflow: hidden;
                display: block;
            }

            .mod-group .group-link span:before {
                content: "\f105";
                padding: 0 5px;
                font: 14px/1 FontAwesome;
                line-height: 20px;
            }
            .mod-ordertracking01 .content-bg {
                overflow: visible;
            }

            .mod-ordertracking01 .track-title h2 {
                float: none;
                font-size: calc(1vw + 14px);
                line-height: calc(1vw + 25px);
                color: #333;
                font-weight: 600;
                padding-bottom: calc(0.5vw + 5px);
            }

            .mod-ordertracking01 .track-item01 {
                display: flex;
                align-items: center;
                justify-content: space-between;
                flex-wrap: wrap;
                padding: 10px 0;
            }

            .mod-ordertracking01 .track-item01 > div {
                width: calc(50% - 1vw - 10px);
                padding: 10px 0;
            }

            .mod-ordertracking01 .track-item01 .track-title {
                padding: calc(0.5vw + 20px);
                border-radius: calc(1vw + 10px);
                box-shadow: 0 0 15px rgba(0,0,0,0.1);
                box-sizing: border-box;
                overflow: hidden;
                font-size: calc(0.1vw + 12px);
                line-height: calc(0.5vw + 20px);
                color: #333;
            }

            .mod-ordertracking01 .track-item01 .track-title a {
                color: #333;
            }

            .mod-ordertracking01 .track-item01 .login-link {
                font-size: 14px;
                line-height: 25px;
                padding: 10px;
                width: 100%;
                background: var(--main);
                color: #fff;
                border-radius: 30px;
                display: block;
                cursor: pointer;
                text-transform: capitalize;
                margin-top: calc(0.5vw + 15px);
            }

            .mod-ordertracking01 .track-item01 .login-link:hover {
                background: var(--deputy);
            }

            .mod-ordertracking01 .track-item01 .img img {
                margin: 0;
            }

            .mod-ordertracking01 .track-item01 .track-find {
                display: flex;
                overflow: hidden;
                border-radius: 50vw;
                overflow: hidden;
                margin-top: calc(0.5vw + 15px);
            }

            .mod-ordertracking01 .track-item01 .txt-term {
                flex: 1 2 0;
                font-size: 13px;
                color: #333;
                line-height: 40px;
                height: 40px;
                padding: 10px;
                border: none;
                background: #eee;
                width: 150px;
            }

            .mod-ordertracking01 .track-item01 .btn-find {
                font-size: 13px;
                color: #fff;
                line-height: 20px;
                padding: 10px calc(1vw + 10px);
                background: var(--main);
                text-align: center;
                border: none;
                cursor: pointer;
                color: #fff;
                transition: All 0.2s ease-in-out;
            }

            .mod-ordertracking01 .track-item01 .btn-find:hover {
                background: var(--deputy);
            }

            .mod-ordertracking01 .track-item02 .track-content {
                background: url(static/image/tracking-bg.png) bottom calc(2vw + 50px) center no-repeat;
            }

            .mod-ordertracking01 .track-item02 .track-title {
                text-align: center;
            }

            .mod-ordertracking01 .track-item02 .track-content-bg {
                display: flex;
                justify-content: space-between;
                flex-wrap: wrap;
                align-items: flex-end;
            }

            .mod-ordertracking01 .track-item02 .item {
                width: calc(100%/3);
                display: flex;
                justify-content: center;
                flex-direction: column;
                align-items: center;
            }

            .mod-ordertracking01 .track-item02 .text {
                padding: calc(0.5vw + 10px) calc(1.5vw + 10px);
                box-sizing: border-box;
            }

            .mod-ordertracking01 .track-item02 .item:nth-of-type(2) .text {
                justify-content: center;
                padding: calc(1.5vw + 10px) calc(1.5vw + 10px) 0;
                width: 100%;
            }

            .mod-ordertracking01 .track-item02 dl {
                padding: 15px 20px;
                border: 1px solid #e5e5e5;
                box-sizing: border-box;
                border-radius: 10px;
                background: #fff;
                text-align: center;
            }

            .mod-ordertracking01 .track-item02 dt {
                width: 50px;
                margin: auto;
            }

            .mod-ordertracking01 .track-item02 dd {
                font-size: 13px;
                color: #333;
                line-height: 20px;
            }

            .mod-ordertracking01 .track-item02 dd h3 {
                font-size: 16px;
                line-height: 25px;
                font-weight: 600;
                padding: 5px 0;
            }

            .mod-ordertracking01 .tips {
                text-align: center;
                font-size: 14px;
                color: #333;
                line-height: 25px;
            }

            .mod-ordertracking01 .tips a {
                color: var(--main);
                text-decoration: underline;
            }

            @media(min-width: 769px) {
                .mod-ordertracking01 .track-item02 .text {
                    width:85%;
                }

                .mod-ordertracking01 .track-item02 .text:nth-of-type(1) {
                    align-self: flex-start;
                }

                .mod-ordertracking01 .track-item02 .text:nth-of-type(3) {
                    align-self: flex-end;
                }
            }

            @media(max-width: 768px) {
                .mod-ordertracking01 .track-item02 .track-content-bg {
                    background-size:100% auto;
                }
            }

            @media(min-width: 481px) {
                .mod-ordertracking01 .track-item02 .item:nth-of-type(3) {
                    flex-direction: column-reverse;
                }

                .mod-ordertracking01 .track-item02 dl {
                    min-height: 180px;
                }
            }

            @media(max-width: 480px) {
                .mod-ordertracking01 .track-item01 > div {
                    width:100%;
                }

                .mod-ordertracking01 .track-item02 .track-content-bg {
                    background: #fff;
                }

                .mod-ordertracking01 .track-item02 .item {
                    width: 100%;
                }

                .mod-ordertracking01 .track-item02 .item .img {
                    display: none;
                }

                .mod-ordertracking01 .track-item02 .item:nth-of-type(2) .text {
                    padding: calc(0.5vw + 10px) calc(1.5vw + 10px);
                }
            }

            .service-info {
                padding-top: 20px;
            }

            .service-info .loading {
                font-size: 12px;
                color: #666;
                line-height: 20px;
                display: block;
                text-align: left;
                padding: 10px 5px;
            }

            .service-info .service-item {
                border: 1px solid #f5f5f5;
                position: relative;
                padding: 20px;
                border-radius: 20px;
                background: #f5f5f5;
            }

            .service-info .service-item dl {
                font-size: 13px;
                color: #333;
                line-height: 25px;
                overflow: hidden;
                display: flex;
                justify-content: space-between;
            }

            .service-info .service-item dt {
                color: #555;
                width: 140px;
                text-align: right;
            }

            .service-info .service-item dd {
                width: calc(100% - 160px);
            }

            .service-info .service-card {
                padding-top: 20px;
            }

            .service-info .service-card .card-title {
                display: flex;
                position: relative;
            }

            .service-info .service-card .card-title .card-title-tab {
                border: 1px solid #e5e5e5;
                cursor: pointer;
                overflow: hidden;
                min-width: 50px;
                text-align: center;
            }

            .service-info .service-card .card-title .card-title-tab > * {
                font-size: 12px;
                color: #333;
                line-height: 20px;
                padding: 10px 20px;
            }

            .service-info .service-card .card-title .card-title-tab + .card-title-tab {
                border-left: none;
            }

            .service-info .service-card .card-title .card-title-tab.on {
                border-bottom-color: #fff;
            }

            .service-info .service-card .card-title .card-title-tab.on > * {
                color: var(--main);
                font-weight: bold;
            }

            .service-info .service-card .card-title .card-title-tab:first-of-type {
                border-top-left-radius: 20px;
            }

            .service-info .service-card .card-title .card-title-tab:last-of-type {
                border-top-right-radius: 20px;
            }

            .service-info .service-card .card-title .card-title-manage {
                border: none;
            }

            .service-info .service-card .card-title .card-title-manage .btn-manage {
                color: #333;
                background: #f2f2f2;
                font-size: 12px;
                width: 40px;
                height: 30px;
                text-align: center;
                margin: 5px 15px;
            }

            .service-info .service-card .card-title .card-title-manage .btn-manage:hover {
                background: #e5e5e5;
            }

            .service-info .service-card .card-html {
                border: 1px solid #e5e5e5;
                margin-top: -1px;
                padding: 20px;
                border-radius: 0 20px 20px 20px;
            }

            .service-info .service-card .card-html .card-html-tab {
                display: none;
            }

            .service-info .service-card .card-html .card-html-tab.on {
                display: block;
            }

            .service-info .service-card .card-html .products-infomation {
                background: #f5f5f5;
                padding: 20px;
                border-radius: 10px;
            }

            .service-info .service-card .card-html .products-infomation dl {
                display: flex;
                display: -ms-flexbox;
                max-width: 500px;
                align-items: center;
                justify-content: space-between;
            }

            .service-info .service-card .card-html .products-infomation dl + dl {
                margin-top: 10px;
            }

            .service-info .service-card .card-html .products-infomation dl dt {
                width: 140px;
                text-align: right;
            }

            .service-info .service-card .card-html .products-infomation dl dd {
                width: calc(100% - 160px);
            }

            .service-info .products-infomation {
                position: relative;
            }

            .service-info .products-infomation .btn-edit {
                position: absolute;
                right: 30px;
                top: 50%;
                transform: translate(0,-50%);
                font-size: 12px;
                line-height: 25px;
                padding: 0 15px;
                border-radius: 50vw;
                background: var(--main);
                color: #fff;
                opacity: 0;
            }

            .service-info .products-infomation:hover .btn-edit {
                opacity: 1;
            }

            .service-info .service-follow-process {
                margin: 40px 30px 0;
            }

            .service-info .service-follow-process ul {
                display: flex;
                justify-content: flex-start;
                align-items: flex-start;
                flex-wrap: wrap;
            }

            .service-info .service-follow-process ul li {
                text-align: center;
                padding: 10px 20px;
                position: relative;
                z-index: 2;
                width: 100px;
            }

            .service-info .service-follow-process ul li span {
                width: 25px;
                height: 25px;
                font-size: 13px;
                line-height: 25px;
                text-align: center;
                border-radius: 50%;
                color: #fff;
                overflow: hidden;
                margin: 0 auto 10px;
                display: block;
                background: var(--main);
            }

            .service-info .service-follow-process ul li:after {
                content: "";
                position: absolute;
                top: 22px;
                left: 0;
                right: 0;
                height: 2px;
                background: #ddd;
                z-index: -1;
            }

            .service-info .service-follow-process ul li:first-of-type:after {
                width: 50%;
                left: 50%;
                right: auto;
            }

            .service-info .service-follow-process ul li:last-of-type:after {
                width: 50%;
                right: 50%;
                left: auto;
            }

            .service-info .service-follow-process ul li:only-child:after {
                display: none;
            }

            .service-info .service-follow-process ul li span + * {
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                font-size: 13px;
                color: #333;
                line-height: 20px;
            }

            .service-info .service-follow {
                margin: 40px 0 20px;
                overflow: hidden;
            }

            .service-info .service-follow .service-progress {
                position: relative;
                width: 100%;
            }

            @media(min-width: 769px) {
                .service-info .service-follow .service-progress {
                    margin-bottom:30px;
                    max-width: 700px;
                    padding-left: 80px;
                }

                .service-info .service-follow .service-progress:before {
                    content: "";
                    width: 1px;
                    height: calc(500% + 60px);
                    background: #e5e5e5;
                    top: 50%;
                    left: 40px;
                    position: absolute;
                    z-index: -1;
                }

                .service-info .service-follow .service-progress:after {
                    content: "";
                    width: 11px;
                    height: 11px;
                    border-radius: 50%;
                    background: #ccc;
                    top: calc(50% - 6px);
                    left: 35px;
                    position: absolute;
                    z-index: 1;
                    transition: All .3s ease-in-out;
                }
            }

            .service-info .service-follow .service-progress .service-content {
                position: relative;
                z-index: 2;
                padding: 15px 20px;
                border-radius: 10px;
                font-size: 13px;
                color: #333;
                line-height: 25px;
                background: #f5f5f5;
                border: 1px solid #f5f5f5;
                border-right: none;
                transition: All .3s ease-in-out;
            }

            .service-info .service-follow .service-progress .service-content span {
                font-size: 12px;
                line-height: 20px;
                display: block;
                color: #999;
            }

            .service-info .service-follow .service-progress .service-content h2 {
                font-size: 13px;
                padding: 5px 0;
                color: #000;
            }

            .service-info .service-follow .service-progress .service-content p {
                color: #666;
                line-height: 20px;
            }

            .service-info .service-follow .service-progress .service-content ul {
                display: flex;
                display: -ms-flexbox;
                flex-wrap: wrap;
            }

            .service-info .service-follow .service-progress .service-content ul li {
                height: 50px;
                max-width: 112px;
                min-width: 5px;
                margin-right: 20px;
                margin-top: 10px;
                border: solid 1px #e5e5e5;
                border-radius: 25px;
                cursor: pointer;
                background: #fff;
            }

            .service-info .service-follow .service-progress .service-content ul li:hover {
                border: solid 1px var(--main);
            }

            .service-info .service-follow .service-progress .service-content ul li:last-of-type {
                margin-right: 0;
            }

            .service-info .service-follow .service-progress .service-content ul li img {
                height: 50px;
                border-radius: 25px;
                max-width: 112px;
                min-width: 5px;
            }

            .service-info .service-follow .service-progress .service-content:before {
                content: "";
                width: 0;
                height: 0;
                border: 10px solid transparent;
                border-right-color: #f5f5f5;
                position: absolute;
                top: calc(50% - 10px);
                right: 100%;
            }

            .service-info .service-follow .service-progress .service-opt {
                position: absolute;
                top: 0;
                bottom: 0;
                left: calc(100% - 110px);
                border-radius: 0 10px 10px 0;
                width: 100px;
                padding: 5px;
                background: #fff;
                display: flex;
                display: -ms-flexbox;
                justify-content: center;
                align-items: center;
                transition: All .3s ease-in-out;
            }

            .service-info .service-follow .service-progress .service-opt .btn {
                font-size: 12px;
                line-height: 15px;
                padding: 5px 10px;
            }

            .service-info .service-follow .service-progress .service-opt .btn-edit {
                border-radius: 50vw 0 0 50vw;
                background: var(--main);
                color: #fff;
            }

            .service-info .service-follow .service-progress .service-opt .btn-del {
                border-radius: 0 50vw 50vw 0;
                background: #f0f0f0;
                color: #333;
            }

            .service-info .service-follow .service-progress:hover:after {
                background: var(--main);
            }

            .service-info .service-follow .service-progress:hover .service-info {
                border-radius: 10px 0 0 10px;
            }

            .service-info .service-follow .service-progress:hover .service-opt {
                left: 100%;
            }

            .service-info .service-follow .service-progress:last-of-type {
                margin-bottom: 60px;
            }

            .service-info .service-follow .service-progress:last-of-type:after {
                background: var(--main);
                width: 15px;
                height: 15px;
                left: 33px;
            }

            .service-info .service-follow .btn-add {
                font-size: 13px;
                color: #fff;
                line-height: 20px;
                padding: 5px 10px;
                text-align: center;
                background: var(--main);
                border-radius: 50vw;
                margin: 0 4px;
            }

            .service-info .service-follow .logs h3 {
                font-size: 13px;
                line-height: 25px;
                padding: 10px 0;
                border-bottom: 1px solid #e5e5e5;
                display: block;
                margin: 20px 0 0;
                font-weight: 100;
            }

            .service-info .service-follow .logs .log {
                display: flex;
                display: -ms-flexbox;
                padding: 15px 0;
            }

            .service-info .service-follow .logs .log .log-img {
                width: 40px;
                height: 40px;
                border-radius: 50%;
                overflow: hidden;
                flex: 0 0 40px;
            }

            .service-info .service-follow .logs .log .log-img img {
                width: 100%;
                height: 100%;
            }

            .service-info .service-follow .logs .log .log-text {
                margin-left: 10px;
                display: flex;
                flex-wrap: wrap;
                max-width: 80%;
            }

            .service-info .service-follow .logs .log span {
                font-size: 12px;
                color: #999;
                line-height: 20px;
                display: block;
                padding-bottom: 5px;
                width: 100%;
            }

            .service-info .service-follow .logs .log .log-desc {
                font-size: 13px;
                line-height: 20px;
                padding: 5px 10px;
                border-radius: 5px;
                max-width: 80%;
            }

            .service-info .service-follow .logs .log .log-file {
                margin-top: 10px;
            }

            .service-info .service-follow .logs .log-left .log-desc {
                border: 1px solid #e5e5e5;
                color: #333;
                background: #fff;
                box-sizing: border-box;
            }

            .service-info .service-follow .logs .log-right {
                flex-direction: row-reverse;
            }

            .service-info .service-follow .logs .log-right .log-text {
                margin-left: 0;
                margin-right: 10px;
                text-align: right;
                justify-content: flex-end;
            }

            .service-info .service-follow .logs .log-right .log-desc {
                background: var(--main);
                border: 1px solid var(--main);
            }

            .service-info .service-follow .logs .log-right .log-desc p {
                color: #fff;
            }

            .service-info .service-follow .logs .log-right .log-file {
                justify-content: flex-end;
            }

            .service-info .service-follow .logs .send {
                margin: 10px 0 0;
                position: relative;
            }

            .service-info .service-follow .logs .send .area-message {
                width: 100%;
                padding: 10px 20px;
                border: 1px solid #e5e5e5;
                font-size: 12px;
                line-height: 20px;
                height: 42px;
                border-radius: 21px;
                transition: All .3s ease-in-out;
                resize: none;
                box-sizing: border-box;
            }

            .service-info .service-follow .logs .send .area-message.focus {
                height: 100px;
            }

            .service-info .service-follow .logs .send .btn-send {
                font-size: 12px;
                line-height: 25px;
                padding: 0 10px;
                background: transparent;
                color: var(--main);
                border-radius: 50vw;
                margin: 0;
                position: absolute;
                bottom: 15px;
                right: 15px;
            }
.card-img-top{
    width: 100%;
}
.search1{
    display: flex;
    justify-content: center;
    align-items: center;
}
.mod-contactus01 .box-tab {
                margin-bottom: 20px;
            }

            .mod-contactus01 .box-title {
                font-weight: bold;
                margin-bottom: 10px;
                padding: 10px 0px;
                border-bottom: 1px dashed rgba(0,0,0,0.1);
            }

            .mod-contactus01 .contactus-tabs ul {
                overflow: hidden;
                display: flex;
                justify-content: space-between;
            }

            .mod-contactus01 .right .name {
                font-weight: bold;
                display: block;
            }

            .mod-contactus01 .right .pic {
                display: block;
            }

            .mod-contactus01 .right .pic img {
                margin: 0;
                display: block;
            }

            .mod-contactus01 .right .pic+.name {
                margin-top: 5px;
            }

            .mod-contactus01 .contactus-tab a {
                color: #000;
            }

            .mod-contactus01 .contactus-tab a:hover {
                text-decoration: underline;
            }

            .mod-contactus01 .left {
                width: 30px;
                font-size: 0px;
                height: 30px;
                padding: 0px;
                color: #333;
            }

            .mod-contactus01 .left:before {
                font: 16px/1 FontAwesome;
                display: block;
                text-align: center;
                line-height: 30px;
            }

            .mod-contactus01 .right {
                width: calc(100% - 35px);
                line-height: 20px;
                padding: 5px 0px;
            }

            .contactus-tab-name .left:before {
                content: "\f007";
            }

            .contactus-tab-email .left:before {
                content: "\f0e0";
            }

            .contactus-tab-phone .left:before {
                content: "\f095";
            }

            .contactus-tab-fax .left:before {
                content: "\f02f";
            }

            .contactus-tab-postcode .left:before {
                content: "\f1d9";
            }

            .contactus-tab-street .left:before {
                content: "\f277";
            }

            .contactus-tab-qq .left:before {
                content: "\f1d7";
            }

            .contactus-tab-skype .left:before {
                content: "\f17e";
            }

            .contactus-tab-facebook .left:before {
                content: "\f082";
            }

            .contactus-tab-linkedin .left:before {
                content: "\f08c";
            }

            .contactus-tab-twitter .left:before {
                content: "\f081";
            }

            .contactus-tab-whatsapp .left:before {
                content: "\f232";
            }

            .contactus-tab-wechat .left:before {
                content: "\f1d7";
            }

            @media screen and (max-width: 768px) {
                .mod-contactus01 .box-tab {
                    border:1px solid #f0f0f0;
                }

                .mod-contactus01 .box-tab+.box-tab {
                    margin-top: 20px;
                }

                .mod-contactus01 .contactus-tabs {
                    padding: 10px;
                }

                .mod-contactus01 .box-title {
                    border: none;
                    background: #f0f0f0;
                    padding: 5px 10px;
                    margin: 0px;
                }
            }
.searchbt{
        margin-top: 20px;
    text-align: center;
}
.searchbt h2{
        font-size: calc(0.3vw + 16px);
    line-height: calc(0.35vw + 20px);
    color: #000;
    font-weight: 600;
}
@media(max-width:768px){
   .proright{
       display:none;
   }
    .prony{
        width:100%;
    }
    .pronyimg{
        display: flex;
        flex-direction: column;
        align-items: center;
        overflow: hidden;
    }
    .layout-page .right{
        display:none;
    }
    .layout-page .left{
        width:100%;
    }
}
@keyframes scale {
    0% {
        transform: scale(.9);
    }

    20% {
        transform: scale(1.1);
    }

    40% {
        transform: scale(.9);
    }

    60% {
        transform: scale(1.1);
    }

    80% {
        transform: scale(.9);
    }

    90% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(.9);
    }
}

.right-float {
    z-index: 998;
    color: #fff;
    display: inline-block;
    position: fixed;
    text-decoration: none;
    bottom: 20px;
    right: 20px;
    width: 60px;
}

.right-float * {
    margin: 0;
    padding: 0;
    outline: 0;
}

.right-float *:focus {
    outline: 0;
}

.right-float * ::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: #f9f9f9;
}

.right-float * ::-webkit-scrollbar-track {
    background-color: #f9f9f9;
}

.right-float * ::-webkit-scrollbar-thumb,.right-float * ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0,0,0,.1);
    border-radius: 6px;
}

.right-float * ::-webkit-scrollbar-thumb {
    background-color: #ddd;
}

.right-float>* {
    margin: 0 5px 5px;
}

.right-float>button,.right-float>*>button,.right-float>*>a {
    text-decoration: none;
    position: relative;
    background: -webkit-linear-gradient(left,#666,#fff);
    box-shadow: 0 0 5px #eee;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    font-family: inherit;
    text-align: center;
    display: block;
    cursor: pointer;
    border: 0;
    transition: .3s;
}

.right-float>button i,.right-float>*>button i,.right-float>*>a i {
    display: block;
    font-size: 18px;
    color: #fff;
    line-height: 50px;
    transition: .3s;
}

.right-float>button .fa-angle-up,.right-float>*>button .fa-angle-up,.right-float>*>a .fa-angle-up {
    font-size: 26px;
}

.right-float>button:before,.right-float>*>button:before,.right-float>*>a:before {
    content: attr(alt);
    position: absolute;
    right: calc(100% + 10px);
    top: calc(50% - 15px);
    font-size: 12px;
    color: #333;
    padding: 5px 10px;
    background: #fff;
    white-space: pre;
    line-height: 20px;
    border-radius: 5px;
    border: 1px solid #e5e5e5;
    transform: scaleY(0);
    transition: .3s;
}

.right-float>button:after,.right-float>*>button:after,.right-float>*>a:after {
    content: "";
    position: absolute;
    right: 100%;
    top: calc(50% - 5px);
    border: 5px solid transparent;
    border-left: 5px solid #ccc;
    transform: scaleY(0);
    transition: .3s;
}

.right-float>button:hover:before,.right-float>*>button:hover:before,.right-float>*>a:hover:before,.right-float>button:hover:after,.right-float>*>button:hover:after,.right-float>*>a:hover:after {
    transform: scaleY(1);
}

.right-float .contact-list {
    background: -webkit-linear-gradient(left,#fe0000,#ff6565);
}

.right-float .chat-list,.right-float .contact-us,.right-float .fav-list,.right-float .chat-now {
    background: -webkit-linear-gradient(left,var(--main),#fff);
}

.right-float .chat-list,.right-float .contact-us,.right-float .chat-now {
    animation: scale 2s ease-in-out infinite;
}

.right-float .fav-items,.right-float .chat-items {
    position: fixed;
    bottom: 70px;
    right: 80px;
    z-index: 999999999;
    width: 220px;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 0 10px rgba(0,0,0,.2);
    display: none;
}

.right-float .fav-items .fav-title,.right-float .chat-items .fav-title,.right-float .fav-items .chat-title,.right-float .chat-items .chat-title {
    font-size: 14px;
    line-height: 20px;
    text-align: center;
}

.right-float .fav-items .fav-title p,.right-float .chat-items .fav-title p,.right-float .fav-items .chat-title p,.right-float .chat-items .chat-title p {
    font-size: 13px;
    line-height: 20px;
    padding: 10px;
    font-weight: 400;
    background: -webkit-linear-gradient(left,var(--main),#fff);
    color: #fff;
}

.right-float .fav-items .fav-title+div,.right-float .chat-items .fav-title+div,.right-float .fav-items .chat-title+div,.right-float .chat-items .chat-title+div {
    background: #fff;
}

.right-float .fav-items .fav-content-empty,.right-float .chat-items .fav-content-empty,.right-float .fav-items .chat-content-empty,.right-float .chat-items .chat-content-empty {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 280px;
    color: #666;
    padding: 0 10px 15px;
    text-align: center;
}

.right-float .fav-items .fav-content-empty p,.right-float .chat-items .fav-content-empty p,.right-float .fav-items .chat-content-empty p,.right-float .chat-items .chat-content-empty p {
    font-size: 13px;
    line-height: 20px;
    padding: 0;
    margin: 0;
}

.right-float .fav-items .fav-content-empty .fa,.right-float .chat-items .fav-content-empty .fa,.right-float .fav-items .chat-content-empty .fa,.right-float .chat-items .chat-content-empty .fa {
    padding: 0 3px;
}

.right-float .fav-items .fav-title ul {
    overflow: hidden;
    display: flex;
    font-size: 13px;
    line-height: 20px;
    font-weight: 400;
    background: -webkit-linear-gradient(left,#ff6700,#ffa466);
    color: #fff;
}

.right-float .fav-items .fav-title li {
    flex: 1 2 0;
    cursor: pointer;
    padding: 10px;
}

.right-float .fav-items .fav-title li.on {
    background: #fff;
    color: #ff6700;
}

.right-float .fav-items .fav-content {
    padding: 5px 0;
    margin: 0;
    height: 240px;
    overflow-y: auto;
}

.right-float .fav-items .fav-content ul {
    margin: 0;
    padding: 0;
}

.right-float .fav-items .fav-content li {
    display: flex;
    align-items: center;
    border-bottom: 1px dashed #ddd;
    padding: 5px;
    transition: .2s ease-in-out;
}

.right-float .fav-items .fav-content li dl {
    align-items: center;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0;
    padding: 0;
}

.right-float .fav-items .fav-content li dt {
    width: 50px;
    height: 50px;
    border: 1px solid #ddd;
    overflow: hidden;
    margin: 0 5px;
}

.right-float .fav-items .fav-content li dt a {
    display: block;
}

.right-float .fav-items .fav-content li dt img {
    width: 100%;
}

.right-float .fav-items .fav-content li dd {
    height: 50px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.right-float .fav-items .fav-content li dd a {
    font-size: 12px;
    line-height: 16px;
    display: block;
    color: #333;
    text-decoration: none;
    max-height: 32px;
    margin-top: 9px;
    overflow: hidden;
}

.right-float .fav-items .fav-content li:hover {
    background: #f5f5f5;
}

.right-float .fav-items .fav-content li:last-of-type {
    border: 0;
}

.right-float .fav-items .fav-opt {
    padding: 10px 5px;
    display: flex;
    align-items: center;
    background: #fff;
}

.right-float .fav-items .fav-opt button {
    font-size: 13px;
    color: #fff;
    line-height: 20px;
    padding: 5px 10px;
    border-radius: 3px;
    border: 0;
    cursor: pointer;
    transition: .2s ease-in-out;
    margin: 0 5px;
}

.right-float .fav-items .fav-opt button:hover {
    opacity: .7;
}

.right-float .fav-items .fav-opt .opt-del {
    background: #999;
}

.right-float .fav-items .fav-opt .opt-contact {
    background: -webkit-linear-gradient(left,var(--main),#fff);
}

.right-float .chat-items .chat-content {
    height: 280px;
    overflow-y: auto;
    margin: 0;
    cursor: pointer;
    padding: 0 15px 15px;
}

.right-float .chat-items .chat-content dl {
    overflow: hidden;
    padding: 5px;
    transition: .2s ease-in-out;
    margin-top: 10px;
    box-shadow: 0 0 7px rgba(0,0,0,.15);
    border-radius: 45px;
    border: 1px solid #ddd;
    text-align: initial;
}

.right-float .chat-items .chat-content dl dt {
    width: 35px;
    height: 35px;
    overflow: hidden;
    float: left;
    border-radius: 50%;
    transition: .2s ease-in-out;
}

.right-float .chat-items .chat-content dl dt img {
    width: 100%;
    display: block;
}

.right-float .chat-items .chat-content dl dd {
    margin-left: 40px;
    position: relative;
}

.right-float .chat-items .chat-content dl dd p {
    display: block;
    font-size: 13px;
    color: #333;
    line-height: 20px;
    padding: 15px 0 0;
    white-space: pre;
    text-overflow: ellipsis;
    overflow: hidden;
    transition: .2s ease-in-out;
}

.right-float .chat-items .chat-content dl dd span {
    font-size: 12px;
    color: #ff6700;
    line-height: 15px;
    display: block;
    transition: .2s ease-in-out;
    text-transform: uppercase;
    transform: scale(.9);
    position: absolute;
    top: 2px;
    left: -3px;
}

.right-float .chat-items .chat-content dl dd span:after {
    content: '';
    width: 15px;
    height: 15px;
    background: url(https://ccdn.tradew.com/MNim/img/chat.png) center no-repeat;
    background-size: 100%;
    margin: -2px 5px 0;
    float: right;
}

.right-float .chat-items .chat-content dl:hover {
    box-shadow: 0 0 7px rgba(0,0,0,.25);
}

.right-float .chat-items .chat-content dl.offline {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}

.right-float .chat-items .chat-content dl.offline:hover {
    opacity: .7;
}

.right-float .chat-items .chat-content dl.online {
    border-color: rgba(255,103,0,.7);
    box-shadow: 0 0 7px rgba(255,103,0,.3);
}

.right-float .chat-items .chat-content dl.online dd p {
    color: #ff6700;
}

.right-float .contact .contact-items .contact-items-bg {
    transform: translate(calc(100% + 100px),0);
    transition: ease-out .5s;
}

.right-float .contact .contact-items .contact-items-bg a {
    text-decoration: none;
    position: relative;
    display: block;
}

.right-float .contact .contact-items .contact-items-bg a:before {
    content: attr(alt);
    position: absolute;
    right: calc(100% + 10px);
    top: calc(50% - 15px);
    font-size: 12px;
    color: #333;
    padding: 5px 10px;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    background: #fff;
    white-space: pre;
    line-height: 20px;
    border-radius: 5px;
    border: 1px solid #e5e5e5;
    transform: scaleY(0);
    transition: .3s;
}

.right-float .contact .contact-items .contact-items-bg a:after {
    content: "";
    position: absolute;
    right: 100%;
    top: calc(50% - 5px);
    border: 5px solid transparent;
    border-left: 5px solid #ccc;
    transform: scaleY(0);
    transition: .3s;
}

.right-float .contact .contact-items .contact-items-bg a:hover:before,.right-float .contact .contact-items .contact-items-bg a:hover:after {
    transform: scaleY(1);
}

.right-float .contact .contact-items .contact-items-bg>* i {
    box-shadow: 0 0 5px #eee;
    margin-bottom: 5px;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    color: #fff;
    font-family: inherit;
    text-align: center;
    text-decoration: none;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: 0;
    transition: .3s;
}

.right-float .contact .contact-items .contact-items-bg>* i:before {
    font: 25px/1 FontAwesome;
    transition: .3s;
}

.right-float .contact .contact-items .contact-items-bg>* i:hover:before {
    transform: scale(1.2);
}

.right-float .contact .contact-items .contact-items-bg .contact-whatapp i {
    background: -webkit-linear-gradient(left,#29a61a,#fff);
}

.right-float .contact .contact-items .contact-items-bg .contact-whatapp i:before {
    content: "";
}

.right-float .contact .contact-items .contact-items-bg .contact-skype i {
    background: -webkit-linear-gradient(left,#01aef3,#fff);
}

.right-float .contact .contact-items .contact-items-bg .contact-skype i:before {
    content: "";
}

.right-float .contact .contact-items .contact-items-bg .contact-messenger i {
    background: -webkit-linear-gradient(left,#177ee9,#fff);
}

.right-float .contact .contact-items .contact-items-bg .contact-messenger i:before {
    content: url(data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%201024%201024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20p-id%3D%2273918%22%20width%3D%2227%22%20height%3D%2227%22%3E%3Cpath%20d%3D%22M331.264%20820.266667c25.173333-11.093333%2053.333333-13.184%2079.701333-5.930667%2032.853333%208.96%2066.773333%2013.482667%20101.034667%2013.397333%20195.626667%200%20341.333333-140.245333%20341.333333-328.533333S707.626667%20170.666667%20512%20170.666667s-341.333333%20140.245333-341.333333%20328.533333c0%2096.853333%2038.229333%20182.272%20105.216%20242.176a119.466667%20119.466667%200%200%201%2040.192%2085.589333l15.189333-6.698666zM512%2085.333333c240.384%200%20426.666667%20176.085333%20426.666667%20413.866667%200%20237.781333-186.282667%20413.866667-426.666667%20413.866667a464.810667%20464.810667%200%200%201-123.52-16.384%2034.133333%2034.133333%200%200%200-22.784%201.664l-84.650667%2037.376a34.133333%2034.133333%200%200%201-47.914666-30.165334l-2.346667-75.946666a34.005333%2034.005333%200%200%200-11.434667-24.32C136.32%20731.093333%2085.333333%20623.658667%2085.333333%20499.2%2085.333333%20261.418667%20271.658667%2085.333333%20512%2085.333333zM255.786667%20620.245333l125.312-198.826666a64%2064%200%200%201%2092.586666-17.066667l99.669334%2074.666667a25.6%2025.6%200%200%200%2030.848%200l134.613333-102.229334c17.962667-13.610667%2041.429333%207.893333%2029.397333%2027.008l-125.312%20198.826667a64%2064%200%200%201-92.586666%2017.066667l-99.669334-74.666667a25.6%2025.6%200%200%200-30.848%200l-134.613333%20102.186667c-17.962667%2013.610667-41.429333-7.893333-29.397333-27.008z%22%20p-id%3D%2273919%22%20fill%3D%22%23ffffff%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E);
}

.right-float .contact .contact-items .contact-items-bg .contact-wechat i {
    background: -webkit-linear-gradient(left,#26c100,#fff);
}

.right-float .contact .contact-items .contact-items-bg .contact-wechat i:before {
    content: "";
    font-size: 20px;
}

.right-float .contact .contact-items .contact-items-bg .contact-facebook i {
    background: -webkit-linear-gradient(left,#0084fb,#fff);
}

.right-float .contact .contact-items .contact-items-bg .contact-facebook i:before {
    content: "";
    font-size: 22px;
}

.right-float .contact .contact-items .contact-items-bg .contact-linkedin i {
    background: -webkit-linear-gradient(left,#0275b4,#fff);
}

.right-float .contact .contact-items .contact-items-bg .contact-linkedin i:before {
    content: "";
    font-size: 22px;
}

.right-float .contact .contact-items .contact-items-bg .contact-twitter i {
    background: -webkit-linear-gradient(left,#28aae1,#fff);
}

.right-float .contact .contact-items .contact-items-bg .contact-twitter i:before {
    content: "";
    font-size: 22px;
}

.right-float .contact .plus-more i {
    height: 50px;
    width: 50px;
    position: relative;
}

.right-float .contact .plus-more i:before {
    content: "";
    width: 20px;
    height: 2px;
    background: #fff;
    position: absolute;
    top: calc(50% - 1px);
    left: calc(50% - 10px);
}

.right-float .contact .plus-more i:after {
    content: "";
    width: 2px;
    height: 20px;
    background: #fff;
    position: absolute;
    top: calc(50% - 10px);
    left: calc(50% - 1px);
}

.right-float .contact.on .contact-items-bg {
    transform: translate(0,0);
}

.right-float .contact.on .plus-more i {
    transform: rotate(45deg);
}

.main-ar .right-float .return-top:after,.main-ar .right-float .fav-list:after,.main-ar .right-float .return-top:before,.main-ar .right-float .fav-list:before {
    right: auto;
    left: calc(100% + 10px);
}

@media(max-width: 767px) {
    .right-float .fav-items {
        width:60vw;
        min-width: 200px;
        height: 60vh;
    }

    .right-float .fav-items .fav-content {
        height: calc(60vh - 82px);
    }

    .right-float .fav-items .fav-content-empty {
        height: calc(60vh - 26px);
    }
}

@media(max-width: 480px) {
    .right-float .fav {
        display:none;
    }
}
.Contenttel{
        display: flex;
        justify-content: space-between;
}
.Contenttela{
    width: 20% !important;
}
.Contenttelb{
    width: 78% !important;
}
.Contenttelc{
    width: 49% !important;
}
.Contentteld{
    width: 49% !important;
}
.form-control{
        height: calc(1.5em + .75rem + 12px);
}