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

*:focus {
    outline: 0;
}

.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(https://ccdn.tradew.com/MNcomm/country/cn.png);
}

.page-box .flag-en {
    background-image: url(https://ccdn.tradew.com/MNcomm/country/en.png);
}

.page-box .flag-fr {
    background-image: url(https://ccdn.tradew.com/MNcomm/country/fr.png);
}

.page-box .flag-ja {
    background-image: url(https://ccdn.tradew.com/MNcomm/country/ja.png);
}

.page-box .flag-ko {
    background-image: url(https://ccdn.tradew.com/MNcomm/country/ko.png);
}

.page-box .flag-tw {
    background-image: url(https://ccdn.tradew.com/MNcomm/country/tw.png);
}

.page-box .flag-ar {
    background-image: url(https://ccdn.tradew.com/MNcomm/country/ar.png);
}

.page-box .flag-de {
    background-image: url(https://ccdn.tradew.com/MNcomm/country/de.png);
}

.page-box .flag-es {
    background-image: url(https://ccdn.tradew.com/MNcomm/country/es.png);
}

.page-box .flag-it {
    background-image: url(https://ccdn.tradew.com/MNcomm/country/it.png);
}

.page-box .flag-ps {
    background-image: url(https://ccdn.tradew.com/MNcomm/country/ps.png);
}

.page-box .flag-po {
    background-image: url(https://ccdn.tradew.com/MNcomm/country/po.png);
}

.page-box .flag-tk {
    background-image: url(https://ccdn.tradew.com/MNcomm/country/tk.png);
}

.page-box .flag-in {
    background-image: url(https://ccdn.tradew.com/MNcomm/country/in.png);
}

.page-box .flag-cs {
    background-image: url(https://ccdn.tradew.com/MNcomm/country/cs.png);
}

.page-box .flag-pl {
    background-image: url(https://ccdn.tradew.com/MNcomm/country/pl.png);
}

.page-box .flag-th {
    background-image: url(https://ccdn.tradew.com/MNcomm/country/th.png);
}

.page-box .flag-vn {
    background-image: url(https://ccdn.tradew.com/MNcomm/country/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;
}

</style><style>.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;
}

</style><style data-model-guid="0">:root {
    --main: #236726;
    --deputy: #1c562d;
    --third: #75b61f;
}

.layout {
    overflow: hidden;
}

.layout-bg {
    box-sizing: border-box;
    width: 1400px;
    max-width: 100%;
    margin: auto;
    overflow: visible;
}

.clear {
    display: none;
}

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

.page-layout .layout-bg {
    flex-direction: inherit !important;
    align-items: 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: calc(0.2vw + 12px);
    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: #ffffff;
}

.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;
}

.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-nav {
    transition: All 0.3s ease-in-out;
    overflow: visible;
    position: relative;
    z-index: 9;
    background: #fff;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
}

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

.layout-share {
    padding: calc(1% + 10px) 0;
    background: #236726;
    overflow: visible;
}

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

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

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

.layout-custSev {
    padding: calc(1% + 20px) 0;
    background: url(https://icdn.tradew.com/stylefile/20605/custSev-bg.jpg) center/cover fixed no-repeat;
}

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

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

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

@media(min-width:769px) {
    .layout-nav .center {
        flex: auto;
    }

    .layout-nav.fixed {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
    }

    .layout-nav.fixed .layout {
        margin-top: 90px;
    }

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

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

    .page-layout .layout-nav.fixed+.layout {
        margin-top: inherit;
    }

    .layout-share .center {
        flex: 1 2 0;
        padding: 0 2vw;
    }

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

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

    .layout-custSev .layout-bg>div {
        width: calc(50% - 0.5vw - 5px);
    }
}

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

    .layout {
        min-width: 320px;
    }

    .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: fixed !important;
        top: 0;
        left: 0;
        right: 0;
        z-index: 9;
    }

    .layout-nav {
        height: 50px;
        position: fixed;
        top: 40px;
        left: 0;
        right: 0;
        z-index: 8;
        padding: 10px 0;
    }

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

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

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

    .layout-nav+.layout {
        margin-top: 110px;
    }

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

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

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

.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: #236726;
    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: #236726;
    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: #236726;
}

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

</style><style data-model-guid="26">.flag {
    margin: 9px 5px;
}

.mod-header01 {
    overflow: visible;
}

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

.mod-header01 .content-bg {
    overflow: visible;
    display: flex;
}

.mod-header01 .language-title {
    font-size: 14px;
    color: #a1c379;
    line-height: 20px;
    padding: 5px;
    text-transform: uppercase;
    display: none;
}

.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 {
    color: #a1c379;
    line-height: 20px;
    display: inline-block;
    padding: 5px;
    white-space: pre;
}

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

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

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

.mod-header01 .language-content .language-tabs {
    position: absolute;
    top: 100%;
    left: 0;
    display: none;
    background: #333;
    border: 1px solid rgba(0, 0, 0, 0.1);
    z-index: 99;
    min-width: 100px;
    max-height: 100px;
    overflow-y: auto;
}

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

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

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

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

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

.mod-header01 {
    color: #fff;
    line-height: 20px;
}

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

.mod-header01 .mod-title {
    flex: 1 2 0;
}

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

.mod-header01 .title-left * {
    display: block;
    white-space: pre;
    overflow: hidden;
    text-overflow: ellipsis;
}

</style><style data-model-guid="27">.mod-top01 .mod-bg {
    display: flex;
    align-items: center;
}

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

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

.mod-top01 .mod-bottom {
    display: flex;
    align-items: center;
    padding: 5px 10px;
}

.mod-top01 .bottom-left {
    font-size: calc(0.4vw + 14px);
    line-height: calc(0.3vw + 20px);
    color: #1c562d;
    font-weight: 600;
}

@media(max-width:768px) {
    .mod-top01 .mod-bg {
        justify-content: center;
    }

    .mod-top01 .mod-bottom {
        display: none;
    }

    .mod-top01 .top-logo img {
        max-height: 50px;
        width: auto;
        max-width: 100%;
    }
}

</style><style data-model-guid="28">.layout-foot .mod-nav01 .nav-tabs .nav-tab {
    padding: 5px 0;
}

.layout-foot .mod-nav01 .nav-tabs .nav-tab-link {
    font-size: 14px;
    color: #333;
    line-height: 25px;
}

.layout-foot .mod-nav01 .nav-tabs .nav-tab-link:hover {
    color: #1c562d;
}

.layout-foot .mod-nav01 .nav-dropdown {
    display: none !important;
}

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

    .mod-nav01 .nav-tabs .nav-tab {
        padding: 0 5px;
    }

    .mod-nav01 .nav-tabs .nav-tab-link {
        font-size: 17px;
        color: #000;
        line-height: 35px;
        padding: 30px calc(0.25vw + 5px);
        font-weight: 500;
        text-transform: capitalize;
        display: flex;
        position: relative;
    }

    .mod-nav01 .nav-tabs .nav-tab-link i {
        position: absolute;
        bottom: 0;
        left: 0;
        height: 4px;
        background: #75b61f;
        width: 0;
        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 .on .nav-tab-link,
    .mod-nav01 .nav-tabs .hover .nav-tab-link {
        color: #75b61f;
    }

    .mod-nav01 .nav-tabs .on .nav-tab-link i,
    .mod-nav01 .nav-tabs .hover .nav-tab-link i {
        width: 100%;
    }


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

    .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: #000;
        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: #75b61f;
    }


    .mod-nav01 .nav-dropdown-max-two .nav-dropdown-content {
        width: calc(100% - 20px);
        max-width: 1420px;
        margin: auto;
    }






    .mod-nav01 .nav-dropdown-max-third .nav-dropdown {
        left: 0;
        right: 0;
    }

    .mod-nav01 .nav-dropdown-max-third .nav-dropdown-content {
        width: calc(100% - 20px);
        max-width: 1420px;
        margin: auto;
    }

    .mod-nav01 .nav-dropdown-max-third .dropdown-tabs {
        display: flex;
        align-items: stretch;
        flex-wrap: wrap;
        padding: 10px 5px 20px;
    }

    .mod-nav01 .nav-dropdown-max-third .dropdown-tab-first {
        width: calc(25% - 2vw);
        padding: 0.25vw 1vw;
    }

    .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;
    }

}

@media(max-width:768px) {
    .mod-nav01 .nav-btn {
        text-align: center;
        color: #333;
        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: 110px;
        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 - 110px);
        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;
    }
}

</style><style data-model-guid="67">.mod-search01 .mod-content {
    position: relative;
    margin: 0 5px;
}

.mod-search01 .mod-content:before {
    content: "\f002";
    font: 20px/1 FontAwesome;
    display: block;
    color: #333;
    text-align: center;
    width: 40px;
    line-height: 40px;
    transition: All 0.2s ease-in-out;
}

.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;
    transition: All 0.2s ease-in-out;
}

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

.mod-search01 .search-submit:hover {
    color: #53ad32;
    opacity: 1;
}

.mod-search01 .mod-content:hover:before {
    color: #75b61f;
}

.mod-search01 .mod-content:hover .content-bg-search {
    border: 2px solid #75b61f;
    width: 240px;
}

.mod-search01 .mod-bg {
    display: flex;
    align-items: center;
}

.mod-search01 .bottom-left {
    display: flex;
    align-items: center;
}

.mod-search01 .bottom-left a {
    font-size: calc(0.2vw + 12px);
    color: #fff;
    line-height: 30px;
    display: block;
    border-radius: 0 20vw 20vw 20vw;
    padding: calc(0.25vw + 5px) calc(0.5vw + 10px);
    background: #75b61f;
}

.mod-search01 .bottom-left a:hover {
    background: #236726;
}

@media(max-width:768px) {
    .mod-search01 .mod-content {
        margin: 0;
    }

    .mod-search01 .mod-bottom {
        display: none;
    }
}

</style><style data-model-guid="50">.layout-banner .layout-bg {
    width: 100%;
}

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

.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;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    position: absolute;
    left: 0;
    top: 50%;
    right: 0;
    width: calc(100% - 2vw - 20px);
    max-width: 1400px;
    transform: translate(0, -50%);
    margin: auto;
}

.mod-othercontent01-banner .title {
    font-size: calc(2.5vw + 15px);
    line-height: calc(2.5vw + 25px);
    font-weight: 600;
    padding-bottom: calc(0.5vw + 5px);
}

.mod-othercontent01-banner .desc {
    max-width: 650px;
    font-size: calc(0.3vw + 14px);
}

.mod-othercontent01-banner .desc span {
    display: block;
    color: #95e828;
}

.mod-othercontent01-banner .text a {
    color: #fff;
    padding: calc(0.5vw + 5px) calc(1vw + 10px);
    border-radius: 0 20vw 20vw 20vw;
    border: 2px solid #fff;
    margin-top: calc(2vw + 10px);
}

.mod-othercontent01-banner .text a:hover {
    background: var(--third);
}

.mod-othercontent01 .swiper-button-prev,
.mod-othercontent01 .swiper-button-next {
    color: var(--main);
    width: calc(1vw + 30px);
    height: calc(1vw + 30px);
    background: #fff;
    border-radius: 50%;
}

.mod-othercontent01 .swiper-button-prev:after,
.mod-othercontent01 .swiper-button-next:after {
    font-size: calc(0.3vw + 16px);
}

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

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

.swiper-pagination-bullet {
    width: calc(0.5vw + 5px);
    height: 5px;
    border-radius: 5px;
    opacity: 1;
    background: #ddd;
}

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

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

@media(max-width:768px) {

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

@media(max-width:480px) {
    .mod-othercontent01-banner .item {
        height: 35vh;
    }
}

.layout-advan {
    background: #ebf1ed;
    position: relative;
    overflow: visible;
}

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

.layout-advan .mod-othercontent01 dl {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: calc(0.5vw + 5px) calc(0.5vw + 5px) 0 0;
    width: calc(20% - 10px);
    padding: calc(1.5vw + 10px) calc(0.5vw + 10px) calc(1vw + 5px);
    box-sizing: border-box;
    overflow: hidden;
    background-position: top center;
    background-repeat: no-repeat;
    transition: All 0.3s ease-in-out;
}

.layout-advan .mod-othercontent01 dt {
    width: 60px;
    display: block;
}

.layout-advan .mod-othercontent01 dd {
    width: calc(100% - 70px);
    font-size: calc(0.15vw + 12px);
    line-height: calc(0.15vw + 15px);
}

.layout-advan .mod-othercontent01 dd h3 {
    font-size: calc(0.2vw + 14px);
    line-height: calc(0.25vw + 20px);
    font-weight: 500;
}

.layout-advan .mod-othercontent01 dl:hover {
    color: #fff;
    background-image: url(https://icdn.tradew.com/stylefile/20605/advan-bg.jpg);
}

.layout-advan .mod-othercontent01 dl:hover dt img {
    filter: hue-rotate(180deg) invert(1) brightness(1.5) contrast(1.5);
}

@media(min-width:769px) {
    .layout-advan .mod-othercontent01 dl {
        margin-top: calc(-0.5vw - 5px);
    }
}

@media(max-width:768px) {
    .layout-advan .mod-othercontent01 dl {
        width: calc(50% - 5px);
    }

    .layout-advan .mod-othercontent01 dl:hover {
        margin: 0;
    }
}

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

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

.mod-othercontent01-title .title-left {
    float: none;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.mod-othercontent01-title .title-left:after {
    content: "";
    display: block;
    width: 200px;
    height: 30px;
    background: url(https://icdn.tradew.com/stylefile/20605/title-bg.png) center no-repeat;
    margin: 5px 0;
}

.mod-othercontent01-title .title-right {
    float: none;
    max-width: 980px;
    margin: auto;
}

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

.mod-othercontent01-title .mod-title h2 {
    font-size: calc(1.2vw + 16px);
    line-height: calc(1.25vw + 20px);
    color: transparent;
    font-weight: 600;
    background: linear-gradient(90deg, #1c562d 80%, #9bd14d);
    -webkit-background-clip: text !important;
}

.mod-othercontent01-title .mod-bottom {
    padding-top: calc(1vw + 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);
    padding: calc(0.5vw + 5px) calc(1vw + 10px);
    min-width: 120px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    border-radius: 0 20vw 20vw 20vw;
}

.mod-othercontent01-title .bottom-left a:after {
    content: "\f105";
    font: calc(0.3vw + 14px)/1 FontAwesome;
}

.mod-othercontent01-title .bottom-left a:hover {
    background: var(--third);
}


.layout-manu .mod-othercontent01 .title-right {
    max-width: inherit;
}

.layout-manu .mod-othercontent01 .content-bg {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.layout-manu .mod-othercontent01 .item {
    width: calc(25% - 0.4vw - 10px);
    margin: calc(0.2vw + 5px);
    text-align: center;
}

.layout-manu .mod-othercontent01 .item * {
    display: block;
}

.layout-manu .mod-othercontent01 .img {
    border-radius: calc(0.25vw + 5px);
    overflow: hidden;
    transition: All 0.3s ease-in-out;
}

.layout-manu .mod-othercontent01 .item dl {
    position: relative;
    z-index: 2;
    margin-top: -10px;
    display: flex;
    align-items: start;
    justify-content: space-between;
    border-radius: calc(0.25vw + 5px);
    padding: calc(0.5vw + 10px) calc(0.25vw + 5px);
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.layout-manu .mod-othercontent01 .item dt {
    width: 50px;
    display: block;
}

.layout-manu .mod-othercontent01 .item dd {
    width: calc(100%);
    font-size: calc(0.1vw + 12px);
    line-height: calc(0.15vw + 15px);
}

.layout-manu .mod-othercontent01 .item dd h3 {
    text-align: center;
    font-size: calc(0.2vw + 14px);
    line-height: calc(0.25vw + 20px);
    font-weight: 500;
    color: var(--main);
    padding: 5px 0;
    transition: All 0.3s ease-in-out;
}

.layout-manu .mod-othercontent01 .item:hover .img {
    border-radius: calc(0.25vw + 5px) calc(0.25vw + 5px) 0 0;
}

.layout-manu .mod-othercontent01 .item:hover dl {
    color: #fff;
    background-image: url(https://icdn.tradew.com/stylefile/20605/manu-bg.png);
}

.layout-manu .mod-othercontent01 .item:hover dd h3 {
    color: #fff;
}

.layout-manu .mod-othercontent01 .item:hover dt img {
    filter: grayscale(1) brightness(5);
}

@media(max-width:768px) {
    .layout-manu .mod-othercontent01 .item {
        width: calc(50% - 0.4vw - 10px);
    }
}

@media(max-width:480px) {
    .layout-manu .mod-othercontent01 .item {
        width: 100%;
        margin: calc(0.2vw + 5px) 0;
    }
}

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

.layout-certify .mod-othercontent01 .content-bg {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.layout-certify .mod-othercontent01 .text {
    width: calc(50% - 2vw - 10px);
    margin: calc(0.25vw + 5px) calc(1vw + 5px);
}

.layout-certify .mod-othercontent01 .text h3 {
    font-size: calc(0.3vw + 16px);
    line-height: calc(0.5vw + 20px);
    font-weight: 500;
    color: var(--main);
    padding-bottom: calc(0.5vw + 5px);
}

.layout-certify .mod-othercontent01 .swiper-slide {
    max-width: 100%;
    width: initial;
}

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

.layout-manu+.layout-certify {
    background: #ebf1ed;
}

.layout-page+.layout-certify {
    padding-top: 0;
}

.layout-about {
    padding: 0;
}

.layout-about .mod-othercontent01-title .mod-bg {
    border-radius: calc(2vw + 20px);
    position: relative;
    overflow: hidden;
}

.layout-about .mod-othercontent01-title .mod-title {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: calc(1vw + 10px) calc(2vw + 10px);
    max-width: 1000px;
    margin: auto;
}

.layout-about .mod-othercontent01-title .title-left {
    color: #fff;
}

.layout-about .mod-othercontent01-title .mod-title h2 {
    background: linear-gradient(90deg, #fff 75%, #9bd14d);
    font-size: calc(1.7vw + 16px);
    line-height: calc(2vw + 20px);
}

.layout-about .mod-othercontent01-title .title-left:after {
    filter: grayscale(1) brightness(5);
}

.layout-about .mod-othercontent01-title .mod-content img {
    min-height: 30vh;
}

.layout-about .mod-othercontent01-title .mod-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: calc(1vw + 10px);
}

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

.layout-about .mod-othercontent01 dl {
    width: calc(25% - 1vw - 10px);
    padding: calc(1vw + 10px) calc(1vw + 10px) 10px;
    box-sizing: border-box;
    display: flex;
    align-items: start;
    justify-content: space-between;
}

.layout-about .mod-othercontent01 dt {
    width: 45px;
    border-radius: 10px;
    background: #ebf1ed;
}

.layout-about .mod-othercontent01 dd {
    width: calc(100% - 55px);
}

.layout-about .mod-othercontent01 dd h3 {
    display: flex;
    align-items: start;
}

.layout-about .mod-othercontent01 dd span {
    font-size: calc(2vw + 15px);
    line-height: calc(2vw + 20px);
    font-weight: 500;
    color: #0f682a;
}

.layout-about .mod-othercontent01 dd span+sup {
    font-size: calc(1vw + 15px);
    line-height: calc(1vw + 20px);
    color: var(--main);
}

@media(max-width:480px) {
    .layout-about .mod-othercontent01 dl {
        width: calc(50% - 1vw - 10px);
    }
}

.layout-serve {
    padding: calc(2% + 20px) 0;
    background: url(https://icdn.tradew.com/stylefile/20605/serve-bg.png) center no-repeat #ebf1ed;
}

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

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

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

.layout-serve .mod-othercontent01 .text span {
    width: calc(1.1vw + 55px);
    border-radius: 50%;
    overflow: hidden;
    background: var(--main);
    margin-top: calc(-1.55vw - 37.5px);
    display: block;
}

.layout-serve .mod-othercontent01 .text h3 {
    font-size: calc(0.3vw + 16px);
    line-height: calc(0.5vw + 20px);
    font-weight: 500;
    color: var(--main);
    padding-top: calc(0.5vw + 5px);
}

.layout-serve .mod-othercontent01 .text ul {
    padding: calc(0.25vw + 5px) 0 calc(1.5vw + 10px);
}

.layout-serve .mod-othercontent01 .text li {
    display: flex;
    align-items: start;
}

.layout-serve .mod-othercontent01 .text li:before {
    content: "✓";
    color: var(--main);
    flex: 0 0 20px;
}

.layout-serve .mod-othercontent01 .text a {
    color: #333;
}

.layout-serve .mod-othercontent01 .text a:after {
    content: "\f105";
    font: calc(0.2vw + 14px)/1 FontAwesome;
    padding-left: calc(0.5vw + 10px);
}

.layout-serve .mod-othercontent01 .text:hover {
    background: #fff;
    border-radius: calc(0.5vw + 5px);
}

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

.layout-contact {
    padding: calc(3% + 30px) 0;
    background: url(https://icdn.tradew.com/file/202304/1575839/jpg/7911320.jpg) center/cover fixed no-repeat;
}

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

.layout-contact .mod-othercontent01 .content-bg {
    color: #fff;
    font-size: calc(0.2vw + 14px);
}

.layout-contact .mod-othercontent01 .content-bg h2 {
    font-size: calc(1.5vw + 18px);
    line-height: calc(1.5vw + 25px);
    font-weight: 500;
    color: #fff;
    padding-top: calc(0.25vw + 5px);
}

.layout-contact .mod-othercontent01 .bottom-left a {
    color: var(--main);
    background: #fff;
    padding: calc(0.5vw + 5px) calc(1vw + 10px);
    min-width: 120px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    border-radius: 0 20vw 20vw 20vw;
}

.layout-contact .mod-othercontent01 .bottom-left a:after {
    content: "\f105";
    font: calc(0.3vw + 14px)/1 FontAwesome;
}

.layout-contact .mod-othercontent01 .bottom-left a:hover {
    background: var(--third);
    color: #fff;
}

@media(max-width:480px) {
    .layout-contact .mod-othercontent01 .mod-bg>div {
        padding: 10px 0;
    }
}

.layout-customer {
    padding: calc(2% + 20px) 0;
    background: url(https://icdn.tradew.com/stylefile/20605/customer-bg.png) center no-repeat;
}

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

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

.layout-customer .mod-othercontent01 .item:after {
    content: "";
    width: calc(4.1vw + 50px);
    height: calc(4.1vw + 50px);
    /* background: url(https://icdn.tradew.com/stylefile/20605/customer-quote.png) center no-repeat; */
    background-size: 100% auto;
    position: absolute;
    bottom: calc(1vw + 10px);
    right: calc(0.5vw + 10px);
    z-index: 1;
    opacity: 0.1;
    transition: All 0.3s ease-in-out;
}

.layout-customer .mod-othercontent01 .item * {
    display: block;
}

.layout-customer .mod-othercontent01 .img {
    border-radius: calc(0.25vw + 5px);
    overflow: hidden;
    transition: All 0.3s ease-in-out;
}

.layout-customer .mod-othercontent01 .text {
    position: relative;
    z-index: 2;
    margin-top: calc(-0.5vw - 10px);
    border-radius: calc(0.25vw + 5px);
    padding: calc(1.5vw + 10px) calc(1vw + 10px);
    overflow: hidden;
    background-position: top left;
    background-repeat: no-repeat;
}

.layout-customer .mod-othercontent01 .text * {
    position: relative;
    z-index: 3;
}

.layout-customer .mod-othercontent01 .text h3 {
    font-size: calc(0.4vw + 14px);
    line-height: calc(0.5vw + 20px);
    font-weight: 500;
    color: var(--main);
    padding-bottom: calc(0.25vw + 5px);
    transition: All 0.3s ease-in-out;
}

.layout-customer .mod-othercontent01 .item:hover .text {
    color: #fff;
    background-image: url(https://icdn.tradew.com/stylefile/20605/customer-itembg.jpg);
}

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

.layout-customer .mod-othercontent01 .item:hover:after {
    bottom: calc(50% - 3.5vw - 20px);
    opacity: 1;
    z-index: 3;
}

@media(max-width:480px) {
    .layout-customer .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: 0;
    top: 50%;
    right: 0;
    width: calc(100% - 2vw - 20px);
    color: #fff;
    max-width: 1060px;
    transform: translate(0, -50%);
    margin: auto;
    z-index: 2;
}

.layout-pagetop .mod-othercontent01 .mod-title h1 {
    font-size: calc(2.4vw + 10px);
    line-height: calc(2.5vw + 15px);
    font-weight: 600;
}

.layout-pagetop .mod-othercontent01 .mod-title h1 span {
    color: var(--third);
}

.layout-pagetop .mod-othercontent01 .title-left {
    float: none;
    text-align: center;
}

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

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

.layout-aboutOne .mod-othercontent01 .mod-title {
    text-align: initial;
    width: 50%;
    padding: 0;
}

.layout-aboutOne .mod-othercontent01 .title-left {
    align-items: flex-start;
}

.layout-aboutOne .mod-othercontent01 .title-right-span {
    padding-top: calc(0.5vw + 5px);
}

.layout-aboutOne .mod-othercontent01 .mod-content {
    width: calc(50% - 2.5vw - 10px);
}

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

@media(max-width:768px) {
    .layout-aboutOne .mod-othercontent01 .mod-bg>div {
        width: 100%;
        padding: 10px 0;
    }
}

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

.layout-aboutTwo .mod-othercontent01 .title-right {
    max-width: inherit;
}

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

.layout-aboutTwo .mod-othercontent01 .img {
    width: calc(50% - 2vw - 10px);
}

.layout-aboutTwo .mod-othercontent01 .text {
    width: 50%;
    padding: calc(0.25vw + 5px) 0;
}

.layout-aboutTwo .mod-othercontent01 .text dl {
    padding: calc(0.25vw + 5px) 0;
}

.layout-aboutTwo .mod-othercontent01 .text dt {
    font-weight: 600;
    font-size: calc(0.2vw + 14px);
    color: var(--main);
}

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

    .layout-aboutTwo .mod-othercontent01 .text {
        width: 100%;
    }
}

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

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

.layout-aboutThree .mod-othercontent01 .swiper-container:after {
    content: "";
    bottom: calc(0.25vw + 8px);
    left: 0;
    right: 0;
    height: calc(0.25vw + 2px);
    background: #dae6cb;
    position: absolute;
    border-radius: 10vw;
}

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

.layout-aboutThree .mod-othercontent01 .text {
    text-align: center;
    padding: calc(0.5vw + 10px);
    min-height: calc(5vw + 100px);
    box-sizing: border-box;
    border-radius: calc(0.5vw + 5px);
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
}

.layout-aboutThree .mod-othercontent01 .text h3 {
    font-size: calc(2vw + 20px);
    line-height: calc(2vw + 25px);
    color: var(--main);
    padding-top: calc(0.5vw + 5px);
}

.layout-aboutThree .mod-othercontent01 .text:after {
    content: "";
    width: calc(0.5vw + 8px);
    height: calc(0.5vw + 8px);
    background: #fff;
    display: block;
    border: 4px solid var(--main);
    border-radius: 50%;
    position: absolute;
    top: calc(100% + 0.5vw + 15px);
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 2;
}

.layout-aboutThree .mod-othercontent01 .text:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    width: 0;
    height: 0;
    border: calc(0.5vw + 5px) solid transparent;
    border-top-color: #73b51d;
    transform: translate(-50%, 0);
    opacity: 0;
}

.layout-aboutThree .mod-othercontent01 .swiper-slide:hover .text {
    background: url(https://icdn.tradew.com/stylefile/20605/customer-itembg.jpg) top left no-repeat #73b51d;
    color: #fff;
}

.layout-aboutThree .mod-othercontent01 .swiper-slide:hover .text h3 {
    color: #fff;
}

.layout-aboutThree .mod-othercontent01 .swiper-slide:hover .text:before {
    opacity: 1;
}

.layout-aboutThree .mod-othercontent01 .swiper-button-prev,
.layout-aboutThree .mod-othercontent01 .swiper-button-next {
    background: #dae6cb;
}

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

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

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

.layout-aboutFour .mod-othercontent01 dl {
    width: calc(50% - 0.25vw - 5px);
    margin: calc(0.25vw + 5px) 0;
    border-radius: calc(1vw + 20px) calc(0.25vw + 5px);
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    background: #fff;
    position: relative;
}

.layout-aboutFour .mod-othercontent01 dt {
    width: calc(48.5% - 5px);
    border-radius: 0 calc(0.25vw + 5px) calc(1vw + 20px) 0;
    overflow: hidden;
}

.layout-aboutFour .mod-othercontent01 dd {
    width: 51.5%;
    padding: calc(0.5vw + 10px);
    box-sizing: border-box;
    position: relative;
    z-index: 2;
}

.layout-aboutFour .mod-othercontent01 dl span {
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 1;
    width: calc(5vw + 130px);
}

.layout-aboutFour .mod-othercontent01 dd h3 {
    font-size: calc(0.5vw + 18px);
    line-height: calc(0.5vw + 25px);
    color: var(--main);
    font-weight: 500;
    padding-bottom: calc(0.5vw + 5px);
}

.layout-aboutFour .mod-othercontent01 dl:hover {
    background: var(--third);
}

.layout-aboutFour .mod-othercontent01 dl:hover dd {
    color: #fff;
}

.layout-aboutFour .mod-othercontent01 dl:hover dd h3 {
    color: #fff;
}

.layout-aboutFour .mod-othercontent01 dl:hover span {
    filter: brightness(10) opacity(0.1);
}

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

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

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

.layout-aboutFive {
    padding: calc(2% + 20px) 0;
    background: url(https://icdn.tradew.com/stylefile/20605/aboutFive-bg.jpg) center/cover fixed no-repeat;
}

.layout-sustFive {
    padding: calc(2% + 20px) 0;
    background: url(https://icdn.tradew.com/stylefile/20605/sustFive-bg.jpg) center/cover fixed no-repeat;
}

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

.mod-othercontent01-vision .mod-content {
    max-width: 700px;
    color: #fff;
    font-size: calc(0.2vw + 14px);
}

.mod-othercontent01-vision .mod-content h2 {
    font-size: calc(1.4vw + 20px);
    line-height: calc(1.5vw + 25px);
    font-weight: 600;
}

.mod-othercontent01-vision .bottom-left a {
    color: var(--main);
    background: #fff;
    padding: calc(0.5vw + 5px) calc(1vw + 10px);
    min-width: 120px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    border-radius: 0 20vw 20vw 20vw;
}

.mod-othercontent01-vision .bottom-left a:after {
    content: "\f105";
    font: calc(0.3vw + 14px)/1 FontAwesome;
}

.mod-othercontent01-vision .bottom-left a:hover {
    background: var(--third);
    color: #fff;
}

@media(max-width:480px) {
    .mod-othercontent01-vision .mod-bg>div {
        padding: 10px 0;
    }
}

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

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

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

.layout-aboutSix .mod-othercontent01 .img {
    border-radius: calc(0.25vw + 5px);
    overflow: hidden;
}

.layout-aboutSix .mod-othercontent01 .text {
    position: relative;
    z-index: 2;
    min-height: calc(5vw + 100px);
    margin-top: calc(-0.5vw - 10px);
    border-radius: calc(0.25vw + 5px);
    padding: calc(0.5vw + 10px) calc(1vw + 10px);
    overflow: hidden;
    background-color: #ebf1ed;
}

.layout-aboutSix .mod-othercontent01 .text p {
    font-size: calc(0.1vw + 12px);
    line-height: calc(0.25vw + 15px);
}

.layout-aboutSix .mod-othercontent01 .text span {
    width: 50px;
    display: block;
}

.layout-aboutSix .mod-othercontent01 .text h3 {
    font-size: calc(0.2vw + 16px);
    line-height: calc(0.5vw + 20px);
    font-weight: 600;
    color: #000;
    padding: calc(0.25vw + 5px) 0;
}

.layout-aboutSix .mod-othercontent01 .item:hover .text {
    color: #fff;
    background: url(https://icdn.tradew.com/stylefile/20605/customer-itembg-revert.jpg) bottom right no-repeat #73b51d;
}

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

.layout-aboutSix .mod-othercontent01 .item:hover span img {
    filter: grayscale(1) brightness(10);
}

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

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

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

.layout-aboutSev .mod-othercontent01 img {
    border-radius: calc(0.25vw + 5px);
    overflow: hidden;
}

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

.layout-sustOne .mod-othercontent01 .title-right {
    max-width: inherit;
    padding-top: calc(0.5vw + 5px);
}

.layout-sustOne .mod-othercontent01 .mod-content {
    text-align: center;
}

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

.layout-sustOne .mod-othercontent01 .img {
    width: calc(100%/3 - 0.5vw - 10px);
    border-radius: calc(0.5vw + 5px);
    overflow: hidden;
}

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

.layout-sustTwo+.layout-sustTwo {
    background: #fff;
}

.layout-sustTwo+.layout-sustTwo .layout-bg {
    flex-direction: row-reverse;
}

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

.layout-sustTwo .layout-bg>div {
    width: calc(50% - 1.65vw - 10px);
}

.layout-sustTwo .right .mod-othercontent01 .mod-content {
    border-radius: calc(0.25vw + 5px);
    overflow: hidden;
}

.layout-sustTwo .left .mod-othercontent01 .title-left {
    float: none;
    padding-bottom: calc(0.25vw + 5px);
}

.layout-sustTwo .left .mod-othercontent01 .title-left-span {
    width: calc(1vw + 50px);
    background: var(--third);
    border-radius: calc(0.25vw + 5px);
    overflow: hidden;
    padding: 7px;
    box-sizing: border-box;
    display: block;
}

.layout-sustTwo .left .mod-othercontent01 .title-left img {
    filter: grayscale(1) brightness(10);
    width: 100%;
}

.layout-sustTwo .left .mod-othercontent01 .title-right {
    float: none;
    font-size: calc(0.2vw + 14px);
}

.layout-sustTwo .left .mod-othercontent01 .title-right h2 {
    font-size: calc(0.8vw + 16px);
    line-height: calc(1vw + 20px);
    font-weight: 600;
    color: var(--main);
}

.layout-sustTwo .left .mod-othercontent01 .mod-content p {
    padding-top: calc(1vw + 5px);
}

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

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

.layout-sustThree .mod-othercontent01 .title-left {
    float: none;
    font-size: calc(0.2vw + 14px);
}

.layout-sustThree .mod-othercontent01 .title-right {
    float: none;
    font-size: calc(0.8vw + 16px);
    line-height: calc(1vw + 20px);
    font-weight: 600;
    color: var(--main);
}

.layout-sustThree .mod-othercontent01 .content-bg {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    padding-top: calc(0.5vw + 10px);
}

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

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

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

.layout-sustThree .mod-othercontent01 .text {
    padding: 0 calc(1vw + 5px) calc(1vw + 10px);
    margin-top: calc(-0.5vw - 25px);
    position: relative;
}

.layout-sustThree .mod-othercontent01 .text span {
    width: calc(1.05vw + 50px);
    border-radius: calc(0.25vw + 5px);
    overflow: hidden;
    background: var(--third);
    display: block;
}

.layout-sustThree .mod-othercontent01 .text span img {
    filter: grayscale(1) brightness(10);
}

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

.layout-sustThree .mod-othercontent01 .item:hover {
    background: url(https://icdn.tradew.com/stylefile/20605/customer-itembg-revert.jpg) bottom right no-repeat #73b51d;
}

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

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

.layout-sustThree .mod-othercontent01 .item:hover .text span {
    background: #fff;
}

.layout-sustThree .mod-othercontent01 .item:hover .text span img {
    filter: grayscale(0) brightness(1);
}

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

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

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

.layout-sustFour .mod-othercontent01+.mod-othercontent01 .mod-content {
    padding-top: calc(0.5vw + 10px);
}

.layout-sustFour .mod-othercontent01 .content-bg {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: calc(0.5vw + 10px);
    border-radius: calc(0.5vw + 5px);
    transition: All 0.3s ease-in-out;
}

.layout-sustFour .mod-othercontent01 .img {
    width: calc(34% - 1vw - 10px);
    border-radius: calc(0.25vw + 5px);
    overflow: hidden;
}

.layout-sustFour .mod-othercontent01 .text {
    width: calc(66% - 2vw - 10px);
}

.layout-sustFour .mod-othercontent01 .text h3 {
    font-size: calc(0.5vw + 16px);
    line-height: calc(0.5vw + 25px);
    font-weight: 600;
    color: var(--main);
    padding-bottom: calc(0.5vw + 5px);
}

.layout-sustFour .mod-othercontent01 .text a {
    color: var(--main);
    margin-top: calc(0.75vw + 5px);
}

.layout-sustFour .mod-othercontent01 .text a:after {
    content: "\f105";
    font-family: FontAwesome;
    padding: 0 10px;
}

.layout-sustFour .mod-othercontent01 .mod-content:hover .content-bg {
    background: #ebf1ed;
}

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

    .layout-sustFour .mod-othercontent01 .text {
        width: calc(100%/2 - 0.5vw - 5px);
    }
}

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

    .layout-sustFour .mod-othercontent01 .text {
        width: 100%;
    }
}

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

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

.layout-custOne .mod-othercontent01 .content-bg>div {
    width: calc(50% - 1vw - 10px);
}

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

.layout-custOne .mod-othercontent01 .text h3 {
    font-size: calc(0.8vw + 18px);
    line-height: calc(1vw + 25px);
    font-weight: 600;
    color: var(--main);
    padding-bottom: calc(0.5vw + 5px);
}

.layout-custOne .mod-othercontent01 .img {
    border-radius: calc(0.25vw + 5px);
    overflow: hidden;
}

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

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

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

.layout-custTwo .mod-othercontent01 .content-bg>div {
    width: calc(50% - 1vw - 10px);
}

.layout-custTwo .mod-othercontent01 .img {
    border-radius: calc(0.25vw + 5px);
    overflow: hidden;
}

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

.layout-custTwo .mod-othercontent01 .text>*+* {
    padding-top: calc(0.75vw + 5px);
}

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

.layout-custTwo .mod-othercontent01 dt {
    width: calc(1.05vw + 50px);
    border-radius: calc(0.25vw + 5px);
    overflow: hidden;
    background: var(--third);
    display: block;
}

.layout-custTwo .mod-othercontent01 dd {
    width: calc(100% - 1.5vw - 55px);
    font-size: calc(0.8vw + 16px);
    line-height: calc(1vw + 25px);
    font-weight: 600;
    color: var(--main);
}

.layout-custTwo .mod-othercontent01 li {
    display: flex;
    align-items: flex-start;
}

.layout-custTwo .mod-othercontent01 li:before {
    content: "";
    width: 25px;
    height: calc(0.25vw + 20px);
    background: url(https://icdn.tradew.com/stylefile/20605/leaf.png) left bottom no-repeat;
    flex: 0 0 25px;
}

.layout-custTwo+.layout-custTwo {
    background: #fff;
}

.layout-custTwo+.layout-custTwo .mod-othercontent01 .content-bg {
    flex-direction: row-reverse;
}

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

.layout-custThree {
    padding: calc(2% + 20px) 0;
    background: #ebf1ed;
}

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

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

.layout-custThree .mod-othercontent01 .title-bg>div {
    width: calc(50% - 2vw - 10px);
}

.layout-custThree .mod-othercontent01 .title-left {
    float: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.layout-custThree .mod-othercontent01 .title-left-span:first-of-type {
    width: calc(1.05vw + 50px);
    flex: 0 0 calc(1.05vw + 50px);
    border-radius: calc(0.25vw + 5px);
    overflow: hidden;
    background: var(--third);
    display: block;
}

.layout-custThree .mod-othercontent01 .title-left-span:first-of-type img {
    width: 100%;
    height: auto;
}

.layout-custThree .mod-othercontent01 .title-left-span:last-of-type {
    width: calc(100% - 1.5vw - 55px);
    font-size: calc(0.8vw + 16px);
    line-height: calc(1vw + 25px);
    font-weight: 600;
    color: var(--main);
}

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

.layout-custThree .mod-othercontent01 .item {
    border-radius: calc(0.25vw + 5px);
    overflow: hidden;
    position: relative;
}

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

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

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

.layout-custThree .mod-othercontent01 .text a {
    font-size: calc(0.3vw + 16px);
    line-height: calc(0.5vw + 20px);
    font-weight: 500;
    display: block;
    color: #000;
}

.layout-custThree .mod-othercontent01 .text a:after {
    content: "";
    width: 50px;
    height: 4px;
    background: var(--third);
    display: block;
    margin: 5px auto;
}

@media(min-width:769px) {
    .layout-custThree .mod-othercontent01 .item:after {
        content: "";
        position: absolute;
        left: -20%;
        right: -20%;
        bottom: 0;
        height: 50%;
        transform: translate(0, 70%);
        background: rgba(0, 0, 0, 0.75);
        filter: blur(40px);
        z-index: 1;
        transition: All 0.3s ease-in-out;
    }

    .layout-custThree .mod-othercontent01 .text {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 2;
        color: #fff;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        transform: translate(0, calc(100% - 1vw - 38px));
    }

    .layout-custThree .mod-othercontent01 .text a {
        color: #fff;
        width: 100%;
        white-space: pre;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .layout-custThree .mod-othercontent01 .item:hover:after {
        left: 0;
        right: 0;
        height: 100%;
        transform: translate(0, 0);
        background: rgba(35, 103, 38, 0.8);
        filter: blur(0);
    }

    .layout-custThree .mod-othercontent01 .item:hover .text {
        transform: translate(0, 0);
        height: 100%;
    }
}

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

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

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

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

.layout-custFour .mod-othercontent01 .item-max {
    width: calc(100%/2 - 0.75vw - 5px);
}

.layout-custFour .mod-othercontent01 .img {
    overflow: hidden;
    border-radius: calc(0.25vw + 5px);
}

.layout-custFour .mod-othercontent01 .text {
    padding: 0 calc(1vw + 5px) calc(1vw + 10px);
    margin-top: calc(-0.5vw - 25px);
    position: relative;
}

.layout-custFour .mod-othercontent01 .text span {
    width: calc(1.05vw + 50px);
    border-radius: calc(0.25vw + 5px);
    font-size: calc(1vw + 25px);
    line-height: calc(1.05vw + 50px);
    color: #fff;
    text-align: center;
    overflow: hidden;
    background: var(--main);
    display: block;
    transition: All 0.3s ease-in-out;
}

.layout-custFour .mod-othercontent01 .text h3 {
    font-size: calc(0.4vw + 14px);
    line-height: calc(0.5vw + 20px);
    font-weight: 600;
    color: var(--main);
    padding: calc(0.5vw + 5px) 0 calc(0.25vw + 5px);
}

.layout-custFour .mod-othercontent01 .text li {
    display: flex;
    align-items: flex-start;
}

.layout-custFour .mod-othercontent01 .text li:before {
    content: "";
    width: 25px;
    height: calc(0.25vw + 20px);
    background: url(https://icdn.tradew.com/stylefile/20605/leaf.png) left bottom no-repeat;
    flex: 0 0 25px;
}

.layout-custFour .mod-othercontent01 .item:hover .text span {
    background: var(--third);
}

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

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

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

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

.layout-custFive .mod-othercontent01 .mod-title {
    text-align: initial;
    width: calc(50% - 1.1vw - 10px);
    padding: 0;
}

.layout-custFive .mod-othercontent01 .title-left {
    align-items: flex-start;
}

.layout-custFive .mod-othercontent01 .title-right-span {
    padding-top: calc(0.5vw + 5px);
}

.layout-custFive .mod-othercontent01 .title-right a {
    margin-top: calc(1.5vw + 10px);
    color: #fff;
    background: var(--main);
    padding: calc(0.5vw + 5px) calc(1vw + 10px);
    min-width: 120px;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 0 20vw 20vw 20vw;
}

.layout-custFive .mod-othercontent01 .title-right a:after {
    content: "\f105";
    font: calc(0.3vw + 14px)/1 FontAwesome;
    padding-left: calc(1vw + 5px);
}

.layout-custFive .mod-othercontent01 .title-right a:hover {
    background: var(--third);
}

.layout-custFive .mod-othercontent01 .mod-content {
    width: calc(50% - 1.1vw - 10px);
}

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

@media(max-width:480px) {
    .layout-custFive .mod-othercontent01 .mod-bg>div {
        width: 100%;
        padding: 10px 0;
    }
}

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

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

.layout-custSix .mod-othercontent01 .item {
    width: calc(100%/2 - 0.5vw - 5px);
    margin: calc(1.5vw + 25px) 0 calc(0.5vw + 5px);
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    background: #ebf1ed;
    border-radius: calc(0.25vw + 5px);
}

.layout-custSix .mod-othercontent01 .item>div {
    width: 50%;
}

.layout-custSix .mod-othercontent01 .img {
    padding-top: calc(1.5vw + 10px);
}

.layout-custSix .mod-othercontent01 .text {
    padding: 0 calc(1vw + 10px) calc(1vw + 10px);
    box-sizing: border-box;
}

.layout-custSix .mod-othercontent01 .text span {
    width: calc(1.6vw + 50px);
    border-radius: 50%;
    overflow: hidden;
    background: var(--main);
    display: block;
    margin-top: calc(-0.8vw - 25px);
}

.layout-custSix .mod-othercontent01 .text h3 {
    font-size: calc(0.4vw + 16px);
    line-height: calc(0.5vw + 20px);
    font-weight: 500;
    color: var(--main);
    padding: calc(0.5vw + 5px) 0 calc(0.25vw + 5px);
}

.layout-custSix .mod-othercontent01 .text li {
    display: flex;
    align-items: flex-start;
}

.layout-custSix .mod-othercontent01 .text li:before {
    content: "✔";
    flex: 0 0 20px;
    color: var(--deputy);
}

.layout-custSix .mod-othercontent01 .item:hover {
    background: url(https://icdn.tradew.com/stylefile/20605/customer-itembg.jpg) left top no-repeat var(--third);
    color: #fff;
}

.layout-custSix .mod-othercontent01 .item:hover * {
    color: #fff !important;
}

.layout-custSix .mod-othercontent01 .item:hover .text li:before {
    color: #fff;
}

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

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

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

.layout-custSev .mod-othercontent01 .title-left {
    float: none;
    font-size: calc(0.2vw + 14px);
}

.layout-custSev .mod-othercontent01 .mod-title h2 {
    font-size: calc(1.2vw + 18px);
    line-height: calc(1.25vw + 25px);
    font-weight: 600;
}

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

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

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

.layout-facOne .mod-othercontent01 .mod-title {
    text-align: initial;
    width: calc(50% - 1vw - 10px);
    padding: calc(0.5vw + 10px) 0;
}

.layout-facOne .mod-othercontent01 .title-left {
    align-items: flex-start;
}

.layout-facOne .mod-othercontent01 .title-right-span {
    padding-top: calc(0.5vw + 5px);
}

.layout-facOne .mod-othercontent01 .mod-content {
    width: calc(50% - 1.5vw - 10px);
}

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

.layout-facOne .mod-othercontent01 .text {
    width: calc(50% - 5px);
    margin: 5px 0;
    box-sizing: border-box;
    padding: calc(0.5vw + 10px);
    background: var(--main);
    color: #fff;
    border-radius: calc(0.25vw + 5px);
    overflow: hidden;
}

.layout-facOne .mod-othercontent01 dl {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: calc(0.5vw + 5px);
}

.layout-facOne .mod-othercontent01 dt {
    width: 45px;
    border-radius: calc(0.25vw + 5px);
    overflow: hidden;
    background: var(--third);
    display: block;
}

.layout-facOne .mod-othercontent01 dd {
    width: calc(100% - 55px);
    font-size: calc(0.2vw + 14px);
}

.layout-facOne .mod-othercontent01 .text h3 {
    font-size: calc(2vw + 20px);
    line-height: calc(2vw + 25px);
    font-weight: 500;
    display: flex;
    align-items: flex-end;
}

.layout-facOne .mod-othercontent01 .text sub {
    font-size: calc(1vw + 12px);
    line-height: calc(1vw + 15px);
    padding: 5px;
}

.layout-facOne .mod-othercontent01 .text:first-of-type,
.layout-facOne .mod-othercontent01 .text:last-of-type {
    background: var(--third);
}

.layout-facOne .mod-othercontent01 .text:first-of-type dt,
.layout-facOne .mod-othercontent01 .text:last-of-type dt {
    background: var(--main);
}

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

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

.layout-facTwo .mod-othercontent01 .mod-title {
    padding: 0 0 calc(0.25vw + 5px);
}

.layout-facTwo .mod-othercontent01 .title-right {
    max-width: initial;
    text-align: initial;
    font-size: calc(0.6vw + 16px);
    line-height: calc(0.75vw + 20px);
    font-weight: 500;
    color: var(--main);
    padding: calc(0.25vw + 5px) calc(0.5vw + 5px);
    border-left: 6px solid var(--main);
}

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

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

.layout-facTwo .mod-othercontent01 .img {
    width: calc(50% - 2.6vw - 10px);
    border-radius: calc(0.25vw + 5px);
    overflow: hidden;
}

.layout-facTwo .mod-othercontent01 .text {
    width: 50%;
    padding: calc(0.5vw + 10px) 0;
}

.layout-facTwo .mod-othercontent01 .text p+* {
    padding-top: calc(0.5vw + 5px);
}

.layout-facTwo .mod-othercontent01 .text h3 {
    font-size: calc(0.4vw + 14px);
    line-height: calc(0.5vw + 20px);
    font-weight: 500;
    color: var(--main);
    padding-bottom: calc(0.25vw + 5px);
}

.layout-facTwo .mod-othercontent01 .text ul {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: space-between;
}

.layout-facTwo .mod-othercontent01 .text li {
    width: calc(100%/4 - 0.5vw - 5px);
    margin: calc(0.25vw + 5px) 0;
    position: relative;
    padding: calc(1vw + 5px) calc(0.5vw + 5px);
    border: 1px solid #ccc;
    box-sizing: border-box;
    border-radius: calc(0.25vw + 5px);
    text-align: center;
    cursor: default;
}

.layout-facTwo .mod-othercontent01 .text li:after {
    content: "\f105";
    font: calc(0.5vw + 16px)/1 FontAwesome;
    position: absolute;
    top: 50%;
    left: 100%;
    transform: translate(5px, -50%);
    color: var(--main);
}

.layout-facTwo .mod-othercontent01 .text li:last-of-type {
    width: calc(100%/2 - 0.5vw - 5px);
}

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

.layout-facTwo .mod-othercontent01 .text li:hover {
    background: #fff;
    border-color: #fff;
    color: var(--main);
}

.layout-facTwo+.layout-facTwo {
    background: #fff;
}

.layout-facTwo+.layout-facTwo .mod-othercontent01 .content-bg {
    flex-direction: row-reverse;
}

.layout-facTwo+.layout-facTwo .mod-othercontent01 .text h3 {
    font-size: calc(0.6vw + 16px);
    line-height: calc(0.75vw + 20px);
}

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

    .layout-facTwo .mod-othercontent01 .text {
        width: 100%;
    }
}

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

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

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

.layout-facThree .mod-othercontent01 .mod-title {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    padding-bottom: calc(0.5vw + 10px);
}

.layout-facThree .mod-othercontent01 .mod-title:before {
    content: "";
    width: 6px;
    height: calc(1.25vw + 30px);
    background: var(--main);
    display: block;
}

.layout-facThree .mod-othercontent01 .title-bg {
    width: calc(100% - 0.5vw - 10px);
}

.layout-facThree .mod-othercontent01 .title-left {
    float: none;
    font-size: calc(0.6vw + 16px);
    line-height: calc(0.75vw + 20px);
    font-weight: 500;
    color: var(--main);
    padding: calc(0.25vw + 5px) 0;
}

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

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

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

.layout-facThree .mod-othercontent01 .img {
    width: calc(50% - 2.6vw - 10px);
    border-radius: calc(0.25vw + 5px);
    overflow: hidden;
}

.layout-facThree .mod-othercontent01 .text {
    width: 50%;
    padding: calc(0.5vw + 10px) 0;
}

.layout-facThree .mod-othercontent01 .text h3 {
    font-size: calc(0.6vw + 16px);
    line-height: calc(0.75vw + 20px);
    font-weight: 500;
    color: var(--main);
    padding: calc(0.5vw + 5px) 0;
}

.layout-facThree .mod-othercontent01 .text span {
    width: calc(1vw + 40px);
    display: block;
    background: var(--third);
    border-radius: calc(0.25vw + 5px);
    overflow: hidden;
}

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

    .layout-facThree .mod-othercontent01 .text {
        width: 100%;
    }
}

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

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

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

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

.layout-facFour .mod-othercontent01 .img {
    border-radius: calc(0.25vw + 5px);
    overflow: hidden;
}

.layout-facFour .mod-othercontent01 .text {
    padding: 0 calc(0.5vw + 5px);
    margin-top: calc(-0.5vw - 20px);
    position: relative;
}

.layout-facFour .mod-othercontent01 .text span {
    width: calc(1.05vw + 40px);
    border-radius: 50%;
    overflow: hidden;
    background: var(--main);
    display: block;
}

.layout-facFour .mod-othercontent01 .text h3 {
    font-size: calc(0.4vw + 14px);
    line-height: calc(0.5vw + 20px);
    font-weight: 500;
    color: #000;
    padding: calc(0.5vw + 5px) 0 5px;
}

.layout-facFour .mod-othercontent01 .item:hover .text span {
    background: var(--third);
}

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

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

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

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

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

.layout-facFive .mod-othercontent01 .item {
    width: calc(100%/2 - 0.75vw - 5px);
    border-radius: calc(0.25vw + 5px);
    margin: calc(0.25vw + 5px) 0;
    overflow: hidden;
}

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

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

.layout-facFive .mod-othercontent01 .text h3 {
    font-size: calc(0.4vw + 14px);
    line-height: calc(0.5vw + 20px);
    font-weight: 500;
    color: var(--main);
    padding-bottom: calc(0.25vw + 5px);
}

.layout-facFive .mod-othercontent01 .text a {
    margin-top: calc(1vw + 10px);
    color: var(--main);
    display: inline-flex;
    align-items: center;
}

.layout-facFive .mod-othercontent01 .text a:after {
    content: "\f105";
    font-family: FontAwesome;
    padding: 0 10px;
}

.layout-facFive .mod-othercontent01 .text a:hover {
    background: var(--third);
}

.layout-facFive .mod-othercontent01 .item:hover {
    background: #fff;
}

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

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

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

.layout-quaOne .mod-othercontent01 .mod-title {
    text-align: initial;
    width: calc(50% - 1vw - 10px);
    padding: 0;
}

.layout-quaOne .mod-othercontent01 .title-left {
    align-items: flex-start;
}

.layout-quaOne .mod-othercontent01 .title-right-span {
    padding-top: calc(0.5vw + 5px);
}

.layout-quaOne .mod-othercontent01 .title-right h3 {
    font-size: calc(0.4vw + 14px);
    line-height: calc(0.5vw + 20px);
    font-weight: 500;
    color: var(--main);
}

.layout-quaOne .mod-othercontent01 .mod-content {
    width: calc(50% - 1.5vw - 10px);
}

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

@media(max-width:768px) {
    .layout-quaOne .mod-othercontent01 .mod-bg>div {
        width: 100%;
        padding: 10px 0;
    }
}

.mod-othercontent01-qua .title-bg {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-bottom: calc(0.5vw + 5px);
}

.mod-othercontent01-qua .title-left {
    float: none;
    width: calc(1vw + 40px);
    font-size: calc(1vw + 24px);
    line-height: calc(1vw + 40px);
    text-align: center;
    color: #fff;
    display: block;
    background: var(--main);
    border-radius: calc(0.25vw + 5px);
    overflow: hidden;
}

.mod-othercontent01-qua .title-right {
    float: none;
    font-size: calc(0.6vw + 16px);
    line-height: calc(0.75vw + 20px);
    font-weight: 500;
    color: var(--main);
    padding: calc(0.25vw + 5px) calc(0.5vw + 5px);
}

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

.mod-othercontent01-qua .content-bg>.img {
    width: calc(50% - 0.5vw - 10px);
    border-radius: calc(0.25vw + 5px);
    overflow: hidden;
}

.mod-othercontent01-qua .content-bg>.text {
    width: calc(50% - 10px);
    border-radius: calc(0.25vw + 5px);
    overflow: hidden;
}

.mod-othercontent01-qua .text {
    padding: calc(0.5vw + 10px);
    box-sizing: border-box;
}

.mod-othercontent01-qua .text li {
    display: flex;
    align-items: flex-start;
}

.mod-othercontent01-qua .text li:before {
    content: "✔";
    flex: 0 0 20px;
}

.mod-othercontent01-qua .text p+* {
    padding-top: calc(0.5vw + 10px);
}

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

    .mod-othercontent01-qua .content-bg>.text {
        width: 100%;
    }
}

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

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

.layout-quaTwo .mod-othercontent01-title .mod-title {
    padding: 0;
}

.layout-quaTwo .mod-othercontent01-title .mod-content {
    max-width: 1160px;
    margin: auto;
    text-align: center;
}

.layout-quaTwo .mod-othercontent01-qua .content-bg {
    align-items: flex-start;
}

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

.layout-quaTwo .mod-othercontent01 .item .img {
    border-radius: 0 0 calc(0.25vw + 5px) calc(0.25vw + 5px);
}

.layout-quaTwo .mod-othercontent01 .text h3 {
    font-size: calc(0.4vw + 14px);
    line-height: calc(0.5vw + 20px);
    font-weight: 500;
    color: var(--main);
    display: flex;
    align-items: flex-start;
    padding-bottom: calc(0.25vw + 5px);
}

.layout-quaTwo .mod-othercontent01 .text h3:before {
    content: "";
    width: calc(0.5vw + 25px);
    height: calc(0.5vw + 20px);
    flex: 0 0 calc(0.5vw + 30px);
    background: url(https://icdn.tradew.com/stylefile/20605/check-circle.png) left center no-repeat;
    background-size: auto 100%;
}

.layout-quaTwo .mod-othercontent01 .item:hover .img {
    border-radius: 0;
}

.layout-quaTwo .mod-othercontent01 .item:hover .text {
    background: url(https://icdn.tradew.com/stylefile/20605/customer-itembg.jpg) left top no-repeat var(--third);
    color: #fff;
}

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

.layout-quaTwo .mod-othercontent01 .item:hover .text h3:before {
    filter: grayscale(1) brightness(10);
}

.layout-quaTwo .mod-othercontent01-qua+.mod-othercontent01-qua .content-bg {
    align-items: center;
}

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

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

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

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

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

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

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

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

.layout-quaFour .mod-othercontent01 .img {
    border-radius: calc(0.25vw + 5px);
    overflow: hidden;
}

.layout-quaFour .mod-othercontent01 .text {
    position: relative;
    z-index: 2;
    min-height: calc(7vw + 100px);
    margin-top: calc(-0.5vw - 10px);
    border-radius: calc(0.25vw + 5px);
    padding: calc(0.5vw + 10px) calc(1vw + 10px);
    overflow: hidden;
    background-color: #fff;
}

.layout-quaFour .mod-othercontent01 .text p {
    font-size: calc(0.1vw + 12px);
    line-height: calc(0.25vw + 15px);
}

.layout-quaFour .mod-othercontent01 .text span {
    width: 50px;
    display: block;
}

.layout-quaFour .mod-othercontent01 .text h3 {
    font-size: calc(0.2vw + 16px);
    line-height: calc(0.5vw + 20px);
    font-weight: 600;
    color: #000;
    padding: calc(0.25vw + 5px) 0;
}

.layout-quaFour .mod-othercontent01 .item:hover .text {
    color: #fff;
    background: url(https://icdn.tradew.com/stylefile/20605/customer-itembg-revert.jpg) bottom right no-repeat #73b51d;
}

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

.layout-quaFour .mod-othercontent01 .item:hover span img {
    filter: grayscale(1) brightness(10);
}

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

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

</style><style data-model-guid="74">.mod-card01 .card-html {}

.mod-card01 .card-html-tab {
    display: none;
}

.mod-card01 .card-html .on {
    display: block;
}

.mod-card01-title .mod-title {
    text-align: center;
    padding: 0 calc(1vw + 10px) calc(0.5vw + 10px);
}

.mod-card01-title .title-left {
    float: none;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.mod-card01-title .title-left:after {
    content: "";
    display: block;
    width: 200px;
    height: 30px;
    background: url(https://icdn.tradew.com/stylefile/20605/title-bg.png) center no-repeat;
    margin: 5px auto;
}

.mod-card01-title .title-right {
    float: none;
    max-width: 980px;
    margin: auto;
}

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

.mod-card01-title .mod-title h2 {
    font-size: calc(1.2vw + 16px);
    line-height: calc(1.25vw + 20px);
    color: transparent;
    font-weight: 600;
    background: linear-gradient(90deg, #1c562d 80%, #9bd14d);
    -webkit-background-clip: text !important;
}

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

.layout-supply .mod-card01 .card-title {
    padding: calc(0.25vw + 5px) 0;
}

.layout-supply .mod-card01 .card-title ul {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: space-between;
}

.layout-supply .mod-card01 .card-title li {
    margin: 10px;
    position: relative;
    flex: 1 1 0;
}

.layout-supply .mod-card01 .card-title li:after {
    content: "";
    position: absolute;
    top: 50%;
    left: calc(100% + 3px);
    border: 12px solid transparent;
    border-left-color: var(--main);
    transform: translate(0, -50%);
}

.layout-supply .mod-card01 .card-title li:last-of-type:after {
    display: none;
}

.layout-supply .mod-card01 .card-title li a {
    font-size: calc(0.3vw + 14px);
    line-height: calc(0.35vw + 20px);
    color: #000;
    background: #ebf1ed;
    height: 100%;
    text-align: center;
    padding: calc(0.5vw + 10px);
    display: block;
    border-radius: calc(0.25vw + 5px);
    box-sizing: border-box;
}

.layout-supply .mod-card01 .card-title li a:before {
    content: "";
    width: calc(2vw + 60px);
    height: calc(2.05vw + 30px);
    display: block;
    background-size: auto 100% !important;
    margin: auto;
    transition: All 0.3s ease-in-out;
}

.layout-supply .mod-card01 .card-title li:nth-of-type(1) a:before {
    background: url(https://icdn.tradew.com/stylefile/20605/supply-icon01.png) center no-repeat;
}

.layout-supply .mod-card01 .card-title li:nth-of-type(2) a:before {
    background: url(https://icdn.tradew.com/stylefile/20605/supply-icon02.png) center no-repeat;
}

.layout-supply .mod-card01 .card-title li:nth-of-type(3) a:before {
    background: url(https://icdn.tradew.com/stylefile/20605/supply-icon03.png) center no-repeat;
}

.layout-supply .mod-card01 .card-title li:nth-of-type(4) a:before {
    background: url(https://icdn.tradew.com/stylefile/20605/supply-icon04.png) center no-repeat;
}

.layout-supply .mod-card01 .card-title li:nth-of-type(5) a:before {
    background: url(https://icdn.tradew.com/stylefile/20605/supply-icon05.png) center no-repeat;
}

.layout-supply .mod-card01 .card-title li.on a {
    background: #1b9e42;
    color: #fff;
}

.layout-supply .mod-card01 .card-title li.on a:before {
    filter: brightness(2) hue-rotate(-15deg);
}

.layout-supply .mod-card01 .card-html dl {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.layout-supply .mod-card01 .card-html dt {
    width: calc(55% - 1vw - 10px);
    padding: calc(1vw + 10px) 0;
}

.layout-supply .mod-card01 .card-html dt h3 {
    font-size: calc(0.7vw + 14px);
    line-height: calc(0.75vw + 20px);
    color: var(--main);
    padding-bottom: calc(0.5vw + 10px);
}

.layout-supply .mod-card01 .card-html dt a {
    color: #fff;
    background: #53ad32;
    padding: calc(0.5vw + 5px) calc(1vw + 10px);
    min-width: 120px;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    border-radius: 0 20vw 20vw 20vw;
    margin-top: calc(2vw + 10px);
}

.layout-supply .mod-card01 .card-html dt a:after {
    content: "\f105";
    font: calc(0.3vw + 14px)/1 FontAwesome;
}

.layout-supply .mod-card01 .card-html dt a:hover {
    background: var(--third);
}

.layout-supply .mod-card01 .card-html dd {
    width: calc(45% - 10px);
    border-radius: calc(0.25vw + 5px);
    overflow: hidden;
}

@media(max-width:768px) {}

@media(max-width:480px) {

    .layout-supply .mod-card01 .card-html dt,
    .layout-supply .mod-card01 .card-html dd {
        width: 100%;
    }
}

</style><style data-model-guid="35">.layout-news {
    padding: calc(2% + 20px) 0;
    background: #ebf1ed;
}

.mod-news01 .mod-title {
    text-align: center;
    padding: 0 calc(1vw + 10px) calc(0.5vw + 10px);
}

.mod-news01 .title-left {
    float: none;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.mod-news01 .title-left:after {
    content: "";
    display: block;
    width: 200px;
    height: 30px;
    background: url(https://icdn.tradew.com/stylefile/20605/title-bg.png) center no-repeat;
    margin: 5px auto;
}

.mod-news01 .title-right {
    float: none;
    max-width: 980px;
    margin: auto;
}

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

.mod-news01 .mod-title h2 {
    font-size: calc(1.2vw + 16px);
    line-height: calc(1.25vw + 20px);
    color: transparent;
    font-weight: 600;
    background: linear-gradient(90deg, #1c562d 80%, #9bd14d);
    -webkit-background-clip: text !important;
}

.mod-news01 .news-tabs {
    overflow: hidden;
}

.mod-news01 .news-tab {
    width: calc(50% - 0.5vw - 5px);
    margin: calc(0.25vw + 5px) 0;
    border-radius: calc(0.25vw + 5px);
    overflow: hidden;
    float: left;
    transition: All 0.3s ease-in-out;
}

.mod-news01 .news-tab img {
    width: 100%;
    height: auto;
}

.mod-news01 .news-tab a {
    display: block;
}

.mod-news01 .news-tab .news-img a {
    border-radius: calc(0.25vw + 5px);
    overflow: hidden;
}

.mod-news01 .news-tab .news-content {
    display: flex;
    flex-direction: column;
}

.mod-news01 .news-tab .news-content * {
    order: 2;
}

.mod-news01 .news-tab .news-time {
    font-size: calc(0.1vw + 12px);
    line-height: calc(0.25vw + 15px);
    color: #fff;
    order: 1;
}

.mod-news01 .news-tab .news-time:before {
    content: "\f272";
    font: calc(0.2vw + 12px)/1 FontAwesome;
    padding-right: 10px;
}

.mod-news01 .news-tab+.news-tab {
    display: flex;
    align-items: start;
    justify-content: space-between;
    flex-wrap: wrap;
    float: right;
}

.mod-news01 .news-tab+.news-tab .news-img {
    width: 30.75%;
}

.mod-news01 .news-tab+.news-tab .news-content {
    width: 69.25%;
    padding: 10px;
    box-sizing: border-box;
}

.mod-news01 .news-tab+.news-tab .news-time {
    color: #333;
}

.mod-news01 .news-tab+.news-tab .news-tab-link {
    font-size: calc(0.2vw + 14px);
    line-height: calc(0.25vw + 20px);
    color: var(--main);
    padding: 5px 0;
    font-weight: 500;
    display: block;
}

.mod-news01 .news-tab+.news-tab .news-simpledesc {
    font-size: calc(0.1vw + 12px);
    line-height: calc(0.25vw + 15px);
}

.mod-news01 .news-tab+.news-tab:hover {
    background: #fff;
}

.mod-news01 .news-tab:first-of-type {
    position: relative;
}

.mod-news01 .news-tab:first-of-type .news-content {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: calc(0.5vw + 10px) calc(1.5vw + 10px);
    background: rgba(0, 0, 0, 0.5);
}

.mod-news01 .news-tab:first-of-type .news-tab-link {
    font-size: calc(0.4vw + 14px);
    line-height: calc(0.5vw + 20px);
    color: #fff;
    font-weight: 500;
    display: block;
    padding-top: 5px;
}

.mod-news01 .news-tab:first-of-type .news-simpledesc {
    display: none;
}

@media(max-width:768px) {
    .mod-news01 .news-tab {
        width: 100%;
    }

    .mod-news01 .news-tab+.news-tab .news-img {
        width: 100%;
    }

    .mod-news01 .news-tab+.news-tab .news-content {
        width: 100%;
    }
}

</style><style data-model-guid="81">.mod-footerhtml01 .content-bg {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.mod-footerhtml01 .item {
    flex: 1 0 1;
    padding: 0 calc(0.5vw + 10px);
}

.mod-footerhtml01 .item h3 {
    font-size: calc(0.2vw + 14px);
    color: #fff;
    font-weight: 500;
    padding-bottom: calc(0.5vw + 5px);
}

.mod-footerhtml01 .item li a {
    color: #a8c87e;
    padding: 5px 0;
    font-weight: 300;
}

.mod-footerhtml01 .item li a:hover {
    color: #fff;
}

@media(max-width:480px) {
    .mod-footerhtml01 .item {
        width: 100%;
        padding: 10px 0;
        flex: inherit;
    }
}

</style><style data-model-guid="36">.mod-contact01 .title-left {
    float: none;
    font-size: calc(0.2vw + 14px);
    color: #fff;
    font-weight: 500;
    padding-bottom: calc(0.5vw + 5px);
}

.mod-contact01 .contact-images-left {
    display: none;
}

.mod-contact01 dl {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    line-height: 25px;
    overflow: hidden;
    font-size: 14px;
    color: #a8c87e;
    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: #a8c87e;
}

.mod-contact01 a:hover {
    color: #fff;
}

.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";
}

</style><style data-model-guid="71">.mod-share01 {
    overflow: hidden;
}

.mod-share01 .mod-share-bg {
    display: flex;
    align-items: center;
}

.mod-share01 .title-left {
    float: none;
    font-size: 14px;
    line-height: 25px;
    color: #75b61f;
    text-transform: uppercase;
}

.mod-share01 .content-bg {
    display: flex;
    padding: 0 5px;
}

.mod-share01 a {
    text-align: center;
    display: block;
    line-height: 40px;
    width: 40px;
    overflow: hidden;
    font: 20px/1 FontAwesome;
    margin: 0 5px;
    color: #75b61f;
    border-radius: 5px;
}

.mod-share01 a:before {
    line-height: 40px;
    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 {
    background: #1c562d;
}

</style><style data-model-guid="70">.mod-subscription01 {
    overflow: hidden;
}

.mod-subscription01 .mod-subscription-bg {
    display: flex;
    align-items: center;
}

.mod-subscription01 .title-left {
    float: none;
    font-size: 14px;
    line-height: 25px;
    color: #75b61f;
    text-transform: uppercase;
}

.mod-subscription01 .content-bg {
    margin: 0 calc(0.5vw + 5px);
    border-radius: 5px;
    display: flex;
    overflow: hidden;
    background: #75b61f;
}

.mod-subscription01 .text {
    height: 20px;
    line-height: 20px;
    color: #1c562d;
    font-size: 14px;
    padding: 10px;
    margin: 0px;
    border: none;
    width: calc(5vw + 150px);
    background: transparent;
    flex: 1 2 0;
}

.mod-subscription01 .subscription {
    width: 50px;
    height: 40px;
    text-align: center;
    color: #1c562d;
    border: none;
    cursor: pointer;
    background: transparent;
    transition: All 0.2s ease-in-out;
}

.mod-subscription01 .subscription:before {
    content: "\f1d8";
    font: 20px/1 FontAwesome;
    display: block;
    text-align: center;
}

</style><style data-model-guid="37">.layout-bottom {
    padding: 15px 0;
    background: #1c562d;
}

.mod-footer01 {
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    overflow: hidden;
    color: #a8c87e;
}

.mod-footer01 a {
    color: #a8c87e;
    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;
    }
}