/* Extracted from index.html — do not edit by hand unless needed */

/* --- style block 0 --- */

body{margin:0;padding:0;font-family:Arial,sans-serif;}font:not([color]){color:inherit!important;}*:focus{outline:0;}.page-box .stop-scroll{height:100vh;overflow:hidden;}.page-box textarea{resize:none;}.page-box a:has(img){display:block;}.page-box img{border:0;display:block;max-width:100%;}.page-box h1,.page-box h2,.page-box h3,.page-box h4,.page-box h5,.page-box h6{font-size:inherit;font-family:inherit;line-height:inherit;}.page-box .desc-content h1,.page-box .detail-content h1,.page-box .editer-module h1,.page-box .desc-content h2,.page-box .detail-content h2,.page-box .editer-module h2,.page-box .desc-content h3,.page-box .detail-content h3,.page-box .editer-module h3,.page-box .desc-content h4,.page-box .detail-content h4,.page-box .editer-module h4,.page-box .desc-content h5,.page-box .detail-content h5,.page-box .editer-module h5,.page-box .desc-content h6,.page-box .detail-content h6,.page-box .editer-module h6{font-size:revert;line-height:revert;font-weight:revert;}.page-box *{padding:0;margin:0;list-style:none;}.page-box a{cursor:pointer;text-decoration:none;}.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,.page-box textarea,.page-box select{font-family:inherit;font-size: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(../picture/cn.png);}.page-box .flag-en{background-image:url(../picture/en.png);}.page-box .flag-fr{background-image:url(../picture/fr.png);}.page-box .flag-ja{background-image:url(../picture/ja.png);}.page-box .flag-ko{background-image:url(../picture/ko.png);}.page-box .flag-tw{background-image:url(../picture/tw.png);}.page-box .flag-ar{background-image:url(../picture/ar.png);}.page-box .flag-de{background-image:url(../picture/de.png);}.page-box .flag-es{background-image:url(../picture/es.png);}.page-box .flag-it{background-image:url(../picture/it.png);}.page-box .flag-ps{background-image:url(../picture/ps.png);}.page-box .flag-po{background-image:url(../picture/po.png);}.page-box .flag-tk{background-image:url(../picture/tk.png);}.page-box .flag-in{background-image:url(../picture/in.png);}.page-box .flag-cs{background-image:url(../picture/cs.png);}.page-box .flag-pl{background-image:url(../picture/pl.png);}.page-box .flag-th{background-image:url(../picture/th.png);}.page-box .flag-vn{background-image:url(../picture/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;}.revert-directory{border:solid 1px #ddd;background:#fafafa;}.revert-directory *{padding:revert!important;margin:revert!important;font-size:revert!important;font-weight:revert!important;}.revert-directory h2{padding:0 20px!important;}.revert-default *{padding:revert!important;margin:revert!important;font-size:revert!important;font-weight:revert!important;}.revert-default table{width:100%;border-collapse:collapse;border:1px solid #ddd;}.revert-default table td,.revert-default table th{padding:5px!important;border:1px solid #ddd;text-align:center;}.revert-default table thead{background:#f0f0f0;font-weight:600;}.revert-default a{color:var(--main)!important;padding-right:0!important;text-decoration:underline!important;}


/* --- style block 1 --- */

.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 block 2 --- */

:root{--main:#172B46; --deputy:#5f5f5f; --width:1600px; }

.layout{overflow:hidden; }

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

.clear{display:none; }

.page-layout .mod{display:none !important; }
.page-layout .layout{position:static !important; }
.page-layout .layout-bg{flex-direction:inherit !important; align-items:inherit !important; }

.main{position:relative; }

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

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

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

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

input:focus{outline:none; }

textarea:focus{outline:none; }

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

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

button:hover{opacity:1 !important; }

.mod a{display:inline-block; color:inherit; transition:All 0.3s ease-in-out; }
.mod{color:#333; font-size:calc(0.2vw + 12px); line-height:calc(0.25vw + 20px); font-family:'Roboto',sans-serif; }

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

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

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

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

.layout-page{padding:calc(2% + 20px) 0; }
.layout-page .left{width:calc(77.5% - 1vw - 10px); }
.layout-page .right{width:22.5%; }
.layout-page .mod-color+.mod-color{margin-top:calc(1vw + 20px); }
.layout-page .mod-color .mod-title{padding-bottom:calc(0.5vw + 10px); }
.layout-page .mod-color .title-left{font-size:calc(0.3vw + 16px); line-height:calc(0.35vw + 20px); font-weight:500; }

.page-box-productslist .layout-page .layout-bg{display:flex; justify-content:space-between; flex-wrap:wrap; align-items:start; flex-direction:row-reverse; }

.page-box-productsdesc .layout-page .layout-bg{display:flex; justify-content:space-between; flex-wrap:wrap; align-items:start; flex-direction:row-reverse; }

.layout-page-xf{padding:calc(2% + 20px) 0; }
.layout-page-xf .right{width:calc(77.5% - 1vw - 10px); }
.layout-page-xf .left{width:22.5%; }
.layout-page-xf .mod-color+.mod-color{margin-top:calc(1vw + 20px); }
.layout-page-xf .mod-color .mod-title{padding-bottom:calc(0.5vw + 10px); }
.layout-page-xf .mod-color .title-left{font-size:calc(0.3vw + 16px); line-height:calc(0.35vw + 20px); font-weight:500; }

.page-box-productslist .layout-page-xf .layout-bg{display:flex; justify-content:space-between; flex-wrap:wrap; align-items:start; flex-direction:row-reverse; }

.page-box-productsdesc .layout-page-xf .layout-bg{display:flex; justify-content:space-between; flex-wrap:wrap; align-items:start; flex-direction:row-reverse; }

.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); font-weight:600; }

.layout-nav{transition:All 0.3s ease-in-out; overflow:visible; position:sticky; top:0; z-index:8; background:var(--main); }
.layout-nav .layout-bg{display:flex; align-items:center; justify-content:space-between; }

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

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

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

@media(min-width:769px){
.layout-nav .right{flex:auto; }
.layout-nav .right .right-bottom-bg{display:flex; }
.layout-nav .right .right-bottom-left{flex:auto; }
.page-box-default .layout-nav{position:fixed; top:0; left:0; right:0; background:rgba(0,0,0,0.5); }
.page-box-default .layout-nav.fixed{background:var(--main); }
}

@media(max-width:768px){
.mod-othercontent01 .mod-content img{max-width:inherit; width:100%; }
.layout{min-width:320px; }
.layout-bg{width:calc(100% - 2vw - 20px); }
.layout-pagecontact .layout-bg > div{width:100%; padding:10px 0; }
.layout-page .layout-bg > .left{width:100%; }
.layout-page .layout-bg > .right{width:100%; padding-top:20px; }
.layout-nav{height:50px; z-index:8; padding:10px 0; box-shadow:0 5px 10px rgba(0,0,0,0.1); }
.layout-nav .right-top{display:none; }
}

.mod .pagination{padding:5px 0; display:flex; align-items:center; justify-content:center; }
.mod .pagination .pagination-nav li{float:left; margin:2px; }
.mod .pagination .pagination-nav li a{text-align:center; background:#f0f0f0; display:block; line-height:30px; overflow:hidden; color:#333; border-radius:3px; font-size:14px; padding:0 5px; min-width:20px; cursor:pointer; text-transform:uppercase; }
.mod .pagination .pagination-link:hover{background:var(--main); color:#fff; }
.mod .pagination .pagination-nav .pagination-active .pagination-link{cursor:not-allowed; color:#aaa; background:transparent; }
.mod .pagination .pagination-nav .pagination-disabled a{cursor:not-allowed; background:transparent; color:#ccc !important; }
.mod .pagination .page-goto{display:flex; align-items:center; justify-content:center; }
.mod .pagination .page-goto > *{margin:2px; }
.mod .pagination .page-goto .pager-label{line-height:30px; padding:0 5px; color:#fff; }
.mod .pagination .page-goto .textfield-normal{height:20px; min-width:40px; line-height:20px; background:#f0f0f0; color:#333; font-size:14px; padding:5px; border-radius:50vw; margin:0 5px; border:none; text-align:center; }
.mod .pagination .page-goto .pager-button{background:#f0f0f0; display:block; padding:1px 10px; line-height:30px; color:#333; font-size:14px; border-radius:3px; }
.mod .pagination .page-goto .pager-button:hover{background:var(--main); color:#fff; }

@media(max-width:480px){
.mod .pagination .pagination-nav li{display:none; }
.mod .pagination .pagination-nav li:first-of-type,.mod .pagination .pagination-nav li:last-of-type{display:block; }
}

.mod-detail .bottom-bg{line-height:20px; color:#333; }
.mod-detail .bottom-bg > div{display:flex; align-items:center; }
.mod-detail .bottom-bg a{flex:1 2 0; display:block; text-overflow:ellipsis; white-space:pre; overflow:hidden; color:#333; }
.mod-detail .mod-bottom span:after{content:":"; padding:0 3px; }
.mod-detail .mod-bottom a{color:var(--main); }
.mod-detail .mod-bottom a:hover{text-decoration:underline; }

.layout-quote-irvdu{padding:calc(2% + 20px) 0; background:url(../picture/8493821.jpg?x-oss-process=image/quality,Q_90) top center no-repeat; background-position:center center; background-repeat:no-repeat; background-size:cover; }
.layout-quote-irvdu .layout-bg{display:flex; align-items:start; flex-wrap:wrap; justify-content:space-between; }

@media(min-width:769px){
.layout-quote-irvdu .left{width:calc(50% - 3vw - 10px); }
.layout-quote-irvdu .right{width:calc(50% - 1vw - 10px); }
}

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

.mod a{color:inherit; }
.mod a[href*="inquiry"],.mod a[href*="contact"]{color:#fff !important; }
.mod a[href*="inquiry"]:hover,.mod a[href*="contact"]:hover{color:#fff !important; }


/* --- style block 3 --- */

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

@media(max-width:768px){
 .mod-top01 .top-logo img{max-height:50px; filter:grayscale(1) brightness(20);}
}

.layout-nav.fixed .mod-top01 .top-logo img{filter:grayscale(1) brightness(20);}


/* --- style block 4 --- */

.flag{margin:9px 5px;}
.mod-header01{overflow:visible;}

.mod-header01 .mod-content{display:flex;}
.mod-header01 .content-bg{overflow:visible; display:flex; padding:0 10px;}
.mod-header01 .language-title{font-size:14px; color:#fff; line-height:30px; text-transform:uppercase; padding:5px; 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{line-height:30px; display:inline-block; padding:0 5px; white-space:pre;}
.mod-header01 .language-content .language-link{display:flex; align-items:center; justify-content:space-between; padding:5px; color:#fff; font-size:14px;}
.mod-header01 .language-content .language-link:before{content:"\f0ac"; font:22px/1 FontAwesome; line-height:30px;}
.mod-header01 .language-content .language-link:after{content:"\f107"; font:18px/1 FontAwesome; line-height:30px; transition: All 0.3s ease-in-out;}

.mod-header01 .language-content .language-tabs{position:absolute; top:100%; left:0; display:none; background:#fff; z-index:99; min-width:100px; max-height:40vh; overflow-y:auto; box-shadow:0 5px 10px rgba(0,0,0,0.15);}
.mod-header01 .language-content .language-tabs a{padding:5px; overflow:hidden; font-size:12px;}
.mod-header01 .language-content .language-tab + .language-tab{border-top:1px dashed rgba(0,0,0,0.1);}
.mod-header01 .language-content .language-tabs .text{color:#333;}
.mod-header01 .language-content .language-tabs a:hover{background:#f0f0f0;}
.mod-header01 .language-content:hover .language-tabs{display:block;}

.mod-header01{line-height:15px;}
.mod-header01 .mod-bg{display:flex; align-items:center; height:40px; color:#fff;}
.mod-header01 .mod-title{flex:auto; font-size:calc(0.2vw + 10px); text-transform:uppercase; font-weight:600; text-align:center;}


/* --- style block 5 --- */

@media (min-width:769px){
 .mod-nav01 .content-bg{overflow:visible;}
 .mod-nav01 .nav-tabs{display:flex; flex-wrap:wrap; justify-content:center;}
 .mod-nav01 .nav-tabs .nav-tab{padding:0 calc(0.5vw + 5px);}
 .mod-nav01 .nav-tabs .nav-tab-link{font-size:calc(0.2vw + 13px); color:#fff; line-height:30px; padding:10px 0; text-transform:capitalize; font-weight:500; display:flex; position:relative; }
 .mod-nav01 .nav-tabs .nav-tab-link i{position:absolute; bottom:2px; left:0; width:0; height:2px; background:#fff; transition:All 0.2s 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 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:#333; min-width:100px; text-overflow:ellipsis; overflow:hidden; white-space:pre;}
 .mod-nav01 .dropdown-tabs .dropdown-tab a{padding:10px;}
 .mod-nav01 .dropdown-tabs li a:hover{color:var(--main);}
 
 
 .mod-nav01 .nav-dropdown-max-third .nav-dropdown{left:0; right:0; width:calc(100% - 2vw - 20px); max-width:var(--width); 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:#fff; 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:70px; 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 - 70px); 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 block 6 --- */

.mod-search01 .mod-content{position:relative;}
.mod-search01 .mod-content:before{content:"\f002"; font:20px/1 FontAwesome; display:block; color:#fff; text-align:center; width:50px; line-height:50px; 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 1 0; font-size:calc(0.1vw + 12px); line-height:20px; height:40px; padding:10px; width:100px; border:none; background:transparent; box-sizing:border-box;}
.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:var(--main); opacity:1;}

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


/* --- style block 7 --- */

.layout-apply .mod-othercontent01 .swiper-button-prev,.layout-apply .mod-othercontent01 .swiper-button-next{top:auto; bottom:calc(100% + 1vw + 10px); transform:none; }
.layout-apply .mod-othercontent01 .swiper-button-prev{left:auto; right:calc(1vw + 50px); }

.layout-banner .layout-bg{width:100%; background:var(--main); height:100%; }
.layout-banner .mod-othercontent01 .mod-bg{display:flex; align-items:center; flex-wrap:wrap; /*height:400px; */}
.layout-banner .mod-othercontent01 .mod-bg >div{width:50%; }
.layout-banner .mod-othercontent01 .mod-title{padding:calc(2vw + 10px); box-sizing:border-box; display:flex; align-items:center; justify-content:center; color:#fff; }
.layout-banner .mod-othercontent01 .title-bg{max-width:650px; }
.layout-banner .mod-othercontent01 .mod-title h1{font-size:calc(2vw + 20px); line-height:calc(2vw + 25px); padding-bottom:calc(0.5vw + 5px); }
.layout-banner .mod-othercontent01 .title-right-span{display:block; font-size:calc(0.3vw + 14px); }
.layout-banner .mod-othercontent01 .mod-title a{padding:calc(0.5vw + 5px) calc(1vw + 20px); color:#333; background:#cacaca; border-radius:calc(0.25vw + 5px); margin-top:calc(2vw + 10px); }
.layout-banner .mod-othercontent01 .mod-title a:hover{background:#fff; color:var(--main); }
.layout-banner .mod-othercontent01 .swiper-slide{overflow:hidden; }

@media(max-width:768px){
.layout-banner .mod-othercontent01 .mod-title{order:2; }
.layout-banner .mod-othercontent01 .mod-content{order:1; }
.layout-banner .mod-othercontent01 .mod-bg >div{width:100%; }
}

.mod-othercontent01 .swiper-button-prev,.mod-othercontent01 .swiper-button-next{color:#333; width:calc(1vw + 30px); height:calc(1vw + 20px); margin:0; background:#cacaca; transform:translate(0,-50%); border-radius:50%; }
.mod-othercontent01 .swiper-button-prev:after,.mod-othercontent01 .swiper-button-next:after{font-size:calc(0.4vw + 16px); line-height:calc(1vw + 30px); }
.mod-othercontent01 .swiper-button-prev:hover,.mod-othercontent01 .swiper-button-next:hover{background:var(--main) !important; color:#fff !important; }
.mod-othercontent01 .swiper-button-prev.swiper-button-disabled,.mod-othercontent01 .swiper-button-next.swiper-button-disabled{opacity:1; background:#eee; color:#999; }

.layout-banner .mod-othercontent01 .swiper-slide{/*height:500px !important; */overflow:hidden; }
.layout-banner .mod-othercontent01 .swiper-slide .img img{position:absolute !important; height:500px !important; width:auto !important; max-width:none !important; left:50% !important; top:0 !important; transform:translateX(-50%) !important; object-fit:cover; }

@media(max-width:768px){
.layout-banner .mod-othercontent01 .swiper-slide,.layout-banner .mod-othercontent01 .swiper-slide .img img{height:300px !important; }
}

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

.swiper-pagination-bullet{width:8px; height:8px; border-radius:50vw; opacity:1; background:#ddd; outline:1px solid transparent; outline-offset:3px; }

.mod-othercontent01-banner .swiper-pagination-bullet{background:#fff; }

.swiper-pagination-bullet-active{outline-color:#fff; }

@media(max-width:768px){
.mod-othercontent01 .swiper-button-prev,.mod-othercontent01 .swiper-button-next{display:none; }
}

.mod-othercontent01-titlecenter .mod-title{padding-bottom:calc(0.5vw + 10px); text-align:center; }
.mod-othercontent01-titlecenter .title-right{padding-top:20px; max-width:1260px; margin:auto; }
.mod-othercontent01-titlecenter .title-right-span{display:block; }
.mod-othercontent01-titlecenter .mod-title h1{font-size:calc(0.8vw + 20px); line-height:calc(1vw + 20px); font-weight:600; color:#000; text-transform:capitalize; }
.mod-othercontent01-titlecenter .mod-title h2{font-size:calc(0.8vw + 20px); line-height:calc(1vw + 20px); font-weight:600; color:var(--main); text-transform:capitalize; }
.mod-othercontent01-titlecenter .mod-bottom{padding-top:calc(1vw + 10px); text-align:center; }
.mod-othercontent01-titlecenter .mod-bottom a{color:#ffffff; padding:calc(0.5vw + 5px) calc(1vw + 20px); border-radius:calc(0.25vw + 5px); background:#172B46; }
.mod-othercontent01-titlecenter .mod-bottom a:hover{background:#172B46; color:#ffffff; }

.mod-othercontent01-title .mod-title{padding-bottom:calc(0.5vw + 10px); }
.mod-othercontent01-title .title-right{padding-top:5px; }
.mod-othercontent01-title .title-right-span{display:block; }
.mod-othercontent01-title .mod-title h1{font-size:calc(0.8vw + 20px); line-height:calc(1vw + 20px); font-weight:600; color:#000; text-transform:capitalize; }
.mod-othercontent01-title .mod-title h2{font-size:calc(0.8vw + 20px); line-height:calc(1vw + 20px); font-weight:600; color:#000; text-transform:capitalize; }
.mod-othercontent01-title .mod-title a{color:#333; padding:calc(0.5vw + 5px) calc(1vw + 20px); border-radius:calc(0.25vw + 5px); margin-top:calc(1vw + 10px); background:#cacaca; }
.mod-othercontent01-title .mod-title a:hover{background:#cacaca; color:var(--main); }
.mod-othercontent01-title .mod-bottom{padding-top:calc(2vw + 10px); }
.mod-othercontent01-title .mod-bottom a{color:#ffffff; padding:calc(0.5vw + 5px) calc(1vw + 20px); border-radius:calc(0.25vw + 5px); background:#172B46; }
.mod-othercontent01-title .mod-bottom a:hover{background:#cacaca; color:#ffffff; }

.layout-partner{padding:calc(10% + 10px) 0; }

.layout-solu{padding:calc(1% + 10px) 0; }
.layout-solu .layout-bg{width:100%; max-width:1920px; }
.layout-solu .mod-othercontent01 .mod-title{padding:0 calc(1vw + 10px); }
.layout-solu .mod-othercontent01 .mod-content{padding:calc(1vw + 10px) 0; }
.layout-solu .mod-othercontent01 .content-bg{display:flex; align-items:stretch; flex-wrap:wrap; background:#f4f4f4; }
.layout-solu .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; }
.layout-solu .mod-othercontent01 .img{width:41.5%; }
.layout-solu .mod-othercontent01 .text{width:58.5%; display:flex; justify-content:center; align-items:start; flex-direction:column; padding:calc(2vw + 10px); box-sizing:border-box; max-width:720px; border-left:10px solid #fff; }
.layout-solu .mod-othercontent01 .text h3{font-size:calc(0.7vw + 16px); line-height:calc(0.75vw + 20px); font-weight:500; color:#000; text-transform:capitalize; padding-bottom:calc(0.5vw + 5px); }
.layout-solu .mod-othercontent01 .text p{padding:calc(0.4vw + 2px) 0; }
.layout-solu .mod-othercontent01 .text a{color:#333; padding:calc(0.5vw + 5px) calc(2vw + 20px); border-radius:calc(0.25vw + 5px); margin-top:calc(1vw + 10px); background:#172B46; }
.layout-solu .mod-othercontent01 .text a:hover{background:#cacaca; color:var(--main); }
.layout-solu .mod-othercontent01:nth-of-type(2n) .content-bg{flex-direction:row-reverse; }
.layout-solu .mod-othercontent01:nth-of-type(2n) .text{border:none; border-right:10px solid #fff; }

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

.layout-need{padding:calc(2% + 20px) 0; background:var(--main); }
.layout-need .mod-othercontent01 .mod-title{color:#b2b2b2; }
.layout-need .mod-othercontent01 .mod-title h2{color:#fff; }
.layout-need .mod-othercontent01 .content-bg{display:flex; align-items:stretch; flex-wrap:wrap; }
.layout-need .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; }
.layout-need .mod-othercontent01 .item{width:25%; position:relative; box-sizing:border-box; padding:0 calc(0.5vw + 5px); }
.layout-need .mod-othercontent01 .img a{display:block; position:relative; }
.layout-need .mod-othercontent01 .img a:after{content:"➔"; font-size:20px; color:var(--main); line-height:30px; width:30px; position:absolute; right:0; bottom:0; z-index:2; }
.layout-need .mod-othercontent01 .img a:before{content:""; width:0; height:0; border:30px solid transparent; border-right-color:#cacaca; border-bottom-color:#cacaca; position:absolute; right:0; bottom:0; }
.layout-need .mod-othercontent01 .text{text-align:center; color:#fff; display:flex; align-items:center; justify-content:center; padding:calc(0.5vw + 10px); }
.layout-need .mod-othercontent01 .text span{width:calc(3vw + 40px); display:block; }
.layout-need .mod-othercontent01 .text h3{font-size:calc(0.3vw + 14px); line-height:calc(0.5vw + 20px); }

@media(max-width:768px){
.layout-need .mod-othercontent01 .item{padding:5px; box-sizing:border-box; }
.layout-need .mod-othercontent01 .text h3{display:flex; align-items:center; }
.layout-need .mod-othercontent01 .text h3:before{content:""; width:2px; height:35px; background:#fff; display:block; margin:0 calc(0.5vw + 5px); }
}

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

.layout-serve{padding:calc(2% + 20px) 0; }
.layout-serve .mod-othercontent01 .content-bg{display:flex; align-items:stretch; flex-wrap:wrap; justify-content:space-between; }
.layout-serve .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; }
.layout-serve .mod-othercontent01 .item{width:calc(50% - 0.5vw - 5px); border-radius:calc(0.25vw + 5px); overflow:hidden; margin:calc(0.5vw + 5px) 0; position:relative; }
.layout-serve .mod-othercontent01 .img{border-radius:calc(0.25vw + 5px); overflow:hidden; }
.layout-serve .mod-othercontent01 .text{padding:calc(1vw + 10px); }
.layout-serve .mod-othercontent01 .text h3{font-size:calc(0.7vw + 16px); line-height:calc(0.75vw + 20px); font-weight:500; text-transform:uppercase; padding-bottom:calc(0.25vw + 5px); }
.layout-serve .mod-othercontent01 .text a{color:#333; padding:calc(0.5vw + 5px) calc(2vw + 20px); border-radius:calc(0.25vw + 5px); margin-top:calc(0.5vw + 10px); background:#cacaca; }
.layout-serve .mod-othercontent01 .text a:hover{background:#fff; color:var(--main); }

@media(min-width:769px){
.layout-serve .mod-othercontent01 .text{position:absolute; left:0; bottom:0; right:0; transform:translate(0,calc(100% - 4vw - 60px)); color:#fff; z-index:2; }
.layout-serve .mod-othercontent01 .text a{margin-top:calc(2vw + 20px); }
.layout-serve .mod-othercontent01 .item:hover .text{transform:translate(0,0); }
.layout-serve .mod-othercontent01 .item:hover .text a{margin-top:calc(0.5vw + 10px); }
}

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

.layout-sust{padding:calc(5% + 50px) 0; background:url(../picture/8493638.jpg?x-oss-process=image/quality,Q_90) center/cover fixed no-repeat; }
.layout-sust .mod-othercontent01{display:flex; justify-content:start; }
.layout-sust .mod-othercontent01 .mod-bg{max-width:600px; }
.layout-sust .mod-othercontent01 .mod-title *{color:#fff; }
.layout-sust .mod-othercontent01 .mod-content{color:#fff; font-size:calc(0.2vw + 14px); line-height:calc(0.5vw + 20px); }

.layout-review{padding:calc(1% + 10px) 0 calc(3% + 30px); }
.layout-review .mod-othercontent01 .swiper-container{align-items:stretch; }
.layout-review .mod-othercontent01 .swiper-slide{border-radius:calc(0.25vw + 5px); height:auto; padding:calc(1vw + 10px); outline:1px solid #ccc; box-sizing:border-box; outline-offset:-2px; }
.layout-review .mod-othercontent01 .swiper-slide a{display:block; }
.layout-review .mod-othercontent01 dl{display:flex; align-items:center; justify-content:space-between; padding:calc(0.5vw + 10px) 0; }
.layout-review .mod-othercontent01 dt{width:calc(3vw + 60px); border-radius:50%; overflow:hidden; }
.layout-review .mod-othercontent01 dd{width:calc(100% - 4vw - 70px); }
.layout-review .mod-othercontent01 dd h3{font-size:calc(0.3vw + 14px); font-weight:600; padding-bottom:calc(0.25vw + 5px); }
.layout-review .mod-othercontent01 .text{padding-bottom:calc(2vw + 20px); }
.layout-review .mod-othercontent01 .text:after{content:"\f005\f005\f005\f005\f005"; font:calc(0.2vw + 14px)/1 FontAwesome; color:var(--main); letter-spacing:0.3vw; display:block; padding-top:5px; position:absolute; right:calc(1vw + 10px); bottom:calc(1vw + 10px); }
.layout-review .mod-othercontent01 .swiper-button-prev,.layout-review .mod-othercontent01 .swiper-button-next{top:0; transform:none; }
.layout-review .mod-othercontent01 .swiper-button-prev{left:auto; right:calc(1vw + 50px); }

@media(min-width:769px){
.layout-review .mod-othercontent01 .mod-title{position:relative; z-index:2; max-width:800px; }
.layout-review .mod-othercontent01 .mod-content{margin-top:calc(-2vw - 30px); }
.layout-review .mod-othercontent01 .swiper-container{padding-top:calc(2vw + 30px); }
}

.layout-pagetop .layout-bg{width:100%; }
.layout-pagetop .mod-othercontent01 .mod-bg{position:relative; z-index:2; overflow:hidden; height:27.5vh; }
.layout-pagetop .mod-othercontent01 .mod-title{position:absolute; left:0; top:20%; right:0; width:calc(100% - 2vw - 20px); margin:auto; max-width:var(--width); transform:translate(0,-50%); margin:auto; z-index:2; text-align:center; }
.layout-pagetop .mod-othercontent01 .mod-title *{color:#fff; text-shadow:2px 2px 2px rgba(0,0,0,0.2); }
.layout-pagetop .mod-othercontent01 .title-bg{max-width:1200px; margin:auto; }
.layout-pagetop .mod-othercontent01 .mod-title h1{font-size:calc(1.7vw + 20px); line-height:calc(2vw + 20px); text-transform:capitalize; display:block; padding:calc(0.25vw + 5px) 0; }
.layout-pagetop .mod-othercontent01 .mod-title h2{font-size:calc(1.2vw + 16px); line-height:calc(1.5vw + 20px); text-transform:capitalize; display:block; }
.layout-pagetop .mod-othercontent01 .title-right{font-size:calc(0.3vw + 14px); line-height:calc(0.5vw + 20px); }
.layout-pagetop .mod-othercontent01 .title-right-span{display:block; }
.layout-pagetop .mod-othercontent01 .content-bg img{display:block; height:100%; width:auto !important; max-width:inherit !important; position:absolute; top:0; left:50%; transform:translate(-50%,0%); }
.layout-pagetop .mod-othercontent01-white .item{position:relative; z-index:2; overflow:hidden; }
.layout-pagetop .mod-othercontent01-white .img img{width:100%; max-width:initial; }
.layout-pagetop .mod-othercontent01-white .text{color:#fff; position:absolute; left:calc(1vw + 10px); top:50%; right:calc(1vw + 10px); max-width:var(--width); margin:auto; transform:translate(0%,-50%); }
.layout-pagetop .mod-othercontent01-white .desc{max-width:760px; }
.layout-pagetop .mod-othercontent01-white .title{font-size:calc(2.5vw + 16px); line-height:calc(2.5vw + 26px); font-weight:700; padding-bottom:calc(1vw + 5px); position:relative; z-index:2; }
.layout-pagetop .mod-othercontent01-white .text a{font-weight:500; color:#fff; background:#172B46; padding:calc(0.5vw + 5px) calc(2vw + 10px); margin-top:calc(2vw + 10px); border-radius:50vw; }
.layout-pagetop .layout-bg{width:100%; }

@media(min-width:769px){
.layout-pagetop .mod-othercontent01 .mod-bg{min-height:520px; }
}

.layout-page .right .mod-othercontent01 .scroll-box .product-name{padding:calc(1vw + 10px); background:#f2f2f2; }
.layout-page .right .mod-othercontent01 .scroll-box .product-name a{font-size:calc(0.3vw + 14px); line-height:calc(0.35vw + 20px); color:var(--main); font-weight:600; overflow:hidden; }
.layout-page .right .mod-othercontent01 li + li{margin-top:calc(1vw + 20px); }
.layout-page .right .mod-othercontent01 .show-type-noscroll li{width:100% !important; }
.layout-page .right .mod-othercontent01 .mod-bottom{padding:calc(1.5vw + 10px) calc(0.5vw + 10px) calc(1vw + 10px); background:#262626; margin-top:calc(1vw + 10px); }
.layout-page .right .mod-othercontent01 .bottom-left{font-size:calc(0.2vw + 12px); line-height:calc(0.25vw + 20px); color:#fff; padding-bottom:calc(1vw + 20px); font-weight:400; }
.layout-page .right .mod-othercontent01 .bottom-left h3{font-size:calc(0.5vw + 14px); line-height:calc(0.75vw + 20px); color:#fff; font-weight:600; padding-bottom:calc(0.5vw + 5px); }
.layout-page .right .mod-othercontent01 .bottom-right a{color:#333; background:#cdcdcd; padding:calc(0.25vw + 5px) calc(1vw + 10px); display:inline-block; border-radius:calc(0.25vw + 5px); }
.layout-page .right .mod-othercontent01 .bottom-right a:hover{background:#fff; color:var(--main); }

@media(max-width:768px) and (min-width:481px){
.layout-page .right .mod-othercontent01 .show-type-noscroll li{width:calc(50% - 20px) !important; margin:10px; }
.layout-page .right .mod-othercontent01 li + li{margin:auto; }
}

.layout-page-xf .left .mod-othercontent01 .scroll-box .product-name{padding:calc(1vw + 10px); background:#f2f2f2; }
.layout-page-xf .left .mod-othercontent01 .scroll-box .product-name a{font-size:calc(0.3vw + 14px); line-height:calc(0.35vw + 20px); color:var(--main); font-weight:600; overflow:hidden; }
.layout-page-xf .left .mod-othercontent01 li + li{margin-top:calc(1vw + 20px); }
.layout-page-xf .left .mod-othercontent01 .show-type-noscroll li{width:100% !important; }
.layout-page-xf .left .mod-othercontent01 .mod-bottom{padding:calc(1.5vw + 10px) calc(0.5vw + 10px) calc(1vw + 10px); background:#262626; margin-top:calc(1vw + 10px); }
.layout-page-xf .left .mod-othercontent01 .bottom-left{font-size:calc(0.2vw + 12px); line-height:calc(0.25vw + 20px); color:#fff; padding-bottom:calc(1vw + 20px); font-weight:400; }
.layout-page-xf .left .mod-othercontent01 .bottom-left h3{font-size:calc(0.5vw + 14px); line-height:calc(0.75vw + 20px); color:#fff; font-weight:600; padding-bottom:calc(0.5vw + 5px); }
.layout-page-xf .left .mod-othercontent01 .bottom-right a{color:#333; background:#cdcdcd; padding:calc(0.25vw + 5px) calc(1vw + 10px); display:inline-block; border-radius:calc(0.25vw + 5px); }
.layout-page-xf .left .mod-othercontent01 .bottom-right a:hover{background:#fff; color:var(--main); }

@media(max-width:768px) and (min-width:481px){
.layout-page-xf .left .mod-othercontent01 .show-type-noscroll li{width:calc(50% - 20px) !important; margin:10px; }
.layout-page-xf .left .mod-othercontent01 li + li{margin:auto; }
}

.layout-aboutOne{padding:calc(3% + 30px) 0; }
.layout-aboutOne .mod-othercontent01 .mod-bg{display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; }
.layout-aboutOne .mod-othercontent01 .mod-title{width:calc(50% - 5vw - 10px); padding:calc(1vw + 10px) 0; order:2; }
.layout-aboutOne .mod-othercontent01 .mod-title h2{padding-bottom:calc(0.25vw + 5px); }
.layout-aboutOne .mod-othercontent01 .mod-content{width:50%; order:1; }

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

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

.layout-aboutTwo{padding:calc(2% + 20px) 0; background:var(--main); }
.layout-aboutTwo .mod-othercontent01 .mod-title *{color:#fff; }
.layout-aboutTwo .mod-othercontent01 .content-bg{display:flex; align-items:stretch; flex-wrap:wrap; }
.layout-aboutTwo .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; }
.layout-aboutTwo .mod-othercontent01 .text{width:25%; padding:calc(2vw + 10px); box-sizing:border-box; text-align:center; color:#fff; }
.layout-aboutTwo .mod-othercontent01 .text span{width:calc(3vw + 40px); display:block; margin:auto; }
.layout-aboutTwo .mod-othercontent01 .text h3{font-size:calc(0.4vw + 16px); line-height:calc(0.5vw + 20px); font-weight:600; display:block; padding:calc(0.25vw + 5px) 0; }
.layout-aboutTwo .mod-othercontent01 .text h3:before{content:""; width:35px; height:2px; background:#fff; display:block; margin:calc(0.25vw + 5px) auto calc(1vw + 5px); }
.layout-aboutTwo .mod-othercontent01 .text:hover span{transform:rotateY(180deg); }

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

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

.layout-aboutThree{padding:calc(3% + 30px) 0; }
.layout-aboutThree .mod-othercontent01 .content-bg{display:flex; align-items:stretch; flex-wrap:wrap; justify-content:space-between; }
.layout-aboutThree .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; }
.layout-aboutThree .mod-othercontent01 .item{width:calc(50% - 1vw - 5px); margin:calc(1vw + 5px) 0; position:relative; }
.layout-aboutThree .mod-othercontent01 .img{border-radius:calc(0.25vw + 5px); overflow:hidden; margin-bottom:calc(2vw + 20px); }
.layout-aboutThree .mod-othercontent01 .text{position:absolute; bottom:0; left:calc(0.5vw + 10px); right:calc(0.5vw + 10px); padding:calc(1vw + 10px); background:#fff; box-shadow:0 0 calc(0.5vw + 10px) rgba(0,0,0,0.15); border-radius:calc(0.25vw + 5px); }
.layout-aboutThree .mod-othercontent01 .text h3{font-size:calc(0.3vw + 14px); line-height:calc(0.5vw + 20px); font-weight:600; display:block; padding-bottom:calc(0.25vw + 5px); }
.layout-aboutThree .mod-othercontent01 .item:hover .text{box-shadow:0 0 calc(0.5vw + 10px) rgba(0,0,0,0.1); }

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

.layout-aboutFour{padding:calc(3% + 30px) 0; background:#f4f4f4; }
.layout-aboutFour .mod-othercontent01 .content-bg{display:flex; align-items:stretch; flex-wrap:wrap; justify-content:space-between; }
.layout-aboutFour .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; }
.layout-aboutFour .mod-othercontent01 .text{width:calc(100%/4 - 1vw - 5px); padding:calc(1vw + 10px) calc(0.5vw + 10px) calc(2vw + 10px); box-sizing:border-box; border-radius:calc(2vw + 10px) 0; margin:calc(0.5vw + 5px) 0; }
.layout-aboutFour .mod-othercontent01 .text span{width:calc(2vw + 50px); display:block; filter:grayscale(1) brightness(1.25); }
.layout-aboutFour .mod-othercontent01 .text h3{font-size:calc(0.3vw + 14px); line-height:calc(0.5vw + 20px); font-weight:600; display:block; padding:calc(2vw + 5px) 0 calc(0.25vw + 5px); }
.layout-aboutFour .mod-othercontent01 .text:hover{background:#fff; }
.layout-aboutFour .mod-othercontent01 .text:hover span{filter:grayscale(0) brightness(1); }

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

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

.layout-aboutFive{padding:calc(3% + 30px) 0; }
.layout-aboutFive .mod-othercontent01 .mod-bg{display:flex; align-items:center; justify-content:center; flex-direction:column; max-width:1060px; margin:auto; }
.layout-aboutFive .mod-othercontent01 .mod-title{order:2; max-width:900px; margin:auto; }
.layout-aboutFive .mod-othercontent01 .mod-title h2:before{content:""; width:calc(1vw + 40px); height:calc(1vw + 40px); background:url(../picture/aboutFive-icon.png) center/cover no-repeat; display:block; margin:calc(0.5vw + 5px) auto; }
.layout-aboutFive .mod-othercontent01 .mod-content{order:1; }

.layout-ceoOne{padding:calc(3% + 30px) 0 calc(1% + 10px); }
.layout-ceoOne .mod-othercontent01 .mod-bg{display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; }
.layout-ceoOne .mod-othercontent01 .mod-title{width:calc(47.5% - 3vw - 10px); padding:calc(1vw + 10px) 0; order:2; }
.layout-ceoOne .mod-othercontent01 .mod-title h2{padding-bottom:calc(0.5vw + 5px); }
.layout-ceoOne .mod-othercontent01 .title-right-span{padding:calc(0.25vw + 5px) 0; }
.layout-ceoOne .mod-othercontent01 .mod-content{width:calc(52.5% - 10px); order:1; }
.layout-ceoOne .mod-othercontent01 .content-bg{position:relative; }
.layout-ceoOne .mod-othercontent01 .content-bg h3{position:absolute; left:0; bottom:0; right:calc(2vw + 10px); padding:calc(1vw + 10px); text-align:center; color:#fff; font-size:calc(0.5vw + 14px); line-height:calc(0.5vw + 20px); }

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

.layout-ceoTwo{padding:calc(1% + 10px) 0 calc(2% + 20px); }
.layout-ceoTwo .mod-othercontent01 .mod-bg{padding:calc(1% + 10px) 0; }
.layout-ceoTwo .mod-othercontent01 .mod-title .img{width:calc(1vw + 50px); display:block; margin-bottom:calc(1vw + 5px); }
.layout-ceoTwo .mod-othercontent01 .mod-title .img img{width:100%; height:auto; }
.layout-ceoTwo .mod-othercontent01 .mod-title h3{font-size:calc(0.5vw + 16px); line-height:calc(0.5vw + 20px); text-transform:uppercase; }
.layout-ceoTwo .mod-othercontent01 .mod-title h2{font-size:calc(0.8vw + 20px); line-height:calc(1vw + 20px); font-weight:700; padding:5px 0; }
.layout-ceoTwo .mod-othercontent01 .title-left-span{display:block; }
.layout-ceoTwo .mod-othercontent01 .title-left{padding-bottom:calc(1vw + 5px); border-bottom:1px solid #ddd; }
.layout-ceoTwo .mod-othercontent01 .title-right{padding:calc(0.25vw + 5px) 0; }
.layout-ceoTwo .mod-othercontent01 .title-right-span{padding:calc(0.25vw + 5px) 0; display:block; }
.layout-ceoTwo .mod-othercontent01 .content-bg{border-radius:calc(0.25vw + 5px); }

@media(min-width:769px){
.layout-ceoTwo .mod-othercontent01 .mod-bg{padding-left:calc(2vw + 60px); position:relative; }
.layout-ceoTwo .mod-othercontent01 .mod-title .img{position:absolute; left:0; top:calc(1.5% + 15px); }
}

.layout-ceoThree{padding:calc(3% + 30px) 0; background:#f4f4f4; }
.layout-ceoThree .mod-othercontent01 .swiper-slide{border-radius:calc(0.5vw + 5px); overflow:hidden; }
.layout-ceoThree + .layout-help{background:#f4f4f4; }

.layout-soluOne{padding:calc(2% + 20px) 0 calc(1% + 10px); }
.layout-soluOne .mod-othercontent01 .content-bg{display:flex; align-items:stretch; flex-wrap:wrap; justify-content:space-between; }
.layout-soluOne .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; }
.layout-soluOne .mod-othercontent01 .item{width:calc(100%/4 - 2vw - 5px); margin:calc(1vw + 5px) 0; padding:calc(0.5vw + 10px); box-sizing:border-box; background:#f4f4f4; border-radius:calc(0.25vw + 5px); }
.layout-soluOne .mod-othercontent01 .img{border-radius:calc(0.25vw + 5px); overflow:hidden; position:relative; }
.layout-soluOne .mod-othercontent01 .img img + img{position:absolute; top:0; left:0; width:100%; height:100%; transform:rotateY(90deg); opacity:0; }
.layout-soluOne .mod-othercontent01 .text h3{font-size:calc(0.3vw + 14px); line-height:calc(0.5vw + 20px); font-weight:600; display:block; padding-bottom:calc(0.25vw + 5px); }
.layout-soluOne .mod-othercontent01 .info{background:url(../picture/soluOne-bg.jpg) center/cover no-repeat; color:#fff; padding:calc(3vw + 10px) calc(1vw + 10px); }
.layout-soluOne .mod-othercontent01 .info h2{font-size:calc(0.5vw + 16px); line-height:calc(0.5vw + 20px); padding-bottom:calc(0.25vw + 5px); }
.layout-soluOne .mod-othercontent01 .info a{background:#fff; border-radius:5px; padding:calc(0.25vw + 5px) calc(1vw + 10px); color:#333; margin-top:calc(2vw + 5px); }
.layout-soluOne .mod-othercontent01 .item:hover .img img + img{transform:rotateY(0); opacity:1; }

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

@media(max-width:480px){
.layout-soluOne .mod-othercontent01 .item{width:calc(100% - 0.5vw - 5px); }
}

.layout-soluTwo{padding:calc(1% + 10px) 0; }
.layout-soluTwo .mod-othercontent01 .content-bg{display:flex; align-items:stretch; flex-wrap:wrap; }
.layout-soluTwo .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; }
.layout-soluTwo .mod-othercontent01 .item{width:calc(100%/3 - 10px); margin:5px; position:relative; }
.layout-soluTwo .mod-othercontent01 .item-max{width:calc(100%/2 - 10px); }
.layout-soluTwo .mod-othercontent01 .img{border-radius:calc(0.25vw + 5px); overflow:hidden; }
.layout-soluTwo .mod-othercontent01 .text{padding:calc(0.5vw + 10px); }
.layout-soluTwo .mod-othercontent01 .text h3{font-size:calc(0.3vw + 14px); line-height:calc(0.5vw + 20px); font-weight:600; display:block; padding-bottom:calc(0.25vw + 5px); }
.layout-soluTwo .mod-othercontent01 .item:hover .img img{transform:scale(1.05); }

@media(min-width:769px){
.layout-soluTwo .mod-othercontent01 .text{position:absolute; left:10px; bottom:10px; right:10px; background:rgba(255,255,255,0.9); border-radius:calc(0.25vw + 5px); }
}

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

.layout-soluThree{padding:calc(1% + 10px) 0 calc(3% + 30px); }
.layout-soluThree .mod-othercontent01 .content-bg{display:flex; align-items:stretch; flex-wrap:wrap; justify-content:space-between; }
.layout-soluThree .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; }
.layout-soluThree .mod-othercontent01 .item{width:calc(100%/4 - 1vw - 5px); margin:calc(0.5vw + 5px) 0; position:relative; padding-bottom:calc(2vw + 35px); }
.layout-soluThree .mod-othercontent01 .item h4{color:#888; }
.layout-soluThree .mod-othercontent01 .item h3{font-size:calc(0.5vw + 16px); line-height:calc(0.5vw + 20px); padding:calc(0.25vw + 5px) 0; }
.layout-soluThree .mod-othercontent01 .img{padding:calc(0.5vw + 5px) 0; overflow:hidden; position:relative; }
.layout-soluThree .mod-othercontent01 .img img + img{position:absolute; top:0; left:0; width:100%; height:100%; transform:rotateY(90deg); opacity:0; }
.layout-soluThree .mod-othercontent01 .item > a{position:absolute; left:0; bottom:0; right:0; padding:calc(0.25vw + 5px); background:#f4f4f4; text-align:center; border-radius:5px; }
.layout-soluThree .mod-othercontent01 .item:hover > a{background:var(--main); color:#fff; }
.layout-soluThree .mod-othercontent01 .item:hover .img img + img{transform:rotateY(0); opacity:1; }

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

@media(max-width:480px){
.layout-soluThree .mod-othercontent01 .item{width:calc(100% - 0.5vw - 5px); }
}

.layout-packOne{padding:calc(1% + 10px) 0; }
.layout-packOne .mod-othercontent01 .content-bg{display:flex; align-items:stretch; flex-wrap:wrap; }
.layout-packOne .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; }
.layout-packOne .mod-othercontent01 .item{width:calc(100%/3 - 0.5vw - 10px); margin:calc(0.25vw + 5px); }
.layout-packOne .mod-othercontent01 .img{border-radius:calc(0.25vw + 5px); overflow:hidden; background:#f4f4f4; }
.layout-packOne .mod-othercontent01 .item h3{font-size:calc(0.3vw + 14px); line-height:calc(0.5vw + 20px); font-weight:600; display:block; padding:calc(0.25vw + 5px); text-align:center; }
.layout-packOne .mod-othercontent01 .item:hover .img img{transform:scale(1.05); }

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

.layout-packTwo{padding:calc(3% + 30px) 0; background:#f4f4f4; }
.layout-packTwo .mod-othercontent01 .content-bg{display:flex; align-items:stretch; flex-wrap:wrap; }
.layout-packTwo .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; }
.layout-packTwo .mod-othercontent01 .item{width:calc(100%/3 - 0.5vw - 10px); margin:calc(0.25vw + 5px); display:flex; flex-direction:column; align-items:stretch; }
.layout-packTwo .mod-othercontent01 .img{border-radius:calc(0.25vw + 5px); overflow:hidden; }
.layout-packTwo .mod-othercontent01 .text{border-radius:calc(0.25vw + 5px); overflow:hidden; padding:calc(0.5vw + 10px); background:#fff; flex:auto; margin-top:calc(0.25vw + 5px); box-sizing:border-box; }
.layout-packTwo .mod-othercontent01 .text h3{font-size:calc(0.3vw + 14px); line-height:calc(0.5vw + 20px); font-weight:600; display:block; padding-bottom:calc(0.25vw + 5px); }
.layout-packTwo .mod-othercontent01 .item:hover .img img{transform:scale(1.05); }
.layout-packTwo .mod-othercontent01 .title-right{text-align:center; }
.layout-packTwo .mod-othercontent01 .title-left{text-align:center; }

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

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

.layout-packThree{padding:calc(3% + 30px) 0; }
.layout-packThree .mod-othercontent01 .content-bg{display:flex; align-items:stretch; flex-wrap:wrap; }
.layout-packThree .mod-othercontent01 .content-bg *{transition:all 0.3s ease-in-out; }
.layout-packThree .mod-othercontent01 .text{width:calc(100%/3 - 2vw - 20px); margin:calc(1vw + 10px); text-align:center; }
.layout-packThree .mod-othercontent01 .img-box{width:100%; max-width:calc(5vw + 100px); aspect-ratio:1 / 1; border-radius:50%; overflow:hidden; display:block; margin:auto; position:relative; }
.layout-packThree .mod-othercontent01 .img-box img{width:100%; height:100%; object-fit:cover; display:block; }
.layout-packThree .mod-othercontent01 .text h3{font-size:calc(0.3vw + 14px); line-height:calc(0.5vw + 20px); font-weight:600; padding:calc(0.5vw + 5px) 0 calc(0.25vw + 5px); }
.layout-packThree .mod-othercontent01 .text:hover .img-box img{transform:scale(1.05); }
.layout-packThree .mod-othercontent01 .mod-title{text-align:center; }

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

@media(max-width:480px){
.layout-packThree .mod-othercontent01 .text{width:calc(100% - 0.5vw - 10px); }
}

.layout-packFour{padding:calc(3% + 30px) 0; background:#f4f4f4; }
.layout-packFour .mod-othercontent01 .content-bg{display:flex; align-items:stretch; flex-wrap:wrap; }
.layout-packFour .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; }
.layout-packFour .mod-othercontent01 .item{width:calc(100%/4 - 0.5vw - 10px); margin:calc(0.25vw + 5px); padding:10px; box-sizing:border-box; background:#fff; border-radius:calc(0.25vw + 5px); }
.layout-packFour .mod-othercontent01 .img{border-radius:calc(0.25vw + 5px); overflow:hidden; }
.layout-packFour .mod-othercontent01 .text{padding:calc(0.5vw + 10px); text-align:center; }
.layout-packFour .mod-othercontent01 .text h3{font-size:calc(0.3vw + 14px); line-height:calc(0.5vw + 20px); font-weight:600; display:block; padding-bottom:calc(0.25vw + 5px); }
.layout-packFour .mod-othercontent01 .item:hover .img img{transform:scale(1.05); }
.layout-packFour .mod-othercontent01 .mod-title{text-align:center; }

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

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

.layout-packFive{padding:calc(3% + 30px) 0; }
.layout-packFive .mod-othercontent01 .content-bg{display:flex; align-items:stretch; flex-wrap:wrap; }
.layout-packFive .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; }
.layout-packFive .mod-othercontent01 .text{width:calc(100%/3 - 6vw - 20px); margin:calc(1vw + 10px) calc(3vw + 10px); text-align:center; }
.layout-packFive .mod-othercontent01 .text span{width:calc(1vw + 50px); display:block; margin:auto; }
.layout-packFive .mod-othercontent01 .text h3{font-size:calc(0.3vw + 14px); line-height:calc(0.5vw + 20px); font-weight:600; display:block; padding:calc(0.5vw + 5px) 0 calc(0.25vw + 5px); }
.layout-packFive .mod-othercontent01 .text:hover span{transform:rotateY(180deg); }

@media(max-width:768px){
.layout-packFive .mod-othercontent01 .text{width:calc(100%/2 - 2vw - 10px); margin:calc(1vw + 5px); }
}

@media(max-width:480px){
.layout-packFive .mod-othercontent01 .text{width:calc(100% - 2vw - 10px); }
}

.layout-packSix{padding:calc(3% + 30px) 0; background:#f4f4f4; }
.layout-packSix + .layout-help{background:#f4f4f4; }

.layout-serOne{padding:calc(1% + 10px) 0; background:#fff; }
.layout-serOne .mod-othercontent01 ul{display:flex; align-items:stretch; flex-wrap:wrap; justify-content:center; }
.layout-serOne .mod-othercontent01 ul *{transition:All 0.3s ease-in-out; }
.layout-serOne .mod-othercontent01 li{font-size:calc(0.3vw + 14px); line-height:calc(0.5vw + 20px); padding:calc(0.25vw + 5px) calc(2vw + 10px); min-width:calc(5vw + 100px); box-sizing:border-box; text-align:center; background:#f4f4f4; border-radius:5px; cursor:pointer; position:relative; margin:calc(1vw + 5px); }
.layout-serOne .mod-othercontent01 li:after{content:"➔"; font-size:calc(0.2vw + 14px); color:var(--main); position:absolute; left:calc(100% + 1vw + 5px); top:50%; z-index:2; transform:translate(-50%,-50%); }
.layout-serOne .mod-othercontent01 li:last-of-type:after{display:none; }
.layout-serOne .mod-othercontent01 li.on{background:var(--main); color:#fff; }

@media(min-width:769px){
.layout-serOne{position:sticky; top:90px; z-index:3; }
}

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

.mod-othercontent01-serpage .mod-bg{position:relative; padding:calc(3vw + 10px); box-shadow:0 0 calc(0.5vw + 10px) rgba(0,0,0,0.15); margin-top:calc(0.5vw + 50px); }
.mod-othercontent01-serpage .mod-title{padding-bottom:calc(0.5vw + 10px); }
.mod-othercontent01-serpage .title-right{padding-top:5px; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; }
.mod-othercontent01-serpage .title-right > *{max-width:630px; }
.mod-othercontent01-serpage .title-right-span{display:block; }
.mod-othercontent01-serpage .mod-title h2{font-size:calc(0.8vw + 20px); line-height:calc(1vw + 20px); font-weight:600; color:#000; text-transform:capitalize; }
.mod-othercontent01-serpage .mod-title h3{position:absolute; left:0; bottom:calc(100% + 10px); padding:calc(0.25vw + 5px) calc(1vw + 10px); min-width:calc(5vw + 100px); background:#888; border-radius:calc(0.5vw + 10px) calc(0.5vw + 10px) 0 0; text-transform:uppercase; color:#fff; display:flex; align-items:center; font-size:calc(0.3vw + 14px); line-height:calc(0.5vw + 20px); white-space:pre; }
.mod-othercontent01-serpage .mod-title h3:before{content:""; width:30px; height:30px; background:url(../picture/serOne-title.png) left center no-repeat; flex:0 0 40px; }
.mod-othercontent01-serpage .mod-title a{color:var(--main); padding:calc(0.25vw + 5px) calc(1vw + 20px); border-radius:calc(0.25vw + 5px); margin:calc(0.5vw + 10px) 0; border:1px solid var(--main); text-transform:uppercase; }
.mod-othercontent01-serpage .mod-title a:hover{background:#fff; color:var(--main); }
.mod-othercontent01-serpage .content-bg{display:flex; align-items:stretch; flex-wrap:wrap; justify-content:space-between; }
.mod-othercontent01-serpage .content-bg *{transition:All 0.3s ease-in-out; }
.mod-othercontent01-serpage .content-bg > div{margin:calc(0.5vw + 5px) 0; }
.mod-othercontent01-serpage .content-bg h4{width:100%; font-size:calc(0.3vw + 14px); line-height:calc(0.5vw + 20px); font-weight:700; padding-bottom:calc(0.25vw + 5px); color:#000; }
.mod-othercontent01-serpage .content-bg h5{font-weight:700; padding-bottom:5px; color:#000; }
.mod-othercontent01-serpage .serTwo-item01{display:flex; align-items:start; flex-wrap:wrap; justify-content:space-between; }
.mod-othercontent01-serpage .serTwo-item01 dl{width:calc(100%/4 - 2vw - 10px); display:flex; align-items:start; justify-content:space-between; margin:calc(0.5vw + 5px) 0; position:relative; }
.mod-othercontent01-serpage .serTwo-item01 dl:after{content:"➔"; font-size:calc(0.3vw + 14px); position:absolute; left:calc(100% + 1vw + 5px); top:0; z-index:2; transform:translate(-50%,0); color:#888; }
.mod-othercontent01-serpage .serTwo-item01 dt{width:calc(1vw + 40px); }
.mod-othercontent01-serpage .serTwo-item01 dd{width:calc(100% - 1vw - 50px); }
.mod-othercontent01-serpage .serTwo-item02{width:calc(100%/2 - 3vw - 5px); margin:calc(0.5vw + 5px) 0; }
.mod-othercontent01-serpage .serTwo-item02 dl{display:flex; align-items:start; justify-content:space-between; padding:calc(0.25vw + 5px) 0; }
.mod-othercontent01-serpage .serTwo-item02 dt{width:calc(0.5vw + 35px); font-size:calc(0.3vw + 14px); line-height:calc(0.5vw + 35px); border-radius:50%; background:#f4f4f4; font-weight:600; text-align:center; }
.mod-othercontent01-serpage .serTwo-item02 dd{width:calc(100% - 1vw - 50px); }
.mod-othercontent01-serpage .serTwo-item02 dd h5{padding:5px 0; }
.mod-othercontent01-serpage .serTwo-item02 .img{border-radius:calc(0.25vw + 5px); overflow:hidden; margin-top:calc(0.5vw + 5px); }
.mod-othercontent01-serpage .serTwo-item03{display:flex; align-items:start; flex-wrap:wrap; justify-content:space-between; }
.mod-othercontent01-serpage .serTwo-item03 .text{width:calc(100%/4 - 2vw - 5px); margin:calc(0.5vw + 5px) 0; }
.mod-othercontent01-serpage .serTwo-item03 .text span{border-radius:calc(0.25vw + 5px); overflow:hidden; margin-bottom:calc(0.5vw + 5px); display:block; }
.mod-othercontent01-serpage .serTwo-item04{display:flex; align-items:start; flex-wrap:wrap; justify-content:space-between; }
.mod-othercontent01-serpage .serTwo-item04 .img{width:calc(100%/2 - 2vw - 5px); max-width:790px; margin:calc(0.5vw + 5px) 0; border-radius:calc(0.25vw + 5px); overflow:hidden; }
.mod-othercontent01-serpage .serTwo-item04 .swiper-slide{position:relative; }
.mod-othercontent01-serpage .serTwo-item04 .text{position:absolute; right:calc(0.5vw + 10px); bottom:calc(0.5vw + 10px); max-width:300px; background:rgba(255,255,255,0.8); border-radius:calc(0.5vw + 5px); padding:calc(0.5vw + 10px); }
.mod-othercontent01-serpage .serTwo-item04 .swiper-button-prev,.mod-othercontent01-serpage .serTwo-item04 .swiper-button-next{border-radius:0; transform:translate(0,0); background:rgba(255,255,255,0.8); top:auto; bottom:10px; }
.mod-othercontent01-serpage .serTwo-item04 .swiper-button-next{right:auto; left:calc(1vw + 45px); }
.mod-othercontent01-serpage .serTwo-item05{width:calc(100%/2 - 2vw - 5px); margin:calc(1vw + 5px) 0; }
.mod-othercontent01-serpage .serTwo-item05 .img{border-radius:calc(0.25vw + 5px); overflow:hidden; }
.mod-othercontent01-serpage .serTwo-item05 li{display:flex; padding:calc(0.25vw + 5px) 0; }
.mod-othercontent01-serpage .serTwo-item05 li:before{content:"\f00c"; flex:0 0 calc(0.25vw + 20px); color:#888; font:calc(0.3vw + 14px)/1 FontAwesome; }
.mod-othercontent01-serpage .serTwo-item06{display:flex; align-items:stretch; flex-wrap:wrap; justify-content:space-between; }
.mod-othercontent01-serpage .serTwo-item06 .text{width:calc(100%/3 - 10px); margin:calc(0.25vw + 5px) 0; border-radius:calc(0.25vw + 5px); overflow:hidden; background:#f4f4f4; text-align:center; padding:calc(1vw + 10px); box-sizing:border-box; }
.mod-othercontent01-serpage .serTwo-item06 .text span{display:block; width:calc(2vw + 50px); margin:auto; }
.mod-othercontent01-serpage .serTwo-item06 .text h5{padding:calc(1vw + 5px) 0 5px; }
.mod-othercontent01-serpage .serTwo-item06 .text p{padding:2px 0; }
.mod-othercontent01-serpage .serTwo-item07{display:flex; align-items:stretch; flex-wrap:wrap; justify-content:space-between; }
.mod-othercontent01-serpage .serTwo-item07 dl{display:flex; align-items:start; justify-content:space-between; width:calc(100%/4 - 1vw - 5px); padding:calc(0.5vw + 10px); border-radius:calc(0.5vw + 5px); border:1px solid #ddd; box-sizing:border-box; margin:calc(0.5vw + 5px) 0; }
.mod-othercontent01-serpage .serTwo-item07 dt{width:calc(0.5vw + 35px); font-size:calc(0.3vw + 14px); line-height:calc(0.5vw + 35px); border-radius:50%; background:#f4f4f4; font-weight:600; text-align:center; }
.mod-othercontent01-serpage .serTwo-item07 dd{width:calc(100% - 1vw - 40px); }
.mod-othercontent01-serpage .serTwo-item07 dd h5{padding:5px 0; }
.mod-othercontent01-serpage .serTwo-item08{display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; width:100%; padding-top:calc(1vw + 5px); }
.mod-othercontent01-serpage .serTwo-item08 dt{width:50%; padding:calc(0.5vw + 5px) 0; }
.mod-othercontent01-serpage .serTwo-item08 dd{width:calc(50% - 2vw - 10px); border-radius:calc(0.25vw + 5px); overflow:hidden; }
.mod-othercontent01-serpage .serTwo-item09{width:calc(100%/3 - 3vw - 10px); margin:calc(0.5vw + 5px) 0; }
.mod-othercontent01-serpage .serTwo-item09 dl{display:flex; align-items:start; justify-content:space-between; padding:calc(0.5vw + 10px) 0; position:relative; }
.mod-othercontent01-serpage .serTwo-item09 dl:after{content:""; width:1px; top:calc(100% - 0.5vw - 10px); height:calc(1vw + 10px); background:#333; position:absolute; left:calc(0.25vw + 17px); }
.mod-othercontent01-serpage .serTwo-item09 dl:last-of-type:after{display:none; }
.mod-othercontent01-serpage .serTwo-item09 dt{width:calc(0.5vw + 35px); font-size:calc(0.3vw + 14px); line-height:calc(0.5vw + 35px); border-radius:50%; background:#f4f4f4; font-weight:600; text-align:center; }
.mod-othercontent01-serpage .serTwo-item09 dd{width:calc(100% - 1vw - 50px); }
.mod-othercontent01-serpage .serTwo-item09 .text{padding:calc(0.5vw + 10px) 0; border-bottom:1px solid #ddd; }
.mod-othercontent01-serpage .serTwo-item09 .img{border-radius:calc(0.25vw + 5px); overflow:hidden; margin:calc(0.5vw + 5px) 0; }
.mod-othercontent01-serpage .serTwo-item10{display:flex; align-items:stretch; flex-wrap:wrap; justify-content:space-between; }
.mod-othercontent01-serpage .serTwo-item10 .text{width:calc(100%/3 - 1vw - 5px); margin:calc(0.5vw + 5px) 0; }
.mod-othercontent01-serpage .serTwo-item10 .text span{display:block; border-radius:calc(0.25vw + 5px); overflow:hidden; }
.mod-othercontent01-serpage .serTwo-item10 .text h5{padding:calc(0.5vw + 5px) 0 5px; }
.mod-othercontent01-serpage .serTwo-item11{display:flex; align-items:stretch; flex-wrap:wrap; justify-content:space-between; }
.mod-othercontent01-serpage .serTwo-item11 .text{width:calc(100%/4 - 5vw - 10px); margin:calc(0.5vw + 5px) 0; position:relative; position:relative; }
.mod-othercontent01-serpage .serTwo-item11 .text:after{content:"➔"; font-size:calc(0.3vw + 14px); line-height:calc(1vw + 40px); position:absolute; left:calc(100% + 2vw + 10px); top:0; z-index:2; transform:translate(-50%,0); color:#888; }
.mod-othercontent01-serpage .serTwo-item11 .text span{display:block; border-radius:calc(0.25vw + 5px); overflow:hidden; width:calc(1vw + 40px); }
.mod-othercontent01-serpage .serTwo-item11 .text h5{padding:calc(0.5vw + 5px) 0 5px; }
.mod-othercontent01-serpage .serTwo-item12{width:62.5%; }
.mod-othercontent01-serpage .serTwo-item12 .img{padding:calc(1vw + 10px) 0; }
.mod-othercontent01-serpage .serTwo-item12 ul{display:flex; align-items:start; flex-wrap:wrap; justify-content:space-between; }
.mod-othercontent01-serpage .serTwo-item12 li{display:flex; padding:calc(0.25vw + 5px) 0; width:calc(100%/3 - 3vw - 10px); }
.mod-othercontent01-serpage .serTwo-item12 li:before{content:"\f00c"; flex:0 0 calc(0.25vw + 20px); color:#888; font:calc(0.3vw + 14px)/1 FontAwesome; }
.mod-othercontent01-serpage .serTwo-item13{width:calc(37.5% - 3vw - 10px); }
.mod-othercontent01-serpage .serTwo-item13 .img{border-radius:calc(0.25vw + 5px); overflow:hidden; margin:calc(0.5vw + 5px) 0; }
.mod-othercontent01-serpage .serTwo-item13 p{padding:2px 0; }

@media(max-width:768px){
.mod-othercontent01-serpage .serTwo-item01 dl{width:calc(100%/2 - 1vw - 5px); }
.mod-othercontent01-serpage .serTwo-item02{width:100%; }
.mod-othercontent01-serpage .serTwo-item03 .text{width:calc(100%/2 - 1vw - 5px); }
.mod-othercontent01-serpage .serTwo-item04 .img{width:100%; }
.mod-othercontent01-serpage .serTwo-item07 dl{width:calc(50% - 1vw - 5px); }
.mod-othercontent01-serpage .serTwo-item09{width:100%; }
.mod-othercontent01-serpage .serTwo-item11 .text{width:calc(100%/2 - 1vw - 5px); }
.mod-othercontent01-serpage .serTwo-item12{width:calc(50% - 1vw - 5px); }
.mod-othercontent01-serpage .serTwo-item12 li{width:100%; }
.mod-othercontent01-serpage .serTwo-item13{width:calc(50% - 1vw - 5px); }
}

@media(max-width:480px){
.mod-othercontent01-serpage .serTwo-item01 dl{width:100%; }
.mod-othercontent01-serpage .serTwo-item03 .text{width:100%; }
.mod-othercontent01-serpage .serTwo-item05{width:100%; }
.mod-othercontent01-serpage .serTwo-item06 .text{width:100%; }
.mod-othercontent01-serpage .serTwo-item07 dl{width:100%; }
.mod-othercontent01-serpage .serTwo-item08 dt{width:100%; }
.mod-othercontent01-serpage .serTwo-item08 dd{width:100%; }
.mod-othercontent01-serpage .serTwo-item10 .text{width:100%; }
.mod-othercontent01-serpage .serTwo-item11 .text{width:100%; }
.mod-othercontent01-serpage .serTwo-item12{width:100%; }
.mod-othercontent01-serpage .serTwo-item13{width:100%; }
}

@media(max-width:768px){
.layout-custSix-scml6 .mod-othercontent01 .swiper-button-prev,.layout-custSix-scml6 .mod-othercontent01 .swiper-button-next{display:none; }
}

.layout-custSix-scml6 .mod-othercontent01-title-scml6 .mod-title{text-align:center; padding-bottom:calc(1vw + 10px); }
.layout-custSix-scml6 .mod-othercontent01-title-scml6 .title-left{float:none; }
.layout-custSix-scml6 .mod-othercontent01-title-scml6 .title-left:after{content:""; display:block; width:45px; height:4px; background:var(--main); border-radius:10px; margin:calc(0.25vw + 5px) auto; overflow:hidden; }
.layout-custSix-scml6 .mod-othercontent01-title-scml6 .title-right{float:none; max-width:1250px; margin:auto; }
.layout-custSix-scml6 .mod-othercontent01-title-scml6 .title-right-span{display:block; }
.layout-custSix-scml6 .mod-othercontent01-title-scml6 .mod-title h2{font-size:calc(1vw + 16px); line-height:calc(1vw + 25px); font-weight:600; color:#000; padding:calc(0.25vw + 5px) 0; }
.layout-custSix-scml6 .mod-othercontent01-title-scml6 .mod-title h3{font-size:calc(0.2vw + 14px); line-height:calc(0.5vw + 20px); color:var(--main); }
.layout-custSix-scml6 .mod-othercontent01-title-scml6 .mod-bottom{padding-top:calc(0.5vw + 10px); }
.layout-custSix-scml6 .mod-othercontent01-title-scml6 .bottom-left{display:flex; flex-wrap:wrap; margin:0 -5px; }
.layout-custSix-scml6 .mod-othercontent01-title-scml6 .bottom-left a{color:#333; background:var(--main); margin:5px; font-weight:400; padding:calc(0.5vw + 5px) calc(0.5vw + 10px); text-transform:capitalize; display:inline-flex; align-items:center; border-radius:calc(0.25vw + 5px); }
.layout-custSix-scml6 .mod-othercontent01-title-scml6 .bottom-left a:after{content:"→"; padding-left:calc(0.25vw + 5px); }
.layout-custSix-scml6 .mod-othercontent01-title-scml6 .bottom-left a:hover{background:var(--deputy); color:#fff; }
.layout-custSix-scml6{padding:calc(2% + 20px) 0; }
.layout-custSix-scml6 .mod-othercontent01 .content-bg{display:flex; align-items:stretch; flex-wrap:wrap; justify-content:space-between; overflow:visible; }
.layout-custSix-scml6 .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; }
.layout-custSix-scml6 .mod-othercontent01 .item{width:calc(100%/3 - 0.75vw - 5px); margin:calc(0.5vw + 5px) 0; border-radius:calc(0.25vw + 5px); overflow:hidden; }
.layout-custSix-scml6 .mod-othercontent01 .img{border-radius:0 0 calc(0.25vw + 5px) calc(0.25vw + 5px); overflow:hidden; position:relative; padding-bottom:100%; }
.layout-custSix-scml6 .mod-othercontent01 .img iframe{position:absolute; left:0; top:0; width:100%; height:100%; }
.layout-custSix-scml6 .mod-othercontent01 .text{padding:calc(1vw + 10px); }
.layout-custSix-scml6 .mod-othercontent01 .text h3{font-size:calc(0.3vw + 16px); line-height:calc(0.5vw + 20px); color:#000; font-weight:500; padding-bottom:5px; }
.layout-custSix-scml6 .mod-othercontent01 .text:after{content:"\f005\f005\f005\f005\f005"; font:calc(0.3vw + 14px)/1 FontAwesome; letter-spacing:5px; color:#ffc107; display:block; padding-top:calc(0.5vw + 5px); }
.layout-custSix-scml6 .mod-othercontent01 .item:hover{background:url(../picture/custSix-bg.jpg) repeat; box-shadow:0 0 20px rgba(0,0,0,.15); }

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

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

.layout-about-v7by0 .mod-othercontent01 .swiper-button-prev,.layout-about-v7by0 .mod-othercontent01 .swiper-button-next{color:#fff; background:var(--main); width:calc(1vw + 25px); height:calc(1vw + 25px); border-radius:50%; margin:0; transform:translate(0,-50%); }
.layout-about-v7by0 .mod-othercontent01 .swiper-button-prev:after,.layout-about-v7by0 .mod-othercontent01 .swiper-button-next:after{font-size:calc(0.2vw + 14px); line-height:calc(1vw + 25px); }
.layout-about-v7by0 .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,.layout-about-v7by0 .mod-othercontent01 .swiper-button-next.swiper-button-disabled{opacity:1; background:#eee; color:#666; }
.layout-about-v7by0 .mod-othercontent01-title-v7by0 .mod-title{padding-bottom:calc(0.5vw + 10px); }
.layout-about-v7by0 .mod-othercontent01-title-v7by0 .title-right{padding-top:calc(0.25vw + 5px); }
.layout-about-v7by0 .mod-othercontent01-title-v7by0 .title-right-span{display:block; color:#fff; }
.layout-about-v7by0 .mod-othercontent01-title-v7by0 .mod-title h3{color:#fff; }
.layout-about-v7by0 .mod-othercontent01-title-v7by0 .mod-title h2{font-size:calc(1vw + 16px); line-height:calc(1vw + 25px); color:#fff; font-weight:600; text-transform:capitalize; }
.layout-about-v7by0 .mod-othercontent01-title-v7by0 .mod-title a{color:#fff; border-radius:5px; background:#cacaca; padding:calc(0.25vw + 5px) calc(0.5vw + 15px); display:inline-flex; align-items:center; margin-top:calc(1vw + 10px); }
.layout-about-v7by0 .mod-othercontent01-title-v7by0 .mod-title a:after{content:"\f105"; font:calc(0.2vw + 14px)/1 FontAwesome; padding:0 5px; }
.layout-about-v7by0 .mod-othercontent01-title-v7by0 .mod-bottom{padding-top:calc(2vw + 10px); }
.layout-about-v7by0 .mod-othercontent01-title-v7by0 .mod-bottom a{color:#fff; border-radius:5px; background:var(--deputy); padding:calc(0.25vw + 5px) calc(0.5vw + 15px); display:inline-flex; align-items:center; margin:5px calc(0.5vw + 5px); }
.layout-about-v7by0 .mod-othercontent01-title-v7by0 .mod-bottom a:after{content:"\f105"; font:calc(0.2vw + 14px)/1 FontAwesome; padding:0 5px; }
.layout-about-v7by0{padding:calc(3% + 30px) 0; background:#172B46; }
.layout-about-v7by0 .mod-othercontent01 .mod-bg{display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; }
.layout-about-v7by0 .mod-othercontent01 .mod-title{width:calc(50% - 3vw - 10px); order:2; padding:0; }
.layout-about-v7by0 .mod-othercontent01 .mod-title a{margin-top:calc(1vw + 10px); }
.layout-about-v7by0 .mod-othercontent01 .title-right{padding-top:calc(1vw + 5px); }
.layout-about-v7by0 .mod-othercontent01 .mod-content{width:50%; order:1; }

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

.layout-ceoThree-oibkv .mod-othercontent01 .swiper-button-prev,.layout-ceoThree-oibkv .mod-othercontent01 .swiper-button-next{color:#333; width:calc(1vw + 30px); height:calc(1vw + 30px); margin:0; transform:translate(0,-50%); border-radius:50%; background:#fff; border:1px solid #ddd; }
.layout-ceoThree-oibkv .mod-othercontent01 .swiper-button-prev:after,.layout-ceoThree-oibkv .mod-othercontent01 .swiper-button-next:after{font-size:calc(0.4vw + 14px); line-height:calc(1vw + 30px); }
.layout-ceoThree-oibkv .mod-othercontent01 .swiper-button-prev:hover,.layout-ceoThree-oibkv .mod-othercontent01 .swiper-button-next:hover{color:var(--main); }
.layout-ceoThree-oibkv .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,.layout-ceoThree-oibkv .mod-othercontent01 .swiper-button-next.swiper-button-disabled{opacity:1; background:#eee; color:#666; }

@media(max-width:768px){
.layout-ceoThree-oibkv .mod-othercontent01 .swiper-button-prev,.layout-ceoThree-oibkv .mod-othercontent01 .swiper-button-next{display:none; }
}

.layout-ceoThree-oibkv{padding:calc(1% + 10px) 0 calc(2% + 20px); background:#ebeef5; }
.layout-ceoThree-oibkv .mod-othercontent01 .content-bg{display:flex; align-items:start; flex-wrap:wrap; justify-content:space-between; }
.layout-ceoThree-oibkv .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; }
.layout-ceoThree-oibkv .mod-othercontent01 .item{width:calc(50% - 1vw - 5px); margin:calc(0.5vw + 5px) 0; }
.layout-ceoThree-oibkv .mod-othercontent01 .img{border-radius:calc(0.25vw + 5px); overflow:hidden; }
.layout-ceoThree-oibkv .mod-othercontent01 .img + *{font-size:calc(0.5vw + 14px); line-height:calc(0.5vw + 20px); font-weight:500; color:#000; padding:calc(0.5vw + 5px); text-align:center; display:block; }

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

.layout-capaThree-0nvys .mod-othercontent01 .swiper-button-prev,.layout-capaThree-0nvys .mod-othercontent01 .swiper-button-next{color:#666; width:calc(1.5vw + 30px); height:calc(1.5vw + 30px); margin:0; transform:translate(0,-50%); border-radius:50%; background:#fff; box-shadow:0 0 calc(0.5vw + 10px) rgba(0,0,0,0.1); }
.layout-capaThree-0nvys .mod-othercontent01 .swiper-button-prev:after,.layout-capaThree-0nvys .mod-othercontent01 .swiper-button-next:after{font-size:calc(0.6vw + 16px); line-height:calc(1.5vw + 30px); }
.layout-capaThree-0nvys .mod-othercontent01 .swiper-button-prev:hover,.layout-capaThree-0nvys .mod-othercontent01 .swiper-button-next:hover{background:var(--deputy); color:#fff; }
.layout-capaThree-0nvys .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,.layout-capaThree-0nvys .mod-othercontent01 .swiper-button-next.swiper-button-disabled{opacity:1; background:#eee; color:#666; }
.layout-capaThree-0nvys .mod-othercontent01-titlecenter-0nvys .mod-title{padding-bottom:calc(1vw + 10px); text-align:center; }
.layout-capaThree-0nvys .mod-othercontent01-titlecenter-0nvys .title-right{padding-top:calc(0.25vw + 5px); margin:auto; }
.layout-capaThree-0nvys .mod-othercontent01-titlecenter-0nvys .title-right-span{display:block; }
.layout-capaThree-0nvys .mod-othercontent01-titlecenter-0nvys .mod-title h2{font-size:calc(1vw + 20px); line-height:calc(1vw + 25px); color:var(--main); font-weight:600; }
.layout-capaThree-0nvys .mod-othercontent01-titlecenter-0nvys .mod-title a{background:var(--main); color:#fff; padding:calc(0.25vw + 5px) calc(2vw + 10px); border-radius:50vw; margin-top:calc(1vw + 10px); text-transform:capitalize; }
.layout-capaThree-0nvys .mod-othercontent01-titlecenter-0nvys .mod-title a:hover{background:var(--deputy); }
.layout-capaThree-0nvys{padding:calc(2% + 20px) 0; }
.layout-capaThree-0nvys .mod-othercontent01 .content-bg{display:flex; align-items:start; flex-wrap:wrap; counter-reset:section; }
.layout-capaThree-0nvys .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; }
.layout-capaThree-0nvys .mod-othercontent01 .item{width:calc(100%/5 - 2vw - 10px); margin:calc(1vw + 5px); text-align:center; position:relative; }
.layout-capaThree-0nvys .mod-othercontent01 .item:after{content:"\f105"; font:calc(1vw + 16px)/1 FontAwesome; position:absolute; top:calc(2.5vw + 90px); left:100%; transform:translate(150%,-50%); color:#000; }
.layout-capaThree-0nvys .mod-othercontent01 .item:last-of-type:after{display:none; }
.layout-capaThree-0nvys .mod-othercontent01 .img{border-radius:50%; overflow:hidden; position:relative; width:calc(5vw + 180px); margin:auto; max-width:100%; }
.layout-capaThree-0nvys .mod-othercontent01 .img:after{content:counter(section); counter-increment:section; position:absolute; top:0; right:0; bottom:0; left:0; text-align:center; color:#fff; background:rgba(0,0,0,0.3); display:flex; align-items:center; justify-content:center; font-size:calc(2vw + 20px); line-height:calc(2vw + 25px); font-weight:600; font-family:var(--font); }
.layout-capaThree-0nvys .mod-othercontent01 .item h3{font-size:calc(0.4vw + 16px); line-height:calc(0.5vw + 20px); font-weight:500; color:#000; padding:calc(0.5vw + 5px); }
.layout-capaThree-0nvys .mod-othercontent01 .item:hover .img:after{opacity:0; }
.layout-capaThree-0nvys .mod-othercontent01 .item:hover .img img{transform:scale(1.05); }

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

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

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

.layout-oemFive-tc02i .mod-othercontent01 .swiper-button-prev,.layout-oemFive-tc02i .mod-othercontent01 .swiper-button-next{color:#fff; width:calc(1vw + 25px); height:calc(1vw + 25px); margin:0; transform:translate(0,-50%); }
.layout-oemFive-tc02i .mod-othercontent01 .swiper-button-prev:after,.layout-oemFive-tc02i .mod-othercontent01 .swiper-button-next:after{font-size:calc(0.3vw + 16px); line-height:calc(1vw + 25px); }
.layout-oemFive-tc02i .mod-othercontent01 .swiper-button-prev:hover,.layout-oemFive-tc02i .mod-othercontent01 .swiper-button-next:hover{color:var(--main) !important; }
.layout-oemFive-tc02i .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,.layout-oemFive-tc02i .mod-othercontent01 .swiper-button-next.swiper-button-disabled{opacity:1; color:#333; }

@media(max-width:768px){
.layout-oemFive-tc02i .mod-othercontent01 .swiper-button-prev,.layout-oemFive-tc02i .mod-othercontent01 .swiper-button-next{display:none; }
}

.layout-oemFive-tc02i .mod-othercontent01-titlecenter-tc02i .mod-title{padding-bottom:calc(1vw + 10px); text-align:center; max-width:1100px; margin:auto; }
.layout-oemFive-tc02i .mod-othercontent01-titlecenter-tc02i .title-right{padding-top:calc(0.5vw + 5px); }
.layout-oemFive-tc02i .mod-othercontent01-titlecenter-tc02i .title-right-span{display:block; }
.layout-oemFive-tc02i .mod-othercontent01-titlecenter-tc02i .mod-title h3{color:var(--main); font-weight:500; }
.layout-oemFive-tc02i .mod-othercontent01-titlecenter-tc02i .mod-title h2{font-size:calc(1.4vw + 18px); line-height:calc(1.5vw + 20px); color:#000; font-weight:600; }
.layout-oemFive-tc02i .mod-othercontent01-titlecenter-tc02i .mod-title strong{color:var(--main); }
.layout-oemFive-tc02i .mod-othercontent01-titlecenter-tc02i .mod-bottom{padding-top:calc(2vw + 10px); text-align:center; }
.layout-oemFive-tc02i .mod-othercontent01-titlecenter-tc02i .mod-bottom a{color:var(--main); padding:calc(0.25vw + 5px) calc(1vw + 20px); text-transform:uppercase; border:1px solid var(--main); }
.layout-oemFive-tc02i .mod-othercontent01-titlecenter-tc02i .mod-bottom a:hover{color:#fff; background:var(--main); }
.layout-oemFive-tc02i{padding:calc(2% + 20px) 0; background:#f4f4f4; }
.layout-oemFive-tc02i .layout-bg{width:1800px; }
.layout-oemFive-tc02i .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; }
.layout-oemFive-tc02i .mod-othercontent01 .text{padding:calc(0.5vw + 10px); }
.layout-oemFive-tc02i .mod-othercontent01 .text h4{color:var(--main); }
.layout-oemFive-tc02i .mod-othercontent01 .text h3{font-size:calc(0.4vw + 16px); font-weight:600; line-height:calc(0.5vw + 20px); padding:calc(0.25vw + 5px) 0 calc(0.5vw + 5px); }
.layout-oemFive-tc02i .mod-othercontent01 .text dl{display:flex; flex-wrap:wrap; align-items:start; }
.layout-oemFive-tc02i .mod-othercontent01 .text dt{width:calc(2vw + 80px); font-weight:500; }
.layout-oemFive-tc02i .mod-othercontent01 .text dd{width:calc(100% - 2vw - 90px); }
.layout-oemFive-tc02i .mod-othercontent01 .swiper-slide:hover{background:#fff; }
.layout-oemFive-tc02i .mod-othercontent01 .swiper-slide:hover .text h3{color:var(--main); }
.layout-oemFive-tc02i + .layout-aboutSix{background:#fff; }

.layout-manuOne{padding:calc(3% + 30px) 0; }
.layout-manuOne .mod-othercontent01 .mod-content{padding:calc(1vw + 5px) 0; }
.layout-manuOne .mod-othercontent01 .content-bg{display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; }
.layout-manuOne .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; }
.layout-manuOne .mod-othercontent01 .img{width:46.5%; border-radius:calc(0.25vw + 5px); overflow:hidden; }
.layout-manuOne .mod-othercontent01 .text{width:calc(53.5% - 3vw - 10px); padding:calc(0.5vw + 10px) 0; }
.layout-manuOne .mod-othercontent01 .text h3{font-size:calc(0.7vw + 16px); line-height:calc(1vw + 20px); font-weight:600; padding-bottom:calc(0.5vw + 5px); }
.layout-manuOne .mod-othercontent01 .text p + p{padding-top:calc(0.25vw + 5px); }
.layout-manuOne .mod-othercontent01:nth-of-type(2n) .content-bg{flex-direction:row-reverse; }

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

.layout-manuTwo{padding:calc(6% + 40px) 0; background:url(../picture/manuTwo-bg.jpg) center/cover fixed no-repeat; }
.layout-manuTwo .mod-othercontent01 .content-bg{display:flex; align-items:start; flex-wrap:wrap; padding-top:calc(1vw + 10px); }
.layout-manuTwo .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; }
.layout-manuTwo .mod-othercontent01 .text{width:25%; padding:calc(2vw + 5px); box-sizing:border-box; text-align:center; font-size:calc(0.3vw + 14px); line-height:calc(0.5vw + 20px); }
.layout-manuTwo .mod-othercontent01 .text h3{font-size:calc(3vw + 20px); line-height:calc(2vw + 20px); font-weight:600; font-weight:600; padding-bottom:calc(0.25vw + 5px); }

@media(max-width:768px){
.layout-manuTwo .mod-othercontent01 .text{padding:calc(1vw + 5px); }
}

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

.layout-manuThree{padding:calc(3% + 30px) 0; }
.layout-manuThree .mod-othercontent01 .content-bg{display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; }
.layout-manuThree .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; }
.layout-manuThree .mod-othercontent01 .item{width:calc(100%/4 - 1vw - 5px); margin:calc(0.5vw + 5px) 0; }
.layout-manuThree .mod-othercontent01 .img{border-radius:calc(0.25vw + 5px); overflow:hidden; }
.layout-manuThree .mod-othercontent01 .text h3{font-size:calc(0.3vw + 14px); line-height:calc(0.5vw + 20px); font-weight:600; display:block; padding:calc(0.5vw + 5px) 0 calc(0.25vw + 5px); }
.layout-manuThree .mod-othercontent01 .item:hover .img img{transform:scale(1.05); }

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

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

.layout-manuFive{background:#f4f4f4; }
.layout-manuFive .layout-bg{display:flex; align-items:center; flex-wrap:wrap; }
.layout-manuFive .layout-bg > div{width:50%; }
.layout-manuFive .mod-othercontent01-title .mod-bg{padding:calc(3vw + 20px); }
.layout-manuFive .mod-othercontent01 dl{display:flex; align-items:center; justify-content:space-between; padding-top:calc(2vw + 5px); }
.layout-manuFive .mod-othercontent01 dt{width:calc(1vw + 40px); }
.layout-manuFive .mod-othercontent01 dd{width:calc(100% - 2vw - 45px); }
.layout-manuFive .mod-othercontent01 dd h3{font-size:calc(0.3vw + 14px); line-height:calc(0.5vw + 20px); font-weight:600; font-weight:600; padding-bottom:5px; }

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

.layout-manuSix{padding:calc(3% + 30px) 0 calc(1% + 10px); }
.layout-manuSix .mod-othercontent01 .content-bg{display:flex; align-items:start; flex-wrap:wrap; overflow:visible; }
.layout-manuSix .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; }
.layout-manuSix .mod-othercontent01 .item{width:calc(100%/4 - 0.5vw - 10px); margin:calc(0.25vw + 5px); text-align:center; }
.layout-manuSix .mod-othercontent01 .item a{display:block; }
.layout-manuSix .mod-othercontent01 .img{border-radius:calc(0.25vw + 5px); overflow:hidden; background:#e5e5e5; }
.layout-manuSix .mod-othercontent01 .img img{opacity:0.9; }
.layout-manuSix .mod-othercontent01 .item > a{font-size:calc(0.3vw + 14px); line-height:calc(0.5vw + 20px); font-weight:600; display:block; padding:calc(0.5vw + 5px); display:block; }
.layout-manuSix .mod-othercontent01 .item:hover .img{box-shadow:0 0 calc(0.5vw + 10px) rgba(0,0,0,0.1); background:#fff; }
.layout-manuSix .mod-othercontent01 .item:hover .img img{opacity:1; transform:scale(1.05); }

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

.layout-manuSev{padding:calc(2% + 20px) 0; }
.layout-manuSev .mod-othercontent01 .content-bg{display:flex; align-items:start; flex-wrap:wrap; overflow:visible; }
.layout-manuSev .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; }
.layout-manuSev .mod-othercontent01 .item{width:calc(100%/5 - 0.5vw - 10px); margin:calc(0.25vw + 5px); text-align:center; }
.layout-manuSev .mod-othercontent01 .img{border-radius:calc(0.25vw + 5px); overflow:hidden; box-shadow:0 0 calc(0.5vw + 10px) rgba(0,0,0,0.1); }
.layout-manuSev .mod-othercontent01 .item h3{font-size:calc(0.3vw + 14px); line-height:calc(0.5vw + 20px); font-weight:600; display:block; padding:calc(0.5vw + 5px); display:block; }
.layout-manuSev .mod-othercontent01 .item:hover .img img{transform:scale(1.05); }

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

.layout-manuNine{padding:calc(2% + 20px) 0; }
.layout-manuNine .mod-othercontent01 .mod-bg{padding:calc(3vw + 20px); background:url(../picture/8549977.jpg?x-oss-process=image/quality,Q_90) center/cover fixed no-repeat; text-align:center; border-radius:calc(1vw + 5px); }
.layout-manuNine .mod-othercontent01-titlecenter p{color:var(--main); }

.layout-procate-9nsnf .mod-othercontent01 .swiper-button-prev,.layout-procate-9nsnf .mod-othercontent01 .swiper-button-next{color:#333; border-radius:50%; background:rgba(255,255,255,0.5); width:calc(1vw + 30px); height:calc(1vw + 30px); }
.layout-procate-9nsnf .mod-othercontent01 .swiper-button-prev:after,.layout-procate-9nsnf .mod-othercontent01 .swiper-button-next:after{font-size:calc(0.2vw + 14px); }
.layout-procate-9nsnf .mod-othercontent01 .swiper-button-prev:hover,.layout-procate-9nsnf .mod-othercontent01 .swiper-button-next:hover{color:var(--main); background:#fff; }
.layout-procate-9nsnf .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,.layout-procate-9nsnf .mod-othercontent01 .swiper-button-next.swiper-button-disabled{opacity:1; background:#999; }

@media(max-width:768px){
.layout-procate-9nsnf .mod-othercontent01 .swiper-button-prev,.layout-procate-9nsnf .mod-othercontent01 .swiper-button-next{display:none; }
}

.layout-procate-9nsnf .mod-othercontent01-title-9nsnf .mod-title{text-align:center; padding-bottom:calc(0.5vw + 10px); }
.layout-procate-9nsnf .mod-othercontent01-title-9nsnf .title-left{float:none; }
.layout-procate-9nsnf .mod-othercontent01-title-9nsnf .title-left:after{content:""; width:65px; height:15px; margin:calc(0.5vw + 5px) auto; display:block; }
.layout-procate-9nsnf .mod-othercontent01-title-9nsnf .mod-title h2{display:block; font-size:calc(1.3vw + 16px); line-height:calc(1.5vw + 20px); font-weight:500; color:var(--main); }
.layout-procate-9nsnf .mod-othercontent01-title-9nsnf .mod-title h3{display:block; font-size:calc(0.3vw + 14px); line-height:calc(0.5vw + 20px); color:#000; }
.layout-procate-9nsnf .mod-othercontent01-title-9nsnf .title-right{float:none; }
.layout-procate-9nsnf .mod-othercontent01-title-9nsnf .title-right-span{display:block; padding:0.5vw 0; }
.layout-procate-9nsnf .mod-othercontent01-title-9nsnf .mod-bottom{padding-top:calc(0.5vw + 10px); }
.layout-procate-9nsnf .mod-othercontent01-title-9nsnf .bottom-left a{font-size:calc(0.2vw + 12px); color:var(--main); }
.layout-procate-9nsnf .mod-othercontent01-title-9nsnf .bottom-left a:after{content:"➜"; padding-left:calc(1vw + 5px); }
.layout-procate-9nsnf{padding:calc(2% + 20px) 0; }
.layout-procate-9nsnf .mod-othercontent01 .content-bg{display:flex; align-items:stretch; flex-wrap:wrap; overflow:visible; }
.layout-procate-9nsnf .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; }
.layout-procate-9nsnf .mod-othercontent01 .item{width:calc(100%/4 - 0.5vw - 10px); margin:calc(0.25vw + 5px); border-radius:calc(0.25vw + 5px); overflow:hidden; background:-webkit-linear-gradient(top,#f5f5f5,#fff); }
.layout-procate-9nsnf .mod-othercontent01 .item a{display:block; }
.layout-procate-9nsnf .mod-othercontent01 .img{border-radius:calc(0.25vw + 5px); overflow:hidden; position:relative; background:#eee; }
.layout-procate-9nsnf .mod-othercontent01 .img > a{}
.layout-procate-9nsnf .mod-othercontent01 .img:after{content:""; width:30px; height:4px; background:var(--main); border-radius:5px; position:absolute; bottom:0; left:50%; transform:translate(-50%,0); z-index:2; }
.layout-procate-9nsnf .mod-othercontent01 .text a{padding:10px; text-align:center; font-size:calc(0.3vw + 16px); line-height:calc(0.5vw + 20px); color:#000; font-weight:500; }
.layout-procate-9nsnf .mod-othercontent01 .item:hover{box-shadow:0 0 20px rgba(0,0,0,0.15); }
.layout-procate-9nsnf .mod-othercontent01 .item:hover .img{background:transparent; border-radius:0; }
.layout-procate-9nsnf .mod-othercontent01 .item:hover .img:after{width:calc(1vw + 50px); }

@media(max-width:768px){
.layout-procate-9nsnf .mod-othercontent01 .item{width:calc(100%/3 - 0.5vw - 10px); }
}

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

.layout-advan-isp7e .mod-othercontent01 .swiper-button-prev,.layout-advan-isp7e .mod-othercontent01 .swiper-button-next{color:#333; width:calc(1vw + 25px); height:calc(1vw + 25px); background:#f3f3f3; border-radius:50%; margin:0; transform:translate(0,-50%); }
.layout-advan-isp7e .mod-othercontent01 .swiper-button-prev:after,.layout-advan-isp7e .mod-othercontent01 .swiper-button-next:after{font-size:calc(0.2vw + 14px); line-height:calc(1vw + 25px); }
.layout-advan-isp7e .mod-othercontent01 .swiper-button-prev:hover,.layout-advan-isp7e .mod-othercontent01 .swiper-button-next:hover{background:var(--main) !important; color:#fff; }
.layout-advan-isp7e .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,.layout-advan-isp7e .mod-othercontent01 .swiper-button-next.swiper-button-disabled{opacity:1; background:#999; color:#fff; }
.layout-advan-isp7e{overflow:visible; position:relative; z-index:2; box-shadow:0 -5px 10px rgba(0,0,0,0.15); }
.layout-advan-isp7e .mod-othercontent01 .content-bg{display:flex; align-items:center; flex-wrap:wrap; overflow:visible; }
.layout-advan-isp7e .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; }
.layout-advan-isp7e .mod-othercontent01 dl{padding:calc(0.5vw + 10px) calc(1vw + 10px); box-sizing:border-box; color:#000; border-radius:calc(0.25vw + 5px) calc(0.25vw + 5px) 0 0; display:flex; align-items:center; justify-content:space-between; width:calc(100%/5); }
.layout-advan-isp7e .mod-othercontent01 dt{width:calc(0.5vw + 40px); }
.layout-advan-isp7e .mod-othercontent01 dd{width:calc(100% - 1vw - 45px); font-size:calc(0.3vw + 14px); line-height:calc(0.5vw + 20px); font-weight:600; }
.layout-advan-isp7e .mod-othercontent01 dd h3{font-size:calc(0.4vw + 16px); color:var(--main); }
.layout-advan-isp7e .mod-othercontent01 dl:hover{background:var(--main); color:#fff; box-shadow:0 -10px 0 var(--main); }
.layout-advan-isp7e .mod-othercontent01 dl:hover h3{color:#fff; }
.layout-advan-isp7e .mod-othercontent01 dl:hover dt img{filter:grayscale(1) brightness(10); }
.layout-advan-isp7e{padding-top:calc(1vw + 15px); }

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

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

.layout-advan-sq9d7 .mod-othercontent01 .swiper-button-prev,.layout-advan-sq9d7 .mod-othercontent01 .swiper-button-next{color:#333; width:calc(1vw + 25px); background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.1); height:calc(1vw + 25px); border-radius:50%; margin:0; transform:translate(0,-50%); }
.layout-advan-sq9d7 .mod-othercontent01 .swiper-button-prev:after,.layout-advan-sq9d7 .mod-othercontent01 .swiper-button-next:after{font-size:calc(0.2vw + 14px); line-height:calc(1vw + 25px); }
.layout-advan-sq9d7 .mod-othercontent01 .swiper-button-prev:hover,.layout-advan-sq9d7 .mod-othercontent01 .swiper-button-next:hover{background:var(--main); color:#fff; }
.layout-advan-sq9d7 .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,.layout-advan-sq9d7 .mod-othercontent01 .swiper-button-next.swiper-button-disabled{opacity:1; background:#eee; color:#666; }
.layout-advan-sq9d7{position:relative; overflow:visible; z-index:1; box-shadow:0 calc(-2vw - 20px) 0 #f5f5f5 inset; }
.layout-advan-sq9d7 .mod-othercontent01 .content-bg{display:flex; flex-wrap:wrap; align-items:stretch; border-radius:10vw; background:#fff; }
.layout-advan-sq9d7 .mod-othercontent01 dl{width:calc(100%/4); padding:calc(1vw + 10px) calc(2vw + 10px); box-sizing:border-box; position:relative; display:flex; align-items:center; justify-content:space-between; z-index:2; }
.layout-advan-sq9d7 .mod-othercontent01 dl:after{content:""; position:absolute; top:0; left:0; right:0; bottom:0; z-index:-1; background:var(--main); opacity:0; }
.layout-advan-sq9d7 .mod-othercontent01 dt{width:calc(1vw + 35px); }
.layout-advan-sq9d7 .mod-othercontent01 dd{width:calc(100% - 1vw - 45px); font-size:calc(0.2vw + 13px); }
.layout-advan-sq9d7 .mod-othercontent01 dl + dl:before{content:""; position:absolute; top:50%; left:0; transform:translate(0,-50%); height:calc(1vw + 35px); width:1px; background:rgba(0,0,0,0.1); }
.layout-advan-sq9d7 .mod-othercontent01 dl:hover:after{opacity:0.1; }

@media(min-width:769px){
.layout-advan-sq9d7 .mod-othercontent01 .mod-content{margin-top:calc(-2vw - 20px); }
}

@media(max-width:768px){
.layout-advan-sq9d7{background:#f5f5f5; padding:calc(2% + 20px) 0 0; }
.layout-advan-sq9d7 .mod-othercontent01 dl{width:calc(100%/2); }
}

@media(max-width:480px){
.layout-advan-sq9d7 .mod-othercontent01 dl{width:100%; }
.layout-advan-sq9d7 .mod-othercontent01 dl + dl:before{top:0; left:calc(2vw + 10px); width:calc(1vw + 35px); transform:translate(0,0); height:1px; }
}

.layout-show-uskwh .mod-othercontent01 .swiper-button-prev,.layout-show-uskwh .mod-othercontent01 .swiper-button-next{color:#fff; width:calc(1vw + 30px); height:calc(1vw + 30px); margin:0; transform:translate(0,-50%); border-radius:50%; }
.layout-show-uskwh .mod-othercontent01 .swiper-button-prev:after,.layout-show-uskwh .mod-othercontent01 .swiper-button-next:after{font-size:calc(0.4vw + 16px); line-height:calc(1vw + 30px); }
.layout-show-uskwh .mod-othercontent01 .swiper-button-prev:hover,.layout-show-uskwh .mod-othercontent01 .swiper-button-next:hover{background:var(--main); }
.layout-show-uskwh .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,.layout-show-uskwh .mod-othercontent01 .swiper-button-next.swiper-button-disabled{opacity:1; background:#eee; color:#999; }
.layout-show-uskwh .mod-othercontent01-titlespace-uskwh .mod-title{padding-bottom:calc(0.5vw + 10px); }
.layout-show-uskwh .mod-othercontent01-titlespace-uskwh .title-bg{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; }
.layout-show-uskwh .mod-othercontent01-titlespace-uskwh .title-right-span{display:block; }
.layout-show-uskwh .mod-othercontent01-titlespace-uskwh .title-left{flex:auto; }
.layout-show-uskwh .mod-othercontent01-titlespace-uskwh .mod-title h2{font-size:calc(0.8vw + 20px); line-height:calc(1vw + 25px); font-weight:700; color:#000; }
.layout-show-uskwh .mod-othercontent01-titlespace-uskwh .mod-title a{padding:calc(0.25vw + 5px) calc(1vw + 10px); border:1px solid #333; border-radius:5px; text-transform:capitalize; }
.layout-show-uskwh .mod-othercontent01-titlespace-uskwh .mod-title a:hover{background:var(--main); border-color:var(--main); color:#fff; }
.layout-show-uskwh{padding:calc(1% + 10px) 0 calc(2% + 20px); }
.layout-show-uskwh .mod-othercontent01 .content-bg{display:flex; align-items:stretch; flex-wrap:wrap; justify-content:space-between; }
.layout-show-uskwh .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; }
.layout-show-uskwh .mod-othercontent01 .item{width:calc(100%/3 - 0.75vw - 5px); margin:calc(0.5vw + 5px) 0; }
.layout-show-uskwh .mod-othercontent01 .item a{display:block; }
.layout-show-uskwh .mod-othercontent01 .img{border-radius:calc(0.25vw + 5px); overflow:hidden; }
.layout-show-uskwh .mod-othercontent01 .img + *{font-size:calc(0.3vw + 14px); line-height:calc(0.5vw + 20px); padding:calc(0.5vw + 5px); text-align:center; color:#000; }
.layout-show-uskwh .mod-othercontent01 .item:hover .img img{transform:scale(1.05); }
.layout-show-uskwh .mod-othercontent01 .item:hover .img + *{color:var(--main); }

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

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

.layout-banner-6kju2 .mod-othercontent01 .swiper-button-prev,.layout-banner-6kju2 .mod-othercontent01 .swiper-button-next{color:#666; width:calc(0.5vw + 30px); height:calc(0.5vw + 30px); border-radius:50%; border:1px solid #ccc; margin:0; transform:translate(0,-50%); }
.layout-banner-6kju2 .mod-othercontent01 .swiper-button-prev:after,.layout-banner-6kju2 .mod-othercontent01 .swiper-button-next:after{font-size:calc(0.4vw + 14px); line-height:calc(0.5vw + 30px); }
.layout-banner-6kju2 .mod-othercontent01 .swiper-button-prev:hover,.layout-banner-6kju2 .mod-othercontent01 .swiper-button-next:hover{color:#fff; background:var(--main); border-color:var(--main); }
.layout-banner-6kju2 .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,.layout-banner-6kju2 .mod-othercontent01 .swiper-button-next.swiper-button-disabled{opacity:1; background:#eee; color:#666; }

@media(max-width:768px){
.layout-banner-6kju2 .mod-othercontent01 .swiper-button-prev,.layout-banner-6kju2 .mod-othercontent01 .swiper-button-next{display:none; }
}

.layout-banner-6kju2 .mod-othercontent01-banner-6kju2 .item{position:relative; z-index:2; overflow:hidden; }
.layout-banner-6kju2 .mod-othercontent01-banner-6kju2 .img img{width:100%; max-width:initial; }
.layout-banner-6kju2 .mod-othercontent01-banner-6kju2 .text{color:#fff; position:absolute; left:calc(1vw + 10px); top:50%; right:calc(1vw + 10px); max-width:var(--width); margin:auto; transform:translate(0%,-50%); }
.layout-banner-6kju2 .mod-othercontent01-banner-6kju2 .desc{max-width:760px; }
.layout-banner-6kju2 .mod-othercontent01-banner-6kju2 .title{font-size:calc(2.5vw + 16px); line-height:calc(2.5vw + 26px); font-weight:700; padding-bottom:calc(1vw + 5px); position:relative; z-index:2; }
.layout-banner-6kju2 .mod-othercontent01-banner-6kju2 .text a{font-weight:500; color:#fff; background:#213666; padding:calc(0.5vw + 5px) calc(2vw + 10px); margin-top:calc(2vw + 10px); border-radius:50vw; }
.layout-banner-6kju2 .layout-bg{width:100%; }

@media (max-width: 768px){
.layout-banner-6kju2 .mod-othercontent01-banner-6kju2 .item{display:flex; flex-direction:column; position:relative; }
.layout-banner-6kju2 .mod-othercontent01-banner-6kju2 .img{position:relative; order:1; }
.layout-banner-6kju2 .mod-othercontent01-banner-6kju2 .title{position:absolute; top:10%; left:-15%; width:90%; text-align:center; color:#fff; font-size:24px; line-height:1.2; margin:0; z-index:10; text-shadow:0px 2px 10px rgba(0,0,0,0.5); }
.layout-banner-6kju2 .mod-othercontent01-banner-6kju2 .text{position:static; transform:none; order:2; padding:20px 15px; background:#fff; text-align:center; width:100%; box-sizing:border-box; }
.layout-banner-6kju2 .mod-othercontent01-banner-6kju2 .title br{display:none; }
.layout-banner-6kju2 .mod-othercontent01-banner-6kju2 .desc p{color:#666; font-size:14px; line-height:1.6; margin-top:0; }
.layout-banner-6kju2 .mod-othercontent01-banner-6kju2 .text a{display:inline-block; margin-top:15px; background:#213666; width:80%; }
}

.layout-aboutThree-ml4w6 .mod-othercontent01 .swiper-button-prev,.layout-aboutThree-ml4w6 .mod-othercontent01 .swiper-button-next{color:var(--deputy); width:calc(1vw + 30px); height:calc(1vw + 30px); margin:0; border-radius:50%; background:rgba(255,255,255,0.5); }
.layout-aboutThree-ml4w6 .mod-othercontent01 .swiper-button-prev:after,.layout-aboutThree-ml4w6 .mod-othercontent01 .swiper-button-next:after{font-size:calc(0.5vw + 14px); line-height:calc(1vw + 30px); }
.layout-aboutThree-ml4w6 .mod-othercontent01 .swiper-button-prev:hover,.layout-aboutThree-ml4w6 .mod-othercontent01 .swiper-button-next:hover{background:var(--color); color:#fff; }
.layout-aboutThree-ml4w6 .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,.layout-aboutThree-ml4w6 .mod-othercontent01 .swiper-button-next.swiper-button-disabled{opacity:1; color:#eee; }

@media(max-width:768px){
.layout-aboutThree-ml4w6 .mod-othercontent01 .swiper-button-prev,.layout-aboutThree-ml4w6 .mod-othercontent01 .swiper-button-next{display:none; }
}

@keyframes round-ml4w6{
0%{transform:rotate(0deg); }
100%{transform:rotate(-360deg); }
}

.layout-aboutThree-ml4w6 .mod-othercontent01-title-ml4w6 .mod-title{padding-bottom:calc(1vw + 10px); }
.layout-aboutThree-ml4w6 .mod-othercontent01-title-ml4w6 .mod-title span{display:block; }
.layout-aboutThree-ml4w6 .mod-othercontent01-title-ml4w6 .title-right{padding-top:calc(1vw + 5px); line-height:calc(0.5vw + 20px); }
.layout-aboutThree-ml4w6 .mod-othercontent01-title-ml4w6 .mod-title h3{color:var(--main); text-transform:uppercase; display:inline-flex; align-items:center; }
.layout-aboutThree-ml4w6 .mod-othercontent01-title-ml4w6 .mod-title h3:before{content:""; width:30px; height:30px; margin:5px; background:url(../picture/title-circle.png) center no-repeat; animation:round-ml4w6 5s linear -1s infinite normal none; display:block; }
.layout-aboutThree-ml4w6 .mod-othercontent01-title-ml4w6 .mod-title h2{font-size:calc(1.3vw + 16px); line-height:calc(1.5vw + 20px); font-weight:500; }
.layout-aboutThree-ml4w6 .mod-othercontent01-title-ml4w6 .mod-title a{padding:calc(0.5vw + 5px) calc(1vw + 20px); font-weight:500; border-radius:50vw; color:var(--main); margin-top:calc(1vw + 10px); border:1px solid var(--main); }
.layout-aboutThree-ml4w6 .mod-othercontent01-title-ml4w6 .mod-title a:hover{background:var(--color); color:#fff; border-color:transparent; }
.layout-aboutThree-ml4w6 .mod-othercontent01-title-ml4w6 .mod-bottom{padding-top:calc(1vw + 10px); }
.layout-aboutThree-ml4w6 .mod-othercontent01-title-ml4w6 .mod-bottom a{padding:calc(0.5vw + 5px) calc(1vw + 20px); font-weight:500; border-radius:50vw; color:var(--main); border:1px solid var(--main); margin:calc(0.25vw + 5px); }
.layout-aboutThree-ml4w6 .mod-othercontent01-title-ml4w6 .mod-bottom a:hover{background:var(--color); color:#fff; border-color:transparent; }
.layout-aboutThree-ml4w6{padding:calc(3% + 30px) 0; }
.layout-aboutThree-ml4w6 .layout-bg{display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; }
.layout-aboutThree-ml4w6 .left{width:calc(50% - 3vw - 10px); }
.layout-aboutThree-ml4w6 .right{width:50%; }
.layout-aboutThree-ml4w6 .right .mod-othercontent01 .content-bg{border-radius:calc(1vw + 10px); }
.layout-aboutThree-ml4w6 .mod-othercontent01 li{display:flex; align-items:start; padding:2px 0; }
.layout-aboutThree-ml4w6 .mod-othercontent01 li:before{content:"\f00c"; font:calc(0.3vw + 14px)/1 FontAwesome; flex:0 0 calc(0.5vw + 20px); color:var(--main); }
.layout-aboutThree-ml4w6 .mod-othercontent01 .mod-bottom span{display:block; }
.layout-aboutThree-ml4w6 .mod-othercontent01 .mod-bottom a{background:var(--color); border:none; color:#fff; margin:calc(2vw + 10px) 0 0; }

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

.layout-about-5vh6h .mod-othercontent01 .swiper-button-prev,.layout-about-5vh6h .mod-othercontent01 .swiper-button-next{color:#333; width:calc(1vw + 25px); background:#fff; height:calc(1vw + 25px); border-radius:50%; margin:0; transform:translate(0,-50%); }
.layout-about-5vh6h .mod-othercontent01 .swiper-button-prev:after,.layout-about-5vh6h .mod-othercontent01 .swiper-button-next:after{font-size:calc(0.2vw + 14px); line-height:calc(1vw + 25px); }
.layout-about-5vh6h .mod-othercontent01 .swiper-button-prev:hover,.layout-about-5vh6h .mod-othercontent01 .swiper-button-next:hover{background:var(--main); color:#fff; }
.layout-about-5vh6h .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,.layout-about-5vh6h .mod-othercontent01 .swiper-button-next.swiper-button-disabled{opacity:1; background:#eee; color:#666; }
.layout-about-5vh6h .mod-othercontent01-title-5vh6h .mod-title{padding-bottom:calc(0.5vw + 10px); }
.layout-about-5vh6h .mod-othercontent01-title-5vh6h .title-right{padding-top:calc(0.25vw + 5px); }
.layout-about-5vh6h .mod-othercontent01-title-5vh6h .title-right-span{display:block; }
.layout-about-5vh6h .mod-othercontent01-title-5vh6h .mod-title h2{font-size:calc(1vw + 16px); line-height:calc(1vw + 25px); color:#000; font-weight:600; text-transform:uppercase; }
.layout-about-5vh6h .mod-othercontent01-title-5vh6h .mod-title a{color:#fff; border-radius:50vw; background:#213666; padding:calc(0.5vw + 5px) calc(1vw + 20px); display:inline-flex; align-items:center; margin-top:calc(1vw + 10px); text-transform:uppercase; white-space:nowrap; }
.layout-about-5vh6h .mod-othercontent01-title-5vh6h .mod-title a:after{content:"\f105"; font:calc(0.2vw + 14px)/1 FontAwesome; flex:0 0 calc(0.25vw + 20px); text-align:right; }
.layout-about-5vh6h .mod-othercontent01-title-5vh6h .mod-title a:hover{background:#213772; }
.layout-about-5vh6h .mod-othercontent01-title-5vh6h .mod-bottom{padding-top:calc(2vw + 10px); }
.layout-about-5vh6h .mod-othercontent01-title-5vh6h .mod-bottom a{color:#fff; border-radius:50vw; background:var(--main); padding:calc(0.5vw + 5px) calc(1vw + 20px); display:inline-flex; align-items:center; text-transform:uppercase; white-space:nowrap; }
.layout-about-5vh6h .mod-othercontent01-title-5vh6h .mod-bottom a:after{content:"\f105"; font:calc(0.2vw + 14px)/1 FontAwesome; flex:0 0 calc(0.25vw + 20px); text-align:right; }
.layout-about-5vh6h .mod-othercontent01-title-5vh6h .mod-bottom a:hover{background:var(--deputy); }
.layout-about-5vh6h{padding:calc(2% + 20px) 0; }
.layout-about-5vh6h .mod-othercontent01 .mod-bg{display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; flex-direction:row-reverse; }
.layout-about-5vh6h .mod-othercontent01 .mod-title{width:calc(50% - 4vw - 10px); padding:0; box-sizing:border-box; order:2; }
.layout-about-5vh6h .mod-othercontent01 .mod-content{width:50%; order:1; }
.layout-about-5vh6h .mod-othercontent01 .content-bg{border-radius:calc(0.25vw + 5px); }

@media(max-width:768px){
.layout-about-5vh6h .mod-othercontent01 .mod-bg > div{width:100%; padding:calc(0.5vw + 10px) 0; }
}

.layout-stockFour-yp2d9{padding:calc(3% + 30px) 0; background:#fef4e5; }
.layout-stockFour-yp2d9 .mod-othercontent01 .content-bg{display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; }
.layout-stockFour-yp2d9 .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; }
.layout-stockFour-yp2d9 .mod-othercontent01 .img{border-radius:calc(2vw + 10px) 0 0 0; overflow:hidden; width:50%; }
.layout-stockFour-yp2d9 .mod-othercontent01 .text{width:calc(50% - 3vw - 10px); }
.layout-stockFour-yp2d9 .mod-othercontent01 .text span{width:calc(0.5vw + 40px); padding:calc(0.5vw + 5px); border-radius:50%; background:var(--main); display:block; }
.layout-stockFour-yp2d9 .mod-othercontent01 .text h3{font-size:calc(1vw + 16px); line-height:calc(1.5vw + 20px); font-weight:600; padding:calc(0.25vw + 5px) 0; }
.layout-stockFour-yp2d9 .mod-othercontent01 .text ul{padding:5px 0 5px 1.5em; }
.layout-stockFour-yp2d9 .mod-othercontent01 .text li{padding:5px 0; list-style:disc; }
.layout-stockFour-yp2d9 .mod-othercontent01 .text li::marker{color:var(--main); }
.layout-stockFour-yp2d9 .mod-othercontent01:nth-of-type(2n) .content-bg{flex-direction:row-reverse; }
.layout-stockFour-yp2d9 .mod-othercontent01:nth-of-type(2n) .img{border-radius:0 calc(2vw + 10px) 0 0; }

@media(max-width:480px){
.layout-stockFour-yp2d9 .mod-othercontent01 .img{width:100%; }
.layout-stockFour-yp2d9 .mod-othercontent01 .text{width:100%; padding:calc(0.5vw + 10px) calc(0.5vw + 10px) calc(1vw + 20px); }
}

.layout-stockFour-yp2d9{padding:calc(3% + 30px) 0; background:#fef4e5; }
.layout-stockFour-yp2d9 .mod-othercontent01 .content-bg{display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; }
.layout-stockFour-yp2d9 .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; }
.layout-stockFour-yp2d9 .mod-othercontent01 .img{border-radius:calc(2vw + 10px) 0 0 0; overflow:hidden; width:50%; }
.layout-stockFour-yp2d9 .mod-othercontent01 .text{width:calc(50% - 3vw - 10px); }
.layout-stockFour-yp2d9 .mod-othercontent01 .text span{width:calc(0.5vw + 40px); padding:calc(0.5vw + 5px); border-radius:50%; background:var(--main); display:block; }
.layout-stockFour-yp2d9 .mod-othercontent01 .text h3{font-size:calc(1vw + 16px); line-height:calc(1.5vw + 20px); font-weight:600; padding:calc(0.25vw + 5px) 0; }
.layout-stockFour-yp2d9 .mod-othercontent01 .text ul{padding:5px 0 5px 1.5em; }
.layout-stockFour-yp2d9 .mod-othercontent01 .text li{padding:5px 0; list-style:disc; }
.layout-stockFour-yp2d9 .mod-othercontent01 .text li::marker{color:var(--main); }
.layout-stockFour-yp2d9 .mod-othercontent01:nth-of-type(2n) .content-bg{flex-direction:row-reverse; }
.layout-stockFour-yp2d9 .mod-othercontent01:nth-of-type(2n) .img{border-radius:0 calc(2vw + 10px) 0 0; }

@media(max-width:480px){
.layout-stockFour-yp2d9 .mod-othercontent01 .img{width:100%; }
.layout-stockFour-yp2d9 .mod-othercontent01 .text{width:100%; padding:calc(0.5vw + 10px) calc(0.5vw + 10px) calc(1vw + 20px); }
}

.layout-descThree-mlrvq .mod-othercontent01 .swiper-button-prev,.layout-descThree-mlrvq .mod-othercontent01 .swiper-button-next{color:var(--main); width:30px; height:30px; background:#d1e6cd; border-radius:50%; margin:0; transform:translate(0,-50%); }
.layout-descThree-mlrvq .mod-othercontent01 .swiper-button-prev:after,.layout-descThree-mlrvq .mod-othercontent01 .swiper-button-next:after{font-size:calc(0.2vw + 14px); }
.layout-descThree-mlrvq .mod-othercontent01 .swiper-button-prev:hover,.layout-descThree-mlrvq .mod-othercontent01 .swiper-button-next:hover{background:var(--main); color:#fff; }
.layout-descThree-mlrvq .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,.layout-descThree-mlrvq .mod-othercontent01 .swiper-button-next.swiper-button-disabled{opacity:1; background:#999; color:#fff; }

@media(max-width:768px){
.layout-descThree-mlrvq .mod-othercontent01 .swiper-button-prev,.layout-descThree-mlrvq .mod-othercontent01 .swiper-button-next{display:none; }
}

.layout-descThree-mlrvq .mod-othercontent01-title-mlrvq .mod-title{text-align:center; padding-bottom:calc(0.5vw + 10px); }
.layout-descThree-mlrvq .mod-othercontent01-title-mlrvq .title-left{float:none; }
.layout-descThree-mlrvq .mod-othercontent01-title-mlrvq .title-left:after{content:""; display:block; width:50px; height:5px; background:var(--main); border-radius:10px; margin:calc(0.5vw + 5px) auto; }
.layout-descThree-mlrvq .mod-othercontent01-title-mlrvq .title-right{float:none; max-width:1150px; margin:auto; }
.layout-descThree-mlrvq .mod-othercontent01-title-mlrvq .title-right-span{display:block; }
.layout-descThree-mlrvq .mod-othercontent01-title-mlrvq .mod-title h2{font-size:calc(1.2vw + 18px); line-height:calc(1.5vw + 25px); font-weight:600; color:#000; }
.layout-descThree-mlrvq .mod-othercontent01-title-mlrvq .mod-title h3{font-size:calc(0.2vw + 14px); line-height:calc(0.5vw + 20px); color:var(--main); }
.layout-descThree-mlrvq .mod-othercontent01-title-mlrvq .title-right{max-width:1000px; margin:auto; }
.layout-descThree-mlrvq .mod-othercontent01-title-mlrvq .title-right-span{display:block; padding:5px 0; }
.layout-descThree-mlrvq .mod-othercontent01-title-mlrvq .title-right a{background:var(--main); color:#fff; padding:calc(0.5vw + 5px) calc(1vw + 10px); display:inline-flex; align-items:center; border-radius:calc(0.25vw + 5px); position:relative; z-index:2; margin-top:calc(0.5vw + 5px); }
.layout-descThree-mlrvq .mod-othercontent01-title-mlrvq .title-right a:after{content:"→"; padding-left:calc(0.5vw + 10px); font-weight:600; }
.layout-descThree-mlrvq .mod-othercontent01-title-mlrvq .title-right a:hover{background:var(--deputy); }
.layout-descThree-mlrvq .mod-othercontent01-title-mlrvq .bottom-left{display:flex; justify-content:center; padding-top:calc(1vw + 10px); }
.layout-descThree-mlrvq .mod-othercontent01-title-mlrvq .bottom-left a{background:var(--main); color:#fff; padding:calc(0.5vw + 5px) calc(1vw + 10px); display:inline-flex; align-items:center; border-radius:calc(0.25vw + 5px); position:relative; z-index:2; margin:5px; }
.layout-descThree-mlrvq .mod-othercontent01-title-mlrvq .bottom-left a:after{content:"→"; padding-left:calc(0.5vw + 10px); font-weight:600; }
.layout-descThree-mlrvq .mod-othercontent01-title-mlrvq .bottom-left a:hover{background:var(--deputy); }
.layout-descThree-mlrvq{padding:calc(2% + 20px) 0; }
.layout-descThree-mlrvq .mod-othercontent01 .item{padding-top:calc(0.25vw + 5px); }
.layout-descThree-mlrvq .mod-othercontent01 .item h3{display:flex; align-items:center; justify-content:space-between; padding:calc(0.5vw + 10px); background:#f2f2f2; border-radius:calc(0.5vw + 5px); font-size:calc(0.2vw + 16px); line-height:calc(0.5vw + 20px); font-weight:500; color:#000; }
.layout-descThree-mlrvq .mod-othercontent01 .item h3:after{content:"+"; font-size:calc(0.4vw + 16px); width:calc(0.5vw + 20px); flex:0 0 calc(0.5vw + 20px); text-align:center; background:#f2f2f2; border-radius:50%; overflow:hidden; }
.layout-descThree-mlrvq .mod-othercontent01 .text{display:none; padding:calc(1.5vw + 10px); }
.layout-descThree-mlrvq .mod-othercontent01 .text dl{display:flex; align-items:start; justify-content:space-between; flex-wrap:wrap; }
.layout-descThree-mlrvq .mod-othercontent01 .text dl > *{width:calc(50% - 2vw - 10px); }
.layout-descThree-mlrvq .mod-othercontent01 .text dt{padding-bottom:calc(0.5vw + 10px); }
.layout-descThree-mlrvq .mod-othercontent01 .text dd{border-radius:calc(0.5vw + 5px); overflow:hidden; }
.layout-descThree-mlrvq .mod-othercontent01 .item.on h3{color:var(--main); }
.layout-descThree-mlrvq .mod-othercontent01 .item.on h3:after{content:"-"; background:#fff; }
.layout-descThree-mlrvq .mod-othercontent01 .item.on .text{display:block; }

@media(max-width:480px){
.layout-descThree-mlrvq .mod-othercontent01 .text dl > *{width:100%; }
}

.layout-banner-c9g7q .mod-othercontent01 .swiper-button-prev,.layout-banner-c9g7q .mod-othercontent01 .swiper-button-next{color:#fff; width:calc(1vw + 30px); height:calc(1vw + 30px); margin:0; transform:translate(0,-50%); }
.layout-banner-c9g7q .mod-othercontent01 .swiper-button-prev:after,.layout-banner-c9g7q .mod-othercontent01 .swiper-button-next:after{font-size:calc(0.2vw + 14px); line-height:calc(1vw + 25px); }
.layout-banner-c9g7q .mod-othercontent01 .swiper-button-prev:hover,.layout-banner-c9g7q .mod-othercontent01 .swiper-button-next:hover{color:var(--main); }
.layout-banner-c9g7q .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,.layout-banner-c9g7q .mod-othercontent01 .swiper-button-next.swiper-button-disabled{opacity:1; background:#eee; color:#666; }
.layout-banner-c9g7q .mod-othercontent01-banner-c9g7q .item{position:relative; z-index:2; overflow:hidden; height:40vh; }
.layout-banner-c9g7q .mod-othercontent01-banner-c9g7q .img *{display:block; height:100%; width:auto !important; max-width:inherit !important; position:absolute; top:0; left:50%; transform:translate(-50%,0%); }
.layout-banner-c9g7q .mod-othercontent01-banner-c9g7q .text{color:#fff; position:absolute; left:calc(1vw + 10px); top:50%; right:calc(1vw + 10px); max-width:var(--width); margin:auto; transform:translate(0%,-50%); }
.layout-banner-c9g7q .mod-othercontent01-banner-c9g7q .desc{max-width:650px; font-size:calc(0.2vw + 14px); }
.layout-banner-c9g7q .mod-othercontent01-banner-c9g7q .title{font-size:calc(2vw + 15px); line-height:calc(3vw + 25px); font-weight:500; }
.layout-banner-c9g7q .mod-othercontent01-banner-c9g7q .title:after{content:""; width:calc(1vw + 25px); height:calc(0.2vw + 4px); background:var(--main); border-radius:10vw; display:block; margin:calc(0.5vw + 5px) 0; }
.layout-banner-c9g7q .mod-othercontent01-banner-c9g7q .text a{font-weight:500; color:#fff; background:var(--main); padding:calc(0.25vw + 5px) calc(1vw + 10px); border-radius:5px; margin-top:calc(3vw + 10px); }

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

@media(max-width:768px){
.layout-banner-c9g7q .mod-othercontent01-banner-c9g7q .swiper-button-prev,.layout-banner-c9g7q .mod-othercontent01-banner-c9g7q .swiper-button-next{display:none; }
}

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

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

.layout-capaTwo-du3il .mod-othercontent01 .swiper-button-prev,.layout-capaTwo-du3il .mod-othercontent01 .swiper-button-next{color:#fff; width:calc(1vw + 20px); height:calc(1vw + 30px); }
.layout-capaTwo-du3il .mod-othercontent01 .swiper-button-prev:after,.layout-capaTwo-du3il .mod-othercontent01 .swiper-button-next:after{font-size:calc(0.3vw + 14px); line-height:calc(1vw + 30px); }
.layout-capaTwo-du3il .mod-othercontent01 .swiper-button-prev:hover,.layout-capaTwo-du3il .mod-othercontent01 .swiper-button-next:hover{color:var(--main) !important; }
.layout-capaTwo-du3il .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,.layout-capaTwo-du3il .mod-othercontent01 .swiper-button-next.swiper-button-disabled{opacity:1; color:#eee; }
.layout-capaTwo-du3il .mod-othercontent01-titlecenter-du3il .mod-title{padding-bottom:calc(1vw + 10px); text-align:center; max-width:1060px; margin:auto; }
.layout-capaTwo-du3il .mod-othercontent01-titlecenter-du3il .title-right{padding-top:calc(0.5vw + 5px); }
.layout-capaTwo-du3il .mod-othercontent01-titlecenter-du3il .title-right-span{display:block; }
.layout-capaTwo-du3il .mod-othercontent01-titlecenter-du3il .mod-title h3{color:var(--main); font-weight:500; padding-bottom:calc(0.25vw + 5px); }
.layout-capaTwo-du3il .mod-othercontent01-titlecenter-du3il .mod-title h2{font-size:calc(1.3vw + 20px); line-height:calc(1.5vw + 25px); font-weight:600; color:#000000; }
.layout-capaTwo-du3il .mod-othercontent01-titlecenter-du3il a{padding:calc(0.5vw + 5px) calc(1vw + 20px); color:#ffffff; background:#213666; border-radius:calc(0.25vw + 5px); margin-top:calc(2vw + 10px); }
.layout-capaTwo-du3il .mod-othercontent01-titlecenter-du3il a:hover{background:#172B46; color:#ffffff; }
.layout-capaTwo-du3il .mod-othercontent01-titlecenter-du3il .mod-bottom{padding-top:calc(1vw + 10px); text-align:center; }
.layout-capaTwo-du3il .mod-othercontent01-titlecenter-du3il .bottom-left{display:flex; align-items:center; justify-content:center; flex-wrap:wrap; }
.layout-capaTwo-du3il{padding:calc(2% + 20px) 0; }
.layout-capaTwo-du3il .mod-othercontent01 .mod-content{padding:calc(0.5vw + 5px) 0; }
.layout-capaTwo-du3il .mod-othercontent01 .content-bg{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; }
.layout-capaTwo-du3il .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; }
.layout-capaTwo-du3il .mod-othercontent01 .text{width:calc(50% - 2vw - 10px); padding:calc(1vw + 5px) 0; }
.layout-capaTwo-du3il .mod-othercontent01 .text span{display:inline-block; padding:5px 10px; border-radius:5px; background:#fdecd0; text-transform:uppercase; color:var(--main); }
.layout-capaTwo-du3il .mod-othercontent01 .text h3{font-size:calc(1vw + 16px); line-height:calc(1vw + 20px); font-weight:600; padding:calc(0.5vw + 5px) 0; color:var(--main); }
.layout-capaTwo-du3il .mod-othercontent01 .text li{display:flex; align-items:start; padding-top:1.5vw; }
.layout-capaTwo-du3il .mod-othercontent01 .text li:before{content:"\f00c"; font-family:FontAwesome; flex:0 0 calc(0.5vw + 20px); color:var(--main); }
.layout-capaTwo-du3il .mod-othercontent01 .img{border-radius:calc(0.25vw + 5px); overflow:hidden; }

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

.layout-aboutFive-rr0oq .mod-othercontent01 .swiper-button-prev,.layout-aboutFive-rr0oq .mod-othercontent01 .swiper-button-next{color:#fff; background:var(--main); border-radius:50%; width:calc(1vw + 30px); height:calc(1vw + 30px); margin:0; transform:translate(0,-50%); }
.layout-aboutFive-rr0oq .mod-othercontent01 .swiper-button-prev:after,.layout-aboutFive-rr0oq .mod-othercontent01 .swiper-button-next:after{font-size:calc(0.3vw + 14px); line-height:100%; }
.layout-aboutFive-rr0oq .mod-othercontent01 .swiper-button-prev:hover,.layout-aboutFive-rr0oq .mod-othercontent01 .swiper-button-next:hover{background:var(--deputy); }
.layout-aboutFive-rr0oq .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,.layout-aboutFive-rr0oq .mod-othercontent01 .swiper-button-next.swiper-button-disabled{opacity:1; background:#eee; color:#666; }
.layout-aboutFive-rr0oq .mod-othercontent01-titlecenter-rr0oq .mod-title{padding-bottom:calc(1vw + 10px); text-align:center; }
.layout-aboutFive-rr0oq .mod-othercontent01-titlecenter-rr0oq .title-right{max-width:1200px; margin:auto; padding-top:calc(0.25vw + 5px); }
.layout-aboutFive-rr0oq .mod-othercontent01-titlecenter-rr0oq .title-right-span{display:block; }
.layout-aboutFive-rr0oq .mod-othercontent01-titlecenter-rr0oq .mod-title h2{font-size:calc(0.8vw + 20px); line-height:calc(1vw + 25px); color:#000; font-weight:700; }
.layout-aboutFive-rr0oq .mod-othercontent01-titlecenter-rr0oq .mod-title h3{color:#172B46; }
.layout-aboutFive-rr0oq .mod-othercontent01-titlecenter-rr0oq .mod-bottom{text-align:center; }
.layout-aboutFive-rr0oq .mod-othercontent01-titlecenter-rr0oq .mod-bottom a{font-size:calc(0.3vw + 16px); line-height:calc(0.5vw + 20px); font-weight:600; color:#fff; background:var(--deputy); padding:calc(0.5vw + 5px) calc(2vw + 10px); border-radius:50vw; margin-top:calc(2vw + 10px); }
.layout-aboutFive-rr0oq .mod-othercontent01-titlecenter-rr0oq .mod-bottom a:hover{background:var(--main); }
.layout-aboutFive-rr0oq{padding:calc(2% + 20px) 0; }
.layout-aboutFive-rr0oq .mod-othercontent01 .swiper-wrapper{align-items:stretch; }
.layout-aboutFive-rr0oq .mod-othercontent01 .swiper-slide{height:auto; }
.layout-aboutFive-rr0oq .mod-othercontent01 .text{margin:calc(0.25vw + 5px); border-radius:calc(0.5vw + 5px); overflow:hidden; background:#f7f7f9; text-align:center; padding:calc(2vw + 10px) calc(1vw + 10px); height:calc(100% - 0.5vw - 10px); box-sizing:border-box; }
.layout-aboutFive-rr0oq .mod-othercontent01 .text span{width:calc(3vw + 90px); border-radius:50%; display:block; overflow:hidden; margin:0 auto calc(0.5vw + 10px); }
.layout-aboutFive-rr0oq .mod-othercontent01 .text h3{padding:calc(0.5vw + 5px) 0; display:block; }
.layout-aboutFive-rr0oq .mod-othercontent01 .text h3:after{content:"\f005\f005\f005\f005\f005"; font:calc(0.3vw + 18px)/1 FontAwesome; letter-spacing:2px; display:block; color:#172B46; padding-top:calc(1vw + 5px); }
.layout-aboutFive-rr0oq .mod-othercontent01 .swiper-button-prev,.layout-aboutFive-rr0oq .mod-othercontent01 .swiper-button-next{background:rgba(255,255,255,0.5); color:#333; }
.layout-aboutFive-rr0oq .mod-othercontent01 .swiper-button-prev:hover,.layout-aboutFive-rr0oq .mod-othercontent01 .swiper-button-next:hover{background:#fff; color:var(--deputy); }

.layout-case-me0d6 .mod-othercontent01 .swiper-button-prev,.layout-case-me0d6 .mod-othercontent01 .swiper-button-next{color:#fff; width:calc(1vw + 30px); height:calc(1vw + 30px); margin:0; }
.layout-case-me0d6 .mod-othercontent01 .swiper-button-prev:after,.layout-case-me0d6 .mod-othercontent01 .swiper-button-next:after{font-size:calc(0.3vw + 14px); line-height:calc(1vw + 30px); }
.layout-case-me0d6 .mod-othercontent01 .swiper-button-prev:hover,.layout-case-me0d6 .mod-othercontent01 .swiper-button-next:hover{color:#fff !important; background:var(--main) !important; }
.layout-case-me0d6 .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,.layout-case-me0d6 .mod-othercontent01 .swiper-button-next.swiper-button-disabled{opacity:1; color:#eee; }
.layout-case-me0d6 .mod-othercontent01-title-me0d6 .mod-title{padding-bottom:calc(0.5vw + 10px); }
.layout-case-me0d6 .mod-othercontent01-title-me0d6 .title-right{padding-top:calc(0.5vw + 5px); }
.layout-case-me0d6 .mod-othercontent01-title-me0d6 .mod-title span{display:block; }
.layout-case-me0d6 .mod-othercontent01-title-me0d6 .mod-title h2{font-size:calc(1.2vw + 18px); line-height:calc(1.5vw + 20px); font-weight:600; font-family:var(--font); }
.layout-case-me0d6 .mod-othercontent01-title-me0d6 .mod-title a{font-size:calc(0.1vw + 12px); padding:calc(0.5vw + 5px) calc(2vw + 10px); border:2px solid #000; text-transform:uppercase; margin-top:calc(1vw + 10px); }
.layout-case-me0d6 .mod-othercontent01-title-me0d6 .mod-title a:hover{background:var(--main); border-color:var(--main); color:#fff; }
.layout-case-me0d6 .mod-othercontent01-title-me0d6 .mod-bottom{padding-top:calc(2vw + 10px); }
.layout-case-me0d6 .mod-othercontent01-title-me0d6 .mod-bottom a{font-size:calc(0.1vw + 12px); padding:calc(0.5vw + 5px) calc(2vw + 10px); border:2px solid #000; text-transform:uppercase; }
.layout-case-me0d6 .mod-othercontent01-title-me0d6 .mod-bottom a:hover{background:var(--main); border-color:var(--main); color:#fff; }
.layout-case-me0d6{padding:calc(1% + 10px) 0; }
.layout-case-me0d6 .mod-othercontent01 .mod-title{position:relative; z-index:2; max-width:800px; }
.layout-case-me0d6 .mod-othercontent01 .mod-content{margin-top:calc(-2vw - 30px); }
.layout-case-me0d6 .mod-othercontent01 .swiper-container{padding-top:calc(2vw + 30px); }
.layout-case-me0d6 .mod-othercontent01 .swiper-slide{display:flex; flex-wrap:wrap; align-items:center; background:#dbc5ae; }
.layout-case-me0d6 .mod-othercontent01 .img{width:50%; }
.layout-case-me0d6 .mod-othercontent01 .text{width:50%; padding:calc(3vw + 10px); text-align:center; box-sizing:border-box; }
.layout-case-me0d6 .mod-othercontent01 .text span{font-size:calc(0.1vw + 12px); display:block; text-transform:uppercase; }
.layout-case-me0d6 .mod-othercontent01 .text h3{font-size:calc(1vw + 22px); line-height:calc(1vw + 25px); font-weight:600; font-family:var(--font); padding:calc(0.5vw + 5px) 0; }
.layout-case-me0d6 .mod-othercontent01 .text p{padding-top:calc(1vw + 5px); }
.layout-case-me0d6 .mod-othercontent01 .swiper-button-prev,.layout-case-me0d6 .mod-othercontent01 .swiper-button-next{top:0; transform:none; border:2px solid var(--main); color:#000; }
.layout-case-me0d6 .mod-othercontent01 .swiper-button-prev{left:auto; right:calc(1vw + 50px); }

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

.layout-videoThree-ecra7 .mod-othercontent01 .swiper-button-prev,.layout-videoThree-ecra7 .mod-othercontent01 .swiper-button-next{width:calc(0.5vw + 30px); height:calc(0.5vw + 30px); border-radius:50%; border:2px solid #fff; background:rgba(255,255,255,0.3); }
.layout-videoThree-ecra7 .mod-othercontent01 .swiper-button-prev:after,.layout-videoThree-ecra7 .mod-othercontent01 .swiper-button-next:after{font-size:14px; color:#fff; }
.layout-videoThree-ecra7 .mod-othercontent01 .swiper-button-prev:hover,.layout-videoThree-ecra7 .mod-othercontent01 .swiper-button-next:hover{background:var(--main); color:#fff; border-color:var(--main); }

@media(max-width:768px){
.layout-videoThree-ecra7 .mod-othercontent01 .swiper-button-prev,.layout-videoThree-ecra7 .mod-othercontent01 .swiper-button-next{display:none; }
}

.layout-videoThree-ecra7 .mod-othercontent01-title-ecra7 .mod-title{text-align:center; padding-bottom:calc(0.5vw + 15px); max-width:960px; margin:auto; }
.layout-videoThree-ecra7 .mod-othercontent01-title-ecra7 .title-left:after{content:""; width:calc(1vw + 40px); height:2px; background:var(--main); margin:calc(0.5vw + 5px) auto calc(0.25vw + 5px); display:block; }
.layout-videoThree-ecra7 .mod-othercontent01-title-ecra7 .mod-title h2{font-size:calc(0.6vw + 20px); color:#000; line-height:calc(0.75vw + 25px); font-weight:700; display:block; }
.layout-videoThree-ecra7 .mod-othercontent01-title-ecra7 .mod-title h3{color:var(--main); font-weight:500; }
.layout-videoThree-ecra7 .mod-othercontent01-title-ecra7 .title-right-span{display:block; padding:5px 0; }
.layout-videoThree-ecra7{padding:calc(2% + 20px) 0; background:#f8f8f8; }
.layout-videoThree-ecra7 .mod-othercontent01 .content-bg{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; }
.layout-videoThree-ecra7 .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; }
.layout-videoThree-ecra7 .mod-othercontent01 .img{width:50%; }
.layout-videoThree-ecra7 .mod-othercontent01 .img video{width:100%; height:auto; display:block; }
.layout-videoThree-ecra7 .mod-othercontent01 .text{width:calc(50% - 1vw - 10px); padding:calc(0.5vw + 10px) 0; }
.layout-videoThree-ecra7 .mod-othercontent01 .text h3{font-size:calc(0.4vw + 16px); line-height:calc(0.5vw + 20px); font-weight:500; padding-bottom:calc(0.5vw + 5px); }
.layout-videoThree-ecra7 .mod-othercontent01 .text * + h3{padding-top:calc(0.5vw + 10px); }
.layout-videoThree-ecra7 .mod-othercontent01 .text a{padding:calc(0.25vw + 5px) calc(1vw + 20px); background:var(--main); color:#fff; border-radius:calc(0.25vw + 5px); margin-top:calc(0.5vw + 10px); }
.layout-videoThree-ecra7 .mod-othercontent01 .text a:hover{background:#fff; color:var(--main); }

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

.layout-videoThree-6au0h .mod-othercontent01 .swiper-button-prev,.layout-videoThree-6au0h .mod-othercontent01 .swiper-button-next{width:calc(0.5vw + 30px); height:calc(0.5vw + 30px); border-radius:50%; border:2px solid #fff; background:rgba(255,255,255,0.3); }
.layout-videoThree-6au0h .mod-othercontent01 .swiper-button-prev:after,.layout-videoThree-6au0h .mod-othercontent01 .swiper-button-next:after{font-size:14px; color:#fff; }
.layout-videoThree-6au0h .mod-othercontent01 .swiper-button-prev:hover,.layout-videoThree-6au0h .mod-othercontent01 .swiper-button-next:hover{background:var(--main); color:#fff; border-color:var(--main); }

@media(max-width:768px){
.layout-videoThree-6au0h .mod-othercontent01 .swiper-button-prev,.layout-videoThree-6au0h .mod-othercontent01 .swiper-button-next{display:none; }
}

.layout-videoThree-6au0h .mod-othercontent01-title-6au0h .mod-title{text-align:center; padding-bottom:calc(0.5vw + 15px); max-width:960px; margin:auto; }
.layout-videoThree-6au0h .mod-othercontent01-title-6au0h .title-left:after{content:""; width:calc(1vw + 40px); height:2px; background:var(--main); margin:calc(0.5vw + 5px) auto calc(0.25vw + 5px); display:block; }
.layout-videoThree-6au0h .mod-othercontent01-title-6au0h .mod-title h2{font-size:calc(0.6vw + 20px); color:#000; line-height:calc(0.75vw + 25px); font-weight:700; display:block; }
.layout-videoThree-6au0h .mod-othercontent01-title-6au0h .mod-title h3{color:var(--main); font-weight:500; }
.layout-videoThree-6au0h .mod-othercontent01-title-6au0h .title-right-span{display:block; padding:5px 0; }
.layout-videoThree-6au0h{padding:calc(2% + 20px) 0; background:#f8f8f8; }
.layout-videoThree-6au0h .mod-othercontent01 .content-bg{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; }
.layout-videoThree-6au0h .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; }
.layout-videoThree-6au0h .mod-othercontent01 .img{width:50%; }
.layout-videoThree-6au0h .mod-othercontent01 .img video{width:100%; height:auto; display:block; }
.layout-videoThree-6au0h .mod-othercontent01 .text{width:calc(50% - 1vw - 10px); padding:calc(0.5vw + 10px) 0; }
.layout-videoThree-6au0h .mod-othercontent01 .text h3{font-size:calc(0.4vw + 16px); line-height:calc(0.5vw + 20px); font-weight:500; padding-bottom:calc(0.5vw + 5px); }
.layout-videoThree-6au0h .mod-othercontent01 .text * + h3{padding-top:calc(0.5vw + 10px); }
.layout-videoThree-6au0h .mod-othercontent01 .text a{padding:calc(0.25vw + 5px) calc(1vw + 20px); background:var(--main); color:#fff; border-radius:calc(0.25vw + 5px); margin-top:calc(0.5vw + 10px); }
.layout-videoThree-6au0h .mod-othercontent01 .text a:hover{background:#fff; color:var(--main); }

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

.layout-cust-1fft0 .mod-othercontent01 .swiper-button-prev,.layout-cust-1fft0 .mod-othercontent01 .swiper-button-next{color:#fff; width:calc(1vw + 20px); height:calc(1vw + 30px); }
.layout-cust-1fft0 .mod-othercontent01 .swiper-button-prev:after,.layout-cust-1fft0 .mod-othercontent01 .swiper-button-next:after{font-size:calc(0.3vw + 14px); line-height:calc(1vw + 30px); }
.layout-cust-1fft0 .mod-othercontent01 .swiper-button-prev:hover,.layout-cust-1fft0 .mod-othercontent01 .swiper-button-next:hover{color:var(--main) !important; }
.layout-cust-1fft0 .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,.layout-cust-1fft0 .mod-othercontent01 .swiper-button-next.swiper-button-disabled{opacity:1; color:#eee; }
.layout-cust-1fft0 .mod-othercontent01-titlecenter-1fft0 .mod-title{padding-bottom:calc(1vw + 10px); text-align:center; max-width:1060px; margin:auto; }
.layout-cust-1fft0 .mod-othercontent01-titlecenter-1fft0 .title-right{padding-top:calc(0.5vw + 5px); }
.layout-cust-1fft0 .mod-othercontent01-titlecenter-1fft0 .title-right-span{display:block; }
.layout-cust-1fft0 .mod-othercontent01-titlecenter-1fft0 .mod-title h3{color:var(--main); font-weight:500; padding-bottom:calc(0.25vw + 5px); }
.layout-cust-1fft0 .mod-othercontent01-titlecenter-1fft0 .mod-title h2{font-size:calc(1.3vw + 20px); line-height:calc(1.5vw + 25px); font-weight:600; color:var(--main); }
.layout-cust-1fft0 .mod-othercontent01-titlecenter-1fft0 .mod-title a{font-size:calc(0.1vw + 12px); padding:calc(0.5vw + 5px) calc(1vw + 10px); border:2px solid var(--main); border-radius:50vw; text-transform:uppercase; margin-top:calc(1vw + 5px); }
.layout-cust-1fft0 .mod-othercontent01-titlecenter-1fft0 .mod-title a:hover{background:var(--main); border-color:var(--main); color:#fff; }
.layout-cust-1fft0 .mod-othercontent01-titlecenter-1fft0 .mod-bottom{padding-top:calc(1vw + 10px); text-align:center; }
.layout-cust-1fft0 .mod-othercontent01-titlecenter-1fft0 .bottom-left{display:flex; align-items:center; justify-content:center; flex-wrap:wrap; }
.layout-cust-1fft0 .mod-othercontent01-titlecenter-1fft0 .mod-bottom a{font-size:calc(0.1vw + 12px); padding:calc(0.5vw + 5px) calc(1vw + 10px); border:2px solid var(--main); border-radius:50vw; text-transform:uppercase; }
.layout-cust-1fft0 .mod-othercontent01-titlecenter-1fft0 .mod-bottom a:hover{background:var(--main); border-color:var(--main); color:#fff; }
.layout-cust-1fft0{background:url(../picture/cust-bg.jpg) center/cover fixed no-repeat; box-shadow:0 calc(-5vw - 100px) #fff inset; }
.layout-cust-1fft0 .mod-othercontent01 .mod-title{padding:calc(3% + 30px) 0 calc(2% + 20px); }
.layout-cust-1fft0 .mod-othercontent01 .mod-title *{color:var(--main); }
.layout-cust-1fft0 .mod-othercontent01 .content-bg{display:flex; flex-wrap:wrap; align-items:stretch; padding:calc(0.5vw + 5px); background:#fff; border-radius:calc(0.5vw + 5px); }
.layout-cust-1fft0 .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; }
.layout-cust-1fft0 .mod-othercontent01 .text{text-align:center; width:calc(100%/4 - 10px); margin:5px; border-radius:calc(0.5vw + 5px); background:var(--main); text-align:center; padding:calc(2vw + 10px); box-sizing:border-box; }
.layout-cust-1fft0 .mod-othercontent01 .text span{width:calc(2vw + 60px); display:block; margin:auto; }
.layout-cust-1fft0 .mod-othercontent01 .text h4{padding:calc(1vw + 5px) 0 5px; text-transform:uppercase; }
.layout-cust-1fft0 .mod-othercontent01 .text h3{font-size:calc(0.4vw + 14px); line-height:calc(0.5vw + 20px); font-weight:600; padding:calc(0.25vw + 5px) 0; }
.layout-cust-1fft0 .mod-othercontent01 .text:hover{background:var(--deputy); color:var(--main); }
.layout-cust-1fft0 .mod-othercontent01 .text:hover span{filter:invert(1) hue-rotate(-35deg); }

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

@media(max-width:480px){
.layout-cust-1fft0 .mod-othercontent01 .text{width:calc(100% - 10px); }
}

.layout-brandFour-nnue5 .mod-othercontent01 .swiper-button-prev,.layout-brandFour-nnue5 .mod-othercontent01 .swiper-button-next{color:#333; width:calc(1vw + 25px); background:#fff; height:calc(1vw + 25px); border-radius:50%; margin:0; transform:translate(0,-50%); }
.layout-brandFour-nnue5 .mod-othercontent01 .swiper-button-prev:after,.layout-brandFour-nnue5 .mod-othercontent01 .swiper-button-next:after{font-size:calc(0.2vw + 14px); line-height:calc(1vw + 25px); }
.layout-brandFour-nnue5 .mod-othercontent01 .swiper-button-prev:hover,.layout-brandFour-nnue5 .mod-othercontent01 .swiper-button-next:hover{background:var(--main); color:#fff; }
.layout-brandFour-nnue5 .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,.layout-brandFour-nnue5 .mod-othercontent01 .swiper-button-next.swiper-button-disabled{opacity:1; background:#eee; color:#666; }

@media(max-width:768px){
.layout-brandFour-nnue5 .mod-othercontent01 .swiper-button-prev,.layout-brandFour-nnue5 .mod-othercontent01 .swiper-button-next{display:none; }
}

.layout-brandFour-nnue5 .mod-othercontent01-titlecenter-nnue5 .mod-title{padding-bottom:calc(0.5vw + 10px); text-align:center; max-width:1200px; margin:auto; }
.layout-brandFour-nnue5 .mod-othercontent01-titlecenter-nnue5 .title-right{padding-top:calc(0.25vw + 5px); }
.layout-brandFour-nnue5 .mod-othercontent01-titlecenter-nnue5 .title-right-span{display:block; }
.layout-brandFour-nnue5 .mod-othercontent01-titlecenter-nnue5 .mod-title h3{color:var(--main); }
.layout-brandFour-nnue5 .mod-othercontent01-titlecenter-nnue5 .mod-title h2{font-size:calc(1vw + 16px); line-height:calc(1vw + 25px); color:var(--main); font-weight:500; text-transform:capitalize; }
.layout-brandFour-nnue5 .mod-othercontent01-titlecenter-nnue5 .mod-bottom{padding-top:calc(1vw + 10px); }
.layout-brandFour-nnue5 .mod-othercontent01-titlecenter-nnue5 .bottom-left{display:flex; align-items:center; justify-content:center; flex-wrap:wrap; }
.layout-brandFour-nnue5 .mod-othercontent01-titlecenter-nnue5 .mod-bottom a{color:#fff; border-radius:5px; background:var(--main); padding:calc(0.25vw + 5px) calc(0.5vw + 15px); display:inline-flex; align-items:center; margin:5px calc(0.5vw + 5px); }
.layout-brandFour-nnue5 .mod-othercontent01-titlecenter-nnue5 .mod-bottom a:after{content:"\f105"; font:calc(0.2vw + 14px)/1 FontAwesome; padding:0 5px; }
.layout-brandFour-nnue5 .mod-othercontent01-titlecenter-nnue5 .mod-bottom a:hover{background:var(--deputy); }
.layout-brandFour-nnue5{padding:calc(2% + 20px) 0; background:#f5f1eb; }
.layout-brandFour-nnue5 .mod-othercontent01 .content-bg{overflow:visible; }
.layout-brandFour-nnue5 .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; }
.layout-brandFour-nnue5 .mod-othercontent01 .swiper-container{padding-bottom:calc(2vw + 20px); overflow:visible; }
.layout-brandFour-nnue5 .mod-othercontent01 .swiper-slide{border-radius:5px; overflow:hidden; }
.layout-brandFour-nnue5 .mod-othercontent01 .text{padding:calc(0.5vw + 10px); }
.layout-brandFour-nnue5 .mod-othercontent01 .text h3{font-size:calc(0.4vw + 16px); line-height:calc(0.5vw + 20px); font-weight:500; }
.layout-brandFour-nnue5 .mod-othercontent01 .text h4{color:var(--main); }
.layout-brandFour-nnue5 .mod-othercontent01 .swiper-slide:hover .text{background:#fff; }
.layout-brandFour-nnue5 .mod-othercontent01 .swiper-button-prev,.layout-brandFour-nnue5 .mod-othercontent01 .swiper-button-next{top:auto; bottom:calc(100% + 1vw + 10px); transform:none; border-radius:5px; }
.layout-brandFour-nnue5 .mod-othercontent01 .swiper-button-prev{left:auto; right:calc(1vw + 40px); }

.layout-moldThree-2zwmf .mod-othercontent01 .swiper-button-prev,.layout-moldThree-2zwmf .mod-othercontent01 .swiper-button-next{color:#666; width:calc(1vw + 30px); height:calc(1vw + 30px); margin:0; transform:translate(0,-50%); border-radius:50%; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.1); }
.layout-moldThree-2zwmf .mod-othercontent01 .swiper-button-prev:after,.layout-moldThree-2zwmf .mod-othercontent01 .swiper-button-next:after{font-size:calc(0.4vw + 14px); line-height:calc(1vw + 30px); }
.layout-moldThree-2zwmf .mod-othercontent01 .swiper-button-prev:hover,.layout-moldThree-2zwmf .mod-othercontent01 .swiper-button-next:hover{background:var(--main); color:#fff; }
.layout-moldThree-2zwmf .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,.layout-moldThree-2zwmf .mod-othercontent01 .swiper-button-next.swiper-button-disabled{opacity:1; background:#eee; color:#666; }
.layout-moldThree-2zwmf .mod-othercontent01-titlecenter-2zwmf .mod-title{padding-bottom:calc(1vw + 10px); text-align:center; }
.layout-moldThree-2zwmf .mod-othercontent01-titlecenter-2zwmf .title-right{max-width:1300px; padding-top:calc(0.5vw + 5px); margin:auto; }
.layout-moldThree-2zwmf .mod-othercontent01-titlecenter-2zwmf .title-right-span{display:block; }
.layout-moldThree-2zwmf .mod-othercontent01-titlecenter-2zwmf .mod-title h2{font-size:calc(1vw + 20px); line-height:calc(1vw + 25px); color:#000000; font-weight:700; }
.layout-moldThree-2zwmf .mod-othercontent01-titlecenter-2zwmf .mod-title h2:after{content:""; width:20px; height:13px; border-radius:15px 1px; background:var(--third); margin:calc(0.25vw + 5px); display:inline-block; }
.layout-moldThree-2zwmf .mod-othercontent01-titlecenter-2zwmf .mod-title a{background:var(--deputy); color:#fff; padding:5px 5px 5px calc(1vw + 10px); border-radius:50vw; margin-top:calc(2vw + 10px); text-transform:capitalize; display:inline-flex; align-items:center; }
.layout-moldThree-2zwmf .mod-othercontent01-titlecenter-2zwmf .mod-title a:after{content:"➜"; width:calc(0.5vw + 30px); line-height:calc(0.5vw + 30px); text-align:center; color:var(--deputy); background:#fff; border-radius:50%; margin-left:10px; display:block; }
.layout-moldThree-2zwmf .mod-othercontent01-titlecenter-2zwmf .mod-title a:hover{background:var(--main); }
.layout-moldThree-2zwmf .mod-othercontent01-titlecenter-2zwmf .mod-title a:hover:after{color:var(--main); }
.layout-moldThree-2zwmf .mod-othercontent01-titlecenter-2zwmf .mod-bottom{padding-top:calc(2vw + 10px); text-align:center; }
.layout-moldThree-2zwmf .mod-othercontent01-titlecenter-2zwmf .mod-bottom a{background:var(--deputy); color:#fff; padding:5px 5px 5px calc(1vw + 10px); border-radius:50vw; text-transform:capitalize; display:inline-flex; align-items:center; }
.layout-moldThree-2zwmf .mod-othercontent01-titlecenter-2zwmf .mod-bottom a:after{content:"➜"; width:calc(0.5vw + 30px); line-height:calc(0.5vw + 30px); text-align:center; color:var(--deputy); background:#fff; border-radius:50%; margin-left:10px; display:block; }
.layout-moldThree-2zwmf .mod-othercontent01-titlecenter-2zwmf .mod-bottom a:hover{background:var(--main); }
.layout-moldThree-2zwmf .mod-othercontent01-titlecenter-2zwmf .mod-bottom a:hover:after{color:var(--main); }
.layout-moldThree-2zwmf{padding:calc(2% + 20px) 0; }
.layout-moldThree-2zwmf .mod-othercontent01 .content-bg{display:flex; align-items:stretch; flex-wrap:wrap; justify-content:space-between; }
.layout-moldThree-2zwmf .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; }
.layout-moldThree-2zwmf .mod-othercontent01 .item{padding:0 calc(0.5vw + 5px) 12px; width:calc(100%/3 - 2vw - 5px); margin:calc(1vw + 5px) 0; border-radius:calc(0.5vw + 8px); border:1px solid #e5e5e5; overflow:hidden; background:#fff; box-shadow:0 6px 18px rgba(0,0,0,0.08); }
.layout-moldThree-2zwmf .mod-othercontent01 .img{border-radius:calc(0.5vw + 5px); overflow:hidden; }
.layout-moldThree-2zwmf .mod-othercontent01 .text h3{font-size:calc(0.4vw + 16px); line-height:calc(0.5vw + 20px); font-weight:600; color:#000; padding:calc(0.25vw + 5px) 0; }
.layout-moldThree-2zwmf .mod-othercontent01 .text a{margin-top:calc(0.5vw + 5px); text-transform:capitalize; display:inline-flex; align-items:center; border-radius:50vw; background:#213666; padding:calc(0.25vw + 5px) calc(0.5vw + 5px); color:#fff; font-size:calc(0.2vw + 14px); }
.layout-moldThree-2zwmf .mod-othercontent01 .text a:after{content:"➜"; padding-left:10px; }
.layout-moldThree-2zwmf .mod-othercontent01 .text a:hover{background:#172B46; }
.layout-moldThree-2zwmf .mod-othercontent01 .item:hover .img img{transform:scale(1.05); }

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

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

.layout-brand-8wos2 .mod-othercontent01 .swiper-button-prev,.layout-brand-8wos2 .mod-othercontent01 .swiper-button-next{color:#aaa; width:calc(1vw + 30px); height:calc(1vw + 30px); margin:0; border:1px solid #aaa; }
.layout-brand-8wos2 .mod-othercontent01 .swiper-button-prev:after,.layout-brand-8wos2 .mod-othercontent01 .swiper-button-next:after{font-size:calc(0.4vw + 14px); line-height:calc(1vw + 30px); }
.layout-brand-8wos2 .mod-othercontent01 .swiper-button-prev:hover,.layout-brand-8wos2 .mod-othercontent01 .swiper-button-next:hover{background:var(--deputy) !important; color:var(--main) !important; border-color:var(--deputy); }
.layout-brand-8wos2 .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,.layout-brand-8wos2 .mod-othercontent01 .swiper-button-next.swiper-button-disabled{opacity:1; color:#eee; }

@media(max-width:768px){
.layout-brand-8wos2 .mod-othercontent01 .swiper-button-prev,.layout-brand-8wos2 .mod-othercontent01 .swiper-button-next{display:none; }
}

.layout-brand-8wos2 .mod-othercontent01-titlecenter-8wos2 .mod-title{padding-bottom:calc(1vw + 10px); text-align:center; }
.layout-brand-8wos2 .mod-othercontent01-titlecenter-8wos2 .title-right{max-width:1160px; margin:auto; padding-top:calc(0.5vw + 5px); }
.layout-brand-8wos2 .mod-othercontent01-titlecenter-8wos2 .title-right-span{display:block; }
.layout-brand-8wos2 .mod-othercontent01-titlecenter-8wos2 .mod-title h3{font-size:calc(0.2vw + 14px); padding-bottom:5px; }
.layout-brand-8wos2 .mod-othercontent01-titlecenter-8wos2 .mod-title h2{font-size:calc(1.3vw + 18px); line-height:calc(1.5vw + 20px); text-transform:capitalize; color:#000; font-weight:500; }
.layout-brand-8wos2 .mod-othercontent01-titlecenter-8wos2 .mod-bottom{padding-top:calc(1vw + 10px); }
.layout-brand-8wos2 .mod-othercontent01-titlecenter-8wos2 .bottom-left{display:flex; align-items:center; justify-content:center; flex-wrap:wrap; }
.layout-brand-8wos2 .mod-othercontent01-titlecenter-8wos2 .mod-bottom a{background:#dbd8d6; padding:calc(0.5vw + 5px) calc(2vw + 10px); }
.layout-brand-8wos2 .mod-othercontent01-titlecenter-8wos2 .mod-bottom a:hover{background:var(--deputy); }
.layout-brand-8wos2{padding:calc(2% + 20px) 0; background:#fff; }
.layout-brand-8wos2 .mod-othercontent01 .mod-title{padding-bottom:calc(2vw + 10px); }
.layout-brand-8wos2 .mod-othercontent01 .content-bg{display:flex; align-items:stretch; flex-wrap:wrap; }
.layout-brand-8wos2 .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; }
.layout-brand-8wos2 .mod-othercontent01 .item{width:calc(100%/4 - 0.5vw - 10px); margin:calc(0.25vw + 5px); text-align:center; position:relative; }
.layout-brand-8wos2 .mod-othercontent01 .text{padding:calc(0.5vw + 10px); color:#6b6b6b; }
.layout-brand-8wos2 .mod-othercontent01 .text span{width:calc(1vw + 50px); display:block; margin:auto; }
.layout-brand-8wos2 .mod-othercontent01 .text h3{font-size:calc(0.3vw + 16px); line-height:calc(0.5vw + 20px); font-weight:600; color:#69696c; padding:calc(0.5vw + 5px) 0; }
.layout-brand-8wos2 .mod-othercontent01 .text h3:before{content:""; width:30px; height:4px; background:var(--main); display:block; border-radius:20vw; margin:0 auto calc(2vw + 5px); }
.layout-brand-8wos2 .mod-othercontent01 .text .link{padding-top:calc(0.5vw + 10px); }
.layout-brand-8wos2 .mod-othercontent01 .text .link a{font-size:calc(0.2vw + 13px); padding:calc(0.5vw + 5px) calc(1vw + 10px); display:flex; align-items:center; justify-content:center; }
.layout-brand-8wos2 .mod-othercontent01 .text .link a:after{content:"➜"; padding-left:calc(1vw + 5px); }
.layout-brand-8wos2 .mod-othercontent01 .text .link a:hover{background:var(--deputy); color:#000; }

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

@media(max-width:480px){
.layout-brand-8wos2 .mod-othercontent01 .item{width:calc(100% - 0.5vw - 10px); }
}

#perfume_adv{--pa-green:#67b53a; --pa-text:#111827; --pa-muted:#374151; --pa-bg:#ffffff; --pa-border:rgba(17,24,39,.08); --pa-shadow:0 10px 30px rgba(17,24,39,.08); --pa-radius:14px; --pa-gap:22px; --pa-pad:22px; font-family:ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji"; }
#perfume_adv .pa-wrap{max-width:1200px; margin:0 auto; padding:12px 12px 0; box-sizing:border-box; }
#perfume_adv .pa-grid{display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:var(--pa-gap); align-items:stretch; }
#perfume_adv .pa-card{background:var(--pa-bg); border:1px solid var(--pa-border); border-radius:var(--pa-radius); box-shadow:var(--pa-shadow); padding:var(--pa-pad); text-align:center; position:relative; overflow:hidden; transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease; box-sizing:border-box; }
#perfume_adv .pa-card::before{content:""; position:absolute; inset:0; background:radial-gradient(1200px 280px at 50% -40%, rgba(103,181,58,.12), transparent 60%); pointer-events:none; }
#perfume_adv .pa-icon{width:56px; height:56px; margin:2px auto 14px; border-radius:14px; display:grid; place-items:center; color:var(--pa-green); background:rgba(103,181,58,.10); border:1px solid rgba(103,181,58,.18); }
#perfume_adv .pa-svg{width:30px; height:30px; display:block; }
#perfume_adv .pa-title{margin:0 0 10px; font-size:20px; line-height:1.2; font-weight:800; color:var(--pa-text); letter-spacing:.2px; }
#perfume_adv .pa-desc{margin:0; font-size:14.5px; line-height:1.55; color:var(--pa-muted); }
#perfume_adv .pa-card:hover{transform:translateY(-4px); border-color:rgba(103,181,58,.30); box-shadow:0 14px 40px rgba(17,24,39,.12); }
#perfume_adv .pa-card:focus-within{outline:2px solid rgba(103,181,58,.35); outline-offset:2px; }

@media (max-width: 767px){
#perfume_adv .pa-grid{grid-template-columns:repeat(2, minmax(0, 1fr)); gap:12px; }
#perfume_adv .pa-card{padding:16px 12px; }
#perfume_adv .pa-title{font-size:17px; }
}

.layout-apply-ywtpd .mod-othercontent01 .swiper-button-prev,.layout-apply-ywtpd .mod-othercontent01 .swiper-button-next{color:var(--main); width:calc(1vw + 20px); height:calc(1vw + 20px); margin:0; transform:translate(0,-50%); border-radius:50%; border:1px solid var(--main); }
.layout-apply-ywtpd .mod-othercontent01 .swiper-button-prev:after,.layout-apply-ywtpd .mod-othercontent01 .swiper-button-next:after{font-size:calc(0.3vw + 14px); line-height:calc(1vw + 20px); }
.layout-apply-ywtpd .mod-othercontent01 .swiper-button-prev:hover,.layout-apply-ywtpd .mod-othercontent01 .swiper-button-next:hover{background:var(--deputy) !important; color:#fff !important; }
.layout-apply-ywtpd .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,.layout-apply-ywtpd .mod-othercontent01 .swiper-button-next.swiper-button-disabled{opacity:1; background:#eee; color:#999; }

@media(max-width:768px){
.layout-apply-ywtpd .mod-othercontent01 .swiper-button-prev,.layout-apply-ywtpd .mod-othercontent01 .swiper-button-next{display:none; }
}

.layout-apply-ywtpd .mod-othercontent01-titlecenter-ywtpd .mod-title{padding-bottom:calc(1vw + 10px); text-align:center; }
.layout-apply-ywtpd .mod-othercontent01-titlecenter-ywtpd .title-right{padding-top:calc(1vw + 5px); max-width:800px; margin:auto; }
.layout-apply-ywtpd .mod-othercontent01-titlecenter-ywtpd .title-right-span{display:block; }
.layout-apply-ywtpd .mod-othercontent01-titlecenter-ywtpd .mod-title h2{font-size:calc(3vw + 20px); line-height:calc(3vw + 30px); font-weight:700; letter-spacing:2px; }
.layout-apply-ywtpd .mod-othercontent01-titlecenter-ywtpd .mod-bottom{padding-top:calc(1vw + 10px); text-align:center; }
.layout-apply-ywtpd .mod-othercontent01-titlecenter-ywtpd .mod-bottom a{padding:calc(0.25vw + 5px) calc(1vw + 10px); border:1px solid #333; }
.layout-apply-ywtpd .mod-othercontent01-titlecenter-ywtpd .mod-bottom a:hover{background:var(--main); border-color:var(--main); color:#fff; }
.layout-apply-ywtpd{padding:calc(2% + 20px) 0; background:transparent; }
.layout-apply-ywtpd .mod-othercontent01 .mod-bg *{color:#000; text-align:center; }
.layout-apply-ywtpd .mod-othercontent01 .mod-title h2{font-size:calc(1.4vw + 20px); line-height:calc(1.5vw + 20px); }
.layout-apply-ywtpd .mod-othercontent01 .mod-bottom a{color:#fff; border:1px solid #000; }
.layout-apply-ywtpd .mod-othercontent01 .mod-bottom a:hover{background:#fff; color:var(--main); }

.layout-pagetop-2dl8c .mod-othercontent01 .swiper-button-prev,.layout-pagetop-2dl8c .mod-othercontent01 .swiper-button-next{color:#fff; width:calc(1vw + 25px); height:calc(1vw + 25px); margin:0; transform:translate(0,-50%); }
.layout-pagetop-2dl8c .mod-othercontent01 .swiper-button-prev:after,.layout-pagetop-2dl8c .mod-othercontent01 .swiper-button-next:after{font-size:calc(0.3vw + 16px); line-height:calc(1vw + 25px); }
.layout-pagetop-2dl8c .mod-othercontent01 .swiper-button-prev:hover,.layout-pagetop-2dl8c .mod-othercontent01 .swiper-button-next:hover{color:var(--main) !important; }
.layout-pagetop-2dl8c .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,.layout-pagetop-2dl8c .mod-othercontent01 .swiper-button-next.swiper-button-disabled{opacity:1; color:#333; }

@media(max-width:768px){
.layout-pagetop-2dl8c .mod-othercontent01 .swiper-button-prev,.layout-pagetop-2dl8c .mod-othercontent01 .swiper-button-next{display:none; }
}

.layout-pagetop-2dl8c .layout-bg{width:100%; }
.layout-pagetop-2dl8c .mod-othercontent01 .mod-bg{position:relative; z-index:2; overflow:hidden; height:30vh; }
.layout-pagetop-2dl8c .mod-othercontent01 .mod-title{position:absolute; left:0; top:50%; right:0; width:calc(100% - 2vw - 20px); max-width:var(--width); transform:translate(0,-50%); margin:auto; z-index:2; color:#fff; text-align:center; }
.layout-pagetop-2dl8c .mod-othercontent01 .mod-title h1{font-size:calc(1.6vw + 18px); line-height:calc(1.75vw + 20px); font-weight:600; text-transform:uppercase; display:block; }
.layout-pagetop-2dl8c .mod-othercontent01 .mod-title h1 strong{color:var(--main); }
.layout-pagetop-2dl8c .mod-othercontent01 .title-right{max-width:640px; margin:auto; font-size:calc(0.2vw + 14px); line-height:calc(0.5vw + 20px); }
.layout-pagetop-2dl8c .mod-othercontent01 .title-right:before{content:""; width:calc(1vw + 20px); height:3px; background:var(--main); display:block; margin:calc(0.5vw + 5px) auto; border-radius:10vw; }
.layout-pagetop-2dl8c .mod-othercontent01 .title-right-span{display:block; }
.layout-pagetop-2dl8c .mod-othercontent01 .content-bg img{display:block; height:100%; width:auto !important; max-width:inherit !important; position:absolute; top:0; left:50%; transform:translate(-50%,0%); }

@media(min-width:769px){
.layout-pagetop-2dl8c .mod-othercontent01 .mod-bg{min-height:470px; }
}

.layout-pagetop-2dl8c .mod-othercontent01-custtop .mod-title{max-width:1180px; margin:auto; }

.layout-shop-5qjwm .mod-othercontent01 .swiper-button-prev,.layout-shop-5qjwm .mod-othercontent01 .swiper-button-next{color:#fff; width:30px; height:30px; margin:0; transform:translate(0,-50%); border-radius:50%; }
.layout-shop-5qjwm .mod-othercontent01 .swiper-button-prev:after,.layout-shop-5qjwm .mod-othercontent01 .swiper-button-next:after{font-size:12px; line-height:30px; }
.layout-shop-5qjwm .mod-othercontent01 .swiper-button-prev:hover,.layout-shop-5qjwm .mod-othercontent01 .swiper-button-next:hover{background:var(--main); }
.layout-shop-5qjwm .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,.layout-shop-5qjwm .mod-othercontent01 .swiper-button-next.swiper-button-disabled{opacity:1; background:#eee; color:#999; }
.layout-shop-5qjwm{padding:calc(2% + 20px) 0 calc(1% + 10px); }
.layout-shop-5qjwm .mod-othercontent01 .content-bg{display:flex; align-items:start; flex-wrap:wrap; }
.layout-shop-5qjwm .mod-othercontent01 .item{width:calc(100%/3 - 6px); position:relative; margin:3px; }
.layout-shop-5qjwm .mod-othercontent01 .img{border-radius:5px; overflow:hidden; }
.layout-shop-5qjwm .mod-othercontent01 .img a{display:block; }
.layout-shop-5qjwm .mod-othercontent01 .desc{position:absolute; left:0; bottom:0; right:0; top:0; padding:calc(1vw + 10px) calc(0.5vw + 10px); color:#fff; display:flex; flex-direction:column; align-items:start; justify-content:end; background:url(../picture/show-shadow.png) bottom center no-repeat; border-radius:5px; overflow:hidden; }
.layout-shop-5qjwm .mod-othercontent01 .desc h3{text-transform:uppercase; font-weight:700; display:block; font-size:calc(0.3vw + 14px); padding-bottom:calc(0.25vw + 5px); }
.layout-shop-5qjwm .mod-othercontent01 .desc a{text-transform:uppercase; font-weight:700; display:block; padding:calc(0.25vw + 5px) calc(1vw + 10px); background:#fff; border-radius:50vw; }
.layout-shop-5qjwm .mod-othercontent01 .desc a:hover{background:var(--main); color:#fff; }

@media(max-width:480px){
.layout-shop-5qjwm .mod-othercontent01 .item{width:calc(100% - 6px); }
}

.layout-coFou-7tbr7 .mod-othercontent01 .swiper-button-prev,.layout-coFou-7tbr7 .mod-othercontent01 .swiper-button-next{color:var(--main); width:30px; height:30px; background:#d1e6cd; border-radius:50%; margin:0; transform:translate(0,-50%); }
.layout-coFou-7tbr7 .mod-othercontent01 .swiper-button-prev:after,.layout-coFou-7tbr7 .mod-othercontent01 .swiper-button-next:after{font-size:calc(0.2vw + 14px); }
.layout-coFou-7tbr7 .mod-othercontent01 .swiper-button-prev:hover,.layout-coFou-7tbr7 .mod-othercontent01 .swiper-button-next:hover{background:var(--main); color:#fff; }
.layout-coFou-7tbr7 .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,.layout-coFou-7tbr7 .mod-othercontent01 .swiper-button-next.swiper-button-disabled{opacity:1; background:#999; color:#fff; }

@media(max-width:768px){
.layout-coFou-7tbr7 .mod-othercontent01 .swiper-button-prev,.layout-coFou-7tbr7 .mod-othercontent01 .swiper-button-next{display:none; }
}

.layout-coFou-7tbr7{padding:calc(2% + 20px) 0; background:#f2f2f2; }
.layout-coFou-7tbr7 .mod-othercontent01 .content-bg{display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; }
.layout-coFou-7tbr7 .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; }
.layout-coFou-7tbr7 .mod-othercontent01 .img{width:calc(50% - 1vw - 10px); }
.layout-coFou-7tbr7 .mod-othercontent01 .text{width:calc(50% - 2vw - 10px); }
.layout-coFou-7tbr7 .mod-othercontent01 .text h3{font-size:calc(0.6vw + 16px); line-height:calc(0.75vw + 20px); color:var(--main); font-weight:500; padding-bottom:calc(0.5vw + 5px); }
.layout-coFou-7tbr7 .mod-othercontent01 .text li{display:flex; align-items:flex-start; padding:2px 0; line-height:calc(0.5vw + 20px); }
.layout-coFou-7tbr7 .mod-othercontent01 .text li:before{content:"✔"; flex:0 0 15px; color:var(--main); }

@media(max-width:768px){
.layout-coFou-7tbr7 .mod-othercontent01 .img{width:100%; }
.layout-coFou-7tbr7 .mod-othercontent01 .text{width:100%; padding-top:calc(0.5vw + 10px); }
}

@media(max-width:768px){
.layout-quote-irvdu .mod-othercontent01 .swiper-button-prev,.layout-quote-irvdu .mod-othercontent01 .swiper-button-next{display:none; }
}

.layout-quote-irvdu .mod-othercontent01-title-irvdu .mod-title{text-align:center; padding-bottom:calc(1vw + 10px); }
.layout-quote-irvdu .mod-othercontent01-title-irvdu .title-left{float:none; }
.layout-quote-irvdu .mod-othercontent01-title-irvdu .title-left-span{display:block; }
.layout-quote-irvdu .mod-othercontent01-title-irvdu .title-right{float:none; max-width:1000px; margin:auto; }
.layout-quote-irvdu .mod-othercontent01-title-irvdu .title-right-span{display:block; }
.layout-quote-irvdu .mod-othercontent01-title-irvdu .mod-title h2{font-size:calc(0.8vw + 20px); line-height:calc(1vw + 25px); font-weight:600; color:#fff; padding:5px 0; }
.layout-quote-irvdu .mod-othercontent01-title-irvdu .mod-title h3{color:var(--main); font-weight:500; }
.layout-quote-irvdu .mod-othercontent01-title-irvdu .mod-bottom{padding-top:calc(1vw + 10px); }
.layout-quote-irvdu .mod-othercontent01-title-irvdu .bottom-left{display:flex; flex-wrap:wrap; justify-content:center; }
.layout-quote-irvdu .mod-othercontent01-title-irvdu .bottom-left a{color:#fff; background:var(--main); font-size:calc(0.2vw + 14px); line-height:calc(0.25vw + 20px); padding:calc(0.25vw + 5px) calc(3vw + 20px); border-radius:calc(0.25vw + 5px); text-transform:capitalize; }
.layout-quote-irvdu .mod-othercontent01-title-irvdu p{color:#fff; }
.layout-quote-irvdu .mod-othercontent01 .mod-bg{padding:calc(1vw + 10px) 0; }
.layout-quote-irvdu .mod-othercontent01 .mod-title{text-align:initial; }
.layout-quote-irvdu .mod-othercontent01 .mod-title h2{padding:0 0 calc(1vw + 5px); }
.layout-quote-irvdu .mod-othercontent01 .bottom-left{padding-top:calc(1vw + 10px); justify-content:start; }

#perfume_box_carousel .carousel-container{position:relative; max-width:100%; margin:auto; overflow:hidden; }

#perfume_box_carousel .carousel{display:flex; transition:transform 0.5s ease; }
#perfume_box_carousel .carousel img{width:450px; height:450px; object-fit:cover; }
#perfume_box_carousel .prev,#perfume_box_carousel .next{position:absolute; top:50%; transform:translateY(-50%); background-color:rgba(0, 0, 0, 0.5); color:white; border:none; padding:10px; cursor:pointer; font-size:20px; z-index:1; }
#perfume_box_carousel .prev{left:10px; }
#perfume_box_carousel .next{right:10px; }

.layout-aboutFive-jge8l .mod-othercontent01 .swiper-button-prev,.layout-aboutFive-jge8l .mod-othercontent01 .swiper-button-next{color:#666; width:calc(1vw + 30px); height:calc(1vw + 30px); margin:0; transform:translate(0,-50%); border-radius:50%; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.1); }
.layout-aboutFive-jge8l .mod-othercontent01 .swiper-button-prev:after,.layout-aboutFive-jge8l .mod-othercontent01 .swiper-button-next:after{font-size:calc(0.4vw + 14px); line-height:calc(1vw + 30px); }
.layout-aboutFive-jge8l .mod-othercontent01 .swiper-button-prev:hover,.layout-aboutFive-jge8l .mod-othercontent01 .swiper-button-next:hover{background:var(--main); color:#fff; }
.layout-aboutFive-jge8l .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,.layout-aboutFive-jge8l .mod-othercontent01 .swiper-button-next.swiper-button-disabled{opacity:1; background:#eee; color:#666; }
.layout-aboutFive-jge8l .mod-othercontent01-titlecenter-jge8l .mod-title{padding-bottom:calc(1vw + 10px); text-align:center; }
.layout-aboutFive-jge8l .mod-othercontent01-titlecenter-jge8l .title-right{max-width:1300px; padding-top:calc(0.5vw + 5px); margin:auto; }
.layout-aboutFive-jge8l .mod-othercontent01-titlecenter-jge8l .title-right-span{display:block; }
.layout-aboutFive-jge8l .mod-othercontent01-titlecenter-jge8l .mod-title h2{font-size:calc(1vw + 20px); line-height:calc(1vw + 25px); color:#000; font-weight:700; }
.layout-aboutFive-jge8l .mod-othercontent01-titlecenter-jge8l .mod-title h2:after{content:""; width:20px; height:13px; border-radius:15px 1px; background:var(--third); margin:calc(0.25vw + 5px); display:inline-block; }
.layout-aboutFive-jge8l .mod-othercontent01-titlecenter-jge8l .mod-title a{background:var(--deputy); color:#fff; padding:5px 5px 5px calc(1vw + 10px); border-radius:50vw; margin-top:calc(2vw + 10px); text-transform:capitalize; display:inline-flex; align-items:center; }
.layout-aboutFive-jge8l .mod-othercontent01-titlecenter-jge8l .mod-title a:after{content:"➜"; width:calc(0.5vw + 30px); line-height:calc(0.5vw + 30px); text-align:center; color:var(--deputy); background:#fff; border-radius:50%; margin-left:10px; display:block; }
.layout-aboutFive-jge8l .mod-othercontent01-titlecenter-jge8l .mod-title a:hover{background:var(--main); }
.layout-aboutFive-jge8l .mod-othercontent01-titlecenter-jge8l .mod-title a:hover:after{color:var(--main); }
.layout-aboutFive-jge8l{padding:calc(2% + 20px) 0 10px; background:#f1f3f7; }
.layout-aboutFive-jge8l .mod-othercontent01 .swiper-container{padding-bottom:calc(2vw + 20px); }
.layout-aboutFive-jge8l .mod-othercontent01 .img{border-radius:calc(0.5px + 5px); overflow:hidden; }
.layout-aboutFive-jge8l .mod-othercontent01 .swiper-slide h3{font-size:calc(0.5vw + 14px); line-height:calc(0.5vw + 20px); font-weight:600; padding:calc(0.5vw + 5px); text-align:center; color:#000; }
.layout-aboutFive-jge8l .mod-othercontent01 .swiper-button-prev,.layout-aboutFive-jge8l .mod-othercontent01 .swiper-button-next{top:40%; }
.layout-aboutFive-jge8l + .layout-help{background:#f1f3f7; }

.layout-proshow-my04g .mod-othercontent01 .swiper-button-prev,.layout-proshow-my04g .mod-othercontent01 .swiper-button-next{color:#333; width:calc(0.5vw + 30px); height:calc(0.5vw + 30px); border-radius:50vw; margin:0; }
.layout-proshow-my04g .mod-othercontent01 .swiper-button-prev:after,.layout-proshow-my04g .mod-othercontent01 .swiper-button-next:after{font-size:calc(0.2vw + 14px); line-height:calc(0.5vw + 30px); }
.layout-proshow-my04g .mod-othercontent01 .swiper-button-prev:hover,.layout-proshow-my04g .mod-othercontent01 .swiper-button-next:hover{color:#fff; background:var(--deputy); }
.layout-proshow-my04g .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,.layout-proshow-my04g .mod-othercontent01 .swiper-button-next.swiper-button-disabled{opacity:1; color:#eee; }

@media(max-width:768px){
.layout-proshow-my04g .mod-othercontent01 .swiper-button-prev,.layout-proshow-my04g .mod-othercontent01 .swiper-button-next{display:none; }
}

.layout-proshow-my04g .mod-othercontent01-titlecenter-my04g .mod-title{padding-bottom:calc(0.5vw + 10px); text-align:center; }
.layout-proshow-my04g .mod-othercontent01-titlecenter-my04g .title-right{padding-top:calc(0.5vw + 5px); max-width:900px; margin:auto; }
.layout-proshow-my04g .mod-othercontent01-titlecenter-my04g .title-right-span{display:block; }
.layout-proshow-my04g .mod-othercontent01-titlecenter-my04g .mod-title h3{font-family:inherit; padding:5px calc(0.5vw + 10px); border-radius:50vw; background:var(--third); display:inline-block; }
.layout-proshow-my04g .mod-othercontent01-titlecenter-my04g .mod-title h2{font-size:calc(1vw + 20px); line-height:calc(1vw + 25px); text-transform:capitalize; font-weight:600; padding:calc(0.25vw + 5px) 0; }
.layout-proshow-my04g .mod-othercontent01-titlecenter-my04g .mod-title h2:after{content:""; width:calc(1vw + 40px); height:1px; background:#000; display:block; margin:calc(1vw + 5px) auto 0; }
.layout-proshow-my04g .mod-othercontent01-titlecenter-my04g .mod-title a{display:inline-flex; align-items:center; margin-top:calc(2vw + 10px); font-weight:400; }
.layout-proshow-my04g .mod-othercontent01-titlecenter-my04g .mod-title a:after{content:"➜"; padding-left:calc(0.5vw + 5px); }
.layout-proshow-my04g .mod-othercontent01-titlecenter-my04g .mod-title a:hover{color:var(--deputy); }
.layout-proshow-my04g .mod-othercontent01-titlecenter-my04g .mod-bottom{padding-top:calc(1vw + 10px); text-align:center; }
.layout-proshow-my04g .mod-othercontent01-titlecenter-my04g .bottom-left{display:flex; align-items:center; justify-content:center; flex-wrap:wrap; }
.layout-proshow-my04g .mod-othercontent01-titlecenter-my04g .mod-bottom a{display:flex; align-items:center; font-weight:400; }
.layout-proshow-my04g .mod-othercontent01-titlecenter-my04g .mod-bottom a:after{content:"➜"; padding-left:calc(0.5vw + 5px); }
.layout-proshow-my04g .mod-othercontent01-titlecenter-my04g .mod-bottom a:hover{color:var(--deputy); }
.layout-proshow-my04g{padding:10px 0; }
.layout-proshow-my04g .mod-othercontent01 .swiper-slide{width:calc(7vw + 255px); }
.layout-proshow-my04g .mod-othercontent01 .img{border-radius:calc(0.25vw + 5px); overflow:hidden; }
.layout-proshow-my04g .mod-othercontent01 .text{text-align:center; padding:calc(0.5vw + 5px); }
.layout-proshow-my04g .mod-othercontent01 .text h3{font-size:calc(0.3vw + 14px); line-height:calc(0.5vw + 20px); font-family:inherit; }
.layout-proshow-my04g .mod-othercontent01 .text a{display:inline-flex; align-items:center; margin-top:calc(0.5vw + 5px); }
.layout-proshow-my04g .mod-othercontent01 .text a:after{content:"➜"; padding-left:calc(0.5vw + 5px); }
.layout-proshow-my04g .mod-othercontent01 .swiper-slide:hover .text a{color:var(--deputy); }
.layout-proshow-my04g .mod-othercontent01-titlecenter-my04g .slide-container{position:relative; overflow:hidden; }
.layout-proshow-my04g .mod-othercontent01-titlecenter-my04g .img{position:relative; width:100%; padding-top:100%; overflow:hidden; }
.layout-proshow-my04g .mod-othercontent01-titlecenter-my04g .img img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; transition:transform 0.5s ease; }
.layout-proshow-my04g .mod-othercontent01-titlecenter-my04g .overlay-button{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) scale(0.8); padding:15px 30px; background:var(--main); color:white; border:none; border-radius:50px; font-size:1rem; font-weight:600; cursor:pointer; opacity:0; visibility:hidden; transition:all 0.3s ease; z-index:10; white-space:nowrap; box-shadow:0 4px 15px rgba(102, 126, 234, 0.4); }
.layout-proshow-my04g .mod-othercontent01-titlecenter-my04g .overlay-button:hover{transform:translate(-50%, -50%) scale(1.1); box-shadow:0 6px 20px rgba(102, 126, 234, 0.6); }
.layout-proshow-my04g .mod-othercontent01-titlecenter-my04g .slide-container:hover .overlay-button{opacity:1; visibility:visible; transform:translate(-50%, -50%) scale(1); }
.layout-proshow-my04g .mod-othercontent01-titlecenter-my04g .slide-container:hover .img img{transform:scale(1.1); }

.layout-cateshow-qfizw .mod-othercontent01 .swiper-button-prev,.layout-cateshow-qfizw .mod-othercontent01 .swiper-button-next{color:#fff; width:calc(1vw + 30px); height:calc(1vw + 30px); margin:0; }
.layout-cateshow-qfizw .mod-othercontent01 .swiper-button-prev:after,.layout-cateshow-qfizw .mod-othercontent01 .swiper-button-next:after{font-size:calc(0.3vw + 14px); line-height:calc(1vw + 30px); }
.layout-cateshow-qfizw .mod-othercontent01 .swiper-button-prev:hover,.layout-cateshow-qfizw .mod-othercontent01 .swiper-button-next:hover{color:#fff !important; background:var(--main) !important; }
.layout-cateshow-qfizw .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,.layout-cateshow-qfizw .mod-othercontent01 .swiper-button-next.swiper-button-disabled{opacity:1; color:#eee; }
.layout-cateshow-qfizw .mod-othercontent01-title-qfizw .mod-title{padding-bottom:calc(0.5vw + 10px); }
.layout-cateshow-qfizw .mod-othercontent01-title-qfizw .title-right{padding-top:calc(0.5vw + 5px); }
.layout-cateshow-qfizw .mod-othercontent01-title-qfizw .mod-title span{display:block; }
.layout-cateshow-qfizw .mod-othercontent01-title-qfizw .mod-title h2{font-size:calc(1.2vw + 18px); line-height:calc(1.5vw + 20px); font-weight:600; font-family:var(--font); }
.layout-cateshow-qfizw .mod-othercontent01-title-qfizw .mod-title a{font-size:calc(0.1vw + 12px); padding:calc(0.5vw + 5px) calc(2vw + 10px); border:2px solid #000; text-transform:uppercase; margin-top:calc(1vw + 10px); }
.layout-cateshow-qfizw .mod-othercontent01-title-qfizw .mod-title a:hover{background:var(--main); border-color:var(--main); color:#fff; }
.layout-cateshow-qfizw .mod-othercontent01-title-qfizw .mod-bottom{padding-top:calc(2vw + 10px); }
.layout-cateshow-qfizw .mod-othercontent01-title-qfizw .mod-bottom a{font-size:calc(0.1vw + 12px); padding:calc(0.5vw + 5px) calc(2vw + 10px); border:2px solid #000; text-transform:uppercase; }
.layout-cateshow-qfizw .mod-othercontent01-title-qfizw .mod-bottom a:hover{background:var(--main); border-color:var(--main); color:#fff; }
.layout-cateshow-qfizw{padding:calc(1% + 10px) 0; }
.layout-cateshow-qfizw .mod-othercontent01 .title-bg{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; }
.layout-cateshow-qfizw .mod-othercontent01 .mod-title a{border:none; border-bottom:1px solid #000; padding:5px; text-transform:capitalize; }
.layout-cateshow-qfizw .mod-othercontent01 .content-bg{display:flex; flex-wrap:wrap; align-items:stretch; justify-content:space-between; }
.layout-cateshow-qfizw .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; }
.layout-cateshow-qfizw .mod-othercontent01 .item{width:calc(100%/5 - 0.5vw - 5px); overflow:hidden; position:relative; text-align:center; margin:calc(0.5vw + 5px) 0; background:#000; }
.layout-cateshow-qfizw .mod-othercontent01 .text{padding:calc(1vw + 10px); position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:end; color:#fff; text-transform:uppercase; }
.layout-cateshow-qfizw .mod-othercontent01 .text h3{font-size:calc(0.6vw + 16px); line-height:calc(1vw + 20px); font-weight:600; font-family:var(--font); }
.layout-cateshow-qfizw .mod-othercontent01 .text a{font-size:calc(0.1vw + 12px); padding:calc(0.25vw + 5px) calc(2vw + 10px); border:2px solid #fff; text-transform:uppercase; margin:calc(2vw + 20px) 0 calc(-4vw - 40px); }
.layout-cateshow-qfizw .mod-othercontent01 .text a:after{content:""; position:absolute; inset:0; }
.layout-cateshow-qfizw .mod-othercontent01 .text a:hover{background:var(--main); border-color:var(--main); color:#fff; }
.layout-cateshow-qfizw .mod-othercontent01 .item:hover .img{opacity:0.3; }
.layout-cateshow-qfizw .mod-othercontent01 .item:hover .text a{margin:calc(0.5vw + 10px) 0 0; }

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

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

.layout-manuThree-sdlde .mod-othercontent01 .swiper-button-prev,.layout-manuThree-sdlde .mod-othercontent01 .swiper-button-next{color:#fff; width:calc(1vw + 25px); height:calc(1vw + 25px); margin:0; transform:translate(0,-50%); }
.layout-manuThree-sdlde .mod-othercontent01 .swiper-button-prev:after,.layout-manuThree-sdlde .mod-othercontent01 .swiper-button-next:after{font-size:calc(0.3vw + 16px); line-height:calc(1vw + 25px); }
.layout-manuThree-sdlde .mod-othercontent01 .swiper-button-prev:hover,.layout-manuThree-sdlde .mod-othercontent01 .swiper-button-next:hover{color:var(--main) !important; }
.layout-manuThree-sdlde .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,.layout-manuThree-sdlde .mod-othercontent01 .swiper-button-next.swiper-button-disabled{opacity:1; color:#333; }

@media(max-width:768px){
.layout-manuThree-sdlde .mod-othercontent01 .swiper-button-prev,.layout-manuThree-sdlde .mod-othercontent01 .swiper-button-next{display:none; }
}

.layout-manuThree-sdlde .mod-othercontent01-titlecenter-sdlde .mod-title{padding-bottom:calc(1vw + 10px); text-align:center; max-width:1100px; margin:auto; }
.layout-manuThree-sdlde .mod-othercontent01-titlecenter-sdlde .title-right{padding-top:calc(0.5vw + 5px); }
.layout-manuThree-sdlde .mod-othercontent01-titlecenter-sdlde .title-right-span{display:block; }
.layout-manuThree-sdlde .mod-othercontent01-titlecenter-sdlde .mod-title h3{color:var(--main); font-weight:500; }
.layout-manuThree-sdlde .mod-othercontent01-titlecenter-sdlde .mod-title h2{font-size:calc(1.4vw + 18px); line-height:calc(1.5vw + 20px); color:#000; font-weight:600; }
.layout-manuThree-sdlde .mod-othercontent01-titlecenter-sdlde .mod-title strong{color:var(--main); }
.layout-manuThree-sdlde .mod-othercontent01-titlecenter-sdlde .mod-bottom{padding-top:calc(2vw + 10px); text-align:center; }
.layout-manuThree-sdlde .mod-othercontent01-titlecenter-sdlde .mod-bottom a{color:var(--main); padding:calc(0.25vw + 5px) calc(1vw + 20px); text-transform:uppercase; border:1px solid var(--main); }
.layout-manuThree-sdlde .mod-othercontent01-titlecenter-sdlde .mod-bottom a:hover{color:#fff; background:var(--main); }
.layout-manuThree-sdlde{padding:calc(2% + 20px) 0; }
.layout-manuThree-sdlde .mod-othercontent01 .content-bg{display:flex; flex-wrap:wrap; align-items:stretch; }
.layout-manuThree-sdlde .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; }
.layout-manuThree-sdlde .mod-othercontent01 .item{width:calc(100%/3 - 0.5vw - 10px); margin:calc(0.25vw + 5px); text-align:center; }
.layout-manuThree-sdlde .mod-othercontent01 .text{position:relative; padding:0 calc(1vw + 10px) calc(1vw + 10px); }
.layout-manuThree-sdlde .mod-othercontent01 .text span{width:calc(1vw + 40px); display:block; margin:calc(-0.5vw - 20px) auto calc(0.25vw + 5px); background:var(--main); border-radius:5px; }
.layout-manuThree-sdlde .mod-othercontent01 .text span img{filter:grayscale(1) brightness(10); }
.layout-manuThree-sdlde .mod-othercontent01 .text h4{color:var(--main); }
.layout-manuThree-sdlde .mod-othercontent01 .text h4:before{content:""; position:absolute; left:50%; top:calc(1.75vw + 75px); width:calc(100% + 0.5vw + 10px); height:1px; background:rgba(0,0,0,0.2); }
.layout-manuThree-sdlde .mod-othercontent01 .text h4:after{content:""; width:10px; height:10px; background:var(--main); border-radius:50%; margin:calc(0.25vw + 5px) auto; display:block; position:relative; z-index:3; }
.layout-manuThree-sdlde .mod-othercontent01 .text h3{font-size:calc(0.5vw + 14px); line-height:calc(0.5vw + 20px); font-weight:600; padding-bottom:calc(0.5vw + 5px); }
.layout-manuThree-sdlde .mod-othercontent01 .item:last-of-type .text h4:before{display:none; }
.layout-manuThree-sdlde .mod-othercontent01 .item:hover{background:var(--main); }
.layout-manuThree-sdlde .mod-othercontent01 .item:hover .text *{color:#fff; }
.layout-manuThree-sdlde .mod-othercontent01 .item:hover .text h4:after{background:#fff; }
.layout-manuThree-sdlde .mod-othercontent01 .item:hover span{background:#fff; }
.layout-manuThree-sdlde .mod-othercontent01 .item:hover span img{filter:grayscale(0) brightness(1); }

@media(min-width:769px){
.layout-manuThree-sdlde .mod-othercontent01 .item:nth-of-type(3n) .text h4:before{display:none; }
}

@media(max-width:768px){
.layout-manuThree-sdlde .mod-othercontent01 .item{width:calc(100%/2 - 0.5vw - 10px); }
.layout-manuThree-sdlde .mod-othercontent01 .item:nth-of-type(2n) .text h4:before{display:none; }
}

@media(max-width:480px){
.layout-manuThree-sdlde .mod-othercontent01 .item{width:calc(100% - 0.5vw - 10px); }
.layout-manuThree-sdlde .mod-othercontent01 .item .text h4:before{display:none; }
}

.layout-manuThree-sdlde + .layout-aboutSix{background:#fff; }

.layout-show-muu8l .mod-othercontent01 .swiper-button-prev,.layout-show-muu8l .mod-othercontent01 .swiper-button-next{color:#fff; background:var(--main); border-radius:50%; width:calc(1vw + 30px); height:calc(1vw + 30px); margin:0; transform:translate(0,-50%); }
.layout-show-muu8l .mod-othercontent01 .swiper-button-prev:after,.layout-show-muu8l .mod-othercontent01 .swiper-button-next:after{font-size:calc(0.3vw + 14px); line-height:100%; }
.layout-show-muu8l .mod-othercontent01 .swiper-button-prev:hover,.layout-show-muu8l .mod-othercontent01 .swiper-button-next:hover{background:var(--deputy); }
.layout-show-muu8l .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,.layout-show-muu8l .mod-othercontent01 .swiper-button-next.swiper-button-disabled{opacity:1; background:#eee; color:#666; }
.layout-show-muu8l .mod-othercontent01-titlecenter-muu8l .mod-title{padding-bottom:calc(1vw + 10px); text-align:center; }
.layout-show-muu8l .mod-othercontent01-titlecenter-muu8l .title-right{max-width:1200px; margin:auto; padding-top:calc(0.25vw + 5px); }
.layout-show-muu8l .mod-othercontent01-titlecenter-muu8l .title-right-span{display:block; }
.layout-show-muu8l .mod-othercontent01-titlecenter-muu8l .mod-title h2{font-size:calc(0.8vw + 20px); line-height:calc(1vw + 25px); color:#000; font-weight:700; }
.layout-show-muu8l .mod-othercontent01-titlecenter-muu8l .mod-bottom{text-align:center; }
.layout-show-muu8l .mod-othercontent01-titlecenter-muu8l .mod-bottom a{font-size:calc(0.3vw + 16px); line-height:calc(0.5vw + 20px); font-weight:600; color:#fff; background:var(--main); padding:calc(0.5vw + 5px) calc(2vw + 10px); border-radius:50vw; margin-top:calc(2vw + 10px); }
.layout-show-muu8l .mod-othercontent01-titlecenter-muu8l .mod-bottom a:hover{background:var(--main); }
.layout-show-muu8l{padding:calc(2% + 20px) 0; }
.layout-show-muu8l .mod-othercontent01 .item{position:relative; height:520px; margin:auto; width:100%; max-width:400px; padding-bottom:calc(1vw + 50px); }
.layout-show-muu8l .mod-othercontent01 .text{position:absolute; left:calc(1vw + 10px); bottom:10px; z-index:3; right:calc(1vw + 10px); max-width:800px; margin:auto; display:flex; align-items:center; justify-content:space-between; font-size:calc(0.3vw + 16px); line-height:calc(0.5vw + 20px); font-weight:700; color:#000; }
.layout-show-muu8l .mod-othercontent01 .img{background:#fff; }
.layout-show-muu8l .mod-othercontent01 .img-gray{position:absolute; right:0; bottom:calc(1vw + 50px); top:0; width:calc(50% + 1px); z-index:1; border-left:2px solid #333; overflow:hidden; box-sizing:border-box; max-width:400px; }
.layout-show-muu8l .mod-othercontent01 .img-gray img{position:absolute; right:0; bottom:0; top:0; z-index:1; max-width:initial; width:400px; }
.layout-show-muu8l .mod-othercontent01 .img-btn{background:url(../picture/show-btn.png) center no-repeat; position:absolute; bottom:0; left:50%; transform:translate(-50%,0%); z-index:6; cursor:pointer; width:105px; height:40px; transition:0s; }
.layout-show-muu8l .mod-othercontent01 .mod-bottom{text-align:center; max-width:500px; margin:auto; padding-top:calc(1vw + 10px); }
.layout-show-muu8l .mod-othercontent01 .mod-bottom span{display:block; }

@media(max-width:480px){
.layout-show-muu8l .mod-othercontent01 .item{max-width:350px; height:455px; }
.layout-show-muu8l .mod-othercontent01 .img-gray{max-width:350px; }
.layout-show-muu8l .mod-othercontent01 .img-gray img{width:350px; }
}

.layout-serve-u0x60-fij3q .mod-othercontent01 .swiper-button-prev,.layout-serve-u0x60-fij3q .mod-othercontent01 .swiper-button-next{color:var(--main); width:calc(1vw + 20px); height:calc(1vw + 20px); margin:0; transform:translate(0,-50%); border-radius:50%; border:1px solid var(--main); }
.layout-serve-u0x60-fij3q .mod-othercontent01 .swiper-button-prev:after,.layout-serve-u0x60-fij3q .mod-othercontent01 .swiper-button-next:after{font-size:calc(0.3vw + 14px); line-height:calc(1vw + 20px); }
.layout-serve-u0x60-fij3q .mod-othercontent01 .swiper-button-prev:hover,.layout-serve-u0x60-fij3q .mod-othercontent01 .swiper-button-next:hover{background:var(--deputy) !important; color:#fff !important; }
.layout-serve-u0x60-fij3q .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,.layout-serve-u0x60-fij3q .mod-othercontent01 .swiper-button-next.swiper-button-disabled{opacity:1; background:#eee; color:#999; }

@media(max-width:768px){
.layout-serve-u0x60-fij3q .mod-othercontent01 .swiper-button-prev,.layout-serve-u0x60-fij3q .mod-othercontent01 .swiper-button-next{display:none; }
}

.layout-serve-u0x60-fij3q .mod-othercontent01 .swiper-button-prev,.layout-serve-u0x60-fij3q .mod-othercontent01 .swiper-button-next{color:#333; width:calc(1vw + 25px); height:calc(1vw + 25px); margin:0; transform:translate(0,-50%); border-radius:calc(0.25vw + 5px); }
.layout-serve-u0x60-fij3q .mod-othercontent01 .swiper-button-prev:after,.layout-serve-u0x60-fij3q .mod-othercontent01 .swiper-button-next:after{font-size:calc(0.4vw + 16px); line-height:calc(1vw + 25px); }
.layout-serve-u0x60-fij3q .mod-othercontent01 .swiper-button-prev:hover,.layout-serve-u0x60-fij3q .mod-othercontent01 .swiper-button-next:hover{color:var(--deputy); }
.layout-serve-u0x60-fij3q .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,.layout-serve-u0x60-fij3q .mod-othercontent01 .swiper-button-next.swiper-button-disabled{opacity:1; color:#aaa; }
.layout-serve-u0x60-fij3q .mod-othercontent01-titlecenter-u0x60-fij3q .mod-title{padding-bottom:calc(1vw + 10px); text-align:center; }
.layout-serve-u0x60-fij3q .mod-othercontent01-titlecenter-u0x60-fij3q .title-right{max-width:950px; margin:auto; padding-top:calc(0.5vw + 5px); }
.layout-serve-u0x60-fij3q .mod-othercontent01-titlecenter-u0x60-fij3q .title-right-span{display:block; }
.layout-serve-u0x60-fij3q .mod-othercontent01-titlecenter-u0x60-fij3q .mod-title h3{font-size:calc(0.2vw + 14px); padding:calc(0.25vw + 5px) 0; }
.layout-serve-u0x60-fij3q .mod-othercontent01-titlecenter-u0x60-fij3q .mod-title h2{font-size:calc(1vw + 18px); line-height:calc(1vw + 25px); color:#000; font-weight:600; }
.layout-serve-u0x60-fij3q .mod-othercontent01-titlecenter-u0x60-fij3q .mod-title h2 strong{color:transparent; background:var(--text); -webkit-background-clip:text !important; display:inline-block; }
.layout-serve-u0x60-fij3q .mod-othercontent01-titlecenter-u0x60-fij3q .mod-title a{color:#fff; padding:calc(0.5vw + 5px) calc(1vw + 10px); border-radius:calc(0.25vw + 5px); background:var(--main); display:inline-flex; align-items:center; margin-top:calc(1vw + 10px); }
.layout-serve-u0x60-fij3q .mod-othercontent01-titlecenter-u0x60-fij3q .mod-title a:after{content:"\f105"; font:14px/1 FontAwesome; padding-left:calc(1vw + 5px); }
.layout-serve-u0x60-fij3q .mod-othercontent01-titlecenter-u0x60-fij3q .mod-title a:hover{background:var(--deputy); }
.layout-serve-u0x60-fij3q .mod-othercontent01-titlecenter-u0x60-fij3q .mod-bottom{padding-top:calc(2vw + 10px); text-align:center; }
.layout-serve-u0x60-fij3q .mod-othercontent01-titlecenter-u0x60-fij3q .mod-bottom a{color:#fff; padding:calc(0.5vw + 5px) calc(1vw + 10px); border-radius:calc(0.25vw + 5px); background:var(--main); display:inline-flex; align-items:center; }
.layout-serve-u0x60-fij3q .mod-othercontent01-titlecenter-u0x60-fij3q .mod-bottom a:after{content:"\f105"; font:14px/1 FontAwesome; padding-left:calc(1vw + 5px); }
.layout-serve-u0x60-fij3q .mod-othercontent01-titlecenter-u0x60-fij3q .mod-bottom a:hover{background:var(--deputy); }
.layout-serve-u0x60-fij3q{padding:calc(4% + 40px) 0 calc(2% + 20px); background:url(../picture/8300295.png) top center no-repeat; background-size:auto calc(10vw + 290px); }
.layout-serve-u0x60-fij3q .mod-othercontent01 .mod-title{padding-bottom:calc(2vw + 10px); }
.layout-serve-u0x60-fij3q .mod-othercontent01 .mod-title *{color:#fff; }
.layout-serve-u0x60-fij3q .mod-othercontent01 .content-bg{display:flex; align-items:stretch; flex-wrap:wrap; overflow:visible; }
.layout-serve-u0x60-fij3q .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; }
.layout-serve-u0x60-fij3q .mod-othercontent01 .item{width:calc(100%/3); padding:calc(0.5vw + 5px); border-radius:calc(0.5vw + 5px); box-sizing:border-box; margin:calc(0.5vw + 5px) 0; }
.layout-serve-u0x60-fij3q .mod-othercontent01 .img{border-radius:calc(0.5vw + 5px); overflow:hidden; }
.layout-serve-u0x60-fij3q .mod-othercontent01 .text{padding:calc(0.5vw + 10px); }
.layout-serve-u0x60-fij3q .mod-othercontent01 .text span{width:calc(1vw + 40px); display:block; }
.layout-serve-u0x60-fij3q .mod-othercontent01 .text h3{font-size:calc(0.4vw + 16px); line-height:calc(0.5vw + 20px); font-weight:600; padding:calc(0.5vw + 5px) 0; }
.layout-serve-u0x60-fij3q .mod-othercontent01 .text li{display:flex; align-items:start; }
.layout-serve-u0x60-fij3q .mod-othercontent01 .text li:before{content:"\f00c"; font:14px/1 FontAwesome; flex:0 0 calc(0.5vw + 15px); color:var(--main); font-weight:500; line-height:calc(0.3vw + 18px); }
.layout-serve-u0x60-fij3q .mod-othercontent01 .text ul + a{display:inline-flex; align-items:center; color:var(--main); font-weight:600; padding:calc(0.5vw + 5px) 0; margin-top:calc(0.5vw + 10px); border-radius:calc(0.25vw + 5px); }
.layout-serve-u0x60-fij3q .mod-othercontent01 .text ul + a:after{content:"\f105"; font:16px/1 FontAwesome; padding:0 calc(0.5vw + 5px); }
.layout-serve-u0x60-fij3q .mod-othercontent01 .item:hover{background:#fff; box-shadow:0 0 calc(0.5vw + 10px) rgba(0,0,0,0.2); }
.layout-serve-u0x60-fij3q .mod-othercontent01 .item:hover .text ul + a{background:var(--main); color:#fff; padding:calc(0.5vw + 5px) calc(1vw + 10px); }

@media(max-width:768px){
.layout-serve-u0x60-fij3q .mod-othercontent01 .item{width:50%; }
}

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

.layout-soluOne-9xm5v .mod-othercontent01 .swiper-button-prev,.layout-soluOne-9xm5v .mod-othercontent01 .swiper-button-next{color:#999; width:calc(1vw + 25px); height:calc(1vw + 25px); background:#efefef; border-radius:50%; }
.layout-soluOne-9xm5v .mod-othercontent01 .swiper-button-prev:after,.layout-soluOne-9xm5v .mod-othercontent01 .swiper-button-next:after{font-size:calc(0.3vw + 14px); }
.layout-soluOne-9xm5v .mod-othercontent01 .swiper-button-prev:hover,.layout-soluOne-9xm5v .mod-othercontent01 .swiper-button-next:hover{color:var(--third); }

@media(max-width:768px){
.layout-soluOne-9xm5v .mod-othercontent01 .swiper-button-prev,.layout-soluOne-9xm5v .mod-othercontent01 .swiper-button-next{display:none; }
}

.layout-soluOne-9xm5v .mod-othercontent01-title-9xm5v .mod-title{text-align:center; padding-bottom:calc(0.5vw + 10px); }
.layout-soluOne-9xm5v .mod-othercontent01-title-9xm5v .title-left{float:none; }
.layout-soluOne-9xm5v .mod-othercontent01-title-9xm5v .title-right{float:none; max-width:1340px; margin:auto; padding-top:calc(0.25vw + 5px); }
.layout-soluOne-9xm5v .mod-othercontent01-title-9xm5v .title-right-span{display:block; }
.layout-soluOne-9xm5v .mod-othercontent01-title-9xm5v .mod-title h2{font-size:calc(1.2vw + 18px); line-height:calc(1.2vw + 25px); color:var(--main); }
.layout-soluOne-9xm5v .mod-othercontent01-title-9xm5v .mod-title h2 strong{font-weight:500; color:var(--fourth); }
.layout-soluOne-9xm5v .mod-othercontent01-title-9xm5v .mod-title h3{font-size:calc(0.2vw + 14px); font-weight:500; }
.layout-soluOne-9xm5v{padding:calc(2% + 20px) 0; }
.layout-soluOne-9xm5v .mod-othercontent01 .content-bg{display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; padding-top:calc(1vw + 10px); }
.layout-soluOne-9xm5v .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; }
.layout-soluOne-9xm5v .mod-othercontent01 .content-bg > div{width:calc(50% - 1.3vw - 10px); }
.layout-soluOne-9xm5v .mod-othercontent01 .text dl{padding:calc(0.5vw + 5px) 0; }
.layout-soluOne-9xm5v .mod-othercontent01 .text dt{font-size:calc(0.3vw + 16px); line-height:calc(0.5vw + 25px); color:#000; font-weight:500; }
.layout-soluOne-9xm5v .mod-othercontent01 .img{border-radius:calc(0.25vw + 5px); overflow:hidden; }

@media(max-width:768px){
.layout-soluOne-9xm5v .mod-othercontent01 .content-bg > div{width:100%; }
.layout-soluOne-9xm5v .mod-othercontent01 .text{padding-bottom:calc(0.5vw + 10px); }
}

.layout-reivew-fwffj .mod-othercontent01 .swiper-button-prev,.layout-reivew-fwffj .mod-othercontent01 .swiper-button-next{color:#fff; width:30px; height:30px; margin:0; transform:translate(0,-50%); border-radius:50%; }
.layout-reivew-fwffj .mod-othercontent01 .swiper-button-prev:after,.layout-reivew-fwffj .mod-othercontent01 .swiper-button-next:after{font-size:12px; line-height:30px; }
.layout-reivew-fwffj .mod-othercontent01 .swiper-button-prev:hover,.layout-reivew-fwffj .mod-othercontent01 .swiper-button-next:hover{background:var(--main); }
.layout-reivew-fwffj .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,.layout-reivew-fwffj .mod-othercontent01 .swiper-button-next.swiper-button-disabled{opacity:1; background:#eee; color:#999; }
.layout-reivew-fwffj .mod-othercontent01-titlecenter-fwffj .mod-title{padding-bottom:calc(0.5vw + 10px); text-align:center; }
.layout-reivew-fwffj .mod-othercontent01-titlecenter-fwffj .title-right{padding-top:calc(0.25vw + 5px); max-width:1300px; margin:auto; }
.layout-reivew-fwffj .mod-othercontent01-titlecenter-fwffj .title-right-span{display:block; }
.layout-reivew-fwffj .mod-othercontent01-titlecenter-fwffj .mod-title h2{font-size:calc(0.8vw + 16px); line-height:calc(1vw + 20px); font-weight:700; text-transform:uppercase; }
.layout-reivew-fwffj .mod-othercontent01-titlecenter-fwffj .mod-bottom{padding-top:calc(1vw + 10px); text-align:center; }
.layout-reivew-fwffj .mod-othercontent01-titlecenter-fwffj .mod-bottom a{padding:calc(0.25vw + 5px) calc(1vw + 10px); border-radius:50vw; border:1px solid var(--main); }
.layout-reivew-fwffj .mod-othercontent01-titlecenter-fwffj .mod-bottom a:hover{background:var(--main); color:#fff; }
.layout-reivew-fwffj{padding:calc(3% + 30px) 0; background:var(--main); }
.layout-reivew-fwffj .mod-othercontent01 .mod-title *{color:#fff; }
.layout-reivew-fwffj .mod-othercontent01 .title-left{max-width:820px; margin:auto; }
.layout-reivew-fwffj .mod-othercontent01 .content-bg{overflow:visible; }
.layout-reivew-fwffj .mod-othercontent01 .swiper-container{overflow:visible; max-width:720px; margin:auto; padding-bottom:calc(1vw + 50px); }
.layout-reivew-fwffj .mod-othercontent01 .swiper-slide{opacity:0.5; }
.layout-reivew-fwffj .mod-othercontent01 dl{display:flex; align-items:stretch; flex-wrap:wrap; border-radius:calc(0.5vw + 5px); background:var(--deputy); overflow:hidden; margin:10px; }
.layout-reivew-fwffj .mod-othercontent01 dt{width:40%; box-sizing:border-box; padding:calc(2vw + 10px); text-align:center; color:#fff; background:#cacaca; }
.layout-reivew-fwffj .mod-othercontent01 dt span{width:calc(3vw + 70px); display:block; border-radius:50%; overflow:hidden; margin:auto; }
.layout-reivew-fwffj .mod-othercontent01 dt h4{font-size:calc(0.2vw + 14px); padding:calc(0.25vw + 5px) 0; text-transform:uppercase; }
.layout-reivew-fwffj .mod-othercontent01 dt h5{font-style:italic; padding-top:calc(2vw + 5px); }
.layout-reivew-fwffj .mod-othercontent01 dt h5:before{content:"\f005\f005\f005\f005\f005"; font:calc(0.4vw + 14px)/1 FontAwesome; letter-spacing:4px; display:block; }
.layout-reivew-fwffj .mod-othercontent01 dd{width:60%; box-sizing:border-box; background:#fff; padding:calc(0.5vw + 10px); }
.layout-reivew-fwffj .mod-othercontent01 dd h3{font-weight:600; display:block; font-size:calc(0.3vw + 14px); padding-bottom:calc(0.5vw + 5px); }
.layout-reivew-fwffj .mod-othercontent01 dd:before{content:""; width:calc(1vw + 30px); height:calc(1vw + 30px); background:url(../picture/review-quote.png) center no-repeat; background-size:100% auto; margin-bottom:calc(0.5vw + 5px); display:block; }
.layout-reivew-fwffj .mod-othercontent01 .swiper-slide-active{opacity:1; }
.layout-reivew-fwffj .mod-othercontent01 .swiper-button-prev,.layout-reivew-fwffj .mod-othercontent01 .swiper-button-next{top:auto; bottom:0; border-radius:5px; border:1px solid #fff; width:40px; height:40px; transform:translate(0,0); }
.layout-reivew-fwffj .mod-othercontent01 .swiper-button-prev:after,.layout-reivew-fwffj .mod-othercontent01 .swiper-button-next:after{font-size:14px; line-height:40px; }
.layout-reivew-fwffj .mod-othercontent01 .swiper-button-prev{left:auto; right:calc(50% + 3px); }
.layout-reivew-fwffj .mod-othercontent01 .swiper-button-next{right:auto; left:calc(50% + 3px); }
.layout-reivew-fwffj .mod-othercontent01 .swiper-button-prev:hover,.layout-reivew-fwffj .mod-othercontent01 .swiper-button-next:hover{background:#fff; color:var(--main); }

.layout-serTwo-o9rdv .mod-othercontent01 .swiper-button-prev,.layout-serTwo-o9rdv .mod-othercontent01 .swiper-button-next{color:#fff; width:calc(1vw + 30px); height:calc(1vw + 30px); margin:0; transform:translate(0,-50%); }
.layout-serTwo-o9rdv .mod-othercontent01 .swiper-button-prev:after,.layout-serTwo-o9rdv .mod-othercontent01 .swiper-button-next:after{font-size:calc(0.4vw + 14px); line-height:calc(1vw + 30px); }
.layout-serTwo-o9rdv .mod-othercontent01 .swiper-button-prev:hover,.layout-serTwo-o9rdv .mod-othercontent01 .swiper-button-next:hover{color:var(--deputy); }
.layout-serTwo-o9rdv .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,.layout-serTwo-o9rdv .mod-othercontent01 .swiper-button-next.swiper-button-disabled{opacity:1; background:#eee; color:#666; }
.layout-serTwo-o9rdv{background:#f4f5f7; box-shadow:0 calc(-3vw - 30px) 0 var(--main) inset; }
.layout-serTwo-o9rdv .mod-othercontent01 .mod-content{padding:calc(2vw + 10px); background:url(../picture/advan-bg.jpg) center/cover no-repeat; border-radius:calc(0.25vw + 5px); overflow:hidden; }
.layout-serTwo-o9rdv .mod-othercontent01 .content-bg{display:flex; align-items:start; flex-wrap:wrap; justify-content:space-between; position:relative; }
.layout-serTwo-o9rdv .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; }
.layout-serTwo-o9rdv .mod-othercontent01 .item{width:calc(50% - 3vw - 5px); margin:calc(0.5vw + 5px) 0; }
.layout-serTwo-o9rdv .mod-othercontent01 .text{color:#fff; }
.layout-serTwo-o9rdv .mod-othercontent01 .text + .text{margin-top:calc(1vw + 10px); padding-top:calc(1vw + 5px); border-top:1px solid rgba(255,255,255,0.2); }
.layout-serTwo-o9rdv .mod-othercontent01 .text h2{font-size:calc(0.3vw + 16px); line-height:calc(0.5vw + 20px); font-weight:700; padding-bottom:calc(0.25vw + 5px); }
.layout-serTwo-o9rdv .mod-othercontent01 .text ul{padding:calc(0.5vw + 5px) 0 0; display:flex; flex-wrap:wrap; }
.layout-serTwo-o9rdv .mod-othercontent01 .text li{flex:auto; margin:5px 0; display:flex; align-items:center; }
.layout-serTwo-o9rdv .mod-othercontent01 .text li span{width:calc(1vw + 30px); flex:0 0 calc(1vw + 30px); display:block; }
.layout-serTwo-o9rdv .mod-othercontent01 .text li a{color:#fff; font-weight:600; padding:0 5px; }
.layout-serTwo-o9rdv .mod-othercontent01 .text > a{min-width:120px; padding:calc(0.25vw + 5px) calc(0.5vw + 10px); text-align:center; border:1px solid #fff; border-radius:50vw; font-weight:600; color:#fff; margin-top:calc(0.5vw + 10px); }
.layout-serTwo-o9rdv .mod-othercontent01 .text > a:hover{background:#fff; color:var(--main); }

@media(min-width:769px){
.layout-serTwo-o9rdv .mod-othercontent01 .content-bg:after{content:""; top:calc(1vw + 5px); bottom:calc(1vw + 5px); left:50%; width:1px; background:rgba(255,255,255,0.2); position:absolute; }
}

@media(max-width:768px){
.layout-serTwo-o9rdv .mod-othercontent01 .item{width:100%; }
.layout-serTwo-o9rdv .mod-othercontent01 .item .text{margin-top:calc(1vw + 10px); padding-top:calc(1vw + 5px); border-top:1px solid rgba(255,255,255,0.2); }
}

.layout-ecoSix-1nccn .mod-othercontent01 .swiper-button-prev,.layout-ecoSix-1nccn .mod-othercontent01 .swiper-button-next{color:#333; width:calc(0.5vw + 30px); height:calc(0.5vw + 30px); margin:0; transform:translate(0,-50%); border:1px solid #aaa; border-radius:50%; }
.layout-ecoSix-1nccn .mod-othercontent01 .swiper-button-prev:after,.layout-ecoSix-1nccn .mod-othercontent01 .swiper-button-next:after{font-size:calc(0.1vw + 14px); line-height:calc(0.5vw + 25px); }
.layout-ecoSix-1nccn .mod-othercontent01 .swiper-button-prev:hover,.layout-ecoSix-1nccn .mod-othercontent01 .swiper-button-next:hover{background:var(--main); color:#fff; border-color:var(--main); }
.layout-ecoSix-1nccn .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,.layout-ecoSix-1nccn .mod-othercontent01 .swiper-button-next.swiper-button-disabled{opacity:1; background:#eee; color:#666; }
.layout-ecoSix-1nccn .mod-othercontent01-titlecenter-1nccn .mod-title{padding-bottom:calc(1vw + 10px); text-align:center; }
.layout-ecoSix-1nccn .mod-othercontent01-titlecenter-1nccn .title-right{padding-top:calc(0.25vw + 5px); max-width:1200px; margin:auto; }
.layout-ecoSix-1nccn .mod-othercontent01-titlecenter-1nccn .title-right-span{display:block; }
.layout-ecoSix-1nccn .mod-othercontent01-titlecenter-1nccn .mod-title h2{font-size:calc(1vw + 22px); line-height:calc(1vw + 25px); color:#000; font-weight:600; }
.layout-ecoSix-1nccn .mod-othercontent01-titlecenter-1nccn .mod-title h2:after{content:""; width:80px; height:10px; background:url(../picture/title-bg1.png) center no-repeat; display:block; margin:calc(0.25vw + 5px) auto; }
.layout-ecoSix-1nccn .mod-othercontent01-titlecenter-1nccn .mod-title a{font-size:calc(0.2vw + 14px); line-height:calc(0.5vw + 20px); font-weight:500; padding:calc(0.25vw + 5px) calc(0.5vw + 10px); display:inline-flex; align-items:center; border:1px solid #333; white-space:nowrap; margin-top:calc(0.5vw + 10px); }
.layout-ecoSix-1nccn .mod-othercontent01-titlecenter-1nccn .mod-title a:before{content:"➜"; padding-right:10px; color:var(--main); }
.layout-ecoSix-1nccn .mod-othercontent01-titlecenter-1nccn .mod-title a:hover{background:var(--main); color:#fff; border-color:var(--main); }
.layout-ecoSix-1nccn .mod-othercontent01-titlecenter-1nccn .mod-title a:hover:before{color:#fff; }
.layout-ecoSix-1nccn .mod-othercontent01-titlecenter-1nccn .mod-title h3{font-size:calc(0.2vw + 14px); color:var(--main); font-weight:600; }
.layout-ecoSix-1nccn .mod-othercontent01-titlecenter-1nccn .mod-bottom{padding-top:calc(1vw + 10px); text-align:center; }
.layout-ecoSix-1nccn .mod-othercontent01-titlecenter-1nccn .mod-bottom a{font-size:calc(0.2vw + 14px); line-height:calc(0.5vw + 20px); font-weight:500; padding:calc(0.25vw + 5px) calc(0.5vw + 10px); display:inline-flex; align-items:center; border:1px solid #333; white-space:nowrap; }
.layout-ecoSix-1nccn .mod-othercontent01-titlecenter-1nccn .mod-bottom a:before{content:"➜"; padding-right:10px; color:var(--main); }
.layout-ecoSix-1nccn .mod-othercontent01-titlecenter-1nccn .mod-bottom a:hover{background:var(--main); color:#fff; border-color:var(--main); }
.layout-ecoSix-1nccn .mod-othercontent01-titlecenter-1nccn .mod-bottom a:hover:before{color:#fff; }
.layout-ecoSix-1nccn{padding:calc(3% + 30px) 0; }
.layout-ecoSix-1nccn .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; }
.layout-ecoSix-1nccn .mod-othercontent01 .swiper-container{padding:0 0 calc(1vw + 20px); }
.layout-ecoSix-1nccn .mod-othercontent01 .img{margin:calc(0.5vw + 10px); border-radius:calc(0.25vw + 5px); }
.layout-ecoSix-1nccn .mod-othercontent01 .img:hover{background:#fff; box-shadow:0 0 calc(0.5vw + 10px) rgba(0,0,0,0.15); }

.layout-stockFour-9xb6r{padding:calc(3% + 30px) 0; }
.layout-stockFour-9xb6r .mod-othercontent01 .content-bg{display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; }
.layout-stockFour-9xb6r .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; }
.layout-stockFour-9xb6r .mod-othercontent01 .img{border-radius:calc(2vw + 10px) 0 0 0; overflow:hidden; width:50%; }
.layout-stockFour-9xb6r .mod-othercontent01 .text{width:calc(50% - 3vw - 10px); }
.layout-stockFour-9xb6r .mod-othercontent01 .text h3{font-size:calc(1vw + 16px); line-height:calc(1.5vw + 20px); font-weight:600; padding:calc(0.25vw + 5px) 0; }
.layout-stockFour-9xb6r .mod-othercontent01 .text ul{padding:5px 0 5px 1.5em; }
.layout-stockFour-9xb6r .mod-othercontent01 .text li{padding:5px 0; list-style:disc; }
.layout-stockFour-9xb6r .mod-othercontent01 .text li::marker{color:var(--main); }
.layout-stockFour-9xb6r .mod-othercontent01:nth-of-type(2n) .content-bg{flex-direction:row-reverse; }
.layout-stockFour-9xb6r .mod-othercontent01:nth-of-type(2n) .img{border-radius:0 calc(2vw + 10px) 0 0; }

@media(max-width:480px){
.layout-stockFour-9xb6r .mod-othercontent01 .img{width:100%; }
.layout-stockFour-9xb6r .mod-othercontent01 .text{width:100%; padding:calc(0.5vw + 10px) calc(0.5vw + 10px) calc(1vw + 20px); }
}

.layout-stockFour-9xb6r{padding:calc(3% + 30px) 0; }
.layout-stockFour-9xb6r .mod-othercontent01 .content-bg{display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; }
.layout-stockFour-9xb6r .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; }
.layout-stockFour-9xb6r .mod-othercontent01 .img{border-radius:calc(2vw + 10px) 0 0 0; overflow:hidden; width:50%; }
.layout-stockFour-9xb6r .mod-othercontent01 .text{width:calc(50% - 3vw - 10px); }
.layout-stockFour-9xb6r .mod-othercontent01 .title-right-span{padding:calc(0.5vw + 5px); display:block; text-align:center; }
.layout-stockFour-9xb6r .mod-othercontent01 .text h3{font-size:calc(1vw + 16px); line-height:calc(1.5vw + 20px); font-weight:600; padding:calc(0.25vw + 5px) 0; }
.layout-stockFour-9xb6r .mod-othercontent01 .mod-title h2{font-size:calc(1vw + 16px); line-height:calc(2vw + 20px); color:#000; font-weight:600; display:block; text-align:center; }
.layout-stockFour-9xb6r .mod-othercontent01 .text ul{padding:5px 0 5px 1.5em; }
.layout-stockFour-9xb6r .mod-othercontent01 .text li{padding:5px 0; list-style:disc; }
.layout-stockFour-9xb6r .mod-othercontent01 .text li::marker{color:var(--main); }
.layout-stockFour-9xb6r .mod-othercontent01:nth-of-type(2n) .content-bg{flex-direction:row-reverse; }
.layout-stockFour-9xb6r .mod-othercontent01:nth-of-type(2n) .img{border-radius:0 calc(2vw + 10px) 0 0; }

@media(max-width:480px){
.layout-stockFour-9xb6r .mod-othercontent01 .img{width:100%; }
.layout-stockFour-9xb6r .mod-othercontent01 .text{width:100%; padding:calc(0.5vw + 10px) calc(0.5vw + 10px) calc(1vw + 20px); }
}

@media(max-width:768px){
.layout-mateFour-sq2sl .mod-othercontent01 .swiper-button-prev,.layout-mateFour-sq2sl .mod-othercontent01 .swiper-button-next{display:none; }
}

.layout-mateFour-sq2sl .mod-othercontent01-title-sq2sl .mod-title{text-align:center; padding-bottom:calc(1vw + 10px); }
.layout-mateFour-sq2sl .mod-othercontent01-title-sq2sl .title-left{float:none; }
.layout-mateFour-sq2sl .mod-othercontent01-title-sq2sl .title-right{float:none; max-width:1000px; margin:auto; color:#666; }
.layout-mateFour-sq2sl .mod-othercontent01-title-sq2sl .title-right-span{display:block; }
.layout-mateFour-sq2sl .mod-othercontent01-title-sq2sl .mod-title h2{font-size:calc(0.8vw + 20px); line-height:calc(1vw + 25px); font-weight:600; color:#000; padding:5px 0; }
.layout-mateFour-sq2sl .mod-othercontent01-title-sq2sl .mod-title h3{color:var(--main); font-weight:500; }
.layout-mateFour-sq2sl .mod-othercontent01-title-sq2sl .mod-bottom{padding-top:calc(1vw + 10px); }
.layout-mateFour-sq2sl .mod-othercontent01-title-sq2sl .bottom-left{display:flex; flex-wrap:wrap; justify-content:center; }
.layout-mateFour-sq2sl .mod-othercontent01-title-sq2sl .bottom-left a{color:#fff; background:var(--main); font-size:calc(0.2vw + 14px); line-height:calc(0.25vw + 20px); padding:calc(0.25vw + 5px) calc(3vw + 20px); border-radius:calc(0.25vw + 5px); text-transform:capitalize; }
.layout-mateFour-sq2sl{padding:calc(4% + 30px) 0; background:url(../picture/8489307.jpg?x-oss-process=image/quality,Q_90) center/cover fixed no-repeat; }
.layout-mateFour-sq2sl .mod-othercontent01 .mod-title *{color:#fff !important; }
.layout-mateFour-sq2sl .mod-othercontent01 .mod-content{color:#fff; text-align:center; padding-bottom:calc(1vw + 5px); }

.layout-manuFour-3yf7n .mod-othercontent01 .swiper-button-prev,.layout-manuFour-3yf7n .mod-othercontent01 .swiper-button-next{color:#333; width:calc(1vw + 25px); background:#fff; height:calc(1vw + 25px); margin:0; transform:translate(0,-50%); border:1px solid #ccc; }
.layout-manuFour-3yf7n .mod-othercontent01 .swiper-button-prev:after,.layout-manuFour-3yf7n .mod-othercontent01 .swiper-button-next:after{font-size:calc(0.2vw + 14px); line-height:calc(1vw + 25px); }
.layout-manuFour-3yf7n .mod-othercontent01 .swiper-button-prev:hover,.layout-manuFour-3yf7n .mod-othercontent01 .swiper-button-next:hover{background:var(--main); color:#fff; border-color:var(--main); }
.layout-manuFour-3yf7n .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,.layout-manuFour-3yf7n .mod-othercontent01 .swiper-button-next.swiper-button-disabled{opacity:1; background:#eee; color:#666; }

@media(max-width:768px){
.layout-manuFour-3yf7n .mod-othercontent01 .swiper-button-prev,.layout-manuFour-3yf7n .mod-othercontent01 .swiper-button-next{display:none; }
}

.layout-manuFour-3yf7n .mod-othercontent01-title-3yf7n .mod-title{padding-bottom:calc(1vw + 10px); }
.layout-manuFour-3yf7n .mod-othercontent01-title-3yf7n .title-right-span{display:block; }
.layout-manuFour-3yf7n .mod-othercontent01-title-3yf7n .mod-title h3{font-size:calc(0.2vw + 14px); color:var(--main); font-weight:500; }
.layout-manuFour-3yf7n .mod-othercontent01-title-3yf7n .mod-title h2{font-size:calc(1.5vw + 16px); line-height:calc(1.5vw + 20px); color:#000; font-weight:500; }
.layout-manuFour-3yf7n .mod-othercontent01-title-3yf7n .mod-title a{border:1px solid #333; padding:calc(0.25vw + 5px) calc(1vw + 20px); margin-top:calc(2vw + 10px); text-transform:uppercase; letter-spacing:1px; }
.layout-manuFour-3yf7n .mod-othercontent01-title-3yf7n .mod-title a:hover{background:var(--main); color:#fff; border-color:var(--main); }
.layout-manuFour-3yf7n .mod-othercontent01-title-3yf7n .title-left:after{content:""; width:65px; height:10px; background:url(../picture/title-bg.png) center no-repeat; display:block; margin:calc(0.25vw + 5px) 0; }
.layout-manuFour-3yf7n .mod-othercontent01-title-3yf7n .mod-bottom{padding-top:calc(2vw + 10px); }
.layout-manuFour-3yf7n .mod-othercontent01-title-3yf7n .mod-bottom a{border:1px solid #333; padding:calc(0.25vw + 5px) calc(1vw + 20px); letter-spacing:2px; }
.layout-manuFour-3yf7n .mod-othercontent01-title-3yf7n .mod-bottom a:hover{background:var(--main); color:#fff; border-color:var(--main); }
.layout-manuFour-3yf7n{padding:calc(3% + 30px) 0 calc(1% + 10px); }
.layout-manuFour-3yf7n .mod-othercontent01 .mod-bg{display:flex; flex-wrap:wrap; align-items:start; justify-content:space-between; }
.layout-manuFour-3yf7n .mod-othercontent01 .mod-title{width:calc(33% - 1vw - 10px); }
.layout-manuFour-3yf7n .mod-othercontent01 .mod-content{width:calc(67% - 1vw - 10px); }
.layout-manuFour-3yf7n .mod-othercontent01 .content-bg{display:flex; flex-wrap:wrap; align-items:start; justify-content:space-between; }
.layout-manuFour-3yf7n .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; }
.layout-manuFour-3yf7n .mod-othercontent01 .item{width:calc(50% - 0.5vw - 5px); margin:calc(0.5vw + 5px) 0; position:relative; }
.layout-manuFour-3yf7n .mod-othercontent01 .text{padding:calc(0.5vw + 10px); background:#000; color:#fff; }
.layout-manuFour-3yf7n .mod-othercontent01 .text h3{font-size:calc(0.3vw + 16px); line-height:calc(0.5vw + 20px); font-weight:500; padding-bottom:calc(0.25vw + 5px); }
.layout-manuFour-3yf7n .mod-othercontent01 .text p{opacity:0.8; }
.layout-manuFour-3yf7n .mod-othercontent01 .item:hover .text h3{color:var(--main); }

@media(min-width:769px){
.layout-manuFour-3yf7n .mod-othercontent01 .text{position:absolute; bottom:0; left:0; right:0; background:linear-gradient(0,rgba(0,0,0,0.5),rgba(0,0,0,0)); }
.layout-manuFour-3yf7n .mod-othercontent01 .item:hover .text{background:#000; }
}

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

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

.layout-manuSix-db9z6 .mod-othercontent01 .swiper-button-prev,.layout-manuSix-db9z6 .mod-othercontent01 .swiper-button-next{color:#fff; width:calc(1vw + 25px); height:calc(1vw + 25px); margin:0; transform:translate(0,-50%); }
.layout-manuSix-db9z6 .mod-othercontent01 .swiper-button-prev:after,.layout-manuSix-db9z6 .mod-othercontent01 .swiper-button-next:after{font-size:calc(0.3vw + 16px); line-height:calc(1vw + 25px); }
.layout-manuSix-db9z6 .mod-othercontent01 .swiper-button-prev:hover,.layout-manuSix-db9z6 .mod-othercontent01 .swiper-button-next:hover{color:var(--main) !important; }
.layout-manuSix-db9z6 .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,.layout-manuSix-db9z6 .mod-othercontent01 .swiper-button-next.swiper-button-disabled{opacity:1; color:#333; }

@media(max-width:768px){
.layout-manuSix-db9z6 .mod-othercontent01 .swiper-button-prev,.layout-manuSix-db9z6 .mod-othercontent01 .swiper-button-next{display:none; }
}

.layout-manuSix-db9z6 .mod-othercontent01-titlecenter-db9z6 .mod-title{padding-bottom:calc(1vw + 10px); text-align:center; max-width:1100px; margin:auto; }
.layout-manuSix-db9z6 .mod-othercontent01-titlecenter-db9z6 .title-right{padding-top:calc(0.5vw + 5px); }
.layout-manuSix-db9z6 .mod-othercontent01-titlecenter-db9z6 .title-right-span{display:block; }
.layout-manuSix-db9z6 .mod-othercontent01-titlecenter-db9z6 .mod-title h3{color:var(--main); font-weight:500; }
.layout-manuSix-db9z6 .mod-othercontent01-titlecenter-db9z6 .mod-title h2{font-size:calc(1.4vw + 18px); line-height:calc(1.5vw + 20px); color:#000; font-weight:600; }
.layout-manuSix-db9z6 .mod-othercontent01-titlecenter-db9z6 .mod-title strong{color:var(--main); }
.layout-manuSix-db9z6 .mod-othercontent01-titlecenter-db9z6 .mod-bottom{padding-top:calc(2vw + 10px); text-align:center; }
.layout-manuSix-db9z6 .mod-othercontent01-titlecenter-db9z6 .mod-bottom a{color:var(--main); padding:calc(0.25vw + 5px) calc(1vw + 20px); text-transform:uppercase; border:1px solid var(--main); }
.layout-manuSix-db9z6 .mod-othercontent01-titlecenter-db9z6 .mod-bottom a:hover{color:#fff; background:var(--main); }
.layout-manuSix-db9z6{padding:calc(1% + 10px) 0; }
.layout-manuSix-db9z6 .mod-othercontent01 .content-bg{overflow:visible; }
.layout-manuSix-db9z6 .mod-othercontent01 .swiper-container{overflow:visible; }
.layout-manuSix-db9z6 .mod-othercontent01 .img{border-radius:calc(0.25vw + 5px); overflow:hidden; }
.layout-manuSix-db9z6 .mod-othercontent01 .swiper-slide .img{opacity:0.5; }
.layout-manuSix-db9z6 .mod-othercontent01 .swiper-slide h3{padding:calc(0.5vw + 5px); font-size:calc(0.2vw + 14px); }
.layout-manuSix-db9z6 .mod-othercontent01 .swiper-slide-active .img,.layout-manuSix-db9z6 .mod-othercontent01 .swiper-slide-next .img{opacity:1; }

.layout-samFive-kdusp .mod-othercontent01 .swiper-button-prev,.layout-samFive-kdusp .mod-othercontent01 .swiper-button-next{color:#333; width:calc(1vw + 30px); height:calc(1vw + 30px); background:#fff; border-radius:50%; }
.layout-samFive-kdusp .mod-othercontent01 .swiper-button-prev:after,.layout-samFive-kdusp .mod-othercontent01 .swiper-button-next:after{font-size:calc(0.3vw + 16px); }
.layout-samFive-kdusp .mod-othercontent01 .swiper-button-prev:hover,.layout-samFive-kdusp .mod-othercontent01 .swiper-button-next:hover{color:var(--main); }

@media(max-width:768px){
.layout-samFive-kdusp .mod-othercontent01 .swiper-button-prev,.layout-samFive-kdusp .mod-othercontent01 .swiper-button-next{display:none; }
}

@media(max-width:768px){
.layout-samFive-kdusp .mod-othercontent01 .swiper-button-prev,.layout-samFive-kdusp .mod-othercontent01 .swiper-button-next{display:none; }
}

.layout-samFive-kdusp .mod-othercontent01-title-kdusp .mod-title{padding-bottom:calc(1vw + 10px); }
.layout-samFive-kdusp .mod-othercontent01-title-kdusp .title-left{float:none; }
.layout-samFive-kdusp .mod-othercontent01-title-kdusp .title-left:after{content:""; width:45px; height:calc(0.2vw + 4px); background:var(--main); border-radius:50vw; display:block; margin:calc(1vw + 5px) 0 0; }
.layout-samFive-kdusp .mod-othercontent01-title-kdusp .title-right{float:none; max-width:980px; margin:auto; }
.layout-samFive-kdusp .mod-othercontent01-title-kdusp .title-right-span{display:block; }
.layout-samFive-kdusp .mod-othercontent01-title-kdusp .mod-title h2{font-size:calc(1.2vw + 16px); line-height:calc(1.5vw + 20px); font-weight:600; color:#000; }
.layout-samFive-kdusp .mod-othercontent01-title-kdusp .mod-title h3{color:var(--main); font-size:calc(0.2vw + 14px); line-height:calc(0.5vw + 20px); }
.layout-samFive-kdusp .mod-othercontent01-title-kdusp .mod-bottom{padding-top:calc(1vw + 10px); }
.layout-samFive-kdusp .mod-othercontent01-title-kdusp .bottom-left{display:flex; flex-wrap:wrap; margin:0 calc(-0.5vw - 5px); }
.layout-samFive-kdusp .mod-othercontent01-title-kdusp .bottom-left a{color:#000; border:1px solid #000; margin:calc(0.25vw + 5px) calc(0.5vw + 5px); font-weight:400; padding:calc(0.5vw + 5px) calc(0.5vw + 10px); text-transform:capitalize; display:inline-flex; align-items:center; }
.layout-samFive-kdusp .mod-othercontent01-title-kdusp .bottom-left a:after{content:"\f105"; font:calc(0.2vw + 16px)/1 FontAwesome; color:var(--main); padding-left:calc(2vw + 10px); }
.layout-samFive-kdusp .mod-othercontent01-title-kdusp .bottom-left a:hover{background:#000; color:#fff; }

@media(max-width:768px){
.layout-samFive-kdusp .mod-othercontent01-title-kdusp .title-bg > div{width:100% !important; padding:5px 0 !important; }
}

.layout-samFive-kdusp{padding:calc(2% + 20px) 0; }
.layout-samFive-kdusp .mod-othercontent01 .mod-title{text-align:center; }
.layout-samFive-kdusp .mod-othercontent01 .title-left:after{margin:calc(0.5vw + 5px) auto; }
.layout-samFive-kdusp .mod-othercontent01 .content-bg{display:flex; align-items:start; flex-wrap:wrap; justify-content:space-between; }
.layout-samFive-kdusp .mod-othercontent01 .img{width:calc(50% - 2vw - 10px); }
.layout-samFive-kdusp .mod-othercontent01 .text{width:calc(50% - 1vw - 10px); }
.layout-samFive-kdusp .mod-othercontent01 .text h3{font-size:calc(0.3vw + 16px); line-height:calc(0.5vw + 20px); color:#000; font-weight:500; display:block; padding-bottom:5px; }
.layout-samFive-kdusp .mod-othercontent01 .text * + h3{padding-top:calc(1vw + 5px); }
.layout-samFive-kdusp .mod-othercontent01 .text a{color:#fff; background:#172B46; padding:calc(0.5vw + 5px) calc(0.5vw + 10px); text-transform:capitalize; display:inline-flex; align-items:center; margin-top:calc(0.5vw + 10px); }
.layout-samFive-kdusp .mod-othercontent01 .text a:after{content:"\f105"; font:calc(0.2vw + 16px)/1 FontAwesome; color:var(--main); padding-left:calc(1vw + 10px); }

@media(max-width:480px){
.layout-samFive-kdusp .mod-othercontent01 .img{width:100%; }
.layout-samFive-kdusp .mod-othercontent01 .text{width:100%; padding-top:calc(0.5vw + 10px); }
}

.layout-serve-uarzx .mod-othercontent01 .swiper-button-prev,.layout-serve-uarzx .mod-othercontent01 .swiper-button-next{color:#fff; width:calc(1vw + 30px); height:calc(1vw + 30px); margin:0; transform:translate(0,-50%); }
.layout-serve-uarzx .mod-othercontent01 .swiper-button-prev:after,.layout-serve-uarzx .mod-othercontent01 .swiper-button-next:after{font-size:calc(0.4vw + 16px); line-height:calc(1vw + 30px); }
.layout-serve-uarzx .mod-othercontent01 .swiper-button-prev:hover,.layout-serve-uarzx .mod-othercontent01 .swiper-button-next:hover{background:var(--main); }
.layout-serve-uarzx .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,.layout-serve-uarzx .mod-othercontent01 .swiper-button-next.swiper-button-disabled{opacity:1; background:#eee; color:#999; }
.layout-serve-uarzx .mod-othercontent01-titlecenter-uarzx .mod-title{padding-bottom:calc(1vw + 10px); text-align:center; }
.layout-serve-uarzx .mod-othercontent01-titlecenter-uarzx .title-right{max-width:1100px; margin:auto; padding-top:calc(0.5vw + 5px); }
.layout-serve-uarzx .mod-othercontent01-titlecenter-uarzx .title-right-span{display:block; }
.layout-serve-uarzx .mod-othercontent01-titlecenter-uarzx .mod-title h3{font-size:calc(0.3vw + 14px); line-height:calc(0.5vw + 20px); color:var(--main); font-weight:600; }
.layout-serve-uarzx .mod-othercontent01-titlecenter-uarzx .mod-title h2{font-size:calc(1.2vw + 18px); line-height:calc(1.5vw + 20px); color:#000; font-weight:700; }
.layout-serve-uarzx .mod-othercontent01-titlecenter-uarzx .mod-bottom{padding-top:calc(1vw + 10px); text-align:center; }
.layout-serve-uarzx .mod-othercontent01-titlecenter-uarzx .mod-bottom a{font-size:calc(0.2vw + 12px); line-height:calc(0.25vw + 20px); margin-top:calc(2vw + 5px); padding:5px calc(0.5vw + 10px); border-radius:calc(0.25vw + 5px); font-weight:500; text-transform:uppercase; border:2px solid var(--main); display:inline-flex; align-items:center; }
.layout-serve-uarzx .mod-othercontent01-titlecenter-uarzx .mod-bottom a:after{content:""; width:35px; height:35px; background:url(../picture/link.png); border-radius:calc(0.25vw + 5px); overflow:hidden; flex:0 0 35px; margin-left:calc(0.5vw + 5px); }
.layout-serve-uarzx .mod-othercontent01-titlecenter-uarzx .mod-bottom a:hover{border-color:var(--deputy); }
.layout-serve-uarzx .mod-othercontent01-titlecenter-uarzx .mod-bottom a:hover:after{filter:hue-rotate(180deg); }
.layout-serve-uarzx{padding:calc(3% + 30px) 0; }
.layout-serve-uarzx .mod-othercontent01 .content-bg{display:flex; align-items:stretch; flex-wrap:wrap; }
.layout-serve-uarzx .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; }
.layout-serve-uarzx .mod-othercontent01 .item{width:calc(100%/4 - 0.5vw - 10px); margin:calc(0.25vw + 5px); }
.layout-serve-uarzx .mod-othercontent01 .img{border-radius:calc(0.25vw + 5px); overflow:hidden; }
.layout-serve-uarzx .mod-othercontent01 .text{padding:calc(0.5vw + 10px); }
.layout-serve-uarzx .mod-othercontent01 .text h3{font-size:calc(0.3vw + 14px); line-height:calc(0.5vw + 20px); font-weight:600; color:#000; }
.layout-serve-uarzx .mod-othercontent01 .text h3:after{content:""; width:calc(1vw + 20px); height:2px; background:var(--main); display:block; margin:calc(0.5vw + 5px) 0; }
.layout-serve-uarzx .mod-othercontent01 .item:hover .img img{transform:scale(1.05); }

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

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

.layout-brand-m4gcc .mod-othercontent01 .swiper-button-prev,.layout-brand-m4gcc .mod-othercontent01 .swiper-button-next{color:#333; width:calc(1vw + 30px); height:calc(1vw + 30px); border-radius:5px; margin:0; }
.layout-brand-m4gcc .mod-othercontent01 .swiper-button-prev:after,.layout-brand-m4gcc .mod-othercontent01 .swiper-button-next:after{font-size:calc(0.3vw + 14px); line-height:calc(1vw + 30px); }
.layout-brand-m4gcc .mod-othercontent01 .swiper-button-prev:hover,.layout-brand-m4gcc .mod-othercontent01 .swiper-button-next:hover{color:#fff !important; background:var(--main) !important; }
.layout-brand-m4gcc .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,.layout-brand-m4gcc .mod-othercontent01 .swiper-button-next.swiper-button-disabled{opacity:1; color:#eee; }
.layout-brand-m4gcc .mod-othercontent01-titlecenter-m4gcc .mod-title{padding-bottom:calc(1vw + 10px); text-align:center; }
.layout-brand-m4gcc .mod-othercontent01-titlecenter-m4gcc .title-right{max-width:1160px; margin:auto; padding-top:calc(0.5vw + 5px); }
.layout-brand-m4gcc .mod-othercontent01-titlecenter-m4gcc .title-right-span{display:block; }
.layout-brand-m4gcc .mod-othercontent01-titlecenter-m4gcc .mod-title h2{font-size:calc(1.4vw + 20px); line-height:calc(1.5vw + 25px); text-transform:capitalize; color:#000; font-weight:600; }
.layout-brand-m4gcc .mod-othercontent01-titlecenter-m4gcc .mod-title a{padding:calc(0.5vw + 5px) calc(2vw + 10px); color:var(--main); border:2px solid var(--main); border-radius:50vw; margin-top:calc(1vw + 10px); }
.layout-brand-m4gcc .mod-othercontent01-titlecenter-m4gcc .mod-title a:hover{background:var(--main); color:#fff; }
.layout-brand-m4gcc .mod-othercontent01-titlecenter-m4gcc .mod-bottom{padding-top:calc(1vw + 10px); }
.layout-brand-m4gcc .mod-othercontent01-titlecenter-m4gcc .bottom-left{display:flex; align-items:center; justify-content:center; flex-wrap:wrap; }
.layout-brand-m4gcc .mod-othercontent01-titlecenter-m4gcc .mod-bottom a{padding:calc(0.5vw + 5px) calc(2vw + 10px); color:var(--main); border:2px solid var(--main); border-radius:50vw; }
.layout-brand-m4gcc .mod-othercontent01-titlecenter-m4gcc .mod-bottom a:hover{background:var(--main); color:#fff; }
.layout-brand-m4gcc{padding:calc(4% + 40px) 0; background:url(../picture/brand-bg.jpg) center/cover fixed no-repeat; }
.layout-brand-m4gcc .mod-othercontent01 .mod-bg *{color:#fff; }
.layout-brand-m4gcc .mod-othercontent01 .content-bg{display:flex; align-items:stretch; flex-wrap:wrap; overflow:visible; }
.layout-brand-m4gcc .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; }
.layout-brand-m4gcc .mod-othercontent01 .text{width:calc(100%/4 - 0.5vw - 10px); overflow:hidden; background:rgba(255,255,255,0.2); text-align:center; padding:calc(1.5vw + 10px); box-sizing:border-box; margin:calc(0.25vw + 5px); }
.layout-brand-m4gcc .mod-othercontent01 .text span{width:calc(1vw + 50px); display:block; margin:calc(0.5vw + 5px) auto; }
.layout-brand-m4gcc .mod-othercontent01 .text:hover{transform:translate(0,-10%); }
.layout-brand-m4gcc .mod-othercontent01 .bottom-right{display:flex; flex-wrap:wrap; padding-top:calc(1vw + 10px); justify-content:center; }
.layout-brand-m4gcc .mod-othercontent01 .mod-bottom a{margin:calc(0.25vw + 5px); border-color:#fff; }
.layout-brand-m4gcc .mod-othercontent01 .mod-bottom a:hover{background:#fff; border-color:#fff; color:var(--main); }
.layout-brand-m4gcc .mod-othercontent01 .mod-bottom a:first-of-type{background:var(--main); color:#fff; border-color:var(--main); }

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

.layout-techOne-991e7 .mod-othercontent01 .swiper-button-prev,.layout-techOne-991e7 .mod-othercontent01 .swiper-button-next{color:#fff; width:calc(1vw + 30px); height:calc(1vw + 30px); margin:0; }
.layout-techOne-991e7 .mod-othercontent01 .swiper-button-prev:after,.layout-techOne-991e7 .mod-othercontent01 .swiper-button-next:after{font-size:calc(0.3vw + 14px); line-height:calc(1vw + 30px); }
.layout-techOne-991e7 .mod-othercontent01 .swiper-button-prev:hover,.layout-techOne-991e7 .mod-othercontent01 .swiper-button-next:hover{color:#fff !important; background:var(--main) !important; }
.layout-techOne-991e7 .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,.layout-techOne-991e7 .mod-othercontent01 .swiper-button-next.swiper-button-disabled{opacity:1; color:#eee; }
.layout-techOne-991e7 .mod-othercontent01-titlecenter-991e7 .mod-title{padding-bottom:calc(1vw + 10px); text-align:center; max-width:1160px; margin:auto; }
.layout-techOne-991e7 .mod-othercontent01-titlecenter-991e7 .title-right{padding-top:calc(0.5vw + 5px); }
.layout-techOne-991e7 .mod-othercontent01-titlecenter-991e7 .mod-title span{display:block; }
.layout-techOne-991e7 .mod-othercontent01-titlecenter-991e7 .mod-title h2{font-size:calc(1.2vw + 18px); line-height:calc(1.5vw + 20px); font-weight:600; font-family:var(--font); }
.layout-techOne-991e7 .mod-othercontent01-titlecenter-991e7 .mod-title a{font-size:calc(0.1vw + 12px); padding:calc(0.5vw + 5px) calc(2vw + 10px); border:2px solid #000; text-transform:uppercase; margin-top:calc(1vw + 10px); }
.layout-techOne-991e7 .mod-othercontent01-titlecenter-991e7 .mod-title a:hover{background:var(--main); border-color:var(--main); color:#fff; }
.layout-techOne-991e7 .mod-othercontent01-titlecenter-991e7 .mod-bottom{padding-top:calc(2vw + 10px); }
.layout-techOne-991e7 .mod-othercontent01-titlecenter-991e7 .bottom-left{display:flex; align-items:center; justify-content:center; flex-wrap:wrap; }
.layout-techOne-991e7 .mod-othercontent01-titlecenter-991e7 .mod-bottom a{font-size:calc(0.1vw + 12px); padding:calc(0.5vw + 5px) calc(2vw + 10px); border:2px solid #000; text-transform:uppercase; }
.layout-techOne-991e7 .mod-othercontent01-titlecenter-991e7 .mod-bottom a:hover{background:var(--main); border-color:var(--main); color:#fff; }
.layout-techOne-991e7{padding:calc(3% + 30px) 0; }
.layout-techOne-991e7 .mod-othercontent01 .content-bg{display:flex; flex-wrap:wrap; align-items:stretch; counter-reset:techOne; }
.layout-techOne-991e7 .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; }
.layout-techOne-991e7 .mod-othercontent01 .item{width:calc(100%/5 - 1vw - 10px); margin:calc(0.5vw + 5px); text-align:center; position:relative; }
.layout-techOne-991e7 .mod-othercontent01 .item:after{content:""; top:calc(0.5vw + 27px); width:110%; left:50%; border-bottom:1px dashed #aaa; position:absolute; z-index:-1; }
.layout-techOne-991e7 .mod-othercontent01 .item:last-of-type:after{display:none; }
.layout-techOne-991e7 .mod-othercontent01 .item:before{content:"0"counter(techOne); counter-increment:techOne; font-size:calc(1vw + 50px); line-height:calc(1vw + 50px); font-weight:600; font-family:var(--font); display:block; font-weight:700; color:#777; padding-bottom:calc(0.5vw + 10px); background:#fff; width:calc(2vw + 50px); margin:auto; }
.layout-techOne-991e7 .mod-othercontent01 .text{padding:calc(0.5vw + 10px) 10px; position:relative; margin:calc(-0.75vw - 35px) 10px 0; }
.layout-techOne-991e7 .mod-othercontent01 .text span{width:calc(0.5vw + 50px); display:block; margin:auto; background:#000; }
.layout-techOne-991e7 .mod-othercontent01 .text h3{font-size:calc(0.5vw + 16px); line-height:calc(1vw + 20px); font-weight:600; font-family:var(--font); padding:calc(0.5vw + 5px) 0; }
.layout-techOne-991e7 .mod-othercontent01 .text a{text-decoration:underline; }
.layout-techOne-991e7 .mod-othercontent01 .item:hover:before{color:#000; }
.layout-techOne-991e7 .mod-othercontent01 .item:hover .text{transform:translate(0,-5%); background:#fff; box-shadow:0 0 calc(0.5vw + 10px) rgba(0,0,0,0.15); }

@media(max-width:768px){
.layout-techOne-991e7 .mod-othercontent01 .item{width:calc(100%/3 - 1vw - 10px); }
.layout-techOne-991e7 .mod-othercontent01 .item:after{display:none; }
}

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

.layout-cateshow-qmqk0 .mod-othercontent01 .swiper-button-prev,.layout-cateshow-qmqk0 .mod-othercontent01 .swiper-button-next{color:#fff; width:calc(1vw + 30px); height:calc(1vw + 30px); margin:0; }
.layout-cateshow-qmqk0 .mod-othercontent01 .swiper-button-prev:after,.layout-cateshow-qmqk0 .mod-othercontent01 .swiper-button-next:after{font-size:calc(0.3vw + 14px); line-height:calc(1vw + 30px); }
.layout-cateshow-qmqk0 .mod-othercontent01 .swiper-button-prev:hover,.layout-cateshow-qmqk0 .mod-othercontent01 .swiper-button-next:hover{color:#fff !important; background:var(--main) !important; }
.layout-cateshow-qmqk0 .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,.layout-cateshow-qmqk0 .mod-othercontent01 .swiper-button-next.swiper-button-disabled{opacity:1; color:#eee; }
.layout-cateshow-qmqk0 .mod-othercontent01-title-qmqk0 .mod-title{padding-bottom:calc(0.5vw + 10px); }
.layout-cateshow-qmqk0 .mod-othercontent01-title-qmqk0 .title-right{padding-top:calc(0.5vw + 5px); }
.layout-cateshow-qmqk0 .mod-othercontent01-title-qmqk0 .mod-title span{display:block; }
.layout-cateshow-qmqk0 .mod-othercontent01-title-qmqk0 .mod-title h2{font-size:calc(1.2vw + 18px); line-height:calc(1.5vw + 20px); font-weight:600; font-family:var(--font); }
.layout-cateshow-qmqk0 .mod-othercontent01-title-qmqk0 .mod-title a{font-size:calc(0.1vw + 12px); padding:calc(0.5vw + 5px) calc(2vw + 10px); border:2px solid #000; text-transform:uppercase; margin-top:calc(1vw + 10px); }
.layout-cateshow-qmqk0 .mod-othercontent01-title-qmqk0 .mod-title a:hover{background:var(--main); border-color:var(--main); color:#fff; }
.layout-cateshow-qmqk0 .mod-othercontent01-title-qmqk0 .mod-bottom{padding-top:calc(2vw + 10px); }
.layout-cateshow-qmqk0 .mod-othercontent01-title-qmqk0 .mod-bottom a{font-size:calc(0.1vw + 12px); padding:calc(0.5vw + 5px) calc(2vw + 10px); border:2px solid #000; text-transform:uppercase; }
.layout-cateshow-qmqk0 .mod-othercontent01-title-qmqk0 .mod-bottom a:hover{background:var(--main); border-color:var(--main); color:#fff; }
.layout-cateshow-qmqk0{padding:calc(1% + 10px) 0; }
.layout-cateshow-qmqk0 .mod-othercontent01 .title-bg{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; }
.layout-cateshow-qmqk0 .mod-othercontent01 .mod-title a{border:none; border-bottom:1px solid #000; padding:5px; text-transform:capitalize; }
.layout-cateshow-qmqk0 .mod-othercontent01 .content-bg{display:flex; flex-wrap:wrap; align-items:stretch; justify-content:space-between; }
.layout-cateshow-qmqk0 .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; }
.layout-cateshow-qmqk0 .mod-othercontent01 .item{width:calc(100%/5 - 0.5vw - 5px); overflow:hidden; position:relative; text-align:center; margin:calc(0.5vw + 5px) 0; background:#000; }
.layout-cateshow-qmqk0 .mod-othercontent01 .text{padding:calc(1vw + 10px); position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:end; color:#fff; text-transform:uppercase; }
.layout-cateshow-qmqk0 .mod-othercontent01 .text h3{font-size:calc(0.6vw + 16px); line-height:calc(1vw + 20px); font-weight:600; font-family:var(--font); }
.layout-cateshow-qmqk0 .mod-othercontent01 .text a{font-size:calc(0.1vw + 12px); padding:calc(0.25vw + 5px) calc(2vw + 10px); border:2px solid #fff; text-transform:uppercase; margin:calc(2vw + 20px) 0 calc(-4vw - 40px); }
.layout-cateshow-qmqk0 .mod-othercontent01 .text a:after{content:""; position:absolute; inset:0; }
.layout-cateshow-qmqk0 .mod-othercontent01 .text a:hover{background:var(--main); border-color:var(--main); color:#fff; }
.layout-cateshow-qmqk0 .mod-othercontent01 .item:hover .img{opacity:0.3; }
.layout-cateshow-qmqk0 .mod-othercontent01 .item:hover .text a{margin:calc(0.5vw + 10px) 0 0; }

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

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

.layout-custOne-9135e .mod-othercontent01 .swiper-button-prev,.layout-custOne-9135e .mod-othercontent01 .swiper-button-next{color:#fff; width:calc(1vw + 25px); height:calc(1vw + 25px); margin:0; transform:translate(0,-50%); }
.layout-custOne-9135e .mod-othercontent01 .swiper-button-prev:after,.layout-custOne-9135e .mod-othercontent01 .swiper-button-next:after{font-size:calc(0.3vw + 16px); line-height:calc(1vw + 25px); }
.layout-custOne-9135e .mod-othercontent01 .swiper-button-prev:hover,.layout-custOne-9135e .mod-othercontent01 .swiper-button-next:hover{color:var(--main) !important; }
.layout-custOne-9135e .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,.layout-custOne-9135e .mod-othercontent01 .swiper-button-next.swiper-button-disabled{opacity:1; color:#333; }

@media(max-width:768px){
.layout-custOne-9135e .mod-othercontent01 .swiper-button-prev,.layout-custOne-9135e .mod-othercontent01 .swiper-button-next{display:none; }
}

.layout-custOne-9135e .mod-othercontent01-titlecenter-9135e .mod-title{padding-bottom:calc(1vw + 10px); text-align:center; max-width:1100px; margin:auto; }
.layout-custOne-9135e .mod-othercontent01-titlecenter-9135e .title-right{padding-top:calc(0.5vw + 5px); }
.layout-custOne-9135e .mod-othercontent01-titlecenter-9135e .title-right-span{display:block; }
.layout-custOne-9135e .mod-othercontent01-titlecenter-9135e .mod-title h3{color:var(--main); font-weight:500; }
.layout-custOne-9135e .mod-othercontent01-titlecenter-9135e .mod-title h2{font-size:calc(1.4vw + 18px); line-height:calc(1.5vw + 20px); color:#000; font-weight:600; }
.layout-custOne-9135e .mod-othercontent01-titlecenter-9135e .mod-title strong{color:var(--main); }
.layout-custOne-9135e .mod-othercontent01-titlecenter-9135e .mod-bottom{padding-top:calc(2vw + 10px); text-align:center; }
.layout-custOne-9135e .mod-othercontent01-titlecenter-9135e .mod-bottom a{color:var(--main); padding:calc(0.25vw + 5px) calc(1vw + 20px); text-transform:uppercase; border:1px solid var(--main); }
.layout-custOne-9135e .mod-othercontent01-titlecenter-9135e .mod-bottom a:hover{color:#fff; background:var(--main); }
.layout-custOne-9135e{padding:calc(2% + 20px) 0; }
.layout-custOne-9135e .mod-othercontent01 .content-bg{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; padding:calc(0.5vw + 10px) 0; }
.layout-custOne-9135e .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; }
.layout-custOne-9135e .mod-othercontent01:nth-of-type(2n) .content-bg{flex-direction:row-reverse; }
.layout-custOne-9135e .mod-othercontent01 .img{width:calc(50% - 1vw - 5px); position:relative; }
.layout-custOne-9135e .mod-othercontent01 .text{width:calc(50% - 3vw - 10px); padding:calc(3vw + 20px) 0 calc(1vw + 10px); position:relative; }
.layout-custOne-9135e .mod-othercontent01 .text h3{font-size:calc(0.6vw + 16px); line-height:calc(0.75vw + 20px); font-weight:600; position:relative; z-index:2; padding-bottom:calc(1vw + 5px); }
.layout-custOne-9135e .mod-othercontent01 .text h4{position:absolute; top:0; left:0; font-size:calc(4vw + 80px); line-height:calc(6vw + 40px); z-index:-1; color:#f4f4f4; text-transform:uppercase; font-weight:700; }
.layout-custOne-9135e .mod-othercontent01 .text span{color:var(--main); }
.layout-custOne-9135e .mod-othercontent01 .text dl{display:flex; justify-content:space-between; align-items:start; padding:calc(0.25vw + 5px) 0; }
.layout-custOne-9135e .mod-othercontent01 .text dt{width:calc(1vw + 45px); border-radius:calc(0.25vw + 5px); background:#f4f4f4; }
.layout-custOne-9135e .mod-othercontent01 .text dd{width:calc(100% - 1.5vw - 55px); }
.layout-custOne-9135e .mod-othercontent01 .text dd strong{font-size:calc(0.4vw + 14px); font-weight:600; line-height:calc(0.5vw + 20px); padding:5px 0; }

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

.layout-pagetop-5sr43 .mod-othercontent01 .swiper-button-prev,.layout-pagetop-5sr43 .mod-othercontent01 .swiper-button-next{color:#fff; width:calc(1vw + 25px); height:calc(1vw + 25px); margin:0; transform:translate(0,-50%); }
.layout-pagetop-5sr43 .mod-othercontent01 .swiper-button-prev:after,.layout-pagetop-5sr43 .mod-othercontent01 .swiper-button-next:after{font-size:calc(0.3vw + 16px); line-height:calc(1vw + 25px); }
.layout-pagetop-5sr43 .mod-othercontent01 .swiper-button-prev:hover,.layout-pagetop-5sr43 .mod-othercontent01 .swiper-button-next:hover{color:var(--main) !important; }
.layout-pagetop-5sr43 .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,.layout-pagetop-5sr43 .mod-othercontent01 .swiper-button-next.swiper-button-disabled{opacity:1; color:#333; }

@media(max-width:768px){
.layout-pagetop-5sr43 .mod-othercontent01 .swiper-button-prev,.layout-pagetop-5sr43 .mod-othercontent01 .swiper-button-next{display:none; }
}

.layout-pagetop-5sr43 .layout-bg{width:100%; }
.layout-pagetop-5sr43 .mod-othercontent01 .mod-bg{position:relative; z-index:2; overflow:hidden; height:30vh; }
.layout-pagetop-5sr43 .mod-othercontent01 .mod-title{position:absolute; left:0; top:50%; right:0; width:calc(100% - 2vw - 20px); max-width:var(--width); transform:translate(0,-50%); margin:auto; z-index:2; color:#fff; text-align:center; }
.layout-pagetop-5sr43 .mod-othercontent01 .mod-title h1{font-size:calc(1.6vw + 18px); line-height:calc(1.75vw + 20px); font-weight:600; text-transform:uppercase; display:block; }
.layout-pagetop-5sr43 .mod-othercontent01 .mod-title h1 strong{color:var(--main); }
.layout-pagetop-5sr43 .mod-othercontent01 .title-right{max-width:640px; margin:auto; font-size:calc(0.2vw + 14px); line-height:calc(0.5vw + 20px); }
.layout-pagetop-5sr43 .mod-othercontent01 .title-right:before{content:""; width:calc(1vw + 20px); height:3px; background:var(--main); display:block; margin:calc(0.5vw + 5px) auto; border-radius:10vw; }
.layout-pagetop-5sr43 .mod-othercontent01 .title-right-span{display:block; }
.layout-pagetop-5sr43 .mod-othercontent01 .content-bg img{display:block; height:100%; width:auto !important; max-width:inherit !important; position:absolute; top:0; left:50%; transform:translate(-50%,0%); }

@media(min-width:769px){
.layout-pagetop-5sr43 .mod-othercontent01 .mod-bg{min-height:470px; }
}

.layout-pagetop-5sr43 .mod-othercontent01-custtop .mod-title{max-width:1180px; margin:auto; }

.layout-serve-ndbej .mod-othercontent01 .swiper-button-prev,.layout-serve-ndbej .mod-othercontent01 .swiper-button-next{color:#fff; width:calc(1vw + 30px); height:calc(1vw + 30px); margin:0; transform:translate(0,-50%); }
.layout-serve-ndbej .mod-othercontent01 .swiper-button-prev:after,.layout-serve-ndbej .mod-othercontent01 .swiper-button-next:after{font-size:calc(0.4vw + 16px); line-height:calc(1vw + 30px); }
.layout-serve-ndbej .mod-othercontent01 .swiper-button-prev:hover,.layout-serve-ndbej .mod-othercontent01 .swiper-button-next:hover{background:var(--main); }
.layout-serve-ndbej .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,.layout-serve-ndbej .mod-othercontent01 .swiper-button-next.swiper-button-disabled{opacity:1; background:#eee; color:#999; }
.layout-serve-ndbej .mod-othercontent01-titlecenter-ndbej .mod-title{padding-bottom:calc(1vw + 10px); text-align:center; }
.layout-serve-ndbej .mod-othercontent01-titlecenter-ndbej .title-right{max-width:1360px; margin:auto; font-size:calc(0.1vw + 12px); }
.layout-serve-ndbej .mod-othercontent01-titlecenter-ndbej .title-right-span{display:block; }
.layout-serve-ndbej .mod-othercontent01-titlecenter-ndbej .mod-title h2{font-size:calc(0.8vw + 20px); line-height:calc(1vw + 20px); color:#333; text-transform:uppercase; }
.layout-serve-ndbej .mod-othercontent01-titlecenter-ndbej .mod-bottom{padding-top:calc(1vw + 10px); text-align:center; }
.layout-serve-ndbej .mod-othercontent01-titlecenter-ndbej .mod-bottom a{padding:calc(0.25vw + 5px) calc(2vw + 10px); color:#333; text-transform:capitalize; border:1px solid #333; border-radius:2px; }
.layout-serve-ndbej .mod-othercontent01-titlecenter-ndbej .mod-bottom a:hover{background:var(--main); border-color:var(--main); color:#fff; }
.layout-serve-ndbej{padding:calc(3% + 30px) 0; background:var(--deputy); }
.layout-serve-ndbej .mod-othercontent01 .mod-title *{color:#fff; }
.layout-serve-ndbej .mod-othercontent01 .swiper-container{padding:10px 0 calc(2vw + 10px); }
.layout-serve-ndbej .mod-othercontent01 .swiper-slide{width:calc(5vw + 220px); border-radius:5px; overflow:hidden; position:relative; }
.layout-serve-ndbej .mod-othercontent01 .swiper-slide a{display:block; }
.layout-serve-ndbej .mod-othercontent01 .text{padding:calc(2vw + 10px); position:absolute; top:0; left:0; bottom:0; right:0; background:linear-gradient(0,rgba(0,0,0,0.5),rgba(0,0,0,0)); display:flex; align-items:center; justify-content:end; text-align:center; flex-direction:column; }
.layout-serve-ndbej .mod-othercontent01 .text *{font-size:calc(0.5vw + 16px); line-height:calc(0.5vw + 25px); text-transform:uppercase; font-weight:500; display:block; color:#fff; }
.layout-serve-ndbej .mod-othercontent01 .swiper-scrollbar{background:#555; opacity:1 !important; }
.layout-serve-ndbej .mod-othercontent01 .swiper-scrollbar-drag{background:#999; }

.layout-coThi-jcr2a .mod-othercontent01 .swiper-button-prev,.layout-coThi-jcr2a .mod-othercontent01 .swiper-button-next{color:var(--main); width:30px; height:30px; background:#d1e6cd; border-radius:50%; margin:0; transform:translate(0,-50%); }
.layout-coThi-jcr2a .mod-othercontent01 .swiper-button-prev:after,.layout-coThi-jcr2a .mod-othercontent01 .swiper-button-next:after{font-size:calc(0.2vw + 14px); }
.layout-coThi-jcr2a .mod-othercontent01 .swiper-button-prev:hover,.layout-coThi-jcr2a .mod-othercontent01 .swiper-button-next:hover{background:var(--main); color:#fff; }
.layout-coThi-jcr2a .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,.layout-coThi-jcr2a .mod-othercontent01 .swiper-button-next.swiper-button-disabled{opacity:1; background:#999; color:#fff; }

@media(max-width:768px){
.layout-coThi-jcr2a .mod-othercontent01 .swiper-button-prev,.layout-coThi-jcr2a .mod-othercontent01 .swiper-button-next{display:none; }
}

.layout-coThi-jcr2a .mod-othercontent01-titlespace-jcr2a .mod-title{padding-bottom:calc(1vw + 10px); }
.layout-coThi-jcr2a .mod-othercontent01-titlespace-jcr2a .title-bg{display:flex; align-items:start; justify-content:space-between; flex-wrap:wrap; }
.layout-coThi-jcr2a .mod-othercontent01-titlespace-jcr2a .title-bg > div{width:calc(50% - 1vw - 10px); }
.layout-coThi-jcr2a .mod-othercontent01-titlespace-jcr2a .title-left{float:none; }
.layout-coThi-jcr2a .mod-othercontent01-titlespace-jcr2a .title-left:after{content:""; display:block; width:50px; height:5px; background:var(--main); border-radius:10px; margin:calc(0.5vw + 5px) 0 0; }
.layout-coThi-jcr2a .mod-othercontent01-titlespace-jcr2a .title-right{float:none; padding-top:calc(0.5vw + 5px); }
.layout-coThi-jcr2a .mod-othercontent01-titlespace-jcr2a .title-right-span{display:block; padding-top:calc(0.5vw + 5px); }
.layout-coThi-jcr2a .mod-othercontent01-titlespace-jcr2a .mod-title h2{font-size:calc(1.2vw + 18px); line-height:calc(1.5vw + 25px); font-weight:600; color:#000; }
.layout-coThi-jcr2a .mod-othercontent01-titlespace-jcr2a .mod-title h3{font-size:calc(0.2vw + 14px); line-height:calc(0.5vw + 20px); color:var(--main); }

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

.layout-coThi-jcr2a{padding:calc(2% + 20px) 0; }
.layout-coThi-jcr2a .mod-othercontent01 .content-bg{display:flex; align-items:start; flex-wrap:wrap; justify-content:space-between; }
.layout-coThi-jcr2a .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; }
.layout-coThi-jcr2a .mod-othercontent01 .item{width:calc(100%/2 - 1vw - 5px); margin:calc(0.5vw + 5px) 0; }
.layout-coThi-jcr2a .mod-othercontent01 .img{border-radius:calc(0.25vw + 5px); overflow:hidden; }
.layout-coThi-jcr2a .mod-othercontent01 .item h3{font-size:calc(0.2vw + 14px); line-height:calc(0.5vw + 20px); font-weight:500; padding:5px; text-align:center; }

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

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

.layout-manuThree-hecxb .mod-othercontent01 .swiper-button-prev,.layout-manuThree-hecxb .mod-othercontent01 .swiper-button-next{color:#fff; width:calc(1vw + 25px); height:calc(1vw + 25px); margin:0; transform:translate(0,-50%); }
.layout-manuThree-hecxb .mod-othercontent01 .swiper-button-prev:after,.layout-manuThree-hecxb .mod-othercontent01 .swiper-button-next:after{font-size:calc(0.3vw + 16px); line-height:calc(1vw + 25px); }
.layout-manuThree-hecxb .mod-othercontent01 .swiper-button-prev:hover,.layout-manuThree-hecxb .mod-othercontent01 .swiper-button-next:hover{color:var(--main) !important; }
.layout-manuThree-hecxb .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,.layout-manuThree-hecxb .mod-othercontent01 .swiper-button-next.swiper-button-disabled{opacity:1; color:#333; }

@media(max-width:768px){
.layout-manuThree-hecxb .mod-othercontent01 .swiper-button-prev,.layout-manuThree-hecxb .mod-othercontent01 .swiper-button-next{display:none; }
}

.layout-manuThree-hecxb .mod-othercontent01-titlecenter-hecxb .mod-title{padding-bottom:calc(1vw + 10px); text-align:center; max-width:1100px; margin:auto; }
.layout-manuThree-hecxb .mod-othercontent01-titlecenter-hecxb .title-right{padding-top:calc(0.5vw + 5px); }
.layout-manuThree-hecxb .mod-othercontent01-titlecenter-hecxb .title-right-span{display:block; }
.layout-manuThree-hecxb .mod-othercontent01-titlecenter-hecxb .mod-title h3{color:var(--main); font-weight:500; }
.layout-manuThree-hecxb .mod-othercontent01-titlecenter-hecxb .mod-title h2{font-size:calc(1.4vw + 18px); line-height:calc(1.5vw + 20px); color:#000; font-weight:600; }
.layout-manuThree-hecxb .mod-othercontent01-titlecenter-hecxb .mod-title strong{color:var(--main); }
.layout-manuThree-hecxb .mod-othercontent01-titlecenter-hecxb .mod-bottom{padding-top:calc(2vw + 10px); text-align:center; }
.layout-manuThree-hecxb .mod-othercontent01-titlecenter-hecxb .mod-bottom a{color:var(--main); padding:calc(0.25vw + 5px) calc(1vw + 20px); text-transform:uppercase; border:1px solid var(--main); }
.layout-manuThree-hecxb .mod-othercontent01-titlecenter-hecxb .mod-bottom a:hover{color:#fff; background:var(--main); }
.layout-manuThree-hecxb{padding:calc(2% + 20px) 0; }
.layout-manuThree-hecxb .mod-othercontent01 .content-bg{display:flex; flex-wrap:wrap; align-items:stretch; }
.layout-manuThree-hecxb .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; }
.layout-manuThree-hecxb .mod-othercontent01 .item{width:calc(100%/3 - 0.5vw - 10px); margin:calc(0.25vw + 5px); text-align:center; }
.layout-manuThree-hecxb .mod-othercontent01 .text{position:relative; padding:0 calc(1vw + 10px) calc(1vw + 10px); }
.layout-manuThree-hecxb .mod-othercontent01 .text span{width:calc(1vw + 40px); display:block; margin:calc(-0.5vw - 20px) auto calc(0.25vw + 5px); background:var(--main); border-radius:5px; }
.layout-manuThree-hecxb .mod-othercontent01 .text span img{filter:grayscale(1) brightness(10); }
.layout-manuThree-hecxb .mod-othercontent01 .text h4{color:var(--main); }
.layout-manuThree-hecxb .mod-othercontent01 .text h4:before{content:""; position:absolute; left:50%; top:calc(1.75vw + 75px); width:calc(100% + 0.5vw + 10px); height:1px; background:rgba(0,0,0,0.2); }
.layout-manuThree-hecxb .mod-othercontent01 .text h4:after{content:""; width:10px; height:10px; background:var(--main); border-radius:50%; margin:calc(0.25vw + 5px) auto; display:block; position:relative; z-index:3; }
.layout-manuThree-hecxb .mod-othercontent01 .text h3{font-size:calc(0.5vw + 14px); line-height:calc(0.5vw + 20px); font-weight:600; padding-bottom:calc(0.5vw + 5px); }
.layout-manuThree-hecxb .mod-othercontent01 .item:last-of-type .text h4:before{display:none; }
.layout-manuThree-hecxb .mod-othercontent01 .item:hover{background:var(--main); }
.layout-manuThree-hecxb .mod-othercontent01 .item:hover .text *{color:#fff; }
.layout-manuThree-hecxb .mod-othercontent01 .item:hover .text h4:after{background:#fff; }
.layout-manuThree-hecxb .mod-othercontent01 .item:hover span{background:#fff; }
.layout-manuThree-hecxb .mod-othercontent01 .item:hover span img{filter:grayscale(0) brightness(1); }

@media(min-width:769px){
.layout-manuThree-hecxb .mod-othercontent01 .item:nth-of-type(3n) .text h4:before{display:none; }
}

@media(max-width:768px){
.layout-manuThree-hecxb .mod-othercontent01 .item{width:calc(100%/2 - 0.5vw - 10px); }
.layout-manuThree-hecxb .mod-othercontent01 .item:nth-of-type(2n) .text h4:before{display:none; }
}

@media(max-width:480px){
.layout-manuThree-hecxb .mod-othercontent01 .item{width:calc(100% - 0.5vw - 10px); }
.layout-manuThree-hecxb .mod-othercontent01 .item .text h4:before{display:none; }
}

.layout-manuThree-hecxb + .layout-aboutSix{background:#fff; }

.layout-goodNine-rxam0 .mod-othercontent01 .swiper-button-prev,.layout-goodNine-rxam0 .mod-othercontent01 .swiper-button-next{color:#333; width:calc(1vw + 30px); height:calc(1vw + 30px); margin:0; }
.layout-goodNine-rxam0 .mod-othercontent01 .swiper-button-prev:after,.layout-goodNine-rxam0 .mod-othercontent01 .swiper-button-next:after{font-size:calc(0.3vw + 14px); line-height:calc(1.5vw + 30px); }
.layout-goodNine-rxam0 .mod-othercontent01 .swiper-button-prev:hover,.layout-goodNine-rxam0 .mod-othercontent01 .swiper-button-next:hover{color:var(--deputy); }
.layout-goodNine-rxam0 .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,.layout-goodNine-rxam0 .mod-othercontent01 .swiper-button-next.swiper-button-disabled{opacity:1; color:#eee; }

@media(max-width:768px){
.layout-goodNine-rxam0 .mod-othercontent01 .swiper-button-prev,.layout-goodNine-rxam0 .mod-othercontent01 .swiper-button-next{display:none; }
}

.layout-goodNine-rxam0 .mod-othercontent01-title-rxam0 .mod-title{padding-bottom:calc(1vw + 10px); position:relative; z-index:2; }
.layout-goodNine-rxam0 .mod-othercontent01-title-rxam0 .title-right{padding-top:calc(1vw + 5px); line-height:calc(0.5vw + 20px); }
.layout-goodNine-rxam0 .mod-othercontent01-title-rxam0 .title-right-span{display:block; }
.layout-goodNine-rxam0 .mod-othercontent01-title-rxam0 .mod-title h2{font-size:calc(1.4vw + 18px); line-height:calc(2vw + 20px); text-transform:uppercase; }
.layout-goodNine-rxam0 .mod-othercontent01-title-rxam0 .mod-title a{font-size:14px; padding:calc(0.5vw + 5px) calc(1vw + 10px); font-weight:500; border:1px solid var(--main); margin-top:calc(1vw + 10px); text-transform:uppercase; }
.layout-goodNine-rxam0 .mod-othercontent01-title-rxam0 .mod-title a:hover{background:var(--main); color:#fff; }
.layout-goodNine-rxam0 .mod-othercontent01-title-rxam0 .mod-bottom{padding-top:calc(1vw + 10px); }
.layout-goodNine-rxam0 .mod-othercontent01-title-rxam0 .mod-bottom a{font-size:14px; padding:calc(0.25vw + 5px) calc(1vw + 10px); font-weight:500; border:1px solid var(--main); text-transform:uppercase; }
.layout-goodNine-rxam0 .mod-othercontent01-title-rxam0 .mod-bottom a:hover{background:var(--main); color:#fff; }
.layout-goodNine-rxam0{padding:calc(3% + 30px) 0; }
.layout-goodNine-rxam0 .mod-othercontent01 .mod-bg{display:flex; align-items:center; flex-wrap:wrap; background:#f3f3f3; }
.layout-goodNine-rxam0 .mod-othercontent01 .mod-bg > div{width:50%; }
.layout-goodNine-rxam0 .mod-othercontent01 .mod-title{padding:calc(3vw + 10px); box-sizing:border-box; order:2; line-height:calc(0.5vw + 20px); }
.layout-goodNine-rxam0 .mod-othercontent01 .mod-title h2{padding-bottom:calc(1vw + 10px); font-weight:bold; }
.layout-goodNine-rxam0 .mod-othercontent01 .mod-title a{margin-top:calc(3vw + 10px); }
.layout-goodNine-rxam0 .mod-othercontent01 .mod-content{width:50%; order:1; }

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

.layout-aboutTwo-7r1w2 .mod-othercontent01 .swiper-button-prev,.layout-aboutTwo-7r1w2 .mod-othercontent01 .swiper-button-next{color:#666; width:calc(1vw + 30px); height:calc(1vw + 30px); margin:0; transform:translate(0,-50%); border-radius:50%; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.1); }
.layout-aboutTwo-7r1w2 .mod-othercontent01 .swiper-button-prev:after,.layout-aboutTwo-7r1w2 .mod-othercontent01 .swiper-button-next:after{font-size:calc(0.4vw + 14px); line-height:calc(1vw + 30px); }
.layout-aboutTwo-7r1w2 .mod-othercontent01 .swiper-button-prev:hover,.layout-aboutTwo-7r1w2 .mod-othercontent01 .swiper-button-next:hover{background:var(--main); color:#fff; }
.layout-aboutTwo-7r1w2 .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,.layout-aboutTwo-7r1w2 .mod-othercontent01 .swiper-button-next.swiper-button-disabled{opacity:1; background:#eee; color:#666; }
.layout-aboutTwo-7r1w2 .mod-othercontent01-titlecenter-7r1w2 .mod-title{padding-bottom:calc(1vw + 10px); text-align:center; }
.layout-aboutTwo-7r1w2 .mod-othercontent01-titlecenter-7r1w2 .title-right{max-width:1300px; padding-top:calc(0.5vw + 5px); margin:auto; }
.layout-aboutTwo-7r1w2 .mod-othercontent01-titlecenter-7r1w2 .title-right-span{display:block; }
.layout-aboutTwo-7r1w2 .mod-othercontent01-titlecenter-7r1w2 .mod-title h2{font-size:calc(1vw + 20px); line-height:calc(1vw + 25px); color:var(--main); font-weight:700; }
.layout-aboutTwo-7r1w2 .mod-othercontent01-titlecenter-7r1w2 .mod-title h2:after{content:""; width:20px; height:13px; border-radius:15px 1px; background:var(--third); margin:calc(0.25vw + 5px); display:inline-block; }
.layout-aboutTwo-7r1w2 .mod-othercontent01-titlecenter-7r1w2 .mod-title a{background:var(--deputy); color:#fff; padding:5px 5px 5px calc(1vw + 10px); border-radius:50vw; margin-top:calc(2vw + 10px); text-transform:capitalize; display:inline-flex; align-items:center; }
.layout-aboutTwo-7r1w2 .mod-othercontent01-titlecenter-7r1w2 .mod-title a:after{content:"➜"; width:calc(0.5vw + 30px); line-height:calc(0.5vw + 30px); text-align:center; color:var(--deputy); background:#fff; border-radius:50%; margin-left:10px; display:block; }
.layout-aboutTwo-7r1w2 .mod-othercontent01-titlecenter-7r1w2 .mod-title a:hover{background:var(--main); }
.layout-aboutTwo-7r1w2 .mod-othercontent01-titlecenter-7r1w2 .mod-title a:hover:after{color:var(--main); }
.layout-aboutTwo-7r1w2{padding:calc(2% + 20px) 0; background:#f1f3f7; }
.layout-aboutTwo-7r1w2 .mod-othercontent01 .content-bg{display:flex; align-items:stretch; flex-wrap:wrap; overflow:visible; }
.layout-aboutTwo-7r1w2 .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; }
.layout-aboutTwo-7r1w2 .mod-othercontent01 .text{width:calc(100%/3 - 10px); margin:calc(1vw + 30px) 5px; padding:0 calc(1vw + 10px) calc(1vw + 10px); border-radius:calc(0.25vw + 5px); box-sizing:border-box; }
.layout-aboutTwo-7r1w2 .mod-othercontent01 .text span{width:calc(0.5vw + 40px); display:block; padding:calc(0.5vw + 5px); border-radius:50%; background:var(--main); margin-top:calc(-1vw - 25px); }
.layout-aboutTwo-7r1w2 .mod-othercontent01 .text span img{filter:grayscale(1) brightness(10); }
.layout-aboutTwo-7r1w2 .mod-othercontent01 .text h3{font-size:calc(0.5vw + 14px); line-height:calc(0.5vw + 20px); font-weight:600; padding:calc(0.25vw + 5px) 0; }
.layout-aboutTwo-7r1w2 .mod-othercontent01 .text:hover{background:#fff; box-shadow:0 0 calc(1vw + 10px) rgba(0,0,0,0.1); }
.layout-aboutTwo-7r1w2 .mod-othercontent01 .text:hover h3{color:var(--main); }

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

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

.layout-materOne-b9j5y .mod-othercontent01 .swiper-button-prev,.layout-materOne-b9j5y .mod-othercontent01 .swiper-button-next{color:#666; width:calc(1vw + 30px); height:calc(1vw + 30px); margin:0; transform:translate(0,-50%); border-radius:50%; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.1); }
.layout-materOne-b9j5y .mod-othercontent01 .swiper-button-prev:after,.layout-materOne-b9j5y .mod-othercontent01 .swiper-button-next:after{font-size:calc(0.4vw + 14px); line-height:calc(1vw + 30px); }
.layout-materOne-b9j5y .mod-othercontent01 .swiper-button-prev:hover,.layout-materOne-b9j5y .mod-othercontent01 .swiper-button-next:hover{background:var(--main); color:#fff; }
.layout-materOne-b9j5y .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,.layout-materOne-b9j5y .mod-othercontent01 .swiper-button-next.swiper-button-disabled{opacity:1; background:#eee; color:#666; }
.layout-materOne-b9j5y .mod-othercontent01-title-b9j5y .mod-title{padding-bottom:calc(1vw + 10px); }
.layout-materOne-b9j5y .mod-othercontent01-title-b9j5y .title-right{padding-top:calc(0.5vw + 5px); }
.layout-materOne-b9j5y .mod-othercontent01-title-b9j5y .title-right-span{display:block; }
.layout-materOne-b9j5y .mod-othercontent01-title-b9j5y .mod-title h2{font-size:calc(1vw + 20px); line-height:calc(1vw + 25px); color:#000; font-weight:700; }
.layout-materOne-b9j5y .mod-othercontent01-title-b9j5y .mod-title h2:after{content:""; width:20px; height:13px; border-radius:15px 1px; background:var(--third); margin:calc(0.25vw + 5px); display:inline-block; }
.layout-materOne-b9j5y .mod-othercontent01-title-b9j5y .mod-title a{background:var(--deputy); color:#fff; padding:5px 5px 5px calc(1vw + 10px); border-radius:50vw; margin-top:calc(2vw + 10px); text-transform:capitalize; display:inline-flex; align-items:center; }
.layout-materOne-b9j5y .mod-othercontent01-title-b9j5y .mod-title a:after{content:"➜"; width:calc(0.5vw + 30px); line-height:calc(0.5vw + 30px); text-align:center; color:var(--deputy); background:#fff; border-radius:50%; margin-left:10px; display:block; }
.layout-materOne-b9j5y .mod-othercontent01-title-b9j5y .mod-title a:hover{background:var(--main); }
.layout-materOne-b9j5y .mod-othercontent01-title-b9j5y .mod-title a:hover:after{color:var(--main); }
.layout-materOne-b9j5y{padding:calc(2% + 20px) 0; }
.layout-materOne-b9j5y .mod-othercontent01 .mod-bg{display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; }
.layout-materOne-b9j5y .mod-othercontent01 .mod-title{width:50%; padding:calc(0.5vw + 10px) 0; }
.layout-materOne-b9j5y .mod-othercontent01 .mod-title h2{padding-bottom:calc(1vw + 5px); }
.layout-materOne-b9j5y .mod-othercontent01 .title-right-span{display:flex; align-items:center; padding:5px 0; }
.layout-materOne-b9j5y .mod-othercontent01 .title-right-span:before{content:"\f058"; font:calc(0.2vw + 14px)/1 FontAwesome; flex:0 0 calc(0.5vw + 15px); text-align:center; color:var(--third); }
.layout-materOne-b9j5y .mod-othercontent01 .mod-content{width:calc(50% - 5vw - 10px); }
.layout-materOne-b9j5y .mod-othercontent01 .content-bg{border-radius:10px; }
.layout-materOne-b9j5y .mod-othercontent01 .content-bg > *{display:block; width:100%; }

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

.layout-video .video-wrap{position:relative; width:100%; aspect-ratio:16/9; overflow:hidden; border-radius:calc(0.25vw + 5px); }
.layout-video .video-wrap iframe{position:absolute; inset:0; width:100%; height:100%; border:0; }

.layout-privOne-x2dze .mod-othercontent01 .swiper-button-prev,.layout-privOne-x2dze .mod-othercontent01 .swiper-button-next{color:#333; width:calc(1vw + 30px); height:calc(1vw + 30px); border-radius:50vw; margin:0; }
.layout-privOne-x2dze .mod-othercontent01 .swiper-button-prev:after,.layout-privOne-x2dze .mod-othercontent01 .swiper-button-next:after{font-size:calc(0.3vw + 14px); line-height:calc(1.5vw + 30px); }
.layout-privOne-x2dze .mod-othercontent01 .swiper-button-prev:hover,.layout-privOne-x2dze .mod-othercontent01 .swiper-button-next:hover{color:var(--main); }
.layout-privOne-x2dze .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,.layout-privOne-x2dze .mod-othercontent01 .swiper-button-next.swiper-button-disabled{opacity:1; color:#eee; }
.layout-privOne-x2dze .mod-othercontent01-titlecenter-x2dze .mod-title{padding-bottom:calc(1vw + 10px); text-align:center; max-width:1160px; margin:auto; }
.layout-privOne-x2dze .mod-othercontent01-titlecenter-x2dze .title-right{padding-top:calc(0.5vw + 5px); }
.layout-privOne-x2dze .mod-othercontent01-titlecenter-x2dze .title-right-span{display:block; }
.layout-privOne-x2dze .mod-othercontent01-titlecenter-x2dze .mod-title h2{font-size:calc(1.4vw + 20px); line-height:calc(1.5vw + 25px); text-transform:capitalize; color:#000; font-weight:600; }
.layout-privOne-x2dze .mod-othercontent01-titlecenter-x2dze .mod-title a{padding:calc(0.5vw + 5px) calc(2vw + 10px); border-radius:50vw; background:var(--main); color:#fff; border-radius:50vw; margin-top:calc(1vw + 10px); }
.layout-privOne-x2dze .mod-othercontent01-titlecenter-x2dze .mod-title a:hover{background:var(--deputy); }
.layout-privOne-x2dze .mod-othercontent01-titlecenter-x2dze .mod-bottom{padding-top:calc(1vw + 10px); }
.layout-privOne-x2dze .mod-othercontent01-titlecenter-x2dze .bottom-left{display:flex; align-items:center; justify-content:center; flex-wrap:wrap; }
.layout-privOne-x2dze .mod-othercontent01-titlecenter-x2dze .mod-bottom a{padding:calc(0.5vw + 5px) calc(2vw + 10px); border-radius:50vw; background:var(--main); color:#fff; border-radius:50vw; }
.layout-privOne-x2dze .mod-othercontent01-titlecenter-x2dze .mod-bottom a:hover{background:var(--deputy); }
.layout-privOne-x2dze{padding:calc(2% + 20px) 0; }
.layout-privOne-x2dze .mod-othercontent01 .mod-bg{padding:7vw calc(1vw + 10px); background:url(../picture/8493622.jpg?x-oss-process=image/quality,Q_90) center/cover no-repeat; text-align:center; }
.layout-privOne-x2dze .mod-othercontent01 .mod-content{max-width:500px; margin:auto; }

.layout-aboutFive-wq70l .mod-othercontent01 .swiper-button-prev,.layout-aboutFive-wq70l .mod-othercontent01 .swiper-button-next{color:#666; width:calc(1vw + 30px); height:calc(1vw + 30px); margin:0; transform:translate(0,-50%); border-radius:50%; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.1); }
.layout-aboutFive-wq70l .mod-othercontent01 .swiper-button-prev:after,.layout-aboutFive-wq70l .mod-othercontent01 .swiper-button-next:after{font-size:calc(0.4vw + 14px); line-height:calc(1vw + 30px); }
.layout-aboutFive-wq70l .mod-othercontent01 .swiper-button-prev:hover,.layout-aboutFive-wq70l .mod-othercontent01 .swiper-button-next:hover{background:var(--main); color:#fff; }
.layout-aboutFive-wq70l .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,.layout-aboutFive-wq70l .mod-othercontent01 .swiper-button-next.swiper-button-disabled{opacity:1; background:#eee; color:#666; }
.layout-aboutFive-wq70l .mod-othercontent01-titlecenter-wq70l .mod-title{padding-bottom:calc(1vw + 10px); text-align:center; }
.layout-aboutFive-wq70l .mod-othercontent01-titlecenter-wq70l .title-right{max-width:1300px; padding-top:calc(0.5vw + 5px); margin:auto; }
.layout-aboutFive-wq70l .mod-othercontent01-titlecenter-wq70l .title-right-span{display:block; }
.layout-aboutFive-wq70l .mod-othercontent01-titlecenter-wq70l .mod-title h2{font-size:calc(1vw + 20px); line-height:calc(1vw + 25px); color:var(--main); font-weight:700; }
.layout-aboutFive-wq70l .mod-othercontent01-titlecenter-wq70l .mod-title h2:after{content:""; width:20px; height:13px; border-radius:15px 1px; background:var(--third); margin:calc(0.25vw + 5px); display:inline-block; }
.layout-aboutFive-wq70l .mod-othercontent01-titlecenter-wq70l .mod-title a{background:var(--deputy); color:#fff; padding:5px 5px 5px calc(1vw + 10px); border-radius:50vw; margin-top:calc(2vw + 10px); text-transform:capitalize; display:inline-flex; align-items:center; }
.layout-aboutFive-wq70l .mod-othercontent01-titlecenter-wq70l .mod-title a:after{content:"➜"; width:calc(0.5vw + 30px); line-height:calc(0.5vw + 30px); text-align:center; color:var(--deputy); background:#fff; border-radius:50%; margin-left:10px; display:block; }
.layout-aboutFive-wq70l .mod-othercontent01-titlecenter-wq70l .mod-title a:hover{background:var(--main); }
.layout-aboutFive-wq70l .mod-othercontent01-titlecenter-wq70l .mod-title a:hover:after{color:var(--main); }
.layout-aboutFive-wq70l{padding:calc(2% + 20px) 0 10px; background:#f1f3f7; }
.layout-aboutFive-wq70l .mod-othercontent01 .swiper-container{padding-bottom:calc(2vw + 20px); }
.layout-aboutFive-wq70l .mod-othercontent01 .img{border-radius:calc(0.5px + 5px); overflow:hidden; }
.layout-aboutFive-wq70l .mod-othercontent01 .swiper-slide h3{font-size:calc(0.5vw + 14px); line-height:calc(0.5vw + 20px); font-weight:600; padding:calc(0.5vw + 5px); text-align:center; color:#000; }
.layout-aboutFive-wq70l .mod-othercontent01 .swiper-button-prev,.layout-aboutFive-wq70l .mod-othercontent01 .swiper-button-next{top:40%; }
.layout-aboutFive-wq70l + .layout-help{background:#f1f3f7; }

.layout-manuOne-9zcu7{padding:calc(2% + 20px) 0; }
.layout-manuOne-9zcu7 .mod-othercontent01-title-9zcu7 .mod-bg{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; padding-bottom:calc(1vw + 10px); }
.layout-manuOne-9zcu7 .mod-othercontent01-title-9zcu7 .mod-title{width:50%; padding:calc(1vw + 10px) 0; }
.layout-manuOne-9zcu7 .mod-othercontent01-title-9zcu7 .mod-title h3{color:var(--main); }
.layout-manuOne-9zcu7 .mod-othercontent01-title-9zcu7 .mod-title strong{color:var(--main); }
.layout-manuOne-9zcu7 .mod-othercontent01-title-9zcu7 .mod-content{width:calc(50% - 4vw - 10px); }
.layout-manuOne-9zcu7 .mod-othercontent01 .content-bg{display:flex; flex-wrap:wrap; align-items:stretch; justify-content:space-between; }
.layout-manuOne-9zcu7 .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; }
.layout-manuOne-9zcu7 .mod-othercontent01 .text{width:calc(100%/4 - 1vw - 5px); margin:calc(0.5vw + 5px) 0; border-radius:calc(0.25vw + 5px); overflow:hidden; padding:calc(1vw + 10px) calc(1vw + 10px) calc(2vw + 10px); box-sizing:border-box; background:url(../picture/manuOne-bg.jpg) repeat; }
.layout-manuOne-9zcu7 .mod-othercontent01 .text span{width:40px; display:block; }
.layout-manuOne-9zcu7 .mod-othercontent01 .text h3{padding:calc(0.25vw + 5px) 0; color:var(--main); font-size:calc(0.3vw + 14px); line-height:calc(0.5vw + 20px); }
.layout-manuOne-9zcu7 .mod-othercontent01 .text h3 o{font-size:calc(1vw + 16px); line-height:calc(1vw + 25px); font-weight:600; padding:0 3px; }

@media(max-width:768px){
.layout-manuOne-9zcu7 .mod-othercontent01-title-9zcu7 .mod-bg > div{width:100%; }
.layout-manuOne-9zcu7 .mod-othercontent01 .text{width:calc(100%/2 - 0.5vw - 5px); }
}

.layout-manuOne-9zcu7{padding:calc(2% + 20px) 0; }
.layout-manuOne-9zcu7 .mod-othercontent01-title .mod-bg{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; padding-bottom:calc(1vw + 10px); }
.layout-manuOne-9zcu7 .mod-othercontent01-title .mod-title{width:50%; padding:calc(1vw + 10px) 0; }
.layout-manuOne-9zcu7 .mod-othercontent01-title .mod-title h3{color:var(--main); }
.layout-manuOne-9zcu7 .mod-othercontent01-title .mod-title strong{color:var(--main); }
.layout-manuOne-9zcu7 .mod-othercontent01-title .mod-content{width:calc(50% - 4vw - 10px); }
.layout-manuOne-9zcu7 .mod-othercontent01 .content-bg{display:flex; flex-wrap:wrap; align-items:stretch; justify-content:space-between; }
.layout-manuOne-9zcu7 .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; }
.layout-manuOne-9zcu7 .mod-othercontent01 .text{width:calc(100%/4 - 1vw - 5px); margin:calc(0.5vw + 5px) 0; border-radius:calc(0.25vw + 5px); overflow:hidden; padding:calc(1vw + 10px) calc(1vw + 10px) calc(2vw + 10px); box-sizing:border-box; background:url(../picture/manuOne-bg.jpg) repeat; }
.layout-manuOne-9zcu7 .mod-othercontent01 .text span{width:40px; display:block; }
.layout-manuOne-9zcu7 .mod-othercontent01 .text h3{padding:calc(0.25vw + 5px) 0; color:var(--main); font-size:calc(0.3vw + 14px); line-height:calc(0.5vw + 20px); }
.layout-manuOne-9zcu7 .mod-othercontent01 .text h3 o{font-size:calc(1vw + 16px); line-height:calc(1vw + 25px); font-weight:600; padding:0 3px; }

@media(max-width:768px){
.layout-manuOne-9zcu7 .mod-othercontent01-title .mod-bg > div{width:100%; }
.layout-manuOne-9zcu7 .mod-othercontent01 .text{width:calc(100%/2 - 0.5vw - 5px); }
}

.layout-whyFour-wlpb6 .mod-othercontent01 .swiper-button-prev,.layout-whyFour-wlpb6 .mod-othercontent01 .swiper-button-next{color:#fff; width:calc(1vw + 30px); height:calc(1vw + 30px); margin:0; }
.layout-whyFour-wlpb6 .mod-othercontent01 .swiper-button-prev:after,.layout-whyFour-wlpb6 .mod-othercontent01 .swiper-button-next:after{font-size:calc(0.3vw + 14px); line-height:calc(1vw + 30px); }
.layout-whyFour-wlpb6 .mod-othercontent01 .swiper-button-prev:hover,.layout-whyFour-wlpb6 .mod-othercontent01 .swiper-button-next:hover{color:#fff !important; background:var(--main) !important; }
.layout-whyFour-wlpb6 .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,.layout-whyFour-wlpb6 .mod-othercontent01 .swiper-button-next.swiper-button-disabled{opacity:1; color:#eee; }
.layout-whyFour-wlpb6 .mod-othercontent01-titlecenter-wlpb6 .mod-title{padding-bottom:calc(1vw + 10px); text-align:center; max-width:1160px; margin:auto; }
.layout-whyFour-wlpb6 .mod-othercontent01-titlecenter-wlpb6 .title-right{padding-top:calc(0.5vw + 5px); }
.layout-whyFour-wlpb6 .mod-othercontent01-titlecenter-wlpb6 .mod-title span{display:block; }
.layout-whyFour-wlpb6 .mod-othercontent01-titlecenter-wlpb6 .mod-title h2{font-size:calc(1.2vw + 18px); line-height:calc(1.5vw + 20px); font-weight:600; font-family:var(--font); }
.layout-whyFour-wlpb6 .mod-othercontent01-titlecenter-wlpb6 .mod-title a{font-size:calc(0.1vw + 12px); padding:calc(0.5vw + 5px) calc(2vw + 10px); border:2px solid #000; text-transform:uppercase; margin-top:calc(1vw + 10px); }
.layout-whyFour-wlpb6 .mod-othercontent01-titlecenter-wlpb6 .mod-title a:hover{background:var(--main); border-color:var(--main); color:#fff; }
.layout-whyFour-wlpb6 .mod-othercontent01-titlecenter-wlpb6 .mod-bottom{padding-top:calc(2vw + 10px); }
.layout-whyFour-wlpb6 .mod-othercontent01-titlecenter-wlpb6 .bottom-left{display:flex; align-items:center; justify-content:center; flex-wrap:wrap; }
.layout-whyFour-wlpb6 .mod-othercontent01-titlecenter-wlpb6 .mod-bottom a{font-size:calc(0.1vw + 12px); padding:calc(0.5vw + 5px) calc(2vw + 10px); border:2px solid #000; text-transform:uppercase; }
.layout-whyFour-wlpb6 .mod-othercontent01-titlecenter-wlpb6 .mod-bottom a:hover{background:var(--main); border-color:var(--main); color:#fff; }
.layout-whyFour-wlpb6{padding:calc(1% + 10px) 0 calc(3% + 30px); }
.layout-whyFour-wlpb6 .mod-othercontent01 .content-bg{display:flex; flex-wrap:wrap; align-items:stretch; justify-content:space-between; counter-reset:whyFour; }
.layout-whyFour-wlpb6 .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; }
.layout-whyFour-wlpb6 .mod-othercontent01 .item{width:calc(100%/2 - 1.5vw - 5px); margin:calc(1vw + 5px) 0; }
.layout-whyFour-wlpb6 .mod-othercontent01 .text{padding:calc(2vw + 10px); position:relative; }
.layout-whyFour-wlpb6 .mod-othercontent01 .text:before{content:"0"counter(whyFour); counter-increment:whyFour; font-size:calc(1vw + 40px); line-height:calc(2vw + 60px); width:calc(2vw + 60px); text-align:center; background:#000; font-weight:600; font-family:var(--font); display:block; position:absolute; left:calc(2vw + 10px); bottom:calc(100% - 2vw - 10px); color:#fff; }
.layout-whyFour-wlpb6 .mod-othercontent01 .text h3{font-size:calc(0.6vw + 18px); line-height:calc(1vw + 20px); font-weight:600; font-family:var(--font); padding:calc(0.25vw + 5px) 0; }
.layout-whyFour-wlpb6 .mod-othercontent01 .text h4{font-weight:600; padding:calc(1vw + 5px) 0 5px; }
.layout-whyFour-wlpb6 .mod-othercontent01 .text li{display:flex; align-items:start; padding:5px 0; }
.layout-whyFour-wlpb6 .mod-othercontent01 .text li:before{content:"\f00c"; font-family:FontAwesome; padding-right:5px; }
.layout-whyFour-wlpb6 .mod-othercontent01 .text a{font-size:calc(0.1vw + 12px); padding:calc(0.5vw + 5px) calc(1vw + 10px); border:2px solid #000; text-transform:uppercase; margin-top:calc(2vw + 5px); }
.layout-whyFour-wlpb6 .mod-othercontent01 .text a:hover{background:var(--main); border-color:var(--main); color:#fff; }
.layout-whyFour-wlpb6 .mod-othercontent01 .item:hover{background:#f1f1f1; }

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

.layout-partner-g30ex .mod-othercontent01 .swiper-button-prev,.layout-partner-g30ex .mod-othercontent01 .swiper-button-next{color:#333; width:calc(1vw + 25px); height:calc(1vw + 25px); margin:0; transform:translate(0,-50%); }
.layout-partner-g30ex .mod-othercontent01 .swiper-button-prev:after,.layout-partner-g30ex .mod-othercontent01 .swiper-button-next:after{font-size:calc(0.1vw + 14px); line-height:calc(1vw + 25px); }
.layout-partner-g30ex .mod-othercontent01 .swiper-button-prev:hover,.layout-partner-g30ex .mod-othercontent01 .swiper-button-next:hover{color:var(--main) !important; }
.layout-partner-g30ex .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,.layout-partner-g30ex .mod-othercontent01 .swiper-button-next.swiper-button-disabled{opacity:1; color:#ddd; }
.layout-partner-g30ex .mod-othercontent01-title-g30ex .mod-title{padding-bottom:calc(1vw + 10px); }
.layout-partner-g30ex .mod-othercontent01-title-g30ex .title-right{padding-top:calc(0.25vw + 5px); }
.layout-partner-g30ex .mod-othercontent01-title-g30ex .title-right-span{display:block; }
.layout-partner-g30ex .mod-othercontent01-title-g30ex .mod-title h3{color:var(--deputy); font-size:calc(0.2vw + 14px); font-weight:600; }
.layout-partner-g30ex .mod-othercontent01-title-g30ex .mod-title h2{font-size:calc(1.3vw + 18px); line-height:calc(1.5vw + 20px); color:var(--third); font-weight:500; }
.layout-partner-g30ex .mod-othercontent01-title-g30ex .mod-title h2 strong{color:var(--main); font-weight:500; }
.layout-partner-g30ex .mod-othercontent01-title-g30ex .mod-bottom{padding-top:calc(2vw + 10px); }
.layout-partner-g30ex .mod-othercontent01-title-g30ex .mod-bottom a{color:var(--third); background:var(--main); padding:calc(0.25vw + 5px) calc(1vw + 10px); border-radius:calc(0.25vw + 5px); font-weight:600; }
.layout-partner-g30ex .mod-othercontent01-title-g30ex .mod-bottom a:hover{color:#fff; }
.layout-partner-g30ex{padding:calc(2% + 10px) 0; background:#efefef; }
.layout-partner-g30ex .mod-othercontent01 .mod-title h2{font-weight:600; text-align:center; }
.layout-partner-g30ex .mod-othercontent01 .mod-title{text-align:center; }
.layout-partner-g30ex .mod-othercontent01 .mod-title h2 strong{font-size:calc(2vw + 20px); font-weight:600; }
.layout-partner-g30ex .mod-othercontent01 .title-left:before{display:none; }
.layout-partner-g30ex .mod-othercontent01 .content-bg{overflow:visible; position:relative; z-index:2; }
.layout-partner-g30ex .mod-othercontent01 .swiper-container{overflow:visible; }
.layout-partner-g30ex .mod-othercontent01 .swiper-button-prev,.layout-partner-g30ex .mod-othercontent01 .swiper-button-next{top:auto; bottom:calc(100% + 1vw + 10px); transform:none; }
.layout-partner-g30ex .mod-othercontent01 .swiper-button-prev{left:auto; right:calc(1vw + 30px); }

#LUX_BOX{--gold:#C9A84C; --gold-light:#E8D08A; --gold-dark:#8B6914; --ink:#1A1612; --ivory:#F8F5EF; --warm-white:#FDFAF4; --charcoal:#2D2A26; --mid:#6B6560; --border:rgba(201,168,76,0.25); font-family:'Jost', sans-serif; background:var(--ink); color:var(--ivory); overflow:hidden; position:relative; }

#LUX_BOX *{box-sizing:border-box; margin:0; padding:0; }
#LUX_BOX .lux-box-hero{min-height:100vh; display:grid; place-items:center; background:linear-gradient(160deg, rgba(26,22,18,0.82) 40%, rgba(139,105,20,0.16) 100%), url('../picture/8513702.jpg?x-oss-process=image/quality,Q_90') center/cover no-repeat; text-align:center; padding:140px 24px 80px; position:relative; }
#LUX_BOX .lux-box-hero::after{content:''; position:absolute; bottom:0; left:0; right:0; height:1px; background:linear-gradient(90deg, transparent, var(--gold), transparent); }
#LUX_BOX .lux-box-wrap{max-width:980px; margin:0 auto; position:relative; z-index:2; }
#LUX_BOX .lux-box-eyebrow{font-size:11px; letter-spacing:5px; text-transform:uppercase; color:var(--gold); margin-bottom:24px; display:flex; align-items:center; justify-content:center; gap:16px; animation:luxBoxFadeUp 0.8s ease both; }
#LUX_BOX .lux-box-eyebrow::before,#LUX_BOX .lux-box-eyebrow::after{content:''; width:40px; height:1px; background:var(--gold); opacity:0.6; }
#LUX_BOX .lux-box-title{font-family:'Cormorant Garamond', serif; font-size:clamp(44px, 7vw, 88px); font-weight:300; line-height:1.1; color:var(--warm-white); margin-bottom:28px; max-width:860px; margin-left:auto; margin-right:auto; animation:luxBoxFadeUp 0.8s 0.15s ease both; }
#LUX_BOX .lux-box-title em{font-style:italic; color:var(--gold-light); }
#LUX_BOX .lux-box-sub{font-size:15px; font-weight:300; line-height:1.8; color:rgba(248,245,239,0.72); max-width:560px; margin:0 auto 48px; letter-spacing:0.5px; animation:luxBoxFadeUp 0.8s 0.3s ease both; }
#LUX_BOX .lux-box-actions{display:flex; gap:16px; justify-content:center; flex-wrap:wrap; animation:luxBoxFadeUp 0.8s 0.45s ease both; }
#LUX_BOX .lux-box-btn-primary{display:inline-block; padding:16px 40px; background:var(--gold); color:var(--ink); font-size:12px; letter-spacing:2.5px; text-transform:uppercase; font-weight:500; text-decoration:none; transition:background 0.3s, transform 0.2s; }
#LUX_BOX .lux-box-btn-primary:hover{background:var(--gold-light); transform:translateY(-1px); }
#LUX_BOX .lux-box-btn-outline{display:inline-block; padding:15px 40px; border:1px solid rgba(248,245,239,0.4); color:var(--ivory); font-size:12px; letter-spacing:2.5px; text-transform:uppercase; font-weight:300; text-decoration:none; transition:border-color 0.3s, color 0.3s; }
#LUX_BOX .lux-box-btn-outline:hover{border-color:var(--gold); color:var(--gold); }
#LUX_BOX .lux-box-stats{display:flex; gap:60px; justify-content:center; flex-wrap:wrap; margin-top:72px; padding-top:48px; border-top:1px solid rgba(201,168,76,0.2); animation:luxBoxFadeUp 0.8s 0.6s ease both; }
#LUX_BOX .lux-box-stat-item{text-align:center; }
#LUX_BOX .lux-box-stat-num{display:block; font-family:'Cormorant Garamond', serif; font-size:44px; font-weight:300; color:var(--gold); line-height:1; }
#LUX_BOX .lux-box-stat-label{display:block; font-size:10px; letter-spacing:2.5px; text-transform:uppercase; color:rgba(248,245,239,0.55); margin-top:8px; }
#LUX_BOX .lux-box-brand-strip{padding:36px 0; background:rgba(201,168,76,0.06); border-top:1px solid var(--border); border-bottom:1px solid var(--border); }
#LUX_BOX .lux-box-brand-strip-inner{display:flex; align-items:center; justify-content:center; gap:12px; flex-wrap:wrap; text-align:center; padding:0 20px; font-size:11px; letter-spacing:3px; text-transform:uppercase; color:rgba(248,245,239,0.45); }
#LUX_BOX .lux-box-brand-strip-inner .lux-box-sep{color:var(--gold); opacity:0.8; font-size:16px; line-height:1; }

.layout-solu-9xd8q .mod-othercontent01 .swiper-button-prev,.layout-solu-9xd8q .mod-othercontent01 .swiper-button-next{color:#aaa; width:calc(0.5vw + 25px); height:calc(0.5vw + 25px); margin:0; transform:translate(0,-50%); border:1px solid #aaa; border-radius:50%; }
.layout-solu-9xd8q .mod-othercontent01 .swiper-button-prev:after,.layout-solu-9xd8q .mod-othercontent01 .swiper-button-next:after{font-size:calc(0.1vw + 14px); line-height:calc(0.5vw + 25px); }
.layout-solu-9xd8q .mod-othercontent01 .swiper-button-prev:hover,.layout-solu-9xd8q .mod-othercontent01 .swiper-button-next:hover{background:var(--main); color:#fff; border-color:var(--main); }
.layout-solu-9xd8q .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,.layout-solu-9xd8q .mod-othercontent01 .swiper-button-next.swiper-button-disabled{opacity:1; background:#eee; color:#666; }
.layout-solu-9xd8q .mod-othercontent01-titlecenter-9xd8q .mod-title{padding-bottom:calc(1vw + 10px); text-align:center; }
.layout-solu-9xd8q .mod-othercontent01-titlecenter-9xd8q .title-right{padding-top:calc(0.25vw + 5px); max-width:1200px; margin:auto; }
.layout-solu-9xd8q .mod-othercontent01-titlecenter-9xd8q .mod-title h2{font-size:calc(1.4vw + 17px); line-height:calc(1.5vw + px25); color:#000; font-weight:600; }
.layout-solu-9xd8q .mod-othercontent01-titlecenter-9xd8q .mod-title h3{color:var(--main); font-weight:500; }
.layout-solu-9xd8q .mod-othercontent01-titlecenter-9xd8q .title-left:after{content:""; width:80px; height:6px; display:block; margin:calc(0.25vw + 5px) auto; }
.layout-solu-9xd8q{padding:calc(3% + 30px) 0; }
.layout-solu-9xd8q .mod-othercontent01 .title-left:before{content:""; width:35px; height:50px; display:block; margin:0 auto calc(0.25vw + 5px); }
.layout-solu-9xd8q .mod-othercontent01 .content-bg{display:flex; align-items:start; flex-wrap:wrap; justify-content:space-between; }
.layout-solu-9xd8q .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; }
.layout-solu-9xd8q .mod-othercontent01 .item{width:calc(100%/3 - 1vw - 5px); margin:calc(0.5vw + 5px) 0; border-radius:calc(0.25vw + 5px); overflow:hidden; }
.layout-solu-9xd8q .mod-othercontent01 .img{overflow:hidden; }
.layout-solu-9xd8q .mod-othercontent01 .img *{display:block; }
.layout-solu-9xd8q .mod-othercontent01 .text{padding:calc(1.5vw + 10px); }
.layout-solu-9xd8q .mod-othercontent01 .text h3{font-size:calc(0.4vw + 14px); line-height:calc(0.5vw + 20px); color:#000; font-weight:500; }
.layout-solu-9xd8q .mod-othercontent01 .text a{font-weight:500; margin-top:calc(1vw + 5px); display:inline-flex; align-items:center; color:var(--main); }
.layout-solu-9xd8q .mod-othercontent01 .text a:after{content:"\f105"; font:calc(0.2vw + 12px)/1 FontAwesome; padding:0 5px; }

@media(min-width:769px){
.layout-solu-9xd8q .mod-othercontent01 .item{overflow:hidden; position:relative; border-radius:calc(0.25vw + 5px); }
.layout-solu-9xd8q .mod-othercontent01 .text{position:absolute; left:calc(1vw + 10px); right:calc(1vw + 10px); bottom:0; transform:translate(0,calc(2vw + 35px)); z-index:3; text-align:center; background:-webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.5)); }
.layout-solu-9xd8q .mod-othercontent01 .text h3{color:#fff; }
.layout-solu-9xd8q .mod-othercontent01 .text a{color:#fff; }
.layout-solu-9xd8q .mod-othercontent01 .item:hover .text{transform:translate(0,0); background:url(../picture/solu-bg.png) bottom center no-repeat var(--deputy); border-radius:calc(0.5vw + 5px) calc(0.5vw + 5px) 0 0; }
}

@media(max-width:768px){
.layout-solu-9xd8q .mod-othercontent01 .img{border-radius:calc(0.25vw + 5px); }
}

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

.layout-supply-nmtv4 .mod-othercontent01 .swiper-button-prev,.layout-supply-nmtv4 .mod-othercontent01 .swiper-button-next{color:#aaa; width:calc(0.5vw + 25px); height:calc(0.5vw + 25px); margin:0; transform:translate(0,-50%); border:1px solid #aaa; border-radius:50%; }
.layout-supply-nmtv4 .mod-othercontent01 .swiper-button-prev:after,.layout-supply-nmtv4 .mod-othercontent01 .swiper-button-next:after{font-size:calc(0.1vw + 14px); line-height:calc(0.5vw + 25px); }
.layout-supply-nmtv4 .mod-othercontent01 .swiper-button-prev:hover,.layout-supply-nmtv4 .mod-othercontent01 .swiper-button-next:hover{background:var(--main); color:#fff; border-color:var(--main); }
.layout-supply-nmtv4 .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,.layout-supply-nmtv4 .mod-othercontent01 .swiper-button-next.swiper-button-disabled{opacity:1; background:#eee; color:#666; }
.layout-supply-nmtv4 .mod-othercontent01-titlecenter-nmtv4 .mod-title{padding-bottom:calc(1vw + 10px); text-align:center; }
.layout-supply-nmtv4 .mod-othercontent01-titlecenter-nmtv4 .title-right{padding-top:calc(0.25vw + 5px); max-width:1200px; margin:auto; }
.layout-supply-nmtv4 .mod-othercontent01-titlecenter-nmtv4 .title-right-span{display:block; }
.layout-supply-nmtv4 .mod-othercontent01-titlecenter-nmtv4 .mod-title h2{font-size:calc(1vw + 22px); line-height:calc(1vw + 25px); color:#000; font-weight:600; }
.layout-supply-nmtv4 .mod-othercontent01-titlecenter-nmtv4 .mod-title h2:after{content:""; width:80px; height:10px; background:url(../picture/title-bg1.png) center no-repeat; display:block; margin:calc(0.25vw + 5px) auto; }
.layout-supply-nmtv4 .mod-othercontent01-titlecenter-nmtv4 .mod-title a{font-size:calc(0.2vw + 14px); line-height:calc(0.5vw + 20px); font-weight:500; padding:calc(0.25vw + 5px) calc(0.5vw + 10px); display:inline-flex; align-items:center; border:1px solid #333; white-space:nowrap; margin-top:calc(0.5vw + 10px); }
.layout-supply-nmtv4 .mod-othercontent01-titlecenter-nmtv4 .mod-title a:before{content:"➜"; padding-right:10px; color:var(--main); }
.layout-supply-nmtv4 .mod-othercontent01-titlecenter-nmtv4 .mod-title a:hover{background:var(--main); color:#fff; border-color:var(--main); }
.layout-supply-nmtv4 .mod-othercontent01-titlecenter-nmtv4 .mod-title a:hover:before{color:#fff; }
.layout-supply-nmtv4 .mod-othercontent01-titlecenter-nmtv4 .mod-title h3{font-size:calc(0.2vw + 14px); color:var(--main); font-weight:600; }
.layout-supply-nmtv4 .mod-othercontent01-titlecenter-nmtv4 .mod-bottom{padding-top:calc(1vw + 10px); text-align:center; }
.layout-supply-nmtv4 .mod-othercontent01-titlecenter-nmtv4 .mod-bottom a{font-size:calc(0.2vw + 14px); line-height:calc(0.5vw + 20px); font-weight:500; padding:calc(0.25vw + 5px) calc(0.5vw + 10px); display:inline-flex; align-items:center; border:1px solid #333; white-space:nowrap; }
.layout-supply-nmtv4 .mod-othercontent01-titlecenter-nmtv4 .mod-bottom a:before{content:"➜"; padding-right:10px; color:var(--main); }
.layout-supply-nmtv4 .mod-othercontent01-titlecenter-nmtv4 .mod-bottom a:hover{background:var(--main); color:#fff; border-color:var(--main); }
.layout-supply-nmtv4 .mod-othercontent01-titlecenter-nmtv4 .mod-bottom a:hover:before{color:#fff; }
.layout-supply-nmtv4{padding:calc(3% + 30px) 0; background:url(../picture/8580668.jpg?x-oss-process=image/quality,Q_90) center/cover fixed no-repeat; }
.layout-supply-nmtv4 .mod-othercontent01 .mod-content h2{font-size:calc(1.5vw + 18px); line-height:calc(1.5vw + 25px); color:#000; font-weight:600; text-align:center; }
.layout-supply-nmtv4 .mod-othercontent01 .mod-bottom a{background:var(--main); color:#fff; border-color:var(--main); }
.layout-supply-nmtv4 .mod-othercontent01 .mod-bottom a:before{color:#fff; }

.layout-custFive-vq5qn .mod-othercontent01 .swiper-button-prev,.layout-custFive-vq5qn .mod-othercontent01 .swiper-button-next{color:#333; width:calc(1vw + 25px); height:calc(1vw + 25px); background:#f3f3f3; border-radius:50%; margin:0; transform:translate(0,-50%); }
.layout-custFive-vq5qn .mod-othercontent01 .swiper-button-prev:after,.layout-custFive-vq5qn .mod-othercontent01 .swiper-button-next:after{font-size:calc(0.2vw + 14px); line-height:calc(1vw + 25px); }
.layout-custFive-vq5qn .mod-othercontent01 .swiper-button-prev:hover,.layout-custFive-vq5qn .mod-othercontent01 .swiper-button-next:hover{background:var(--main); color:#fff; }
.layout-custFive-vq5qn .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,.layout-custFive-vq5qn .mod-othercontent01 .swiper-button-next.swiper-button-disabled{opacity:1; background:#999; color:#fff; }

@media(max-width:768px){
.layout-custFive-vq5qn .mod-othercontent01 .swiper-button-prev,.layout-custFive-vq5qn .mod-othercontent01 .swiper-button-next{display:none; }
}

.layout-custFive-vq5qn .mod-othercontent01-title-vq5qn .mod-title{padding-bottom:calc(0.5vw + 10px); }
.layout-custFive-vq5qn .mod-othercontent01-title-vq5qn .title-bg{display:flex; align-items:center; flex-wrap:wrap; }
.layout-custFive-vq5qn .mod-othercontent01-title-vq5qn .title-left{flex:auto; text-align:center; }
.layout-custFive-vq5qn .mod-othercontent01-title-vq5qn .title-left-span{display:block; }
.layout-custFive-vq5qn .mod-othercontent01-title-vq5qn .title-left a{display:inline-flex; align-items:center; border:1px solid #999; padding:calc(0.25vw + 5px) calc(1vw + 5px); color:#666; margin-top:calc(0.5vw + 10px); border-radius:calc(0.25vw + 5px); }
.layout-custFive-vq5qn .mod-othercontent01-title-vq5qn .title-left a:after{content:"➔"; padding-left:5px; }
.layout-custFive-vq5qn .mod-othercontent01-title-vq5qn .title-left a:hover{background:var(--main); border-color:var(--main); color:#fff; }
.layout-custFive-vq5qn .mod-othercontent01-title-vq5qn .mod-title h2{font-size:calc(0.8vw + 20px); line-height:calc(1vw + 25px); font-weight:600; color:#000; padding-bottom:calc(0.25vw + 5px); }
.layout-custFive-vq5qn .mod-othercontent01-title-vq5qn .mod-title h3{font-size:calc(0.2vw + 14px); color:var(--main); }
.layout-custFive-vq5qn .mod-othercontent01-title-vq5qn .title-right-span{display:block; }
.layout-custFive-vq5qn .mod-othercontent01-title-vq5qn .title-right a{display:flex; align-items:center; font-weight:500; margin:calc(0.25vw + 5px) 0; }
.layout-custFive-vq5qn .mod-othercontent01-title-vq5qn .title-right a:after{content:"➔"; width:40px; font-size:18px; line-height:36px; border:2px solid var(--main); border-radius:50%; box-sizing:border-box; flex:0 0 40px; margin-left:calc(0.5vw + 5px); text-align:center; }
.layout-custFive-vq5qn .mod-othercontent01-title-vq5qn .title-right a:hover{color:var(--main); }
.layout-custFive-vq5qn .mod-othercontent01-title-vq5qn .title-right a:hover:after{background:var(--main); color:#fff; }

@media(max-width:768px){
.layout-custFive-vq5qn .mod-othercontent01-title-vq5qn .title-bg{justify-content:center; }
}

.layout-custFive-vq5qn{padding:calc(2% + 20px) 0; }
.layout-custFive-vq5qn .mod-othercontent01 .content-bg{display:flex; align-items:start; flex-wrap:wrap; justify-content:space-between; }
.layout-custFive-vq5qn .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; }
.layout-custFive-vq5qn .mod-othercontent01 .item{width:calc(100%/3 - 1vw - 5px); margin:calc(0.5vw + 5px) 0; }
.layout-custFive-vq5qn .mod-othercontent01 .img{border-radius:calc(0.25vw + 5px); overflow:hidden; position:relative; }
.layout-custFive-vq5qn .mod-othercontent01 .img span{position:absolute; top:0; left:0; border-radius:0 0 calc(0.25vw + 5px) 0; background:rgba(0,0,0,0.5); text-align:center; width:calc(2vw + 40px); font-size:calc(0.4vw + 16px); line-height:calc(1vw + 30px); color:#fff; }
.layout-custFive-vq5qn .mod-othercontent01 .text{padding-top:calc(0.5vw + 5px); }
.layout-custFive-vq5qn .mod-othercontent01 .text h3{font-size:calc(0.3vw + 14px); line-height:calc(0.5vw + 20px); font-weight:600; color:#000; padding:calc(0.25vw + 5px) 0; }

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

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

.layout-hotTwo-o8wz8 .mod-othercontent01 .swiper-button-prev,.layout-hotTwo-o8wz8 .mod-othercontent01 .swiper-button-next{color:#333; width:calc(1vw + 30px); height:calc(1vw + 30px); border-radius:50vw; margin:0; }
.layout-hotTwo-o8wz8 .mod-othercontent01 .swiper-button-prev:after,.layout-hotTwo-o8wz8 .mod-othercontent01 .swiper-button-next:after{font-size:calc(0.3vw + 14px); line-height:calc(1.5vw + 30px); }
.layout-hotTwo-o8wz8 .mod-othercontent01 .swiper-button-prev:hover,.layout-hotTwo-o8wz8 .mod-othercontent01 .swiper-button-next:hover{color:var(--main); }
.layout-hotTwo-o8wz8 .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,.layout-hotTwo-o8wz8 .mod-othercontent01 .swiper-button-next.swiper-button-disabled{opacity:1; color:#eee; }

@media(max-width:768px){
.layout-hotTwo-o8wz8 .mod-othercontent01 .swiper-button-prev,.layout-hotTwo-o8wz8 .mod-othercontent01 .swiper-button-next{display:none; }
}

.layout-hotTwo-o8wz8 .mod-othercontent01-titlecenter-o8wz8 .mod-title{padding-bottom:calc(1vw + 10px); text-align:center; }
.layout-hotTwo-o8wz8 .mod-othercontent01-titlecenter-o8wz8 .title-right{max-width:1160px; margin:auto; padding-top:calc(0.5vw + 5px); }
.layout-hotTwo-o8wz8 .mod-othercontent01-titlecenter-o8wz8 .mod-title span{display:block; }
.layout-hotTwo-o8wz8 .mod-othercontent01-titlecenter-o8wz8 .mod-title h3{color:var(--deputy); }
.layout-hotTwo-o8wz8 .mod-othercontent01-titlecenter-o8wz8 .mod-title h2{font-size:calc(1.4vw + 20px); line-height:calc(1.5vw + 25px); text-transform:capitalize; font-weight:600; padding:calc(0.25vw + 5px) 0; }
.layout-hotTwo-o8wz8 .mod-othercontent01-titlecenter-o8wz8 .mod-title b{color:var(--main); }
.layout-hotTwo-o8wz8 .mod-othercontent01-titlecenter-o8wz8 .mod-title a{padding:calc(0.5vw + 5px) calc(1vw + 10px); background:var(--deputy); color:#fff; border-radius:50vw; margin-top:calc(1vw + 10px); text-transform:uppercase; }
.layout-hotTwo-o8wz8 .mod-othercontent01-titlecenter-o8wz8 .mod-title a + a{background:var(--main); margin-left:10px; }
.layout-hotTwo-o8wz8 .mod-othercontent01-titlecenter-o8wz8 .mod-title a:hover{background:var(--third); }
.layout-hotTwo-o8wz8 .mod-othercontent01-titlecenter-o8wz8 .mod-title a+a:hover{background:var(--fourth); }
.layout-hotTwo-o8wz8 .mod-othercontent01-titlecenter-o8wz8 .mod-bottom{padding-top:calc(1vw + 10px); }
.layout-hotTwo-o8wz8 .mod-othercontent01-titlecenter-o8wz8 .bottom-left{display:flex; align-items:center; justify-content:center; flex-wrap:wrap; }
.layout-hotTwo-o8wz8 .mod-othercontent01-titlecenter-o8wz8 .mod-bottom a{padding:calc(0.5vw + 5px) calc(1vw + 10px); background:var(--deputy); color:#fff; border-radius:50vw; text-transform:uppercase; }
.layout-hotTwo-o8wz8 .mod-othercontent01-titlecenter-o8wz8 .mod-bottom a + a{background:var(--main); margin-left:10px; }
.layout-hotTwo-o8wz8 .mod-othercontent01-titlecenter-o8wz8 .mod-bottom a:hover{background:var(--third); }
.layout-hotTwo-o8wz8 .mod-othercontent01-titlecenter-o8wz8 .mod-bottom a+a:hover{background:var(--fourth); }
.layout-hotTwo-o8wz8{padding:calc(3% + 30px) 0; background:#eef2f4; }
.layout-hotTwo-o8wz8 .mod-othercontent01 .content-bg{display:flex; align-items:start; flex-wrap:wrap; justify-content:space-between; }
.layout-hotTwo-o8wz8 .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; }
.layout-hotTwo-o8wz8 .mod-othercontent01 .item{width:calc(29% - 1vw - 5px); text-align:center; display:flex; flex-direction:column; align-items:center; }
.layout-hotTwo-o8wz8 .mod-othercontent01 .text{padding:calc(2vw + 5px) 0; }
.layout-hotTwo-o8wz8 .mod-othercontent01 .text span{font-size:calc(1vw + 16px); line-height:calc(0.5vw + 40px); width:calc(0.5vw + 40px); height:calc(0.5vw + 40px); padding:calc(0.5vw + 5px); border-radius:50%; background:var(--main); display:block; margin:auto; color:#fff; }
.layout-hotTwo-o8wz8 .mod-othercontent01 .text h3{font-size:calc(0.5vw + 14px); line-height:calc(0.5vw + 20px); font-weight:600; padding:calc(0.5vw + 5px) 0; }
.layout-hotTwo-o8wz8 .mod-othercontent01 .img{border-radius:calc(0.5vw + 5px); overflow:hidden; }
.layout-hotTwo-o8wz8 .mod-othercontent01 .text:hover span{background:var(--third); }

@media(min-width:769px){
.layout-hotTwo-o8wz8 .mod-othercontent01 .item:nth-of-type(2){width:calc(42% - 1vw - 5px); }
.layout-hotTwo-o8wz8 .mod-othercontent01 .item.item-re{flex-direction:column-reverse; }
}

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

.layout-supThree-x3kvx .mod-othercontent01 .swiper-button-prev,.layout-supThree-x3kvx .mod-othercontent01 .swiper-button-next{color:#333; width:calc(1vw + 30px); height:calc(1vw + 30px); border-radius:50vw; margin:0; }
.layout-supThree-x3kvx .mod-othercontent01 .swiper-button-prev:after,.layout-supThree-x3kvx .mod-othercontent01 .swiper-button-next:after{font-size:calc(0.3vw + 14px); line-height:calc(1.5vw + 30px); }
.layout-supThree-x3kvx .mod-othercontent01 .swiper-button-prev:hover,.layout-supThree-x3kvx .mod-othercontent01 .swiper-button-next:hover{color:var(--main); }
.layout-supThree-x3kvx .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,.layout-supThree-x3kvx .mod-othercontent01 .swiper-button-next.swiper-button-disabled{opacity:1; color:#eee; }

@media(max-width:768px){
.layout-supThree-x3kvx .mod-othercontent01 .swiper-button-prev,.layout-supThree-x3kvx .mod-othercontent01 .swiper-button-next{display:none; }
}

.layout-supThree-x3kvx .mod-othercontent01-titlecenter-x3kvx .mod-title{padding-bottom:calc(1vw + 10px); text-align:center; }
.layout-supThree-x3kvx .mod-othercontent01-titlecenter-x3kvx .title-right{max-width:1160px; margin:auto; padding-top:calc(0.5vw + 5px); }
.layout-supThree-x3kvx .mod-othercontent01-titlecenter-x3kvx .mod-title span{display:block; }
.layout-supThree-x3kvx .mod-othercontent01-titlecenter-x3kvx .mod-title h3{color:var(--deputy); }
.layout-supThree-x3kvx .mod-othercontent01-titlecenter-x3kvx .mod-title h2{font-size:calc(1.4vw + 20px); line-height:calc(1.5vw + 25px); text-transform:capitalize; font-weight:600; padding:calc(0.25vw + 5px) 0; }
.layout-supThree-x3kvx .mod-othercontent01-titlecenter-x3kvx .mod-title b{color:var(--main); }
.layout-supThree-x3kvx .mod-othercontent01-titlecenter-x3kvx .mod-title a{padding:calc(0.5vw + 5px) calc(1vw + 10px); background:var(--deputy); color:#fff; border-radius:50vw; margin-top:calc(1vw + 10px); text-transform:uppercase; }
.layout-supThree-x3kvx .mod-othercontent01-titlecenter-x3kvx .mod-title a + a{background:var(--main); margin-left:10px; }
.layout-supThree-x3kvx .mod-othercontent01-titlecenter-x3kvx .mod-title a:hover{background:var(--third); }
.layout-supThree-x3kvx .mod-othercontent01-titlecenter-x3kvx .mod-title a+a:hover{background:var(--fourth); }
.layout-supThree-x3kvx .mod-othercontent01-titlecenter-x3kvx .mod-bottom{padding-top:calc(1vw + 10px); }
.layout-supThree-x3kvx .mod-othercontent01-titlecenter-x3kvx .bottom-left{display:flex; align-items:center; justify-content:center; flex-wrap:wrap; }
.layout-supThree-x3kvx .mod-othercontent01-titlecenter-x3kvx .mod-bottom a{padding:calc(0.5vw + 5px) calc(1vw + 10px); background:var(--deputy); color:#fff; border-radius:50vw; text-transform:uppercase; }
.layout-supThree-x3kvx .mod-othercontent01-titlecenter-x3kvx .mod-bottom a + a{background:var(--main); margin-left:10px; }
.layout-supThree-x3kvx .mod-othercontent01-titlecenter-x3kvx .mod-bottom a:hover{background:var(--third); }
.layout-supThree-x3kvx .mod-othercontent01-titlecenter-x3kvx .mod-bottom a+a:hover{background:var(--fourth); }
.layout-supThree-x3kvx{padding:calc(3% + 30px) 0; }
.layout-supThree-x3kvx .mod-othercontent01 .content-bg{display:flex; align-items:stretch; flex-wrap:wrap; counter-reset:supThree; }
.layout-supThree-x3kvx .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; }
.layout-supThree-x3kvx .mod-othercontent01 .text{width:calc(100%/3 - 1vw - 20px); margin:calc(0.5vw + 10px); position:relative; border-radius:calc(0.5vw + 5px); background:#eef2f4; padding:calc(1.5vw + 10px); box-sizing:border-box; }
.layout-supThree-x3kvx .mod-othercontent01 .text:after{content:"0"counter(supThree); counter-increment:supThree; font-size:calc(3vw + 40px); line-height:calc(2vw + 40px); font-weight:700; color:#fff; position:absolute; right:0; bottom:0; z-index:1; }
.layout-supThree-x3kvx .mod-othercontent01 .text:before{content:"\f105"; font:calc(0.5vw + 14px)/1 FontAwesome; position:absolute; top:50%; left:calc(100% + 0.5vw + 10px); transform:translate(-50%,-50%); }
.layout-supThree-x3kvx .mod-othercontent01 .text >*{position:relative; z-index:2; }
.layout-supThree-x3kvx .mod-othercontent01 .text span{width:50px; display:block; }
.layout-supThree-x3kvx .mod-othercontent01 .text h3{font-size:calc(0.5vw + 14px); line-height:calc(0.5vw + 20px); font-weight:600; padding:calc(0.5vw + 5px) 0; }
.layout-supThree-x3kvx .mod-othercontent01 .text:nth-of-type(3n):before{display:none; }
.layout-supThree-x3kvx .mod-othercontent01 .text:hover{background:#fff; box-shadow:0 0 calc(0.5vw + 10px) rgba(0,0,0,0.15); }
.layout-supThree-x3kvx .mod-othercontent01 .text:hover span{filter:contrast(1) brightness(2.5) hue-rotate(215deg); }
.layout-supThree-x3kvx .mod-othercontent01 .text:hover:after{color:var(--third); opacity:0.1; }

@media(max-width:768px){
.layout-supThree-x3kvx .mod-othercontent01 .text{width:calc(100%/2 - 1vw - 20px); }
.layout-supThree-x3kvx .mod-othercontent01 .text:before{display:none; }
}

@media(max-width:480px){
.layout-supThree-x3kvx .mod-othercontent01 .text{width:calc(100% - 1vw - 20px); }
}

@media(max-width:768px){
.layout-sust-7hxbr .mod-othercontent01 .swiper-button-prev,.layout-sust-7hxbr .mod-othercontent01 .swiper-button-next{display:none; }
}

.layout-sust-7hxbr .mod-othercontent01-title-7hxbr .mod-title{text-align:center; padding-bottom:calc(1vw + 10px); }
.layout-sust-7hxbr .mod-othercontent01-title-7hxbr .title-left{float:none; }
.layout-sust-7hxbr .mod-othercontent01-title-7hxbr .title-left:after{content:""; display:block; width:45px; height:4px; background:var(--main); border-radius:10px; margin:calc(0.25vw + 5px) auto; overflow:hidden; }
.layout-sust-7hxbr .mod-othercontent01-title-7hxbr .title-right{float:none; max-width:1250px; margin:auto; }
.layout-sust-7hxbr .mod-othercontent01-title-7hxbr .title-right-span{display:block; }
.layout-sust-7hxbr .mod-othercontent01-title-7hxbr .mod-title h2{font-size:calc(1vw + 16px); line-height:calc(1vw + 25px); font-weight:600; color:#000; padding:calc(0.25vw + 5px) 0; }
.layout-sust-7hxbr .mod-othercontent01-title-7hxbr .mod-title h3{font-size:calc(0.2vw + 14px); line-height:calc(0.5vw + 20px); color:var(--main); }
.layout-sust-7hxbr .mod-othercontent01-title-7hxbr .mod-bottom{padding-top:calc(0.5vw + 10px); }
.layout-sust-7hxbr .mod-othercontent01-title-7hxbr .bottom-left{display:flex; flex-wrap:wrap; margin:0 -5px; }
.layout-sust-7hxbr .mod-othercontent01-title-7hxbr .bottom-left a{color:#333; background:var(--main); margin:5px; font-weight:400; padding:calc(0.5vw + 5px) calc(0.5vw + 10px); text-transform:capitalize; display:inline-flex; align-items:center; border-radius:calc(0.25vw + 5px); }
.layout-sust-7hxbr .mod-othercontent01-title-7hxbr .bottom-left a:after{content:"→"; padding-left:calc(0.25vw + 5px); }
.layout-sust-7hxbr .mod-othercontent01-title-7hxbr .bottom-left a:hover{background:var(--deputy); color:#fff; }
.layout-sust-7hxbr{padding:calc(4% + 40px) 0; background:url(../picture/8549977.jpg?x-oss-process=image/quality,Q_90) center/cover fixed no-repeat; }
.layout-sust-7hxbr .mod-othercontent01 .mod-title *{color:#fff; }
.layout-sust-7hxbr .mod-othercontent01 .mod-content{max-width:1150px; margin:auto; text-align:center; color:#000; }
.layout-sust-7hxbr .mod-othercontent01 .bottom-left{justify-content:center; }

.layout-facTwo-4cpjb .mod-othercontent01 .swiper-button-prev,.layout-facTwo-4cpjb .mod-othercontent01 .swiper-button-next{color:#999; width:calc(1vw + 25px); height:calc(1vw + 25px); background:#efefef; border-radius:50%; }
.layout-facTwo-4cpjb .mod-othercontent01 .swiper-button-prev:after,.layout-facTwo-4cpjb .mod-othercontent01 .swiper-button-next:after{font-size:calc(0.3vw + 14px); }
.layout-facTwo-4cpjb .mod-othercontent01 .swiper-button-prev:hover,.layout-facTwo-4cpjb .mod-othercontent01 .swiper-button-next:hover{color:var(--third); }

@media(max-width:768px){
.layout-facTwo-4cpjb .mod-othercontent01 .swiper-button-prev,.layout-facTwo-4cpjb .mod-othercontent01 .swiper-button-next{display:none; }
}

.layout-facTwo-4cpjb .mod-othercontent01-title-4cpjb .mod-title{text-align:center; padding-bottom:calc(0.5vw + 10px); }
.layout-facTwo-4cpjb .mod-othercontent01-title-4cpjb .title-left{float:none; }
.layout-facTwo-4cpjb .mod-othercontent01-title-4cpjb .title-right{float:none; max-width:1340px; margin:auto; padding-top:calc(0.25vw + 5px); }
.layout-facTwo-4cpjb .mod-othercontent01-title-4cpjb .title-right-span{display:block; }
.layout-facTwo-4cpjb .mod-othercontent01-title-4cpjb .mod-title h2{font-size:calc(1.2vw + 18px); line-height:calc(1.2vw + 25px); color:var(--main); }
.layout-facTwo-4cpjb .mod-othercontent01-title-4cpjb .mod-title h2 strong{font-weight:500; color:var(--fourth); }
.layout-facTwo-4cpjb .mod-othercontent01-title-4cpjb .mod-title h3{font-size:calc(0.2vw + 14px); font-weight:500; }
.layout-facTwo-4cpjb{padding:calc(2% + 20px) 0; background:#efefef; }
.layout-facTwo-4cpjb .mod-othercontent01 .content-bg{display:flex; align-items:stretch; flex-wrap:wrap; justify-content:space-between; }
.layout-facTwo-4cpjb .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; }
.layout-facTwo-4cpjb .mod-othercontent01 .item{width:calc(100%/3 - 0.25vw - 5px); margin:calc(0.5vw + 5px) 0; }
.layout-facTwo-4cpjb .mod-othercontent01 .img{border-radius:calc(0.25vw + 5px); overflow:hidden; }
.layout-facTwo-4cpjb .mod-othercontent01 .text{padding:calc(0.5vw + 5px); }
.layout-facTwo-4cpjb .mod-othercontent01 .text h3{font-size:calc(0.3vw + 16px); line-height:calc(0.5vw + 20px); font-weight:500; color:#000; padding-bottom:5px; }

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

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

.layout-serve-h8kc4 .mod-othercontent01 .swiper-button-prev,.layout-serve-h8kc4 .mod-othercontent01 .swiper-button-next{color:#fff; width:calc(1vw + 30px); height:calc(1vw + 30px); margin:0; transform:translate(0,-50%); }
.layout-serve-h8kc4 .mod-othercontent01 .swiper-button-prev:after,.layout-serve-h8kc4 .mod-othercontent01 .swiper-button-next:after{font-size:calc(0.4vw + 16px); line-height:calc(1vw + 30px); }
.layout-serve-h8kc4 .mod-othercontent01 .swiper-button-prev:hover,.layout-serve-h8kc4 .mod-othercontent01 .swiper-button-next:hover{background:var(--main); }
.layout-serve-h8kc4 .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,.layout-serve-h8kc4 .mod-othercontent01 .swiper-button-next.swiper-button-disabled{opacity:1; background:#eee; color:#999; }
.layout-serve-h8kc4 .mod-othercontent01-titlecenter-h8kc4 .mod-title{padding-bottom:calc(1vw + 10px); text-align:center; }
.layout-serve-h8kc4 .mod-othercontent01-titlecenter-h8kc4 .title-right{max-width:1360px; margin:auto; font-size:calc(0.1vw + 12px); }
.layout-serve-h8kc4 .mod-othercontent01-titlecenter-h8kc4 .title-right-span{display:block; }
.layout-serve-h8kc4 .mod-othercontent01-titlecenter-h8kc4 .mod-title h2{font-size:calc(0.8vw + 20px); line-height:calc(1vw + 20px); color:#333; text-transform:uppercase; }
.layout-serve-h8kc4 .mod-othercontent01-titlecenter-h8kc4 .mod-bottom{padding-top:calc(1vw + 10px); text-align:center; }
.layout-serve-h8kc4 .mod-othercontent01-titlecenter-h8kc4 .mod-bottom a{padding:calc(0.25vw + 5px) calc(2vw + 10px); color:#333; text-transform:capitalize; border:1px solid #333; border-radius:2px; }
.layout-serve-h8kc4 .mod-othercontent01-titlecenter-h8kc4 .mod-bottom a:hover{background:var(--main); border-color:var(--main); color:#fff; }
.layout-serve-h8kc4{padding:calc(3% + 30px) 0 0; background:#DCDCDC; }
.layout-serve-h8kc4 .mod-othercontent01 .mod-title *{color:#fff; }
.layout-serve-h8kc4 .mod-othercontent01 .swiper-container{padding:10px 0 calc(2vw + 10px); }
.layout-serve-h8kc4 .mod-othercontent01 .swiper-slide{width:calc(5vw + 220px); border-radius:5px; overflow:hidden; position:relative; }
.layout-serve-h8kc4 .mod-othercontent01 .swiper-slide a{display:block; }
.layout-serve-h8kc4 .mod-othercontent01 .text{padding:calc(2vw + 10px); position:absolute; top:0; left:0; bottom:0; right:0; background:linear-gradient(0,rgba(0,0,0,0.5),rgba(0,0,0,0)); display:flex; align-items:center; justify-content:end; text-align:center; flex-direction:column; }
.layout-serve-h8kc4 .mod-othercontent01 .text *{font-size:calc(0.5vw + 16px); line-height:calc(0.5vw + 25px); text-transform:uppercase; font-weight:500; display:block; color:#fff; }
.layout-serve-h8kc4 .mod-othercontent01 .swiper-scrollbar{background:#555; opacity:1 !important; }
.layout-serve-h8kc4 .mod-othercontent01 .swiper-scrollbar-drag{background:#999; }

.layout-serve-h8kc4-1 .mod-othercontent01 .swiper-button-prev,.layout-serve-h8kc4-1 .mod-othercontent01 .swiper-button-next{color:#fff; width:calc(1vw + 30px); height:calc(1vw + 30px); margin:0; transform:translate(0,-50%); }
.layout-serve-h8kc4-1 .mod-othercontent01 .swiper-button-prev:after,.layout-serve-h8kc4-1 .mod-othercontent01 .swiper-button-next:after{font-size:calc(0.4vw + 16px); line-height:calc(1vw + 30px); }
.layout-serve-h8kc4-1 .mod-othercontent01 .swiper-button-prev:hover,.layout-serve-h8kc4-1 .mod-othercontent01 .swiper-button-next:hover{background:var(--main); }
.layout-serve-h8kc4-1 .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,.layout-serve-h8kc4-1 .mod-othercontent01 .swiper-button-next.swiper-button-disabled{opacity:1; background:#eee; color:#999; }
.layout-serve-h8kc4-1 .mod-othercontent01-titlecenter-h8kc4-1 .mod-title{padding-bottom:calc(1vw + 10px); text-align:center; }
.layout-serve-h8kc4-1 .mod-othercontent01-titlecenter-h8kc4-1 .title-right{max-width:1360px; margin:auto; font-size:calc(0.1vw + 12px); }
.layout-serve-h8kc4-1 .mod-othercontent01-titlecenter-h8kc4-1 .title-right-span{display:block; }
.layout-serve-h8kc4-1 .mod-othercontent01-titlecenter-h8kc4-1 .mod-title h2{font-size:calc(0.8vw + 20px); line-height:calc(1vw + 20px); color:#333; text-transform:uppercase; }
.layout-serve-h8kc4-1 .mod-othercontent01-titlecenter-h8kc4-1 .mod-bottom{padding-top:calc(1vw + 10px); text-align:center; }
.layout-serve-h8kc4-1 .mod-othercontent01-titlecenter-h8kc4-1 .mod-bottom a{padding:calc(0.25vw + 5px) calc(2vw + 10px); color:#333; text-transform:capitalize; border:1px solid #333; border-radius:2px; }
.layout-serve-h8kc4-1 .mod-othercontent01-titlecenter-h8kc4-1 .mod-bottom a:hover{background:var(--main); border-color:var(--main); color:#fff; }
.layout-serve-h8kc4-1{padding:0 0 calc(3% + 30px); background:#DCDCDC; }
.layout-serve-h8kc4-1 .mod-othercontent01 .mod-title *{color:#fff; }
.layout-serve-h8kc4-1 .mod-othercontent01 .swiper-container{padding:10px 0 calc(2vw + 10px); }
.layout-serve-h8kc4-1 .mod-othercontent01 .swiper-slide{width:calc(5vw + 220px); border-radius:5px; overflow:hidden; position:relative; }
.layout-serve-h8kc4-1 .mod-othercontent01 .swiper-slide a{display:block; }
.layout-serve-h8kc4-1 .mod-othercontent01 .text{padding:calc(2vw + 10px); position:absolute; top:0; left:0; bottom:0; right:0; background:linear-gradient(0,rgba(0,0,0,0.5),rgba(0,0,0,0)); display:flex; align-items:center; justify-content:end; text-align:center; flex-direction:column; }
.layout-serve-h8kc4-1 .mod-othercontent01 .text *{font-size:calc(0.5vw + 16px); line-height:calc(0.5vw + 25px); text-transform:uppercase; font-weight:500; display:block; color:#fff; }
.layout-serve-h8kc4-1 .mod-othercontent01 .swiper-scrollbar{background:#555; opacity:1 !important; }
.layout-serve-h8kc4-1 .mod-othercontent01 .swiper-scrollbar-drag{background:#999; }
.layout-serve-h8kc4-1 .mod-othercontent01 .swiper-container{direction:rtl; }
.layout-serve-h8kc4-1 .mod-othercontent01 .swiper-slide{direction:ltr; }

.layout-banner-moywj .mod-othercontent01 .swiper-button-prev,.layout-banner-moywj .mod-othercontent01 .swiper-button-next{color:#fff; width:calc(1vw + 30px); height:calc(1vw + 30px); margin:0; transform:translate(0,-50%); }
.layout-banner-moywj .mod-othercontent01 .swiper-button-prev:after,.layout-banner-moywj .mod-othercontent01 .swiper-button-next:after{font-size:calc(0.4vw + 14px); line-height:calc(1vw + 30px); }
.layout-banner-moywj .mod-othercontent01 .swiper-button-prev:hover,.layout-banner-moywj .mod-othercontent01 .swiper-button-next:hover{color:var(--deputy); }
.layout-banner-moywj .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,.layout-banner-moywj .mod-othercontent01 .swiper-button-next.swiper-button-disabled{opacity:1; background:#eee; color:#666; }
.layout-banner-moywj .mod-othercontent01-banner-moywj .item{position:relative; z-index:2; overflow:hidden; height:30vh; }
.layout-banner-moywj .mod-othercontent01-banner-moywj .img *{display:block; height:100%; width:auto !important; max-width:inherit !important; position:absolute; top:0; left:50%; transform:translate(-50%,0%); }
.layout-banner-moywj .mod-othercontent01-banner-moywj .text{color:#fff; position:absolute; left:calc(1vw + 10px); top:50%; right:calc(1vw + 10px); max-width:var(--width); transform:translate(0,-50%); margin:auto; }
.layout-banner-moywj .mod-othercontent01-banner-moywj .title{font-size:calc(2vw + 18px); line-height:calc(2vw + 25px); font-weight:600; padding-bottom:calc(1vw + 5px); }
.layout-banner-moywj .mod-othercontent01-banner-moywj .text a{font-weight:600; color:var(--main); background:#fff; padding:calc(0.5vw + 5px) calc(1vw + 10px); border-radius:calc(0.25vw + 5px); margin-top:calc(2vw + 10px); text-transform:uppercase; }
.layout-banner-moywj .mod-othercontent01-banner-moywj .text a:hover{color:var(--deputy); }

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

@media(max-width:768px){
.layout-banner-moywj .mod-othercontent01-banner-moywj .swiper-button-prev,.layout-banner-moywj .mod-othercontent01-banner-moywj .swiper-button-next{display:none; }
}

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

.layout-banner-eqd4e-6zv00 .mod-othercontent01 .swiper-button-prev,.layout-banner-eqd4e-6zv00 .mod-othercontent01 .swiper-button-next{color:var(--main); width:calc(1vw + 20px); height:calc(1vw + 20px); margin:0; transform:translate(0,-50%); border-radius:50%; border:1px solid var(--main); }
.layout-banner-eqd4e-6zv00 .mod-othercontent01 .swiper-button-prev:after,.layout-banner-eqd4e-6zv00 .mod-othercontent01 .swiper-button-next:after{font-size:calc(0.3vw + 14px); line-height:calc(1vw + 20px); }
.layout-banner-eqd4e-6zv00 .mod-othercontent01 .swiper-button-prev:hover,.layout-banner-eqd4e-6zv00 .mod-othercontent01 .swiper-button-next:hover{background:var(--deputy) !important; color:#fff !important; }
.layout-banner-eqd4e-6zv00 .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,.layout-banner-eqd4e-6zv00 .mod-othercontent01 .swiper-button-next.swiper-button-disabled{opacity:1; background:#eee; color:#999; }

@media(max-width:768px){
.layout-banner-eqd4e-6zv00 .mod-othercontent01 .swiper-button-prev,.layout-banner-eqd4e-6zv00 .mod-othercontent01 .swiper-button-next{display:none; }
}

.layout-banner-eqd4e-6zv00 .mod-othercontent01 .swiper-button-prev,.layout-banner-eqd4e-6zv00 .mod-othercontent01 .swiper-button-next{color:#333; width:calc(1vw + 25px); background:#fff; height:calc(1vw + 25px); border-radius:50%; margin:0; transform:translate(0,-50%); }
.layout-banner-eqd4e-6zv00 .mod-othercontent01 .swiper-button-prev:after,.layout-banner-eqd4e-6zv00 .mod-othercontent01 .swiper-button-next:after{font-size:calc(0.2vw + 14px); line-height:calc(1vw + 25px); }
.layout-banner-eqd4e-6zv00 .mod-othercontent01 .swiper-button-prev:hover,.layout-banner-eqd4e-6zv00 .mod-othercontent01 .swiper-button-next:hover{background:var(--main); color:#fff; }
.layout-banner-eqd4e-6zv00 .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,.layout-banner-eqd4e-6zv00 .mod-othercontent01 .swiper-button-next.swiper-button-disabled{opacity:1; background:#eee; color:#666; }
.layout-banner-eqd4e-6zv00 .mod-othercontent01-banner-eqd4e-6zv00 .item{position:relative; z-index:2; overflow:hidden; height:45vh; }
.layout-banner-eqd4e-6zv00 .mod-othercontent01-banner-eqd4e-6zv00 .img *{display:block; height:100%; width:auto !important; max-width:inherit !important; position:absolute; top:0; left:50%; transform:translate(-50%,0%); }
.layout-banner-eqd4e-6zv00 .mod-othercontent01-banner-eqd4e-6zv00 .text{color:#fff; position:absolute; left:calc(1vw + 10px); top:50%; right:calc(1vw + 10px); transform:translate(0%,-50%); max-width:var(--width); margin:auto; }
.layout-banner-eqd4e-6zv00 .mod-othercontent01-banner-eqd4e-6zv00 .desc{max-width:700px; font-size:calc(0.2vw + 14px); }
.layout-banner-eqd4e-6zv00 .mod-othercontent01-banner-eqd4e-6zv00 .desc p{padding-right:2vw; }
.layout-banner-eqd4e-6zv00 .mod-othercontent01-banner-eqd4e-6zv00 .title{font-size:calc(1.6vw + 16px); line-height:calc(2vw + 20px); font-weight:600; padding-bottom:calc(1vw + 5px); text-transform:capitalize; text-shadow:0 0 5px rgba(0,0,0,0.2); }
.layout-banner-eqd4e-6zv00 .mod-othercontent01-banner-eqd4e-6zv00 .text-black{color:#000; }
.layout-banner-eqd4e-6zv00 .mod-othercontent01-banner-eqd4e-6zv00 .text-black .title{text-shadow:none; }
.layout-banner-eqd4e-6zv00 .mod-othercontent01-banner-eqd4e-6zv00 .text a{border-radius:5px; background:var(--main); padding:calc(0.25vw + 5px) calc(1vw + 20px); display:inline-flex; align-items:center; margin-top:calc(2vw + 5px); text-transform:uppercase; white-space:nowrap; color:#fff; }
.layout-banner-eqd4e-6zv00 .mod-othercontent01-banner-eqd4e-6zv00 .text a:after{content:"\f105"; font:calc(0.2vw + 14px)/1 FontAwesome; flex:0 0 calc(0.25vw + 20px); text-align:right; }
.layout-banner-eqd4e-6zv00 .mod-othercontent01-banner-eqd4e-6zv00 .text a:hover{background:var(--deputy); }
.layout-banner-eqd4e-6zv00 .mod-othercontent01-banner-eqd4e-6zv00 .swiper-pagination-bullet{height:4px; width:calc(1vw + 20px); }

@media(min-width:1025px){
.layout-banner-eqd4e-6zv00 .mod-othercontent01-banner-eqd4e-6zv00 .item{min-height:740px; }
}

@media(max-width:768px){
.layout-banner-eqd4e-6zv00 .mod-othercontent01-banner-eqd4e-6zv00 .swiper-button-prev,.layout-banner-eqd4e-6zv00 .mod-othercontent01-banner-eqd4e-6zv00 .swiper-button-next{display:none; }
}

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

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

.layout-product-w8wyv .mod-othercontent01 .swiper-button-prev,.layout-product-w8wyv .mod-othercontent01 .swiper-button-next{color:#333; width:calc(1vw + 25px); height:calc(1vw + 25px); background:#f3f3f3; border-radius:50%; margin:0; transform:translate(0,-50%); }
.layout-product-w8wyv .mod-othercontent01 .swiper-button-prev:after,.layout-product-w8wyv .mod-othercontent01 .swiper-button-next:after{font-size:calc(0.2vw + 14px); line-height:calc(1vw + 25px); }
.layout-product-w8wyv .mod-othercontent01 .swiper-button-prev:hover,.layout-product-w8wyv .mod-othercontent01 .swiper-button-next:hover{background:var(--main); color:#fff; }
.layout-product-w8wyv .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,.layout-product-w8wyv .mod-othercontent01 .swiper-button-next.swiper-button-disabled{opacity:1; background:#999; color:#fff; }

@media(max-width:768px){
.layout-product-w8wyv .mod-othercontent01 .swiper-button-prev,.layout-product-w8wyv .mod-othercontent01 .swiper-button-next{display:none; }
}

.layout-product-w8wyv .mod-othercontent01-titlecenter-w8wyv .mod-title{padding-bottom:calc(0.5vw + 10px); text-align:center; }
.layout-product-w8wyv .mod-othercontent01-titlecenter-w8wyv .title-left:after{content:url(../picture/title-line1.png); display:inline-block; }
.layout-product-w8wyv .mod-othercontent01-titlecenter-w8wyv .title-right{max-width:1100px; margin:auto; padding-top:calc(0.25vw + 5px); }
.layout-product-w8wyv .mod-othercontent01-titlecenter-w8wyv .title-right-span{display:block; }
.layout-product-w8wyv .mod-othercontent01-titlecenter-w8wyv .mod-title h2{font-size:calc(1vw + 16px); line-height:calc(2vw + 20px); color:#000; font-weight:600; display:block; }
.layout-product-w8wyv .mod-othercontent01-titlecenter-w8wyv .title-right a{background:var(--main); color:#fff; padding:calc(0.5vw + 5px) calc(1vw + 10px); border-radius:calc(0.25vw + 5px); margin-top:calc(2vw + 5px); }
.layout-product-w8wyv .mod-othercontent01-titlecenter-w8wyv .title-right a:hover{background:var(--deputy); }
.layout-product-w8wyv{padding:calc(2% + 20px) 0; }
.layout-product-w8wyv .layout-bg{width:calc(100% - 2vw - 20px); max-width:1920px; }
.layout-product-w8wyv .mod-othercontent01 .content-bg{display:flex; align-items:start; flex-wrap:wrap; }
.layout-product-w8wyv .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; }
.layout-product-w8wyv .mod-othercontent01 .items{width:29.65%; display:flex; flex-direction:column; }
.layout-product-w8wyv .mod-othercontent01 .items-max{width:40.7%; }
.layout-product-w8wyv .mod-othercontent01 .item{margin:5px; position:relative; overflow:hidden; }
.layout-product-w8wyv .mod-othercontent01 .img{overflow:hidden; position:relative; }
.layout-product-w8wyv .mod-othercontent01 .img *{display:block; }
.layout-product-w8wyv .mod-othercontent01 .img * + a{position:absolute; left:50%; bottom:calc(0.5vw + 10px); color:#fff; background:rgba(0,0,0,0.2); display:flex; align-items:center; padding:calc(0.25vw + 5px) calc(1vw + 5px); transform:translate(-50%,0); border-radius:calc(0.25vw + 5px); white-space:pre; z-index:2; overflow:hidden; font-weight:500; }
.layout-product-w8wyv .mod-othercontent01 .img * + a:after{content:"\f138"; font:calc(0.3vw + 14px)/1 FontAwesome; padding-left:calc(1vw + 5px); }
.layout-product-w8wyv .mod-othercontent01 .text{padding:calc(0.5vw + 10px); text-align:center; color:#fff; background:var(--main); border-radius:calc(0.25vw + 5px); }
.layout-product-w8wyv .mod-othercontent01 .text a{font-size:calc(0.2vw + 14px); line-height:calc(0.5vw + 20px); color:#fff; font-weight:500; }
.layout-product-w8wyv .mod-othercontent01 .text a:after{content:""; width:calc(2vw + 30px); height:2px; background:#fff; display:block; margin:5px auto; }

@media(min-width:769px){
.layout-product-w8wyv .mod-othercontent01 .text{position:absolute; left:calc(1% + 10px); bottom:calc(1% + 20px); right:calc(1% + 10px); transform:translate(0,200%); z-index:3; max-width:calc(10vw + 150px); box-sizing:border-box; margin:auto; }
.layout-product-w8wyv .mod-othercontent01 .text a:before{content:"\f138"; font:calc(0.4vw + 16px)/1 FontAwesome; position:absolute; top:100%; left:50%; transform:translate(-50%,-50%); text-shadow:0 0 5px rgba(0,0,0,0.2); }
.layout-product-w8wyv .mod-othercontent01 .item:hover .img * + a{opacity:0; }
.layout-product-w8wyv .mod-othercontent01 .item:hover .text{transform:translate(0,0); }
}

@media(max-width:768px){
.layout-product-w8wyv .mod-othercontent01 .items{width:50%; }
.layout-product-w8wyv .mod-othercontent01 .items-max{width:100%; }
}

@media(max-width:480px){
.layout-product-w8wyv .mod-othercontent01 .items{width:100%; }
}

.layout-desFour-5yn5a .mod-othercontent01 .swiper-button-prev,.layout-desFour-5yn5a .mod-othercontent01 .swiper-button-next{background:#fff; width:calc(1vw + 25px); height:calc(1vw + 25px); border-radius:5px; margin:0; color:var(--deputy); }
.layout-desFour-5yn5a .mod-othercontent01 .swiper-button-prev:after,.layout-desFour-5yn5a .mod-othercontent01 .swiper-button-next:after{font-size:calc(0.7vw + 14px); line-height:calc(1vw + 25px); }
.layout-desFour-5yn5a .mod-othercontent01 .swiper-button-prev:hover,.layout-desFour-5yn5a .mod-othercontent01 .swiper-button-next:hover{color:var(--third); }
.layout-desFour-5yn5a .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,.layout-desFour-5yn5a .mod-othercontent01 .swiper-button-next.swiper-button-disabled{opacity:1; color:#eee; }

@keyframes round-5yn5a{
0%{transform:rotate(0deg); }
100%{transform:rotate(-360deg); }
}

.layout-desFour-5yn5a .mod-othercontent01-title-5yn5a .mod-title{padding-bottom:calc(2vw + 10px); }
.layout-desFour-5yn5a .mod-othercontent01-title-5yn5a .title-right{padding-top:calc(0.5vw + 5px); }
.layout-desFour-5yn5a .mod-othercontent01-title-5yn5a .title-right-span{padding:5px 0; }
.layout-desFour-5yn5a .mod-othercontent01-title-5yn5a .mod-title span{display:block; }
.layout-desFour-5yn5a .mod-othercontent01-title-5yn5a .mod-title h3{font-size:calc(0.1vw + 12px); text-transform:uppercase; color:var(--deputy); display:inline-flex; align-items:center; }
.layout-desFour-5yn5a .mod-othercontent01-title-5yn5a .mod-title h3:before{content:""; width:25px; height:25px; background-size:100% auto; margin-right:10px; animation:round-5yn5a 5s linear -1s infinite normal none; }
.layout-desFour-5yn5a .mod-othercontent01-title-5yn5a .mod-title h2{font-size:calc(1.3vw + 20px); line-height:calc(1.5vw + 25px); font-weight:600; color:var(--main); }
.layout-desFour-5yn5a .mod-othercontent01-title-5yn5a .mod-title a{font-weight:600; font-size:calc(0.1vw + 12px); padding:calc(0.25vw + 5px) calc(1vw + 10px); background:var(--deputy); color:#fff; border-radius:50vw; margin-top:calc(1vw + 10px); text-transform:uppercase; }
.layout-desFour-5yn5a .mod-othercontent01-title-5yn5a .mod-title a:hover{background:var(--third); color:var(--main); }
.layout-desFour-5yn5a .mod-othercontent01-title-5yn5a .mod-bottom{padding-top:calc(1vw + 10px); }
.layout-desFour-5yn5a .mod-othercontent01-title-5yn5a .mod-bottom a{font-weight:600; font-size:calc(0.1vw + 12px); padding:calc(0.25vw + 5px) calc(1vw + 10px); background:var(--deputy); color:#fff; border-radius:50vw; text-transform:uppercase; }
.layout-desFour-5yn5a .mod-othercontent01-title-5yn5a .mod-bottom a:hover{background:var(--third); color:var(--main); }
.layout-desFour-5yn5a{padding:calc(3% + 30px) 0; background:url(../picture/desFour-bg.png) left bottom no-repeat #f9f8f5; }
.layout-desFour-5yn5a .mod-othercontent01 .content-bg{display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; }
.layout-desFour-5yn5a .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; }
.layout-desFour-5yn5a .mod-othercontent01 .text{width:calc(50% - 2vw - 10px); }
.layout-desFour-5yn5a .mod-othercontent01 .text h3{font-size:calc(0.3vw + 14px); line-height:calc(0.5vw + 20px); font-weight:700; padding-bottom:calc(0.5vw + 10px); position:relative; }
.layout-desFour-5yn5a .mod-othercontent01 .text ul{padding-left:1.5em; }
.layout-desFour-5yn5a .mod-othercontent01 .text li{list-style:auto; padding:2px 0; }
.layout-desFour-5yn5a .mod-othercontent01 .img{width:calc(50% - 10px); border-radius:5px; overflow:hidden; }
.layout-desFour-5yn5a .mod-othercontent01-desFour-5yn5a .mod-bg{padding-top:calc(2vw + 10px); }
.layout-desFour-5yn5a .mod-othercontent01-desFour-5yn5a .mod-title h3{font-size:calc(0.5vw + 16px); line-height:calc(0.5vw + 20px); font-weight:700; padding:calc(0.5vw + 10px) 0; }
.layout-desFour-5yn5a .mod-othercontent01-desFour-5yn5a .content-bg{align-items:stretch; }
.layout-desFour-5yn5a .mod-othercontent01 .desc{padding:calc(1vw + 10px); width:calc(100%/4 - 1vw - 5px); margin:calc(0.5vw + 5px) 0; box-sizing:border-box; border-radius:5px; background:#fff; border:1px solid #ddd; }
.layout-desFour-5yn5a .mod-othercontent01 .desc span{width:calc(0.5vw + 50px); display:block; }
.layout-desFour-5yn5a .mod-othercontent01 .desc h4{font-size:calc(0.5vw + 14px); line-height:calc(0.5vw + 20px); font-weight:700; padding:calc(1vw + 10px) 0; }
.layout-desFour-5yn5a .mod-othercontent01 .desc:hover{background:var(--deputy); border-color:var(--deputy); color:#fff; }
.layout-desFour-5yn5a .mod-othercontent01 .desc:hover span{filter:brightness(1.5) contrast(4); }

@media(max-width:768px){
.layout-desFour-5yn5a .mod-othercontent01 .text{width:100%; padding-bottom:calc(0.5vw + 10px); }
.layout-desFour-5yn5a .mod-othercontent01 .img{width:100%; }
.layout-desFour-5yn5a .mod-othercontent01 .desc{width:calc(100%/2 - 0.5vw - 5px); }
}

@media(max-width:480px){
.layout-desFour-5yn5a .mod-othercontent01 .desc{width:100%; }
}

.layout-custTen-754nl .mod-othercontent01 .swiper-button-prev,.layout-custTen-754nl .mod-othercontent01 .swiper-button-next{color:#fff; width:calc(1vw + 20px); height:calc(1vw + 20px); border-radius:calc(0.25vw + 5px); background:var(--main); }
.layout-custTen-754nl .mod-othercontent01 .swiper-button-prev:after,.layout-custTen-754nl .mod-othercontent01 .swiper-button-next:after{font-size:calc(0.2vw + 14px); }
.layout-custTen-754nl .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,.layout-custTen-754nl .mod-othercontent01 .swiper-button-next.swiper-button-disabled{opacity:0.5; }

@media(max-width:768px){
.layout-custTen-754nl .mod-othercontent01 .swiper-button-prev,.layout-custTen-754nl .mod-othercontent01 .swiper-button-next{display:none; }
}

.layout-custTen-754nl .mod-othercontent01-titlespace-754nl .mod-title{padding-bottom:calc(1vw + 10px); }
.layout-custTen-754nl .mod-othercontent01-titlespace-754nl .title-bg{display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; }
.layout-custTen-754nl .mod-othercontent01-titlespace-754nl .title-bg > div{width:calc(50% - 5vw - 10px); }
.layout-custTen-754nl .mod-othercontent01-titlespace-754nl .title-left:after{content:""; display:block; width:45px; height:4px; background:var(--deputy); border-radius:10px; margin:calc(0.5vw + 5px) 0; }
.layout-custTen-754nl .mod-othercontent01-titlespace-754nl .title-right-span{display:block; }
.layout-custTen-754nl .mod-othercontent01-titlespace-754nl .mod-title h2{font-size:calc(1.5vw + 15px); line-height:calc(1.5vw + 20px); color:var(--main); }
.layout-custTen-754nl .mod-othercontent01-titlespace-754nl .mod-title h3{font-size:calc(0.2vw + 14px); line-height:calc(0.5vw + 20px); font-weight:400; }

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

.layout-custTen-754nl{padding:calc(2% + 20px) 0; background:#ededed; }
.layout-custTen-754nl .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; }
.layout-custTen-754nl .mod-othercontent01 .item{float:left; width:calc(200%/9 - 0.5vw - 10px); margin:calc(0.4vw + 5px) calc(0.25vw + 5px); position:relative; overflow:hidden; }
.layout-custTen-754nl .mod-othercontent01 .img{border-radius:calc(0.25vw + 5px); overflow:hidden; }
.layout-custTen-754nl .mod-othercontent01 .item-max{width:calc(100%/3 - 0.5vw - 10px); }
.layout-custTen-754nl .mod-othercontent01 .text{padding:calc(0.5vw + 10px); }
.layout-custTen-754nl .mod-othercontent01 .text h4{font-size:calc(0.4vw + 16px); line-height:calc(0.5vw + 20px); font-weight:500; padding-bottom:calc(0.5vw + 5px); color:#333; }

@media(min-width:769px){
.layout-custTen-754nl .mod-othercontent01 .item{border-radius:calc(0.25vw + 5px); }
.layout-custTen-754nl .mod-othercontent01 .text{position:absolute; left:0; bottom:0; right:0; background:-webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.75)); color:#fff; transform:translate(0,calc(100% - 1.5vw - 35px)); border-radius:calc(0.5vw + 5px); }
.layout-custTen-754nl .mod-othercontent01 .text h4{color:#fff; }
.layout-custTen-754nl .mod-othercontent01 .item:hover .text{transform:translate(0,0); background:#333; left:calc(0.25vw + 5px); bottom:calc(0.25vw + 5px); right:calc(0.25vw + 5px); }
.layout-custTen-754nl .mod-othercontent01 .item:hover .text h4{color:var(--main); }
}

@media(max-width:768px){
.layout-custTen-754nl .mod-othercontent01 .item{width:calc(50% - 0.5vw - 10px); }
.layout-custTen-754nl .mod-othercontent01 .item-max{width:calc(100% - 0.5vw - 10px); }
}

@media(max-width:480px){
.layout-custTen-754nl .mod-othercontent01 .item{width:calc(100% - 0.5vw - 10px); }
}

.layout-distSev-8czw0 .mod-othercontent01 .swiper-button-prev,.layout-distSev-8czw0 .mod-othercontent01 .swiper-button-next{color:var(--main); width:calc(1vw + 30px); height:calc(1vw + 30px); border-radius:50%; margin:0; transform:translate(0,-50%); background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.1); }
.layout-distSev-8czw0 .mod-othercontent01 .swiper-button-prev:after,.layout-distSev-8czw0 .mod-othercontent01 .swiper-button-next:after{content:"➜"; font-size:calc(0.4vw + 14px); line-height:calc(1vw + 30px); }
.layout-distSev-8czw0 .mod-othercontent01 .swiper-button-prev:after{transform:rotate(180deg); }
.layout-distSev-8czw0 .mod-othercontent01 .swiper-button-prev:hover,.layout-distSev-8czw0 .mod-othercontent01 .swiper-button-next:hover{background:var(--main); color:#fff; border-color:var(--main); }
.layout-distSev-8czw0 .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,.layout-distSev-8czw0 .mod-othercontent01 .swiper-button-next.swiper-button-disabled{opacity:1; background:#eee; color:#666; }
.layout-distSev-8czw0 .mod-othercontent01-titlecenter-8czw0 .mod-title{padding-bottom:calc(1vw + 10px); text-align:center; }
.layout-distSev-8czw0 .mod-othercontent01-titlecenter-8czw0 .title-right{max-width:1200px; margin:auto; }
.layout-distSev-8czw0 .mod-othercontent01-titlecenter-8czw0 .title-right-span{display:block; }
.layout-distSev-8czw0 .mod-othercontent01-titlecenter-8czw0 .title-left:after{content:""; width:75px; height:5px; background:url(../picture/title-line.png) center no-repeat; display:block; margin:calc(0.5vw + 5px) auto; }
.layout-distSev-8czw0 .mod-othercontent01-titlecenter-8czw0 .mod-title h2{font-size:calc(1.25vw + 20px); line-height:calc(1.5vw + 25px); color:#000; font-weight:700; }
.layout-distSev-8czw0 .mod-othercontent01-titlecenter-8czw0 .mod-title h3{color:var(--main); font-weight:700; }
.layout-distSev-8czw0 .mod-othercontent01-titlecenter-8czw0 .mod-title a{font-weight:500; color:#fff; background:var(--main); padding:calc(0.5vw + 5px) calc(1vw + 10px); border-radius:50vw; margin-top:calc(2vw + 10px); display:inline-flex; align-items:center; white-space:pre; }
.layout-distSev-8czw0 .mod-othercontent01-titlecenter-8czw0 .mod-title a:before{content:"➜"; flex:0 0 20px; display:block; }
.layout-distSev-8czw0 .mod-othercontent01-titlecenter-8czw0 .mod-title a:hover{color:var(--deputy); }
.layout-distSev-8czw0{padding:calc(2% + 20px) 0; background:#f5f5f5; }
.layout-distSev-8czw0 .mod-othercontent01 .content-bg{display:flex; align-items:stretch; flex-wrap:wrap; justify-content:space-between; }
.layout-distSev-8czw0 .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; }
.layout-distSev-8czw0 .mod-othercontent01 dl{width:calc(50% - 2vw - 5px); padding:calc(1vw + 10px) calc(1vw + 10px) calc(2vw + 10px); border-radius:calc(1vw + 5px); box-sizing:border-box; display:flex; align-items:start; justify-content:space-between; }
.layout-distSev-8czw0 .mod-othercontent01 dt{width:calc(1vw + 40px); font-size:calc(1vw + 25px); line-height:calc(1vw + 25px); color:var(--main); }
.layout-distSev-8czw0 .mod-othercontent01 dd{width:calc(100% - 1vw - 30px); font-size:calc(0.2vw + 12px); line-height:calc(0.25vw + 20px); }
.layout-distSev-8czw0 .mod-othercontent01 dd h3{font-size:calc(0.4vw + 16px); font-weight:600; color:#000; padding:calc(0.25vw + 5px) 0; border-bottom:1px solid #aaa; margin-bottom:calc(0.25vw + 5px); }
.layout-distSev-8czw0 .mod-othercontent01 dl:hover{background:#f1f1f1; }

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

.layout-priTen-9rqht .mod-othercontent01 .swiper-button-prev,.layout-priTen-9rqht .mod-othercontent01 .swiper-button-next{color:#333; width:calc(0.5vw + 30px); height:calc(0.5vw + 30px); border-radius:50vw; margin:0; }
.layout-priTen-9rqht .mod-othercontent01 .swiper-button-prev:after,.layout-priTen-9rqht .mod-othercontent01 .swiper-button-next:after{font-size:calc(0.2vw + 14px); line-height:calc(0.5vw + 30px); }
.layout-priTen-9rqht .mod-othercontent01 .swiper-button-prev:hover,.layout-priTen-9rqht .mod-othercontent01 .swiper-button-next:hover{color:#fff; background:var(--deputy); }
.layout-priTen-9rqht .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,.layout-priTen-9rqht .mod-othercontent01 .swiper-button-next.swiper-button-disabled{opacity:1; color:#eee; }

@media(max-width:768px){
.layout-priTen-9rqht .mod-othercontent01 .swiper-button-prev,.layout-priTen-9rqht .mod-othercontent01 .swiper-button-next{display:none; }
}

.layout-priTen-9rqht .mod-othercontent01-titlecenter-9rqht .mod-title{padding-bottom:calc(0.5vw + 10px); text-align:center; }
.layout-priTen-9rqht .mod-othercontent01-titlecenter-9rqht .title-right{padding-top:calc(0.5vw + 5px); max-width:900px; margin:auto; }
.layout-priTen-9rqht .mod-othercontent01-titlecenter-9rqht .title-right-span{display:block; }
.layout-priTen-9rqht .mod-othercontent01-titlecenter-9rqht .mod-title h3{font-family:inherit; padding:5px calc(0.5vw + 10px); border-radius:50vw; background:var(--third); display:inline-block; }
.layout-priTen-9rqht .mod-othercontent01-titlecenter-9rqht .mod-title h2{font-size:calc(1vw + 20px); line-height:calc(1vw + 25px); text-transform:capitalize; font-weight:600; padding:calc(0.25vw + 5px) 0; }
.layout-priTen-9rqht .mod-othercontent01-titlecenter-9rqht .mod-title h2:after{content:""; width:calc(1vw + 40px); height:1px; background:#000; display:block; margin:calc(1vw + 5px) auto 0; }
.layout-priTen-9rqht .mod-othercontent01-titlecenter-9rqht .mod-title a{display:inline-flex; align-items:center; margin-top:calc(2vw + 10px); font-weight:400; }
.layout-priTen-9rqht .mod-othercontent01-titlecenter-9rqht .mod-title a:after{content:"➜"; padding-left:calc(0.5vw + 5px); }
.layout-priTen-9rqht .mod-othercontent01-titlecenter-9rqht .mod-title a:hover{color:var(--deputy); }
.layout-priTen-9rqht .mod-othercontent01-titlecenter-9rqht .mod-bottom{padding-top:calc(1vw + 10px); text-align:center; }
.layout-priTen-9rqht .mod-othercontent01-titlecenter-9rqht .bottom-left{display:flex; align-items:center; justify-content:center; flex-wrap:wrap; }
.layout-priTen-9rqht .mod-othercontent01-titlecenter-9rqht .mod-bottom a{display:flex; align-items:center; font-weight:400; }
.layout-priTen-9rqht .mod-othercontent01-titlecenter-9rqht .mod-bottom a:after{content:"➜"; padding-left:calc(0.5vw + 5px); }
.layout-priTen-9rqht .mod-othercontent01-titlecenter-9rqht .mod-bottom a:hover{color:var(--deputy); }
.layout-priTen-9rqht{padding:calc(2% + 20px) 0; }
.layout-priTen-9rqht .mod-othercontent01 .mod-bg{position:relative; }
.layout-priTen-9rqht .mod-othercontent01 .mod-content{padding-bottom:calc(4vw + 40px); }
.layout-priTen-9rqht .mod-othercontent01 .content-bg{border-radius:calc(0.25vw + 5px); }
.layout-priTen-9rqht .mod-othercontent01 .mod-title{position:absolute; bottom:0; left:calc(3vw + 5px); right:calc(3vw + 5px); padding:calc(2vw + 10px); box-sizing:border-box; background:#fff; border-radius:calc(0.5vw + 5px); box-shadow:0 0 calc(0.5vw + 10px) rgba(0,0,0,0.15); }
.layout-priTen-9rqht .mod-othercontent01 .mod-title a{background:#172B46; border-radius:calc(0.25vw + 5px); padding:calc(0.25vw + 5px) calc(1vw + 10px); color:#fff; }
.layout-priTen-9rqht .mod-othercontent01 .mod-title a:hover{background:var(--deputy); }

.layout-aboutTwo-iv443 .mod-othercontent01 .swiper-button-prev,.layout-aboutTwo-iv443 .mod-othercontent01 .swiper-button-next{color:#fff; width:calc(1vw + 30px); height:calc(1vw + 30px); margin:0; transform:translate(0,-50%); border-radius:calc(0.25vw + 5px); }
.layout-aboutTwo-iv443 .mod-othercontent01 .swiper-button-prev:after,.layout-aboutTwo-iv443 .mod-othercontent01 .swiper-button-next:after{font-size:calc(0.4vw + 16px); line-height:calc(1vw + 30px); }
.layout-aboutTwo-iv443 .mod-othercontent01 .swiper-button-prev:hover,.layout-aboutTwo-iv443 .mod-othercontent01 .swiper-button-next:hover{background:var(--main) !important; color:#fff !important; }
.layout-aboutTwo-iv443 .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,.layout-aboutTwo-iv443 .mod-othercontent01 .swiper-button-next.swiper-button-disabled{opacity:1; background:#eee; color:#999; }
.layout-aboutTwo-iv443 .layout-bg{width:100%; max-width:1920px; }
.layout-aboutTwo-iv443 .mod-othercontent01 .content-bg{display:flex; align-items:stretch; flex-wrap:wrap; }
.layout-aboutTwo-iv443 .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; }
.layout-aboutTwo-iv443 .mod-othercontent01 .item{width:25%; position:relative; text-align:center; }
.layout-aboutTwo-iv443 .mod-othercontent01 .text{padding:calc(2vw + 10px); }
.layout-aboutTwo-iv443 .mod-othercontent01 .text h2{font-size:calc(0.5vw + 16px); line-height:calc(0.5vw + 20px); text-transform:uppercase; font-weight:600; }
.layout-aboutTwo-iv443 .mod-othercontent01 .text h3:after{content:""; width:35px; height:1px; background:var(--main); display:block; margin:calc(1vw + 5px) auto; }

@media(min-width:769px){
.layout-aboutTwo-iv443 .mod-othercontent01 .text{position:absolute; top:0; left:0; bottom:0; right:0; color:#fff; }
.layout-aboutTwo-iv443 .mod-othercontent01 .item:nth-of-type(1) .text{background:rgba(38,38,38,0.9); }
.layout-aboutTwo-iv443 .mod-othercontent01 .item:nth-of-type(2) .text{background:rgba(59,59,59,0.9); }
.layout-aboutTwo-iv443 .mod-othercontent01 .item:nth-of-type(3) .text{background:rgba(103,98,78,0.9); }
.layout-aboutTwo-iv443 .mod-othercontent01 .item:nth-of-type(4) .text{background:rgba(246,246,246,0.9); color:#333; }
}

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

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

.layout-effSix-vjhtx .mod-othercontent01 .swiper-button-prev,.layout-effSix-vjhtx .mod-othercontent01 .swiper-button-next{background:#fff; width:calc(1vw + 25px); height:calc(1vw + 25px); border-radius:5px; margin:0; color:var(--deputy); }
.layout-effSix-vjhtx .mod-othercontent01 .swiper-button-prev:after,.layout-effSix-vjhtx .mod-othercontent01 .swiper-button-next:after{font-size:calc(0.7vw + 14px); line-height:calc(1vw + 25px); }
.layout-effSix-vjhtx .mod-othercontent01 .swiper-button-prev:hover,.layout-effSix-vjhtx .mod-othercontent01 .swiper-button-next:hover{color:var(--third); }
.layout-effSix-vjhtx .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,.layout-effSix-vjhtx .mod-othercontent01 .swiper-button-next.swiper-button-disabled{opacity:1; color:#eee; }

@keyframes round-vjhtx{
0%{transform:rotate(0deg); }
100%{transform:rotate(-360deg); }
}

.layout-effSix-vjhtx .mod-othercontent01-titlecenter-vjhtx .mod-title{padding-bottom:calc(2vw + 10px); text-align:center; max-width:1160px; margin:auto; }
.layout-effSix-vjhtx .mod-othercontent01-titlecenter-vjhtx .title-right{padding-top:calc(0.5vw + 5px); }
.layout-effSix-vjhtx .mod-othercontent01-titlecenter-vjhtx .title-right-span{padding:5px 0; }
.layout-effSix-vjhtx .mod-othercontent01-titlecenter-vjhtx .mod-title span{display:block; }
.layout-effSix-vjhtx .mod-othercontent01-titlecenter-vjhtx .mod-title h3{font-size:calc(0.1vw + 12px); text-transform:uppercase; color:var(--deputy); display:inline-flex; align-items:center; }
.layout-effSix-vjhtx .mod-othercontent01-titlecenter-vjhtx .mod-title h3:before{content:""; width:25px; height:25px; background-size:100% auto; margin-right:10px; animation:round-vjhtx 5s linear -1s infinite normal none; }
.layout-effSix-vjhtx .mod-othercontent01-titlecenter-vjhtx .mod-title h2{font-size:calc(1.3vw + 20px); line-height:calc(1.5vw + 25px); font-weight:600; color:var(--main); }
.layout-effSix-vjhtx .mod-othercontent01-titlecenter-vjhtx .mod-title a{font-weight:600; font-size:calc(0.1vw + 12px); padding:calc(0.25vw + 5px) calc(1vw + 10px); background:var(--deputy); color:#fff; border-radius:50vw; margin-top:calc(1vw + 10px); text-transform:uppercase; }
.layout-effSix-vjhtx .mod-othercontent01-titlecenter-vjhtx .mod-title a:hover{background:var(--third); color:var(--main); }
.layout-effSix-vjhtx .mod-othercontent01-titlecenter-vjhtx .mod-bottom{padding-top:calc(1vw + 10px); }
.layout-effSix-vjhtx .mod-othercontent01-titlecenter-vjhtx .bottom-left{display:flex; align-items:center; justify-content:center; flex-wrap:wrap; }
.layout-effSix-vjhtx .mod-othercontent01-titlecenter-vjhtx .mod-bottom a{font-weight:600; font-size:calc(0.1vw + 12px); padding:calc(0.25vw + 5px) calc(1vw + 10px); background:var(--deputy); color:#fff; border-radius:50vw; text-transform:uppercase; margin:5px; }
.layout-effSix-vjhtx .mod-othercontent01-titlecenter-vjhtx .mod-bottom a:hover{background:var(--third); color:var(--main); }
.layout-effSix-vjhtx{padding:calc(3% + 30px) 0; background:#f9f8f5; }
.layout-effSix-vjhtx .mod-othercontent01 .content-bg{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; padding:calc(1vw + 5px) 0; }
.layout-effSix-vjhtx .mod-othercontent01:nth-of-type(2n) .content-bg{flex-direction:row-reverse; }
.layout-effSix-vjhtx .mod-othercontent01 .text{width:calc(50% - 1vw - 10px); padding:calc(1vw + 10px) 0; }
.layout-effSix-vjhtx .mod-othercontent01 .text span{color:calc(--deputy); display:block; text-transform:uppercase; }
.layout-effSix-vjhtx .mod-othercontent01 .text h3{font-size:calc(0.5vw + 16px); line-height:calc(0.5vw + 20px); font-weight:600; padding:calc(0.25vw + 5px) 0 calc(1vw + 10px); }
.layout-effSix-vjhtx .mod-othercontent01 .text dl{display:flex; align-items:start; justify-content:space-between; padding:calc(0.5vw + 5px) 0; }
.layout-effSix-vjhtx .mod-othercontent01 .text dt{width:25%; }
.layout-effSix-vjhtx .mod-othercontent01 .text dd{width:calc(75% - 1vw - 10px); }
.layout-effSix-vjhtx .mod-othercontent01 .link{margin-top:calc(0.5vw + 10px); display:flex; }
.layout-effSix-vjhtx .mod-othercontent01 .link a{font-size:calc(0.1vw + 12px); padding:calc(0.25vw + 5px) calc(1vw + 10px); border-radius:50vw; text-transform:uppercase; display:flex; align-items:center; font-weight:500; background:var(--deputy); color:#fff; }
.layout-effSix-vjhtx .mod-othercontent01 .link a:after{content:"\f105"; font:14px/1 FontAwesome; padding-left:5px; }
.layout-effSix-vjhtx .mod-othercontent01 .link a:hover{background:var(--third); color:var(--main); }
.layout-effSix-vjhtx .mod-othercontent01 .img{width:calc(50% - 1vw - 10px); border-radius:5px; overflow:hidden; }

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

.layout-process-evv9b .mod-othercontent01 .swiper-button-prev,.layout-process-evv9b .mod-othercontent01 .swiper-button-next{color:#333; width:calc(1vw + 30px); height:calc(1vw + 30px); margin:0; border-radius:5px; }
.layout-process-evv9b .mod-othercontent01 .swiper-button-prev:after,.layout-process-evv9b .mod-othercontent01 .swiper-button-next:after{font-size:calc(0.5vw + 14px); line-height:calc(1vw + 30px); }
.layout-process-evv9b .mod-othercontent01 .swiper-button-prev:hover,.layout-process-evv9b .mod-othercontent01 .swiper-button-next:hover{color:var(--deputy) !important; background:var(--main) !important; }
.layout-process-evv9b .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,.layout-process-evv9b .mod-othercontent01 .swiper-button-next.swiper-button-disabled{opacity:1; color:#eee; }
.layout-process-evv9b .mod-othercontent01-title-evv9b .mod-title{padding-bottom:calc(1vw + 10px); }
.layout-process-evv9b .mod-othercontent01-title-evv9b .title-right{padding-top:calc(0.5vw + 5px); }
.layout-process-evv9b .mod-othercontent01-title-evv9b .mod-title span{display:block; }
.layout-process-evv9b .mod-othercontent01-title-evv9b .mod-title h2{font-size:calc(1.3vw + 16px); line-height:calc(1.5vw + 20px); font-weight:700; font-family:var(--font); text-transform:uppercase; }
.layout-process-evv9b .mod-othercontent01-title-evv9b .mod-title a{margin-top:calc(2vw + 10px); color:#fff; font-size:calc(0.1vw + 13px); font-weight:500; background:var(--deputy); border-radius:5px; padding:calc(0.5vw + 5px) calc(1vw + 10px); font-family:var(--font); text-transform:uppercase; }
.layout-process-evv9b .mod-othercontent01-title-evv9b .mod-title a:hover{background:var(--main); }
.layout-process-evv9b .mod-othercontent01-title-evv9b .mod-bottom{padding-top:calc(2vw + 10px); }
.layout-process-evv9b .mod-othercontent01-title-evv9b .bottom-left:has(a){display:flex; align-items:center; flex-wrap:wrap; margin:0 calc(-0.25vw - 5px); }
.layout-process-evv9b .mod-othercontent01-title-evv9b .mod-bottom a{margin:calc(0.25vw + 5px); color:#fff; font-size:calc(0.1vw + 13px); font-weight:500; background:var(--deputy); border-radius:5px; padding:calc(0.5vw + 5px) calc(1vw + 10px); font-family:var(--font); text-transform:uppercase; }
.layout-process-evv9b .mod-othercontent01-title-evv9b .mod-bottom a:hover{background:var(--main); }
.layout-process-evv9b{padding:calc(3% + 30px) 0; }
.layout-process-evv9b .mod-othercontent01 .mod-bg{display:flex; align-items:start; flex-wrap:wrap; justify-content:space-between; }
.layout-process-evv9b .mod-othercontent01 .mod-title{width:27.5%; }
.layout-process-evv9b .mod-othercontent01 .mod-content{width:calc(72.5% - 2vw - 10px); }
.layout-process-evv9b .mod-othercontent01 .content-bg{display:flex; align-items:stretch; flex-wrap:wrap; counter-reset:process; }
.layout-process-evv9b .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; }
.layout-process-evv9b .mod-othercontent01 .text{width:calc(100%/4); padding:calc(1vw + 10px); box-sizing:border-box; border-radius:5px; text-align:center; position:relative; }
.layout-process-evv9b .mod-othercontent01 .text:after{content:""; position:absolute; top:calc(1.5vw + 40px); height:1px; width:100%; background:var(--main); z-index:1; }
.layout-process-evv9b .mod-othercontent01 .text:last-of-type:after{display:none; }
.layout-process-evv9b .mod-othercontent01 .text span{width:calc(0.5vw + 50px); padding:calc(0.25vw + 5px); border-radius:50vw; background:var(--main); display:block; margin:auto; position:relative; z-index:2; }
.layout-process-evv9b .mod-othercontent01 .text h3{font-size:calc(0.4vw + 16px); line-height:calc(0.5vw + 20px); font-weight:700; font-family:var(--font); padding:calc(1vw + 10px) 0 calc(0.5vw + 5px); }
.layout-process-evv9b .mod-othercontent01 .text h3:before{content:"0"counter(process); counter-increment:process; font-size:calc(0.2vw + 14px); color:var(--deputy); display:block; }
.layout-process-evv9b .mod-othercontent01 .text:hover{background:#f4f4f4; }
.layout-process-evv9b .mod-othercontent01 .text:hover span{background:var(--deputy); }

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

@media(max-width:480px){
.layout-process-evv9b .mod-othercontent01 .text{width:50%; }
.layout-process-evv9b .mod-othercontent01 .text:nth-of-type(2n):after{display:none; }
}

.layout-slogan-jfwps .mod-othercontent01 .swiper-button-prev,.layout-slogan-jfwps .mod-othercontent01 .swiper-button-next{color:#999; width:calc(1vw + 25px); height:calc(1vw + 25px); background:#efefef; border-radius:50%; }
.layout-slogan-jfwps .mod-othercontent01 .swiper-button-prev:after,.layout-slogan-jfwps .mod-othercontent01 .swiper-button-next:after{font-size:calc(0.3vw + 14px); }
.layout-slogan-jfwps .mod-othercontent01 .swiper-button-prev:hover,.layout-slogan-jfwps .mod-othercontent01 .swiper-button-next:hover{color:var(--third); }

@media(max-width:768px){
.layout-slogan-jfwps .mod-othercontent01 .swiper-button-prev,.layout-slogan-jfwps .mod-othercontent01 .swiper-button-next{display:none; }
}

.layout-slogan-jfwps{padding:calc(2% + 20px) 0 calc(1% + 20px); background:url(../picture/8675742.png?x-oss-process=image/quality,Q_90) center no-repeat; }
.layout-slogan-jfwps .mod-othercontent01 .title-left{float:none; font-size:calc(0.2vw + 14px); color:#fff; font-weight:500; display:block; text-align:center; }
.layout-slogan-jfwps .mod-othercontent01 .mod-content{padding:calc(0.5vw + 5px) calc(1vw + 10px); text-align:center; }
.layout-slogan-jfwps .mod-othercontent01 .mod-content h2{font-size:calc(1.2vw + 18px); line-height:calc(1.2vw + 25px); color:#fff; }
.layout-slogan-jfwps .mod-othercontent01 .bottom-left{display:flex; justify-content:center; }
.layout-slogan-jfwps .mod-othercontent01 .bottom-left a{color:#fff; background:#172B46; padding:calc(0.4vw + 5px) calc(1vw + 10px); border-radius:50vw; }

.layout-banner-mal15 .mod-othercontent01 .swiper-button-prev,.layout-banner-mal15 .mod-othercontent01 .swiper-button-next{color:#fff; width:calc(1vw + 30px); height:calc(1vw + 30px); margin:0; transform:translate(0,-50%); }
.layout-banner-mal15 .mod-othercontent01 .swiper-button-prev:after,.layout-banner-mal15 .mod-othercontent01 .swiper-button-next:after{font-size:calc(0.4vw + 14px); line-height:calc(1vw + 30px); }
.layout-banner-mal15 .mod-othercontent01 .swiper-button-prev:hover,.layout-banner-mal15 .mod-othercontent01 .swiper-button-next:hover{color:var(--deputy); }
.layout-banner-mal15 .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,.layout-banner-mal15 .mod-othercontent01 .swiper-button-next.swiper-button-disabled{opacity:1; background:#eee; color:#666; }
.layout-banner-mal15 .mod-othercontent01-banner-mal15 .item{position:relative; z-index:2; overflow:hidden; height:30vh; }
.layout-banner-mal15 .mod-othercontent01-banner-mal15 .img *{display:block; height:100%; width:auto !important; max-width:inherit !important; position:absolute; top:0; left:50%; transform:translate(-50%,0%); }
.layout-banner-mal15 .mod-othercontent01-banner-mal15 .text{color:#fff; position:absolute; left:calc(1vw + 10px); top:50%; right:calc(1vw + 10px); max-width:var(--width); transform:translate(0,-50%); margin:auto; }
.layout-banner-mal15 .mod-othercontent01-banner-mal15 .title{font-size:calc(2vw + 18px); line-height:calc(2vw + 25px); font-weight:600; padding-bottom:calc(1vw + 5px); }
.layout-banner-mal15 .mod-othercontent01-banner-mal15 .text a{font-weight:600; color:var(--main); background:#fff; padding:calc(0.5vw + 5px) calc(1vw + 10px); border-radius:calc(0.25vw + 5px); margin-top:calc(2vw + 10px); text-transform:uppercase; }
.layout-banner-mal15 .mod-othercontent01-banner-mal15 .text a:hover{color:var(--deputy); }

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

@media(max-width:768px){
.layout-banner-mal15 .mod-othercontent01-banner-mal15 .swiper-button-prev,.layout-banner-mal15 .mod-othercontent01-banner-mal15 .swiper-button-next{display:none; }
}

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

@media(max-width:768px){
.layout-manuTwo-76ymc .mod-othercontent01 .swiper-button-prev,.layout-manuTwo-76ymc .mod-othercontent01 .swiper-button-next{display:none; }
}

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

.layout-manuTwo-76ymc:nth-of-type(2n){background:#f1f1f1; }

.layout-manuTwo-76ymc .mod-othercontent01 .title-left{padding-bottom:calc(2vw + 10px); }
.layout-manuTwo-76ymc .mod-othercontent01 .title-right{float:none; text-align:initial; max-width:initial; display:flex; align-items:center; }
.layout-manuTwo-76ymc .mod-othercontent01 .title-right h4{font-size:calc(0.4vw + 16px); line-height:calc(0.5vw + 20px); font-weight:500; color:#000; padding:5px calc(0.5vw + 5px); }
.layout-manuTwo-76ymc .mod-othercontent01 .content-bg{display:flex; align-items:start; flex-wrap:wrap; overflow:visible; }
.layout-manuTwo-76ymc .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; }
.layout-manuTwo-76ymc .mod-othercontent01 .item{width:calc(100%/4 - 1vw - 10px); margin:calc(0.5vw + 5px); border-radius:calc(0.5vw + 5px); text-align:center; overflow:hidden; position:relative; }
.layout-manuTwo-76ymc .mod-othercontent01-title .item{width:calc(100%/5 - 1vw - 10px); }
.layout-manuTwo-76ymc .mod-othercontent01 .item:last-of-type:after{display:none; }
.layout-manuTwo-76ymc .mod-othercontent01 .item span{width:calc(2vw + 60px); padding:5px; color:#fff; display:block; background:#172B46; border-radius:0 0 5px 5px; position:absolute; top:0; left:50%; transform:translate(-50%,0); }
.layout-manuTwo-76ymc .mod-othercontent01 .img{border-radius:0 0 calc(0.5vw + 5px) calc(0.5vw + 5px); overflow:hidden; }
.layout-manuTwo-76ymc .mod-othercontent01 .text{padding:calc(0.5vw + 5px); }
.layout-manuTwo-76ymc .mod-othercontent01 .text h5{font-size:calc(0.2vw + 14px); line-height:calc(0.25vw + 20px); color:#000; font-weight:500; }
.layout-manuTwo-76ymc .mod-othercontent01 .item:hover{background:#f1f1f1; box-shadow:0 0 15px rgba(0,0,0,0.15); }
.layout-manuTwo-76ymc .mod-othercontent01 .item:hover .img{border-radius:0; }
.layout-manuTwo-76ymc .mod-othercontent01 .item:hover span{background:#172B46; color:color:#fff; }

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

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

.layout-custThree-vq868 .mod-othercontent01-title-vq868 .mod-title{text-align:center; padding-bottom:calc(0.5vw + 10px); }
.layout-custThree-vq868 .mod-othercontent01-title-vq868 .title-right{max-width:1000px; margin:auto; color:#666; padding-top:calc(0.25vw + 5px); }
.layout-custThree-vq868 .mod-othercontent01-title-vq868 .title-right-span{display:block; }
.layout-custThree-vq868 .mod-othercontent01-title-vq868 .mod-title h2{font-size:calc(0.8vw + 20px); line-height:calc(1vw + 25px); font-weight:600; color:#000; padding:5px 0; }
.layout-custThree-vq868 .mod-othercontent01-title-vq868 .title-right a{color:#fff; background:var(--main); font-size:calc(0.2vw + 14px); line-height:calc(0.5vw + 20px); padding:calc(0.25vw + 5px) calc(1vw + 20px); border-radius:50vw; text-transform:capitalize; margin-top:calc(1vw + 10px); }
.layout-custThree-vq868 .mod-othercontent01-title-vq868 .mod-bottom{padding-top:calc(1vw + 10px); }
.layout-custThree-vq868 .mod-othercontent01-title-vq868 .bottom-left{display:flex; flex-wrap:wrap; justify-content:center; }
.layout-custThree-vq868 .mod-othercontent01-title-vq868 .bottom-left a{color:#fff; background:var(--main); font-size:calc(0.2vw + 14px); line-height:calc(0.5vw + 20px); padding:calc(0.25vw + 5px) calc(1vw + 20px); border-radius:50vw; text-transform:capitalize; }
.layout-custThree-vq868{padding:calc(2% + 20px) 0; background:#F1F1F1; }
.layout-custThree-vq868 .mod-othercontent01 .content-bg{display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; }
.layout-custThree-vq868 .mod-othercontent01 .text{width:calc(50% - 3vw - 10px); padding:calc(1vw + 10px) 0; }
.layout-custThree-vq868 .mod-othercontent01 .text dl{display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; padding:calc(1vw + 5px) 0; }
.layout-custThree-vq868 .mod-othercontent01 .text dt{width:calc(1vw + 30px); padding:calc(0.5vw + 5px); border-radius:50%; background:var(--main); overflow:hidden; }
.layout-custThree-vq868 .mod-othercontent01 .text dd{width:calc(100% - 3vw - 40px); }
.layout-custThree-vq868 .mod-othercontent01 .text dd h3{font-size:calc(0.4vw + 16px); line-height:calc(0.5vw + 20px); padding-bottom:calc(0.25vw + 5px); color:#000; font-weight:600; }
.layout-custThree-vq868 .mod-othercontent01 .img{width:50%; border-radius:calc(0.5vw + 5px); overflow:hidden; }

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

@media(max-width:480px){
.layout-custThree-vq868 .mod-othercontent01 .text dd{width:100%; padding-top:10px; }
}

.layout-shopTwo-5pzg0 .mod-othercontent01 .swiper-button-prev,.layout-shopTwo-5pzg0 .mod-othercontent01 .swiper-button-next{background:#fff; width:calc(1vw + 25px); height:calc(1vw + 25px); border-radius:5px; margin:0; color:var(--deputy); }
.layout-shopTwo-5pzg0 .mod-othercontent01 .swiper-button-prev:after,.layout-shopTwo-5pzg0 .mod-othercontent01 .swiper-button-next:after{font-size:calc(0.7vw + 14px); line-height:calc(1vw + 25px); }
.layout-shopTwo-5pzg0 .mod-othercontent01 .swiper-button-prev:hover,.layout-shopTwo-5pzg0 .mod-othercontent01 .swiper-button-next:hover{color:var(--third); }
.layout-shopTwo-5pzg0 .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,.layout-shopTwo-5pzg0 .mod-othercontent01 .swiper-button-next.swiper-button-disabled{opacity:1; color:#eee; }

@keyframes round-5pzg0{
0%{transform:rotate(0deg); }
100%{transform:rotate(-360deg); }
}

.layout-shopTwo-5pzg0 .mod-othercontent01-titlecenter-5pzg0 .mod-title{padding-bottom:calc(2vw + 10px); text-align:center; max-width:1160px; margin:auto; }
.layout-shopTwo-5pzg0 .mod-othercontent01-titlecenter-5pzg0 .title-right{padding-top:calc(0.5vw + 5px); }
.layout-shopTwo-5pzg0 .mod-othercontent01-titlecenter-5pzg0 .title-right-span{padding:5px 0; }
.layout-shopTwo-5pzg0 .mod-othercontent01-titlecenter-5pzg0 .mod-title span{display:block; }
.layout-shopTwo-5pzg0 .mod-othercontent01-titlecenter-5pzg0 .mod-title h3{font-size:calc(0.1vw + 12px); text-transform:uppercase; color:#000; display:inline-flex; align-items:center; }
.layout-shopTwo-5pzg0 .mod-othercontent01-titlecenter-5pzg0 .mod-title h3:before{content:""; width:25px; height:25px; background-size:100% auto; margin-right:10px; animation:round-5pzg0 5s linear -1s infinite normal none; }
.layout-shopTwo-5pzg0 .mod-othercontent01-titlecenter-5pzg0 .mod-title h2{font-size:calc(1.3vw + 20px); line-height:calc(1.5vw + 25px); font-weight:600; color:#000; }
.layout-shopTwo-5pzg0 .mod-othercontent01-titlecenter-5pzg0 .mod-title a{font-weight:600; font-size:calc(0.1vw + 12px); padding:calc(0.25vw + 5px) calc(1vw + 10px); background:var(--deputy); color:#fff; border-radius:50vw; margin-top:calc(1vw + 10px); text-transform:uppercase; }
.layout-shopTwo-5pzg0 .mod-othercontent01-titlecenter-5pzg0 .mod-title a:hover{background:var(--third); color:var(--main); }
.layout-shopTwo-5pzg0 .mod-othercontent01-titlecenter-5pzg0 .mod-bottom{padding-top:calc(1vw + 10px); }
.layout-shopTwo-5pzg0 .mod-othercontent01-titlecenter-5pzg0 .bottom-left{display:flex; align-items:center; justify-content:center; flex-wrap:wrap; }
.layout-shopTwo-5pzg0 .mod-othercontent01-titlecenter-5pzg0 .mod-bottom a{font-weight:600; font-size:calc(0.1vw + 12px); padding:calc(0.25vw + 5px) calc(1vw + 10px); background:var(--deputy); color:#fff; border-radius:50vw; text-transform:uppercase; margin:5px; }
.layout-shopTwo-5pzg0 .mod-othercontent01-titlecenter-5pzg0 .mod-bottom a:hover{background:var(--third); color:var(--main); }
.layout-shopTwo-5pzg0{padding:calc(8% + 80px) 0 10px; background:url(../picture/8677701.png?x-oss-process=image/quality,Q_90) top center no-repeat; background-size:auto calc(21vw + 250px); }
.layout-shopTwo-5pzg0 .mod-othercontent01 .mod-title{max-width:900px; padding-bottom:calc(2vw + 10px); }
.layout-shopTwo-5pzg0 .mod-othercontent01 .mod-title *{color:#000; }
.layout-shopTwo-5pzg0 .mod-othercontent01 .mod-title h3{color:var(--third); }
.layout-shopTwo-5pzg0 .mod-othercontent01 .content-bg{display:flex; align-items:stretch; flex-wrap:wrap; padding:calc(0.5vw + 5px); background:#fff; border-radius:5px; }
.layout-shopTwo-5pzg0 .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; }
.layout-shopTwo-5pzg0 .mod-othercontent01 .item{width:calc(100%/3 - 0.5vw - 10px); margin:calc(0.25vw + 5px); border-radius:5px; overflow:hidden; box-sizing:border-box; position:relative; }
.layout-shopTwo-5pzg0 .mod-othercontent01 .item:after{content:""; position:absolute; bottom:0; left:0; height:5px; width:0; background:var(--third); }
.layout-shopTwo-5pzg0 .mod-othercontent01 .text{padding:calc(1vw + 10px); position:absolute; inset:0; }
.layout-shopTwo-5pzg0 .mod-othercontent01 .text h3{font-size:calc(0.5vw + 16px); line-height:calc(0.5vw + 20px); font-weight:700; padding-bottom:calc(0.5vw + 5px); color:var(--main); }
.layout-shopTwo-5pzg0 .mod-othercontent01 .item:hover:after{width:100%; }
.layout-shopTwo-5pzg0 .mod-othercontent01 .item:hover .text h3{color:var(--deputy); }

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

@media(max-width:480px){
.layout-shopTwo-5pzg0 .mod-othercontent01 .item{width:calc(100% - 0.5vw - 10px); }
}

.layout-process-ymsdg .mod-othercontent01 .swiper-button-prev,.layout-process-ymsdg .mod-othercontent01 .swiper-button-next{color:#333; width:calc(0.5vw + 30px); height:calc(0.5vw + 30px); border-radius:50vw; margin:0; }
.layout-process-ymsdg .mod-othercontent01 .swiper-button-prev:after,.layout-process-ymsdg .mod-othercontent01 .swiper-button-next:after{font-size:calc(0.2vw + 14px); line-height:calc(0.5vw + 30px); }
.layout-process-ymsdg .mod-othercontent01 .swiper-button-prev:hover,.layout-process-ymsdg .mod-othercontent01 .swiper-button-next:hover{color:#fff; background:var(--deputy); }
.layout-process-ymsdg .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,.layout-process-ymsdg .mod-othercontent01 .swiper-button-next.swiper-button-disabled{opacity:1; color:#eee; }

@media(max-width:768px){
.layout-process-ymsdg .mod-othercontent01 .swiper-button-prev,.layout-process-ymsdg .mod-othercontent01 .swiper-button-next{display:none; }
}

.layout-process-ymsdg .mod-othercontent01-titlecenter-ymsdg .mod-title{padding-bottom:calc(0.5vw + 10px); text-align:center; }
.layout-process-ymsdg .mod-othercontent01-titlecenter-ymsdg .title-right{padding-top:calc(0.5vw + 5px); max-width:900px; margin:auto; }
.layout-process-ymsdg .mod-othercontent01-titlecenter-ymsdg .title-right-span{display:block; }
.layout-process-ymsdg .mod-othercontent01-titlecenter-ymsdg .mod-title h3{font-family:inherit; padding:5px calc(0.5vw + 10px); border-radius:50vw; background:var(--third); display:inline-block; }
.layout-process-ymsdg .mod-othercontent01-titlecenter-ymsdg .mod-title h2{font-size:calc(1vw + 20px); line-height:calc(1vw + 25px); text-transform:capitalize; font-weight:600; padding:calc(0.25vw + 5px) 0; }
.layout-process-ymsdg .mod-othercontent01-titlecenter-ymsdg .mod-title h2:after{content:""; width:calc(1vw + 40px); height:1px; background:#000; display:block; margin:calc(1vw + 5px) auto 0; }
.layout-process-ymsdg .mod-othercontent01-titlecenter-ymsdg .mod-title a{display:inline-flex; align-items:center; margin-top:calc(2vw + 10px); font-weight:400; }
.layout-process-ymsdg .mod-othercontent01-titlecenter-ymsdg .mod-title a:after{content:"➜"; padding-left:calc(0.5vw + 5px); }
.layout-process-ymsdg .mod-othercontent01-titlecenter-ymsdg .mod-title a:hover{color:var(--deputy); }
.layout-process-ymsdg .mod-othercontent01-titlecenter-ymsdg .mod-bottom{padding-top:calc(1vw + 10px); text-align:center; }
.layout-process-ymsdg .mod-othercontent01-titlecenter-ymsdg .bottom-left{display:flex; align-items:center; justify-content:center; flex-wrap:wrap; }
.layout-process-ymsdg .mod-othercontent01-titlecenter-ymsdg .mod-bottom a{display:flex; align-items:center; font-weight:400; }
.layout-process-ymsdg .mod-othercontent01-titlecenter-ymsdg .mod-bottom a:after{content:"➜"; padding-left:calc(0.5vw + 5px); }
.layout-process-ymsdg .mod-othercontent01-titlecenter-ymsdg .mod-bottom a:hover{color:var(--deputy); }
.layout-process-ymsdg{padding:10px 0; }
.layout-process-ymsdg .mod-othercontent01 .mod-bg{background:var(--third); border-radius:calc(0.25vw + 5px); padding:calc(1vw + 10px) calc(0.5vw + 5px) calc(2vw + 10px); }
.layout-process-ymsdg .mod-othercontent01 .mod-title h2{font-size:calc(2vw + 16px); line-height:calc(2vw + 25px); }
.layout-process-ymsdg .mod-othercontent01 .mod-title h2:after{display:none; }
.layout-process-ymsdg .mod-othercontent01 .content-bg{display:flex; align-items:stretch; flex-wrap:wrap; }
.layout-process-ymsdg .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; }
.layout-process-ymsdg .mod-othercontent01 .item{width:calc(100%/5 - 1vw - 10px); margin:calc(0.5vw + 5px); text-align:center; }
.layout-process-ymsdg .mod-othercontent01 .img{border-radius:calc(0.25vw + 5px); overflow:hidden; }
.layout-process-ymsdg .mod-othercontent01 .text{padding:0 calc(0.5vw + 10px) calc(0.5vw + 10px); position:relative; margin-top:calc(-0.3vw - 10px); }
.layout-process-ymsdg .mod-othercontent01 .text span{display:inline-block; text-transform:uppercase; padding:5px 10px; border-radius:50vw; background:#172B46; }
.layout-process-ymsdg .mod-othercontent01 .text h3{font-weight:600; font-family:inherit; padding:calc(1vw + 5px) 0 5px; display:block; }
.layout-process-ymsdg .mod-othercontent01-titlecenter-ymsdg .mod-bottom{display:flex; align-items:center; justify-content:center; flex-wrap:wrap; width:100%; text-align:center; }
.layout-process-ymsdg .mod-othercontent01-titlecenter-ymsdg .mod-bottom .cta-contact{display:block; width:fit-content; margin:20px auto; padding:10px 20px; background:#172B46; color:#000; border-radius:50vw; text-decoration:none; font-weight:600; transition:all 0.3s ease; }
.layout-process-ymsdg .mod-othercontent01-titlecenter-ymsdg .mod-bottom .cta-contact:hover{background:#172B46; color:#000; }
.layout-process-ymsdg .mod-othercontent01-titlecenter-ymsdg .mod-bottom .cta-contact:after{content:"→"; padding-left:calc(0.5vw + 5px); }

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

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

@media(max-width:768px){
.layout-aboutTwo-3l26x .mod-othercontent01 .swiper-button-prev,.layout-aboutTwo-3l26x .mod-othercontent01 .swiper-button-next{display:none; }
}

.layout-aboutTwo-3l26x .mod-othercontent01-title-3l26x .mod-title{text-align:center; padding-bottom:calc(0.5vw + 10px); }
.layout-aboutTwo-3l26x .mod-othercontent01-title-3l26x .title-left{float:none; }
.layout-aboutTwo-3l26x .mod-othercontent01-title-3l26x .title-left:after{content:""; display:block; width:calc(1vw + 30px); height:5px; background:var(--main); border-radius:10px; margin:calc(0.25vw + 5px) auto; }
.layout-aboutTwo-3l26x .mod-othercontent01-title-3l26x .title-right{float:none; max-width:1150px; margin:auto; }
.layout-aboutTwo-3l26x .mod-othercontent01-title-3l26x .title-right-span{display:block; }
.layout-aboutTwo-3l26x .mod-othercontent01-title-3l26x .mod-title h2{font-size:calc(1.2vw + 16px); line-height:calc(1.5vw + 20px); font-weight:500; color:#000; }
.layout-aboutTwo-3l26x{padding:calc(2% + 20px) 0; background:url(../picture/aboutTwo-bg.jpg) center no-repeat #f1f1f1; }
.layout-aboutTwo-3l26x .mod-othercontent01 .content-bg{display:flex; align-items:start; flex-wrap:wrap; justify-content:space-between; }
.layout-aboutTwo-3l26x .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; }
.layout-aboutTwo-3l26x .mod-othercontent01 dl{width:calc(100%/4 - 2vw - 20px); display:flex; align-items:start; justify-content:space-between; margin:calc(0.5vw + 5px) 0; position:relative; }
.layout-aboutTwo-3l26x .mod-othercontent01 dl + dl:before{content:""; width:3px; height:35px; background:#ccc; position:absolute; top:calc(0.25vw + 5px); left:calc(-2vw - 20px); border-radius:5px; }
.layout-aboutTwo-3l26x .mod-othercontent01 dt{width:50px; border-radius:50%; background:rgba(0,116,211,0.15); }
.layout-aboutTwo-3l26x .mod-othercontent01 dd{width:calc(100% - 60px); }
.layout-aboutTwo-3l26x .mod-othercontent01 dd h3{display:flex; align-items:flex-end; color:var(--main); }
.layout-aboutTwo-3l26x .mod-othercontent01 dd span{font-size:calc(1.7vw + 16px); line-height:calc(2vw + 20px); font-weight:600; }
.layout-aboutTwo-3l26x .mod-othercontent01 dd sub{padding:5px; font-size:calc(0.3vw + 14px); line-height:calc(0.5vw + 20px); }
.layout-aboutTwo-3l26x .mod-othercontent01 dd sup{font-size:12px; line-height:15px; }
.layout-aboutTwo-3l26x .mod-othercontent01 dl:hover dt{background:var(--main); }
.layout-aboutTwo-3l26x .mod-othercontent01 dl:hover dt img{filter:grayscale(1) brightness(10); }

@media(max-width:768px){
.layout-aboutTwo-3l26x .mod-othercontent01 dl{width:calc(100%/2 - 2vw - 20px); }
}

.layout-manu-3hn15 .mod-othercontent01 .swiper-button-prev,.layout-manu-3hn15 .mod-othercontent01 .swiper-button-next{color:#333; width:calc(1vw + 30px); height:calc(1vw + 30px); border-radius:5px; margin:0; }
.layout-manu-3hn15 .mod-othercontent01 .swiper-button-prev:after,.layout-manu-3hn15 .mod-othercontent01 .swiper-button-next:after{font-size:calc(0.3vw + 14px); line-height:calc(1vw + 30px); }
.layout-manu-3hn15 .mod-othercontent01 .swiper-button-prev:hover,.layout-manu-3hn15 .mod-othercontent01 .swiper-button-next:hover{color:#fff !important; background:var(--main) !important; }
.layout-manu-3hn15 .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,.layout-manu-3hn15 .mod-othercontent01 .swiper-button-next.swiper-button-disabled{opacity:1; color:#eee; }
.layout-manu-3hn15 .mod-othercontent01-title-3hn15 .mod-title{padding-bottom:calc(0.5vw + 10px); }
.layout-manu-3hn15 .mod-othercontent01-title-3hn15 .title-right{padding-top:calc(0.5vw + 5px); }
.layout-manu-3hn15 .mod-othercontent01-title-3hn15 .title-right-span{display:block; }
.layout-manu-3hn15 .mod-othercontent01-title-3hn15 .mod-title h2{font-size:calc(1.4vw + 20px); line-height:calc(1.5vw + 25px); text-transform:capitalize; color:#000; font-weight:600; }
.layout-manu-3hn15 .mod-othercontent01-title-3hn15 .mod-title a{padding:calc(0.5vw + 5px) calc(2vw + 10px); color:var(--main); border:2px solid var(--main); border-radius:50vw; margin-top:calc(1vw + 10px); }
.layout-manu-3hn15 .mod-othercontent01-title-3hn15 .mod-title a:hover{background:var(--main); color:#fff; }
.layout-manu-3hn15 .mod-othercontent01-title-3hn15 .mod-bottom{padding-top:calc(1vw + 10px); }
.layout-manu-3hn15 .mod-othercontent01-title-3hn15 .mod-bottom a{padding:calc(0.5vw + 5px) calc(2vw + 10px); color:var(--main); border:2px solid var(--main); border-radius:50vw; }
.layout-manu-3hn15 .mod-othercontent01-title-3hn15 .mod-bottom a:hover{background:var(--main); color:#fff; }
.layout-manu-3hn15{padding:calc(2% + 20px) 0; background:#f1f1f1; }
.layout-manu-3hn15 .mod-othercontent01 .title-bg{display:flex; align-items:end; flex-wrap:wrap; justify-content:space-between; }
.layout-manu-3hn15 .mod-othercontent01 .title-left{max-width:900px; }
.layout-manu-3hn15 .mod-othercontent01 .mod-title h2{padding-bottom:calc(0.5vw + 10px); }
.layout-manu-3hn15 .mod-othercontent01 .content-bg{display:flex; align-items:stretch; flex-wrap:wrap; overflow:visible; }
.layout-manu-3hn15 .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; }
.layout-manu-3hn15 .mod-othercontent01 .item{width:calc(100%/3 - 0.5vw - 10px); margin:calc(0.25vw + 5px); position:relative; overflow:hidden; }
.layout-manu-3hn15 .mod-othercontent01 .img{overflow:hidden; }
.layout-manu-3hn15 .mod-othercontent01 .text{padding:0 calc(1vw + 10px) calc(1vw + 10px); position:relative; }
.layout-manu-3hn15 .mod-othercontent01 .text span{width:calc(0.5vw + 40px); padding:calc(0.5vw + 5px); border-radius:50vw; background:#fff; display:block; margin-top:calc(-0.75vw - 25px); }
.layout-manu-3hn15 .mod-othercontent01 .text h3{font-size:calc(0.5vw + 14px); line-height:calc(0.5vw + 20px); font-weight:600; padding:calc(0.5vw + 5px) 0; }
.layout-manu-3hn15 .mod-othercontent01 .item:hover{box-shadow:0 0 calc(0.5vw + 10px) rgba(0,0,0,0.15); background:#fff; }
.layout-manu-3hn15 .mod-othercontent01 .item:hover .text span{background:var(--main); }
.layout-manu-3hn15 .mod-othercontent01 .item:hover .text span img{filter:grayscale(1) brightness(10); }
.layout-manu-3hn15 .mod-othercontent01 .item:hover .text h3{color:var(--main); }

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

@media(max-width:480px){
.layout-manu-3hn15 .mod-othercontent01 .item{width:calc(100% - 0.5vw - 10px); }
}

.layout-banner-wrylq .mod-othercontent01 .swiper-button-prev,.layout-banner-wrylq .mod-othercontent01 .swiper-button-next{color:#fff; width:calc(1vw + 30px); height:calc(1vw + 30px); margin:0; transform:translate(0,-50%); }
.layout-banner-wrylq .mod-othercontent01 .swiper-button-prev:after,.layout-banner-wrylq .mod-othercontent01 .swiper-button-next:after{font-size:calc(0.2vw + 14px); line-height:calc(1vw + 25px); }
.layout-banner-wrylq .mod-othercontent01 .swiper-button-prev:hover,.layout-banner-wrylq .mod-othercontent01 .swiper-button-next:hover{color:var(--main); }
.layout-banner-wrylq .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,.layout-banner-wrylq .mod-othercontent01 .swiper-button-next.swiper-button-disabled{opacity:1; background:#eee; color:#666; }

@media(max-width:768px){
.layout-banner-wrylq .mod-othercontent01 .swiper-button-prev,.layout-banner-wrylq .mod-othercontent01 .swiper-button-next{display:none; }
}

.layout-banner-wrylq .mod-othercontent01-banner-wrylq .item{position:relative; z-index:2; overflow:hidden; height:30vh; }
.layout-banner-wrylq .mod-othercontent01-banner-wrylq .img *{display:block; height:100%; width:auto !important; max-width:inherit !important; position:absolute; top:0; left:50%; transform:translate(-50%,0%); }
.layout-banner-wrylq .mod-othercontent01-banner-wrylq .text{color:#fff; position:absolute; left:calc(1vw + 10px); top:50%; right:calc(1vw + 10px); max-width:960px; margin:auto; transform:translate(0%,-50%); font-size:calc(0.2vw + 14px); text-align:center; }
.layout-banner-wrylq .mod-othercontent01-banner-wrylq .title{font-size:calc(1.5vw + 18px); line-height:calc(1.5vw + 25px); font-weight:500; padding-bottom:calc(1vw + 5px); text-transform:uppercase; }
.layout-banner-wrylq .mod-othercontent01-banner-wrylq .text a{font-weight:500; color:var(--main); background:#fff; padding:calc(0.5vw + 5px) calc(1.5vw + 10px); border-radius:5px; margin-top:calc(1vw + 10px); }

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

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

.layout-manuOne-sc6gi .mod-othercontent01 .swiper-button-prev,.layout-manuOne-sc6gi .mod-othercontent01 .swiper-button-next{color:#fff; width:calc(1vw + 30px); height:calc(1vw + 30px); border:none; background:rgba(0,0,0,0.5); border-radius:50vw; }
.layout-manuOne-sc6gi .mod-othercontent01 .swiper-button-prev:after,.layout-manuOne-sc6gi .mod-othercontent01 .swiper-button-next:after{font-size:calc(0.3vw + 14px); line-height:calc(1vw + 30px); }
.layout-manuOne-sc6gi .mod-othercontent01 .swiper-button-prev:hover,.layout-manuOne-sc6gi .mod-othercontent01 .swiper-button-next:hover{background:var(--deputy) !important; }
.layout-manuOne-sc6gi .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,.layout-manuOne-sc6gi .mod-othercontent01 .swiper-button-next.swiper-button-disabled{opacity:1; color:#eee; }

@media(max-width:768px){
.layout-manuOne-sc6gi .mod-othercontent01 .swiper-button-prev,.layout-manuOne-sc6gi .mod-othercontent01 .swiper-button-next{display:none; }
}

.layout-manuOne-sc6gi .mod-othercontent01-title-sc6gi .mod-title{padding-bottom:calc(1vw + 10px); }
.layout-manuOne-sc6gi .mod-othercontent01-title-sc6gi .title-right{padding-top:calc(0.25vw + 5px); color:#7a807c; }
.layout-manuOne-sc6gi .mod-othercontent01-title-sc6gi .title-right-span{display:block; padding:5px 0; }
.layout-manuOne-sc6gi .mod-othercontent01-title-sc6gi .mod-title h1{font-size:calc(1.7vw + 16px); line-height:calc(2vw + 20px); font-weight:600; }
.layout-manuOne-sc6gi .mod-othercontent01-title-sc6gi .mod-title h2{font-size:calc(1.4vw + 14px); line-height:calc(2vw + 20px); font-weight:600; }
.layout-manuOne-sc6gi .mod-othercontent01-title-sc6gi .mod-title a{border:2px solid var(--deputy); color:var(--deputy); border-radius:50vw; padding:calc(0.25vw + 5px) calc(1vw + 20px); margin-top:calc(1vw + 10px); }
.layout-manuOne-sc6gi .mod-othercontent01-title-sc6gi .mod-title a:hover{background:var(--deputy); color:#fff; }
.layout-manuOne-sc6gi .mod-othercontent01-title-sc6gi .mod-bottom{padding-top:calc(1vw + 10px); }
.layout-manuOne-sc6gi .mod-othercontent01-title-sc6gi .bottom-left:has(a){display:flex; flex-wrap:wrap; margin:0 -5px; }
.layout-manuOne-sc6gi .mod-othercontent01-title-sc6gi .mod-bottom a{border:2px solid var(--deputy); color:var(--deputy); border-radius:50vw; padding:calc(0.25vw + 5px) calc(1vw + 20px); margin:5px; }
.layout-manuOne-sc6gi .mod-othercontent01-title-sc6gi .mod-bottom a:hover{background:var(--deputy); color:#fff; }
.layout-manuOne-sc6gi .mod-othercontent01-title-sc6gi .mod-bg{display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; padding-bottom:calc(0.5vw + 10px); }
.layout-manuOne-sc6gi .mod-othercontent01-title-sc6gi .mod-title{width:calc(50% - 3vw - 10px); padding:calc(1vw + 10px) 0; order:2; }
.layout-manuOne-sc6gi .mod-othercontent01-title-sc6gi .mod-content{width:50%; order:1; }
.layout-manuOne-sc6gi .mod-othercontent01-title-sc6gi .content-bg{border-radius:calc(0.25vw + 5px); }


.layout-manuOne-sc6gi{padding:calc(2% + 20px) 0 calc(1% + 10px); }
.layout-manuOne-sc6gi .mod-othercontent01-title .mod-bg{display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; padding-bottom:calc(0.5vw + 10px); }
.layout-manuOne-sc6gi .mod-othercontent01-title .mod-title{width:calc(50% - 3vw - 10px); padding:calc(1vw + 10px) 0; order:2; }
.layout-manuOne-sc6gi .mod-othercontent01-title .mod-content{width:50%; order:1; }
.layout-manuOne-sc6gi .mod-othercontent01-title .content-bg{border-radius:calc(0.25vw + 5px); }
.layout-manuOne-sc6gi .mod-othercontent01:has(.desc) .content-bg{display:flex; align-items:stretch; flex-wrap:wrap; justify-content:space-between; }
.layout-manuOne-sc6gi .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; }
.layout-manuOne-sc6gi .mod-othercontent01 .desc{width:calc(100%/5 - 0.5vw - 5px); margin:calc(0.5vw + 5px) 0; padding:calc(3vw + 10px) calc(2vw + 10px); box-sizing:border-box; text-align:center; background:#fff; border-radius:calc(0.25vw + 5px); }
.layout-manuOne-sc6gi .mod-othercontent01 .desc span{display:flex; align-items:start; justify-content:center; padding-bottom:5px; font-size:calc(1.2vw + 18px); line-height:calc(1.5vw + 20px); font-weight:700; font-family:var(--font); }
.layout-manuOne-sc6gi .mod-othercontent01 .desc span sup{font-size:calc(0.6vw + 12px); line-height:calc(0.75vw + 18px); }

@media(max-width:768px){
.layout-manuOne-sc6gi .mod-othercontent01 .mod-bg > div{width:100%; }
.layout-manuOne-sc6gi .mod-othercontent01 .desc{width:calc(100%/2 - 0.5vw - 5px); }
}

.layout-manuOne-sc6gi + .layout-manuTwo{padding:calc(1% + 10px) 0 calc(2% + 20px); background:#f6f3ee; }
.layout-manuOne-sc6gi + .layout-manuTwo .mod-othercontent01 .text h3{font-size:calc(0.5vw + 14px); line-height:calc(0.5vw + 20px); }



/* --- style block 8 --- */

.layout-blog-53tc1 .mod-blog-assign01-titlecenter-53tc1 .mod-title{padding-bottom:calc(1vw + 10px); text-align:center; max-width:1200px; margin:auto; }
.layout-blog-53tc1 .mod-blog-assign01-titlecenter-53tc1 .title-right{padding-top:calc(0.25vw + 5px); }
.layout-blog-53tc1 .mod-blog-assign01-titlecenter-53tc1 .title-right-span{display:block; }
.layout-blog-53tc1 .mod-blog-assign01-titlecenter-53tc1 .title-left{font-size:calc(2vw + 20px); line-height:calc(2vw + 25px); color:var(--deputy); text-transform:capitalize; font-weight:500; }
.layout-blog-53tc1{padding:calc(2% + 20px) 0; }
.layout-blog-53tc1 .mod-blog-assign01 .content-bg{overflow:visible; }
.layout-blog-53tc1 .mod-blog-assign01 ul{display:flex; align-items:stretch; flex-wrap:wrap; justify-content:space-between; }
.layout-blog-53tc1 .mod-blog-assign01 ul *{transition:All 0.3s ease-in-out; }
.layout-blog-53tc1 .mod-blog-assign01 li{width:calc(100%/3 - 0.5vw - 5px); margin:calc(0.5vw + 5px) 0; border-radius:calc(0.25vw + 5px); overflow:hidden; }
.layout-blog-53tc1 .mod-blog-assign01 li a{display:block; }
.layout-blog-53tc1 .mod-blog-assign01 .img{border-radius:calc(0.25vw + 5px); overflow:hidden; }
.layout-blog-53tc1 .mod-blog-assign01 .img img{width:100%; height:auto; }
.layout-blog-53tc1 .mod-blog-assign01 .content{padding:calc(1vw + 10px); }
.layout-blog-53tc1 .mod-blog-assign01 .time{display:flex; align-items:center; padding:calc(0.25vw + 5px) 0; }
.layout-blog-53tc1 .mod-blog-assign01 .time:before{content:"\f017"; font-family:FontAwesome; flex:0 0 calc(0.25vw + 15px); }
.layout-blog-53tc1 .mod-blog-assign01 .link{font-size:calc(0.5vw + 16px); line-height:calc(0.5vw + 20px); font-weight:500; padding-bottom:calc(0.25vw + 5px); }
.layout-blog-53tc1 .mod-blog-assign01 .link-more{color:var(--main); display:inline-flex; align-items:center; margin-top:calc(0.5vw + 10px); }
.layout-blog-53tc1 .mod-blog-assign01 .link-more:after{content:"➜"; padding:0 5px; }
.layout-blog-53tc1 .mod-blog-assign01 li:hover{background:#fff; box-shadow:0 0 calc(1vw + 10px) rgba(0,0,0,0.1); }
.layout-blog-53tc1 .mod-blog-assign01 li:hover .img{border-radius:0; }
.layout-blog-53tc1 .mod-blog-assign01 li:hover .img img{transform:scale(1.05); }
.layout-blog-53tc1 .mod-blog-assign01 li:hover .link{color:var(--main); }
.layout-blog-53tc1 .mod-blog-assign01 h2{color:var(--main);}
@media(max-width:768px){
.layout-blog-53tc1 .mod-blog-assign01 li{width:calc(100%/2 - 0.5vw - 5px); }
}

@media(max-width:480px){
.layout-blog-53tc1 .mod-blog-assign01 li{width:100%; }
}


/* --- style block 9 --- */

.layout-help{box-shadow:0 calc(-3vw - 40px) 0 var(--main) inset;}

.mod-tophtml01 .content-bg{display:flex; align-items:start; flex-wrap:wrap; background:url(../picture/help-bg.jpg) center/cover no-repeat; border-radius:calc(1vw + 5px);}
.mod-tophtml01 .text{width:50%; padding:calc(3vw + 10px); box-sizing:border-box; color:#fff;}
.mod-tophtml01 .text h2{font-size:calc(0.9vw + 18px); line-height:calc(1vw + 25px); text-transform:capitalize; font-weight:600; padding-bottom:calc(0.5vw + 5px);}
.mod-tophtml01 .text a{padding:calc(0.5vw + 5px) calc(1vw + 20px); color:#333; background:var(--main); border-radius:calc(0.25vw + 5px); margin-top:calc(1vw + 10px);}
.mod-tophtml01 .text a:hover{background:#cacaca; color:var(--main);}

@media(max-width:768px){
 .mod-tophtml01 .text{width:100%;}
}


/* --- style block 10 --- */

.mod-footerhtml01 .content-bg{display:flex; flex-wrap:wrap; justify-content:space-between; padding:calc(2vw + 20px) 0;}

.mod-footerhtml01 .item{width:calc(100%/5 - 0.5vw - 5px); padding:10px 0; color:#eee;}
.mod-footerhtml01 .item h3{font-size:calc(0.3vw + 14px); font-weight:500; text-transform:capitalize; padding-bottom:calc(0.5vw + 5px); color:#fff;}
.mod-footerhtml01 .item li a{padding:2px 0;}
.mod-footerhtml01 .item li a:hover{color:var(--deputy);}
.mod-footerhtml01 .item span{max-width:240px; display:block; margin-top:calc(0.5vw + 10px);}

@media(max-width:480px){
 .mod-footerhtml01 .item{width:50%; max-width:initial;}
}

.mod-footerhtml01 .mod-title h2{font-family:"Monoton"; text-transform:uppercase; display:block; font-size:calc(1.5vw + 30px); line-height:calc(2.5vw + 30px); color:#fff; animation:foot 5s linear -1s 1 normal none; -webkit-animation:foot 5s linear -1s infinite 1 none; text-align:center;}

@-webkit-keyframes foot {
 0% {transform: translate(100%,0);}
 to {transform: translate(0%,0);}
}
@keyframes foot {
 0% {transform: translate(100%,0);}
 to {transform: translate(0%,0);}
}


/* --- style block 11 --- */

.mod-share01 .content-bg{display:flex; align-items:center; justify-content:center;}
.mod-share01 a{display:block; overflow:hidden; font:calc(0.4vw + 16px)/1 FontAwesome; color:#999; width:calc(0.5vw + 20px); text-align:center; margin:5px;}
.mod-share01 a:before{line-height:calc(0.5vw + 20px); display:block;}
.mod-share01 .facebook:before{content:"\f230";}
.mod-share01 .linkedin:before{content:"\f08c";}
.mod-share01 .twitter:before{content:"\f099";}
.mod-share01 .google:before{content:"\f0d5";}
.mod-share01 .youtube:before{content:"\f167";}
.mod-share01 .instagram:before{content:"\f16d";}
.mod-share01 .tiktok:before{content:"\f260";}

.mod-share01 a:hover{color:var(--deputy);}


/* --- style block 12 --- */

.layout-bottom{padding:15px 0; background:#000;}

.mod-footer01{text-align:center; line-height:20px; font-size:12px; overflow:hidden; color:#eee;}
.mod-footer01 a{color:#eee; 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;}
}


/* from CEO-Story.html */

.layout-current{padding:15px 0px; background:#f2f2f2;}
.mod-current01 .mod-content .content-bg{display:flex; align-items:center; flex-wrap:wrap;}
.mod-current01 .mod-content span{display:block; padding:0 5px;}
.mod-current01 .mod-content .present{color:#000; display:block;}
.mod-current01 .mod-content .present h2{display:block; font-size:14px; line-height:20px;}
.mod-current01 .mod-content a{color:#333; font-size:14px; line-height:20px; display:block;}
.mod-current01 .mod-content a:hover{text-decoration:underline;}

.layout-pagetop .mod-current01{margin-top:-41px; position:relative; z-index:3;}
.layout-pagetop .mod-current01 .mod-bg{padding:10px 0; border-top:1px solid rgba(255,255,255,0.5); width:calc(100% - 2vw - 20px); max-width:var(--width); margin:auto;}
.layout-pagetop .mod-current01 .mod-content *{color:#fff;}


/* from Capabilities.html */
.btn-showcase { display: inline-block; padding: calc(0.5vw + 5px) calc(1vw + 20px); color: #333; background: #172B46; border-radius: calc(0.25vw + 5px); margin-top: calc(1vw + 10px); text-decoration: none;}

/* from Certifications-Compliance.html */

.mod-otherbar01{width:100%;}


/* from Certifications-Compliance.html */

        .aicontent{
            --dhp-blue:#0b3f6c;
            --dhp-blue-2:#145f98;
            --dhp-blue-3:#2c7db5;
            --dhp-light:#eef6fb;
            --dhp-ice:#f5f9fc;
            --dhp-border:#dbe7ef;
            --dhp-text:#263548;
            --dhp-muted:#617386;
            --dhp-green:#38784f;
            --dhp-green-light:#edf6f0;
            --dhp-white:#ffffff;
            --dhp-shadow:0 12px 35px rgba(22,65,96,.09);
        
            width:100%;
            max-width:100%;
            margin:0;
            padding:0;
            overflow:hidden;
            font-family:Arial,Helvetica,sans-serif;
            color:var(--dhp-text);
            line-height:1.65;
            background:#fff;
            box-sizing:border-box;
        }
        
        .aicontent *,
        .aicontent *:before,
        .aicontent *:after{
            box-sizing:border-box;
        }
        
        .aicontent img{
            display:block;
            max-width:100%;
            height:auto;
        }
        
        .aicontent a{
            text-decoration:none;
        }
        
        .aicontent h1,
        .aicontent h2,
        .aicontent h3,
        .aicontent p{
            margin-top:0;
        }
        
        .aicontent .dhp-container{
            width:100%;
            max-width:1200px;
            margin:0 auto;
            padding-left:24px;
            padding-right:24px;
        }
        
        .aicontent .dhp-section{
            padding:80px 0;
        }
        
        .aicontent .dhp-section-light{
            background:var(--dhp-ice);
        }
        
        .aicontent .dhp-section-blue{
            background:linear-gradient(135deg,#edf7fd 0%,#f8fbfd 55%,#e8f3fa 100%);
        }
        
        .aicontent .dhp-eyebrow{
            display:block;
            margin-bottom:10px;
            color:var(--dhp-blue-3);
            font-size:12px;
            line-height:1.3;
            font-weight:700;
            letter-spacing:1.7px;
            text-transform:uppercase;
        }
        
        .aicontent .dhp-section-title{
            max-width:820px;
            margin-bottom:18px;
            color:var(--dhp-blue);
            font-size:clamp(28px,3vw,42px);
            line-height:1.15;
            font-weight:700;
            letter-spacing:-.4px;
        }
        
        .aicontent .dhp-section-intro{
            max-width:820px;
            margin-bottom:40px;
            color:var(--dhp-muted);
            font-size:16px;
        }
        
        .aicontent .dhp-btn{
            display:inline-flex;
            align-items:center;
            justify-content:center;
            min-height:48px;
            padding:13px 23px;
            border-radius:4px;
            background:var(--dhp-blue);
            color:#fff !important;
            font-size:14px;
            font-weight:700;
            transition:all .25s ease;
        }
        
        .aicontent .dhp-btn:hover{
            background:var(--dhp-blue-2);
            transform:translateY(-2px);
            box-shadow:0 8px 20px rgba(11,63,108,.15);
        }
        
        .aicontent .dhp-btn-outline{
            background:rgba(255,255,255,.45);
            border:1px solid #aac3d5;
            color:var(--dhp-blue) !important;
        }
        
        .aicontent .dhp-btn-outline:hover{
            background:#fff;
        }
        
        .aicontent .dhp-grid-2{
            display:grid;
            grid-template-columns:repeat(2,minmax(0,1fr));
            gap:24px;
        }
        
        .aicontent .dhp-grid-3{
            display:grid;
            grid-template-columns:repeat(3,minmax(0,1fr));
            gap:20px;
        }
        
        .aicontent .dhp-grid-4{
            display:grid;
            grid-template-columns:repeat(4,minmax(0,1fr));
            gap:18px;
        }
        
        .aicontent .dhp-card{
            height:100%;
            padding:27px 24px;
            background:#fff;
            border:1px solid var(--dhp-border);
            border-radius:8px;
            box-shadow:0 6px 20px rgba(20,70,105,.04);
            transition:all .25s ease;
        }
        
        .aicontent .dhp-card:hover{
            transform:translateY(-4px);
            box-shadow:var(--dhp-shadow);
            border-color:#c5dce9;
        }
        
        .aicontent .dhp-card h3{
            margin-bottom:9px;
            color:var(--dhp-blue);
            font-size:18px;
            line-height:1.3;
        }
        
        .aicontent .dhp-card p{
            margin-bottom:0;
            color:var(--dhp-muted);
            font-size:14px;
        }
        
        .aicontent .dhp-tag{
            display:inline-block;
            margin-top:17px;
            padding:6px 9px;
            background:#eaf4fb;
            color:var(--dhp-blue-2);
            border-radius:3px;
            font-size:10px;
            font-weight:700;
            letter-spacing:.6px;
        }
        
        .aicontent .dhp-icon{
            width:46px;
            height:46px;
            margin-bottom:18px;
            border-radius:50%;
            display:flex;
            align-items:center;
            justify-content:center;
            background:#eaf4fb;
            color:var(--dhp-blue);
            font-size:15px;
            font-weight:700;
        }
        
        .aicontent .dhp-icon-green{
            background:var(--dhp-green-light);
            color:var(--dhp-green);
        }
        
        /* =========================
           01 HERO
        ========================= */
        
        .aicontent .dhp-hero{
            position:relative;
            min-height:560px;
            display:flex;
            align-items:center;
            background:
                linear-gradient(90deg,
                    rgba(239,248,253,.99) 0%,
                    rgba(239,248,253,.97) 40%,
                    rgba(239,248,253,.70) 55%,
                    rgba(239,248,253,.12) 100%),
                url('../picture/8686271.png?x-oss-process=image/quality,Q_90') center right/cover no-repeat;
        }
        
        .aicontent .dhp-hero-content{
            width:56%;
            max-width:690px;
            padding:75px 0;
        }
        
        .aicontent .dhp-hero h1{
            margin:0 0 15px;
            color:var(--dhp-blue);
            font-size:clamp(40px,5vw,66px);
            line-height:1.05;
            letter-spacing:-1.5px;
        }
        
        .aicontent .dhp-hero-sub{
            margin-bottom:19px;
            color:var(--dhp-blue);
            font-size:20px;
            line-height:1.45;
            font-weight:700;
        }
        
        .aicontent .dhp-hero-copy{
            max-width:650px;
            margin-bottom:15px;
            color:#455a6d;
            font-size:16px;
        }
        
        .aicontent .dhp-hero-actions{
            display:flex;
            flex-wrap:wrap;
            gap:12px;
            margin-top:28px;
        }
        
        .aicontent .dhp-trustbar{
            background:#fff;
            border-bottom:1px solid var(--dhp-border);
            box-shadow:0 6px 18px rgba(20,70,105,.04);
        }
        
        .aicontent .dhp-trust-grid{
            display:grid;
            grid-template-columns:repeat(6,1fr);
        }
        
        .aicontent .dhp-trust-item{
            min-height:105px;
            padding:21px 12px;
            display:flex;
            align-items:center;
            justify-content:center;
            text-align:center;
            border-right:1px solid #e7eef3;
        }
        
        .aicontent .dhp-trust-item:last-child{
            border-right:0;
        }
        
        .aicontent .dhp-trust-item strong{
            display:block;
            color:var(--dhp-blue);
            font-size:13px;
        }
        
        .aicontent .dhp-trust-item span{
            display:block;
            margin-top:3px;
            color:var(--dhp-muted);
            font-size:11px;
        }
        
        /* =========================
           PPWR
        ========================= */
        
        .aicontent .dhp-ppwr-layout{
            display:grid;
            grid-template-columns:1fr 1fr;
            gap:55px;
            align-items:center;
        }
        
        .aicontent .dhp-image-box{
            display:block;
            overflow:hidden;
            border-radius:10px;
            background:#eaf1f5;
            box-shadow:0 12px 35px rgba(15,70,105,.10);
        }
        
        .aicontent .dhp-image-box img{
            width:100%;
            height:auto;
            aspect-ratio:auto;
            object-fit:contain;
            transition:transform .4s ease;
        }
        
        .aicontent .dhp-image-box:hover img{
            transform:scale(1.025);
        }
        
        .aicontent .dhp-check-list{
            display:grid;
            grid-template-columns:1fr 1fr;
            gap:13px;
            margin-top:25px;
        }
        
        .aicontent .dhp-check{
            display:flex;
            gap:10px;
            align-items:flex-start;
            font-size:14px;
            color:#42566a;
        }
        
        .aicontent .dhp-check-mark{
            flex:0 0 23px;
            height:23px;
            border-radius:50%;
            display:flex;
            align-items:center;
            justify-content:center;
            background:#dceef9;
            color:var(--dhp-blue);
            font-weight:700;
        }
        
        .aicontent .dhp-process-strip{
            display:grid;
            grid-template-columns:repeat(6,1fr);
            margin-top:40px;
            background:#fff;
            border:1px solid var(--dhp-border);
            border-radius:7px;
            overflow:hidden;
        }
        
        .aicontent .dhp-process-strip div{
            position:relative;
            padding:20px 10px;
            text-align:center;
            color:var(--dhp-blue);
            font-size:12px;
            font-weight:700;
        }
        
        .aicontent .dhp-process-strip div:not(:last-child):after{
            content:"→";
            position:absolute;
            right:-5px;
            color:#83a9c4;
        }
        
        /* =========================
           FSC / EUDR
        ========================= */
        
        .aicontent .dhp-sourcing-top{
            display:grid;
            grid-template-columns:1fr 1fr;
            gap:25px;
            margin-top:35px;
        }
        
        .aicontent .dhp-sourcing-panel{
            padding:35px;
            border-radius:10px;
            background:linear-gradient(135deg,#f0f8f3,#fff);
            border:1px solid #d8e9dd;
        }
        
        .aicontent .dhp-sourcing-panel h3{
            margin-bottom:15px;
            color:var(--dhp-green);
            font-size:22px;
            line-height:1.3;
        }
        
        .aicontent .dhp-sourcing-panel p{
            color:#536779;
            font-size:14px;
        }
        
        .aicontent .dhp-supply-chain{
            display:grid;
            grid-template-columns:repeat(6,1fr);
            gap:12px;
            margin-top:35px;
        }
        
        .aicontent .dhp-chain-item{
            position:relative;
            text-align:center;
        }
        
        .aicontent .dhp-chain-item:not(:last-child):after{
            content:"→";
            position:absolute;
            top:40px;
            right:-11px;
            color:#8da9bb;
        }
        
        .aicontent .dhp-chain-img{
            display:block;
            margin-bottom:10px;
            overflow:hidden;
            border-radius:6px;
            background:#edf2f4;
        }
        
        .aicontent .dhp-chain-img img{
            width:100%;
            height:auto;
            aspect-ratio:auto;
            object-fit:contain;
            transition:transform .3s ease;
        }
        
        .aicontent .dhp-chain-img:hover img{
            transform:scale(1.04);
        }
        
        .aicontent .dhp-chain-item strong{
            color:var(--dhp-blue);
            font-size:12px;
        }
        
        /* =========================
           ISO QC
        ========================= */
        
        .aicontent .dhp-qc-card{
            overflow:hidden;
            background:#fff;
            border:1px solid var(--dhp-border);
            border-radius:7px;
            transition:all .25s ease;
        }
        
        .aicontent .dhp-qc-card:hover{
            transform:translateY(-3px);
            box-shadow:var(--dhp-shadow);
        }
        
        .aicontent .dhp-qc-card > a{
            display:flex;
            align-items:center;
            justify-content:center;
            overflow:hidden;
            background:#eef3f6;
        }
        
        .aicontent .dhp-qc-card img{
            width:100%;
            height:auto;
            aspect-ratio:auto;
            object-fit:contain;
            transition:transform .35s ease;
        }
        
        .aicontent .dhp-qc-card:hover img{
            transform:scale(1.025);
        }
        
        .aicontent .dhp-qc-content{
            padding:18px;
        }
        
        .aicontent .dhp-qc-number{
            display:inline-block;
            margin-bottom:7px;
            color:var(--dhp-blue-3);
            font-size:11px;
            font-weight:700;
        }
        
        .aicontent .dhp-qc-content h3{
            margin-bottom:8px;
            color:var(--dhp-blue);
            font-size:16px;
        }
        
        .aicontent .dhp-qc-content p{
            margin:0;
            color:var(--dhp-muted);
            font-size:13px;
        }
        
        /* =========================
           RoHS
        ========================= */
        
        .aicontent .dhp-rohs-flow{
            display:flex;
            flex-wrap:wrap;
            align-items:center;
            justify-content:center;
            gap:8px;
            margin-top:30px;
        }
        
        .aicontent .dhp-rohs-item{
            padding:15px 18px;
            background:#fff;
            border:1px solid var(--dhp-border);
            border-radius:6px;
            color:var(--dhp-blue);
            font-size:13px;
            font-weight:700;
            box-shadow:0 5px 15px rgba(20,70,105,.04);
        }
        
        .aicontent .dhp-arrow{
            color:#88a8bc;
            font-weight:700;
        }
        
        /* =========================
           DOCUMENTATION
        ========================= */
        
        .aicontent .dhp-doc-card{
            padding:24px 17px;
            text-align:center;
            background:#fff;
            border:1px solid var(--dhp-border);
            border-radius:7px;
            transition:all .25s ease;
        }
        
        .aicontent .dhp-doc-card:hover{
            transform:translateY(-3px);
            box-shadow:var(--dhp-shadow);
        }
        
        .aicontent .dhp-doc-symbol{
            width:42px;
            height:42px;
            margin:0 auto 13px;
            display:flex;
            align-items:center;
            justify-content:center;
            border-radius:50%;
            background:#edf6fb;
            color:var(--dhp-blue);
            font-size:15px;
            font-weight:700;
        }
        
        .aicontent .dhp-doc-card h3{
            margin-bottom:7px;
            color:var(--dhp-blue);
            font-size:14px;
        }
        
        .aicontent .dhp-doc-card p{
            margin:0;
            color:var(--dhp-muted);
            font-size:12px;
        }
        
        
        /* =========================
           CERTIFICATE GALLERY
        ========================= */
        
        .aicontent .dhp-cert-gallery{
            display:grid;
            grid-template-columns:repeat(4,minmax(0,1fr));
            gap:22px;
            margin-top:36px;
        }
        
        .aicontent .dhp-cert-card{
            overflow:hidden;
            background:#fff;
            border:1px solid var(--dhp-border);
            border-radius:9px;
            box-shadow:0 8px 24px rgba(20,70,105,.06);
            transition:all .25s ease;
        }
        
        .aicontent .dhp-cert-card:hover{
            transform:translateY(-4px);
            box-shadow:var(--dhp-shadow);
        }
        
        .aicontent .dhp-cert-image{
            position:relative;
            display:flex;
            align-items:center;
            justify-content:center;
            min-height:310px;
            padding:18px;
            overflow:hidden;
            background:#f4f7f9;
            border-bottom:1px solid var(--dhp-border);
        }
        
        .aicontent .dhp-cert-image img{
            width:auto;
            max-width:100%;
            height:auto;
            max-height:360px;
            object-fit:contain;
            box-shadow:0 5px 16px rgba(28,55,75,.10);
        }
        
        .aicontent .dhp-cert-placeholder{
            width:100%;
            min-height:270px;
            display:flex;
            flex-direction:column;
            align-items:center;
            justify-content:center;
            padding:24px;
            text-align:center;
            background:linear-gradient(145deg,#ffffff,#eef5f9);
            border:1px dashed #b9cedc;
            color:var(--dhp-blue);
        }
        
        .aicontent .dhp-cert-placeholder strong{
            display:block;
            margin-bottom:7px;
            font-size:20px;
        }
        
        .aicontent .dhp-cert-placeholder span{
            color:var(--dhp-muted);
            font-size:12px;
        }
        
        .aicontent .dhp-cert-body{
            padding:18px 18px 20px;
        }
        
        .aicontent .dhp-cert-body h3{
            margin-bottom:7px;
            color:var(--dhp-blue);
            font-size:16px;
        }
        
        .aicontent .dhp-cert-body p{
            margin:0;
            color:var(--dhp-muted);
            font-size:12px;
        }
        
        .aicontent .dhp-cert-note{
            margin-top:24px;
            padding:15px 18px;
            border-left:3px solid var(--dhp-blue-3);
            background:#f5f9fc;
            color:var(--dhp-muted);
            font-size:12px;
        }
        
        /* =========================
           VERIFICATION TABLE
        ========================= */
        
        .aicontent .dhp-verification{
            overflow-x:auto;
            border:1px solid var(--dhp-border);
            border-radius:8px;
            box-shadow:0 7px 22px rgba(20,70,105,.04);
        }
        
        .aicontent .dhp-verification table{
            width:100%;
            min-width:780px;
            border-collapse:collapse;
            background:#fff;
        }
        
        .aicontent .dhp-verification th{
            padding:16px;
            text-align:left;
            background:var(--dhp-blue);
            color:#fff;
            font-size:12px;
        }
        
        .aicontent .dhp-verification td{
            padding:15px 16px;
            border-bottom:1px solid #e7eef3;
            color:#4d6072;
            font-size:13px;
        }
        
        .aicontent .dhp-verification tr:last-child td{
            border-bottom:0;
        }
        
        .aicontent .dhp-verification td strong{
            color:var(--dhp-blue);
        }
        
        .aicontent .dhp-verification td a{
            color:var(--dhp-blue-2);
            font-weight:700;
        }
        
        .aicontent .dhp-verification td a:hover{
            text-decoration:underline;
        }
        
        .aicontent .dhp-status{
            display:inline-flex;
            align-items:center;
            gap:6px;
            font-weight:700;
            color:#367550;
        }
        
        .aicontent .dhp-status:before{
            content:"";
            width:8px;
            height:8px;
            border-radius:50%;
            background:#43a164;
        }
        
        /* =========================
           FAQ
        ========================= */
        
        .aicontent .dhp-faq{
            max-width:950px;
            margin:0 auto;
        }
        
        .aicontent .dhp-faq details{
            background:#fff;
            border-bottom:1px solid var(--dhp-border);
        }
        
        .aicontent .dhp-faq summary{
            position:relative;
            padding:20px 45px 20px 4px;
            cursor:pointer;
            list-style:none;
            color:var(--dhp-blue);
            font-weight:700;
            font-size:15px;
        }
        
        .aicontent .dhp-faq summary::-webkit-details-marker{
            display:none;
        }
        
        .aicontent .dhp-faq summary:after{
            content:"+";
            position:absolute;
            right:8px;
            top:15px;
            font-size:24px;
            color:var(--dhp-blue-3);
        }
        
        .aicontent .dhp-faq details[open] summary:after{
            content:"−";
        }
        
        .aicontent .dhp-faq-answer{
            padding:0 40px 20px 4px;
            color:var(--dhp-muted);
            font-size:14px;
        }
        
        /* =========================
           FINAL CTA
        ========================= */
        
        .aicontent .dhp-final{
            padding:80px 0;
            background:linear-gradient(135deg,#07375f,#0c4c7c 58%,#123e62);
            color:#fff;
        }
        
        .aicontent .dhp-final-layout{
            display:grid;
            grid-template-columns:.9fr 1.1fr;
            gap:55px;
            align-items:center;
        }
        
        .aicontent .dhp-final .dhp-eyebrow{
            color:#8ec8ef;
        }
        
        .aicontent .dhp-final h2{
            margin-bottom:18px;
            color:#fff;
            font-size:clamp(30px,4vw,46px);
            line-height:1.12;
        }
        
        .aicontent .dhp-final-copy{
            color:#d9e8f2;
        }
        
        .aicontent .dhp-request-box{
            padding:35px;
            background:#fff;
            border-radius:10px;
            box-shadow:0 15px 40px rgba(0,0,0,.15);
        }
        
        .aicontent .dhp-request-box .dhp-eyebrow{
            color:var(--dhp-blue-3);
        }
        
        .aicontent .dhp-request-box h3{
            margin:0 0 12px;
            color:var(--dhp-blue);
            font-size:25px;
            line-height:1.25;
        }
        
        .aicontent .dhp-request-box > p{
            margin:0 0 25px;
            color:var(--dhp-muted);
            font-size:14px;
        }
        
        .aicontent .dhp-request-list{
            display:grid;
            gap:15px;
        }
        
        .aicontent .dhp-request-item{
            display:flex;
            align-items:flex-start;
            gap:12px;
            padding-bottom:14px;
            border-bottom:1px solid #e5edf3;
        }
        
        .aicontent .dhp-request-item:last-child{
            padding-bottom:0;
            border-bottom:0;
        }
        
        .aicontent .dhp-request-item > span{
            flex:0 0 25px;
            width:25px;
            height:25px;
            display:flex;
            align-items:center;
            justify-content:center;
            border-radius:50%;
            background:#e6f2fa;
            color:var(--dhp-blue);
            font-size:13px;
            font-weight:700;
        }
        
        .aicontent .dhp-request-item strong{
            display:block;
            margin-bottom:2px;
            color:var(--dhp-blue);
            font-size:14px;
        }
        
        .aicontent .dhp-request-item small{
            display:block;
            color:#6c7c8c;
            font-size:12px;
            line-height:1.5;
        }
        
        .aicontent .dhp-document-tags{
            display:flex;
            flex-wrap:wrap;
            gap:8px;
            margin:25px 0;
        }
        
        .aicontent .dhp-document-tags span{
            padding:7px 11px;
            background:#eef6fb;
            border:1px solid #d7e7f1;
            border-radius:4px;
            color:var(--dhp-blue);
            font-size:11px;
            font-weight:700;
        }
        
        .aicontent .dhp-request-btn{
            width:100%;
        }
        
        /* =========================
           RESPONSIVE
        ========================= */
        
        @media(max-width:980px){
        
            .aicontent .dhp-grid-4,
            .aicontent .dhp-cert-gallery{
                grid-template-columns:repeat(2,1fr);
            }
        
            .aicontent .dhp-trust-grid{
                grid-template-columns:repeat(3,1fr);
            }
        
            .aicontent .dhp-trust-item:nth-child(3){
                border-right:0;
            }
        
            .aicontent .dhp-trust-item:nth-child(-n+3){
                border-bottom:1px solid #e7eef3;
            }
        
            .aicontent .dhp-supply-chain{
                grid-template-columns:repeat(3,1fr);
            }
        
            .aicontent .dhp-chain-item:after{
                display:none;
            }
        }
        
        @media(max-width:800px){
        
            .aicontent .dhp-section{
                padding:60px 0;
            }
        
            .aicontent .dhp-hero{
                min-height:auto;
                background:
                    linear-gradient(rgba(239,248,253,.94),rgba(239,248,253,.94)),
                    url('https://www.dhpboxes.com/oid1757134/IMAGE-URL-HERO-1920X600.jpg') center/cover no-repeat;
            }
        
            .aicontent .dhp-hero-content{
                width:100%;
                max-width:720px;
                padding:65px 0;
            }
        
            .aicontent .dhp-ppwr-layout,
            .aicontent .dhp-sourcing-top,
            .aicontent .dhp-final-layout{
                grid-template-columns:1fr;
            }
        
            .aicontent .dhp-process-strip{
                grid-template-columns:repeat(2,1fr);
            }
        
            .aicontent .dhp-process-strip div:after{
                display:none;
            }
        }
        
        @media(max-width:720px){
        
            .aicontent .dhp-container{
                padding-left:18px;
                padding-right:18px;
            }
        
            .aicontent .dhp-grid-2,
            .aicontent .dhp-grid-3,
            .aicontent .dhp-grid-4{
                grid-template-columns:1fr;
            }
        
            .aicontent .dhp-check-list{
                grid-template-columns:1fr;
            }
        
            .aicontent .dhp-supply-chain{
                grid-template-columns:repeat(2,1fr);
            }
        
            .aicontent .dhp-final{
                padding:60px 0;
            }
        }
        
        @media(max-width:520px){
        
            .aicontent .dhp-hero h1{
                font-size:38px;
            }
        
            .aicontent .dhp-hero-sub{
                font-size:18px;
            }
        
            .aicontent .dhp-hero-actions{
                flex-direction:column;
            }
        
            .aicontent .dhp-hero-actions .dhp-btn{
                width:100%;
            }
        
            .aicontent .dhp-trust-grid{
                grid-template-columns:repeat(2,1fr);
            }
        
            .aicontent .dhp-trust-item{
                border-bottom:1px solid #e7eef3;
            }
        
            .aicontent .dhp-trust-item:nth-child(2n){
                border-right:0;
            }
        
            .aicontent .dhp-trust-item:nth-last-child(-n+2){
                border-bottom:0;
            }
        
            .aicontent .dhp-supply-chain{
                grid-template-columns:1fr;
            }
        
            .aicontent .dhp-cert-gallery{
                grid-template-columns:1fr;
            }
        
            .aicontent .dhp-cert-image{
                min-height:280px;
            }
        
            .aicontent .dhp-request-box{
                padding:25px 20px;
            }
        }
    

/* from Custom-Perfume-Boxes-A-Complete-Packaging-Guide-for-Fragrance-Brands_b36987.html */

.mod-group .group-tabs{overflow:hidden;}
.mod-group .group-tab{border-bottom:1px dashed #ccc; padding:10px 0;}
.mod-group .group-tab a{color:#444; font-size:16px; display:block; line-height:25px; overflow:hidden;}
.mod-group .group-tab a:hover{color:var(--main);}
.mod-group .group-link span{overflow:hidden; display:block;}
.mod-group .group-link span:before{content:"\f105"; padding:0 5px; font:14px/1 FontAwesome; line-height:20px;}


/* from Custom-Perfume-Boxes-A-Complete-Packaging-Guide-for-Fragrance-Brands_b36987.html */

.mod-detail .detail-time{overflow:hidden; line-height:20px; display:flex; justify-content:space-between; flex-wrap:wrap;}
.mod-detail .detail-time > span{line-height:20px; width:100%; display:block;}
.mod-detail .detail-time > span > div{margin:2px 0px;}
.mod-detail .detail-content{padding:calc(0.5vw + 10px) 0px;}


/* from Custom-Perfume-Boxes-A-Complete-Packaging-Guide-for-Fragrance-Brands_b36987.html */

.blog-detail-p4fx9k{color:#333333;font-size:16px;line-height:1.75;font-family:inherit;}
.blog-detail-p4fx9k h2{color:#172B46;font-size:26px;line-height:1.35;margin:38px 0 14px;}
.blog-detail-p4fx9k h3{color:#172B46;font-size:19px;margin:22px 0 8px;}
.blog-detail-p4fx9k p{margin:0 0 14px;}
.blog-detail-p4fx9k a{color:#0b57d0;text-decoration:underline;}
.blog-detail-p4fx9k a:hover{color:#172B46;}
.blog-detail-p4fx9k .lead{background:#f7f8fc;border-left:4px solid #172B46;padding:18px 20px;margin:0 0 28px;border-radius:6px;}
.blog-detail-p4fx9k .lead p{color:#5f5f5f;}
.blog-detail-p4fx9k ul{margin:0 0 16px 22px;}
.blog-detail-p4fx9k ol{margin:0 0 16px 22px;}
.blog-detail-p4fx9k li{margin:0 0 8px;}
.blog-detail-p4fx9k figure{margin:24px auto;text-align:center;}
.blog-detail-p4fx9k figure img{max-width:100%;border-radius:10px;display:block;margin:0 auto;}
.blog-detail-p4fx9k figcaption{color:#808080;font-size:14px;line-height:1.5;margin-top:8px;}
.blog-detail-p4fx9k table{width:100%;border-collapse:collapse;margin:20px 0 24px;font-size:15px;}
.blog-detail-p4fx9k table thead th{background:#172B46;color:#ffffff;text-align:left;font-weight:700;padding:11px 13px;border:1px solid #e2e5f0;}
.blog-detail-p4fx9k table tbody td{padding:11px 13px;border:1px solid #e2e5f0;vertical-align:top;}
.blog-detail-p4fx9k table tbody tr:nth-child(even){background:#f7f8fc;}
.blog-detail-p4fx9k .row{display:flex;gap:26px;margin:28px 0;align-items:center;}
.blog-detail-p4fx9k .row .txt,.blog-detail-p4fx9k .row .img{flex:1 1 50%;}
.blog-detail-p4fx9k .row .txt h2{margin-top:0;}
.blog-detail-p4fx9k .row .img figure{margin:0;}
.blog-detail-p4fx9k .steps{border:1px solid #e2e5f0;border-radius:12px;margin:20px 0;overflow:hidden;}
.blog-detail-p4fx9k .step{border-bottom:1px solid #e2e5f0;padding:16px 20px;display:flex;gap:16px;align-items:flex-start;}
.blog-detail-p4fx9k .step:last-child{border-bottom:none;}
.blog-detail-p4fx9k .step .n{color:#172B46;font-weight:800;font-size:22px;line-height:1;min-width:34px;}
.blog-detail-p4fx9k .step .t{color:#172B46;font-weight:700;margin:0 0 4px;}
.blog-detail-p4fx9k .step p{margin:0;}
.blog-detail-p4fx9k .dosdonts{display:flex;gap:24px;margin:24px 0;}
.blog-detail-p4fx9k .card{flex:1 1 50%;border-radius:12px;padding:20px 22px;}
.blog-detail-p4fx9k .card .t{font-weight:800;margin:0 0 12px;}
.blog-detail-p4fx9k .card.dos{background:#f0f5ff;border-left:4px solid #172B46;}
.blog-detail-p4fx9k .card.dos .t{color:#172B46;}
.blog-detail-p4fx9k .card.donts{background:#f8f0f0;border-left:4px solid #b03a2e;}
.blog-detail-p4fx9k .card.donts .t{color:#b03a2e;}
.blog-detail-p4fx9k .card ul{margin:0;padding-left:18px;}
@media(max-width:680px){
.blog-detail-p4fx9k h2{font-size:22px;}
.blog-detail-p4fx9k .row{flex-direction:column;gap:12px;}
.blog-detail-p4fx9k .row .txt,.blog-detail-p4fx9k .row .img{flex:1 1 100%;}
.blog-detail-p4fx9k .dosdonts{flex-direction:column;gap:14px;}
.blog-detail-p4fx9k .card{flex:1 1 100%;}
.blog-detail-p4fx9k .step{padding:14px 16px;}
}


/* from Custom-Rigid-Boxes.html */

        .aicontent{
            --dhp-blue:#123d63;
            --dhp-blue-dark:#0a2b48;
            --dhp-blue-mid:#245d89;
            --dhp-blue-light:#eaf3f8;
            --dhp-ice:#f4f8fb;
            --dhp-line:#dbe5ec;
            --dhp-text:#253746;
            --dhp-muted:#657887;
            --dhp-white:#ffffff;
        
            width:100%;
            margin:0;
            padding:0;
            font-family:Arial,Helvetica,sans-serif;
            color:var(--dhp-text);
            background:#fff;
            line-height:1.7;
            overflow:hidden;
        }
        
        .aicontent *{
            box-sizing:border-box;
        }
        
        .aicontent img{
            display:block;
            max-width:100%;
            height:auto;
        }
        
        .aicontent a{
            color:inherit;
            text-decoration:none;
        }
        
        .aicontent h1,
        .aicontent h2,
        .aicontent h3,
        .aicontent p{
            margin-top:0;
        }
        
        .aicontent h1{
            margin-bottom:22px;
            font-size:clamp(40px,5vw,66px);
            line-height:1.05;
            letter-spacing:-1.5px;
            color:var(--dhp-blue-dark);
        }
        
        .aicontent h2{
            margin-bottom:18px;
            font-size:clamp(30px,3vw,44px);
            line-height:1.15;
            letter-spacing:-.7px;
            color:var(--dhp-blue-dark);
        }
        
        .aicontent h3{
            margin-bottom:10px;
            font-size:20px;
            line-height:1.35;
            color:var(--dhp-blue-dark);
        }
        
        .aicontent p{
            margin-bottom:18px;
        }
        
        .aicontent .dhp-container{
            width:min(1200px,calc(100% - 40px));
            margin:0 auto;
        }
        
        .aicontent .dhp-section{
            padding:88px 0;
        }
        
        .aicontent .dhp-section-soft{
            background:var(--dhp-ice);
        }
        
        .aicontent .dhp-eyebrow{
            display:block;
            margin-bottom:15px;
            font-size:12px;
            line-height:1.2;
            font-weight:700;
            letter-spacing:2.2px;
            text-transform:uppercase;
            color:var(--dhp-blue-mid);
        }
        
        .aicontent .dhp-section-head{
            max-width:800px;
            margin:0 auto 42px;
            text-align:center;
        }
        
        .aicontent .dhp-section-head p{
            margin:0 auto;
            max-width:760px;
            color:var(--dhp-muted);
            font-size:16px;
        }
        
        .aicontent .dhp-btns{
            display:flex;
            flex-wrap:wrap;
            gap:12px;
            margin-top:30px;
        }
        
        .aicontent .dhp-btn{
            display:inline-flex;
            align-items:center;
            justify-content:center;
            min-height:50px;
            padding:13px 24px;
            border:1px solid var(--dhp-blue);
            border-radius:3px;
            background:var(--dhp-blue);
            color:#fff;
            font-size:14px;
            font-weight:700;
            transition:.25s ease;
        }
        
        .aicontent .dhp-btn:hover{
            background:var(--dhp-blue-dark);
            border-color:var(--dhp-blue-dark);
            transform:translateY(-2px);
        }
        
        .aicontent .dhp-btn-outline{
            background:transparent;
            color:var(--dhp-blue);
        }
        
        .aicontent .dhp-btn-outline:hover{
            background:var(--dhp-blue);
            color:#fff;
        }
        
        
        /* HERO */
        
        .aicontent .dhp-hero{
            position:relative;
            min-height:500px;
            display:flex;
            align-items:center;
            background:
                linear-gradient(
                    90deg,
                    rgba(244,249,252,.98) 0%,
                    rgba(244,249,252,.96) 34%,
                    rgba(244,249,252,.60) 52%,
                    rgba(244,249,252,.08) 72%
                ),
                url('../picture/8686403.png?x-oss-process=image/quality,Q_90') center center/cover no-repeat;
        }
        
        .aicontent .dhp-hero-inner{
            width:min(1200px,calc(100% - 40px));
            margin:0 auto;
            padding:70px 0;
        }
        
        .aicontent .dhp-hero-copy{
            max-width:610px;
        }
        
        .aicontent .dhp-hero-subtitle{
            margin-bottom:18px;
            font-size:23px;
            line-height:1.4;
            font-weight:600;
            color:var(--dhp-blue);
        }
        
        .aicontent .dhp-hero-copy p{
            max-width:590px;
            font-size:16px;
            color:#506574;
        }
        
        .aicontent .dhp-trustbar{
            border-top:1px solid var(--dhp-line);
            border-bottom:1px solid var(--dhp-line);
            background:#fff;
        }
        
        .aicontent .dhp-trust-grid{
            display:grid;
            grid-template-columns:repeat(5,1fr);
        }
        
        .aicontent .dhp-trust-item{
            padding:20px 12px;
            text-align:center;
            border-right:1px solid var(--dhp-line);
            font-size:13px;
            font-weight:700;
            color:var(--dhp-blue-dark);
        }
        
        .aicontent .dhp-trust-item:last-child{
            border-right:0;
        }
        
        
        /* TWO COLUMN */
        
        .aicontent .dhp-two-col{
            display:grid;
            grid-template-columns:1fr 1fr;
            gap:60px;
            align-items:center;
        }
        
        .aicontent .dhp-image-frame{
            overflow:hidden;
            border-radius:5px;
            background:#eef3f6;
        }
        
        .aicontent .dhp-image-frame img{
            width:100%;
            aspect-ratio:3/2;
            object-fit:cover;
            transition:transform .5s ease;
        }
        
        .aicontent .dhp-image-frame:hover img{
            transform:scale(1.025);
        }
        
        .aicontent .dhp-feature-grid{
            display:grid;
            grid-template-columns:repeat(2,1fr);
            gap:15px;
            margin-top:28px;
        }
        
        .aicontent .dhp-feature{
            padding:20px;
            border:1px solid var(--dhp-line);
            background:#fff;
        }
        
        .aicontent .dhp-feature strong{
            display:block;
            margin-bottom:6px;
            color:var(--dhp-blue-dark);
            font-size:15px;
        }
        
        .aicontent .dhp-feature span{
            display:block;
            color:var(--dhp-muted);
            font-size:13px;
            line-height:1.55;
        }
        
        
        /* BOX STYLE CARDS */
        
        .aicontent .dhp-card-grid{
            display:grid;
            grid-template-columns:repeat(3,1fr);
            gap:24px;
        }
        
        .aicontent .dhp-card{
            overflow:hidden;
            border:1px solid var(--dhp-line);
            border-radius:5px;
            background:#fff;
            transition:.25s ease;
        }
        
        .aicontent .dhp-card:hover{
            transform:translateY(-5px);
            box-shadow:0 15px 35px rgba(22,55,79,.09);
        }
        
        .aicontent .dhp-hover-image{
            position:relative;
            overflow:hidden;
            background:#edf3f6;
            aspect-ratio:1/1;
        }
        
        .aicontent .dhp-hover-image img{
            position:absolute;
            inset:0;
            width:100%;
            height:100%;
            object-fit:cover;
            transition:opacity .45s ease,transform .55s ease;
        }
        
        .aicontent .dhp-hover-image .dhp-img-two{
            opacity:0;
        }
        
        .aicontent .dhp-card:hover .dhp-hover-image .dhp-img-one{
            opacity:0;
            transform:scale(1.03);
        }
        
        .aicontent .dhp-card:hover .dhp-hover-image .dhp-img-two{
            opacity:1;
            transform:scale(1.03);
        }
        
        .aicontent .dhp-card-body{
            padding:24px;
        }
        
        .aicontent .dhp-card-body p{
            color:var(--dhp-muted);
            font-size:14px;
        }
        
        .aicontent .dhp-best{
            padding-top:14px;
            margin-top:17px;
            border-top:1px solid var(--dhp-line);
            color:#607482;
            font-size:12px;
        }
        
        .aicontent .dhp-best strong{
            color:var(--dhp-blue-dark);
        }
        
        .aicontent .dhp-text-link{
            display:inline-block;
            margin-top:8px;
            color:var(--dhp-blue);
            font-size:13px;
            font-weight:700;
        }
        
        .aicontent .dhp-text-link:hover{
            text-decoration:underline;
        }
        
        
        /* PACKAGING FINDER */
        
        .aicontent .dhp-finder{
            padding:55px;
            border-radius:6px;
            background:linear-gradient(135deg,#0b304f 0%,#174d74 100%);
            color:#fff;
        }
        
        .aicontent .dhp-finder h2{
            color:#fff;
        }
        
        .aicontent .dhp-finder-intro{
            max-width:760px;
            color:#d8e6ef;
        }
        
        .aicontent .dhp-finder-grid{
            display:grid;
            grid-template-columns:repeat(5,1fr);
            gap:10px;
            margin-top:36px;
        }
        
        .aicontent .dhp-finder-step{
            position:relative;
            min-height:190px;
            padding:24px 18px;
            border:1px solid rgba(255,255,255,.18);
            background:rgba(255,255,255,.07);
        }
        
        .aicontent .dhp-finder-step:not(:last-child):after{
            content:"→";
            position:absolute;
            right:-15px;
            top:50%;
            z-index:2;
            width:30px;
            height:30px;
            margin-top:-15px;
            text-align:center;
            color:#a9c7db;
            font-size:22px;
        }
        
        .aicontent .dhp-step-no{
            display:block;
            margin-bottom:14px;
            color:#a9cce2;
            font-size:11px;
            letter-spacing:1.4px;
        }
        
        .aicontent .dhp-finder-step h3{
            color:#fff;
            font-size:18px;
        }
        
        .aicontent .dhp-finder-step p{
            margin:0;
            color:#c8dbe7;
            font-size:12px;
            line-height:1.6;
        }
        
        .aicontent .dhp-finder-note{
            margin:28px 0 0;
            padding-top:24px;
            border-top:1px solid rgba(255,255,255,.16);
            color:#fff;
            font-size:15px;
            font-weight:600;
        }
        
        
        /* MATERIAL / INSERT CARDS */
        
        .aicontent .dhp-mini-grid{
            display:grid;
            grid-template-columns:repeat(3,1fr);
            gap:20px;
        }
        
        .aicontent .dhp-mini-card{
            overflow:hidden;
            border:1px solid var(--dhp-line);
            background:#fff;
        }
        
        .aicontent .dhp-mini-image{
            position:relative;
            overflow:hidden;
            aspect-ratio:1/1;
            background:#eef3f6;
        }
        
        .aicontent .dhp-mini-image img{
            position:absolute;
            inset:0;
            width:100%;
            height:100%;
            object-fit:cover;
            transition:opacity .4s ease,transform .4s ease;
        }
        
        .aicontent .dhp-mini-image img:nth-child(2){
            opacity:0;
        }
        
        .aicontent .dhp-mini-card:hover .dhp-mini-image img:first-child{
            opacity:0;
        }
        
        .aicontent .dhp-mini-card:hover .dhp-mini-image img:nth-child(2){
            opacity:1;
            transform:scale(1.025);
        }
        
        .aicontent .dhp-mini-body{
            padding:20px;
        }
        
        .aicontent .dhp-mini-body p{
            margin:0;
            color:var(--dhp-muted);
            font-size:13px;
        }
        
        
        /* FINISHING */
        
        .aicontent .dhp-finish-grid{
            display:grid;
            grid-template-columns:repeat(4,1fr);
            gap:16px;
        }
        
        .aicontent .dhp-finish{
            padding:24px;
            border:1px solid var(--dhp-line);
            background:#fff;
        }
        
        .aicontent .dhp-finish-num{
            display:block;
            margin-bottom:13px;
            color:#86a9bf;
            font-size:11px;
            font-weight:700;
        }
        
        .aicontent .dhp-finish p{
            margin:0;
            color:var(--dhp-muted);
            font-size:13px;
        }
        
        
        /* INDUSTRIES */
        
        .aicontent .dhp-industry-grid{
            display:grid;
            grid-template-columns:repeat(3,1fr);
            gap:18px;
        }
        
        .aicontent .dhp-industry{
            position:relative;
            min-height:310px;
            overflow:hidden;
            border-radius:4px;
            background:#dde8ee;
        }
        
        .aicontent .dhp-industry img{
            position:absolute;
            inset:0;
            width:100%;
            height:100%;
            object-fit:cover;
            transition:transform .5s ease;
        }
        
        .aicontent .dhp-industry:after{
            content:"";
            position:absolute;
            inset:0;
            background:linear-gradient(
                180deg,
                rgba(6,31,49,.02) 30%,
                rgba(6,31,49,.82) 100%
            );
        }
        
        .aicontent .dhp-industry:hover img{
            transform:scale(1.04);
        }
        
        .aicontent .dhp-industry-copy{
            position:absolute;
            z-index:2;
            left:24px;
            right:24px;
            bottom:20px;
            color:#fff;
        }
        
        .aicontent .dhp-industry-copy h3{
            margin-bottom:5px;
            color:#fff;
        }
        
        .aicontent .dhp-industry-copy p{
            margin:0;
            color:#dbe7ed;
            font-size:12px;
        }
        
        
        /* CASE STUDIES */
        
        .aicontent .dhp-case{
            display:grid;
            grid-template-columns:1.05fr .95fr;
            margin-bottom:28px;
            overflow:hidden;
            border:1px solid var(--dhp-line);
            background:#fff;
        }
        
        .aicontent .dhp-case:nth-child(even) .dhp-case-image{
            order:2;
        }
        
        .aicontent .dhp-case-image{
            overflow:hidden;
            min-height:400px;
        }
        
        .aicontent .dhp-case-image img{
            width:100%;
            height:100%;
            min-height:400px;
            object-fit:cover;
            transition:transform .5s ease;
        }
        
        .aicontent .dhp-case:hover img{
            transform:scale(1.025);
        }
        
        .aicontent .dhp-case-body{
            padding:42px;
            align-self:center;
        }
        
        .aicontent .dhp-case-label{
            display:block;
            margin-bottom:13px;
            color:var(--dhp-blue-mid);
            font-size:11px;
            font-weight:700;
            letter-spacing:1.6px;
        }
        
        .aicontent .dhp-case-block{
            margin-top:20px;
        }
        
        .aicontent .dhp-case-block strong{
            display:block;
            margin-bottom:5px;
            color:var(--dhp-blue-dark);
            font-size:13px;
        }
        
        .aicontent .dhp-case-block p{
            margin:0;
            color:var(--dhp-muted);
            font-size:14px;
        }
        
        .aicontent .dhp-case-tags{
            margin-top:23px;
            padding-top:18px;
            border-top:1px solid var(--dhp-line);
            color:var(--dhp-blue);
            font-size:12px;
            font-weight:700;
        }
        
        
        /* WHY DHP */
        
        .aicontent .dhp-why-grid{
            display:grid;
            grid-template-columns:repeat(3,1fr);
            gap:18px;
        }
        
        .aicontent .dhp-why{
            padding:28px;
            border:1px solid var(--dhp-line);
            background:#fff;
        }
        
        .aicontent .dhp-why-number{
            display:flex;
            align-items:center;
            justify-content:center;
            width:36px;
            height:36px;
            margin-bottom:18px;
            border-radius:50%;
            background:var(--dhp-blue-light);
            color:var(--dhp-blue);
            font-size:12px;
            font-weight:700;
        }
        
        .aicontent .dhp-why p{
            margin:0;
            color:var(--dhp-muted);
            font-size:13px;
        }
        
        
        /* PROCESS */
        
        .aicontent .dhp-process{
            display:grid;
            grid-template-columns:repeat(6,1fr);
            border-top:1px solid var(--dhp-line);
            border-bottom:1px solid var(--dhp-line);
        }
        
        .aicontent .dhp-process-item{
            position:relative;
            padding:30px 20px;
            border-right:1px solid var(--dhp-line);
        }
        
        .aicontent .dhp-process-item:last-child{
            border-right:0;
        }
        
        .aicontent .dhp-process-no{
            display:block;
            margin-bottom:16px;
            color:#85a9c0;
            font-size:11px;
            font-weight:700;
        }
        
        .aicontent .dhp-process-item h3{
            font-size:16px;
        }
        
        .aicontent .dhp-process-item p{
            margin:0;
            color:var(--dhp-muted);
            font-size:12px;
        }
        
        
        /* FAQ */
        
        .aicontent .dhp-faq{
            max-width:900px;
            margin:0 auto;
        }
        
        .aicontent .dhp-faq details{
            border-bottom:1px solid var(--dhp-line);
        }
        
        .aicontent .dhp-faq summary{
            position:relative;
            padding:22px 45px 22px 0;
            cursor:pointer;
            list-style:none;
            color:var(--dhp-blue-dark);
            font-size:16px;
            font-weight:700;
        }
        
        .aicontent .dhp-faq summary::-webkit-details-marker{
            display:none;
        }
        
        .aicontent .dhp-faq summary:after{
            content:"+";
            position:absolute;
            right:4px;
            top:18px;
            color:var(--dhp-blue);
            font-size:25px;
            font-weight:400;
        }
        
        .aicontent .dhp-faq details[open] summary:after{
            content:"−";
        }
        
        .aicontent .dhp-faq-answer{
            padding:0 45px 20px 0;
            color:var(--dhp-muted);
            font-size:14px;
        }
        
        
        /* FINAL CTA */
        
        .aicontent .dhp-final{
            padding:90px 0;
            background:linear-gradient(135deg,#0a2d4a 0%,#174f76 100%);
            color:#fff;
        }
        
        .aicontent .dhp-final-cta{
            max-width:950px;
            margin:0 auto;
            text-align:center;
        }
        
        .aicontent .dhp-final h2{
            margin-bottom:18px;
            color:#fff;
        }
        
        .aicontent .dhp-final-cta > p{
            max-width:760px;
            margin:0 auto;
            color:#d3e1ea;
            font-size:16px;
        }
        
        .aicontent .dhp-cta-info{
            display:grid;
            grid-template-columns:repeat(3,1fr);
            gap:1px;
            margin:42px 0 36px;
            border:1px solid rgba(255,255,255,.16);
            background:rgba(255,255,255,.16);
        }
        
        .aicontent .dhp-cta-info-item{
            min-height:150px;
            padding:28px 22px;
            background:rgba(255,255,255,.06);
        }
        
        .aicontent .dhp-cta-info-item strong{
            display:block;
            margin-bottom:12px;
            color:#9fc5dc;
            font-size:12px;
            letter-spacing:1.5px;
        }
        
        .aicontent .dhp-cta-info-item span{
            display:block;
            margin-bottom:7px;
            color:#fff;
            font-size:16px;
            font-weight:700;
        }
        
        .aicontent .dhp-cta-info-item small{
            display:block;
            color:#c6d8e3;
            font-size:12px;
            line-height:1.6;
        }
        
        .aicontent .dhp-final .dhp-btn{
            background:#fff;
            border-color:#fff;
            color:var(--dhp-blue-dark);
        }
        
        .aicontent .dhp-final .dhp-btn:hover{
            background:#eaf3f8;
            border-color:#eaf3f8;
            color:var(--dhp-blue-dark);
        }
        
        .aicontent .dhp-final .dhp-btn-outline{
            background:transparent;
            color:#fff;
        }
        
        .aicontent .dhp-final .dhp-btn-outline:hover{
            background:#fff;
            color:var(--dhp-blue-dark);
        }
        
        
        /* RESPONSIVE */
        
        @media(max-width:980px){
        
            .aicontent .dhp-card-grid,
            .aicontent .dhp-mini-grid,
            .aicontent .dhp-industry-grid,
            .aicontent .dhp-why-grid{
                grid-template-columns:repeat(2,1fr);
            }
        
            .aicontent .dhp-finish-grid{
                grid-template-columns:repeat(2,1fr);
            }
        
            .aicontent .dhp-finder-grid{
                grid-template-columns:1fr;
            }
        
            .aicontent .dhp-finder-step{
                min-height:auto;
            }
        
            .aicontent .dhp-finder-step:not(:last-child):after{
                content:"↓";
                top:auto;
                right:50%;
                bottom:-20px;
                margin:0 -15px 0 0;
            }
        
            .aicontent .dhp-process{
                grid-template-columns:repeat(3,1fr);
            }
        
            .aicontent .dhp-process-item{
                border-bottom:1px solid var(--dhp-line);
            }
        
            .aicontent .dhp-two-col{
                grid-template-columns:1fr;
            }
        
            .aicontent .dhp-case{
                grid-template-columns:1fr;
            }
        
            .aicontent .dhp-case:nth-child(even) .dhp-case-image{
                order:0;
            }
        }
        
        
        @media(max-width:720px){
        
            .aicontent .dhp-section{
                padding:62px 0;
            }
        
            .aicontent .dhp-container,
            .aicontent .dhp-hero-inner{
                width:min(100% - 28px,1200px);
            }
        
            .aicontent .dhp-hero{
                min-height:auto;
                background:
                    linear-gradient(
                        180deg,
                        rgba(244,249,252,.97) 0%,
                        rgba(244,249,252,.93) 60%,
                        rgba(244,249,252,.80) 100%
                    ),
                    url('https://www.dhpboxes.com/oid1757139/IMAGE-URL-HERO-1920X600.jpg') center/cover no-repeat;
            }
        
            .aicontent .dhp-hero-inner{
                padding:65px 0;
            }
        
            .aicontent .dhp-trust-grid{
                grid-template-columns:1fr 1fr;
            }
        
            .aicontent .dhp-trust-item{
                border-bottom:1px solid var(--dhp-line);
            }
        
            .aicontent .dhp-feature-grid,
            .aicontent .dhp-card-grid,
            .aicontent .dhp-mini-grid,
            .aicontent .dhp-industry-grid,
            .aicontent .dhp-why-grid,
            .aicontent .dhp-finish-grid{
                grid-template-columns:1fr;
            }
        
            .aicontent .dhp-finder{
                padding:35px 22px;
            }
        
            .aicontent .dhp-process{
                grid-template-columns:1fr;
            }
        
            .aicontent .dhp-process-item{
                border-right:0;
            }
        
            .aicontent .dhp-case-image,
            .aicontent .dhp-case-image img{
                min-height:280px;
            }
        
            .aicontent .dhp-case-body{
                padding:28px 22px;
            }
        
            .aicontent .dhp-final{
                padding:65px 0;
            }
        
            .aicontent .dhp-cta-info{
                grid-template-columns:1fr;
            }
        
            .aicontent .dhp-cta-info-item{
                min-height:auto;
            }
        
            .aicontent .dhp-final .dhp-btns{
                flex-direction:column;
            }
        
            .aicontent .dhp-final .dhp-btn{
                width:100%;
            }
        }
    

/* from Design-Service.html */

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

.mod-card01-titlecenter .mod-title{padding-bottom:calc(0.5vw + 10px); text-align:center; }
.mod-card01-titlecenter .title-right{padding-top:5px; max-width:1260px; margin:auto; }
.mod-card01-titlecenter .title-right-span{display:block; }
.mod-card01-titlecenter .mod-title h2{font-size:calc(0.8vw + 20px); line-height:calc(1vw + 20px); font-weight:600; text-transform:capitalize; }

.layout-manuFour{padding:calc(1% + 10px) 0; }
.layout-manuFour .mod-card01 .mod-bg{padding:calc(3vw + 10px) calc(2vw + 10px); border-radius:calc(0.5vw + 5px); box-shadow:0 0 calc(0.5vw + 10px) rgba(0,0,0,0.1); }
.layout-manuFour .mod-card01 .card-title{padding:calc(1vw + 10px) 0; }
.layout-manuFour .mod-card01 .card-title ul{display:flex; flex-wrap:wrap; border-bottom:1px solid #aaa; }
.layout-manuFour .mod-card01 .card-title li a{padding:calc(0.25vw + 5px) calc(1vw + 10px); border-radius:calc(1vw + 5px) calc(1vw + 5px) 0 0; font-size:calc(0.3vw + 14px); line-height:calc(0.5vw + 20px); }
.layout-manuFour .mod-card01 .card-title li.on a{background:#808080; color:#fff; }
.layout-manuFour .mod-card01 .items{display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; }
.layout-manuFour .mod-card01 .items *{transition:All 0.3s ease-in-out; }
.layout-manuFour .mod-card01 .item{width:calc(100%/3 - 1vw - 5px); margin:calc(0.5vw + 5px) 0; text-align:center; }
.layout-manuFour .mod-card01 .img{border-radius:calc(0.25vw + 5px); overflow:hidden; }
.layout-manuFour .mod-card01 .item h3{font-size:calc(0.3vw + 14px); line-height:calc(0.5vw + 20px); font-weight:600; display:block; padding:calc(0.25vw + 5px); }
.layout-manuFour .mod-card01 .item:hover .img img{transform:scale(1.05); }

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

.layout-ownOne-fpry8 .mod-card01 .card-html{}
.layout-ownOne-fpry8 .mod-card01 .card-html-tab{display:none; overflow:hidden; }
.layout-ownOne-fpry8 .mod-card01 .card-html .on{display:block; }
.layout-ownOne-fpry8 .mod-card01-titlecenter-fpry8 .mod-title{padding-bottom:calc(1vw + 10px); text-align:center; max-width:1200px; margin:auto; }
.layout-ownOne-fpry8 .mod-card01-titlecenter-fpry8 .title-right{padding-top:calc(0.5vw + 5px); }
.layout-ownOne-fpry8 .mod-card01-titlecenter-fpry8 .title-right-span{display:block; }
.layout-ownOne-fpry8 .mod-card01-titlecenter-fpry8 .mod-title h3{color:var(--main); }
.layout-ownOne-fpry8 .mod-card01-titlecenter-fpry8 .mod-title h2{font-size:calc(1vw + 16px); line-height:calc(1vw + 25px); color:#000; font-weight:600; }
.layout-ownOne-fpry8{padding:calc(2% + 20px) 0; }
.layout-ownOne-fpry8 .mod-card01 .card-title ul{display:flex; align-items:start; justify-content:center; flex-wrap:wrap; }
.layout-ownOne-fpry8 .mod-card01 .card-title li{margin:calc(0.5vw + 5px); }
.layout-ownOne-fpry8 .mod-card01 .card-title li a{font-size:calc(0.5vw + 14px); line-height:calc(0.5vw + 20px); color:#555; font-weight:600; }
.layout-ownOne-fpry8 .mod-card01 .card-title li a:after{content:""; width:calc(1vw + 30px); height:4px; background:var(--main); border-radius:10vw; display:block; margin:calc(0.5vw + 5px) auto 0; opacity:0; }
.layout-ownOne-fpry8 .mod-card01 .card-title li.on a{color:#000; }
.layout-ownOne-fpry8 .mod-card01 .card-title li.on a:after{opacity:1; }
.layout-ownOne-fpry8 .mod-card01 .card-html-tab{align-items:start; flex-wrap:wrap; }
.layout-ownOne-fpry8 .mod-card01 .card-html-tab.on{display:flex; }
.layout-ownOne-fpry8 .mod-card01 .item{width:calc(25% - 0.5vw - 10px); margin:calc(0.25vw + 5px); }
.layout-ownOne-fpry8 .mod-card01 .img{border-radius:calc(0.25vw + 5px); overflow:hidden; height:227px; width:345px; }
.layout-ownOne-fpry8 .mod-card01 .text{padding:calc(0.5vw + 5px) 0; }
.layout-ownOne-fpry8 .mod-card01 .text h3{font-size:calc(0.2vw + 14px); font-weight:600; }
.layout-ownOne-fpry8 .mod-title{padding-bottom:calc(0.5vw + 10px); text-align:center; }
.layout-ownOne-fpry8 .title-right{padding-top:20px; max-width:1260px; margin:auto; }
.layout-ownOne-fpry8 .title-right-span{display:block; }
.layout-ownOne-fpry8 .mod-title h1{font-size:calc(0.8vw + 20px); line-height:calc(1vw + 20px); font-weight:600; color:#000; text-transform:capitalize; }
.layout-ownOne-fpry8 .mod-title h2{font-size:calc(0.8vw + 20px); line-height:calc(1vw + 20px); font-weight:600; color:#000; text-transform:capitalize; }
.layout-ownOne-fpry8 .mod-bottom{padding-top:calc(1vw + 10px); text-align:center; }
.layout-ownOne-fpry8 .mod-bottom a{color:#ffffff; padding:calc(0.5vw + 5px) calc(1vw + 20px); border-radius:calc(0.25vw + 5px); background:#213666; }
.layout-ownOne-fpry8 .mod-bottom a:hover{background:#172B46; color:#ffffff; }

@media(max-width:768px){
.layout-ownOne-fpry8 .mod-card01 .item{width:calc(50% - 0.5vw - 10px); }
}

@media(max-width:480px){
.layout-ownOne-fpry8 .mod-card01 .item{width:calc(100% - 0.5vw - 10px); }
}

.layout-cust-60jh2 .mod-card01 .card-html{}
.layout-cust-60jh2 .mod-card01 .card-html-tab{display:none; }
.layout-cust-60jh2 .mod-card01 .card-html .on{display:block; }
.layout-cust-60jh2 .mod-card01-titlecenter-60jh2 .mod-title{text-align:center; }
.layout-cust-60jh2 .mod-card01-titlecenter-60jh2 .title-right{max-width:1000px; margin:auto; padding-top:calc(0.25vw + 5px); }
.layout-cust-60jh2 .mod-card01-titlecenter-60jh2 .title-right-span{display:block; padding:5px 0; }
.layout-cust-60jh2 .mod-card01-titlecenter-60jh2 .mod-title h2{font-size:calc(1vw + 20px); line-height:calc(1vw + 25px); color:#000; font-weight:600; }
.layout-cust-60jh2 .mod-card01-titlecenter-60jh2 .mod-title h3{color:var(--main); font-weight:600; }
.layout-cust-60jh2{padding:calc(2% + 20px) 0; }
.layout-cust-60jh2 .mod-card01 .card-title{display:flex; justify-content:center; padding:calc(0.5vw + 10px) 0; }
.layout-cust-60jh2 .mod-card01 .card-title ul{display:flex; flex-wrap:wrap; align-items:stretch; justify-content:center; padding:5px; background:#f0f0f0; border-radius:calc(0.5vw + 5px); }
.layout-cust-60jh2 .mod-card01 .card-title li a{font-size:calc(0.2vw + 14px); line-height:calc(0.5vw + 20px); color:#333; padding:5px calc(1vw + 10px); display:flex; align-items:center; border-radius:calc(0.5vw + 5px); }
.layout-cust-60jh2 .mod-card01 .card-title li a:before{content:""; width:calc(1vw + 40px); height:calc(1vw + 30px); flex:0 0 calc(1vw + 40px); background:url(../picture/cust-title01.png) center no-repeat; background-size:auto 100%; }
.layout-cust-60jh2 .mod-card01 .card-title li:nth-of-type(2) a:before{background-image:url(../picture/cust-title02.png); }
.layout-cust-60jh2 .mod-card01 .card-title .on a{background:var(--main); color:#fff; }
.layout-cust-60jh2 .mod-card01 .card-title .on a:before{filter:grayscale(1) brightness(20); }
.layout-cust-60jh2 .mod-card01 .item{display:flex; flex-wrap:wrap; align-items:start; justify-content:space-between; }
.layout-cust-60jh2 .mod-card01 .img{width:30%; position:relative; border-radius:calc(0.25vw + 5px); overflow:hidden; margin:calc(0.5vw + 5px) 0; }
.layout-cust-60jh2 .mod-card01 .text{position:absolute; left:calc(0.5vw + 10px); bottom:calc(0.5vw + 10px); right:calc(0.5vw + 10px); padding:calc(0.5vw + 10px); text-align:center; box-sizing:border-box; text-align:center; color:#fff; background:url(../picture/cust-bg1.jpg) right bottom no-repeat var(--deputy); border-radius:calc(0.25vw + 5px); }
.layout-cust-60jh2 .mod-card01 .text a{padding:calc(0.25vw + 5px) calc(1vw + 10px); margin-top:calc(0.5vw + 5px); background:var(--main); color:#fff; border-radius:5px; }
.layout-cust-60jh2 .mod-card01 .item ul{display:flex; align-items:stretch; flex-wrap:wrap; width:calc(70% - 0.5vw - 5px); }
.layout-cust-60jh2 .mod-card01 .item li{width:calc(100%/4 - 1vw - 10px); margin:calc(0.5vw + 5px); padding:calc(0.5vw + 10px) 10px; box-sizing:border-box; border-radius:calc(0.25vw + 5px); position:relative; text-align:center; transition:All 0.3s ease-in-out; }
.layout-cust-60jh2 .mod-card01 .item li:after{content:"\f105"; font:calc(1vw + 14px)/1 FontAwesome; position:absolute; top:50%; left:100%; transform:translate(100%,-50%); }
.layout-cust-60jh2 .mod-card01 .item li:nth-of-type(4n):after{display:none; }
.layout-cust-60jh2 .mod-card01 .item li span{width:calc(1vw + 40px); display:block; margin:auto; }
.layout-cust-60jh2 .mod-card01 .item li h4{color:var(--main); display:block; }
.layout-cust-60jh2 .mod-card01 .item li h3{font-size:calc(0.2vw + 16px); line-height:calc(0.3vw + 20px); color:#000; font-weight:600; padding:5px 0 calc(0.5vw + 5px); }
.layout-cust-60jh2 .mod-card01 .item li:hover{background:#e6f1fc; }

@media(max-width:768px){
.layout-cust-60jh2 .mod-card01 .item li{width:calc(100%/2 - 1vw - 10px); }
.layout-cust-60jh2 .mod-card01 .item li:nth-of-type(2n):after{display:none; }
}

@media(max-width:480px){
.layout-cust-60jh2 .mod-card01 .img{width:100%; }
.layout-cust-60jh2 .mod-card01 .item ul{width:100%; }
}

.layout-custTwo-37vur .mod-card01 .card-html{}
.layout-custTwo-37vur .mod-card01 .card-html-tab{display:none; }
.layout-custTwo-37vur .mod-card01 .card-html .on{display:block; }
.layout-custTwo-37vur .mod-card01-titlecenter-37vur .mod-title{padding-bottom:calc(0.5vw + 10px); text-align:center; }
.layout-custTwo-37vur .mod-card01-titlecenter-37vur .title-left:after{content:url(../picture/title-line1.png); display:inline-block; }
.layout-custTwo-37vur .mod-card01-titlecenter-37vur .title-right{max-width:1100px; margin:auto; padding-top:calc(0.25vw + 5px); }
.layout-custTwo-37vur .mod-card01-titlecenter-37vur .title-right-span{display:block; }
.layout-custTwo-37vur .mod-card01-titlecenter-37vur .mod-title h2{font-size:calc(1vw + 16px); line-height:calc(2vw + 20px); color:#000; font-weight:600; display:block; }
.layout-custTwo-37vur{padding:calc(2% + 20px) 0; }
.layout-custTwo-37vur .mod-card01 .card-title{padding:calc(1vw + 10px) 0; }
.layout-custTwo-37vur .mod-card01 .card-title ul{display:flex; flex-wrap:wrap; align-items:stretch; justify-content:center; }
.layout-custTwo-37vur .mod-card01 .card-title li{margin:5px; }
.layout-custTwo-37vur .mod-card01 .card-title li a{font-size:calc(0.5vw + 14px); line-height:calc(0.5vw + 20px); color:#555; padding:calc(0.5vw + 5px) calc(2vw + 5px); display:block; background:#fff; border-radius:calc(0.25vw + 5px); }
.layout-custTwo-37vur .mod-card01 .card-title .on a{color:#fff; background:var(--main); }
.layout-custTwo-37vur .mod-card01 .items{display:flex; flex-wrap:wrap; align-items:start; }
.layout-custTwo-37vur .mod-card01 .item{width:calc(100%/4 - 0.5vw - 10px); margin:calc(0.25vw + 5px); }
.layout-custTwo-37vur .mod-card01 .items h3{font-size:calc(0.4vw + 14px); line-height:calc(0.5vw + 20px); color:#333; padding:calc(0.5vw + 5px) 0 calc(0.25vw + 5px); display:block; font-weight:600; }
.layout-custTwo-37vur .mod-card01 .items dl{display:flex; align-items:start; justify-content:space-between; flex-wrap:wrap; width:calc(50% - 1vw - 10px); margin:calc(0.5vw + 5px) 0; }
.layout-custTwo-37vur .mod-card01 .items dt{width:calc(20% - 10px); border-radius:50%; overflow:hidden; }
.layout-custTwo-37vur .mod-card01 .items dd{width:calc(80% - 0.5vw - 10px); }
.layout-custTwo-37vur .mod-card01 .items li{padding:2px 0; display:flex; align-items:start; }
.layout-custTwo-37vur .mod-card01 .items li:before{content:"\f058"; font:calc(0.2vw + 14px)/1 FontAwesome; line-height:calc(0.25vw + 20px); flex:0 0 calc(0.25vw + 20px); color:var(--third); text-align:center; }

@media(max-width:768px){
.layout-custTwo-37vur .mod-card01 .item{width:calc(100%/2 - 0.5vw - 10px); }
.layout-custTwo-37vur .mod-card01 .items dl{width:100%; }
}

@media(max-width:480px){
.layout-custTwo-37vur .mod-card01 .items dt{width:calc(35% - 10px); }
.layout-custTwo-37vur .mod-card01 .items dd{width:100%; }
}

.layout-custFive-tyy3d .mod-card01 .card-html{}
.layout-custFive-tyy3d .mod-card01 .card-html-tab{display:none; }
.layout-custFive-tyy3d .mod-card01 .card-html .on{display:block; }
.layout-custFive-tyy3d .mod-card01-titlecenter-tyy3d .mod-title{padding-bottom:calc(0.5vw + 10px); text-align:center; }
.layout-custFive-tyy3d .mod-card01-titlecenter-tyy3d .title-right{padding-top:calc(0.25vw + 5px); max-width:1360px; margin:auto; }
.layout-custFive-tyy3d .mod-card01-titlecenter-tyy3d .title-right-span{display:block; }
.layout-custFive-tyy3d .mod-card01-titlecenter-tyy3d .mod-title h2{font-size:calc(0.8vw + 20px); line-height:calc(1vw + 25px); font-weight:700; color:#000; }
.layout-custFive-tyy3d{padding:calc(2% + 20px) 0 calc(1% + 10px); }
.layout-custFive-tyy3d .mod-card01 .content-bg{overflow:visible; }
.layout-custFive-tyy3d .mod-card01 .card-title ul{display:flex; justify-content:center; padding-bottom:calc(0.5vw + 10px); }
.layout-custFive-tyy3d .mod-card01 .card-title li a{font-size:calc(0.3vw + 14px); line-height:calc(0.5vw + 20px); padding:5px calc(0.5vw + 5px); color:#999; }
.layout-custFive-tyy3d .mod-card01 .card-title li.on a{color:#000; }
.layout-custFive-tyy3d .mod-card01 .card-html-tab{padding:calc(1vw + 10px); border-radius:calc(0.5vw + 5px); box-shadow:0 0 calc(1vw + 10px) rgba(0,0,0,0.1); }
.layout-custFive-tyy3d .mod-card01 .card-html h3{font-size:calc(0.4vw + 16px); line-height:calc(0.5vw + 20px); font-weight:700; text-transform:uppercase; display:block; }
.layout-custFive-tyy3d .mod-card01 .card-html h3:after{content:""; width:calc(3vw + 40px); height:4px; background:var(--main); margin:calc(0.5vw + 5px) 0; display:block; }
.layout-custFive-tyy3d .mod-card01 .items{display:flex; flex-wrap:wrap; justify-content:space-between; }
.layout-custFive-tyy3d .mod-card01 .items h4{font-size:calc(0.3vw + 14px); line-height:calc(0.5vw + 20px); font-weight:700; padding-bottom:5px; }
.layout-custFive-tyy3d .mod-card01 .items dl{width:calc(100%/3 - 0.5vw - 5px); border-radius:calc(0.5vw + 5px); margin:calc(0.25vw + 5px) 0; background:#f5f7f7; overflow:hidden; display:flex; align-items:start; }
.layout-custFive-tyy3d .mod-card01 .items dt{width:40%; }
.layout-custFive-tyy3d .mod-card01 .items dd{width:60%; padding:calc(1vw + 5px) calc(0.5vw + 5px); }
.layout-custFive-tyy3d .mod-card01 .desc{display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; padding-bottom:calc(0.5vw + 5px); }
.layout-custFive-tyy3d .mod-card01 .desc h3{flex:auto; }
.layout-custFive-tyy3d .mod-card01 .items .item{margin:calc(0.5vw + 5px) 0; }
.layout-custFive-tyy3d .mod-card01 .items .text{padding:calc(0.5vw + 5px); }
.layout-custFive-tyy3d .mod-card01 .items-two .item{width:calc(50% - 0.5vw - 5px); }
.layout-custFive-tyy3d .mod-card01 .items-three .item{width:calc(100%/3 - 0.75vw - 5px); }

@media(min-width:769px){
.layout-custFive-tyy3d .mod-card01 .items dl:nth-of-type(n+4){flex-direction:row-reverse; }
}

@media(max-width:768px){
.layout-custFive-tyy3d .mod-card01 .items dl{width:calc(100%/2 - 0.25vw - 5px); }
}

@media(max-width:480px){
.layout-custFive-tyy3d .mod-card01 .card-title{display:none; }
.layout-custFive-tyy3d .mod-card01 .card-html-tab{display:block; margin-bottom:calc(1vw + 5px); }
.layout-custFive-tyy3d .mod-card01 .items dl{width:100%; }
.layout-custFive-tyy3d .mod-card01 .items dl:nth-of-type(2n){flex-direction:row-reverse; }
.layout-custFive-tyy3d .mod-card01 .items .item{width:100% !important; }
}

.layout-manuFive-6ob0u .mod-card01 .card-html{}
.layout-manuFive-6ob0u .mod-card01 .card-html-tab{display:none; }
.layout-manuFive-6ob0u .mod-card01 .card-html .on{display:block; }
.layout-manuFive-6ob0u .mod-card01-title-6ob0u .mod-title{text-align:center; padding-bottom:calc(1vw + 10px); }
.layout-manuFive-6ob0u .mod-card01-title-6ob0u .title-right{max-width:1000px; margin:auto; }
.layout-manuFive-6ob0u .mod-card01-title-6ob0u .title-right-span{display:block; }
.layout-manuFive-6ob0u .mod-card01-title-6ob0u .mod-title h2{font-size:calc(1vw + 16px); line-height:calc(1vw + 25px); font-weight:700; color:#000; padding:5px 0; }
.layout-manuFive-6ob0u .mod-card01-title-6ob0u .mod-title h3{color:var(--main); font-weight:500; }
.layout-manuFive-6ob0u{padding:calc(2% + 20px) 0; background:var(--third); }
.layout-manuFive-6ob0u .mod-card01 .content-bg{display:flex; flex-wrap:wrap; align-items:start; justify-content:space-between; }
.layout-manuFive-6ob0u .mod-card01 .card-title{width:calc(36.5% - 0.5vw - 5px); }
.layout-manuFive-6ob0u .mod-card01 .card-title li + li{margin-top:1px; }
.layout-manuFive-6ob0u .mod-card01 .card-title li a{font-size:calc(0.5vw + 14px); line-height:calc(0.5vw + 20px); padding:calc(1.5vw + 5px); display:flex; align-items:center; justify-content:space-between; font-weight:600; background:#fff; }
.layout-manuFive-6ob0u .mod-card01 .card-title li a:after{content:"\f105"; font-family:FontAwesome; flex:0 0 calc(0.25vw + 15px); }
.layout-manuFive-6ob0u .mod-card01 .card-title .on a{background:var(--main); color:#fff; }
.layout-manuFive-6ob0u .mod-card01 .card-html{width:63.5%; }
.layout-manuFive-6ob0u .mod-card01 .card-html-tab{padding:calc(2vw + 10px); background:#fff; border-top:5px solid var(--main); }
.layout-manuFive-6ob0u .mod-card01 .text{padding-bottom:calc(1vw + 5px); }
.layout-manuFive-6ob0u .mod-card01 .text h3{font-size:calc(0.5vw + 14px); line-height:calc(0.5vw + 20px); font-weight:600; padding-bottom:calc(0.25vw + 5px); }

@media(max-width:768px){
.layout-manuFive-6ob0u .mod-card01 .card-title{display:none; }
.layout-manuFive-6ob0u .mod-card01 .card-html{width:100%; }
.layout-manuFive-6ob0u .mod-card01 .card-html-tab{display:block; }
.layout-manuFive-6ob0u .mod-card01 .card-html-tab + .card-html-tab{margin-top:calc(0.5vw + 5px); }
}



/* from Do-You-Need-Innovative-Solutions.html */

.mod-customlist01 .card-title{display:none; }
.mod-customlist01 .card-title-tabs{display:flex; align-items:flex-start; flex-wrap:wrap; position:relative; z-index:2; }
.mod-customlist01 .card-title-tabs:after{content:""; width:100%; height:1px; background:#999; position:absolute; bottom:0px; left:0px; z-index:-1; }
.mod-customlist01 .card-title-tab{color:#333; font-weight:600; cursor:pointer; border-bottom:1px solid transparent; position:relative; padding:10px 0; }
.mod-customlist01 .card-title-tab:after{content:""; border:4px solid transparent; position:absolute; left:50%; margin-left:-2px; bottom:0px; }
.mod-customlist01 .card-title-tab.on{border-bottom-color:var(--main); color:var(--main); }
.mod-customlist01 .card-title-tab.on:after{border-bottom-color:var(--main); }
.mod-customlist01 .card-html-tab{display:none; }
.mod-customlist01 .card-html-tab.on{display:block; }
.mod-customlist01 .custom-item{padding:calc(0.25vw + 5px) 0; }
.mod-customlist01 .custom-html-title{font-weight:600; padding-bottom:calc(0.25vw + 5px); }
.mod-customlist01 .custom-html-title.title-must:before{content:"*"; padding:0 3px; }
.mod-customlist01 .custom-para-list{overflow:hidden; }
.mod-customlist01 .item-input input{width:100%; font-size:14px; line-height:25px; border:none; padding:calc(0.25vw + 5px); background:#f2f3f5; box-sizing:border-box; border-radius:5px; }
.mod-customlist01 .item-input input.error{outline:1px solid #f00; outline-offset:-1px; }
.mod-customlist01 .custom-para-item{padding:2px 0; }
.mod-customlist01 .item-textarea textarea{width:100%; padding:calc(0.25vw + 5px); box-sizing:border-box; border:none; border-radius:5px; background:#f2f3f5; }
.mod-customlist01 .item-select select{width:100%; font-size:14px; line-height:25px; border:none; padding:calc(0.25vw + 5px); background:#f2f3f5; box-sizing:border-box; border-radius:5px; height:calc(0.5vw + 35px); }
.mod-customlist01 .item-radio{display:flex; align-items:flex-start; flex-wrap:wrap; }
.mod-customlist01 .custom-radio{display:flex; align-items:center; padding:5px; min-width:calc(20% - 10px); }
.mod-customlist01 .custom-radio span{padding:0 5px; flex:1 1 0; }
.mod-customlist01 .custom-radio img{width:30px; height:30px; }
.mod-customlist01 .custom-radio input:checked{color:var(--main); }
.mod-customlist01 .item-definition{display:flex; align-items:flex-start; flex-wrap:wrap; }
.mod-customlist01 .custom-definition{padding:5px; min-width:calc(20% - 10px); }
.mod-customlist01 .custom-definition a{display:flex; align-items:center; }
.mod-customlist01 .custom-definition span{white-space:pre; }
.mod-customlist01 .custom-definition a:before{content:"\f096"; font:14px/1 FontAwesome; flex:0 0 15px; }
.mod-customlist01 .custom-definition img{width:40px; height:40px; }
.mod-customlist01 .custom-definition a.on{color:var(--main); }
.mod-customlist01 .custom-definition a.on:before{content:"\f14a"; }
.mod-customlist01 .upload-attachment-items li{border-bottom:1px dashed #ccc; display:flex; justify-content:space-between; }
.mod-customlist01 .upload-attachment-items li:last-of-type{margin-bottom:10px; }
.mod-customlist01 .upload-attachment-items li a{font-size:12px; color:#333; line-height:20px; }
.mod-customlist01 .upload-attachment-items li button{color:var(--main); cursor:pointer; display:block; }
.mod-customlist01 .upload-attachment .btn-upload{font-size:13px; color:#fff; line-height:20px; padding:5px 10px; border:none; border-radius:3px; cursor:pointer; background:#333; margin:3px 0px; }
.mod-customlist01 .custom-conact dl{padding:calc(0.25vw + 5px) 0; }
.mod-customlist01 .custom-conact dt{font-weight:600; padding-bottom:calc(0.25vw + 5px); }
.mod-customlist01 .custom-conact input{width:100%; font-size:14px; line-height:25px; border:none; padding:calc(0.25vw + 5px); background:#f2f3f5; box-sizing:border-box; border-radius:5px; }
.mod-customlist01 .custom-btn{padding:15px 0; display:flex; justify-content:center; }
.mod-customlist01 .custom-btn button{font-size:calc(0.2vw + 14px); line-height:calc(0.5vw + 20px); color:#fff; text-transform:capitalize; padding:calc(0.25vw + 5px) 0; width:100%; border-radius:5px; background:var(--main); cursor:pointer; display:block; text-align:center; }

@media(max-width:768px){
.mod-customlist01 .custom-conact dl{width:100%; }
}

.layout-quote-irvdu .mod-customlist01 .mod-bg{padding:calc(2vw + 5px); background:#fff; width:100%; max-width:900px; box-shadow:0 0 20px rgba(0,0,0,0.15); box-sizing:border-box; border-radius:calc(0.25vw + 5px); }


/* from How-do-custom-luxury-boxes-increase-product-value.html */

.mod-products01 .scroll-content{overflow:hidden;}
.mod-products01 .scroll-box{position:relative;}
.mod-products01 .scroll-box > div > a{display:block; width:40px; line-height:40px; overflow:hidden; position:absolute; top:50%; border-radius:50%; transform: translate(0%, -50%); background:#333; color:#fff; z-index:3;}
.mod-products01 .scroll-box > div > a:before{font:14px/1 FontAwesome; line-height:40px; display:block; text-align:center;}
.mod-products01 .scroll-box .scroll-prev a{left:0%;}
.mod-products01 .scroll-box .scroll-next a{right:0%;}
.mod-products01 .scroll-box .scroll-next a:before{content:"\f054";}
.mod-products01 .scroll-box .scroll-prev a:before{content:"\f053";}
.mod-products01 .scroll-box > div > a:hover{background:var(--main);}
.mod-products01 .scroll-box .scroll-prev-no a{cursor:not-allowed; background:#ccc;}
.mod-products01 .scroll-box .scroll-next-no a{cursor:not-allowed; background:#ccc;}
.mod-products01 .scroll-box .scroll-prev-no a:hover{cursor:not-allowed; background:#ccc;}
.mod-products01 .scroll-box .scroll-next-no a:hover{cursor:not-allowed; background:#ccc;}

.mod-products01 .show-type-noscroll .scroll-prev{display:none;}
.mod-products01 .show-type-noscroll .scroll-next{display:none;}
.mod-products01 .show-type-noscroll ul{display:flex; flex-wrap:wrap;}
.mod-products01 li a{display:block; overflow:hidden;}
.mod-products01 .show-type-noscroll .product-image img{max-width:100%; height:auto !important;}
.mod-products01 .show-type-noscroll .product-name{width:auto !important;}
.mod-products01 .show-type-noscroll li:hover .product-image img{transform:scale(1.05);}

.mod-products01-page .show-type-noscroll ul{display:flex; flex-wrap:wrap; margin:0 -5px;}
.mod-products01-page li{margin:5px;}
.mod-products01-page .show-type-noscroll .product-image a{border:1px solid #eee;}
.mod-products01-page .product-name a{font-size:14px; color:#000; line-height:20px; display:block; overflow:hidden; padding-top:10px;}
.mod-products01-page .product-name a:hover{text-decoration:underline;}

@media (min-width:769px){
.mod-products01-page .show-type-noscroll li{width:calc(100%/6 - 10px) !important;}
}
@media (max-width:768px){
.mod-products01-page .show-type-noscroll li{width:calc(100%/3 - 10px) !important;}
}
@media (max-width:480px){
.mod-products01-page .show-type-noscroll li{width:calc(50% - 10px) !important;}
}

.layout-page .right .mod-products01 .scroll-box .product-name{padding:calc(1vw + 10px); background:#f2f2f2;}
.layout-page .right .mod-products01 .scroll-box .product-name a{font-size:calc(0.3vw + 14px); line-height:calc(0.35vw + 20px); color:var(--main); font-weight:600; overflow: hidden;}
.layout-page .right .mod-products01 li + li{margin-top:calc(1vw + 20px);}
.layout-page .right .mod-products01 .show-type-noscroll li{width:100% !important;}
.layout-page .right .mod-products01 .mod-bottom{padding:calc(1.5vw + 10px) calc(0.5vw + 10px) calc(1vw + 10px); background:#262626; margin-top:calc(1vw + 10px);}
.layout-page .right .mod-products01 .bottom-left{font-size:calc(0.2vw + 12px); line-height:calc(0.25vw + 20px); color:#fff; padding-bottom:calc(1vw + 20px); font-weight:400;}
.layout-page .right .mod-products01 .bottom-left h3{font-size:calc(0.5vw + 14px); line-height:calc(0.75vw + 20px); color:#fff; font-weight:600; padding-bottom:calc(0.5vw + 5px);}
.layout-page .right .mod-products01 .bottom-right a{color:#333; background:#cdcdcd; padding:calc(0.25vw + 5px) calc(1vw + 10px); display:inline-block; border-radius:calc(0.25vw + 5px);}
.layout-page .right .mod-products01 .bottom-right a:hover{background:#fff; color:var(--main);}

@media(max-width:768px) and (min-width:481px){
.layout-page .right .mod-products01 .show-type-noscroll li{width:calc(50% - 20px) !important; margin:10px;}
.layout-page .right .mod-products01 li + li{margin:auto;}
}

.mod-products01-titlecenter .mod-title{padding-bottom:calc(0.5vw + 10px); text-align:center; }
.mod-products01-titlecenter .title-right{padding-top:calc(0.5vw + 5px); max-width:1260px; margin:auto; }
.mod-products01-titlecenter .title-right-span{display:block; }
.mod-products01-titlecenter .mod-title h3{color:var(--main);}
.mod-products01-titlecenter .mod-title h2{font-size:calc(0.9vw + 18px); line-height:calc(1vw + 20px); font-weight:500; color:#000; text-transform:capitalize;}

.layout-product{padding:calc(1% + 10px) 0 calc(2% + 20px); background:#f5f5f5;}
.layout-product .mod-products01 .show-type-noscroll ul{display:flex; flex-wrap:wrap;}
.layout-product .mod-products01 li{margin:calc(0.25vw + 5px); position:relative;}
.layout-product .mod-products01 li:after{content:""; position:absolute; left:0; bottom:0; height:4px; background:var(--main); width:0;}
.layout-product .mod-products01 .product-name a{font-size:calc(0.5vw + 14px); line-height:calc(0.5vw + 20px); display:block; text-transform:capitalize; padding:calc(0.5vw + 10px); font-weight:500;}
.layout-product .mod-products01 li:hover{background:#fff;}
.layout-product .mod-products01 li:hover:after{width:100%;}
.layout-product .mod-products01 li:hover .product-name a{color:var(--main);}

@media (min-width:481px){
.layout-product .mod-products01 .show-type-noscroll li{width:calc(100%/4 - 0.5vw - 10px) !important;}
}
@media (max-width:480px){
.layout-product .mod-products01 .show-type-noscroll li{width:calc(50% - 0.5vw - 10px) !important;}
}


/* from How-do-custom-luxury-boxes-increase-product-value.html */

        .faq-answer-yl7unn{font-family:Arial,Helvetica,sans-serif;color:#333;line-height:1.8;max-width:100%;box-sizing:border-box}
        .faq-answer-yl7unn *{box-sizing:border-box}
        .faq-answer-yl7unn .answer-block{margin-bottom:28px}
        .faq-answer-yl7unn .answer-block p{font-size:15px;margin:0 0 14px}
        .faq-answer-yl7unn .answer-block h2{font-size:22px;font-weight:700;color:#172B46;margin:24px 0 12px;padding-bottom:8px;border-bottom:1px solid #e8e8e8}
        .faq-answer-yl7unn .answer-block h3{font-size:18px;font-weight:600;color:#172B46;margin:20px 0 10px}
        .faq-answer-yl7unn .answer-block ul,.faq-answer-yl7unn .answer-block ol{margin:0 0 16px;padding-left:22px}
        .faq-answer-yl7unn .answer-block li{font-size:15px;margin-bottom:6px}
        .faq-answer-yl7unn .answer-block strong{color:#172B46}
        .faq-answer-yl7unn .answer-block .highlight{background:#f8f9fd;border-left:3px solid #172B46;padding:14px 18px;border-radius:0 6px 6px 0;margin:16px 0;font-size:15px}
        .faq-answer-yl7unn .answer-block .note{background:#fef9e7;border-left:3px solid #f0ad4e;padding:12px 16px;border-radius:0 6px 6px 0;margin:14px 0;font-size:14px;color:#5f5f5f}
        .faq-answer-yl7unn .img-wrap{margin:18px 0;text-align:center}
        .faq-answer-yl7unn .img-wrap img{max-width:100%;height:auto;border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,.08)}
        .faq-answer-yl7unn .cta-box{background:linear-gradient(135deg,#172B46,#2f3878);color:#fff;padding:22px 24px;border-radius:10px;margin:24px 0 8px;text-align:center}
        .faq-answer-yl7unn .cta-box p{color:#dce0f0;font-size:15px;margin:0 0 12px}
        .faq-answer-yl7unn .cta-link{display:inline-block;padding:10px 20px;background:#fff;color:#172B46!important;font-weight:700;border-radius:6px;text-decoration:none!important;font-size:14px}
        @media(max-width:600px){.faq-answer-yl7unn .cta-box{padding:16px}}
    

/* from Wine-And-Liquor-Packaging-Boxes.html */

.mod-productlist01 .mod-title{float:none;}
.mod-productlist01 .mod-title .category-title{font-size: calc(1vw + 16px); line-height: calc(1vw + 25px); font-weight:700; color:#000;}
.mod-productlist01 .mod-seo{padding:0 0 calc(1vw + 5px);}

.mod-productlist01 .content-bg{overflow:visible;}
.mod-productlist01 .filter-page{overflow:hidden; line-height: 25px; padding:4px 8px; background:#f5f5f5; display:flex; justify-content:space-between; flex-wrap:wrap; align-items:center;}
.mod-productlist01 .filter-page .pager{overflow: hidden; line-height:30px; white-space: nowrap;}
.mod-productlist01 .filter-page .pager .pager-nav{display:none;}
.mod-productlist01 .filter-page .view-as {padding:5px 7px; display:flex;}
.mod-productlist01 .filter-page .view-as .view-tool{font:0px/1 FontAwesome; color:#999; cursor:pointer;}
.mod-productlist01 .filter-page .view-as .view-tool:before{padding:0 5px; font-size:14px; line-height:20px;}
.mod-productlist01 .filter-page .view-as .tool-name{display: block; line-height:20px; margin:0 4px;}
.mod-productlist01 .filter-page .view-as .icon-list:before{content: "\f0ca";}
.mod-productlist01 .filter-page .view-as .icon-img-list{color:var(--main);}
.mod-productlist01 .filter-page .view-as .icon-img-list:before{content: "\f0ca";}
.mod-productlist01 .filter-page .view-as .icon-list:hover{color:#333;}
.mod-productlist01 .filter-page .view-as .icon-gray:before{content: "\f00a";}
.mod-productlist01 .filter-page .view-as .icon-img-gray{color:var(--main);}
.mod-productlist01 .filter-page .view-as .icon-img-gray:before{content: "\f00a";}
.mod-productlist01 .filter-page .view-as .icon-gray:hover{color:#333;}
.mod-productlist01 .filter-page span{display:block;}

.mod-productlist01 .product-title a{color:var(--main); overflow: hidden; font-size:calc(0.2vw + 14px); line-height:calc(0.25vw + 20px);}
.mod-productlist01 .product-order-info {color:#666; font-size:13px; line-height:20px; margin-bottom:5px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.mod-productlist01 .product-order-info span {color:#333;}
.mod-productlist01 .product-order-info .text{color:var(--main);}
.mod-productlist01 .product-order-info .num{color:#666;}
.mod-productlist01 .product-order-info .unit{color:#333;}

.mod-productlist01 a.favorites{position:absolute; top:5px; right:5px; color:#333;}
.mod-productlist01 .list-item a.favorites{right:auto; left:10px; top:calc(0.5vw + 20px);}
.mod-productlist01 a.favorites span{display:none;}
.mod-productlist01 a.favorites:before{content:"\f08a"; font:16px/1 FontAwesome; display:block; width:30px; height:30px; text-align:center; line-height:30px; border-radius:50%; overflow:hidden; background:#fff;}
.mod-productlist01 a.favorites:hover,.mod-productlist01 a.on{color:var(--main);}
.mod-productlist01 a.on:before{content: "\f004";}

.mod-productlist01 .box-gallery{padding:10px 0px; display:flex; flex-wrap:wrap; align-items:stretch; margin:0 -10px;}
.mod-productlist01 .box-gallery .gallery-item{margin:10px; box-sizing:border-box; width:calc(100%/3 - 20px) !important; overflow: hidden; cursor:default; background:#fff; transition:All 0.2s ease-in-out;}
.mod-productlist01 .box-gallery .product-img{position:relative;}
.mod-productlist01 .box-gallery .product-img img{max-width:100%; height:auto !important;}
.mod-productlist01 .box-gallery .product-img img + img{position:absolute; top:0; left:0; bottom:0; right:0; transform:rotateY(90deg); opacity:0;}
.mod-productlist01 .box-gallery .gallery-item:hover .product-img img + img{transform:rotateY(0); opacity:1;}
.mod-productlist01 .box-gallery .product-img a{overflow:hidden; display:block;}
.mod-productlist01 .box-gallery .product-img .mc-click-target{margin-bottom:10px;}
.mod-productlist01 .box-gallery input{margin:5px; position:absolute; top:0px; left:0px; height:15px; width:15px;}

.mod-productlist01 .box-gallery .product-title{overflow:hidden; padding:10px 0px 5px;}

.mod-productlist01 .box-list{padding:10px 0px; overflow:hidden; background:none; border:none;}
.mod-productlist01 .list-item{border-bottom:1px dashed rgba(0,0,0,0.1); padding:calc(0.5vw + 10px) 0; overflow: hidden; background:#fff; display:flex; justify-content:space-between; align-items:center; position:relative;}
.mod-productlist01 .box-list .chk input{margin:0px; padding:0px;}
.mod-productlist01 .box-list .pic{overflow:hidden; width:25%; border:1px solid rgba(0,0,0,0.1);}
.mod-productlist01 .box-list .pic a{display:block;}
.mod-productlist01 .box-list .pic img{width:100%; height:auto;}
.mod-productlist01 .box-list .attr {overflow: hidden; width:calc(75% - 0.5vw - 10px);}
.mod-productlist01 .box-list .product-title{padding-bottom:calc(0.25vw + 5px);}

.mod-productlist01 .box-list .product-message-send {color:#fff; display:inline-block; font-size:13px; padding:5px 10px; background:#333; margin-top:calc(0.75vw + 5px); line-height:20px; border-radius:2px;}
.mod-productlist01 .box-list .product-message-send:hover{background:var(--main);}

.mod-productlist01 .mod-seo-productlist .download{overflow:hidden; display:flex; align-items:center; margin:0 -5px;}
.mod-productlist01 .mod-seo-productlist .download span{display:block;}
.mod-productlist01 .mod-seo-productlist .download .download-title{color:#666; line-height:20px; font-size:12px; padding:0 5px;}
.mod-productlist01 .mod-seo-productlist .download .file a{width:16px; height:16px; padding:2px 5px; display:block;}

@media(max-width:768px){
 .mod-productlist01 .filter-page{padding:10px;}
 .mod-productlist01 .filter-page .pager{display:none;}
 .mod-productlist01 .filter-page .sel-products{float:left;}
 .mod-productlist01 .filter-page .view-as{display:none;}
 
 .mod-productlist01 .box-gallery .gallery-item{width:calc(50% - 20px) !important;}
 
 .mod-productlist01 .product-order-info{display:none;}
 .mod-productlist01 .product-order-info.price{display:-webkit-box;}
 
 .mod-productlist01 .box-list .pic{width:30%;}
 .mod-productlist01 .box-list .attr{width:calc(70% - 0.5vw - 10px);}

 .pro-container .left,.pro-container .content{width:100%;}
 .pro-container{flex-wrap:wrap;}
 .page-protit{font-size:16px;}
}


/* from Wine-And-Liquor-Packaging-Boxes.html */

.mod-categories01 .content-bg-categories{overflow:visible;}
.mod-categories01 .categories-tabs a{border-bottom:1px solid #e5e5e5; display:block; color:#333; padding:10px 0;}
.mod-categories01 .categories-tabs a:hover{color:var(--main);}
.mod-categories01 .categories-tabs .on > a{color:var(--main); font-weight:600;}
.mod-categories01 .categories-tabs .categories-tab-link{font-weight:600; font-size:calc(0.2vw + 14px);}
.mod-categories01 .categories-tabs .text{display:block;}
.mod-categories01 .categories-second-tabs a{padding:10px; background:#fafafa;}
.mod-categories01 .categories-third-tabs a{padding:10px 20px; background:#f6f6f6;}
.mod-categories01 .categories-tabs .text:before{content:"\f105"; font-family:FontAwesome; padding:0 5px;}

.mod-categories01 .categories-tab{position:relative;}

.show-type-float .categories-tab .categories-second-tabs{position:absolute; right:100%; top:10px; width:240px; z-index:100; opacity:0; visibility:hidden; transition:all .3s;}
.show-type-float .categories-tab:hover .categories-second-tabs{top:0; opacity:1; visibility:visible;}

.event-click .categories-tab .categories-second-tabs{display:none;}
.event-click .categories-tab .categories-third-tabs{display:none;}
.event-click .categories-tabs a{display:flex; align-items:center;}
.event-click .categories-tabs .text{flex:1 2 0;}
.event-click .categories-tabs .text:before{display:none;}
.event-click .categories-tab .caret{width:calc(0.25vw + 20px); margin:-10px; padding:10px; text-align:center; font-style:normal; position:relative; z-index:1;}
.event-click .categories-tab .caret:before{content:"\f105"; font-family:FontAwesome;}
.event-click .categories-tab .caret-show:before{content:"\f107";}

@media(max-width:768px){
 .categories-second-tabs{display:none !important;}
}

.layout-page .right .mod-categories01 .mod-bottom{padding:calc(1.5vw + 10px) calc(0.5vw + 10px) calc(1vw + 10px); background:#262626; margin-top:calc(1vw + 10px); border-radius:calc(0.5vw + 5px);}
.layout-page .right .mod-categories01 .bottom-left{font-size:calc(0.2vw + 12px); line-height:calc(0.25vw + 20px); color:#fff; padding-bottom:calc(1vw + 20px); font-weight:400;}
.layout-page .right .mod-categories01 .bottom-left h3{font-size:calc(0.5vw + 14px); line-height:calc(0.75vw + 20px); color:#fff; font-weight:600; padding-bottom:calc(0.5vw + 5px);}
.layout-page .right .mod-categories01 .bottom-right a{font-size:calc(0.2vw + 12px); line-height:calc(0.5vw + 20px); color:#fff; background:var(--main); padding:calc(0.25vw + 5px) calc(1vw + 10px); display:inline-block; border-radius:calc(0.25vw + 5px);}


/* from aboutus.html */
.video-container { position: relative; width: 100%; padding-bottom: 56.25%; height: 0; overflow: hidden;}.video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;}

/* from blog.html */

.mod-blog-list01 .list-tabs{display: flex; flex-wrap:wrap; margin:calc(-0.5vw - 10px); align-items:stretch;}
.mod-blog-list01 .list-tabs li{width:calc(100%/3 - 1vw - 20px); margin:calc(0.5vw + 10px); padding:calc(1vw + 10px); box-sizing:border-box; background:#f9f9f9; position:relative;}
.mod-blog-list01 .list-tabs li:after{content:""; position:absolute; bottom:0; left:0; height:3px; width:0; background:var(--main); transition:All 0.3s ease-in-out;}
.mod-blog-list01 .list-tabs .list-img a{display:block; overflow:hidden; margin:calc(-1vw - 10px) calc(-1vw - 10px) calc(1vw + 10px);}
.mod-blog-list01 .list-tabs .list-img a img{width:100%; height:auto;}
.mod-blog-list01 .list-tabs .list-link{color:var(--main); display: block; font-size:calc(0.3vw + 14px); line-height:calc(0.35vw + 20px); font-weight:500; overflow: hidden;}
.mod-blog-list01 .list-simpledesc{font-size:15px; color:#555; line-height:25px; margin:10px 0px; max-height:50px; overflow:hidden;}
.mod-blog-list01 .list-time{color:#777; line-height:25px; display:flex; align-items:center;}
.mod-blog-list01 .list-time:before{content:"\f274"; font:14px/1 FontAwesome; width:20px; display:inline-block;}
.mod-blog-list01 .list-tabs li:hover:after{width:100%;}

@media (max-width:768px){
 .mod-blog-list01 .list-tabs li{width:calc(100%/2 - 1vw - 20px);}
}
@media (max-width:480px){
 .mod-blog-list01 .list-tabs{margin:0;}
 .mod-blog-list01 .list-tabs li{width:100%; margin:10px 0px;}
}


/* from cases.html */

.mod-cases-list01 .list-tabs{display: flex; flex-wrap:wrap; margin:calc(-0.5vw - 10px); align-items:stretch;}
.mod-cases-list01 .list-tabs li{width:calc(100%/3 - 1vw - 20px); margin:calc(0.5vw + 10px); padding:calc(1vw + 10px); box-sizing:border-box; background:#f9f9f9; position:relative;}
.mod-cases-list01 .list-tabs li:after{content:""; position:absolute; bottom:0; left:0; height:3px; width:0; background:var(--main); transition:All 0.3s ease-in-out;}
.mod-cases-list01 .list-tabs .list-img a{display:block; overflow:hidden; margin:calc(-1vw - 10px) calc(-1vw - 10px) calc(1vw + 10px);}
.mod-cases-list01 .list-tabs .list-img a img{width:100%; height:auto;}
.mod-cases-list01 .list-tabs .list-link{color:var(--main); display: block; font-size:calc(0.3vw + 14px); line-height:calc(0.35vw + 20px); font-weight:500; overflow: hidden;}
.mod-cases-list01 .list-simpledesc{font-size:15px; color:#555; line-height:25px; margin:10px 0px; max-height:50px; overflow:hidden;}
.mod-cases-list01 .list-time{color:#777; line-height:25px; display:flex; align-items:center;}
.mod-cases-list01 .list-time:before{content:"\f274"; font:14px/1 FontAwesome; width:20px; display:inline-block;}
.mod-cases-list01 .list-tabs li:hover:after{width:100%;}

@media (max-width:768px){
 .mod-cases-list01 .list-tabs li{width:calc(100%/2 - 20px);}
}
@media (max-width:480px){
 .mod-cases-list01 .list-tabs{margin:0;}
 .mod-cases-list01 .list-tabs li{width:100%; margin:10px 0px;}
}


/* from cases.html */

.mod-send01 .mod-content .notice {color:#333; font-size:14px; line-height:20px;}
.mod-send01 .send-box{overflow:hidden;}
.mod-send01 .send-box .on{color:var(--main);}
.mod-send01 .send-box dl{overflow:hidden; margin-bottom:10px;}
.mod-send01 .send-box dt{display:none;}
.mod-send01 .send-box dt span{color:var(--main);}
.mod-send01 .send-box dd{width:100%;}
.mod-send01 .send-box input,.mod-send01 .send-box textarea {font-size:14px; background:#eee; border:none; color:#333; line-height:25px; padding:calc(0.25vw + 5px); border-radius:calc(0.25vw + 5px); box-sizing:border-box; display:block;}
.mod-send01 .send-box .text{width: 100%;}
.mod-send01 .send-box .send-item{overflow:hidden;}
.mod-send01 .send-box .content{height:120px; padding:5px 10px; width:100%;}
.mod-send01 .send-box .agree{font-size:12px; line-height:15px;}
.mod-send01 .send-box .agree *{display:inline;}
.mod-send01 .send-box .agree a{color:#666; text-decoration:underline; font-weight:normal;}
.mod-send01 .send-box .agree a:hover{text-decoration:none;}
.mod-send01 .send-box .send-contact {display:none;}
.mod-send01 .send-buttom {display:flex; padding:10px 0;}
.mod-send01 .send-buttom a{padding:calc(0.25vw + 5px) calc(2vw + 10px); color:#fff; background:var(--main); overflow:hidden; font-weight:500; text-transform:capitalize; border-radius:calc(0.25vw + 5px);}
.mod-send01 .send-buttom a.disabled{background:#999;}

.mod-send01 .item-tab-attachment{display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap;}
.mod-send01 .upload-attachment{display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap;}
.mod-send01 .upload-attachment > *{box-sizing:border-box;}
.mod-send01 .upload-attachment ul li{display:flex; justify-content:space-between; align-items:center; font-size:12px; line-height:16px;}
.mod-send01 .upload-attachment ul li a{color:#999; width:calc(100% - 10px); overflow:hidden; display:block; text-overflow:ellipsis; white-space:pre; margin:0 5px;}
.mod-send01 .upload-attachment ul li button{color:#333; line-height:25px; width:25px; text-align:center;}
.mod-send01 .upload-attachment .btn-upload{font-size:13px; color:#333; line-height:20px; display:inline-flex; align-items:center;}
.mod-send01 .upload-attachment .btn-upload .fa{flex:0 0 20px;}
.layout-quote-irvdu .mod-send01 .title-left h3{color:#fff;}
.layout-quote-irvdu .mod-send01 .send-box .agree{font-size:12px; line-height:15px; color:#fff;}
.layout-quote-irvdu .mod-send01 .send-box .agree a{color:#fff; text-decoration:underline; font-weight:normal;}


/* from contact-us.html */

.mod-contactus01 .box-tab{margin-bottom:20px;}
.mod-contactus01 .box-title{font-weight: bold; margin-bottom:10px; padding:10px 0px; border-bottom:1px dashed rgba(0,0,0,0.1);}
.mod-contactus01 .contactus-tabs ul{overflow:hidden; display:flex; justify-content:space-between;}
.mod-contactus01 .right .name{font-weight:bold; display:block;}
.mod-contactus01 .right .pic{display:block;}
.mod-contactus01 .right .pic img{margin:0; display:block;}
.mod-contactus01 .right .pic+.name{margin-top:5px;}
.mod-contactus01 .contactus-tab a{color:#000;}
.mod-contactus01 .contactus-tab a:hover{text-decoration:underline;}
.mod-contactus01 .left{width:30px; font-size:0px; height:30px; padding:0px; color:#333;}
.mod-contactus01 .left:before{font:16px/1 FontAwesome; display:block; text-align:center; line-height:30px;}
.mod-contactus01 .right{width:calc(100% - 35px); line-height:20px; padding:5px 0px;}
.contactus-tab-name .left:before{content:"\f007";}
.contactus-tab-email .left:before{content:"\f0e0";}
.contactus-tab-phone .left:before{content:"\f095";}
.contactus-tab-fax .left:before{content:"\f02f";}
.contactus-tab-postcode .left:before{content:"\f1d9";}
.contactus-tab-street .left:before{content:"\f277";}
.contactus-tab-qq .left:before{content:"\f1d7";}
.contactus-tab-skype .left:before{content:"\f17e";}
.contactus-tab-facebook .left:before{content:"\f082";}
.contactus-tab-linkedin .left:before{content:"\f08c";}
.contactus-tab-twitter .left:before{content:"\f081";}
.contactus-tab-whatsapp .left:before{content:"\f232";}
.contactus-tab-wechat .left:before{content:"\f1d7";}
@media screen and (max-width:768px){
 .mod-contactus01 .box-tab{border:1px solid #f0f0f0;}
 .mod-contactus01 .box-tab+.box-tab{margin-top:20px;}
 .mod-contactus01 .contactus-tabs{padding:10px;}
 .mod-contactus01 .box-title{border:none; background:#f0f0f0; padding:5px 10px; margin:0px;}
}


/* from faq.html */

.mod-faq-list01 .mod-content{padding-bottom:10px; overflow:hidden;}
.mod-faq-list01 .mod-content li{overflow: hidden; display:flex; justify-content:space-between; align-items:center; border-bottom:1px dashed #ccc;}
.mod-faq-list01 .mod-content li:before{content:""; width:4px; height:4px; border-radius:50%; background:#666; display:block; flex:0 0 4px;}
.mod-faq-list01 .mod-content .list-link{color:#333; display: block; overflow: hidden; text-overflow: ellipsis; white-space: pre; flex:1 2 0; line-height:20px; padding:10px;}
.mod-faq-list01 .mod-content .list-link:hover{font-weight:bold;}
.mod-faq-list01 .mod-content .list-time{color:#999; line-height:20px; display:block; padding:10px 0;}


/* from news-list.html */

.mod-news-list01 .list-tabs{display: flex; flex-wrap:wrap; margin:calc(-0.5vw - 10px); align-items:stretch;}
.mod-news-list01 .list-tabs li{width:calc(100%/3 - 1vw - 20px); margin:calc(0.5vw + 10px); padding:calc(1vw + 10px); box-sizing:border-box; background:#f9f9f9; position:relative;}
.mod-news-list01 .list-tabs li:after{content:""; position:absolute; bottom:0; left:0; height:3px; width:0; background:var(--main); transition:All 0.3s ease-in-out;}
.mod-news-list01 .list-tabs .list-img a{display:block; overflow:hidden; margin:calc(-1vw - 10px) calc(-1vw - 10px) calc(1vw + 10px);}
.mod-news-list01 .list-tabs .list-img a img{width:100%; height:auto;}
.mod-news-list01 .list-tabs .list-link{color:var(--main); display: block; font-size:calc(0.3vw + 14px); line-height:calc(0.35vw + 20px); font-weight:500; overflow: hidden;}
.mod-news-list01 .list-simpledesc{font-size:15px; color:#555; line-height:25px; margin:10px 0px; max-height:50px; overflow:hidden;}
.mod-news-list01 .list-time{color:#777; line-height:25px; display:flex; align-items:center;}
.mod-news-list01 .list-time:before{content:"\f274"; font:14px/1 FontAwesome; width:20px; display:inline-block;}
.mod-news-list01 .list-tabs li:hover:after{width:100%;}

@media (max-width:768px){
 .mod-news-list01 .list-tabs li{width:calc(100%/2 - 1vw - 20px);}
}
@media (max-width:480px){
 .mod-news-list01 .list-tabs{margin:0;}
 .mod-news-list01 .list-tabs li{width:100%; margin:10px 0px;}
}


/* from order-tracking.html */

.mod-ordertracking01 .content-bg{overflow:visible; background:#fff;}
.mod-ordertracking01 .track-title h2{float:none; font-size:calc(1vw + 14px); line-height:calc(1vw + 25px); color:#333; font-weight:600; padding-bottom:calc(0.5vw + 5px);}
.mod-ordertracking01 .track-item01{display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; padding:10px 0;}
.mod-ordertracking01 .track-item01 > div{width:calc(50% - 1vw - 10px); padding:10px 0;}
.mod-ordertracking01 .track-item01 .track-title{padding:calc(0.5vw + 20px); border-radius:calc(1vw + 10px); box-shadow:0 0 15px rgba(0,0,0,0.1); box-sizing:border-box; overflow:hidden; font-size:calc(0.1vw + 12px); line-height:calc(0.5vw + 20px); color:#333;}
.mod-ordertracking01 .track-item01 .track-title a{color:#333;}
.mod-ordertracking01 .track-item01 .login-link{font-size:14px; line-height:25px; padding:10px; width:100%; background:var(--main); color:#fff; border-radius:30px; display:block; cursor:pointer; text-transform:capitalize; margin-top:calc(0.5vw + 15px);}
.mod-ordertracking01 .track-item01 .login-link:hover{background:var(--deputy);}
.mod-ordertracking01 .track-item01 .img img{margin:0;}

.mod-ordertracking01 .track-item01 .track-find{display:flex; overflow:hidden; border-radius:50vw; overflow:hidden; margin-top:calc(0.5vw + 15px);}
.mod-ordertracking01 .track-item01 .txt-term{flex:1 2 0; font-size:13px; color:#333; line-height:20px; height:20px; padding:10px; border:none; background:#eee; width:150px;}
.mod-ordertracking01 .track-item01 .btn-find{font-size:13px; color:#fff; line-height:20px; padding:10px calc(1vw + 10px); background:var(--main); text-align:center; border:none; cursor:pointer; color:#fff; transition:All 0.2s ease-in-out;}
.mod-ordertracking01 .track-item01 .btn-find:hover{background:var(--deputy);}

.mod-ordertracking01 .track-item02 .track-content{background:url(../picture/tracking-bg.png) bottom calc(2vw + 50px) center no-repeat;}
.mod-ordertracking01 .track-item02 .track-title{text-align:center;}
.mod-ordertracking01 .track-item02 .track-content-bg{display:flex; justify-content:space-between; flex-wrap:wrap; align-items:flex-end;}
.mod-ordertracking01 .track-item02 .item{width:calc(100%/3); display:flex; justify-content:center; flex-direction:column; align-items:center;}
.mod-ordertracking01 .track-item02 .text{padding:calc(0.5vw + 10px) calc(1.5vw + 10px); box-sizing:border-box;}
.mod-ordertracking01 .track-item02 .item:nth-of-type(2) .text{justify-content:center; padding:calc(1.5vw + 10px) calc(1.5vw + 10px) 0; width:100%;}
.mod-ordertracking01 .track-item02 dl{padding:15px 20px; border:1px solid #e5e5e5; box-sizing:border-box; border-radius:10px; background:#fff; text-align:center;}
.mod-ordertracking01 .track-item02 dt{width:50px; margin:auto;}
.mod-ordertracking01 .track-item02 dd{font-size:13px; color:#333; line-height:20px;}
.mod-ordertracking01 .track-item02 dd h3{font-size:16px; line-height:25px; font-weight:600; padding:5px 0;}

.mod-ordertracking01 .tips{text-align:center; font-size:14px; color:#333; line-height:25px;}
.mod-ordertracking01 .tips a{color:var(--main); text-decoration:underline;}

@media(min-width:769px){
 .mod-ordertracking01 .track-item02 .text{width:85%;}
 .mod-ordertracking01 .track-item02 .text:nth-of-type(1){align-self:flex-start;}
 .mod-ordertracking01 .track-item02 .text:nth-of-type(3){align-self:flex-end;}
}
@media(max-width:768px){
 .mod-ordertracking01 .track-item02 .track-content-bg{background-size:100% auto;}
}

@media(min-width:481px){
 .mod-ordertracking01 .track-item02 .item:nth-of-type(3){flex-direction: column-reverse;}
 .mod-ordertracking01 .track-item02 dl{min-height:180px;}
}

@media(max-width:480px){
 .mod-ordertracking01 .track-item01 > div{width:100%;}
 .mod-ordertracking01 .track-item02 .track-content-bg{background:#fff;}
 .mod-ordertracking01 .track-item02 .item{width:100%;}
 .mod-ordertracking01 .track-item02 .item .img{display:none;}
 .mod-ordertracking01 .track-item02 .item:nth-of-type(2) .text{padding:calc(0.5vw + 10px) calc(1.5vw + 10px);}
}

.service-info{padding-top:20px;}
.service-info .loading{font-size:12px; color:#666; line-height:20px; display:block; text-align:left; padding:10px 5px;}
.service-info .service-item{border:1px solid #f5f5f5; position:relative; padding:20px; border-radius:20px; background:#f5f5f5;}
.service-info .service-item dl{font-size:13px; color:#333; line-height:25px; overflow:hidden; display:flex; justify-content: space-between;}
.service-info .service-item dt{color:#555; width:140px; text-align:right;}
.service-info .service-item dd{width:calc(100% - 160px);}

.service-info .service-card{padding-top:20px;}
.service-info .service-card .card-title{display:flex; position:relative;}
.service-info .service-card .card-title .card-title-tab{border:1px solid #e5e5e5; cursor:pointer; overflow:hidden; min-width:50px; text-align:center;}
.service-info .service-card .card-title .card-title-tab > *{font-size:12px; color:#333; line-height:20px; padding:10px 20px;}
.service-info .service-card .card-title .card-title-tab + .card-title-tab{border-left:none;}
.service-info .service-card .card-title .card-title-tab.on{border-bottom-color:#fff;}
.service-info .service-card .card-title .card-title-tab.on > *{color:var(--main); font-weight:bold;}
.service-info .service-card .card-title .card-title-tab:first-of-type{border-top-left-radius:20px;}
.service-info .service-card .card-title .card-title-tab:last-of-type{border-top-right-radius:20px;}
.service-info .service-card .card-title .card-title-manage{border:none;}
.service-info .service-card .card-title .card-title-manage .btn-manage{color:#333; background:#f2f2f2; font-size:12px; width:40px; height:30px; text-align:center; margin:5px 15px;}
.service-info .service-card .card-title .card-title-manage .btn-manage:hover{background:#e5e5e5;}
.service-info .service-card .card-html{border:1px solid #e5e5e5; margin-top:-1px; padding:20px; border-radius:0 20px 20px 20px;}
.service-info .service-card .card-html .card-html-tab{display:none;}
.service-info .service-card .card-html .card-html-tab.on{display:block;}
.service-info .service-card .card-html .products-infomation{background:#f5f5f5; padding:20px; border-radius:10px;}
.service-info .service-card .card-html .products-infomation dl{display:flex; display:-ms-flexbox; max-width:500px; align-items:center; justify-content:space-between;}
.service-info .service-card .card-html .products-infomation dl + dl{margin-top:10px;}
.service-info .service-card .card-html .products-infomation dl dt{width:140px; text-align:right;}
.service-info .service-card .card-html .products-infomation dl dd{width:calc(100% - 160px);}

.service-info .products-infomation{position:relative;}
.service-info .products-infomation .btn-edit{position:absolute; right:30px; top:50%; transform:translate(0,-50%); font-size:12px; line-height:25px; padding:0 15px; border-radius:50vw; background:var(--main); color:#fff; opacity:0;}
.service-info .products-infomation:hover .btn-edit{opacity:1;}
.service-info .service-follow-process{margin:40px 30px 0;}
.service-info .service-follow-process ul{display:flex; justify-content:flex-start; align-items:flex-start; flex-wrap:wrap;}
.service-info .service-follow-process ul li{text-align:center; padding:10px 20px; position:relative; z-index:2; width:100px;}
.service-info .service-follow-process ul li span{width:25px; height:25px; font-size:13px; line-height:25px; text-align:center; border-radius:50%; color:#fff; overflow:hidden; margin:0 auto 10px; display:block; background:var(--main);}
.service-info .service-follow-process ul li:after{content:""; position:absolute; top:22px; left:0; right:0; height:2px; background:#ddd; z-index:-1;}
.service-info .service-follow-process ul li:first-of-type:after{width:50%; left:50%; right:auto;}
.service-info .service-follow-process ul li:last-of-type:after{width:50%; right:50%; left:auto;}
.service-info .service-follow-process ul li:only-child:after{display:none;}
.service-info .service-follow-process ul li span + *{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; font-size:13px; color:#333; line-height:20px;}

.service-info .service-follow{margin:40px 0 20px; overflow:hidden;}
.service-info .service-follow .service-progress{position:relative; width:100%;}

@media(min-width:769px){
.service-info .service-follow .service-progress{margin-bottom:30px; max-width:700px; padding-left:80px;}
.service-info .service-follow .service-progress:before{content:""; width:1px; height:calc(500% + 60px); background:#e5e5e5; top:50%; left:40px; position:absolute; z-index:-1;}
.service-info .service-follow .service-progress:after{content:""; width:11px; height:11px; border-radius:50%; background:#ccc; top:calc(50% - 6px); left:35px; position:absolute; z-index:1; transition:All .3s ease-in-out;}
}

.service-info .service-follow .service-progress .service-content{position:relative; z-index:2; padding:15px 20px; border-radius:10px; font-size:13px; color:#333; line-height:25px; background:#f5f5f5; border:1px solid #f5f5f5; border-right:none; transition:All .3s ease-in-out;}
.service-info .service-follow .service-progress .service-content span{font-size:12px; line-height:20px; display:block; color:#999;}
.service-info .service-follow .service-progress .service-content h2{font-size:13px; padding:5px 0; color:#000;}
.service-info .service-follow .service-progress .service-content p{color:#666; line-height:20px;}
.service-info .service-follow .service-progress .service-content ul{display:flex; display:-ms-flexbox; flex-wrap:wrap;}
.service-info .service-follow .service-progress .service-content ul li{height:50px; max-width:112px; min-width:5px; margin-right:20px; margin-top:10px; border:solid 1px #e5e5e5; border-radius:25px; cursor:pointer; background:#fff;}
.service-info .service-follow .service-progress .service-content ul li:hover{border:solid 1px var(--main);}
.service-info .service-follow .service-progress .service-content ul li:last-of-type{margin-right:0;}
.service-info .service-follow .service-progress .service-content ul li img{height:50px; border-radius:25px; max-width:112px; min-width:5px;}
.service-info .service-follow .service-progress .service-content:before{content:""; width:0; height:0; border:10px solid transparent; border-right-color:#f5f5f5; position:absolute; top:calc(50% - 10px); right:100%;}
.service-info .service-follow .service-progress .service-opt{position:absolute; top:0; bottom:0; left:calc(100% - 110px); border-radius:0 10px 10px 0; width:100px; padding:5px; background:#fff; display:flex; display:-ms-flexbox; justify-content:center; align-items:center; transition:All .3s ease-in-out;}
.service-info .service-follow .service-progress .service-opt .btn{font-size:12px; line-height:15px; padding:5px 10px;}
.service-info .service-follow .service-progress .service-opt .btn-edit{border-radius:50vw 0 0 50vw; background:var(--main); color:#fff;}
.service-info .service-follow .service-progress .service-opt .btn-del{border-radius:0 50vw 50vw 0; background:#f0f0f0; color:#333;}
.service-info .service-follow .service-progress:hover:after{background:var(--main);}
.service-info .service-follow .service-progress:hover .service-info{border-radius:10px 0 0 10px;}
.service-info .service-follow .service-progress:hover .service-opt{left:100%;}
.service-info .service-follow .service-progress:last-of-type{margin-bottom:60px;}
.service-info .service-follow .service-progress:last-of-type:after{background:var(--main); width:15px; height:15px; left:33px;}
.service-info .service-follow .btn-add{font-size:13px; color:#fff; line-height:20px; padding:5px 10px; text-align:center; background:var(--main); border-radius:50vw; margin:0 4px;}

.service-info .service-follow .logs h3{font-size:13px; line-height:25px; padding:10px 0; border-bottom:1px solid #e5e5e5; display:block; margin:20px 0 0; font-weight:100;}
.service-info .service-follow .logs .log{display:flex; display:-ms-flexbox; padding:15px 0;}
.service-info .service-follow .logs .log .log-img{width:40px; height:40px; border-radius:50%; overflow:hidden; flex:0 0 40px;}
.service-info .service-follow .logs .log .log-img img{width:100%; height:100%;}
.service-info .service-follow .logs .log .log-text{margin-left:10px; display:flex; flex-wrap:wrap; max-width:80%;}
.service-info .service-follow .logs .log span{font-size:12px; color:#999; line-height:20px; display:block; padding-bottom:5px; width:100%;}
.service-info .service-follow .logs .log .log-desc{font-size:13px; line-height:20px; padding:5px 10px; border-radius:5px; max-width:80%;}
.service-info .service-follow .logs .log .log-file{margin-top:10px;}
.service-info .service-follow .logs .log-left .log-desc{border:1px solid #e5e5e5; color:#333; background:#fff; box-sizing:border-box;}
.service-info .service-follow .logs .log-right{flex-direction:row-reverse;}
.service-info .service-follow .logs .log-right .log-text{margin-left:0; margin-right:10px; text-align:right; justify-content:flex-end;}
.service-info .service-follow .logs .log-right .log-desc{background:var(--main); border:1px solid var(--main);}
.service-info .service-follow .logs .log-right .log-desc p{color:#fff;}
.service-info .service-follow .logs .log-right .log-file{justify-content:flex-end;}
.service-info .service-follow .logs .send{margin:10px 0 0; position:relative;}
.service-info .service-follow .logs .send .area-message{width:100%; padding:10px 20px; border:1px solid #e5e5e5; font-size:12px; line-height:20px; height:42px; border-radius:21px; transition:All .3s ease-in-out; resize:none; box-sizing:border-box;}
.service-info .service-follow .logs .send .area-message.focus{height:100px;}
.service-info .service-follow .logs .send .btn-send{font-size:12px; line-height:25px; padding:0 10px; background:transparent; color:var(--main); border-radius:50vw; margin:0; position:absolute; bottom:15px; right:15px;}