@charset "utf-8"; 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 img{border:0;display:block;}.page-box .mod-detail img{display:inline-block;}.page-box *{padding:0;margin:0;list-style:none;}.page-box a{cursor:pointer;text-decoration:none;}.page-box .mod .mod-content{clear:both;}.page-box h1{margin:0;padding:0;font-size:inherit;font-family:inherit;}.page-box h2{margin:0;padding:0;font-size:inherit;font-family:inherit;}.page-box .search-notfound{font-size:14px;line-height:25px;text-align:center;padding:50px;color:#666;}.page-box button{cursor:pointer;padding:0;margin:0;border:0;background:transparent;}.page-box button:disabled{background:#f9f9f9!important;color:#999!important;cursor:not-allowed!important;border-color:transparent!important;}.page-box button:hover{opacity:.85;}.page-box input[type="text"],.page-box input[type="password"],.page-box input[type="email"],.page-box textarea{-webkit-appearance:none;font-family:inherit;}.page-box .flag{background-size:cover;overflow:hidden;margin:7px 0 0 2px;float:left;width:20px;height:12px;}.page-box .language-show-type-line .flag{line-height:22px;width:20px;margin:2px 3px 0 5px;height:12px;}.page-box .flag-cn{background-image:url(https://ccdn.tradew.com/MNcomm/country/cn.png);}.page-box .flag-en{background-image:url(https://ccdn.tradew.com/MNcomm/country/en.png);}.page-box .flag-fr{background-image:url(https://ccdn.tradew.com/MNcomm/country/fr.png);}.page-box .flag-ja{background-image:url(https://ccdn.tradew.com/MNcomm/country/ja.png);}.page-box .flag-ko{background-image:url(https://ccdn.tradew.com/MNcomm/country/ko.png);}.page-box .flag-tw{background-image:url(https://ccdn.tradew.com/MNcomm/country/tw.png);}.page-box .flag-ar{background-image:url(https://ccdn.tradew.com/MNcomm/country/ar.png);}.page-box .flag-de{background-image:url(https://ccdn.tradew.com/MNcomm/country/de.png);}.page-box .flag-es{background-image:url(https://ccdn.tradew.com/MNcomm/country/es.png);}.page-box .flag-it{background-image:url(https://ccdn.tradew.com/MNcomm/country/it.png);}.page-box .flag-ps{background-image:url(https://ccdn.tradew.com/MNcomm/country/ps.png);}.page-box .flag-po{background-image:url(https://ccdn.tradew.com/MNcomm/country/po.png);}.page-box .flag-tk{background-image:url(https://ccdn.tradew.com/MNcomm/country/tk.png);}.page-box .flag-in{background-image:url(https://ccdn.tradew.com/MNcomm/country/in.png);}.page-box .flag-cs{background-image:url(https://ccdn.tradew.com/MNcomm/country/cs.png);}.page-box .flag-pl{background-image:url(https://ccdn.tradew.com/MNcomm/country/pl.png);}.page-box .flag-th{background-image:url(https://ccdn.tradew.com/MNcomm/country/th.png);}.page-box .flag-vn{background-image:url(https://ccdn.tradew.com/MNcomm/country/vn.png);}.page-box .mod-slide01 .slide-body .show a{display:block;}@media(min-width:769px){.page-box .mod-productdetail01 .desc-card .desc-card-titles{overflow:hidden;display:flex;flex-wrap:wrap;}.page-box .mod-productdetail01 .desc-card .desc-card-titles .desc-card-title.on a{font-weight:600;}.page-box .mod-productdetail01 .desc-card .desc-card-titles .desc-card-title a{display:block;}.page-box .mod-productdetail01 .desc-card .desc-card-contents .hide{display:none;}.page-box .mod-nav01 .nav-tabs .hover .nav-dropdown{display:block;}}@media(max-width:768px){.page-box .mod-productdetail01 .desc-card .desc-card-titles{display:none;}.page-box .mod-productdetail01 .desc-card-content.hide{display:block;}}.page-box .editer-model-width-1-1{width:50%;}.page-box .editer-model-width-1-2{width:33.3%;}.page-box .editer-model-width-2-1{width:66.6%;}.page-box .editer-model-width-1-3{width:25%;}.page-box .editer-model-width-3-1{width:75%;}.page-box .editer-model-width-2-3{width:40%;}.page-box .editer-model-width-3-2{width:60%;}.page-box .editer-model-width-1-4{width:20%;}.page-box .editer-model-width-4-1{width:80%;}.page-box .editer-model{font-family:"Microsoft Yahei";font-size:13px;margin-top:10px;background-color:#f0f1f3;border:solid 1px #dcdde2;color:#444;}.page-box .editer-model p{line-height:18px;padding:0;margin:0;}.page-box .editer-model-1{width:100%;overflow:hidden;}.page-box .editer-model-1 .editer-model-1-img{float:left;padding:10px;box-sizing:border-box;}.page-box .editer-model-1 .editer-model-1-txt{float:right;padding:10px;box-sizing:border-box;}.page-box .editer-model-1 .editer-model-1-sub-title{font-size:16px;padding-bottom:10px;}.page-box .editer-model-2{width:100%;overflow:hidden;}.page-box .editer-model-2 .editer-model-2-img{float:right;padding:10px;box-sizing:border-box;}.page-box .editer-model-2 .editer-model-2-txt{float:left;padding:10px;box-sizing:border-box;}.page-box .editer-model-2 .editer-model-2-main-title{font-size:18px;font-weight:bold;text-align:center;padding:10px 10px 0 10px;}.page-box .editer-model-2 .editer-model-2-sub-title{font-size:18px;font-weight:bold;padding-bottom:10px;}.page-box .editer-model-2 .editer-model-3-main-title{font-size:18px;font-weight:bold;text-align:center;padding:10px 10px 0 10px;}.page-box .editer-model-2 .editer-model-3-txt{padding:10px;}.page-box .editer-model-4{width:100%;overflow:hidden;box-sizing:border-box;border:0;background:none;}.page-box .editer-model-4 .editer-model-4-card-title{padding:10px;box-sizing:border-box;border:solid 1px #ddd;border-bottom:0;display:inline-block;}.page-box .editer-model-4 .editer-model-4-card-title-on{background-color:#ddd;}.page-box .editer-model-4 .editer-model-4-card-content{padding:10px;box-sizing:border-box;border:solid 1px #ddd;margin-bottom:10px;}.page-box .mod-sendinquiry01 .sendinquiry-list+.sendinquiry-main{margin-top:30px;}.page-box .mod-sendinquiry01 .sendinquiry-items{overflow:hidden;border:1px solid #e5e5e5;max-height:300px;overflow-y:auto;background:#fff;}.page-box .mod-sendinquiry01 .sendinquiry-item{padding:15px;display:flex;justify-content:space-between;}.page-box .mod-sendinquiry01 .sendinquiry-item:nth-of-type(2n){background:#f5f5f5;}.page-box .mod-sendinquiry01 .sendinquiry-proimg{width:100px;border:1px solid #e5e5e5;overflow:hidden;height:100px;}.page-box .mod-sendinquiry01 .sendinquiry-proimg img{width:100%;}.page-box .mod-sendinquiry01 .sendinquiry-proinfo{width:calc(100% - 110px);}.page-box .mod-sendinquiry01 .sendinquiry-proinfo ul{font-size:13px;color:#333;line-height:20px;}.page-box .mod-sendinquiry01 .sendinquiry-proinfo a{font-size:15px;color:#111;display:block;line-height:30px;text-overflow:ellipsis;overflow:hidden;white-space:pre;}.page-box .mod-sendinquiry01 .sendinquiry-proinfo a:hover{text-decoration:underline;}.page-box .mod-productdetail01 .vip-tips{padding:130px 50px;background:#f2f2f2;text-align:center;font-size:14px;color:#333;line-height:25px;}.page-box .mod-productdetail01 .vip-tips a,.page-box .mod-productdetail01 .vip-tips .join-link,.page-box .mod-productdetail01 .vip-tips .login-link{color:#ff6700;margin:0 5px;cursor:pointer;}.page-box .mod-productdetail01 .vip-tips a:hover,.page-box .mod-productdetail01 .vip-tips .join-link:hover,.page-box .mod-productdetail01 .vip-tips .login-link:hover{text-decoration:underline;}.page-box .mod-productdetail01 .pro-name{font-weight:600;font-size:15px;}.page-box .mod-productdetail01 .img-page .page.video{position:relative;}.page-box .mod-productdetail01 .img-page .page.video:before{position:absolute;content:' ';width:100%;height:100%;background:rgba(0,0,0,.3);}.page-box .mod-productdetail01 .img-page .page.video:after{font:normal normal normal 20px/1 FontAwesome;position:absolute;content:'';top:50%;left:50%;color:#eee;transform:translate(-50%,-50%);}.simditor .simditor-body a{color:inherit;text-decoration:none;word-break:break-all;}.simditor .simditor-body a:visited,.simditor .simditor-body a:hover,.simditor .simditor-body a:active{color:inherit;}.simditor .simditor-body a:visited:hover,.simditor .simditor-body a:hover:hover,.simditor .simditor-body a:active:hover{outline:0;}.simditor .simditor-body blockquote{border-left:6px solid #ddd;padding:5px 0 5px 10px;margin:15px 0 15px 15px;}.simditor .simditor-body blockquote:first-child{margin-top:0;}.simditor .simditor-body code{display:inline-block;padding:0 4px;margin:0 5px;background:#eee;border-radius:3px;font-size:13px;word-break:break-all;word-wrap:break-word;}.simditor .simditor-body pre{box-sizing:border-box;-moz-box-sizing:border-box;word-wrap:break-word!important;white-space:pre-wrap!important;padding:10px 5px 10px 10px;margin:15px 0;display:block;line-height:18px;background:#f0f0f0;border-radius:3px;font-size:13px;white-space:pre;word-wrap:normal;overflow-x:auto;}.simditor .simditor-body pre code{display:block;padding:0;margin:0;background:none;border-radius:0;}.simditor .simditor-body hr{display:block;height:0;border:0;border-top:1px solid #ccc;margin:15px 0;padding:0;}.simditor .simditor-body .table-editor{width:100%;border-collapse:collapse;border-spacing:0;}.simditor .simditor-body .table-editor thead{background-color:#f9f9f9;}.simditor .simditor-body .table-editor td,.simditor .simditor-body .table-editor th{min-width:40px;border:1px solid #ccc;padding:4px;box-sizing:border-box;line-height:25px;}.simditor .simditor-body .table-editor td .active,.simditor .simditor-body .table-editor th .active{background-color:#ffe;}.simditor .simditor-body .table-editor img{margin:0 5px;vertical-align:middle;}.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:10px!important;text-decoration:underline!important;} .main{margin:auto;padding:auto;}.layout{clear:both;}.layout-bg{margin:auto;width:1000px;height:auto;overflow:hidden;}.layout-sys2 .left{width:230px;float:left;}.layout-sys2 .right{width:770px;float:right;}.layout-sys3 .left{width:230px;float:left;}.layout-sys3 .center{width:540px;float:left;}.layout-sys3 .right{width:230px;float:right;}.layout-sys4 .left{width:250px;float:left;}.layout-sys4 .centerleft{width:250px;float:left;}.layout-sys4 .centerright{width:250px;float:left;}.layout-sys4 .right{width:250px;float:right;}.layout-sys4-1 .left{width:230px;float:left;}.layout-sys4-1 .right{width:770px;float:right;}.layout-sys4-1 .right .right-top{width:770px;}.layout-sys4-1 .right .right-bottom{width:770px;}.layout-sys4-1 .right .right-bottom-left{width:385px;float:left;}.layout-sys4-1 .right .right-bottom-right{width:385px;float:right;}.layout-sys4-2 .left{width:230px;float:left;}.layout-sys4-2 .right{width:770px;float:right;}.layout-sys4-1 .right .right-top{width:770px;}.layout-sys4-1 .right .right-bottom{width:770px;}.layout-sys4-2 .right .right-top-left{width:385px;float:left;}.layout-sys4-2 .right .right-top-right{width:385px;float:right;}.layout-sys4-3 .left{width:770px;float:left;}.layout-sys4-1 .left .left-top{width:770px;}.layout-sys4-1 .left .left-bottom{width:770px;}.layout-sys4-3 .left .left-top-left{float:left;width:385px;}.layout-sys4-3 .left .left-top-right{float:right;width:385px;}.layout-sys4-3 .right{width:230px;float:right;}.layout-sys4-4 .left{width:770px;float:left;}.layout-sys4-1 .left .left-top{width:770px;}.layout-sys4-1 .left .left-bottom{width:770px;}.layout-sys4-4 .left .left-bottom-left{float:left;width:385px;}.layout-sys4-4 .left .left-bottom-right{float:right;width:385px;}.layout-sys4-4 .right{width:230px;float:right;}@font-face{font-family:'swiper-icons';src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');font-weight:400;font-style:normal;}:root{--swiper-theme-color:#007aff;}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;}.swiper-container-vertical>.swiper-wrapper{flex-direction:column;}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box;}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0,0,0);}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap;}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column;}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto;}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;}.swiper-slide-invisible-blank{visibility:hidden;}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto;}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height;}.swiper-container-3d{perspective:1200px;}.swiper-container-3d .swiper-wrapper,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-cube-shadow{transform-style:preserve-3d;}.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10;}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0));}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0));}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0));}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0));}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none;}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start;}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory;}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory;}:root{--swiper-navigation-size:44px;}.swiper-button-prev,.swiper-button-next{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/44*27);height:var(--swiper-navigation-size);margin-top:calc(-1*var(--swiper-navigation-size)/2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color));}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none;}.swiper-button-prev:after,.swiper-button-next:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1;}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto;}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev';}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto;}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next';}.swiper-button-prev.swiper-button-white,.swiper-button-next.swiper-button-white{--swiper-navigation-color:#fff;}.swiper-button-prev.swiper-button-black,.swiper-button-next.swiper-button-black{--swiper-navigation-color:#000;}.swiper-button-lock{display:none;}.swiper-pagination{position:absolute;text-align:center;transition:300ms opacity;transform:translate3d(0,0,0);z-index:10;}.swiper-pagination.swiper-pagination-hidden{opacity:0;}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-container-horizontal>.swiper-pagination-bullets{bottom:10px;left:0;width:100%;}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0;}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative;}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1);}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1);}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66);}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33);}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66);}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33);}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2;}button.swiper-pagination-bullet{border:0;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer;}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color));}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0,-50%,0);}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block;}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px;}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:200ms transform,200ms top;}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px;}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap;}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:200ms transform,200ms left;}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:200ms transform,200ms right;}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute;}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top;}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top;}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0;}.swiper-container-vertical>.swiper-pagination-progressbar,.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:4px;height:100%;left:0;top:0;}.swiper-pagination-white{--swiper-pagination-color:#fff;}.swiper-pagination-black{--swiper-pagination-color:#000;}.swiper-pagination-lock{display:none;}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1);}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%;}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%;}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0;}.swiper-scrollbar-cursor-drag{cursor:move;}.swiper-scrollbar-lock{display:none;}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center;}.swiper-zoom-container>img,.swiper-zoom-container>svg,.swiper-zoom-container>canvas{max-width:100%;max-height:100%;object-fit:contain;}.swiper-slide-zoomed{cursor:move;}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent;}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff;}.swiper-lazy-preloader-black{--swiper-preloader-color:#000;}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg);}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000;}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out;}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity;}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none;}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto;}.swiper-container-cube{overflow:visible;}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%;}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none;}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0;}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto;}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-prev,.swiper-container-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible;}.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0;}.swiper-container-flip{overflow:visible;}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none;}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto;}.swiper-container-flip .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;} :root{--main:#e46713; --deputy:#e66813; } .layout{overflow:hidden; } .layout-bg{box-sizing:border-box; width:1350px; max-width:100%; margin:auto; overflow:visible; } .clear{display:none; } .page-layout .mod{display:none !important; } .page-layout .layout{position:static !important; } .page-layout .layout-bg{flex-direction:inherit !important; align-items:inherit !important; } .main{position:relative; } .page-body .main{position:static !important; } .page-layout .left .left-bottom-bg{display:block; padding:inherit !important; } .page-layout .layout-foot .left .left-bottom-right{padding:inherit !important; } .layout-sys2 .left,.layout-sys2 .right,.layout-sys3 .left,.layout-sys3 .center,.layout-sys3 .right,.layout-sys4 .left,.layout-sys4 .centerleft,.layout-sys4 .centerright,.layout-sys4 .right,.layout-sys4-1 .left,.layout-sys4-1 .right,.layout-sys4-1 .right .right-top,.layout-sys4-1 .right .right-bottom,.layout-sys4-1 .right .right-bottom-left,.layout-sys4-1 .right .right-bottom-right,.layout-sys4-2 .left,.layout-sys4-2 .right,.layout-sys4-1 .right .right-top,.layout-sys4-1 .right .right-bottom,.layout-sys4-2 .right .right-top-left,.layout-sys4-2 .right .right-top-right,.layout-sys4-3 .left,.layout-sys4-1 .left .left-top,.layout-sys4-1 .left .left-bottom,.layout-sys4-3 .left .left-top-left,.layout-sys4-3 .left .left-top-right,.layout-sys4-3 .right,.layout-sys4-4 .left,.layout-sys4-1 .left .left-top,.layout-sys4-1 .left .left-bottom,.layout-sys4-4 .left .left-bottom-left,.layout-sys4-4 .left .left-bottom-right,.layout-sys4-4 .right{width:auto; } input[type="text"],input[type="password"],input[type="email"],textarea{-webkit-appearance:none; font-family:inherit; } input:focus{outline:none; } textarea:focus{outline:none; } .mod h1,.mod h2,.mod h3,.mod h4{font-size:inherit; font-weight:inherit; } .mod-content .content-bg{overflow:hidden; } button:hover{opacity:1 !important; } .mod a{display:inline-block; color:#333; transition:All 0.3s ease-in-out; } .mod{color:#333; font-size:calc(0.2vw + 12px); line-height:calc(0.25vw + 20px); font-family:'Lato','Arial',sans-serif; font-weight:400; } .mod .mod-title{overflow:hidden; font-weight:inherit; } .mod .title-bg{overflow:hidden; } .mod .title-right{font-weight:inherit; } .mod a{color:#333; } .mod-color .mod-content img{display:block; max-width:100%; margin:auto; transition:All 0.3s ease-in-out; } *:before,*:after{transition:All 0.3s ease-in-out; } *:disabled{cursor:not-allowed !important; } .disabled{cursor:not-allowed !important; } .layout-page{padding:calc(2% + 20px) 0; } .layout-page .left{width:calc(77.5% - 1vw - 10px); } .layout-page .right{width:22.5%; } .layout-page .mod-color+.mod-color{margin-top:calc(1vw + 20px); } .layout-page .mod-color .mod-title{padding-bottom:calc(0.5vw + 10px); } .layout-page .mod-color .title-left{font-size:calc(0.3vw + 16px); line-height:calc(0.35vw + 20px); color:#000; font-weight:600; } .layout-pagecontact{padding:calc(2% + 20px) 0; } .layout-pagecontact .layout-bg{display:flex; justify-content:space-between; flex-wrap:wrap; align-items:start; } .layout-pagecontact .left,.layout-pagecontact .right{width:calc(50% - 1vw - 10px); } .layout-pagecontact .mod-color .mod-title{padding-bottom:calc(0.5vw + 10px); } .layout-pagecontact .mod-color .title-left{font-size:calc(0.3vw + 16px); line-height:calc(0.35vw + 20px); color:#000; font-weight:600; } .layout-pagecontact .mod-color .title-left:after{content:""; width:calc(2vw + 40px); height:4px; background:var(--main); display:block; margin:calc(0.5vw + 5px) 0; } .layout-nav{transition:All 0.3s ease-in-out; overflow:visible; z-index:8; background:#fff; box-shadow:0 5px 10px rgba(0,0,0,0.1); } .layout-nav .layout-bg{display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; } .layout-foot{padding:calc(2% + 20px) 0; background:#1d1d1d; } .layout-foot .layout-bg{display:flex; align-items:start; flex-wrap:wrap; justify-content:space-between; } .layout-quote{border-bottom:calc(2vw + 20px) solid #fff; background:url(https://icdn.tradew.com/stylefile/20334/quote-bg.jpg) center/cover fixed no-repeat; box-shadow:0 calc(2vw + 65px) 0 #fff inset; } .layout-serveThree{padding:calc(15% + 50px) 0 calc(2% + 20px); background:url(https://icdn.tradew.com/stylefile/20334/serThree-bg.jpg) top center no-repeat; } .layout-serveThree .layout-bg{display:flex; align-items:stretch; justify-content:space-between; flex-wrap:wrap; box-shadow:5px 5px 15px rgba(0,0,0,0.15); background:var(--main); } .layout-serveThree .mod .mod-bg{padding:calc(3vw + 10px) calc(2vw + 10px); } .layout-serveThree .mod .mod-title{padding-bottom:calc(2vw + 5px); } .layout-serveThree .mod .title-left{float:none; font-size:calc(0.4vw + 16px); line-height:calc(0.5vw + 20px); font-weight:600; } .layout-serveThree .mod .title-right{float:none; padding-top:calc(0.25vw + 5px); } .layout-serveThree .right{background:#fff; } .layout-quaOne + .layout-serveThree{background-image:url(https://icdn.tradew.com/stylefile/20334/serveThree-bg02.jpg); } .layout-stopThree{padding:calc(2% + 20px) 0 10px; background:url(https://icdn.tradew.com/stylefile/20334/stopThree-bg.jpg) top center no-repeat; } .layout-stopThree .layout-bg{display:flex; align-items:stretch; justify-content:space-between; flex-wrap:wrap; } @media(max-width:1399px){ .layout-bg{width:calc(100% - 2vw - 20px); } } @media(min-width:769px){ .page-box-default .layout-nav{position:fixed; top:0; left:0; right:0; background:transparent; box-shadow:none; } .page-box-default .layout-nav .layout-bg{padding:calc(1vw + 10px) 0 10px; border-bottom:1px solid rgba(255,255,255,0.5); } .page-box-commpage .layout-nav{position:fixed; top:0; left:0; right:0; background:transparent; box-shadow:none; } .page-box-commpage .layout-nav .layout-bg{padding:calc(1vw + 10px) 0 10px; border-bottom:1px solid rgba(255,255,255,0.5); } .layout-nav.fixed{background:#fff; box-shadow:0 5px 10px rgba(0,0,0,0.1); position:fixed; top:0; left:0; right:0; } .layout-nav .center{flex:1 1 0; } .layout-foot .left{width:calc(20% - 1vw - 10px); } .layout-foot .center{width:calc(55% - 1vw - 10px); } .layout-foot .right{width:calc(25% - 2vw - 10px); } .layout-serveThree .left{width:45%; } .layout-serveThree .right{width:55%; } .layout-stopThree .left{width:52%; } .layout-stopThree .right{width:48%; } } @media(max-width:768px){ .mod-othercontent01 .mod-content img{max-width:inherit; width:100%; } .layout{min-width:320px; } .layout-pagecontact .layout-bg > div{width:100%; padding:10px 0; } .layout-page .layout-bg > .left{width:100%; } .layout-page .layout-bg > .right{width:100%; padding-top:20px; } .layout-nav{height:50px; position:fixed; top:0; left:0; right:0; z-index:8; padding:10px 0; } .layout-nav .layout-bg{justify-content:space-between; } .layout-nav .left{order:2; flex:1 1 0; } .layout-nav .cente{order:1; } .layout-nav .right{order:3; } .layout-nav + .layout{margin-top:70px; } .layout-foot .layout-bg > div{width:100%; padding:10px 0; } .layout-serveThree .layout-bg > div{width:100%; } .layout-stopThree .layout-bg > div{width:100%; } } .mod .pagination{padding:5px 0; display:flex; align-items:center; justify-content:center; } .mod .pagination .pagination-nav li{float:left; margin:2px; } .mod .pagination .pagination-nav li a{text-align:center; background:#f0f0f0; display:block; line-height:30px; overflow:hidden; color:#333; border-radius:3px; font-size:14px; padding:0 5px; min-width:20px; cursor:pointer; text-transform:uppercase; } .mod .pagination .pagination-link:hover{background:var(--main); color:#fff; } .mod .pagination .pagination-nav .pagination-active .pagination-link{cursor:not-allowed; color:#aaa; background:transparent; } .mod .pagination .pagination-nav .pagination-disabled a{cursor:not-allowed; background:transparent; color:#ccc !important; } .mod .pagination .page-goto{display:flex; align-items:center; justify-content:center; } .mod .pagination .page-goto > *{margin:2px; } .mod .pagination .page-goto .pager-label{line-height:30px; padding:0 5px; color:#fff; } .mod .pagination .page-goto .textfield-normal{height:20px; min-width:40px; line-height:20px; background:#f0f0f0; color:#333; font-size:14px; padding:5px; border-radius:50vw; margin:0 5px; border:none; text-align:center; } .mod .pagination .page-goto .pager-button{background:#f0f0f0; display:block; padding:1px 10px; line-height:30px; color:#333; font-size:14px; border-radius:3px; } .mod .pagination .page-goto .pager-button:hover{background:var(--main); color:#fff; } @media(max-width:480px){ .mod .pagination .pagination-nav li{display:none; } .mod .pagination .pagination-nav li:first-of-type,.mod .pagination .pagination-nav li:last-of-type{display:block; } } .mod-detail .bottom-bg{line-height:20px; color:#333; } .mod-detail .bottom-bg > div{display:flex; align-items:center; } .mod-detail .bottom-bg a{flex:1 2 0; display:block; text-overflow:ellipsis; white-space:pre; overflow:hidden; color:#333; } .mod-detail .mod-bottom span:after{content:":"; padding:0 3px; } .mod-detail .mod-bottom a{color:var(--main); } .mod-detail .mod-bottom a:hover{text-decoration:underline; } .layout-serFour-n0595 + .layout-quote{padding:0 0 calc(3% + 30px); background-image:url(https://icdn.tradew.com/stylefile/20664/quote-bg03.jpg); }.mod-top01 .top-logo a{display:block;} .mod-top01 .top-logo img{max-width:100%; height:auto; display:block;} .mod-top01 .top-logo .logo1{display:none } .fixed .mod-top01 .top-logo .logo{max-width:100%; height:auto; display:none;} .fixed .mod-top01 .top-logo .logo1{max-width:100%; height:auto; display:block;} .mod-top01 .mod-bottom{font-size:calc(0.1vw + 14px); line-height:calc(0.25vw + 20px); color:#fff;} .mod-top01 .bottom-left-span{padding-top:calc(1vw + 5px); display:block;} .mod-top01 .bottom-left-span strong{text-transform:uppercase; font-weight:700; display:block;} .layout-nav .mod-top01 .bottom-left{display:none;} .layout-foot .mod-top01 .bottom-right{display:none;} .layout-foot .mod-top01 .top-logo img{margin:0; max-width:200px;} .layout-nav .mod-top01 .bottom-right{color:#000;} .page-box-default .layout-nav .mod-top01 .bottom-right{color:#fff;} .page-box-commpage .layout-nav .mod-top01 .bottom-right{color:#fff;} .layout-nav.fixed .mod-top01 .bottom-right{color:#000 !important;} @media(max-width:768px){ .layout-nav .mod-top01 .mod-bottom{display:none;} .mod-top01 .top-logo img{max-height:50px; width:auto;} .mod-top01 .top-logo .logo{max-height:50px; width:auto;display:none;} .mod-top01 .top-logo .logo1{max-height:50px; width:auto;display:block;} }@media (min-width:769px){ .mod-nav01 .content-bg{overflow:visible;} .mod-nav01 .nav-tabs{display:flex; flex-wrap:wrap; justify-content:flex-end;} .mod-nav01 .nav-tabs .nav-tab{padding:0 calc(0.25vw + 5px);} .mod-nav01 .nav-tabs .nav-tab-link{font-size:16px; color:#000; line-height:30px; padding:20px 0; font-weight:600; text-transform:capitalize; display:flex; position:relative;} .mod-nav01 .nav-tabs .nav-tab-link i{position:absolute; left:0; bottom:calc(0.25vw + 5px); width:0; background:var(--main); height:4px; transition:All 0.3s ease-in-out;} .mod-nav01 .nav-tabs .nav-tab-child .nav-tab-link:after{content:"\f107"; font-family:FontAwesome; padding:0 5px;} .mod-nav01 .nav-tabs .on .nav-tab-link i, .mod-nav01 .nav-tabs .hover .nav-tab-link i{width:100%;} .mod-nav01 .nav-tabs .on .nav-tab-link, .mod-nav01 .nav-tabs .hover .nav-tab-link{color:var(--main) !important;} .page-box-default .mod-nav01 .nav-tabs .nav-tab-link{color:#fff;} .page-box-default .layout-nav.fixed .mod-nav01 .nav-tabs .nav-tab-link{color:#000;} .page-box-commpage .mod-nav01 .nav-tabs .nav-tab-link{color:#fff;} .page-box-commpage .layout-nav.fixed .mod-nav01 .nav-tabs .nav-tab-link{color:#000;} .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 !important; min-width:100px; text-overflow:ellipsis; overflow:hidden; } .mod-nav01 .dropdown-tabs .dropdown-tab a{padding:10px;} .mod-nav01 .dropdown-tabs li a:hover{color:var(--main) !important;} .mod-nav01 .nav-dropdown-max-third .nav-dropdown{left:0; right:0;} .mod-nav01 .nav-dropdown-max-third .nav-dropdown-content{width:calc(100% - 20px); max-width:1600px; 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;} } .xian{ display:none} @media(max-width:768px){ .xian{ height:70px; width:100%; display:block} .mod-nav01 .nav-btn{text-align:center; color:#333; cursor:pointer; transition:All 0.2s ease-in-out; z-index:1000;} .mod-nav01 .nav-btn:before{content:"\f0c9"; font:20px/1 FontAwesome; display:block; width:50px; line-height:50px; transition:All 0.2s ease-in-out;} .mod-nav01 .nav-btn.active:before{content:"\f00d";} .mod-nav01 .mod-content{position:fixed; top: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;} .nav-tab-child{ position:relative} .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; position:absolute; right:0; top:0} .mod-nav01 .nav-tabs .nav-tab:last-of-type .nav-tab-link{border:none;} .mod-nav01 .nav-dropdown{display:none;} .mod-nav01 .hover .nav-dropdown{ display:block} .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;} }.layout-banner .layout-bg{width:100%; } .mod-othercontent01-banner .item{position:relative; z-index:2; overflow:hidden; height:40vh; } .mod-othercontent01-banner .img *{display:block; height:100%; width:auto; max-width:inherit !important; position:absolute; top:0; left:50%; transform:translate(-50%,0%); } .mod-othercontent01-banner .text{color:#fff; position:absolute; left:0; top:50%; right:0; width:calc(100% - 2vw - 20px); max-width:1420px; transform:translate(0,-50%); margin:auto; } .mod-othercontent01-banner .title{font-size:calc(1.6vw + 14px); line-height:calc(2vw + 20px); font-weight:900; } .mod-othercontent01-banner .title2{font-size:calc(1.6vw + 14px); line-height:calc(2vw + 20px); font-weight:900; padding-bottom:calc(1vw + 5px); } .mod-othercontent01-banner .desc{max-width:760px; } .mod-othercontent01-banner .text a{color:#fff; padding:calc(0.25vw + 5px) 0 calc(0.25vw + 5px) calc(0.5vw + 10px); display:inline-flex; align-items:center; border:2px solid var(--deputy); margin-top:calc(2vw + 10px); border-radius:50vw; position:relative; z-index:2; } .mod-othercontent01-banner .text a:after{content:"➜"; margin-left:calc(0.5vw + 10px); font-size:calc(0.1vw + 14px); line-height:25px; width:calc(0.5vw + 35px); text-align:center; flex:0 0 calc(0.5vw + 35px); } .mod-othercontent01-banner .text a:before{content:""; width:calc(0.5vw + 35px); border-radius:50vw; background:var(--deputy); position:absolute; z-index:-1; top:2px; right:2px; bottom:2px; } .mod-othercontent01-banner .text a:hover:before{width:calc(100% - 4px); } .mod-othercontent01-banner .text .px_LH{line-height:50px; } .mod-othercontent01 .swiper-button-prev,.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 calc(0.5vw + 10px) rgba(0,0,0,0.1); } .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); color:#fff; } .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,.mod-othercontent01 .swiper-button-next.swiper-button-disabled{opacity:1; background:#eee; color:#666; } .swiper-pagination{display:flex; align-items:center; justify-content:center; } .swiper-pagination-bullet{width:5px; height:5px; border-radius:50%; opacity:1; background:#fff; outline:2px solid transparent; outline-offset:5px; margin:0 10px !important; } .swiper-pagination-bullet-active{outline-color:#fff; } .mod-othercontent01-banner .swiper-pagination{bottom:calc(2vw + 20px) !important; } @media(min-width:769px){ .mod-othercontent01-banner .item{min-height:780px; } } @media(max-width:768px){ .mod-othercontent01 .swiper-button-prev,.mod-othercontent01 .swiper-button-next{display:none; } } @media(max-width:480px){ .mod-othercontent01-banner .item{height:30vh; } } .mod-othercontent01-title .mod-title{text-align:center; padding-bottom:calc(0.5vw + 10px); } .mod-othercontent01-title .title-bg{display:flex; align-items:flex-end; flex-wrap:wrap; justify-content:center; } .mod-othercontent01-title .title-left{float:none; flex:auto; } .mod-othercontent01-title .title-right{float:none; max-width:760px; } .mod-othercontent01-title .title-right a{display:flex; align-items:center; margin:calc(0.5vw - 2px) 0; } .mod-othercontent01-title .title-right a:after{content:"➜"; line-height:calc(0.5vw + 25px); width:calc(0.5vw + 25px); border:2px solid var(--main); margin-left:calc(1vw + 5px); border-radius:50%; } .mod-othercontent01-title .title-right a:hover{color:var(--main); } .mod-othercontent01-title .title-right a:hover:after{background:var(--main); color:#fff; } .mod-othercontent01-title .title-right-span{display:block; } .mod-othercontent01-title .mod-title h2{font-size:calc(1.5vw + 18px); line-height:calc(1.5vw + 25px); font-weight:700; color:#000; } .mod-othercontent01-title .mod-title h3{color:var(--main); font-weight:600; padding:5px 20px; text-transform:uppercase; display:inline-block; background:url(https://icdn.tradew.com/stylefile/20334/title-bg.png) left center no-repeat; } .mod-othercontent01-title .mod-bottom{padding-top:calc(1vw + 10px); } .mod-othercontent01-title .bottom-left{display:flex; flex-wrap:wrap; justify-content:center; margin:0 calc(-1vw - 5px); } .mod-othercontent01-title .bottom-left a{color:var(--main); line-height:calc(0.25vw + 20px); padding:5px calc(1vw + 10px); border-radius:5px; text-transform:capitalize; border:1px solid var(--main); margin:5px calc(1vw + 5px); } .mod-othercontent01-title .bottom-left a:hover{color:#fff; background:var(--main); } .mod-othercontent01-titlecenter .mod-title{text-align:center; padding-bottom:calc(0.5vw + 10px); } .mod-othercontent01-titlecenter .title-left{float:none; } .mod-othercontent01-titlecenter .title-right{float:none; max-width:1200px; margin:auto; padding-top:calc(0.25vw + 5px); } .mod-othercontent01-titlecenter .title-right-span{display:block; } .mod-othercontent01-titlecenter .mod-title h2{font-size:calc(1.5vw + 18px); line-height:calc(1.5vw + 25px); font-weight:700; color:#000; } .mod-othercontent01-titlecenter .mod-title h3{color:var(--main); font-weight:600; padding:5px 20px; text-transform:uppercase; display:inline-block; background:url(https://icdn.tradew.com/stylefile/20334/title-bg.png) left center no-repeat; } .mod-othercontent01-titlecenter .mod-bottom{padding-top:calc(1vw + 10px); } .mod-othercontent01-titlecenter .bottom-left{display:flex; flex-wrap:wrap; justify-content:center; } .mod-othercontent01-titlecenter .bottom-left a{color:#fff; line-height:calc(0.25vw + 20px); padding:calc(0.25vw + 5px) calc(1vw + 10px); border-radius:50vw; text-transform:capitalize; margin:5px calc(1vw + 5px); background:var(--main); } .layout-ceo{padding:calc(2% + 20px) 0; } .layout-ceo .layout-bg{display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; } .layout-ceo .left{width:calc(58% - 10px); } .layout-ceo .right{width:calc(42% - 2vw - 10px); } .layout-ceo .mod-othercontent01-title .mod-title{text-align:initial; } .layout-ceo .mod-othercontent01-title .bottom-left{justify-content:start; } .layout-ceo .mod-othercontent01-title .mod-content p{padding:5px 0; } @media(max-width:480px){ .layout-ceo .left{width:100%; } .layout-ceo .right{width:100%; } } .layout-solu{padding:calc(2% + 20px) 0; background:#f9fafb; } .layout-solu .layout-bg{width:100%; max-width:1920px; } .layout-solu .mod-othercontent01 .mod-title{width:calc(100% - 2vw - 20px); max-width:1350px; margin:auto; } .layout-solu .mod-othercontent01 .content-bg{display:flex; align-items:center; flex-wrap:wrap; padding:calc(0.25vw + 5px); } .layout-solu .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; } .layout-solu .mod-othercontent01 .item{width:calc(100%/3 - 0.5vw - 10px); margin:calc(0.25vw + 5px); position:relative; overflow:hidden; } .layout-solu .mod-othercontent01 .item a{display:block; } .layout-solu .mod-othercontent01 .text{padding:calc(0.5vw + 10px); } .layout-solu .mod-othercontent01 .text a{font-size:calc(0.4vw + 16px); line-height:calc(0.5vw + 25px); color:var(--main); font-weight:500; padding-bottom:10px; } @media(min-width:769px){ .layout-solu .mod-othercontent01 .item{background:#000; } .layout-solu .mod-othercontent01 .text{position:absolute; left:0; bottom:0; right:0; background:rgba(0,0,0,0.5); text-align:center; color:#fff; padding:5px calc(3vw + 10px) calc(0.5vw + 10px); transform:translate(0,calc(100% - 0.5vw - 40px)); } .layout-solu .mod-othercontent01 .text a{color:#fff; } .layout-solu .mod-othercontent01 .text a:before{content:""; width:calc(2vw + 60px); height:0; background:url(https://icdn.tradew.com/stylefile/20334/solu-cross.png) center no-repeat; display:block; margin:auto; } .layout-solu .mod-othercontent01 .item:hover .img{opacity:0.5; } .layout-solu .mod-othercontent01 .item:hover .text{transform:translate(0,0); background:transparent; } .layout-solu .mod-othercontent01 .item:hover .text a{padding-bottom:5px; } .layout-solu .mod-othercontent01 .item:hover .text a:before{height:calc(2vw + 60px); margin:calc(1vw + 10px) auto; } } @media(max-width:768px){ .layout-solu .mod-othercontent01 .item{width:calc(100%/2 - 0.5vw - 10px); } } @media(max-width:480px){ .layout-solu .mod-othercontent01 .item{width:100%; } } .layout-serve{padding:calc(2% + 20px) 0; } .layout-serve .mod-othercontent01 .mod-title{text-align:initial; } .layout-serve .mod-othercontent01 .title-right{max-width:430px; } .layout-serve .mod-othercontent01 .content-bg{display:flex; align-items:start; 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(100%/3 - 1vw - 5px); margin:calc(0.5vw + 5px) 0; } .layout-serve .mod-othercontent01 .text{padding:calc(0.5vw + 10px); } .layout-serve .mod-othercontent01 .text dl{display:flex; align-items:center; justify-content:space-between; } .layout-serve .mod-othercontent01 .text dt{width:calc(1vw + 50px); position:relative; z-index:2; } .layout-serve .mod-othercontent01 .text dt:before{content:""; width:calc(0.5vw + 20px); height:calc(0.5vw + 20px); border-radius:50%; overflow:hidden; background:var(--main); z-index:-1; position:absolute; left:0; bottom:0; } .layout-serve .mod-othercontent01 .text dd{font-size:calc(0.7vw + 30px); line-height:calc(1vw + 35px); text-shadow:1px 1px 0 #aaa,-1px -1px 0 #aaa,1px -1px 0 #aaa,-1px 1px 0 #aaa; color:#fff; } .layout-serve .mod-othercontent01 .text h3{font-size:calc(0.3vw + 14px); line-height:calc(0.5vw + 20px); color:#000; font-weight:600; padding:calc(1vw + 5px) 0 5px; } .layout-serve .mod-othercontent01 .text a{margin-top:calc(2vw + 10px); } .layout-serve .mod-othercontent01 .text a:after{content:"\f105"; font:calc(0.2vw + 14px)/1 FontAwesome; padding:0 5px; } .layout-serve .mod-othercontent01 .text a:hover{color:var(--main); } .layout-serve .mod-othercontent01 .item:hover .text{box-shadow:5px 5px 10px rgba(0,0,0,0.1); } @media(min-width:769px){ .layout-serve .mod-othercontent01 .text{margin:calc(-1.5vw - 40px) calc(1vw + 10px) 0; background:#fff; position:relative; } .layout-serve .mod-othercontent01 .text a{opacity:0; } .layout-serve .mod-othercontent01 .item:hover .text a{opacity:1; } } @media(max-width:768px){ .layout-serve .mod-othercontent01 .item{width:calc(100%/2 - 0.5vw - 5px); } } @media(max-width:480px){ .layout-serve .mod-othercontent01 .item{width:100%; } } .layout-case{padding:calc(2% + 20px) 0; background:#f9fafb; } .layout-case .mod-othercontent01 .img{position:relative; } .layout-case .mod-othercontent01 .img *{display:block; } .layout-case .mod-othercontent01 .img a:after{content:""; position:absolute; top:0; left:0; right:0; bottom:0; background:url(https://icdn.tradew.com/stylefile/20334/case-icon.png) center no-repeat rgba(0,0,0,0.5); opacity:0; } .layout-case .mod-othercontent01 .img span{color:#555; padding:5px calc(0.5vw + 5px); background:#fff; position:absolute; left:0; bottom:0; z-index:2; } .layout-case .mod-othercontent01 .text{padding-top:calc(1vw + 5px); } .layout-case .mod-othercontent01 .text h3{font-size:calc(0.4vw + 16px); line-height:calc(0.5vw + 20px); color:#000; font-weight:500; } .layout-case .mod-othercontent01 .text h3:after{content:""; width:calc(10vw + 230px); height:1px; background:#666; display:block; margin:calc(1vw + 5px) 0; } .layout-case .mod-othercontent01 .text a:after{content:"\f105"; font:calc(0.2vw + 14px)/1 FontAwesome; padding:0 5px; } .layout-case .mod-othercontent01 .text a:hover{color:var(--main); } .layout-case .mod-othercontent01 .img:hover a:after{opacity:1; } .layout-case .mod-othercontent01 .bottom-left a{padding:5px 0; margin:0; border:none; border-bottom:1px solid #333; color:#333; border-radius:0; font-weight:500; } .layout-case .mod-othercontent01 .bottom-left a:hover{background:transparent; color:var(--main); border-bottom-color:var(--main); } .layout-case .mod-othercontent01 .swiper-button-prev,.layout-case .mod-othercontent01 .swiper-button-next{color:#333; width:35px; height:35px; border-radius:50%; border:2px solid var(--main); top:auto; bottom:calc(100% + 0.5vw + 10px); } .layout-case .mod-othercontent01 .swiper-button-prev{left:auto; right:60px; } .layout-case .mod-othercontent01 .swiper-button-prev:after,.layout-case .mod-othercontent01 .swiper-button-next:after{font-size:calc(0.3vw + 14px); } .layout-case .mod-othercontent01 .swiper-button-prev:hover,.layout-case .mod-othercontent01 .swiper-button-next:hover{color:var(--main); } .layout-pagetop .layout-bg{width:100%; } .layout-pagetop .mod-othercontent01 .mod-bg{position:relative; z-index:2; overflow:hidden; text-align:center; } .layout-pagetop .mod-othercontent01 .mod-title{position:absolute; left:0; top:50%; right:0; width:calc(100% - 2vw - 20px); color:#fff; transform:translate(0,-50%); margin:auto; z-index:2; } .layout-pagetop .mod-othercontent01 .mod-title h1{font-size:calc(1.7vw + 14px); line-height:calc(2vw + 20px); font-weight:700; text-transform:capitalize; } .layout-pagetop .mod-othercontent01 .title-left{float:none; } .layout-pagetop .mod-othercontent01 .title-right{float:none; } .mod-othercontent01-pagetitle .mod-title{padding-bottom:calc(0.5vw + 10px); text-align:center; } .mod-othercontent01-pagetitle .title-left{float:none; } .mod-othercontent01-pagetitle .title-right{float:none; font-size:calc(0.2vw + 14px); line-height:calc(0.5vw + 20px); } .mod-othercontent01-pagetitle .title-right-span{display:block; } .mod-othercontent01-pagetitle .mod-title h2{font-size:calc(0.6vw + 18px); line-height:calc(1vw + 25px); color:#000; text-transform:uppercase; } .mod-othercontent01-pagetitle .mod-title h2 span{font-weight:700; color:var(--main); } .mod-othercontent01-pagetitle .mod-title h2:after{content:""; width:60px; height:4px; background:var(--main); display:block; margin:calc(0.5vw + 5px) auto; } .layout-advanTwo{padding:calc(2% + 20px) 0; } .layout-advanTwo .mod-othercontent01 .content-bg{display:flex; align-items:start; flex-wrap:wrap; justify-content:space-between; } .layout-advanTwo .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; } .layout-advanTwo .mod-othercontent01 .item{width:calc(100%/3 - 1vw - 10px); text-align:center; margin:calc(0.5vw + 5px) 0; } .layout-advanTwo .mod-othercontent01 .img{width:calc(3vw + 40px); height:calc(3vw + 40px); margin:auto; overflow:hidden; display:block; } .layout-advanTwo .mod-othercontent01 .text{color:#777; text-align:center; } .layout-advanTwo .mod-othercontent01 .text h3{font-size:calc(0.2vw + 14px); line-height:calc(0.5vw + 20px); color:#000; padding:calc(1vw + 5px) 0 calc(0.25vw + 5px); display:block; text-transform:uppercase; } .layout-advanTwo .mod-othercontent01 .item:hover .img img{transform:translate(0,-50%); } @media(max-width:768px){ .layout-advanTwo .mod-othercontent01 .item{width:calc(100%/2 - 0.5vw - 5px); } } @media(max-width:480px){ .layout-advanTwo .mod-othercontent01 .item{width:100%; } } .layout-advanThree{padding:calc(1% + 20px) 0; background:#535353; } .layout-advanThree .mod-othercontent01 .content-bg{display:flex; align-items:start; flex-wrap:wrap; } .layout-advanThree .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; } .layout-advanThree .mod-othercontent01 dl{width:calc(100%/3 - 1vw - 10px); margin:calc(0.5vw + 5px); display:flex; align-items:start; justify-content:space-between; } .layout-advanThree .mod-othercontent01 dt{font-size:calc(0.5vw + 14px); width:calc(0.75vw + 25px); line-height:calc(0.75vw + 25px); color:var(--main); border:1px solid var(--main); text-align:center; font-weight:700; } .layout-advanThree .mod-othercontent01 dd{width:calc(100% - 1vw - 35px); font-size:calc(0.2vw + 14px); line-height:calc(0.5vw + 20px); color:#fff; } .layout-advanThree .mod-othercontent01 dd h3{font-size:calc(0.4vw + 16px); line-height:calc(0.5vw + 25px); font-weight:700; text-transform:uppercase; display:block; } .layout-advanThree .mod-othercontent01 dd a{font-size:calc(0.2vw + 14px); line-height:calc(0.5vw + 20px); color:#fff; } .layout-advanThree .mod-othercontent01 dd a:hover{color:var(--main); } @media(max-width:768px){ .layout-advanThree .mod-othercontent01 dl{width:calc(100%/2 - 0.5vw - 5px); margin:calc(0.5vw + 5px) 0; } } @media(max-width:480px){ .layout-advanThree .mod-othercontent01 dl{width:100%; } } .layout-advanFour{padding:calc(2% + 20px) 0; } .layout-advanFour .mod-othercontent01 .content-bg{display:flex; align-items:start; flex-wrap:wrap; justify-content:space-between; } .layout-advanFour .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; } .layout-advanFour .mod-othercontent01 .content-bg > div{width:calc(100%/2 - 1vw - 10px); margin:calc(0.5vw + 5px) 0; } .layout-advanFour .mod-othercontent01 .text{font-size:calc(0.2vw + 14px); line-height:calc(0.5vw + 20px); } .layout-advanFour .mod-othercontent01 .text P{padding:0.25vw 0; } .layout-advanFour .mod-othercontent01 .img{position:relative; padding-bottom:20%; top:50px; } .layout-advanFour .mod-othercontent01 .img iframe{position:absolute; top:0; left:0; height:100%; width:100%; } @media(max-width:480px){ .layout-advanFour .mod-othercontent01 .content-bg > div{width:100%; } .layout-advanFour .mod-othercontent01 .img{padding-bottom:60%; } } .layout-advanFive{padding:calc(2% + 20px) 0; } .layout-advanFive .mod-othercontent01 .content-bg{display:flex; align-items:stretch; flex-wrap:wrap; } .layout-advanFive .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; } .layout-advanFive .mod-othercontent01 .text{width:calc(100%/4); color:#777; background:#f7f7f7; padding:calc(0.5vw + 10px) calc(0.5vw + 10px) calc(1.5vw + 40px); box-sizing:border-box; margin:calc(0.5vw + 5px) 0; position:relative; overflow:hidden; } .layout-advanFive .mod-othercontent01 .text span{position:absolute; z-index:2; display:block; bottom:calc(0.5vw + 10px); left:calc(0.5vw + 10px); font-size:calc(0.1vw + 12px); color:#fff; padding:5px calc(1vw + 10px); background:#535353; } .layout-advanFive .mod-othercontent01 .text:after{content:""; left:0; right:0; bottom:calc(0.625vw + 25px); height:1px; background:#c5c5c5; z-index:1; position:absolute; } @media(max-width:768px){ .layout-advanFive .mod-othercontent01 .text{width:calc(100%/2); } } @media(max-width:480px){ .layout-advanFive .mod-othercontent01 .text{width:100%; } } .layout-advanSix{padding:calc(2% + 20px) 0; } .layout-advanSix .mod-othercontent01 .content-bg{display:flex; align-items:stretch; flex-wrap:wrap; } .layout-advanSix .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; } .layout-advanSix .mod-othercontent01 .img{position:relative; width:calc(100%/3 - 10px); margin:5px; } .layout-advanSix .mod-othercontent01 .img img{width:100%; } .layout-advanSix .mod-othercontent01 .img:after{content:"\f00e"; font:calc(0.4vw + 16px)/1 FontAwesome; position:absolute; top:10px; right:10px; left:10px; bottom:10px; border:1px solid #fff; color:#fff; display:flex; align-items:center; justify-content:center; opacity:0; background:rgba(0,0,0,0.4); } .layout-advanSix .mod-othercontent01 .img:hover:after{opacity:1; } @media(max-width:768px){ .layout-advanSix .mod-othercontent01 .img{width:calc(100%/2 - 10px); } } @media(max-width:480px){ .layout-advanSix .mod-othercontent01 .img{width:calc(100% - 10px); } } .layout-advanSev .mod-othercontent01 .content-bg{display:flex; align-items:stretch; flex-wrap:wrap; } .layout-advanSev .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; } .layout-advanSev .mod-othercontent01 .item{position:relative; width:calc(100%/1 - 10px); margin:5px; text-align:center; } .layout-advanSev .mod-othercontent01 .img img{width:100%; } .layout-advanSev .mod-othercontent01 .text{font-size:calc(0.5vw + 14px); line-height:calc(0.5vw + 20px); color:var(--main); text-transform:uppercase; font-weight:300; padding:calc(0.25vw + 5px); } .layout-advanSev .mod-othercontent01 .text h3{color:#222; } @media(max-width:768px){ .layout-advanSev .mod-othercontent01 .item{width:calc(100%/2 - 10px); } } @media(max-width:480px){ .layout-advanSev .mod-othercontent01 .item{width:calc(100% - 10px); } } .layout-advanEig{padding:calc(2% + 20px) 0; } .layout-advanEig .mod-othercontent01 .content-bg{display:flex; align-items:start; flex-wrap:wrap; justify-content:space-between; } .layout-advanEig .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; } .layout-advanEig .mod-othercontent01 .item{width:calc(50% - 1vw - 10px); margin:calc(0.5vw + 5px) 0; } .layout-advanEig .mod-othercontent01 dl{display:flex; align-items:start; flex-wrap:wrap; justify-content:space-between; } .layout-advanEig .mod-othercontent01 dt{width:calc(2vw + 50px); height:calc(2vw + 50px); overflow:hidden; border-radius:50%; } .layout-advanEig .mod-othercontent01 dd{width:calc(100% - 3vw - 55px); } .layout-advanEig .mod-othercontent01 dd:before{content:""; width:35px; height:35px; background:url(https://icdn.tradew.com/file/201709/1572411/png/6667515.png) center no-repeat; display:block; margin-bottom:calc(0.25vw + 5px); } .layout-advanEig .mod-othercontent01 .text h3{font-size:calc(0.5vw + 14px); line-height:calc(0.5vw + 20px); color:#333; padding-top:calc(0.5vw + 10px); } @media(max-width:480px){ .layout-advanEig .mod-othercontent01 .item{width:100%; } } .layout-projectOne .layout-bg{width:100%; } .layout-projectTwo{padding:calc(2% + 20px) 0; } .layout-projectTwo .mod-othercontent01 .mod-title{text-align:center; } .layout-projectTwo .mod-othercontent01 .title-left{float:none; } .layout-projectTwo .mod-othercontent01 .title-right{float:none; padding:calc(2vw + 10px) 0 calc(1vw + 5px); } .layout-projectTwo .mod-othercontent01 .mod-title h2{font-size:calc(1.7vw + 16px); line-height:calc(2vw + 20px); font-weight:300; color:#666; } .layout-projectTwo .mod-othercontent01 .mod-title h3{font-size:calc(0.8vw + 14px); line-height:calc(1vw + 20px); color:var(--main); } .layout-projectTwo .mod-othercontent01 .content-bg{font-size:calc(0.2vw + 14px); line-height:calc(0.5vw + 20px); } .layout-projectTwo .mod-othercontent01 ul{display:flex; align-items:start; flex-wrap:wrap; justify-content:space-between; padding-top:5px; } .layout-projectTwo .mod-othercontent01 li{width:calc(50% - 1vw - 10px); padding:5px 0; } @media(max-width:480px){ .layout-projectTwo .mod-othercontent01 li{width:100%; } } .layout-ceoOne{background:-webkit-linear-gradient(top,#030303,#141414); } .layout-ceoOne .mod-othercontent01 .content-bg{display:flex; align-items:flex-end; flex-wrap:wrap; justify-content:space-around; } .layout-ceoOne .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; } .layout-ceoOne .mod-othercontent01 .text{font-size:calc(0.5vw + 14px); line-height:calc(0.5vw + 20px); color:#fff; padding:calc(4vw + 20px) 0px calc(7vw + 10px); } .layout-ceoOne .mod-othercontent01 .text h2{font-size:calc(0.5vw + 14px); line-height:calc(0.5vw + 20px); display:block; font-weight:600; } .layout-ceoOne .mod-othercontent01 .text h3{font-size:calc(0.7vw + 16px); line-height:calc(1vw + 20px); display:block; } @media(max-width:480px){ .layout-ceoOne .mod-othercontent01 .text{width:100%; } .layout-ceoOne .mod-othercontent01 .img{width:100%; } } .layout-ceoTwo{padding:calc(2% + 20px) 0; background:#eee; } .layout-ceoTwo .mod-othercontent01 .mod-bg{max-width:1000px; margin:auto; padding:10px 0; text-align:center; } .layout-ceoTwo .mod-othercontent01 .title-left{float:none; font-size:calc(0.4vw + 16px); line-height:calc(0.5vw + 25px); color:var(--main); font-weight:700; } .layout-ceoOne .mod-othercontent01 .content-bg{font-size:calc(0.3vw + 14px); line-height:calc(0.5vw + 20px); padding-top:calc(0.5vw + 5px); } .layout-ceoThree{padding:calc(2% + 20px) 0; } .layout-ceoThree .mod-othercontent01 .content-bg{display:flex; align-items:center; flex-wrap:wrap; justify-content:space-around; } .layout-ceoThree .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; } .layout-ceoThree .mod-othercontent01 .content-bg > div{width:calc(50% - 1vw - 10px); } .layout-ceoThree .mod-othercontent01 .text{padding:calc(0.5vw + 10px) 0; } .layout-ceoThree .mod-othercontent01 .text h2{font-size:calc(0.7vw + 16px); line-height:calc(1vw + 20px); } .layout-ceoThree .mod-othercontent01 .text h2 span{color:var(--main); font-weight:700; text-transform:uppercase; } .layout-ceoThree .mod-othercontent01 .desc{padding:calc(0.25vw + 5px) 0; } .layout-ceoThree .mod-othercontent01 .text h3{font-size:calc(0.2vw + 14px); line-height:calc(0.25vw + 20px); text-transform:uppercase; } .layout-ceoThree .mod-othercontent01 .text img{margin:0; } @media(max-width:480px){ .layout-ceoThree .mod-othercontent01 .content-bg > div{width:100%; } } .layout-ceoFour{padding:calc(2% + 20px) 0; } .layout-ceoFour .mod-othercontent01 .content-bg{display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; padding:calc(1vw + 10px) 0; border-bottom:1px solid #eee; } .layout-ceoFour .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; } .layout-ceoFour .mod-othercontent01 .content-bg > div{width:calc(50% - 1vw - 10px); } .layout-ceoFour .mod-othercontent01 .img img{width:100%; } .layout-ceoFour .mod-othercontent01 .text{padding:calc(0.5vw + 10px) 0; } .layout-ceoFour .mod-othercontent01 .text h3{font-size:calc(0.6vw + 16px); line-height:calc(1vw + 20px); padding-bottom:calc(0.5vw + 5px); } .layout-ceoFour .mod-othercontent01:nth-of-type(2n) .content-bg{flex-direction:row-reverse; } @media(max-width:480px){ .layout-ceoFour .mod-othercontent01 .content-bg > div{width:100%; } } .layout-ceoFive .mod-othercontent01 .content-bg{display:flex; align-items:start; flex-wrap:wrap; justify-content:space-between; } .layout-ceoFive .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; } .layout-ceoFive .mod-othercontent01 .text{width:calc(100%/4 - 2vw - 10px); margin:calc(1vw + 5px); text-align:center; } .layout-ceoFive .mod-othercontent01 .text span{width:calc(3vw + 40px); display:block; margin:auto; } .layout-ceoFive .mod-othercontent01 .text h3{font-size:calc(0.3vw + 14px); line-height:calc(0.5vw + 20px); color:#000; padding:calc(0.25vw + 5px) 0; } @media(max-width:768px){ .layout-ceoFive .mod-othercontent01 .text{width:calc(100%/2 - 0.5vw - 5px); margin:calc(0.5vw + 5px) 0; } } @media(max-width:480px){ .layout-ceoFive .mod-othercontent01 .text{width:100%; } } .layout-ceoSix{padding:calc(2% + 20px) 0; background:#eee; } .layout-ceoSix .mod-othercontent01 .mod-bg{display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; max-width:1000px; margin:auto; } .layout-ceoSix .mod-othercontent01 .content-bg h2{font-size:calc(0.4vw + 16px); line-height:calc(0.5vw + 20px); color:#000; font-weight:700; text-transform:uppercase; padding-bottom:calc(0.25vw + 5px); } .layout-ceoSix .mod-othercontent01 .mod-bottom{padding:calc(0.5vw + 5px) 0; } .layout-ceoSix .mod-othercontent01 .mod-bottom a{font-size:calc(0.5vw + 14px); line-height:calc(0.5vw + 20px); color:#fff; padding:calc(0.25vw + 5px) calc(0.5vw + 10px); background:var(--main); } .layout-ceoSix .mod-othercontent01 .mod-bottom a:hover{background:var(--deputy); } .layout-designOne{padding:calc(2% + 20px) 0; } .layout-designOne .mod-othercontent01 .mod-bg{padding:calc(0.5vw + 10px) 0; } .layout-designOne .mod-othercontent01 .content-bg{display:flex; align-items:start; flex-wrap:wrap; justify-content:space-between; } .layout-designOne .mod-othercontent01 .img{width:calc(32% - 10px); padding:calc(1vw + 20px); box-sizing:border-box; position:relative; z-index:2; } .layout-designOne .mod-othercontent01 .img img{width:100%; } .layout-designOne .mod-othercontent01 .img span{display:block; position:relative; box-shadow:10px 10px 10px rgba(0,0,0,0.15); z-index:3; } .layout-designOne .mod-othercontent01 .img:before{content:""; width:70%; height:70%; background:#666; top:calc(0.5vw + 10px); left:calc(0.5vw + 10px); position:absolute; z-index:-1; } .layout-designOne .mod-othercontent01 .img:after{content:""; width:100%; height:1px; left:0; top:calc(1.5vw + 30px); background:#666; position:absolute; z-index:-2; } .layout-designOne .mod-othercontent01 .text{padding:calc(1vw + 10px) 0; width:calc(68% - 2vw - 10px); } .layout-designOne .mod-othercontent01 .text h2{font-size:calc(0.7vw + 16px); line-height:calc(0.75vw + 20px); color:#333; font-weight:700; padding-bottom:calc(0.25vw + 5px); } .layout-designOne .mod-othercontent01 .text h3{font-size:calc(0.3vw + 14px); line-height:calc(0.25vw + 20px); color:#333; font-weight:700; padding:calc(0.25vw + 5px) 0; } .layout-designOne .mod-othercontent01 .desc{padding:calc(0.25vw + 5px) 0; } .layout-designOne .mod-othercontent01 .desc p{padding:5px 0; } .layout-designOne .mod-othercontent01 ul{display:flex; align-items:start; flex-wrap:wrap; justify-content:space-between; } .layout-designOne .mod-othercontent01 li{width:calc(100%/4 - 10px); margin:5px; } .layout-designOne:nth-of-type(2n+1){background:#eee; } .layout-designOne:nth-of-type(2n+1) .mod-othercontent01 .content-bg{flex-direction:row-reverse; } .layout-designOne:nth-of-type(2n+1) .mod-othercontent01 .text{text-align:right; } .layout-designOne .mod-othercontent01:nth-of-type(2n) .content-bg{flex-direction:row-reverse; } @media(max-width:480px){ .layout-designOne .mod-othercontent01 .img{width:100%; } .layout-designOne .mod-othercontent01 .text{width:100%; text-align:initial !important; } .layout-designOne .mod-othercontent01 li{width:calc(100%/2 - 10px); } } .layout-soluOne{padding:calc(1% + 10px) 0px; background:#eee; } .layout-soluOne .mod-othercontent01 .content-bg{display:flex; align-items:start; flex-wrap:wrap; justify-content:space-between; } .layout-soluOne .mod-othercontent01 dl{display:flex; align-items:center; justify-content:space-between; width:calc(100%/3 - 1vw - 10px); padding:calc(0.5vw + 5px) 0; } .layout-soluOne .mod-othercontent01 dt{width:40px; } .layout-soluOne .mod-othercontent01 dd{width:calc(100% - 50px); font-size:calc(0.4vw + 14px); line-height:calc(0.5vw + 20px); } .layout-soluOne .mod-othercontent01 dd a{font-size:calc(0.4vw + 14px); line-height:calc(0.5vw + 20px); color:#000; text-transform:capitalize; } @media(max-width:480px){ .layout-soluOne .mod-othercontent01 dl{width:100%; } } .layout-soluTwo{padding:calc(2% + 20px) 0; } .layout-soluTwo .mod-othercontent01 .content-bg{display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; padding:calc(0.5vw + 10px) 0; } .layout-soluTwo .mod-othercontent01 .text{width:calc(100% - 7vw - 190px); font-size:calc(0.2vw + 14px); line-height:calc(0.25vw + 20px); padding:calc(0.5vw + 10px) 0; } .layout-soluTwo .mod-othercontent01 .img{width:calc(6vw + 180px); } .layout-soluTwo .mod-othercontent01 .img h3{font-size:calc(0.2vw + 14px); line-height:calc(0.25vw + 20px); color:#000; padding-bottom:calc(0.25vw + 5px); } .layout-soluTwo .mod-othercontent01 .img span{display:block; } .layout-soluTwo:nth-of-type(2n){background:#eee; } .layout-soluTwo:nth-of-type(2n) .mod-othercontent01 .content-bg{flex-direction:row-reverse; } .layout-soluTwo .mod-othercontent01:nth-of-type(2n) .content-bg{flex-direction:initial; } @media(max-width:480px){ .layout-soluTwo .mod-othercontent01 .text{width:100%; } .layout-soluTwo .mod-othercontent01 .img{width:100%; } } .layout-soluThree{padding:calc(2% + 20px) 0; } .layout-soluThree .mod-othercontent01 .content-bg{display:flex; align-items:stretch; flex-wrap:wrap; justify-content:space-between; } .layout-soluThree .mod-othercontent01 dl{width:calc(100%/3 - 10px); padding:10px 5px; overflow:hidden; display:flex; align-items:center; justify-content:space-between; } .layout-soluThree .mod-othercontent01 dt{width:calc(3vw + 50px); } .layout-soluThree .mod-othercontent01 dd{width:calc(100% - 3vw - 60px); } .layout-soluThree .mod-othercontent01 h3{font-size:calc(0.2vw + 14px); line-height:calc(0.25vw + 20px); color:#000; padding-bottom:calc(0.25vw + 5px); } @media(max-width:768px){ .layout-soluThree .mod-othercontent01 dl{width:calc(100%/2 - 10px); } } @media(max-width:480px){ .layout-soluThree .mod-othercontent01 dl{width:100%; } } .layout-soluFour{padding:calc(2% + 20px) 0 calc(1% + 10px); } .layout-soluFour .mod-othercontent01 .content-bg{display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; } .layout-soluFour .mod-othercontent01 .item{width:calc(100%/3 - 0.5vw - 10px); margin:calc(0.25vw + 5px); position:relative; } .layout-soluFour .mod-othercontent01 .item h3{font-size:calc(0.2vw + 14px); line-height:calc(0.25vw + 20px); color:#000; padding:calc(0.25vw + 5px); text-align:center; } .layout-soluFour .mod-othercontent01 .img img{width:100%; } .layout-soluFour .mod-othercontent01 .text{font-size:calc(0.2vw + 14px); line-height:calc(0.25vw + 20px); padding:calc(0.25vw + 5px) 0; } .layout-soluFour .mod-othercontent01 .text:after{content:""; width:35px; height:3px; background:var(--main); display:block; margin:calc(0.25vw + 5px) 0px 0px; display:block; } @media(min-width:769px){ .layout-soluFour .mod-othercontent01 .text{position:absolute; top:0; right:0; left:0; bottom:calc(0.75vw + 30px); background:rgba(0,0,0,0.3); color:#fff; padding:calc(0.5vw + 10px); } } @media(max-width:768px){ .layout-soluFour .mod-othercontent01 .item{width:calc(100%/2 - 0.5vw - 5px); margin:calc(0.5vw + 5px) 0; } } @media(max-width:480px){ .layout-soluFour .mod-othercontent01 .item{width:100%; } } .layout-solufive{padding:calc(1% + 10px) 0 calc(2% + 20px); } .layout-solufive .mod-othercontent01 .content-bg{display:flex; align-items:start; flex-wrap:wrap; } .layout-solufive .mod-othercontent01 .item{width:calc(100%/3 - 0.5vw - 10px); margin:calc(0.25vw + 5px); position:relative; } .layout-solufive .mod-othercontent01 .item h3{font-size:calc(0.2vw + 14px); line-height:calc(0.25vw + 20px); color:#000; padding:calc(0.25vw + 5px); text-align:center; } .layout-solufive .mod-othercontent01 .img{position:relative; } .layout-solufive .mod-othercontent01 .img *{display:block; } .layout-solufive .mod-othercontent01 .img img{width:100%; } .layout-solufive .mod-othercontent01 .img a:after{content:"\f00e"; font:24px/1 FontAwesome; position:absolute; top:0; right:0; left:0; bottom:0; background:rgba(0,0,0,0.4); outline:1px solid #fff; outline-offset:-10px; text-align:center; color:#fff; display:flex; align-items:center; justify-content:center; opacity:0; } .layout-solufive .mod-othercontent01 .item:hover a:after{opacity:1; } @media(max-width:768px){ .layout-solufive .mod-othercontent01 .item{width:calc(100%/2 - 0.5vw - 10px); } } @media(max-width:480px){ .layout-solufive .mod-othercontent01 .item{width:calc(100% - 0.5vw - 10px); } } .layout-soluSix{padding:calc(2% + 20px) 0; } .layout-soluSix .mod-othercontent01 .content-bg{display:flex; align-items:start; flex-wrap:wrap; justify-content:space-between; } .layout-soluSix .mod-othercontent01 .img{width:calc(100%/5 - 0.5vw - 10px); margin:calc(0.25vw + 5px); } .layout-soluSix .mod-othercontent01 .img span{display:block; } .layout-soluSix .mod-othercontent01 .img img{width:100%; } .layout-soluSix .mod-othercontent01 .img h3{font-size:calc(0.2vw + 14px); line-height:calc(0.25vw + 20px); color:#000; padding:calc(0.25vw + 5px); text-align:center; } @media(max-width:768px){ .layout-soluSix .mod-othercontent01 .img{width:calc(100%/3 - 0.5vw - 10px); } } @media(max-width:480px){ .layout-soluSix .mod-othercontent01 .img{width:calc(100%/2 - 0.5vw - 10px); } } .layout-videoOne{padding:calc(2% + 20px) 0 calc(1% + 10px); } .layout-videoOne .mod-othercontent01 .content-bg{position:relative; padding-bottom:60%; } .layout-videoOne .mod-othercontent01 .content-bg iframe{position:absolute; top:0; left:0; height:100%; width:100%; } .layout-videoTwo{padding:calc(1% + 10px) 0 calc(2% + 20px); } .layout-videoTwo .mod-othercontent01 .content-bg{display:flex; align-items:start; flex-wrap:wrap; justify-content:space-between; } .layout-videoTwo .mod-othercontent01 .img{width:calc(100%/2 - 0.5vw - 5px); margin:calc(0.5vw + 5px) 0; position:relative; padding-bottom:30%; } .layout-videoTwo .mod-othercontent01 .img iframe{position:absolute; top:0; left:0; height:100%; width:100%; } @media(max-width:768px){ .layout-videoTwo .mod-othercontent01 .img{width:100%; } .layout-videoTwo .mod-othercontent01 .img{padding-bottom:60%; } } .layout-techOne{padding:calc(1% + 10px) 0 calc(2% + 20px); } .layout-techOne .mod-othercontent01 .mod-bg{padding:calc(2vw + 10px) 0; border-bottom:1px solid #ccc; } .layout-techOne .mod-othercontent01 .mod-title{padding:calc(0.5vw + 5px); } .layout-techOne .mod-othercontent01 .title-left{float:none; display:flex; float:none; align-items:center; justify-content:space-between; font-size:calc(1.3vw + 14px); line-height:calc(1.5vw + 20px); color:#333; } .layout-techOne .mod-othercontent01 .title-left:before{content:""; width:5px; height:calc(1.5vw + 15px); background:var(--main); } .layout-techOne .mod-othercontent01 .title-left span{width:calc(100% - 1vw - 5px); } .layout-techOne .mod-othercontent01 .content-bg{display:flex; align-items:stretch; flex-wrap:wrap; } .layout-techOne .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; } .layout-techOne .mod-othercontent01 .item{width:calc(25% - 1vw - 10px); margin:calc(0.5vw + 5px); position:relative; } .layout-techOne .mod-othercontent01 .text{padding:calc(0.5vw + 10px); } .layout-techOne .mod-othercontent01 .text h3{font-size:calc(0.2vw + 14px); line-height:calc(0.25vw + 20px); font-weight:500; color:#000; padding-bottom:calc(0.25vw + 5px); display:block; } .layout-techOne .mod-othercontent01 .text a{font-size:14px; color:var(--main); display:block; line-height:20px; text-decoration:underline; } .layout-techOne .mod-othercontent01 .text a:after{content:"\f105"; font:14px/1 FontAwesome; padding:0 3px; } @media(min-width:769px){ .layout-techOne .mod-othercontent01 .text{position:absolute; right:0; left:0; bottom:0; background:rgba(0,0,0,0.5); color:#fff; padding:calc(0.5vw + 10px); } .layout-techOne .mod-othercontent01 .text h3{color:#fff; } } @media(max-width:768px){ .layout-techOne .mod-othercontent01 .item{width:calc(100%/3 - 1vw - 10px); } } @media(max-width:480px){ .layout-techOne .mod-othercontent01 .item{width:calc(100% - 1vw - 10px); } } .layout-serOne{padding:calc(2% + 20px) 0; } .layout-serOne .mod-othercontent01 .mod-bg{display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; } .layout-serOne .mod-othercontent01 .mod-title{width:calc(55% - 1vw - 10px); padding:calc(0.5vw + 10px) 0; } .layout-serOne .mod-othercontent01 .title-left{float:none; font-size:calc(0.4vw + 16px); line-height:calc(0.5vw + 20px); font-weight:500; color:#000; } .layout-serOne .mod-othercontent01 .title-right{float:none; font-size:calc(0.2vw + 14px); line-height:calc(0.25vw + 20px); padding-top:calc(0.25vw + 5px); } .layout-serOne .mod-othercontent01 .mod-content{width:calc(45% - 1vw - 10px); } @media(max-width:480px){ .layout-serOne .mod-othercontent01 .mod-title{width:100%; } .layout-serOne .mod-othercontent01 .mod-content{width:100%; } } .layout-serThree{padding:calc(2% + 20px) 0; } .layout-serThree .mod-othercontent01 .content-bg{display:flex; align-items:stretch; flex-wrap:wrap; } .layout-serThree .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; } .layout-serThree .mod-othercontent01 .item{width:calc(100%/3 - 1vw - 10px); margin:calc(0.5vw + 5px); } .layout-serThree .mod-othercontent01 .img img{width:100%; } .layout-serThree .mod-othercontent01 .text{padding:calc(0.25vw + 5px); } .layout-serThree .mod-othercontent01 .text h3{font-size:calc(0.4vw + 16px); line-height:calc(0.5vw + 20px); font-weight:500; color:#000; display:block; padding-bottom:calc(0.25vw + 5px); } @media(max-width:768px){ .layout-serThree .mod-othercontent01 .item{width:calc(100%/2 - 1vw - 10px); } } @media(max-width:480px){ .layout-serThree .mod-othercontent01 .item{width:calc(100% - 1vw - 10px); } } .layout-contactOne{padding:10px 0 calc(2% + 20px); } .layout-contactOne .mod-othercontent01 .mod-bg{display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; background:#2d2d2d; } .layout-contactOne .mod-othercontent01 .mod-title{width:40%; padding:calc(2vw + 10px); box-sizing:border-box; } .layout-contactOne .mod-othercontent01 .title-left{float:none; text-align:right; font-weight:600; text-transform:uppercase; } .layout-contactOne .mod-othercontent01 .mod-title h2{font-size:calc(1vw + 16px); line-height:calc(1vw + 20px); font-weight:500; color:#fff; font-weight:700; } .layout-contactOne .mod-othercontent01 .mod-title h3{font-size:calc(0.2vw + 14px); line-height:calc(0.25vw + 20px); color:var(--main); padding-bottom:calc(0.25vw + 5px); } .layout-contactOne .mod-othercontent01 .mod-content{width:60%; } .layout-contactOne .mod-othercontent01 .mod-content img{width:100%; } @media(max-width:480px){ .layout-contactOne .mod-othercontent01 .mod-title{width:100%; } .layout-contactOne .mod-othercontent01 .mod-content{width:100%; } } .layout-pagetop .layout-bg{width:100%; } .layout-pagetop .mod-othercontent01 .mod-bg{position:relative; z-index:2; overflow:hidden; } .layout-pagetop .mod-othercontent01 .mod-title{position:absolute; left:0; top:50%; right:0; width:calc(100% - 2vw - 20px); color:#fff; max-width:1400px; transform:translate(0,-50%); margin:auto; z-index:2; text-align:center; } .layout-pagetop .mod-othercontent01 .mod-title h1{font-size:calc(1.5vw + 18px); line-height:calc(1.5vw + 25px); font-weight:700; text-transform:capitalize; } .layout-pagetop .mod-othercontent01 .title-left{float:none; } .layout-pagetop .mod-othercontent01 .title-right{float:none; font-size:calc(0.5vw + 14px); line-height:calc(0.5vw + 20px); padding-top:calc(0.25vw + 5px); } .layout-soOne{padding:calc(2% + 20px) 0; } .layout-soOne .mod-othercontent01 .mod-bg{display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; } .layout-soOne .mod-othercontent01 .mod-title{text-align:initial; width:50%; } .layout-soOne .mod-othercontent01 .mod-title h2{padding:calc(0.25vw + 5px) 0 calc(1vw + 5px); } .layout-soOne .mod-othercontent01 .mod-content{width:calc(50% - 3vw - 10px); } @media(max-width:480px){ .layout-soOne .mod-othercontent01 .mod-title{width:100%; } .layout-soOne .mod-othercontent01 .mod-content{width:100%; } } .layout-soTwo{padding:calc(2% + 20px) 0; background:#f9fafb; } .layout-soTwo .mod-othercontent01 .title-bg{display:block; } .layout-soTwo .mod-othercontent01 .title-right{margin:auto; padding-top:calc(0.25vw + 5px); max-width:1200px; } .layout-soTwo .mod-othercontent01 .content-bg{display:flex; align-items:stretch; flex-wrap:wrap; justify-content:space-between; } .layout-soTwo .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; } .layout-soTwo .mod-othercontent01 .item{width:calc(100%/2 - 1vw - 5px); position:relative; overflow:hidden; margin:calc(0.25vw + 5px) 0; } .layout-soTwo .mod-othercontent01 .img{overflow:hidden; } .layout-soTwo .mod-othercontent01 .img a:before{content:""; position:absolute; top:0; left:0; right:0; bottom:0; z-index:5; } .layout-soTwo .mod-othercontent01 .item a{display:block; } .layout-soTwo .mod-othercontent01 .text{padding:calc(0.5vw + 10px); } .layout-soTwo .mod-othercontent01 .text h3{font-size:calc(0.4vw + 16px); line-height:calc(0.5vw + 20px); color:var(--main); font-weight:500; padding-bottom:calc(0.25vw + 5px); } @media(min-width:769px){ .layout-soTwo .mod-othercontent01 .img:after{content:""; position:absolute; width:100%; height:100%; transform:translate(-60%,60%) rotate(45deg); background:-webkit-linear-gradient(left,rgba(0,0,0,0.5),rgba(0,0,0)); z-index:1; filter:blur(100px); left:0; bottom:0; } .layout-soTwo .mod-othercontent01 .img a:after{content:"→"; font-size:calc(1vw + 16px); line-height:calc(1vw + 50px); color:var(--main); position:absolute; right:0; bottom:0; background:#000; text-align:center; width:calc(2vw + 60px); transform:translate(0,100%); } .layout-soTwo .mod-othercontent01 .text{position:absolute; left:0; right:calc(4vw + 60px); bottom:0; transform:translate(0,calc(100% - 1.5vw - 30px)); z-index:2; color:#fff; } .layout-soTwo .mod-othercontent01 .text h3{color:#fff; } .layout-soTwo .mod-othercontent01 .item:hover .img:after{transform:translate(-50%,-30%) rotate(155deg); } .layout-soTwo .mod-othercontent01 .item:hover .img a:after{transform:translate(0,0); } .layout-soTwo .mod-othercontent01 .item:hover .text{transform:translate(0,0); top:0; padding:calc(2vw + 10px) calc(1vw + 10px); } } @media(max-width:480px){ .layout-soTwo .mod-othercontent01 .item{width:100%; } } .layout-soThree{padding:calc(2% + 20px) 0; } .layout-soThree .mod-othercontent01 .title-bg{display:block; } .layout-soThree .mod-othercontent01 .title-right{margin:auto; padding-top:calc(0.25vw + 5px); } .layout-soThree .mod-othercontent01 .content-bg{display:flex; align-items:start; flex-wrap:wrap; justify-content:space-between; } .layout-soThree .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; } .layout-soThree .mod-othercontent01 .item{width:calc(100%/3 - 1vw - 5px); } .layout-soThree .mod-othercontent01 .img{margin-bottom:calc(0.5vw + 5px); position:relative; overflow:hidden; background:#000; } .layout-soThree .mod-othercontent01 .img * + a{position:absolute; bottom:0; left:0; right:0; top:0; transform:translate(0,calc(50% - 0.25vw - 15px)); font-size:calc(0.2vw + 14px); line-height:calc(0.25vw + 20px); color:#fff; padding:calc(0.5vw + 5px); display:flex; align-items:center; justify-content:center; font-weight:500; } .layout-soThree .mod-othercontent01 .img * + a:after{content:"→"; opacity:0; padding-left:10px; } .layout-soThree .mod-othercontent01 .img h3{position:absolute; bottom:0; left:0; right:0; top:0; transform:translate(0,calc(50% - 0.25vw - 15px)); font-size:calc(0.2vw + 14px); line-height:calc(0.25vw + 20px); color:#fff; padding:calc(0.5vw + 5px); display:flex; align-items:center; justify-content:center; font-weight:500; } .layout-soThree .mod-othercontent01 .img h3:after{content:"→"; opacity:0; padding-left:10px; } .layout-soThree .mod-othercontent01 .img:hover img{opacity:0.4; } .layout-soThree .mod-othercontent01 .img:hover *+ a{transform:translate(0,0); } .layout-soThree .mod-othercontent01 .img:hover *+ a:after{opacity:1; } .layout-soThree .mod-othercontent01 .img:hover h3{transform:translate(0,0); } .layout-soThree .mod-othercontent01 .img:hover h3:after{opacity:1; } @media(max-width:480px){ .layout-soThree .mod-othercontent01 .item{width:100%; } } .layout-soFour{padding:calc(2% + 20px) 0; background:#f9fafb; } .layout-soFour .layout-bg{width:calc(100% - 2vw - 20px); max-width:1920px; } .layout-soFour .mod-othercontent01 .mod-title{width:calc(100% - 2vw - 20px); max-width:1350px; margin:auto; } .layout-soFour .mod-othercontent01 .content-bg{display:flex; align-items:stretch; flex-wrap:wrap; justify-content:space-between; } .layout-soFour .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; } .layout-soFour .mod-othercontent01 .text{width:calc(100%/4); padding:calc(1vw + 10px); position:relative; box-sizing:border-box; } .layout-soFour .mod-othercontent01 .text span{font-size:calc(3vw + 40px); line-height:calc(3vw + 50px); text-shadow:1px 1px 0 var(--main),-1px 1px 0 var(--main),1px -1px 0 var(--main),-1px -1px 0 var(--main); display:block; text-align:center; color:#f9fafb; font-weight:600; } .layout-soFour .mod-othercontent01 .text h3{font-size:calc(0.3vw + 14px); line-height:calc(0.5vw + 20px); color:#000; font-weight:600; display:block; text-align:center; padding:calc(0.25vw + 5px) 0; } .layout-soFour .mod-othercontent01 .text:after{content:""; width:50%; top:calc(2.5vw + 35px); left:75%; height:2px; background:#d2d3d3; position:absolute; } .layout-soFour .mod-othercontent01 .text:last-of-type:after{display:none; } @media(max-width:768px){ .layout-soFour .mod-othercontent01 .text{width:calc(100%/2); } .layout-soFour .mod-othercontent01 .text:nth-of-type(2n):after{display:none; } } @media(max-width:480px){ .layout-soFour .mod-othercontent01 .text{width:100%; } .layout-soFour .mod-othercontent01 .text:after{display:none; } } .layout-soSev{padding:calc(2% + 20px) 0; background:#f9fafb; } .layout-soSev .layout-bg{width:calc(100% - 2vw - 20px); max-width:1920px; } .layout-soSev .mod-othercontent01 .mod-title{width:calc(100% - 2vw - 20px); max-width:1350px; margin:auto; } .layout-soSev .mod-othercontent01 .content-bg{display:flex; align-items:stretch; flex-wrap:wrap; justify-content:space-between; } .layout-soSev .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; } .layout-soSev .mod-othercontent01 .item{width:calc(100%/3); padding:calc(1vw + 10px); box-sizing:border-box; } .layout-soSev .mod-othercontent01 .img{position:relative; } .layout-soSev .mod-othercontent01 .img *{display:block; } .layout-soSev .mod-othercontent01 .img a:after{content:""; position:absolute; top:0; left:0; right:0; bottom:0; background:url(https://icdn.tradew.com/stylefile/20334/case-icon.png) center no-repeat rgba(0,0,0,0.5); opacity:0; } .layout-soSev .mod-othercontent01 .img span{color:#555; padding:5px calc(2vw + 5px); text-transform:uppercase; background:#f8f9fa; position:absolute; left:0; bottom:0; z-index:2; } .layout-soSev .mod-othercontent01 .item h3{font-size:calc(0.4vw + 16px); line-height:calc(0.5vw + 20px); color:#000; font-weight:500; text-align:center; padding:calc(0.5vw + 10px); } .layout-soSev .mod-othercontent01 .item:hover .img a:after{opacity:1; } @media(max-width:768px){ .layout-soSev .mod-othercontent01 .item{width:calc(100%/2); } } @media(max-width:480px){ .layout-soSev .mod-othercontent01 .item{width:100%; } } .layout-soEig{padding:calc(2% + 20px) 0; } .layout-soEig .mod-othercontent01 .title-bg{display:block; } .layout-soEig .mod-othercontent01 .title-right{margin:auto; padding-top:calc(0.25vw + 5px); } .layout-soEig .mod-othercontent01 .content-bg{display:flex; align-items:stretch; flex-wrap:wrap; justify-content:space-between; overflow:visible; } .layout-soEig .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; } .layout-soEig .mod-othercontent01 .text{width:25%; padding:calc(1vw + 10px) calc(2vw + 10px); box-sizing:border-box; text-align:center; } .layout-soEig .mod-othercontent01 .text span{width:calc(0.5vw + 40px); display:block; margin:auto; filter:grayscale(1); } .layout-soEig .mod-othercontent01 .text h3{font-size:calc(0.2vw + 14px); line-height:calc(0.3vw + 20px); color:#000; font-weight:600; display:block; padding:calc(0.25vw + 5px) 0; } .layout-soEig .mod-othercontent01 .text:hover{box-shadow:0 0 15px rgba(0,0,0,0.15); } .layout-soEig .mod-othercontent01 .text:hover span{filter:grayscale(0); } @media(max-width:768px){ .layout-soEig .mod-othercontent01 .text{width:calc(100%/2); } } @media(max-width:480px){ .layout-soEig .mod-othercontent01 .text{width:100%; } } .layout-serveOne{padding:calc(2% + 20px) 0; } .layout-serveOne .mod-othercontent01 .title-bg{display:block; } .layout-serveOne .mod-othercontent01 .title-right{margin:auto; padding-top:calc(0.25vw + 5px); max-width:1200px; } .layout-serveOne .mod-othercontent01 .content-bg{display:flex; align-items:start; flex-wrap:wrap; justify-content:space-between; } .layout-serveOne .mod-othercontent01 .content-bg > div{width:calc(100%/3 - 2vw - 5px); padding:calc(0.5vw + 5px) 0; } .layout-serveOne .mod-othercontent01 dl{padding:calc(0.5vw + 5px) 0; display:flex; align-items:start; justify-content:space-between; } .layout-serveOne .mod-othercontent01 dt{width:45px; padding:0 calc(0.25vw + 5px); border-radius:5px; } .layout-serveOne .mod-othercontent01 dd{width:calc(100% - 0.5vw - 65px); } .layout-serveOne .mod-othercontent01 dd h3{font-size:calc(0.2vw + 14px); line-height:calc(0.3vw + 20px); color:#000; font-weight:600; display:block; } .layout-serveOne .mod-othercontent01 dl:hover dt{background:var(--main); } .layout-serveOne .mod-othercontent01 dl:hover dt img{filter:grayscale(1) brightness(10); } @media(max-width:768px){ .layout-serveOne .mod-othercontent01 .content-bg > div{width:100%; } } .layout-serveTwo{padding:calc(2% + 20px) 0; background:#f8f8f8; } .layout-serveTwo .mod-othercontent01 .title-bg{display:block; } .layout-serveTwo .mod-othercontent01 .title-right{margin:auto; padding-top:calc(0.25vw + 5px); max-width:1200px; } .layout-serveTwo .mod-othercontent01 .content-bg{display:flex; align-items:stretch; flex-wrap:wrap; } .layout-serveTwo .mod-othercontent01 .text{width:calc(100%/4 - 1vw - 10px); margin:calc(0.5vw + 5px); text-align:center; padding:calc(2vw + 10px) calc(1vw + 10px) calc(3vw + 10px); box-sizing:border-box; border-radius:calc(0.25vw + 5px); background:#fff; } .layout-serveTwo .mod-othercontent01 .text span{width:calc(4vw + 60px); display:block; margin:auto; } .layout-serveTwo .mod-othercontent01 .text h3{font-size:calc(0.2vw + 16px); line-height:calc(0.5vw + 20px); color:#000; font-weight:600; display:block; padding:calc(0.5vw + 5px) 0; } .layout-serveTwo .mod-othercontent01 .text:hover{background:var(--main); color:#fff; } .layout-serveTwo .mod-othercontent01 .text:hover h3{color:#fff; } .layout-serveTwo .mod-othercontent01 .text:hover span img{filter:grayscale(1) brightness(10); } @media(max-width:768px){ .layout-serveTwo .mod-othercontent01 .text{width:calc(100%/2 - 1vw - 10px); } } @media(max-width:480px){ .layout-serveTwo .mod-othercontent01 .text{width:calc(100% - 1vw - 10px); } } .layout-serveThree .mod-othercontent01 .mod-title{color:#fff; } .layout-serveThree .mod-othercontent01 dl{padding-bottom:calc(2vw + 10px); display:flex; align-items:start; justify-content:space-between; } .layout-serveThree .mod-othercontent01 dt{width:45px; padding:5px; border-radius:50%; border:1px solid #fff; } .layout-serveThree .mod-othercontent01 dd{width:calc(100% - 0.5vw - 60px); color:#fff; } .layout-serveThree .mod-othercontent01 dd h4{font-size:calc(0.4vw + 16px); line-height:calc(0.5vw + 20px); font-weight:500; display:block; padding-top:calc(0.5vw + 5px); } .layout-stopOne{padding:calc(2% + 20px) 0; } .layout-stopOne .layout-bg{display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; } .layout-stopOne .left{width:calc(50% - 2vw - 5px); } .layout-stopOne .right{width:50%; } .layout-stopOne .mod-othercontent01 .title-bg{display:block; text-align:initial; } .layout-stopOne .mod-othercontent01 .title-right{margin:auto; max-width:1200px; } .layout-stopOne .mod-othercontent01 .title-right-span{padding-top:calc(0.25vw + 5px); } .layout-stopOne .mod-othercontent01 .content-bg{display:flex; align-items:stretch; flex-wrap:wrap; } .layout-stopOne .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; } .layout-stopOne .mod-othercontent01 .text{width:calc(100%/3); padding:calc(0.25vw + 5px) 0; } .layout-stopOne .mod-othercontent01 .text h4{font-size:calc(0.7vw + 16px); line-height:calc(0.75vw + 20px); color:var(--main); font-weight:600; display:block; padding-bottom:calc(0.25vw + 5px); } @media(max-width:768px){ .layout-stopOne .layout-bg > div{width:100%; padding:10px 0; } } .layout-stopTwo{padding:calc(2% + 20px) 0; background:#f9fafb; } .layout-stopTwo .mod-othercontent01 .content-bg{display:flex; align-items:stretch; flex-wrap:wrap; overflow:visible; border:1px solid rgba(0,0,0,0.1); } .layout-stopTwo .mod-othercontent01 .item{width:calc(100%/3); position:relative; overflow:hidden; border:1px solid rgba(0,0,0,0.1); box-sizing:border-box; } .layout-stopTwo .mod-othercontent01 .text{padding:calc(1vw + 10px); transition:All 0.3s ease-in-out; } .layout-stopTwo .mod-othercontent01 .text dl{display:flex; align-items:end; justify-content:space-between; } .layout-stopTwo .mod-othercontent01 .text dt a:after{content:"\f105"; font:calc(0.2vw + 14px)/1 FontAwesome; padding:0 5px; } .layout-stopTwo .mod-othercontent01 .text dt a:hover{color:var(--main); } .layout-stopTwo .mod-othercontent01 .text dd{width:calc(1vw + 40px); position:relative; z-index:2; } .layout-stopTwo .mod-othercontent01 .text dd:after{content:""; width:calc(0.5vw + 20px); height:calc(0.5vw + 20px); border-radius:50%; overflow:hidden; background:var(--main); z-index:-1; position:absolute; left:0; bottom:0; } .layout-stopTwo .mod-othercontent01 .text h4{font-size:calc(0.3vw + 14px); line-height:calc(0.5vw + 20px); color:#000; font-weight:600; display:block; padding-bottom:calc(0.25vw + 5px); } @media(min-width:769px){ .layout-stopTwo .mod-othercontent01 .text{position:absolute; top:0; left:0; bottom:0; right:0; background:#fff; display:flex; align-items:stretch; justify-content:space-between; flex-direction:column; padding:calc(2vw + 10px) calc(1vw + 10px) calc(1vw + 10px); z-index:3; } .layout-stopTwo .mod-othercontent01 .text p{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; } .layout-stopTwo .mod-othercontent01 .item:hover .text{background:rgba(0,0,0,0.35); color:#fff; } .layout-stopTwo .mod-othercontent01 .item:hover .text h4{color:#fff; } .layout-stopTwo .mod-othercontent01 .item:hover .text dt a{color:#fff; } .layout-stopTwo .mod-othercontent01 .item:hover .text dd img{filter:invert(1); } } @media(max-width:768px){ .layout-stopTwo .mod-othercontent01 .item{width:calc(100%/2); } .layout-stopTwo .mod-othercontent01 .text dl{padding-top:calc(1vw + 10px); } } @media(max-width:480px){ .layout-stopTwo .mod-othercontent01 .item{width:100%; } } .layout-stopThree .mod-othercontent01 .mod-content{text-align:center; font-size:calc(1.5vw + 18px); line-height:calc(1.5vw + 25px); color:#fff; font-weight:600; text-transform:uppercase; padding:calc(5vw + 10px) 0 calc(1vw + 10px); } .layout-stopFour{padding:calc(2% + 20px) 0; } .layout-stopFour .mod-othercontent01 .content-bg{display:flex; align-items:stretch; flex-wrap:wrap; justify-content:space-between; overflow:visible; } .layout-stopFour .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; } .layout-stopFour .mod-othercontent01 .item{width:calc(100%/3 - 1.25vw - 5px); margin:calc(0.5vw + 5px) 0; } .layout-stopFour .mod-othercontent01 .img *{display:block; } .layout-stopFour .mod-othercontent01 .text{padding:calc(0.5vw + 5px); } .layout-stopFour .mod-othercontent01 .text h4{font-size:calc(0.2vw + 14px); line-height:calc(0.25vw + 20px); color:#000; font-weight:600; display:block; padding-bottom:calc(0.5vw + 5px); } .layout-stopFour .mod-othercontent01 .text a{margin-top:calc(2vw + 5px); opacity:0; } .layout-stopFour .mod-othercontent01 .text a:after{content:"\f105"; font:calc(0.2vw + 14px)/1 FontAwesome; padding:0 5px; } .layout-stopFour .mod-othercontent01 .item:hover{box-shadow:0 0 10px rgba(0,0,0,0.1); } .layout-stopFour .mod-othercontent01 .item:hover .text a{opacity:1; } @media(max-width:768px){ .layout-stopFour .mod-othercontent01 .item{width:calc(100%/2 - 1vw - 5px); } } @media(max-width:480px){ .layout-stopFour .mod-othercontent01 .item{width:100%; } } .layout-design-One{padding:calc(2% + 20px) 0; } .layout-design-One .mod-othercontent01 .content-bg{display:flex; align-items:stretch; flex-wrap:wrap; justify-content:space-between; } .layout-design-One .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; } .layout-design-One .mod-othercontent01 .item{width:calc(100%/2 - 0.5vw - 5px); margin:calc(0.5vw + 5px) 0; position:relative; overflow:hidden; } .layout-design-One .mod-othercontent01 .img *{display:block; } .layout-design-One .mod-othercontent01 .text a{position:absolute; left:0; bottom:0; right:0; background:rgba(0,0,0,0.4); text-align:center; padding:calc(0.5vw + 5px); display:flex; align-items:center; justify-content:center; flex-direction:column; font-size:calc(1vw + 16px); line-height:calc(1vw + 20px); color:#fff; transform:translate(0,calc(2.5vw + 30px)); } .layout-design-One .mod-othercontent01 .text a:after{content:"➜"; font-size:calc(0.2vw + 14px); line-height:calc(0.5vw + 25px); width:calc(0.5vw + 25px); background:var(--main); margin-top:calc(2vw + 5px); border-radius:50%; display:block; } .layout-design-One .mod-othercontent01 .item:hover .text a{top:0; transform:translate(0,0); } @media(max-width:480px){ .layout-design-One .mod-othercontent01 .item{width:100%; } } .layout-designThree{padding:calc(1% + 20px) 0 0; background:url(https://icdn.tradew.com/stylefile/20334/designThree-bg.jpg) center/cover fixed no-repeat; } .layout-designThree .mod-othercontent01 .mod-bg{display:flex; align-items:start; flex-wrap:wrap; justify-content:space-between; } .layout-designThree .mod-othercontent01 .mod-title{width:50%; text-align:initial; padding:calc(2vw + 10px) 0; } .layout-designThree .mod-othercontent01 .title-right{padding-top:calc(1vw + 5px); } .layout-designThree .mod-othercontent01 .mod-title *{color:#fff !important; } .layout-designThree .mod-othercontent01 .mod-content{width:calc(50% - 4vw - 10px); } @media(max-width:480px){ .layout-designThree .mod-othercontent01 .mod-title{width:100%; } .layout-designThree .mod-othercontent01 .mod-content{width:100%; } } .layout-designFive{padding:calc(2% + 20px) 0; background:#f8f9fa; } .layout-designFive .mod-othercontent01 .content-bg{display:flex; align-items:stretch; flex-wrap:wrap; border:1px solid #e5e5e5; } .layout-designFive .mod-othercontent01 .item{width:calc(100%/3); position:relative; outline:1px solid #d5d5d5; } .layout-designFive .mod-othercontent01 .item-max{width:calc(200%/3); } .layout-designFive .mod-othercontent01 .text{padding:calc(2vw + 10px); background:#fff; } .layout-designFive .mod-othercontent01 .text span{width:calc(1vw + 30px); height:calc(1vw + 30px); display:block; position:absolute; bottom:calc(1vw + 10px); right:calc(1vw + 10px); z-index:3; } .layout-designFive .mod-othercontent01 .text span:before{content:""; width:50%; height:50%; background:var(--main); border-radius:50%; position:absolute; bottom:10%; right:50%; z-index:-1; } .layout-designFive .mod-othercontent01 .text h3{font-size:calc(0.4vw + 16px); line-height:calc(0.5vw + 20px); font-weight:600; padding-bottom:calc(0.5vw + 5px); } .layout-designFive .mod-othercontent01 .text li{display:flex; align-items:flex-start; padding:2px 0; } .layout-designFive .mod-othercontent01 .text li:before{content:"✔"; flex:0 0 calc(0.25vw + 15px); color:var(--main); } @media(min-width:769px){ .layout-designFive .mod-othercontent01 .text{position:absolute; top:0; left:0; right:0; bottom:0; } .layout-designFive .mod-othercontent01 .item:hover .text{background:rgba(0,0,0,0.6); color:#fff; } .layout-designFive .mod-othercontent01 .item:hover .text span img{filter:invert(1); } } @media(max-width:768px){ .layout-designFive .mod-othercontent01 .item{width:calc(100%/2); } .layout-designFive .mod-othercontent01 .item-max{width:100%; } } @media(max-width:480px){ .layout-designFive .mod-othercontent01 .item{width:100%; } } .layout-designSix{padding:calc(2% + 20px) 0 calc(1% + 10px); } .layout-designSix .mod-othercontent01 .mod-content{overflow:auto; } .layout-designSix .mod-othercontent01 .content-bg{min-width:700px; } .layout-designSix .mod-othercontent01 table{width:100%; border:1px solid #e5e5e5; border-collapse:collapse; } .layout-designSix .mod-othercontent01 td,.layout-designSix .mod-othercontent01 th{border:1px solid #e5e5e5; text-align:center; padding:calc(0.25vw + 5px); font-size:calc(0.2vw + 14px); font-weight:500; } .layout-designSix .mod-othercontent01 th{font-size:calc(0.4vw + 16px); line-height:calc(0.5vw + 20px); font-weight:600; background:#f5f3f3; } .layout-designSix .mod-othercontent01 tr:first-of-type{text-transform:uppercase; } .layout-designSix .mod-othercontent01 tr + tr td{color:#666; } .layout-designSix .mod-othercontent01 ul{padding:calc(0.5vw + 10px) 1.5em; background:#fffee3; text-align:initial; } .layout-designSix .mod-othercontent01 li{list-style:auto; } .layout-designSix .mod-othercontent01 li::marker{color:var(--main); } .layout-designSix .mod-othercontent01 .color{background:#fffee3; } .layout-designSev{padding:calc(1% + 10px) 0 calc(2% + 20px); } .layout-designSev .layout-bg{display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; } .layout-designSev .left{width:calc(40% - 0.5vw - 10px); } .layout-designSev .right{width:calc(60% - 2vw - 10px); } .layout-designSev .mod-othercontent01 .title-left h2{font-size:calc(1vw + 20px); line-height:calc(1vw + 25px); font-weight:600; color:#000; } .layout-designSev .mod-othercontent01 .title-left:after{content:""; width:calc(2vw + 40px); height:2px; background:var(--main); display:block; margin:calc(1vw + 5px) 0; } .layout-designSev .right .mod-othercontent01 .mod-content{padding:5px 0; } .layout-designSev .right .mod-othercontent01 .content-bg{padding:calc(0.25vw + 5px) calc(0.5vw + 10px); background:var(--main); color:#fff; } @media(max-width:768px){ .layout-designSev .layout-bg > div{width:100%; } } .layout-designEig{padding:calc(2% + 20px) 0; background:#f8f9fa; } .layout-designEig .mod-othercontent01 .content-bg{display:flex; align-items:stretch; flex-wrap:wrap; overflow:visible; } .layout-designEig .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; } .layout-designEig .mod-othercontent01 .text{width:calc(100%/3 - 2vw - 10px); padding:0 calc(1.5vw + 10px) calc(3vw + 20px); box-sizing:border-box; margin:calc(1vw + 30px) calc(1vw + 5px) calc(1vw + 5px); position:relative; background:#fff; color:#555; } .layout-designEig .mod-othercontent01 .text:after{content:"\f105"; font:calc(1vw + 20px)/1 FontAwesome; position:absolute; top:50%; left:100%; color:#666; transform:translate(100%,-50%); } .layout-designEig .mod-othercontent01 .text span{display:block; width:calc(1vw + 40px); padding:calc(0.25vw + 5px); border-radius:50%; background:var(--main); margin-top:calc(-0.75vw - 25px); } .layout-designEig .mod-othercontent01 .text h3{font-size:calc(0.2vw + 16px); font-weight:600; color:#000; display:block; padding:calc(0.25vw + 5px) 0; } .layout-designEig .mod-othercontent01 .text o{font-size:calc(1vw + 40px); line-height:calc(1vw + 40px); -webkit-text-stroke:1px #999; display:block; font-weight:700; color:transparent; position:absolute; right:calc(0.5vw + 10px); bottom:calc(0.5vw + 10px); } .layout-designEig .mod-othercontent01 .text:hover{box-shadow:0 0 20px rgba(0,0,0,0.1); } .layout-designEig .mod-othercontent01 .text:hover h3{color:var(--main); } .layout-designEig .mod-othercontent01 .text:hover o{-webkit-text-stroke:1px var(--main); } @media(min-width:769px){ .layout-designEig .mod-othercontent01 .text:nth-of-type(3n):after{display:none; } } @media(max-width:768px){ .layout-designEig .mod-othercontent01 .text{width:calc(100%/2 - 2vw - 10px); } .layout-designEig .mod-othercontent01 .text:nth-of-type(2n):after{display:none; } } @media(max-width:480px){ .layout-designEig .mod-othercontent01 .text{width:100%; } .layout-designEig .mod-othercontent01 .text:after{display:none; } } .layout-quaOne{padding:calc(2% + 20px) 0; } .layout-quaOne .mod-othercontent01-title .mod-bg{display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; padding-bottom:calc(1vw + 10px); } .layout-quaOne .mod-othercontent01-title .mod-title{width:calc(50% - 4vw - 5px); order:2; padding:calc(0.5vw + 10px) 0; } .layout-quaOne .mod-othercontent01-title .title-bg{display:block; text-align:initial; } .layout-quaOne .mod-othercontent01-title .title-right{margin:auto; } .layout-quaOne .mod-othercontent01-title .title-right-span{padding-top:calc(1vw + 5px); } .layout-quaOne .mod-othercontent01-title .mod-content{width:50%; order:1; } .layout-quaOne .mod-othercontent01 .content-bg{border-radius:calc(1vw + 5px); } .layout-quaOne .mod-othercontent01 .swiper-slide{border-radius:calc(1vw + 5px); overflow:hidden; } @media(max-width:480px){ .layout-quaOne .mod-othercontent01-title .mod-bg > div{width:100%; } } .layout-quaTwo{padding:calc(2% + 20px) 0; background:#f8f8f8; } .layout-quaTwo .mod-othercontent01 .title-right{margin:auto; max-width:initial; } .layout-quaTwo .mod-othercontent01 .content-bg{display:flex; align-items:stretch; flex-wrap:wrap; } .layout-quaTwo .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; } .layout-quaTwo .mod-othercontent01 .item{width:calc(100%/3 - 0.5vw - 10px); margin:calc(0.25vw + 5px); border-radius:calc(0.5vw + 5px); overflow:hidden; background:#fff; } .layout-quaTwo .mod-othercontent01 .img{position:relative; } .layout-quaTwo .mod-othercontent01 .img span{position:absolute; top:calc(0.5vw + 5px); left:calc(0.5vw + 5px); padding:calc(0.25vw + 5px) calc(0.5vw + 10px); border-radius:calc(1vw + 10px) 5px; color:#fff; background:var(--main); display:block; } .layout-quaTwo .mod-othercontent01 .text{padding:calc(0.5vw + 10px); } @media(max-width:768px){ .layout-quaTwo .mod-othercontent01 .item{width:calc(100%/2 - 0.5vw - 10px); } } @media(max-width:480px){ .layout-quaTwo .mod-othercontent01 .item{width:calc(100% - 0.5vw - 10px); } } .layout-quaThree{padding:calc(2% + 20px) 0; } .layout-quaThree .layout-bg{width:100%; max-width:1920px; } .layout-quaThree .mod-othercontent01 .title-right{margin:auto; max-width:1300px; } .layout-quaThree .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; } .layout-quaThree .mod-othercontent01 .item{position:relative; } .layout-quaThree .mod-othercontent01 .text{font-size:calc(0.3vw + 14px); line-height:calc(0.5vw + 20px); padding:calc(1vw + 10px); } .layout-quaThree .mod-othercontent01-qua .content-bg{display:flex; align-items:stretch; flex-wrap:wrap; padding:0 calc(1vw + 10px); } .layout-quaThree .mod-othercontent01 .desc{width:calc(100%/7 - 1vw - 10px); margin:calc(0.5vw + 5px); padding:calc(2vw + 10px) calc(1vw + 10px); border-radius:calc(1vw + 5px); box-sizing:border-box; text-align:center; background:#fff; font-size:calc(0.5vw + 16px); line-height:calc(0.5vw + 20px); display:flex; flex-direction:column; align-items:center; justify-content:space-between; box-shadow:0 0 calc(0.5vw + 10px) rgba(0,0,0,0.1); } .layout-quaThree .mod-othercontent01 .desc h3{color:var(--main); font-weight:600; font-size:calc(0.4vw + 14px); padding-bottom:calc(1vw + 5px); } @media(min-width:769px){ .layout-quaThree .mod-othercontent01 .text{position:absolute; color:#fff; max-width:650px; top:20%; padding:calc(5vw + 10px); } .layout-quaThree .mod-othercontent01-qua .mod-bg{margin-top:calc(-3vw - 20px); position:relative; z-index:2; } } @media(max-width:768px){ .layout-quaThree .mod-othercontent01 .desc{width:calc(100%/4 - 1vw - 10px); } } @media(max-width:480px){ .layout-quaThree .mod-othercontent01 .desc{width:calc(100%/2 - 1vw - 10px); } } .layout-quaFour{padding:calc(1% + 10px) 0; } .layout-quaFour .mod-othercontent01 .mod-bg{padding:calc(1vw + 10px) 0; } .layout-quaFour .mod-othercontent01 .content-bg{display:flex; align-items:stretch; flex-wrap:wrap; } .layout-quaFour .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; } .layout-quaFour .mod-othercontent01 .img{width:calc(100%/4 - 0.5vw - 10px); margin:calc(0.25vw + 5px); border-radius:calc(0.5vw + 5px); overflow:hidden; position:relative; } .layout-quaFour .mod-othercontent01 .img-max{width:calc(100%/2 - 0.5vw - 10px); } .layout-quaFour .mod-othercontent01 .img span{position:absolute; top:calc(0.5vw + 5px); left:calc(0.5vw + 5px); padding:calc(0.25vw + 5px) calc(0.5vw + 10px); border-radius:calc(1vw + 10px) 5px; color:#fff; background:var(--main); display:block; } @media(max-width:768px){ .layout-quaFour .mod-othercontent01 .img{width:calc(100%/2 - 0.5vw - 10px) !important; } .layout-quaFour .mod-othercontent01 .img-max{width:calc(100% - 0.5vw - 10px) !important; } } @media(max-width:480px){ .layout-quaFour .mod-othercontent01 .text{width:calc(100% - 0.5vw - 10px) !important; } } .layout-quaFive{padding:calc(4% + 40px) 0; background:url(https://icdn.tradew.com/stylefile/20334/quaFive-bg.jpg) center/cover fixed no-repeat; } .layout-quaFive .mod-othercontent01 .mod-title *{color:#fff; } .layout-quaFive .mod-othercontent01 .title-right{margin:auto; max-width:1300px; } .layout-quaFive .mod-othercontent01 .content-bg{display:flex; align-items:stretch; flex-wrap:wrap; } .layout-quaFive .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; } .layout-quaFive .mod-othercontent01 .text{width:calc(100%/3); padding:calc(2vw + 5px); box-sizing:border-box; text-align:center; color:#fff; } .layout-quaFive .mod-othercontent01 .text span{width:calc(2vw + 40px); display:block; margin:auto; } .layout-quaFive .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; } @media(max-width:480px){ .layout-quaFive .mod-othercontent01 .text{width:100%; } } .layout-case-ijpvt .mod-othercontent01 .swiper-button-prev,.layout-case-ijpvt .mod-othercontent01 .swiper-button-next{color:#333; width:calc(1vw + 25px); height:calc(1vw + 25px); margin:0; transform:translate(0,-50%); } .layout-case-ijpvt .mod-othercontent01 .swiper-button-prev:after,.layout-case-ijpvt .mod-othercontent01 .swiper-button-next:after{font-size:calc(0.2vw + 14px); line-height:calc(1vw + 25px); } .layout-case-ijpvt .mod-othercontent01 .swiper-button-prev:hover,.layout-case-ijpvt .mod-othercontent01 .swiper-button-next:hover{color:var(--deputy) !important; } .layout-case-ijpvt .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,.layout-case-ijpvt .mod-othercontent01 .swiper-button-next.swiper-button-disabled{opacity:1; background:#eee; color:#666; } .layout-case-ijpvt .mod-othercontent01-title-ijpvt .mod-title{padding-bottom:calc(1vw + 10px); } .layout-case-ijpvt .mod-othercontent01-title-ijpvt .title-right{padding-top:calc(0.5vw + 5px); } .layout-case-ijpvt .mod-othercontent01-title-ijpvt .title-right-span{display:block; } .layout-case-ijpvt .mod-othercontent01-title-ijpvt .mod-title h2{font-size:calc(0.8vw + 18px); line-height:calc(1vw + 20px); color:#000; font-weight:500; } .layout-case-ijpvt .mod-othercontent01-title-ijpvt .mod-title a{border:1px solid #333; padding:calc(0.25vw + 5px) calc(1vw + 20px); margin-top:calc(2vw + 10px); text-transform:capitalize; letter-spacing:1px; } .layout-case-ijpvt .mod-othercontent01-title-ijpvt .mod-title a:hover{background:var(--main); color:#fff; border-color:var(--main); } .layout-case-ijpvt .mod-othercontent01-title-ijpvt .mod-bottom{padding-top:calc(2vw + 10px); } .layout-case-ijpvt .mod-othercontent01-title-ijpvt .mod-bottom a{border:1px solid #333; padding:calc(0.25vw + 5px) calc(1vw + 20px); letter-spacing:2px; text-transform:capitalize; } .layout-case-ijpvt .mod-othercontent01-title-ijpvt .mod-bottom a:hover{background:var(--deputy); color:#fff; border-color:var(--deputy); } .layout-case-ijpvt{padding:calc(1% + 10px) 0 calc(3% + 30px); background:url(https://icdn.tradew.com/stylefile/20679/case-bg.png) left center no-repeat #f6f1eb; } .layout-case-ijpvt .layout-bg{width:100%; max-width:1920px; } .layout-case-ijpvt .mod-othercontent01 .mod-bg{display:flex; align-items:start; justify-content:end; flex-wrap:wrap; } .layout-case-ijpvt .mod-othercontent01 .mod-title{width:25%; max-width:350px; padding:calc(2vw + 10px) calc(0.5vw + 10px); box-sizing:border-box; } .layout-case-ijpvt .mod-othercontent01 .mod-content{width:75%; } .layout-case-ijpvt .mod-othercontent01 .swiper-container{padding-top:calc(1vw + 40px); } .layout-case-ijpvt .mod-othercontent01 .swiper-slide{width:calc(20vw + 220px); } .layout-case-ijpvt .mod-othercontent01 .text{padding:calc(0.5vw + 5px); } .layout-case-ijpvt .mod-othercontent01 .text h3{font-size:calc(0.3vw + 16px); line-height:calc(0.5vw + 20px); padding:calc(0.5vw + 5px) 0; } .layout-case-ijpvt .mod-othercontent01 .text dl{display:flex; align-items:start; justify-content:space-between; flex-wrap:wrap; padding:calc(0.4vw + 2px) 0; } .layout-case-ijpvt .mod-othercontent01 .text dt{width:calc(2vw + 60px); } .layout-case-ijpvt .mod-othercontent01 .text dd{width:calc(100% - 3vw - 70px); } .layout-case-ijpvt .mod-othercontent01 .swiper-button-prev,.layout-case-ijpvt .mod-othercontent01 .swiper-button-next{top:0; transform:none; } .layout-case-ijpvt .mod-othercontent01 .swiper-button-prev{left:auto; right:calc(1vw + 40px); } @media(max-width:768px){ .layout-case-ijpvt .mod-othercontent01 .mod-bg > div{width:100%; max-width:initial; } .layout-case-ijpvt .mod-othercontent01 .mod-content{margin-top:calc(-1vw - 40px); } } .layout-manuSix-j5fy0 .mod-othercontent01 .swiper-button-prev,.layout-manuSix-j5fy0 .mod-othercontent01 .swiper-button-next{color:#fff; width:calc(1vw + 25px); height:calc(1vw + 25px); margin:0; transform:translate(0,-50%); } .layout-manuSix-j5fy0 .mod-othercontent01 .swiper-button-prev:after,.layout-manuSix-j5fy0 .mod-othercontent01 .swiper-button-next:after{font-size:calc(0.3vw + 16px); line-height:calc(1vw + 25px); } .layout-manuSix-j5fy0 .mod-othercontent01 .swiper-button-prev:hover,.layout-manuSix-j5fy0 .mod-othercontent01 .swiper-button-next:hover{color:var(--main) !important; } .layout-manuSix-j5fy0 .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,.layout-manuSix-j5fy0 .mod-othercontent01 .swiper-button-next.swiper-button-disabled{opacity:1; color:#333; } @media(max-width:768px){ .layout-manuSix-j5fy0 .mod-othercontent01 .swiper-button-prev,.layout-manuSix-j5fy0 .mod-othercontent01 .swiper-button-next{display:none; } } .layout-manuSix-j5fy0 .mod-othercontent01-titlecenter-j5fy0 .mod-title{padding-bottom:calc(1vw + 10px); text-align:center; max-width:1100px; margin:auto; } .layout-manuSix-j5fy0 .mod-othercontent01-titlecenter-j5fy0 .title-right{padding-top:calc(0.5vw + 5px); } .layout-manuSix-j5fy0 .mod-othercontent01-titlecenter-j5fy0 .title-right-span{display:block; } .layout-manuSix-j5fy0 .mod-othercontent01-titlecenter-j5fy0 .mod-title h3{color:var(--main); font-weight:500; } .layout-manuSix-j5fy0 .mod-othercontent01-titlecenter-j5fy0 .mod-title h2{font-size:calc(1.4vw + 18px); line-height:calc(1.5vw + 20px); color:#000; font-weight:600; } .layout-manuSix-j5fy0 .mod-othercontent01-titlecenter-j5fy0 .mod-title strong{color:var(--main); } .layout-manuSix-j5fy0 .mod-othercontent01-titlecenter-j5fy0 .mod-bottom{padding-top:calc(2vw + 10px); text-align:center; } .layout-manuSix-j5fy0 .mod-othercontent01-titlecenter-j5fy0 .mod-bottom a{color:var(--main); padding:calc(0.25vw + 5px) calc(1vw + 20px); text-transform:uppercase; border:1px solid var(--main); } .layout-manuSix-j5fy0 .mod-othercontent01-titlecenter-j5fy0 .mod-bottom a:hover{color:#fff; background:var(--main); } .layout-manuSix-j5fy0{padding:calc(1% + 10px) 0; } .layout-manuSix-j5fy0 .mod-othercontent01 .content-bg{overflow:visible; } .layout-manuSix-j5fy0 .mod-othercontent01 .swiper-container{overflow:visible; } .layout-manuSix-j5fy0 .mod-othercontent01 .img{border-radius:calc(0.25vw + 5px); overflow:hidden; } .layout-manuSix-j5fy0 .mod-othercontent01 .swiper-slide .img{opacity:0.5; } .layout-manuSix-j5fy0 .mod-othercontent01 .swiper-slide h3{padding:calc(0.5vw + 5px); font-size:calc(0.2vw + 14px); } .layout-manuSix-j5fy0 .mod-othercontent01 .swiper-slide-active .img,.layout-manuSix-j5fy0 .mod-othercontent01 .swiper-slide-next .img{opacity:1; } .layout-about-ywdir .mod-othercontent01 .swiper-button-prev,.layout-about-ywdir .mod-othercontent01 .swiper-button-next{color:#fff; width:calc(1vw + 25px); height:calc(1vw + 25px); margin:0; transform:translate(0,-50%); } .layout-about-ywdir .mod-othercontent01 .swiper-button-prev:after,.layout-about-ywdir .mod-othercontent01 .swiper-button-next:after{font-size:calc(0.3vw + 16px); line-height:calc(1vw + 25px); } .layout-about-ywdir .mod-othercontent01 .swiper-button-prev:hover,.layout-about-ywdir .mod-othercontent01 .swiper-button-next:hover{color:var(--main); } .layout-about-ywdir .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,.layout-about-ywdir .mod-othercontent01 .swiper-button-next.swiper-button-disabled{opacity:1; color:#333; } @media(max-width:768px){ .layout-about-ywdir .mod-othercontent01 .swiper-button-prev,.layout-about-ywdir .mod-othercontent01 .swiper-button-next{display:none; } } .layout-about-ywdir .mod-othercontent01-title-ywdir .mod-title{padding-bottom:calc(1vw + 10px); } .layout-about-ywdir .mod-othercontent01-title-ywdir .title-right{padding-top:calc(0.5vw + 5px); } .layout-about-ywdir .mod-othercontent01-title-ywdir .title-right-span{display:block; } .layout-about-ywdir .mod-othercontent01-title-ywdir .mod-title h3{color:var(--main); font-weight:500; } .layout-about-ywdir .mod-othercontent01-title-ywdir .mod-title h2{font-size:calc(1.4vw + 18px); line-height:calc(1.5vw + 20px); color:#fff; font-weight:600; } .layout-about-ywdir .mod-othercontent01-title-ywdir .mod-title strong{color:var(--main); } .layout-about-ywdir .mod-othercontent01-title-ywdir .mod-title a{background:var(--main); color:#000; padding:calc(0.25vw + 5px) calc(1vw + 20px); text-transform:uppercase; } .layout-about-ywdir .mod-othercontent01-title-ywdir .mod-title a:hover{color:#fff; } .layout-about-ywdir .mod-othercontent01-title-ywdir .mod-bottom{padding-top:calc(2vw + 10px); } .layout-about-ywdir .mod-othercontent01-title-ywdir .mod-bottom a{background:var(--main); color:#000; padding:calc(0.25vw + 5px) calc(1vw + 20px); text-transform:uppercase; } .layout-about-ywdir .mod-othercontent01-title-ywdir .mod-bottom a:hover{color:#fff; } .layout-about-ywdir{padding:calc(3% + 30px) 0; } .layout-about-ywdir .mod-othercontent01 .mod-bg{display:flex; flex-wrap:wrap; align-items:stretch; } .layout-about-ywdir .mod-othercontent01 .mod-title{width:50%; padding:calc(3vw + 10px); box-sizing:border-box; order:2; background:url(https://icdn.tradew.com/stylefile/20680/about-bg.jpg) center/cover no-repeat; display:flex; align-items:center; justify-content:start; } .layout-about-ywdir .mod-othercontent01 .mod-title h2{padding:5px 0 calc(0.5vw + 5px); } .layout-about-ywdir .mod-othercontent01 .title-right{display:flex; flex-wrap:wrap; margin:0 -5px; padding-top:calc(1vw + 10px); } .layout-about-ywdir .mod-othercontent01 .title-right a{margin:5px; border:1px solid var(--main); color:var(--main); background:none; } .layout-about-ywdir .mod-othercontent01 .title-right a:first-of-type{background:var(--main); color:#fff; } .layout-about-ywdir .mod-othercontent01 .title-right a:hover{background:var(--main); color:#fff; } .layout-about-ywdir .mod-othercontent01 .mod-content{width:50%; order:1; } @media(max-width:768px){ .layout-about-ywdir .mod-othercontent01 .mod-bg > div{width:100%; } } .layout-oemTwo-q5non .mod-othercontent01 .swiper-button-prev,.layout-oemTwo-q5non .mod-othercontent01 .swiper-button-next{color:#fff; width:calc(1vw + 25px); height:calc(1vw + 25px); margin:0; transform:translate(0,-50%); } .layout-oemTwo-q5non .mod-othercontent01 .swiper-button-prev:after,.layout-oemTwo-q5non .mod-othercontent01 .swiper-button-next:after{font-size:calc(0.3vw + 16px); line-height:calc(1vw + 25px); } .layout-oemTwo-q5non .mod-othercontent01 .swiper-button-prev:hover,.layout-oemTwo-q5non .mod-othercontent01 .swiper-button-next:hover{color:var(--main) !important; } .layout-oemTwo-q5non .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,.layout-oemTwo-q5non .mod-othercontent01 .swiper-button-next.swiper-button-disabled{opacity:1; color:#333; } @media(max-width:768px){ .layout-oemTwo-q5non .mod-othercontent01 .swiper-button-prev,.layout-oemTwo-q5non .mod-othercontent01 .swiper-button-next{display:none; } } .layout-oemTwo-q5non .mod-othercontent01-titlecenter-q5non .mod-title{padding-bottom:calc(1vw + 10px); text-align:center; max-width:1100px; margin:auto; } .layout-oemTwo-q5non .mod-othercontent01-titlecenter-q5non .title-right{padding-top:calc(0.5vw + 5px); } .layout-oemTwo-q5non .mod-othercontent01-titlecenter-q5non .title-right-span{display:block; } .layout-oemTwo-q5non .mod-othercontent01-titlecenter-q5non .mod-title h3{color:var(--main); font-weight:500; } .layout-oemTwo-q5non .mod-othercontent01-titlecenter-q5non .mod-title h2{font-size:calc(1.4vw + 18px); line-height:calc(1.5vw + 20px); color:#000; font-weight:600; } .layout-oemTwo-q5non .mod-othercontent01-titlecenter-q5non .mod-title strong{color:var(--main); } .layout-oemTwo-q5non .mod-othercontent01-titlecenter-q5non .mod-bottom{padding-top:calc(2vw + 10px); text-align:center; } .layout-oemTwo-q5non .mod-othercontent01-titlecenter-q5non .mod-bottom a{color:var(--main); padding:calc(0.25vw + 5px) calc(1vw + 20px); text-transform:uppercase; border:1px solid var(--main); } .layout-oemTwo-q5non .mod-othercontent01-titlecenter-q5non .mod-bottom a:hover{color:#fff; background:var(--main); } .layout-oemTwo-q5non{padding:calc(2% + 20px) 0; background:#f4f4f4; } .layout-oemTwo-q5non .layout-bg{width:1800px; } .layout-oemTwo-q5non .mod-othercontent01 .mod-content{padding:calc(0.5vw + 10px) 0; } .layout-oemTwo-q5non .mod-othercontent01 .content-bg{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; } .layout-oemTwo-q5non .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; } .layout-oemTwo-q5non .mod-othercontent01:nth-of-type(2n) .content-bg{flex-direction:row-reverse; } .layout-oemTwo-q5non .mod-othercontent01 .text{width:50%; padding:calc(3vw + 10px); box-sizing:border-box; } .layout-oemTwo-q5non .mod-othercontent01 .text h3{font-size:calc(0.6vw + 16px); font-weight:600; line-height:calc(0.75vw + 20px); padding-bottom:calc(0.25vw + 5px); } .layout-oemTwo-q5non .mod-othercontent01 .text dl{display:flex; flex-wrap:wrap; align-items:start; padding:calc(0.25vw + 5px) 0; } .layout-oemTwo-q5non .mod-othercontent01 .text dt{width:calc(1vw + 20px); font-size:calc(0.3vw + 16px); color:var(--main); } .layout-oemTwo-q5non .mod-othercontent01 .text dd{width:calc(100% - 1vw - 20px); } .layout-oemTwo-q5non .mod-othercontent01 .text dd h4{font-size:calc(0.5vw + 14px); font-weight:500; line-height:calc(0.5vw + 20px); } .layout-oemTwo-q5non .mod-othercontent01 .text a{color:var(--main); text-transform:uppercase; padding:calc(0.25vw + 5px) calc(1vw + 20px); border:1px solid var(--main); margin-top:calc(0.5vw + 5px); font-weight:500; } .layout-oemTwo-q5non .mod-othercontent01 .text a:hover{background:var(--main); color:#fff; } .layout-oemTwo-q5non .mod-othercontent01 .img{width:50%; } @media(max-width:768px){ .layout-oemTwo-q5non .mod-othercontent01 .text{width:100%; } .layout-oemTwo-q5non .mod-othercontent01 .img{width:100%; } } .layout-partFour-6fog2 .mod-othercontent01 .swiper-button-prev,.layout-partFour-6fog2 .mod-othercontent01 .swiper-button-next{color:#fff; width:calc(1vw + 30px); height:calc(1vw + 30px); margin:0; transform:translate(0,-50%); } .layout-partFour-6fog2 .mod-othercontent01 .swiper-button-prev:after,.layout-partFour-6fog2 .mod-othercontent01 .swiper-button-next:after{font-size:calc(0.4vw + 14px); line-height:calc(1vw + 30px); } .layout-partFour-6fog2 .mod-othercontent01 .swiper-button-prev:hover,.layout-partFour-6fog2 .mod-othercontent01 .swiper-button-next:hover{color:var(--deputy); } .layout-partFour-6fog2 .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,.layout-partFour-6fog2 .mod-othercontent01 .swiper-button-next.swiper-button-disabled{opacity:1; background:#eee; color:#666; } .layout-partFour-6fog2 .mod-othercontent01-title-6fog2 .mod-title{padding-bottom:calc(1vw + 10px); } .layout-partFour-6fog2 .mod-othercontent01-title-6fog2 .title-right{max-width:1300px; } .layout-partFour-6fog2 .mod-othercontent01-title-6fog2 .title-right-span{display:block; } .layout-partFour-6fog2 .mod-othercontent01-title-6fog2 .mod-title h2{font-size:calc(1.4vw + 12px); line-height:calc(1.5vw + 15px); color:#000; font-weight:700; padding:calc(0.25vw + 5px) 0; } .layout-partFour-6fog2 .mod-othercontent01-title-6fog2 .mod-title h2 span{color:var(--main); } .layout-partFour-6fog2 .mod-othercontent01-title-6fog2 .mod-title h3{color:var(--main); font-weight:700; text-transform:uppercase; } .layout-partFour-6fog2 .mod-othercontent01-title-6fog2 .mod-title 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(1vw + 10px); text-transform:uppercase; } .layout-partFour-6fog2 .mod-othercontent01-title-6fog2 .mod-title a:hover{color:var(--deputy); } .layout-partFour-6fog2{padding:calc(2% + 20px) 0; background:#f4f5f7; } .layout-partFour-6fog2 .mod-othercontent01 .content-bg{display:flex; align-items:stretch; flex-wrap:wrap; justify-content:space-between; } .layout-partFour-6fog2 .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; } .layout-partFour-6fog2 .mod-othercontent01 .text{width:calc(100%/2 - 2vw - 5px); margin:calc(1vw + 5px) 0; } .layout-partFour-6fog2 .mod-othercontent01 dl{padding:5px 0; display:flex; align-items:start; justify-content:space-between; } .layout-partFour-6fog2 .mod-othercontent01 dt{width:20px; font-size:calc(0.2vw + 13px); font-weight:700; color:var(--main); } .layout-partFour-6fog2 .mod-othercontent01 dd{width:calc(100% - 25px); } .layout-partFour-6fog2 .mod-othercontent01 dd h3{font-size:calc(0.2vw + 13px); font-weight:700; color:#000; } @media(max-width:768px){ .layout-partFour-6fog2 .mod-othercontent01 .text{width:100%; } } .layout-capaFour-ai9g5 + .layout-capaTwo{background:#fff; } .layout-capaFour-ai9g5{padding:calc(2% + 20px) 0; background:#f7f7f7; } .layout-capaFour-ai9g5 .mod-othercontent01 .mod-bg{padding:calc(1vw + 5px) 0; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; } .layout-capaFour-ai9g5 .mod-othercontent01:nth-of-type(2n) .mod-bg{flex-direction:row-reverse; } .layout-capaFour-ai9g5 .mod-othercontent01 .mod-title{padding:calc(1vw + 10px) 0; width:calc(50% - 2vw - 10px); } .layout-capaFour-ai9g5 .mod-othercontent01 .mod-title h3{font-size:calc(0.4vw + 16px); line-height:calc(0.5vw + 20px); font-weight:600; color:var(--deputy); padding-bottom:calc(0.25vw + 5px); } .layout-capaFour-ai9g5 .mod-othercontent01 .mod-content{width:50%; } .layout-capaFour-ai9g5 .mod-othercontent01 .content-bg{border-radius:calc(1vw + 5px); } @media(max-width:480px){ .layout-capaFour-ai9g5 .mod-othercontent01 .mod-bg> div{width:100%; } } .layout-capaFour-ai9g5 + .layout-capaTwo{background:#fff; } .layout-capaFour-ai9g5{padding:calc(2% + 20px) 0; background:#f7f7f7; } .layout-capaFour-ai9g5 .mod-othercontent01 .mod-bg{padding:calc(1vw + 5px) 0; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; } .layout-capaFour-ai9g5 .mod-othercontent01:nth-of-type(2n) .mod-bg{flex-direction:row-reverse; } .layout-capaFour-ai9g5 .mod-othercontent01 .mod-title{padding:calc(1vw + 10px) 0; width:calc(50% - 2vw - 10px); } .layout-capaFour-ai9g5 .mod-othercontent01 .mod-title h3{font-size:calc(0.4vw + 16px); line-height:calc(0.5vw + 20px); font-weight:600; color:var(--deputy); padding-bottom:calc(0.25vw + 5px); } .layout-capaFour-ai9g5 .mod-othercontent01 .mod-content{width:50%; } .layout-capaFour-ai9g5 .mod-othercontent01 .content-bg{border-radius:calc(1vw + 5px); } @media(max-width:480px){ .layout-capaFour-ai9g5 .mod-othercontent01 .mod-bg> div{width:100%; } } .layout-solu-p68wa .mod-othercontent01 .swiper-button-prev,.layout-solu-p68wa .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-p68wa .mod-othercontent01 .swiper-button-prev:after,.layout-solu-p68wa .mod-othercontent01 .swiper-button-next:after{font-size:calc(0.1vw + 14px); line-height:calc(0.5vw + 25px); } .layout-solu-p68wa .mod-othercontent01 .swiper-button-prev:hover,.layout-solu-p68wa .mod-othercontent01 .swiper-button-next:hover{background:var(--main); color:#fff; border-color:var(--main); } .layout-solu-p68wa .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,.layout-solu-p68wa .mod-othercontent01 .swiper-button-next.swiper-button-disabled{opacity:1; background:#eee; color:#666; } .layout-solu-p68wa .mod-othercontent01-titlespace-p68wa .mod-title{padding-bottom:calc(0.5vw + 10px); } .layout-solu-p68wa .mod-othercontent01-titlespace-p68wa .title-bg{display:flex; align-items:end; justify-content:space-between; flex-wrap:wrap; } .layout-solu-p68wa .mod-othercontent01-titlespace-p68wa .title-left{flex:auto; max-width:940px; } .layout-solu-p68wa .mod-othercontent01-titlespace-p68wa .title-right{padding-top:calc(0.25vw + 5px); } .layout-solu-p68wa .mod-othercontent01-titlespace-p68wa .title-right-span{display:block; } .layout-solu-p68wa .mod-othercontent01-titlespace-p68wa .mod-title h2{font-size:calc(1vw + 22px); line-height:calc(1vw + 25px); color:#000; font-weight:600; } .layout-solu-p68wa .mod-othercontent01-titlespace-p68wa .mod-title h2:after{content:""; width:80px; height:10px; background:url(https://icdn.tradew.com/stylefile/20663/title-bg.png) center no-repeat; display:block; margin:calc(0.25vw + 5px) 0; } .layout-solu-p68wa .mod-othercontent01-titlespace-p68wa .mod-title h3{font-size:calc(0.2vw + 14px); color:var(--main); font-weight:600; } .layout-solu-p68wa .mod-othercontent01-titlespace-p68wa .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; } .layout-solu-p68wa .mod-othercontent01-titlespace-p68wa .mod-title a:before{content:"➜"; padding-right:10px; color:var(--main); } .layout-solu-p68wa .mod-othercontent01-titlespace-p68wa .mod-title a:hover{background:var(--main); color:#fff; border-color:var(--main); } .layout-solu-p68wa .mod-othercontent01-titlespace-p68wa .mod-title a:hover:before{color:#fff; } .layout-solu-p68wa{padding:calc(2% + 20px) 0; } .layout-solu-p68wa .mod-othercontent01 .content-bg{display:flex; align-items:stretch; flex-wrap:wrap; justify-content:space-between; } .layout-solu-p68wa .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; } .layout-solu-p68wa .mod-othercontent01 .item{width:calc(100%/3 - 0.75vw - 5px); position:relative; margin:calc(0.5vw + 5px) 0; overflow:hidden; } .layout-solu-p68wa .mod-othercontent01 .item-max{width:calc(100%/2 - 0.5vw - 5px); } .layout-solu-p68wa .mod-othercontent01 .img *{display:block; } .layout-solu-p68wa .mod-othercontent01 .text{position:absolute; top:0; left:0; bottom:0; right:0; padding:calc(1.5vw + 10px); } .layout-solu-p68wa .mod-othercontent01 .text h3{font-size:calc(0.5vw + 16px); line-height:calc(0.5vw + 25px); font-weight:600; color:#000; } .layout-solu-p68wa .mod-othercontent01 .text 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(1vw + 5px); } .layout-solu-p68wa .mod-othercontent01 .text a:before{content:"➜"; padding-right:10px; color:var(--main); } .layout-solu-p68wa .mod-othercontent01 .text a:hover{background:var(--main); color:#fff; border-color:var(--main); } .layout-solu-p68wa .mod-othercontent01 .text a:hover:before{color:#fff; } .layout-solu-p68wa .mod-othercontent01 .item:first-of-type .text h3{color:var(--main); } .layout-solu-p68wa .mod-othercontent01 .item:first-of-type .text a{background:var(--main); color:#fff; border-color:var(--main); } .layout-solu-p68wa .mod-othercontent01 .item:first-of-type .text a:before{color:#fff; } .layout-solu-p68wa .mod-othercontent01 .item:hover .img img{transform:scale(1.05); } @media(max-width:768px){ .layout-solu-p68wa .mod-othercontent01 .item{width:calc(100%/2 - 0.5vw - 5px); } .layout-solu-p68wa .mod-othercontent01 .item-max{width:100%; } } @media(max-width:480px){ .layout-solu-p68wa .mod-othercontent01 .item{width:100%; } } .layout-cases-y9yf6 .mod-othercontent01-titlecenter-y9yf6 .mod-title{padding-bottom:calc(1vw + 10px); text-align:center; } .layout-cases-y9yf6 .mod-othercontent01-titlecenter-y9yf6 .title-right{padding-top:calc(0.25vw + 5px); max-width:1200px; margin:auto; } .layout-cases-y9yf6 .mod-othercontent01-titlecenter-y9yf6 .title-right-span{display:block; } .layout-cases-y9yf6 .mod-othercontent01-titlecenter-y9yf6 .mod-title h2{font-size:calc(1.4vw + 17px); line-height:calc(1.5vw + 25px); color:#000; font-weight:600; } .layout-cases-y9yf6 .mod-othercontent01-titlecenter-y9yf6 .mod-title h3{color:var(--main); font-weight:500; } .layout-cases-y9yf6 .mod-othercontent01-titlecenter-y9yf6 .title-left:after{content:""; width:80px; height:10px; background:url(https://icdn.tradew.com/stylefile/20666/title-bg.png) center no-repeat; display:block; margin:calc(0.25vw + 5px) auto; } .layout-cases-y9yf6{padding:calc(2% + 20px) 0; } .layout-cases-y9yf6 .mod-othercontent01 .content-bg{display:flex; align-items:stretch; flex-wrap:wrap; justify-content:space-between; overflow:visible; } .layout-cases-y9yf6 .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; } .layout-cases-y9yf6 .mod-othercontent01 .item{width:calc(100%/3); padding:calc(0.25vw + 5px); border-radius:calc(0.25vw + 5px); overflow:hidden; box-sizing:border-box; } .layout-cases-y9yf6 .mod-othercontent01 .img{border-radius:calc(0.25vw + 5px); overflow:hidden; } .layout-cases-y9yf6 .mod-othercontent01 .text{padding:calc(0.5vw + 10px); line-height:calc(0.5vw + 20px); } .layout-cases-y9yf6 .mod-othercontent01 .text h3{font-size:calc(0.4vw + 14px); line-height:calc(0.5vw + 25px); font-weight:600; padding-bottom:calc(0.25vw + 5px); } .layout-cases-y9yf6 .mod-othercontent01 .item:hover{box-shadow:0 0 calc(0.5vw + 10px) rgba(0,0,0,0.1); } .layout-cases-y9yf6 .mod-othercontent01 .item:hover .text h3{color:var(--main); } @media(max-width:768px){ .layout-cases-y9yf6 .mod-othercontent01 .item{width:calc(100%/2 - 0.5vw - 5px); } } @media(max-width:480px){ .layout-cases-y9yf6 .mod-othercontent01 .item{width:100%; } } .layout-designTwo-l1gv3 .mod-othercontent01 .swiper-button-prev,.layout-designTwo-l1gv3 .mod-othercontent01 .swiper-button-next{color:#fff; width:calc(1vw + 25px); height:calc(1vw + 25px); margin:0; transform:translate(0,-50%); } .layout-designTwo-l1gv3 .mod-othercontent01 .swiper-button-prev:after,.layout-designTwo-l1gv3 .mod-othercontent01 .swiper-button-next:after{font-size:calc(0.3vw + 16px); line-height:calc(1vw + 25px); } .layout-designTwo-l1gv3 .mod-othercontent01 .swiper-button-prev:hover,.layout-designTwo-l1gv3 .mod-othercontent01 .swiper-button-next:hover{color:var(--main) !important; } .layout-designTwo-l1gv3 .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,.layout-designTwo-l1gv3 .mod-othercontent01 .swiper-button-next.swiper-button-disabled{opacity:1; color:#333; } @media(max-width:768px){ .layout-designTwo-l1gv3 .mod-othercontent01 .swiper-button-prev,.layout-designTwo-l1gv3 .mod-othercontent01 .swiper-button-next{display:none; } } .layout-designTwo-l1gv3 .mod-othercontent01-titlecenter-l1gv3 .mod-title{padding-bottom:calc(1vw + 10px); text-align:center; max-width:1100px; margin:auto; } .layout-designTwo-l1gv3 .mod-othercontent01-titlecenter-l1gv3 .title-right{padding-top:calc(0.5vw + 5px); } .layout-designTwo-l1gv3 .mod-othercontent01-titlecenter-l1gv3 .title-right-span{display:block; } .layout-designTwo-l1gv3 .mod-othercontent01-titlecenter-l1gv3 .mod-title h3{color:var(--main); font-weight:500; } .layout-designTwo-l1gv3 .mod-othercontent01-titlecenter-l1gv3 .mod-title h2{font-size:calc(1.4vw + 18px); line-height:calc(1.5vw + 20px); color:#000; font-weight:600; } .layout-designTwo-l1gv3 .mod-othercontent01-titlecenter-l1gv3 .mod-title strong{color:var(--main); } .layout-designTwo-l1gv3 .mod-othercontent01-titlecenter-l1gv3 .mod-bottom{padding-top:calc(2vw + 10px); text-align:center; } .layout-designTwo-l1gv3 .mod-othercontent01-titlecenter-l1gv3 .mod-bottom a{color:var(--main); padding:calc(0.25vw + 5px) calc(1vw + 20px); text-transform:uppercase; border:1px solid var(--main); } .layout-designTwo-l1gv3 .mod-othercontent01-titlecenter-l1gv3 .mod-bottom a:hover{color:#fff; background:var(--main); } .layout-designTwo-l1gv3{padding:calc(2% + 20px) 0; background:#f4f4f4; } .layout-designTwo-l1gv3 .mod-othercontent01 .content-bg{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; } .layout-designTwo-l1gv3 .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; } .layout-designTwo-l1gv3 .mod-othercontent01:nth-of-type(2n) .content-bg{flex-direction:row-reverse; } .layout-designTwo-l1gv3 .mod-othercontent01 .img{width:calc(50% - 1vw - 5px); position:relative; } .layout-designTwo-l1gv3 .mod-othercontent01 .img dl{position:absolute; left:10px; bottom:10px; right:10px; padding:calc(0.5vw + 10px); background:#333; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:start; } .layout-designTwo-l1gv3 .mod-othercontent01 .img dt{width:calc(3vw + 70px); font-weight:600; color:var(--main); font=size:calc(0.3vw + 14px); line-height:calc(0.5vw + 20px); } .layout-designTwo-l1gv3 .mod-othercontent01 .img dd{width:calc(100% - 4vw - 80px); color:#fff; } .layout-designTwo-l1gv3 .mod-othercontent01 .text{width:calc(50% - 3vw - 10px); } .layout-designTwo-l1gv3 .mod-othercontent01 .text h3{font-size:calc(0.7vw + 16px); line-height:calc(1vw + 20px); font-weight:600; position:relative; z-index:2; padding-bottom:calc(0.5vw + 5px); } .layout-designTwo-l1gv3 .mod-othercontent01 .text h3:after{content:""; width:30px; height:4px; background:var(--main); display:block; margin:calc(0.5vw + 5px) 0; } .layout-designTwo-l1gv3 .mod-othercontent01 .text h3 span{position:absolute; bottom:0; left:0; font-size:calc(4vw + 80px); line-height:calc(6vw + 40px); z-index:-1; color:#fff; text-transform:uppercase; font-weight:700; } .layout-designTwo-l1gv3 .mod-othercontent01 .text h4{font-size:calc(0.5vw + 14px); font-weight:600; line-height:calc(0.5vw + 20px); padding:5px 0; } .layout-designTwo-l1gv3 .mod-othercontent01 .text * + h4{padding:calc(1vw + 5px) 0 5px; } @media(max-width:768px){ .layout-designTwo-l1gv3 .mod-othercontent01 .img{width:100%; } .layout-designTwo-l1gv3 .mod-othercontent01 .text{width:100%; } } .layout-serve-veoz7 .mod-othercontent01 .swiper-button-prev,.layout-serve-veoz7 .mod-othercontent01 .swiper-button-next{color:#fff; width:calc(1vw + 30px); height:calc(1vw + 30px); margin:0; transform:translate(0,-50%); } .layout-serve-veoz7 .mod-othercontent01 .swiper-button-prev:after,.layout-serve-veoz7 .mod-othercontent01 .swiper-button-next:after{font-size:calc(0.4vw + 16px); line-height:calc(1vw + 30px); } .layout-serve-veoz7 .mod-othercontent01 .swiper-button-prev:hover,.layout-serve-veoz7 .mod-othercontent01 .swiper-button-next:hover{background:var(--main); } .layout-serve-veoz7 .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,.layout-serve-veoz7 .mod-othercontent01 .swiper-button-next.swiper-button-disabled{opacity:1; background:#eee; color:#999; } .layout-serve-veoz7 .mod-othercontent01-titlecenter-veoz7 .mod-title{padding-bottom:calc(1vw + 10px); text-align:center; } .layout-serve-veoz7 .mod-othercontent01-titlecenter-veoz7 .title-right{max-width:1100px; margin:auto; padding-top:calc(0.5vw + 5px); } .layout-serve-veoz7 .mod-othercontent01-titlecenter-veoz7 .title-right-span{display:block; } .layout-serve-veoz7 .mod-othercontent01-titlecenter-veoz7 .mod-title h3{font-size:calc(0.3vw + 14px); line-height:calc(0.5vw + 20px); color:var(--main); font-weight:600; } .layout-serve-veoz7 .mod-othercontent01-titlecenter-veoz7 .mod-title h2{font-size:calc(1.2vw + 18px); line-height:calc(1.5vw + 20px); color:#000; font-weight:700; } .layout-serve-veoz7 .mod-othercontent01-titlecenter-veoz7 .mod-bottom{padding-top:calc(1vw + 10px); text-align:center; } .layout-serve-veoz7 .mod-othercontent01-titlecenter-veoz7 .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-veoz7 .mod-othercontent01-titlecenter-veoz7 .mod-bottom a:after{content:""; width:35px; height:35px; background:url(https://icdn.tradew.com/stylefile/20682/link.png); border-radius:calc(0.25vw + 5px); overflow:hidden; flex:0 0 35px; margin-left:calc(0.5vw + 5px); } .layout-serve-veoz7 .mod-othercontent01-titlecenter-veoz7 .mod-bottom a:hover{border-color:var(--deputy); } .layout-serve-veoz7 .mod-othercontent01-titlecenter-veoz7 .mod-bottom a:hover:after{filter:hue-rotate(180deg); } .layout-serve-veoz7{padding:calc(3% + 30px) 0; } .layout-serve-veoz7 .mod-othercontent01 .content-bg{display:flex; align-items:stretch; flex-wrap:wrap; } .layout-serve-veoz7 .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; } .layout-serve-veoz7 .mod-othercontent01 .item{width:calc(100%/4 - 0.5vw - 10px); margin:calc(0.25vw + 5px); } .layout-serve-veoz7 .mod-othercontent01 .img{border-radius:calc(0.25vw + 5px); overflow:hidden; } .layout-serve-veoz7 .mod-othercontent01 .text{padding:calc(0.5vw + 10px); } .layout-serve-veoz7 .mod-othercontent01 .text h3{font-size:calc(0.3vw + 14px); line-height:calc(0.5vw + 20px); font-weight:600; color:#000; } .layout-serve-veoz7 .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-veoz7 .mod-othercontent01 .item:hover .img img{transform:scale(1.05); } @media(max-width:768px){ .layout-serve-veoz7 .mod-othercontent01 .item{width:calc(100%/2 - 0.5vw - 10px); } } @media(max-width:480px){ .layout-serve-veoz7 .mod-othercontent01 .item{width:calc(100% - 0.5vw - 10px); } } .layout-serFour-n0595 .mod-othercontent01 .swiper-button-prev,.layout-serFour-n0595 .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-serFour-n0595 .mod-othercontent01 .swiper-button-prev:after,.layout-serFour-n0595 .mod-othercontent01 .swiper-button-next:after{font-size:calc(0.2vw + 14px); line-height:calc(1vw + 25px); } .layout-serFour-n0595 .mod-othercontent01 .swiper-button-prev:hover,.layout-serFour-n0595 .mod-othercontent01 .swiper-button-next:hover{background:var(--main); color:#fff; } .layout-serFour-n0595 .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,.layout-serFour-n0595 .mod-othercontent01 .swiper-button-next.swiper-button-disabled{opacity:1; background:#eee; color:#666; } .layout-serFour-n0595 .mod-othercontent01-titlecenter-n0595 .mod-title{padding-bottom:calc(0.5vw + 10px); text-align:center; max-width:1200px; margin:auto; } .layout-serFour-n0595 .mod-othercontent01-titlecenter-n0595 .title-right{padding-top:calc(0.5vw + 5px); } .layout-serFour-n0595 .mod-othercontent01-titlecenter-n0595 .title-right-span{display:block; } .layout-serFour-n0595 .mod-othercontent01-titlecenter-n0595 .mod-title h3{color:transparent; background:var(--text); -webkit-background-clip:text !important; display:inline-block; padding-bottom:5px; } .layout-serFour-n0595 .mod-othercontent01-titlecenter-n0595 .mod-title h2{font-size:calc(1vw + 20px); line-height:calc(1vw + 25px); color:#000; font-weight:500; } .layout-serFour-n0595 .mod-othercontent01-titlecenter-n0595 .title-left:before{content:""; width:50px; height:20px; background:url(https://icdn.tradew.com/stylefile/20664/title-bg.png) center no-repeat; display:block; margin:auto; } .layout-serFour-n0595 .mod-othercontent01-titlecenter-n0595 .mod-title a{border:1px solid #333; padding:calc(0.25vw + 5px) calc(1vw + 20px); margin-top:calc(2vw + 10px); } .layout-serFour-n0595 .mod-othercontent01-titlecenter-n0595 .mod-title a:hover{background:var(--main); color:#fff; border-color:var(--main); } .layout-serFour-n0595 + .layout-quote .mod-othercontent01 .title-left:before{display:none; } .layout-serFour-n0595{padding:calc(2% + 20px) 0; background:#f3f3f3; } .layout-serFour-n0595 .mod-othercontent01 .content-bg{display:flex; align-items:stretch; flex-wrap:wrap; } .layout-serFour-n0595 .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; } .layout-serFour-n0595 .mod-othercontent01 .text{width:calc(100%/4); padding:calc(1vw + 10px); box-sizing:border-box; border-radius:calc(0.25vw + 5px); } .layout-serFour-n0595 .mod-othercontent01 .text span{width:calc(1vw + 45px); display:block; } .layout-serFour-n0595 .mod-othercontent01 .text h3{font-size:calc(0.4vw + 14px); line-height:calc(0.5vw + 20px); font-weight:600; padding:calc(0.5vw + 5px) 0; } .layout-serFour-n0595 .mod-othercontent01 .text p + p{padding-top:calc(1vw + 5px); } .layout-serFour-n0595 .mod-othercontent01 .text:hover{background:#fff; } .layout-serFour-n0595 .mod-othercontent01:not(.mod-othercontent01-titlecenter) .mod-content{padding-top:calc(1vw + 10px); } .layout-serFour-n0595 .mod-othercontent01:not(.mod-othercontent01-titlecenter) .content-bg{background:#fff; border-radius:5px; } .layout-serFour-n0595 .mod-othercontent01 .desc{width:50%; padding:calc(2vw + 10px); box-sizing:border-box; } .layout-serFour-n0595 .mod-othercontent01 .desc h3{font-size:calc(0.4vw + 14px); line-height:calc(0.5vw + 20px); font-weight:600; padding-bottom:calc(0.5vw + 5px); } .layout-serFour-n0595 .mod-othercontent01 .desc table{width:100%; border-collapse:collapse; } .layout-serFour-n0595 .mod-othercontent01 .desc tr{border-bottom:1px solid #ddd; } .layout-serFour-n0595 .mod-othercontent01 .desc td{padding:calc(0.25vw + 5px) calc(0.5vw + 10px); } .layout-serFour-n0595 .mod-othercontent01 .desc td + td{color:#000; font-weight:500; } .layout-serFour-n0595 .mod-othercontent01 .desc tr:hover{background:var(--main); } .layout-serFour-n0595 .mod-othercontent01 .img{width:50%; } @media(max-width:768px){ .layout-serFour-n0595 .mod-othercontent01 .text{width:calc(100%/2); } .layout-serFour-n0595 .mod-othercontent01 .desc{width:100%; } .layout-serFour-n0595 .mod-othercontent01 .img{width:100%; } } @media(max-width:480px){ .layout-serFour-n0595 .mod-othercontent01 .text{width:100%; } } .layout-applySev-fve8b .mod-othercontent01 .swiper-button-prev,.layout-applySev-fve8b .mod-othercontent01 .swiper-button-next{width:calc(0.5vw + 30px); height:calc(0.5vw + 30px); margin:0; transform:none; border:1px solid #ccc; color:#ccc; border-radius:50%; background:#fff; } .layout-applySev-fve8b .mod-othercontent01 .swiper-button-prev:after,.layout-applySev-fve8b .mod-othercontent01 .swiper-button-next:after{font-size:calc(0.3vw + 14px); line-height:calc(0.5vw + 30px); } .layout-applySev-fve8b .mod-othercontent01 .swiper-button-prev:hover,.layout-applySev-fve8b .mod-othercontent01 .swiper-button-next:hover{background:var(--main); color:#fff; border-color:var(--main); } .layout-applySev-fve8b .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,.layout-applySev-fve8b .mod-othercontent01 .swiper-button-next.swiper-button-disabled{opacity:1; background:#eee; color:#666; } .layout-applySev-fve8b{padding:calc(4% + 40px) 0; background:url(https://icdn.tradew.com/file/201709/1572411/jpg/8237833.jpg?x-oss-process=image/quality,Q_90) center/cover no-repeat; } .layout-applySev-fve8b .mod-othercontent01 .content-bg{max-width:980px; margin:auto; text-align:center; color:#fff; } .layout-applySev-fve8b .mod-othercontent01 .content-bg h2{font-size:calc(0.8vw + 16px); line-height:calc(1vw + 25px); font-weight:500; } .layout-applySev-fve8b .mod-othercontent01 .mod-bottom{padding-top:calc(1vw + 10px); text-align:center; } .layout-applySev-fve8b .mod-othercontent01 .mod-bottom a{padding:calc(0.5vw + 5px) calc(2vw + 10px); background:#fff; border-radius:calc(0.25vw + 5px); color:#e46713; } .layout-applySev-fve8b .mod-othercontent01 .mod-bottom a:hover{background:var(--main); color:#fff; } .layout-custNine-ut1tu .mod-othercontent01 .swiper-button-prev,.layout-custNine-ut1tu .mod-othercontent01 .swiper-button-next{color:#fff; width:calc(1vw + 30px); height:calc(1vw + 30px); margin:0; transform:translate(0,-50%); } .layout-custNine-ut1tu .mod-othercontent01 .swiper-button-prev:after,.layout-custNine-ut1tu .mod-othercontent01 .swiper-button-next:after{font-size:calc(0.2vw + 14px); line-height:calc(1vw + 25px); } .layout-custNine-ut1tu .mod-othercontent01 .swiper-button-prev:hover,.layout-custNine-ut1tu .mod-othercontent01 .swiper-button-next:hover{color:var(--main); } .layout-custNine-ut1tu .mod-othercontent01 .swiper-button-prev.swiper-button-disabled,.layout-custNine-ut1tu .mod-othercontent01 .swiper-button-next.swiper-button-disabled{opacity:1; background:#eee; color:#666; } .layout-custNine-ut1tu .mod-othercontent01 .cust-desc dl{display:flex; align-items:center; justify-content:center; justify-content:space-between; padding:calc(0.5vw + 10px) 0; } .layout-custNine-ut1tu .mod-othercontent01 .cust-desc dt{width:calc(1vw + 45px); background:#eee8e3; border-radius:calc(0.25vw + 5px); } .layout-custNine-ut1tu .mod-othercontent01 .cust-desc dd{width:calc(100% - 1.5vw - 50px); font-size:calc(0.6vw + 16px); line-height:calc(0.75vw + 20px); color:var(--main); font-weight:600; } .layout-custNine-ut1tu .mod-othercontent01-titlecenter-ut1tu .mod-title{padding-bottom:calc(1vw + 10px); text-align:center; } .layout-custNine-ut1tu .mod-othercontent01-titlecenter-ut1tu .title-left:after{content:""; width:35px; height:5px; background:var(--main); border-radius:10vw; display:block; margin:calc(0.25vw + 5px) auto; } .layout-custNine-ut1tu .mod-othercontent01-titlecenter-ut1tu .title-right{max-width:1200px; margin:auto; } .layout-custNine-ut1tu .mod-othercontent01-titlecenter-ut1tu .title-right-span{display:block; } .layout-custNine-ut1tu .mod-othercontent01-titlecenter-ut1tu .mod-title h3{font-size:calc(0.2vw + 14px); font-weight:600; } .layout-custNine-ut1tu .mod-othercontent01-titlecenter-ut1tu .mod-title h2{font-size:calc(1.2vw + 20px); line-height:calc(1.25vw + 25px); color:var(--main); font-weight:600; } .layout-custNine-ut1tu .mod-othercontent01-titlecenter-ut1tu .mod-bottom{text-align:center; } .layout-custNine-ut1tu .mod-othercontent01-titlecenter-ut1tu .mod-bottom a{font-weight:500; color:#fff; background:var(--main); padding:calc(0.25vw + 5px) calc(1vw + 10px); border-radius:5px; margin-top:calc(2vw + 10px); text-transform:uppercase; } .layout-custNine-ut1tu .mod-othercontent01-titlecenter-ut1tu .mod-bottom a:hover{background:var(--main); color:#fff; } .layout-custNine-ut1tu{padding:calc(2% + 20px) 0; background:#f7f5f3; } .layout-custNine-ut1tu .mod-othercontent01 .content-bg{display:flex; align-items:stretch; flex-wrap:wrap; } .layout-custNine-ut1tu .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; } .layout-custNine-ut1tu .mod-othercontent01 .text{width:calc(100%/4 - 2vw - 10px); margin:calc(2vw + 35px) calc(1vw + 5px) calc(1vw + 5px); text-align:center; border:1px solid #aaa; box-sizing:border-box; border-radius:calc(0.25vw + 5px); padding:0 calc(1vw + 10px) calc(2vw + 10px); position:relative; } .layout-custNine-ut1tu .mod-othercontent01 .text:after{content:""; width:0; height:0; border:calc(0.5vw + 5px) solid transparent; border-left-color:var(--main); position:absolute; top:50%; left:100%; transform:translate(75%,-50%); } .layout-custNine-ut1tu .mod-othercontent01 .text span{width:calc(1vw + 50px); display:block; background:#f7f5f3; border-radius:calc(0.25vw + 5px); margin:calc(-0.5vw - 25px) auto calc(0.5vw + 5px); } .layout-custNine-ut1tu .mod-othercontent01 .text span img{transition:none; } .layout-custNine-ut1tu .mod-othercontent01 .text h4{font-weight:500; color:var(--main); } .layout-custNine-ut1tu .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 calc(0.5vw + 5px); } .layout-custNine-ut1tu .mod-othercontent01 .text:hover{border-color:#fff; background:#fff; } .layout-custNine-ut1tu .mod-othercontent01 .text:hover span{background:var(--main); } .layout-custNine-ut1tu .mod-othercontent01 .text:hover span img{filter:brightness(40) grayscale(1) contrast(3); } .layout-custNine-ut1tu .mod-othercontent01 .text:last-of-type:after{display:none; } @media(min-width:769px){ .layout-custNine-ut1tu .mod-othercontent01 .text:nth-of-type(4n):after{display:none; } } @media(max-width:768px){ .layout-custNine-ut1tu .mod-othercontent01 .text{width:calc(100%/2 - 2vw - 10px); } .layout-custNine-ut1tu .mod-othercontent01 .text:nth-of-type(2n):after{display:none; } } @media(max-width:480px){ .layout-custNine-ut1tu .mod-othercontent01 .text{width:calc(100% - 2vw - 10px); } .layout-custNine-ut1tu .mod-othercontent01 .text:after{display:none; } } .layout-facTwo-oown1 .mod-othercontent01-titlecenter-oown1 .mod-title{padding-bottom:calc(1vw + 10px); text-align:center; } .layout-facTwo-oown1 .mod-othercontent01-titlecenter-oown1 .title-left:after{content:""; width:35px; height:5px; background:var(--main); border-radius:10vw; display:block; margin:calc(0.25vw + 5px) auto; } .layout-facTwo-oown1 .mod-othercontent01-titlecenter-oown1 .title-right{max-width:1200px; margin:auto; } .layout-facTwo-oown1 .mod-othercontent01-titlecenter-oown1 .title-right-span{display:block; } .layout-facTwo-oown1 .mod-othercontent01-titlecenter-oown1 .mod-title h3{font-size:calc(0.2vw + 14px); font-weight:600; } .layout-facTwo-oown1 .mod-othercontent01-titlecenter-oown1 .mod-title h2{font-size:calc(1.2vw + 20px); line-height:calc(1.25vw + 25px); color:var(--main); font-weight:600; } .layout-facTwo-oown1 .mod-othercontent01-titlecenter-oown1 .mod-bottom{text-align:center; } .layout-facTwo-oown1 .mod-othercontent01-titlecenter-oown1 .mod-bottom a{font-weight:500; color:#fff; background:var(--main); padding:calc(0.25vw + 5px) calc(1vw + 10px); border-radius:calc(0.25vw + 5px); margin-top:calc(2vw + 10px); text-transform:uppercase; } .layout-facTwo-oown1 .mod-othercontent01-titlecenter-oown1 .mod-bottom a:hover{background:var(--main); color:#fff; } .layout-facTwo-oown1{padding:calc(2% + 20px) 0; } .layout-facTwo-oown1 .mod-othercontent01 .content-bg{display:flex; align-items:stretch; flex-wrap:wrap; } .layout-facTwo-oown1 .mod-othercontent01 .content-bg *{transition:All 0.3s ease-in-out; } .layout-facTwo-oown1 .mod-othercontent01 .item{width:calc(100%/3 - 0.5vw - 10px); margin:calc(0.25vw + 5px); } .layout-facTwo-oown1 .mod-othercontent01 .img{border-radius:calc(0.25vw + 5px); overflow:hidden; } .layout-facTwo-oown1 .mod-othercontent01 .item h3{font-size:calc(0.3vw + 16px); line-height:calc(0.5vw + 20px); padding:5px 0; font-weight:600; } @media(max-width:768px){ .layout-facTwo-oown1 .mod-othercontent01 .item{width:calc(100%/2 - 0.5vw - 10px); } } @media(max-width:480px){ .layout-facTwo-oown1 .mod-othercontent01 .item{width:calc(100% - 0.5vw - 10px); } }.mod-news01 .mod-title{text-align:center; padding-bottom:calc(0.5vw + 10px);} .mod-news01 .title-bg{display:flex; align-items:flex-end;} .mod-news01 .title-left{float:none; flex:auto;} .mod-news01 .title-right{float:none;} .mod-news01 .title-right a{display:flex; align-items:center; margin:calc(0.5vw - 2px) 0;} .mod-news01 .title-right a:after{content:"➜"; line-height:calc(0.5vw + 25px); width:calc(0.5vw + 25px); border:2px solid var(--main); margin-left:calc(1vw + 5px); border-radius:50%;} .mod-news01 .title-right a:hover{color:var(--main);} .mod-news01 .title-right a:hover:after{background:var(--main); color:#fff;} .mod-news01 .title-right-span{display:block;} .mod-news01 .mod-title h2{font-size: calc(1.5vw + 18px); line-height: calc(1.5vw + 25px); font-weight:700; color:#000;} .mod-news01 .mod-title h3{color:var(--main); font-weight:600; padding:5px 20px; text-transform:uppercase; display:inline-block; background:url(https://icdn.tradew.com/stylefile/20334/title-bg.png) left center no-repeat;} .layout-news{padding:calc(2% + 20px) 0;} .layout-news .mod-news01 .content-bg{overflow:visible;} .layout-news .mod-news01 .news-tabs{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:stretch;} .layout-news .mod-news01 .news-tabs *{transition:All 0.3s ease-in-out;} .layout-news .mod-news01 .news-tab{width:calc(100%/3 - 0.5vw - 5px); margin:calc(0.5vw + 5px) 0; box-shadow:2px 2px 5px rgba(0,0,0,0.07);} .layout-news .mod-news01 .news-img a{display:block;} .layout-news .mod-news01 .news-img{overflow:hidden;} .layout-news .mod-news01 .news-img img{height:auto;} .layout-news .mod-news01 .news-content{display:flex; flex-direction:column; align-items:start; padding:calc(0.5vw + 10px); position:relative;} .layout-news .mod-news01 .news-content > *{order:2;} .layout-news .mod-news01 .news-time{order:1; font-size:calc(0.1vw + 12px); line-height:calc(0.15vw + 15px); color:#fff; display:inline-flex; align-items:center; background:var(--main); position:absolute; bottom:100%; left:0; padding:5px calc(0.5vw + 10px); white-space:nowrap;} .layout-news .mod-news01 .news-time:before{content:"\f017"; font:14px/1 FontAwesome; flex:0 0 15px;} .layout-news .mod-news01 .news-tab-link{font-size:calc(0.3vw + 14px); line-height:calc(0.5vw + 20px); color:#000; padding-bottom:5px; font-weight:500; display:block;} .layout-news .mod-news01 .news-more{color:#333; border:1px solid #ccc; border-radius:calc(0.25vw + 5px); padding:5px calc(1vw + 20px); margin-top:calc(2vw + 10px);} .layout-news .mod-news01 .news-tab:hover{box-shadow:5px 5px 15px rgba(0,0,0,0.15);} .layout-news .mod-news01 .news-tab:hover .news-tab-link{color:var(--main);} @media(max-width:768px){ .layout-news .mod-news01 .news-tab{width:calc(100%/2 - 0.5vw - 5px);} } @media(max-width:480px){ .mod-news01 .title-left{text-align:initial;} .layout-news .mod-news01 .news-tab{width:100%;} }.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{font-size:calc(0.2vw + 12px); line-height:calc(0.25vw + 20px); 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-left:4px solid transparent; border-right:4px solid transparent; border-bottom:4px solid var(--main); position:absolute; left:50%; margin-left:-2px; bottom:0px; display:none;} .mod-customlist01 .card-title-tab.on{border-bottom-color:var(--main); color:var(--main);} .mod-customlist01 .card-title-tab.on:after{display:block;} .mod-customlist01 .card-html-tab{display:none;} .mod-customlist01 .card-html-tab.on{display:block;} .mod-customlist01 .custom-list{display:flex; flex-wrap:wrap; align-items:start; justify-content:space-between;} .mod-customlist01 .custom-item{padding-bottom:calc(0.25vw + 5px); width:calc(50% - 2vw - 10px);} .mod-customlist01 .custom-item:nth-of-type(5){width:100%;} .mod-customlist01 .custom-html-title{font-size:calc(0.2vw + 14px); line-height:calc(0.25vw + 20px); color:#333; font-weight:600; padding-bottom: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:1px solid #ccc; padding:calc(0.25vw + 5px); background:#fff; 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:1px solid #ccc; border-radius:5px;} .mod-customlist01 .item-select select{width:100%; font-size:14px; line-height:25px; border:1px solid #ccc; padding:calc(0.25vw + 5px); background:#fff; 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{font-size:calc(0.1vw + 12px); line-height:calc(0.25vw + 15px); color:#333; display:flex; align-items:center; padding:5px; min-width:calc(20% - 10px);} .mod-customlist01 .custom-radio span{padding:0 5px; flex:1 1 0;} .mod-customlist01 .custom-radio img{width:30px; height:30px;} .mod-customlist01 .custom-radio input:checked{color:var(--main);} .mod-customlist01 .item-checkbox{display:flex; align-items:flex-start; flex-wrap:wrap;} .mod-customlist01 .custom-checkbox{font-size:calc(0.1vw + 12px); line-height:calc(0.25vw + 15px); color:#333; display:flex; align-items:center; padding:5px; min-width:calc(20% - 10px);} .mod-customlist01 .custom-checkbox span{padding:0 5px; flex:1 1 0;} .mod-customlist01 .custom-checkbox img{width:calc(2.5vw + 50px); height:calc(2.5vw + 50px); border-radius:5px; border:1px solid #ccc;} .mod-customlist01 .custom-checkbox input:checked + img{border-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{font-size:calc(0.2vw + 12px); line-height:calc(0.25vw + 20px); color:#333; display:flex; align-items:center;} .mod-customlist01 .custom-definition span{padding:0 5px; flex:1 1 0;} .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:var(--main); margin:3px 0px;} .mod-customlist01 .custom-conact{display:flex; flex-wrap:wrap; justify-content:space-between; width:100%;} .mod-customlist01 .custom-conact dl{padding:calc(0.25vw + 5px) 0; width:calc(100%/2 - 2vw - 10px);} .mod-customlist01 .custom-conact dt{font-size:calc(0.2vw + 12px); line-height:calc(0.25vw + 20px); color:#333; font-weight:600; padding-bottom:calc(0.25vw + 5px);} .mod-customlist01 .custom-conact input{width:100%; font-size:14px; line-height:25px; border:1px solid #ccc; padding:calc(0.25vw + 5px); background:#fff; box-sizing:border-box; border-radius:5px;} .mod-customlist01 .custom-btn{padding:15px calc(1vw + 10px); display:flex; justify-content:center;} .mod-customlist01 .custom-btn button{font-size:14px; color:#fff; line-height:25px; text-transform:capitalize; padding:calc(0.25vw + 5px) calc(4vw + 40px); border-radius:5px; background:var(--main); cursor:pointer; display:block;} .layout-quote .mod-customlist01 .mod-bg{padding:calc(1.5vw + 10px); background:#fff; border-radius:calc(0.5vw + 5px); margin:calc(2vw + 20px) auto; max-widtH:1200px; box-sizing:border-box;} .layout-quote .mod-customlist01 .mod-title{border-bottom:2px solid #ccc;} .layout-quote .mod-customlist01 .title-left{float:none; font-size:calc(0.5vw + 14px); line-height:calc(0.5vw + 20px); color:var(--main); font-weight:600;} .layout-quote .mod-customlist01 .title-right{float:none; padding:calc(0.25vw + 5px) 0;} .layout-quote .mod-customlist01 .title-right-span span{color:var(--main);} @media(max-width:768px){ .mod-customlist01 .custom-item{width:100%;} .mod-customlist01 .custom-conact dl{width:100%;} } .layout-soluFive{padding:calc(2% + 20px) 0; background:url(https://icdn.tradew.com/file/201709/1572411/jpg/8115041.jpg?x-oss-process=image/quality,Q_90) center/cover no-repeat;} .page-box-commpage15 .layout-soluFive{background-image:url(https://icdn.tradew.com/file/201709/1572411/jpg/8115041.jpg);} .page-box-commpage12 .layout-soluFive{background-image:url(https://icdn.tradew.com/stylefile/20334/soluFive-bg.jpg);} .page-box-commpage16 .layout-soluFive{background-image:url(https://icdn.tradew.com/file/201709/1572411/jpg/8127620.jpg);} .page-box-commpage17 .layout-soluFive{background-image:url(https://icdn.tradew.com/file/201709/1572411/jpg/8126832.jpg);} .page-box-commpage18 .layout-soluFive{background-image:url(https://icdn.tradew.com/stylefile/20334/soluFive-bg.jpg);} .page-box-commpage19 .layout-soluFive{background-image:url(https://icdn.tradew.com/stylefile/20334/soluFive-bg.jpg);} .layout-soluFive .mod-customlist01 .mod-bg{display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap;} .layout-soluFive .mod-customlist01 .mod-title{width:calc(42.5% - 2vw - 10px);} .layout-soluFive .mod-customlist01 .title-right{color:#fff; padding-top:calc(0.25vw + 5px);} .layout-soluFive .mod-customlist01 .title-right-span{display:block;} .layout-soluFive .mod-customlist01 .mod-title h2{font-size: calc(1.5vw + 18px); line-height: calc(1.5vw + 25px); font-weight:700; color:#fff;} .layout-soluFive .mod-customlist01 .mod-title h3{color:#fff; font-weight:600; padding:5px 20px; text-transform:uppercase; display:inline-block; background:url(https://icdn.tradew.com/stylefile/20334/title-bg.png) left center no-repeat; filter:grayscale(1) brightness(10);} .layout-soluFive .mod-customlist01 .mod-content{width:57.5%; padding:calc(1vw + 10px); border-radius:calc(0.5vw + 5px); background:#fff; box-sizing:border-box;} @media(max-width:768px){ .layout-soluFive .mod-customlist01 .mod-title{width:100%;} .layout-soluFive .mod-customlist01 .mod-content{width:100%;} } .layout-designNine{padding:calc(2% + 20px) 0; background:url(https://icdn.tradew.com/stylefile/20334/designNine-bg.jpg) top center no-repeat;} .layout-designNine .mod-customlist01 .mod-bg{display:flex; align-items:start; justify-content:space-between; flex-wrap:wrap;} .layout-designNine .mod-customlist01 .mod-title{width:calc(42.5% - 2vw - 10px); padding:calc(10vw + 10px) 0;} .layout-designNine .mod-customlist01 .mod-title h2{font-size: calc(1.5vw + 18px); line-height: calc(1.5vw + 25px); font-weight:700; color:#fff; text-transform:uppercase;} .layout-designNine .mod-customlist01 .mod-content{width:57.5%; padding:calc(1.5vw + 10px); border-radius:calc(0.5vw + 5px); background:#fff; box-sizing:border-box; box-shadow:0 0 calc(1vw + 10px) rgba(0,0,0,0.1);} .layout-designNine .mod-customlist01 .item-input input{background:#eee; border:none; border-radius:0;} .layout-designNine .mod-customlist01 .item-select select{background:#eee; border:none; border-radius:0;} .layout-designNine .mod-customlist01 .item-textarea textarea{background:#eee; border:none; border-radius:0;} .layout-designNine .mod-customlist01 .custom-item{width:100%;} .layout-designNine .mod-customlist01 .custom-conact dl{width:100%;} .layout-designNine .mod-customlist01 .custom-conact input{background:#eee; border:none; border-radius:0;} .layout-designNine .mod-customlist01 .custom-btn{padding:0;} .layout-designNine .mod-customlist01 .custom-btn button{width:100%; box-sizing:border-box; text-align:center;} @media(max-width:768px){ .layout-designNine .mod-customlist01 .mod-title{width:100%;} .layout-designNine .mod-customlist01 .mod-content{width:100%;} }.mod-share01{overflow:hidden; padding-top:calc(1vw + 5px);} .mod-share01 .title-left{float:none; font-size:calc(0.2vw + 14px); line-height:calc(0.25vw + 20px); font-weight:600; color:#fff; text-transform:uppercase;} .mod-share01 .content-bg{display:flex; padding:0 5px;} .mod-share01 a{text-align:center; display:block; width:35px; overflow:hidden; font:24px/1 FontAwesome; color:#ddd;} .mod-share01 a:before{line-height:40px; display:block;} .mod-share01 .fackbook:before{content:"\f09a";} .mod-share01 .linkedin:before{content:"\f0e1";} .mod-share01 .twitter:before{content:"\f099";} .mod-share01 .google:before{content:"\f0d5";} .mod-share01 .youtube:before{content:"\f167";} .mod-share01 .instagram:before{content:"\f16d";} .mod-share01 .tiktok:before{content:"\f260";} .layout-pagecontact .mod-share01 a{color:#000;} .mod-footerhtml01 .content-bg{display:flex; flex-wrap:wrap; justify-content:space-between;} .mod-footerhtml01 .item{max-width:calc(100%/3 - 1vw - 10px);} .mod-footerhtml01 .item h3{font-size:calc(0.2vw + 16px); line-height:calc(0.25vw + 20px); color:#fff; font-weight:600; text-transform:capitalize; padding-bottom:calc(0.5vw + 5px);} .mod-footerhtml01 .item li a{color:#eee; padding:5px 0; font-weight:300; font-size:calc(0.2vw + 14px); line-height:calc(0.25vw + 20px);} .mod-footerhtml01 .item li a:hover{color:var(--main);} @media(max-width:768px){ .mod-footerhtml01 .item{width:calc(50% - 10px); padding:10px 0; max-width:initial;} } @media(max-width:480px){ .mod-footerhtml01 .item{width:100%; padding:10px 0;} }.mod-send01 .mod-content .notice {color:#000; font-size:14px; line-height:20px;} .mod-send01 .send-box{overflow:hidden;} .mod-send01 .send-box .on{color:#333;} .mod-send01 .send-box dl{overflow:hidden; margin-bottom:10px;} .mod-send01 .send-box dt{display:none;} .mod-send01 .send-box dt span{color:#000;} .mod-send01 .send-box dd{width:100%;} .mod-send01 .send-box input,.mod-send01 .send-box textarea {font-size:14px; background:#fff; border:1px solid #ddd; color:#333; line-height:25px; padding:10px; box-sizing:border-box; display:block;} .mod-send01 .send-box .text{width: 100%;} .mod-send01 .send-box .send-item{overflow:hidden;} .mod-send01 .send-box .content{height:120px; padding:5px 10px; width:100%;} .mod-send01 .send-box .agree{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:10px calc(3vw + 10px); color:#fff; text-transform:uppercase; background:var(--main); overflow:hidden; font-weight:500;} .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 .item-tab-attachment dd{width:auto;} .mod-send01 .upload-attachment{display:flex; justify-content:space-between; align-items:center; flex-direction:row-reverse; flex:auto;} .mod-send01 .upload-attachment > *{box-sizing:border-box;} .mod-send01 .upload-attachment ul li{display:flex; justify-content:space-between; align-items:center; margin:0 5px; font-size:12px; line-height:16px;} .mod-send01 .upload-attachment ul li a{color:#333; 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:14px; color:#333; line-height:calc(0.25vw + 20px); padding:5px 10px; background:#ddd; border-radius:3px; display:flex; align-items:center;} .mod-send01 .upload-attachment .btn-upload .fa{width:20px;} .mod-send01 .title-left{float:none;} .mod-send01 .title-right{float:none;} .layout-foot .mod-send01 .mod-title{padding-bottom:calc(1vw + 5px);} .layout-foot .mod-send01 .title-left{float:none; color:#fff; font-size:calc(0.2vw + 16px); line-height:calc(0.25vw + 20px); font-weight:600; text-transform:capitalize;} .layout-foot .mod-send01 .title-right{display:none;} .layout-foot .mod-send01 .send-box input,.layout-foot .mod-send01 .send-box textarea{border:none;} .layout-serveThree .mod-send01 .send-item{display:flex; justify-content:space-between; align-items:start; flex-wrap:wrap;} .layout-serveThree .mod-send01 .send-box dl{width:calc(100%/2 - 1vw - 5px); margin:calc(0.5vw + 5px) 0;} .layout-serveThree .mod-send01 .send-box .item-tab-content{width:100%;} @media(max-width:480px){ .layout-serveThree .mod-send01 .send-box dl{width:100%;} } .layout-stopThree .mod-send01 .mod-bg{padding:calc(2vw + 10px); background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.1);} .layout-stopThree .mod-send01 .title-left{float:none; color:#000; font-size:calc(0.4vw + 16px); line-height:calc(0.5vw + 20px); font-weight:600; text-transform:capitalize;} .layout-stopThree .mod-send01 .title-right{padding:calc(0.5vw + 5px) 0;} .layout-stopThree .mod-send01 .send-item{display:flex; align-items:start; justify-content:space-between; flex-wrap:wrap;} .layout-stopThree .mod-send01 .send-box dl{width:calc(50% - 0.5vw - 5px); margin:calc(0.25vw + 5px) 0;} .layout-stopThree .mod-send01 .send-box .item-tab-content{width:100%;} @media(max-width:480px){ .layout-stopThree .mod-send01 .send-box dl{width:100%;} }.layout-bottom{padding:15px 0; background:#000;} .mod-footer01{text-align:center; line-height:20px; font-size:12px; overflow:hidden; color:#999;} .mod-footer01 a{color:#999; padding:0 5px; text-decoration: none; display:inline-block; line-height:20px;} .mod-footer01 a:hover{color:#fff; text-decoration:underline;} @media (max-width:767px) { .mod-footer01 .footer-nav{display:none;} }.mod-slide01{overflow:hidden;position:relative;} .mod-slide01 .slide-body a{display:none;} .mod-slide01 .slide-body .show a{display:block;} .mod-slide01 .slide-nav{bottom:30px;position: absolute;width:100%;left:0px;text-align:center;} .mod-slide01 .slide-nav .current{background:#fff;} .mod-slide01 .slide-nav a{width:10px;height:10px;color:#fff;font-size:0px;line-height:10px;margin:0px 5px;background:transparent;border-radius:50%;display:inline-block;border:1px solid #fff;} .mod-slide01 .slide-box > a{position:absolute;top:50%;margin-top:-25px;color:#fff;width:50px;text-align:center;font:normal normal normal 14px/1 FontAwesome;border-radius:50%;background:rgba(36,36,36,0.8);} .mod-slide01 .slide-box > a:before{display:block;font-size:24px;line-height:50px;} .mod-slide01 .slide-box .prev{left:5%;} .mod-slide01 .slide-box .next{right:5%;} .mod-slide01 .slide-box .prev:before{content:"\f104";} .mod-slide01 .slide-box .next:before{content:"\f105";} .mod-slide01 .slide-box > a:hover{background:#333;} .layout-banner .layout-bg{width:100%;position:relative;} .layout-banner1 .layout-bg{width:100%;position:relative;} .mod-slide02{overflow:hidden;background:#f4f5f7;} .mod-slide02 .roundabout-holder{width:850px;height:380px;margin:0 auto;z-index:1} .mod-slide02 .roundabout-moveable-item{width:350px;height:300px;cursor:pointer;border:3px solid #ccc;border:3px solid rgba(0, 0, 0, 0.08);border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;} .mod-slide02 .roundabout-moveable-item img{width:100%;} .mod-slide02 .roundabout-in-focus{border:3px solid rgba(0, 0, 0, 0.2);} .mod-slide03 .mod-title-slide{display:none;} .mod-slide03 .slide-nav{display:none;} .mod-slide03 .slide-box-3{position:relative;} .mod-slide03 .slide-body{overflow:hidden;} .mod-slide03 .slide-box-3 .slide-body a{display:block;float:left;overflow:hidden;padding:0 10px;} .mod-slide03 .slide-box-3 > a{position:absolute;top:50%;margin-top:-25px;color:#969696;width:30px;text-align:center;font:normal normal normal 14px/1 FontAwesome;} .mod-slide03 .slide-box-3 > a:before{display:block;font-size:48px;line-height:50px;} .mod-slide03 .slide-box-3 .prev{left:0px;} .mod-slide03 .slide-box-3 .next{right:0px;} .mod-slide03 .slide-box-3 .prev:before{content:"\f104";} .mod-slide03 .slide-box-3 .next:before{content:"\f105";} .mod-slide03 .slide-box-3 > a:hover{color:#333;} @media screen and (min-width:1200px){ .layout-banner .mod-slide01{height:550px;} .mod-slide01 .slide-box-1 .slide-body img{position:absolute;left:50%;-webkit-transform: translate(-50%, 0%);-moz-transform: translate(-50%, 0%);-ms-transform: translate(-50%, 0%);transform: translate(-50%, 0%);top:0px;} .layout-banner1 .mod-slide01{height:600px;} } @media screen and (max-width:1199px){ .mod-slide01 .slide-box-1 .slide-body img{width:100%;} } @media screen and (max-width:1023px) { .mod-slide01 .slide-box > a{display:none;} .mod-slide01 .slide-nav{display:none;} } .mod-banner01{background:#f4f5f7; padding:21px 0 25px 14px; } .mod-banner01 .mod-content-banner{width:964px;padding:1px 0 0 2px;} .flag{margin:9px 5px;} .mod-header01{line-height:30px;overflow:hidden;padding:15px 0px 5px;} .mod-header01 .header-content-left{padding:0 10px;float:right;} .mod-header01 .language-title{font-size:13px;color:#fff;line-height:30px;display:inline-block;display:none;} .mod-header01 .flag{margin:9px 0px;float:left;} .mod-header01 .language-content a{display:block;padding:0 5px;overflow:hidden;} .mod-header01 .language-content .caret{width:0px;height:0px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #ccc;margin:13px 0px;float:right;} .mod-header01 .language-content:hover .caret{border-top:none;border-bottom:4px solid #ccc;} .mod-header01 .language-content .text{color:#333;line-height:30px;display:inline-block;padding:0 5px;} .mod-header01 .language-content .language-link .text{color:#333;text-transform:uppercase;line-height:20px;margin:5px;border-left:1px solid #aaa;} .mod-header01 .language-content .language-tabs{position:absolute;display:none;background:#fff;box-shadow:0px 5px 10px rgba(0,0,0,0.1);z-index:9;min-width:90px;} .mod-header01 .language-content .language-tabs a{padding:0 10px;overflow:hidden;font-size:12px;} .mod-header01 .language-content .language-tabs a:hover{background:#e5e5e5;} .mod-header01 .language-content:hover .language-tabs{display:block;} .mod-header01 .header-content-right{float:left;} .mod-header01 .share-box{float:left;} .mod-header01 .share-box .share{ float:left;font-size:14px;text-transform: uppercase;padding:0 10px;display:none;} .mod-header01 .share-box ul.share-tabs{ display:inline-block;} .mod-header01 .share-box ul.share-tabs li{float:left;} .mod-header01 .share-box ul.share-tabs li a{display: block;height:30px;width:30px;text-align:center;padding:5px 0px;font:normal normal normal 14px/1 FontAwesome;font-size:18px;overflow:hidden;color:#aaa;} .mod-header01 .share-box ul.share-tabs li a:before{line-height:30px;display:block;} .mod-header01 .share-box ul.share-tabs li a.share-facebook:before{content:"\f09a";} .mod-header01 .share-box ul.share-tabs li a.share-linkedin:before{content:"\f0e1";} .mod-header01 .share-box ul.share-tabs li a.share-twitter:before{content:"\f099";} .mod-header01 .share-box ul.share-tabs li a.share-google:before{content:"\f0d5";} .mod-header01 .share-box ul.share-tabs li a.share-youbube:before{content:"\f167";} .mod-header01 .share-box ul.share-tabs li a.share-instagram:before{content:"\f16d";} .mod-header01 .share-box ul.share-tabs li a:hover{color:#e46713;font-size:22px;} @media screen and (max-width:767px){ .mod-header01{float:right;padding:5px 0px;} .mod-header01 .header-content-left{padding:0px;} } .mod-categories01 .content-bg-categories{overflow:visible;} .mod-categories01 .categories-tabs a{border-bottom:1px solid #e5e5e5; display:block; color:#333; padding:10px 0;} .mod-categories01 .categories-tabs a:hover{color:var(--main);} .mod-categories01 .categories-tabs .on > a{color:var(--main); font-weight:600;} .mod-categories01 .categories-tabs .categories-tab-link{font-weight:600; font-size:calc(0.2vw + 14px);} .mod-categories01 .categories-tabs .text{display:block;} .mod-categories01 .categories-second-tabs a{padding:10px; background:#fafafa;} .mod-categories01 .categories-third-tabs a{padding:10px 20px; background:#f6f6f6;} .mod-categories01 .categories-tabs .text:before{content:"\f105"; font-family:FontAwesome; padding:0 5px;} .mod-categories01 .categories-tab{position:relative;} .show-type-float .categories-tab .categories-second-tabs{position:absolute; right:100%; top:10px; width:240px; z-index:100; opacity:0; visibility:hidden; transition:all .3s;} .show-type-float .categories-tab:hover .categories-second-tabs{top:0; opacity:1; visibility:visible;} .event-click .categories-tab .categories-second-tabs{display:none;} .event-click .categories-tab .categories-third-tabs{display:none;} .event-click .categories-tabs a{display:flex; align-items:center;} .event-click .categories-tabs .text{flex:1 2 0;} .event-click .categories-tabs .text:before{display:none;} .event-click .categories-tab .caret{width:calc(0.25vw + 20px); margin:-10px; padding:10px; text-align:center; font-style:normal; position:relative; z-index:1;} .event-click .categories-tab .caret:before{content:"\f105"; font-family:FontAwesome;} .event-click .categories-tab .caret-show:before{content:"\f107";} @media(max-width:768px){ .categories-second-tabs{display:none !important;} }.mod-certificates01{overflow:hidden;margin-top:10px;} .mod-certificates01 .mod-title-certificates .title-right-certificates a{color:#fff;font-family:Raleway;} .mod-certificates01 .certificates-tabs li{margin:5px 0px;padding:5px;background:#f5f5f5;border-radius:6px;overflow:hidden;} .mod-certificates01 .certificates-tab .certificates-img{float:left;overflow:hidden;} .mod-certificates01 .certificates-tab .certificates-img a{ display:block;width:80px;height:60px;background:#fff;border-radius:5px;padding:5px;} .mod-certificates01 .certificates-tab .certificates-name{ width:120px; float:right;overflow:hidden;padding:5px 0px;} .mod-certificates01 .certificates-tab .certificates-name a{color:#222;line-height:20px;display:inline-block;font-size:14px;} .mod-certificates01 .certificates-tab .certificates-name a:hover{color:#e46713;text-decoration:underline;} .layout-page .mod-certificates01 .title-left-certificates{float:left;} .mod-company01 .mod-content{font-size:14px; line-height:25px; color:#666; word-wrap: break-word;} .mod-company01 .company-more{display:flex;} .mod-company01 .company-more a{font-size:14px; color:#333; line-height:20px; padding:5px 10px; display:block; text-transform:uppercase; border:1px solid #999;} .mod-company01 .company-more a:after{content:"\f105"; font:14px/1 FontAwesome; padding:0 5px;} .mod-company01 .company-more a:hover{border-color:#333;} .mod-company01 .company-plants{position:relative; margin-bottom:10px;} .mod-company01 .company-plants .company-plant img{width:100%;} .mod-company01 .company-plant-page{position:absolute; bottom:20px; top:auto !important; right:20px; display:flex; justify-content:flex-end; flex-direction:row-reverse;} .mod-company01 .company-plant-page a {background:#333; display:block; overflow:hidden; margin:2px; text-align:center; line-height:20px; width:20px; color:#fff; font-size:12px; border-radius:50%;} .mod-company01 .company-plant-page .on{background:var(--main);} .mod-company01 .company-profile-text a{color:var(--main); text-decoration:underline;} .mod-company01 .company-profile-text a:hover{text-decoration:none;}.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);} .layout-page .left .mod-products01 .show-type-noscroll ul{display:flex; flex-wrap:wrap; margin:0 -5px;} .layout-page .left .mod-products01 li{margin:5px;} .layout-page .left .mod-products01 .show-type-noscroll .product-image a{border:1px solid #eee;} .layout-page .left .mod-products01 .scroll-box .product-name a{font-size:14px; color:#000; line-height:20px; display:block; overflow:hidden; padding-top:10px;} .layout-page .left .mod-products01 .scroll-box .product-name a:hover{text-decoration:underline;} @media (min-width:769px){ .layout-page .left .mod-products01 .show-type-noscroll li{width:calc(100%/6 - 10px) !important;} } @media (max-width:768px){ .layout-page .left .mod-products01 .show-type-noscroll li{width:calc(100%/3 - 10px) !important;} } @media (max-width:480px){ .layout-page .left .mod-products01 .show-type-noscroll li{width:calc(50% - 10px) !important;} } .layout-page .right .mod-products01 .scroll-box .product-name{padding:calc(1vw + 10px); background:#f2f2f2;} .layout-page .right .mod-products01 .scroll-box .product-name a{font-size:calc(0.3vw + 14px); line-height:calc(0.35vw + 20px); color:var(--main); font-weight:600; overflow: hidden;} .layout-page .right .mod-products01 li + li{margin-top:calc(1vw + 20px);} .layout-page .right .mod-products01 .show-type-noscroll li{width:100% !important;} .layout-page .right .mod-products01 .mod-bottom{padding:calc(1.5vw + 10px) calc(0.5vw + 10px) calc(1vw + 10px); 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{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;} @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-contact01{height:1%; overflow:hidden;} .mod-contact01 .mod-title-contact{display:none;} .mod-contact01 .mod-content-contact{ clear:both;} .mod-contact01 .mod-content-contact .contact-images-left{float: left;width: 87px;text-align:center;overflow:hidden;} .mod-contact01 .mod-content-contact .contact-images-right{width:100%;} .mod-contact01 .mod-content-contact dl{clear:both;line-height:30px;overflow:hidden;font-size:14px;color:#ccc;} .mod-contact01 .mod-content-contact dt{float:left;font-weight:normal;} .mod-contact01 .mod-content-contact dd{word-wrap: break-word;word-break: normal;float:none;} .mod-contact01 .mod-content-contact dd a{color:#fff;text-decoration:underline;} .mod-contact01 .mod-content-contact a:hover{color:#e46713;} .basic-tabs{width:100%;} .basic-tabs tr{border-bottom:solid 1px #eee; overflow:hidden; padding:10px 0px; display:block;} .basic-tabs th{font-weight:normal; vertical-align: top; color:#000; width:20%; display:block; float:left; line-height:20px; text-align:inherit;} .basic-tabs td{color:#333; width:calc(80% - 20px); float:right; display:block; line-height:20px;} .basic-tabs a{color:#666; text-decoration:underline;} .basic-tabs a:hover{text-decoration:none;} @media(max-width:480px){ .basic-tabs tr > *{width:100%; float:none; padding:5px 0;} }.trade-tabs{width:100%;} .trade-tabs tr{border-bottom:solid 1px #eee; overflow:hidden; padding:10px 0px; display:block;} .trade-tabs th{font-weight:normal; vertical-align: top; color:#000; width:20%; display:block; float:left; line-height:20px; text-align:inherit;} .trade-tabs td{color:#333; width:calc(80% - 20px); float:right; display:block; line-height:20px;} .trade-tabs a{color:#666; text-decoration:underline;} .trade-tabs a:hover{text-decoration:none;} @media(max-width:480px){ .trade-tabs tr > *{width:100%; float:none; padding:5px 0;} }.factory-tabs{width:100%;} .factory-tabs tr{border-bottom:solid 1px #eee; overflow:hidden; padding:10px 0px; display:block;} .factory-tabs th{font-weight:normal; vertical-align: top; color:#000; width:20%; display:block; float:left; line-height:20px; text-align:inherit;} .factory-tabs td{color:#333; width:calc(80% - 20px); float:right; display:block; line-height:20px;} .factory-tabs a{color:#666; text-decoration:underline;} .factory-tabs a:hover{text-decoration:none;} @media(max-width:480px){ .factory-tabs tr > *{width:100%; float:none; padding:5px 0;} }.mod-group .group-tabs{overflow:hidden;} .mod-group .group-tab{border-bottom:1px dashed #ccc; padding:10px 0;} .mod-group .group-tab a{color:#444; font-size:16px; display:block; line-height:25px; overflow:hidden;} .mod-group .group-tab a:hover{color:var(--main);} .mod-group .group-link span{overflow:hidden; display:block;} .mod-group .group-link span:before{content:"\f105"; padding:0 5px; font:14px/1 FontAwesome; line-height:20px;}.mod-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;} }.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;}.mod-group .group-tabs{overflow:hidden;} .mod-group .group-tab{border-bottom:1px dashed #ccc; padding:10px 0;} .mod-group .group-tab a{color:#444; font-size:16px; display:block; line-height:25px; overflow:hidden;} .mod-group .group-tab a:hover{color:var(--main);} .mod-group .group-link span{overflow:hidden; display:block;} .mod-group .group-link span:before{content:"\f105"; padding:0 5px; font:14px/1 FontAwesome; line-height:20px;}.mod-faq-list01 .mod-content{padding-bottom:10px; overflow:hidden;} .mod-faq-list01 .mod-content li{overflow: hidden; display:flex; justify-content:space-between; align-items:center; border-bottom:1px dashed #ccc;} .mod-faq-list01 .mod-content li:before{content:""; width:4px; height:4px; border-radius:50%; background:#666; display:block; flex:0 0 4px;} .mod-faq-list01 .mod-content .list-link{color:#333; display: block; overflow: hidden; text-overflow: ellipsis; white-space: pre; flex:1 2 0; line-height:20px; padding:10px;} .mod-faq-list01 .mod-content .list-link:hover{font-weight:bold;} .mod-faq-list01 .mod-content .list-time{color:#999; line-height:20px; display:block; padding:10px 0;}.mod-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;} }.mod-friendlink01 .mod-content .friendlink-tabs{display:flex; flex-wrap:wrap;} .mod-friendlink01 .mod-content a{color:#333; font-size:13px; line-height:25px; display:block;} .mod-friendlink01 .mod-content a:hover{text-decoration:underline;} @media(min-width:769px){ .mod-friendlink01 .mod-content .friendlink-tabs{margin:0 -5px;} .mod-friendlink01 .mod-content .friendlink-tab{min-width:calc(100%/3 - 10px); margin:0 5px;} } @media(max-width:768px){ .mod-friendlink01 .mod-content .friendlink-tabs{justify-content:space-between;} .mod-friendlink01 .mod-content .friendlink-tab{min-width:calc(50% - 10px);} } @media(max-width:480px){ .mod-friendlink01 .mod-content .friendlink-tab{width:100%;} }.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;} }.mod-certificate-list01 .cert-type{padding-bottom:10px;} .mod-certificate-list01 .cert-type ul{overflow:hidden; display:flex; align-items:stretch; background:#f9f9f9;} .mod-certificate-list01 .cert-type ul li a{font-size:calc(0.2vw + 12px); line-height:calc(0.5vw + 15px); padding:10px 20px; display:block; color:#333; border-bottom:2px solid transparent; text-align:center; box-sizing:border-box;} .mod-certificate-list01 .cert-type ul li a:hover {border-bottom-color:#333; background:#f0f0f0;} .mod-certificate-list01 .cert-title{font-size: calc(0.3vw + 14px); line-height: calc(0.5vw + 20px); color:#333; display:block; padding: 10px; background:#f0f0f0;} .mod-certificate-list01 .cert-tabs{display: flex; align-items:stretch; flex-wrap: wrap; margin:10px -10px;} .mod-certificate-list01 .cert-tabs li{width: calc(25% - 20px); margin: 10px;} .mod-certificate-list01 .cert-tabs li > *{margin-bottom:calc(1vw + 5px);} .mod-certificate-list01 .cert-tabs li a{display:block; overflow: hidden;} .mod-certificate-list01 .cert-tabs .content > * + *{margin-top:10px;} .mod-certificate-list01 .cert-tabs .img a img{width:100%; height:auto;} .mod-certificate-list01 .cert-tabs .name a{color:var(--main); font-size: 16px; line-height: 25px; font-weight:600; overflow: hidden;} .mod-certificate-list01 .cert-tabs .desc{font-size:14px; color:#555; line-height:25px; overflow: hidden; display:none;} .mod-certificate-list01 .cert-tabs .time{color:#555; line-height:20px; display:block; font-size:14px;} .mod-certificate-list01 .cert-tabs .time:before{content:"\f133"; font:14px/1 FontAwesome; padding:0 5px;} .mod-certificate-list01 .cert-tabs li:hover .img img{transform:scale(1.05);} @media (min-width:481px){ .mod-certificate-list01 .cert-type ul{justify-content:center; flex-wrap:wrap;} .mod-certificate-list01 .cert-type ul li{width:20%;} } @media (max-width:480px){ .mod-certificate-list01 .cert-type ul{overflow:auto;} .mod-certificate-list01 .cert-type ul li a{white-space:pre;} .mod-certificate-list01 .cert-tabs{margin:10px 0;} .mod-certificate-list01 .cert-tabs li{width:calc(50% - 20px);} }.mod-certificate-detail01 .detail-box-time{color:#555; font-size:14px; line-height:25px;} .mod-certificate-detail01 .detail-box-time span{padding:0 10px; display:inline-block;} .mod-certificate-detail01 .detail-box-text{font-size:14px; color:#555; line-height:25px; padding:calc(2vw + 10px) 0px;} .mod-certificate-detail01 .detail-box-text p{word-wrap: break-word; line-height:20px;} .mod-certificate-detail01 .detail-box-img{padding:calc(2vw + 10px) 0px;} .mod-certificate-detail01 .detail-box-img a{display:block;} .mod-certificate-detail01 .detail-box-img a img{height:auto;} .mod-certificate-detail01 .detail-tab{overflow:hidden; display:flex; justify-content:space-between; flex-wrap:wrap; font-size:14px; line-height:20px; color:#555;} .mod-certificate-detail01 .detail-tab a{color:#333;} .mod-certificate-detail01 .detail-tab a:hover{text-decoration:underline;} .mod-certificate-detail01 .detail-tabs .left{width:calc(25% - 10px); padding:5px;} .mod-certificate-detail01 .detail-tabs .right{width:calc(75% - 2vw - 10px); padding:5px;} @media (max-width:768px){ .mod-certificate-detail01 .detail-box-img img{max-width:100%; height:auto;} .mod-certificate-detail01 .detail-tabs .left{width:100%; text-align:initial;} .mod-certificate-detail01 .detail-tabs .right{width:100%;} }.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;}.layout-catetitle{text-align:center; padding:calc(1vw + 10px) 0;} .layout-catetitle .mod-title .title-left{font-size:calc(0.7vw + 16px); color:#1e1e1e; line-height:calc(1vw + 20px); display:block; text-align:center; font-weight:600; position:relative; text-transform:uppercase;} .layout-catetitle .mod-title .title-left:after{content:""; height:4px; width:60px; background:#e46713; display:block; margin:calc(1vw + 5px) auto;} .layout-contact .mod-othercontent01 .mod-content{padding:calc(0.5vw + 10px);} .layout-contact .mod-title{padding-bottom:calc(0.5vw + 10px);} .layout-contact .mod-title .title-left{font-size:calc(0.4vw + 14px); line-height:calc(0.5vw + 20px); font-weight:600;} .mod-otherbar01{width:100%;} .mod-otherbar01 .content-bg{overflow:visible;} .mod-otherbar01 h1 {display: none;} @media(min-width:1350px){ .mod-otherbar01 .simditor-body > div:first-of-type{width:100vw; transform:translate(calc(675px - 50vw),0); background-size:100% auto;} .mod-otherbar01 .content-bg > div:first-of-type[class*="title"]{width:100vw; transform:translate(calc(675px - 50vw),0); background-size:100% auto;} } .mod-otherbar01{font-family:'Lato',sans-serif,arial,Helvetica;} .mod-otherbar01 .mod-title-otherbar{display:none;} .mod-otherbar01 .top-gc{} .mod-otherbar01 .top-gc img{max-width:100%; height:auto;} .mod-otherbar01 .content-ny{padding:35px 0 0 0; overflow:hidden; max-width:1350px; margin:auto;} .mod-otherbar01 .content-ny .content-ny-left{float:left; width:28%; overflow:hidden;} .mod-otherbar01 .content-ny .content-ny-left .more{font-size:22px; color:#fff; line-height:65px; background:#666; display:block; text-align:center; height:65px; overflow:hidden; text-transform:uppercase; -webkit-transition:all .2s ease-in; -moz-transition:all .2s ease-in; transition:all .2s ease-in;} .mod-otherbar01 .content-ny .content-ny-left .more:hover{background:#404040;} .mod-otherbar01 .content-ny .content-ny-left ul li{line-height:60px; margin:5px 0 0;} .mod-otherbar01 .content-ny .content-ny-left ul li a{font-size:16px; color:#535353; line-height:50px; padding:0 10px; display:block; background:url(https://icdn.tradew.com/file/201709/1572411/png/6688433.png) no-repeat center #e5e5e5; -webkit-transition:all .2s ease-in; -moz-transition:all .2s ease-in; transition:all .2s ease-in;} .mod-otherbar01 .content-ny .content-ny-left ul li .a1{background:url(https://icdn.tradew.com/file/201709/1572411/png/6688435.png) no-repeat center #e46713; color:#fff;} .mod-otherbar01 .content-a .content-ny .content-ny-left ul .choise a{background:url(https://icdn.tradew.com/file/201709/1572411/png/6688435.png) no-repeat center #e46713; color:#fff;} .mod-otherbar01 .content-ny .content-ny-left ul li a:hover{background:url(https://icdn.tradew.com/file/201709/1572411/png/6688435.png) no-repeat center #e46713; color:#fff;} .mod-otherbar01 .content-ny .content-ny-right{float:right; width:66.3%; overflow:hidden;} .mod-otherbar01 .content-ny .content-ny-right .right-title h1{font-size:48px; color:#666; line-height:50px; display:block; padding:0 0 0 160px; font-weight:600; position:relative;} .mod-otherbar01 .content-ny .content-ny-right .right-title h1:before{content:""; height:1px; width:150px; background:#666; position:absolute; left:0; top:25px;} .mod-otherbar01 .content-ny .content-ny-right .right-title h2{font-size:30px; color:#666; line-height:50px; sidplay:block; padding:0 0 0 160px; font-weight:300;} .mod-otherbar01 .content-ny .content-ny-right .right-word{} .mod-otherbar01 .content-ny .content-ny-right .right-word p{font-size:16px; color:#666; line-height:24px; padding:10px 0 0 0;} .mod-otherbar01 .content-ny .content-ny-right .right-ul{padding:10px 0 0 0;} .mod-otherbar01 .content-ny .content-ny-right .right-ul li{font-size:16px; color:#666; line-height:24px; display:flex;} .mod-otherbar01 .content-ny .content-ny-right .right-ul li:before{content:""; height:6px; width:6px; float:left; background:#e46713; margin:9px 35px 0 0; border-radius:50%; flex-shrink:0;} .mod-otherbar01 .content-ny .content-ny-right .right-photo{padding:30px 0 0 0; display:flex; flex-wrap:wrap; justify-content:space-between;} .mod-otherbar01 .content-ny .content-ny-right .right-photo .pic{height:auto; width:49%; overflow:hidden; float:left; margin:0 0 15px; position:relative; cursor:pointer;} .mod-otherbar01 .content-ny .content-ny-right .right-photo .pic:before{content:""; height:100%; width:100%; background:url(https://icdn.tradew.com/file/201709/1572411/png/6688491.png) no-repeat center/cover; position:absolute; left:0; top:0; -webkit-transition:all .2s ease-in; -moz-transition:all .2s ease-in; transition:all .2s ease-in; opacity:0;} .mod-otherbar01 .content-ny .content-ny-right .right-photo .pic:hover:before{opacity:1;} /*湿贴技术*/ .mod-otherbar01 .editer-module{width:100%; margin:0 auto;} .mod-otherbar01 .content-a{width:100%; margin:0 auto; overflow:hidden; position:relative;} .mod-otherbar01 .skill-title{background:url(https://icdn.tradew.com/file/201709/1572411/jpg/6705634.jpg) no-repeat center/cover; padding:385px 0 121px;} .mod-otherbar01 .skill-title h1{display:block; width:100%; margin:0 auto; font-size:48px; color:#fff; line-height:92px; font-weight:600; position:relative;} .mod-otherbar01 .skill-title h1:before{content:""; height:2px; width:200px; background:#fff; position:absolute; left:0; bottom:0;} .mod-otherbar01 .skill-title1{background:#eee; overflow:hidden; width:100vw; margin-left:calc(50% - 50vw);} .mod-otherbar01 .skill-title1 .content{float:left; width:33.3%; box-sizing:border-box; padding:0 20px; overflow:hidden; display:flex;} .mod-otherbar01 .skill-title1 .content .pic{float:left; width:35px;} .mod-otherbar01 .skill-title1 .content p{font-size:22px; color:#737272; line-height:30px; padding:0 15px; float:left; text-transform:uppercase; display:flex; align-items:center; width:calc(100% - 35px); box-sizing:border-box;} .mod-otherbar01 .title-a{padding:30px 0 0;} .mod-otherbar01 .title-a h1{font-size:30px; color:#1e1e1e; line-height:65px; display:block; position:relative;} .mod-otherbar01 .title-a h1 span{color:#e46713;} .mod-otherbar01 .title-a h1:before{content:""; height:4px; width:60px; background:#e46713; position:absolute; left:0; bottom:0;} .mod-otherbar01 .contenta{padding:30px 0 0;} .mod-otherbar01 .contenta .pic{width:528px; height:284px; overflow:hidden; border:1px solid #bfbfbf; float:left; position:relative; cursor:pointer;} .mod-otherbar01 .contenta .pic:before{content:""; height:100%; width:100%; background:url(https://icdn.tradew.com/file/201709/1572411/png/6705692.png) no-repeat center/cover; position:absolute; left:0; top:0; opacity:0; -webkit-transition:all .2s ease-in; -moz-transition:all .2s ease-in; transition:all .2s ease-in;} .mod-otherbar01 .contenta .pic:hover:before{opacity:1;} .mod-otherbar01 .contenta .wz{float:right; width:calc(100% - 560px);} .mod-otherbar01 .contenta .wz p{font-size:18px; color:#828180; line-height:26px; padding:0 0 15px;} .mod-otherbar01 .contentb .wz{float:left; width:calc(100% - 470px);} .mod-otherbar01 .contentb .wz p{font-size:18px; color:#828180; line-height:26px; padding:20px 0 0;} .mod-otherbar01 .contentb .pic{float:right; width:418px; overflow:hidden; position:relative; cursor:pointer;} .mod-otherbar01 .contentb .pic:before{content:""; height:calc(100% - 40px); width:100%; background:url(https://icdn.tradew.com/file/201709/1572411/png/6705771.png) no-repeat center/cover; position:absolute; left:0; top:0; opacity:0; -webkit-transition:all .2s ease-in; -moz-transition:all .2s ease-in; transition:all .2s ease-in;} .mod-otherbar01 .contentb .pic:hover:before{opacity:1;} .mod-otherbar01 .contentb .pic h1{font-size:18px; color:#454545; line-height:20px; padding:20px 0 0; display:block; text-align:center; text-transform:uppercase;} .mod-otherbar01 .content-lb{padding:30px 0 0;} .mod-otherbar01 .content-lb .mod-slide03{padding-bottom:0px; border-bottom:none; margin:0px 30px;} .mod-otherbar01 .content-lb .mod-slide03 .slide-box-3{height:405px;} .mod-otherbar01 .content-lb .mod-slide03 .slide-box-3 .slide-body a{padding:0px 7px; border:none; margin:0;} .content-lb .mod-slide03 .slide-body{height:405px !important;} .mod-otherbar01 .contenta1{padding:30px 0 0;} .mod-otherbar01 .contenta1 .pic{width:528px; height:332px; overflow:hidden; border:1px solid #bfbfbf; float:left; position:relative; cursor:pointer;} .mod-otherbar01 .contenta1 .pic:before{content:""; height:100%; width:100%; background:url(https://icdn.tradew.com/file/201709/1572411/png/6705904.png) no-repeat center/cover; position:absolute; left:0; top:0; opacity:0; -webkit-transition:all .2s ease-in; -moz-transition:all .2s ease-in; transition:all .2s ease-in;} .mod-otherbar01 .contenta1 .pic:hover:before{opacity:1;} .mod-otherbar01 .contenta1 .wz{float:right; width:calc(100% - 560px);} .mod-otherbar01 .contenta1 .wz p{font-size:18px; color:#828180; line-height:26px; padding:0 0 15px;} .mod-otherbar01 .contentc{padding:30px 0 0;} .mod-otherbar01 .contentc .content{float:left; width:32.4%;} .mod-otherbar01 .contentc .content1{margin:0 1.4%;} .mod-otherbar01 .contentc .content .pic{overflow:hidden; position:relative;} .mod-otherbar01 .contentc .content .pic a:before{content:""; width:100%; height:100%; background:url(https://icdn.tradew.com/file/201709/1572411/png/6696801.png) no-repeat center/cover; position:absolute; left:0; top:0; -webkit-transition:all .2s ease-in; -moz-transition:all .2s ease-in; transition:all .2s ease-in; opacity:0;} .mod-otherbar01 .contentc .content .pic:hover a:before{opacity:1;} .mod-otherbar01 .contentc .content .pic img{width:100%;} .mod-otherbar01 .contentc .content p{font-size:18px; color:#565656; line-height:50px; text-align:center;} /*湿贴技术*/ /*点挂*/ .mod-otherbar01 .title-a1{padding:40px 0 0;} .mod-otherbar01 .system-title{background:url(https://icdn.tradew.com/file/201709/1572411/jpg/6707367.jpg) no-repeat center/cover; padding:385px 0 121px;} .mod-otherbar01 .system-title h1{display:block; margin:0 auto; font-size:48px; color:#fff; line-height:92px; font-weight:600; position:relative;} .mod-otherbar01 .system-title h1:before{content:""; height:2px; width:200px; background:#fff; position:absolute; left:0; bottom:0;} .mod-otherbar01 .title-aa{padding:0;} .mod-otherbar01 .system-content1 .wz{width:calc(100% - 380px); float:left;} .mod-otherbar01 .system-content1 .wz p{font-size:18px; color:#828180; line-height:26px; padding:20px 0 0;} .mod-otherbar01 .system-content1 .pic{width:357px; height:287px; float:right; position:relative; cursor:pointer;} .mod-otherbar01 .system-content1 .pic:before{content:""; height:calc(100% - 35px); width:100%; background:url(https://icdn.tradew.com/file/201709/1572411/png/6707394.png) no-repeat center/cover; position:absolute; left:0; top:0; opacity:0; -webkit-transition:all .2s ease-in; -moz-transition:all .2s ease-in; transition:all .2s ease-in;} .mod-otherbar01 .system-content1 .pic:hover:before{opacity:1;} .mod-otherbar01 .system-content1 .pic h1{font-size:18px; color:#454545; line-height:20px; display:block; text-align:center; text-transform:uppercase; padding:15px 0 0;} .mod-otherbar01 .system-content2{padding:30px 0 0;} .mod-otherbar01 .system-content2 .pic{width:458px; height:268px; border:1px solid #d2d2d2; float:left; position:relative; cursor:pointer;} .mod-otherbar01 .system-content2 .pic:before{content:""; height:100%; width:100%; background:url(https://icdn.tradew.com/file/201709/1572411/png/6707401.png) no-repeat center/cover; position:absolute; left:-1px; top:-1px; opacity:0; -webkit-transition:all .2s ease-in; -moz-transition:all .2s ease-in; transition:all .2s ease-in;} .mod-otherbar01 .system-content2 .pic:hover:before{opacity:1;} .mod-otherbar01 .system-content2 .wz{width:calc(100% - 500px); float:right; padding:6px 0 0;} .mod-otherbar01 .system-content2 .wz p{font-size:18px; color:#828180; line-height:26px; padding:14px 0 0;} .mod-otherbar01 .system-content3 .content{overflow:hidden; display:flex; flex-wrap:wrap; justify-content:space-between;} .mod-otherbar01 .system-content3 .content .nr1{width:199px; float:left; margin:0 10px 0 0; padding:25px 0 0;} .mod-otherbar01 .system-content3 .content .nr1 p{font-size:18px; color:#34373a; line-height:26px; padding:10px 0 0; display:block; text-align:center;} /*点挂*/ /*水刀*/ .mod-otherbar01 .waterjet-title{background:url(https://icdn.tradew.com/file/201709/1572411/jpg/7922078.jpg) no-repeat center/cover; padding:385px 0 121px;} .mod-otherbar01 .waterjet-title h1{display:block; width:100%; margin:0 auto; font-size:48px; color:#fff; line-height:92px; font-weight:600; position:relative;} .mod-otherbar01 .waterjet-title h1:before{content:""; height:2px; width:200px; background:#fff; position:absolute; left:0; bottom:0;} .mod-otherbar01 .waterjet-word{padding:45px 0 0 0;} .mod-otherbar01 .waterjet-word p{font-size:20px; color:#606060; line-height:28px; text-align:center;} .mod-otherbar01 .waterjet-content1{padding:40px 0 0;} .mod-otherbar01 .waterjet-content1 .content-a{overflow:hidden; padding:61px 0 0; display:flex; justify-content:space-between;} .mod-otherbar01 .waterjet-content1 .w{position:relative; float:left; width:30%;} .mod-otherbar01 .waterjet-content1 .content{border:1px solid #dcdcdc; border-radius:8px; overflow:hidden; width:100%; box-sizing:border-box;} .mod-otherbar01 .waterjet-content1 .content .pic1{width:100%;} .mod-otherbar01 .waterjet-content1 .content .pic1 img{width:100%;} .mod-otherbar01 .waterjet-content1 .content p{font-size:22px; color:#393939; line-height:68px; font-weight:600; text-transform:uppercase; text-align:center;} .mod-otherbar01 .waterjet-content1 .content .pic2{height:122px; width:122px; position:absolute; left:calc(50% - 61px); top:-61px;} .mod-otherbar01 .waterjet-word2{padding:20px 0 0 0;} .mod-otherbar01 .waterjet-word2 p{font-size:20px; color:#606060; line-height:28px;} .mod-otherbar01 .waterjet-content2{padding:35px 0 0;} .mod-otherbar01 .waterjet-content2 .content{width:47.5%; overflow:hidden; float:left; margin:0 0 25px;} .mod-otherbar01 .waterjet-content2 .content1{float:right;} .mod-otherbar01 .waterjet-content2 .content .pic{width:100%; overflow:hidden; position:relative; cursor:pointer;} .mod-otherbar01 .waterjet-content2 .content .pic:before{content:""; height:100%; width:100%; background:url(https://icdn.tradew.com/file/201709/1572411/png/6710762.png) no-repeat center/cover; position:absolute; left:0; top:0; opacity:0; -webkit-transition:all .2s ease-in; -moz-transition:all .2s ease-in; transition:all .2s ease-in;} .mod-otherbar01 .waterjet-content2 .content .pic:hover:before{opacity:1;} .mod-otherbar01 .waterjet-content2 .content h1{display:block; font-size:20px; color:#2b2a2a; line-height:50px; font-weight:600; text-align:center;} .mod-otherbar01 .waterjet-content2 .content p{font-size:16px; color:#5e5e5e; line-height:24px; height:96px; overflow:hidden;} .mod-otherbar01 .title-ab{padding:15px 0 0;} .mod-otherbar01 .title12{padding:40px 0 0;} .mod-otherbar01 .waterjet-content3{padding:30px 0 0;} .mod-otherbar01 .waterjet-content3 .pic{width:570px; height:350px; float:left; overflow:hidden; position:relative;} .mod-otherbar01 .waterjet-content3 .pic:before{content:""; height:100%; width:100%; background:url(https://icdn.tradew.com/file/201709/1572411/png/6708551.png) no-repeat center/cover; position:absolute; left:0; top:0; -webkit-transition:all .2s ease-in; -moz-transition:all .2s ease-in; transition:all .2s ease-in; opacity:0; -webkit-transition:all .2s ease-in; -moz-transition:all .2s ease-in; transition:all .2s ease-in;} .mod-otherbar01 .waterjet-content3 .pic:hover:before{opacity:1;} .mod-otherbar01 .waterjet-content3 .word{float:right; width:calc(100% - 600px);} .mod-otherbar01 .waterjet-content3 .word p{font-size:18px; color:#696969; line-height:24px; padding:0 0 10px;} .mod-otherbar01 .contentc1 .content p{font-size:17px;} /*水刀*/ /*马赛克*/ .mod-otherbar01 .technology-title{background:url(https://icdn.tradew.com/file/201709/1572411/jpg/6714632.jpg) no-repeat center/cover; padding:385px 0 121px;} .mod-otherbar01 .technology-title h1{display:block; margin:0 auto; font-size:48px; color:#fff; line-height:92px; font-weight:600; position:relative;} .mod-otherbar01 .technology-title h1:before{content:""; height:2px; width:200px; background:#fff; position:absolute; left:0; bottom:0;} .mod-otherbar01 .technology-content{overflow:hidden; padding:55px 0 0;} .mod-otherbar01 .technology-content .content-a{border-bottom:1px solid #e1e1e1; padding:0 0 55px;} .mod-otherbar01 .technology-content .pic{float:left; width:333px; height:223px;} .mod-otherbar01 .technology-content .wz{float:right; width:calc(100% - 380px);} .mod-otherbar01 .technology-content .wz h1{font-size:20px; color:#2a2a2a; line-height:25px; display:block; padding:35px 0 0 0;} .mod-otherbar01 .technology-content .wz p{font-size:16px; color:#606060; line-height:18px; padding:13px 0 0;} .mod-otherbar01 .technology-content .wz a{font-size:14px; color:#e46713; line-height:34px; width:128px; border:1px solid #e46713; display:block; margin:24px 0 0; text-align:center; border-radius:5px; -webkit-transition:all .2s ease-in; -moz-transition:all .2s ease-in; transition:all .2s ease-in;} .mod-otherbar01 .technology-content .wz a:hover{background:#e46713; color:#fff;} .mod-otherbar01 .technology-content1 .pic{float:right;} .mod-otherbar01 .technology-content1 .wz{float:left;} .mod-otherbar01 .technology-content2 .content-a{border-bottom:none;} .mod-otherbar01 .technology-content3{background:#eee; padding:44px 0 35px; overflow:hidden;} .mod-otherbar01 .technology-content3 .content-a{display:flex; flex-wrap:wrap; justify-content:space-between;} .mod-otherbar01 .technology-content3 .content{width:22.5%;} .mod-otherbar01 .technology-content3 .content:last-of-type{padding:0;} .mod-otherbar01 .technology-content3 .content .pic{width:100%; border:1px solid #a0a0a0; border-radius:10px; overflow:hidden; cursor:pointer;} .mod-otherbar01 .technology-content3 .content .pic img{-webkit-transition:all .2s ease-in; -moz-transition:all .2s ease-in; transition:all .2s ease-in; width:100%;} .mod-otherbar01 .technology-content3 .content .pic img:hover{-moz-transform:scale(1.05); -webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05);} .mod-otherbar01 .technology-content3 .content h1{font-size:17px; color:#2a2a2a; line-height:45px; text-align:center; text-transform:uppercase; display:block; position:relative; padding:25px 0 0; white-space:nowrap;} .mod-otherbar01 .technology-content3 .content h1:before{content:""; height:1px; width:162px; background:#d2d2d2; position:absolute; left:54px; bottom:0;} .mod-otherbar01 .technology-content3 .content h1:after{content:""; height:3px; width:48px; background:#e46713; position:absolute; left:111px; bottom:1px;} .mod-otherbar01 .technology-content3 .content p{font-size:16px; color:#606060; line-height:22px; padding:25px 0 0; text-align:center;} .mod-otherbar01 .technology-content4 .lc{display:flex; justify-content:space-between; flex-wrap:wrap;} .mod-otherbar01 .technology-content4{padding:0 0 10px;} .mod-otherbar01 .technology-content4 .lc .content{width:31.6%;} .mod-otherbar01 .technology-content4 .lc .content:last-of-type{padding:0;} .mod-otherbar01 .technology-content4 .lc .content .pic{width:100%; overflow:hidden;} .mod-otherbar01 .technology-content4 .lc .content h1{font-size:20px; color:#2a2a2a; line-height:25px; padding:25px 0 0; display:block; text-align:center;} .mod-otherbar01 .technology-content4 .lc .content ul{padding:5px 0 0; min-height:145px;} .mod-otherbar01 .technology-content4 .lc .content li{font-size:16px; color:#606060; line-height:18px; background:url(https://icdn.tradew.com/file/201709/1572411/png/6714977.png) no-repeat 0 5px; padding:5px 0 0 12px;} .mod-otherbar01 .technology-content4 .lc .content p{font-size:12px; color:#9d9c9c; line-height:18px; padding:20px 0 0;} .mod-otherbar01 .technology-content4 .card-title{top:28px; width:auto; right:0; left:auto;} .mod-otherbar01 .technology-content4 .card-title .card-title-tab .card-tab-link{width:116px; height:29px; border-radius:5px; border:1px solid #a0a0a0; background:none; font-size:18px; line-height:29px; color:#353535;} .mod-otherbar01 .technology-content4 .card-title .on .card-tab-link{border-color:#e46713; background:#e46713; color:#fff;} .mod-otherbar01 .technology-content5 .content-a{display:flex; flex-wrap:wrap; justify-content:space-between;} .mod-otherbar01 .technology-content5{overflow:hidden; padding:30px 0 50px;} .mod-otherbar01 .technology-content5 .content{width:23.8%; overflow:hidden;} .mod-otherbar01 .technology-content5 .content:last-of-type{padding:0;} .mod-otherbar01 .technology-content5 .content .pic{width:100%; overflow:hidden; position:relative;} .mod-otherbar01 .technology-content5 .content .pic a:before{content:""; width:100%; height:100%; background:url(https://icdn.tradew.com/file/201709/1572411/png/6715015.png) no-repeat center/cover; position:absolute; left:0; top:0; opacity:0; -webkit-transition:all .2s ease-in; -moz-transition:all .2s ease-in; transition:all .2s ease-in;} .mod-otherbar01 .technology-content5 .content .pic:hover a:before{opacity:1;} .mod-otherbar01 .technology-content5 .content p{font-size:18px; color:#565656; line-height:36px; padding:20px 0 0; text-align:center;} /*马赛克*/ .mod-otherbar01 .swiming-pool{height:596px; background:url(https://icdn.tradew.com/file/201709/1572411/jpg/7782732.jpg) no-repeat center/cover;} /*大理石*/ .mod-otherbar01 .mable-title{height:596px; background:url(https://icdn.tradew.com/file/201709/1572411/jpg/6722451.jpg) no-repeat center/cover;} .mod-otherbar01 .dls-content1{padding:80px 0;} .mod-otherbar01 .dls-content1 .leftcontent{float:left; width:45.8%;} .mod-otherbar01 .dls-content1 .leftcontent h1{font-size:18px; color:#828180; line-height:22px; text-transform:uppercase; display:block;} .mod-otherbar01 .dls-content1 .leftcontent h2{font-size:45px; color:#1e1e1e; line-height:80px; text-transform:uppercase; font-weight:600; display:block;} .mod-otherbar01 .dls-content1 .word{float:right; width:44.2%;} .mod-otherbar01 .dls-content1 .word p{font-size:18px; color:#828180; line-height:30px;} .mod-otherbar01 .dls-content2{padding:0 0 110px;} .mod-otherbar01 .dls-content2-1{padding:0 0 110px;} .mod-otherbar01 .dls-content2 .pic{width:44.2%;} .mod-otherbar01 .dls-content2 .pic1{float:left;} .mod-otherbar01 .dls-content2 .pic2{float:right;} .mod-otherbar01 .dls-content2 .word{width:44.2%;} .mod-otherbar01 .dls-content2 .word1{float:right;} .mod-otherbar01 .dls-content2 .word2{float:left;} .mod-otherbar01 .dls-content2 .word h1{font-size:30px; color:#1e1e1e; line-height:32px; text-transform:uppercase; font-weight:600; padding:0 0 25px; margin:0 0 35px; display:block; position:relative;} .mod-otherbar01 .dls-content2 .word1 h1{text-align:left;} .mod-otherbar01 .dls-content2 .word2 h1{text-align:right;} .mod-otherbar01 .dls-content2 .word h1:before{content:""; height:4px; width:60px; background:#e46713; position:absolute; bottom:0;} .mod-otherbar01 .dls-content2 .word1 h1:before{left:0;} .mod-otherbar01 .dls-content2 .word2 h1:before{right:0;} .mod-otherbar01 .dls-content2 .word p{font-size:18px; color:#828180; line-height:30px; padding:20px 0 0;} .mod-otherbar01 .dls-content2 .word1 p{text-align:left;} .mod-otherbar01 .dls-content2 .word2 p{text-align:right;} .mod-otherbar01 .mod-card01 .card-title-tabs{display:flex !important; padding:0 35px; position:relative; justify-content: center;} .mod-otherbar01 .dls-title h1{font-size:30px; color:#1e1e1e; line-height:80px; display:block; text-align:center; font-weight:600; position:relative; text-transform:uppercase;} .mod-otherbar01 .dls-title h1:before{content:""; height:4px; width:60px; background:#e46713; position:absolute; left:calc(50% - 30px); bottom:0;} .mod-otherbar01 .dls-title p{font-size:18px; color:#828180; line-height:24px; padding:35px 18% 0; text-align:center;} .mod-otherbar01 .dls-content3{padding:40px 0 0;} .mod-otherbar01 .dls-content3 .card-title-tabs:before{content:""; height:1px; width:100%; background:#d2d2d2; position:absolute; bottom:0; left:0;} .mod-otherbar01 .dls-content3 .card-title .card-title-tab .card-tab-link{font-size:14px; color:#292929; font-weight:600; padding:0 5px; line-height:53px; background:none; height:auto; width:auto; position:relative; display:block;} .mod-otherbar01 .dls-content3 .card-title .card-title-tab.on .card-tab-link{background:none;} .mod-otherbar01 .dls-content3 .card-title .card-title-tab.on .card-tab-link:before{content:""; height:4px; width:100%; position:absolute; left:0; bottom:0; background:#aaa;} .mod-otherbar01 .dls-content3 .card-html .lc{overflow:hidden; display:flex; flex-wrap:wrap;} .mod-otherbar01 .dls-content3 .card-html .lc-content{float:left; margin:10px; width:calc(25% - 20px); overflow:hidden; position:relative;} .mod-otherbar01 .dls-content3 .card-html .lc-content .more{position:absolute; top:9px; left:9px; background:rgba(255,255,255,0.6); opacity:0; -webkit-transition:all .2s ease-in; -moz-transition:all .2s ease-in; transition:all .2s ease-in; height:calc(100% - 18px); width:calc(100% - 18px); display: table;} .mod-otherbar01 .dls-content3 .card-html .lc-content:hover .more{opacity:1;} .mod-otherbar01 .dls-content3 .card-html .lc-content .more a{font-size:24px; color:#202020; line-height:28px; padding:0 10px 0; text-align:center; display:table-cell; vertical-align:middle; cursor:default;} .mod-otherbar01 .dls-content3 .card-html .lc-content .more a:hover{color:#e46713;} .mod-otherbar01 .dls-title1{padding:40px 0 28px;} .mod-otherbar01 .dls-title1 h1{font-size:30px; color:#1e1e1e; line-height:80px; display:block; position:relative; font-weight:600; text-transform:uppercase;} .mod-otherbar01 .dls-title1 h1:before{content:""; height:4px; width:60px; background:#e46713; position:absolute; left:0; bottom:0;} .mod-otherbar01 .dls-title1 p{font-size:18px; color:#828180; line-height:30px; padding:35px 0 0;} .mod-otherbar01 .dls-content4{padding:0 0 20px;} .mod-otherbar01 .dls-content4 .bt{overflow:hidden; border-bottom:1px solid #d2d2d2;} .mod-otherbar01 .dls-content4 .bt h1{float:left; font-size:24px; color:#1e1e1e; line-height:80px; display:block; text-transform:uppercase;} .mod-otherbar01 .dls-content4 .bt a{width:284px; line-height:38px; border:1px solid #d2d2d2; border-bottom:none; text-align:center; font-size:14px; color:#9a9a9a; display:block; display:block; float:right; -webkit-transition:all .2s ease-in; -moz-transition:all .2s ease-in; transition:all .2s ease-in; margin:41px 0 0; text-transform:uppercase;} .mod-otherbar01 .dls-content4 .bt a:hover{background:#d2d2d2; color:#e46713;} .mod-otherbar01 .dls-content4 .nr{overflow:hidden; padding:40px 0 0; display:flex; flex-wrap:wrap; justify-content:space-between;} .mod-otherbar01 .dls-content4 .nr .content{float:left; margin:0 0 20px; width:23.7%; overflow:hidden; position:relative;} .mod-otherbar01 .dls-content4 .nr .content .more{position:absolute; top:9px; left:9px; width:calc(100% - 18px); height:calc(100% - 18px); background:rgba(255,255,255,0.6); opacity:0; -webkit-transition:all .2s ease-in; -moz-transition:all .2s ease-in; transition:all .2s ease-in; display: table;} .mod-otherbar01 .dls-content4 .nr .content:hover .more{opacity:1;} .mod-otherbar01 .dls-content4 .nr .content .more a{font-size:24px; color:#202020; line-height:28px; padding:0 10px 0; text-align:center; text-decoration:underline; display:table-cell; vertical-align:middle; cursor:default;} .mod-otherbar01 .dls-content4 .nr .content .more a:hover{color:#e46713;} .mod-otherbar01 .dls-content5 .content{width:220px; padding:0 25px 0 0; background:url(https://icdn.tradew.com/file/201709/1572411/png/6722559.png) no-repeat center left; float:left; border-top:1px solid #666666; -webkit-transition:all .2s ease-in; -moz-transition:all .2s ease-in; transition:all .2s ease-in; margin-bottom:40px;} .mod-otherbar01 .dls-content5 .content:hover{background:url(https://icdn.tradew.com/file/201709/1572411/png/6722558.png) no-repeat center left;} .mod-otherbar01 .dls-content5 .content:last-of-type{padding:0;} .mod-otherbar01 .dls-content5 .content a{font-size:14px; color:#fff; line-height:39px; display:block; padding:0 20px; text-transform:uppercase;} /*大理石*/ /*花岗岩*/ .mod-otherbar01 .granite-title{height:596px; background:url(https://icdn.tradew.com/file/201709/1572411/jpg/6725554.jpg) no-repeat center;} .mod-otherbar01 .wood-title{height:596px; background:url(https://icdn.tradew.com/file/201709/1572411/jpg/6815644.jpg) no-repeat center;} .mod-otherbar01 .marble-title{height:596px; background:url(https://icdn.tradew.com/file/201709/1572411/jpg/7605628.jpg) no-repeat center;} .mod-otherbar01 .semi-title{height:596px; background:url(https://icdn.tradew.com/file/201709/1572411/jpg/7746214.jpg) no-repeat center;} .mod-otherbar01 .onyx-title{height:596px; background:url(https://icdn.tradew.com/file/201709/1572411/jpg/6726449.jpg) no-repeat center;} .mod-otherbar01 .mosaic-title{height:596px; background:url(https://icdn.tradew.com/file/201709/1572411/jpg/6729147.jpg) no-repeat center;} .mod-otherbar01 .watejet-title{height:596px; background:url(https://icdn.tradew.com/file/201709/1572411/jpg/7922047.jpg) no-repeat center;} .mod-otherbar01 .carving-title{height:596px; background:url(https://icdn.tradew.com/file/201709/1572411/jpg/6728892.jpg) no-repeat center;} .mod-otherbar01 .brass-title{height:596px; background:url(https://icdn.tradew.com/file/201709/1572411/jpg/7745170.jpg) no-repeat center;} .mod-otherbar01 .fountain-title{height:596px; background:url(https://icdn.tradew.com/file/201709/1572411/jpg/7758592.jpg) no-repeat center;} .mod-otherbar01 .fireplace-title{height:596px; background:url(https://icdn.tradew.com/file/201709/1572411/jpg/7759066.jpg) no-repeat center;} .mod-otherbar01 .furniture-title{height:596px; background:url(https://icdn.tradew.com/file/201709/1572411/jpg/7785677.jpg) no-repeat center;} .mod-otherbar01 .hgy-content1{padding:80px 0 110px;} .mod-otherbar01 .hgy-content1 .leftcontent{float:left; width:46.6%;} .mod-otherbar01 .hgy-content1 .leftcontent h1{font-size:18px; color:#828180; line-height:22px; text-transform:uppercase; display:block;} .mod-otherbar01 .hgy-content1 .leftcontent h2{font-size:55px; color:#1e1e1e; line-height:115px; text-transform:uppercase; font-weight:600; display:block;} .mod-otherbar01 .hgy-content1 .word{float:right; width:44.2%;} .mod-otherbar01 .hgy-content1 .word p{font-size:18px; color:#828180; line-height:30px;} .mod-otherbar01 .hgy-content2{padding:0 0 110px;} .mod-otherbar01 .hgy-content2-1{padding:0 0 95px;} .mod-otherbar01 .hgy-content2 .pic{width:46.6%;} .mod-otherbar01 .hgy-content2-1 .pic{width:45%;} .mod-otherbar01 .hgy-content2 .pic1{float:left;} .mod-otherbar01 .hgy-content2 .pic2{float:right;} .mod-otherbar01 .hgy-content2 .word{width:45%;} .mod-otherbar01 .hgy-content2 .word1{float:right; width:45%;} .mod-otherbar01 .hgy-content2 .word2{float:left; width:46.6%；;} .mod-otherbar01 .hgy-content2 .word h1{font-size:30px; color:#1e1e1e; line-height:32px; text-transform:uppercase; font-weight:600; padding:0 0 25px; margin:0 0 35px; display:block; position:relative;} .mod-otherbar01 .hgy-content2 .word1 h1{text-align:left;} .mod-otherbar01 .hgy-content2 .word2 h1{text-align:right;} .mod-otherbar01 .hgy-content2 .word h1:before{content:""; height:4px; width:60px; background:#e46713; position:absolute; bottom:0;} .mod-otherbar01 .hgy-content2 .word1 h1:before{left:0;} .mod-otherbar01 .hgy-content2 .word2 h1:before{right:0;} .mod-otherbar01 .hgy-content2 .word p{font-size:18px; color:#828180; line-height:30px; padding:20px 0 0;} .mod-otherbar01 .hgy-content2 .word1 p{text-align:left;} .mod-otherbar01 .hgy-content2 .word2 p{text-align:right;} .mod-otherbar01 .hgy-title h1{font-size:30px; color:#1e1e1e; line-height:80px; display:block; text-align:center; font-weight:600; position:relative; text-transform:uppercase;} .mod-otherbar01 .hgy-title h1:before{content:""; height:4px; width:60px; background:#e46713; position:absolute; left:calc(50% - 30px); bottom:0;} .mod-otherbar01 .hgy-title p{font-size:18px; color:#828180; line-height:24px; padding:35px 18% 0; text-align:center;} .mod-otherbar01 .hgy-content3{padding:40px 0 0;} .mod-otherbar01 .hgy-content3 .card-title-tabs{display:inline-block; padding:0 35px; position:relative;} .mod-otherbar01 .hgy-content3 .card-title-tabs:before{content:""; height:1px; width:100%; background:#d2d2d2; position:absolute; bottom:0; left:0;} .mod-otherbar01 .hgy-content3 .card-title .card-title-tab .card-tab-link{font-size:14px; color:#292929; font-weight:600; padding:0 5px; line-height:53px; background:none; height:auto; width:auto; position:relative; display:block;} .mod-otherbar01 .hgy-content3 .card-title .card-title-tab.on .card-tab-link{background:none;} .mod-otherbar01 .hgy-content3 .card-title .card-title-tab.on .card-tab-link:before{content:""; height:4px; width:100%; position:absolute; left:0; bottom:0; background:#aaa;} .mod-otherbar01 .hgy-content3 .card-html .lc{display:flex; flex-wrap:wrap; justify-content:space-between;} .mod-otherbar01 .hgy-content3 .card-html .lc-content{float:left; margin:0 0 20px; width:23.7%; overflow:hidden; position:relative;} .mod-otherbar01 .hgy-content3 .card-html .lc-content:nth-of-type(4){margin:0 0 20px;} .mod-otherbar01 .hgy-content3 .card-html .lc-content:nth-of-type(8){margin:0 0 20px;} .mod-otherbar01 .hgy-content3 .card-html .lc-content:nth-of-type(12){margin:0 0 20px;} .mod-otherbar01 .hgy-content3 .card-html .lc-content .more{position:absolute; top:9px; left:9px; background:rgba(255,255,255,0.6); opacity:0; -webkit-transition:all .2s ease-in; -moz-transition:all .2s ease-in; transition:all .2s ease-in; height:calc(100% - 18px); width:calc(100% - 18px); display: table;} .mod-otherbar01 .hgy-content3 .card-html .lc-content:hover .more{opacity:1;} .mod-otherbar01 .hgy-content3 .card-html .lc-content .more a{font-size:24px; color:#202020; line-height:28px; padding:0 10px 0; text-align:center; text-decoration:underline; display:table-cell; vertical-align:middle; cursor:default;} .mod-otherbar01 .hgy-content3 .card-html .lc-content .more a:hover{color:#e46713;} .mod-otherbar01 .hgy-title1{padding:40px 0 28px;} .mod-otherbar01 .hgy-title1 h1{font-size:30px; color:#1e1e1e; line-height:80px; display:block; position:relative; font-weight:600; text-transform:uppercase;} .mod-otherbar01 .hgy-title1 h1:before{content:""; height:4px; width:60px; background:#e46713; position:absolute; left:0; bottom:0;} .mod-otherbar01 .hgy-title1 p{font-size:18px; color:#828180; line-height:30px; padding:35px 0 0;} .mod-otherbar01 .hgy-content4{padding:0 0 20px;} .mod-otherbar01 .hgy-content4 .bt{overflow:hidden; border-bottom:1px solid #d2d2d2;} .mod-otherbar01 .hgy-content4 .bt h1{float:left; font-size:24px; color:#1e1e1e; line-height:80px; display:block; text-transform:uppercase;} .mod-otherbar01 .hgy-content4 .bt a{width:284px; line-height:38px; border:1px solid #d2d2d2; border-bottom:none; text-align:center; font-size:14px; color:#9a9a9a; display:block; display:block; float:right; -webkit-transition:all .2s ease-in; -moz-transition:all .2s ease-in; transition:all .2s ease-in; margin:41px 0 0; text-transform:uppercase;} .mod-otherbar01 .hgy-content4 .bt a:hover{background:#d2d2d2; color:#e46713;} .mod-otherbar01 .hgy-content4 .nr{overflow:hidden; padding:40px 0 0;} .mod-otherbar01 .hgy-content4 .nr .content{float:left; margin:0 20px 20px 0; width:285px; height:220px; overflow:hidden; position:relative;} .mod-otherbar01 .hgy-content4 .nr .content:nth-of-type(4){margin:0 0 20px;} .mod-otherbar01 .hgy-content4 .nr .content:nth-of-type(8){margin:0 0 20px;} .mod-otherbar01 .hgy-content4 .nr .content .more{position:absolute; top:9px; left:9px; width:267px; height:202px; background:rgba(255,255,255,0.6); opacity:0; -webkit-transition:all .2s ease-in; -moz-transition:all .2s ease-in; transition:all .2s ease-in; display: table;} .mod-otherbar01 .hgy-content4 .nr .content:hover .more{opacity:1;} .mod-otherbar01 .hgy-content4 .nr .content .more a{font-size:24px; color:#202020; line-height:28px; padding:0 10px 0; text-align:center; text-decoration:underline; display:table-cell; vertical-align:middle;} .mod-otherbar01 .hgy-content4 .nr .content .more a:hover{color:#e46713;} .mod-otherbar01 .hgy-content5 .content-a:first-of-type{padding:45px 0 40px;} .mod-otherbar01 .hgy-content5 .content-a{padding:0 0 40px;} .mod-otherbar01 .hgy-content5 .content{width:220px; padding:0 25px 0 0; background:url(https://icdn.tradew.com/file/201709/1572411/png/6722559.png) no-repeat center left; float:left; border-top:1px solid #666666; -webkit-transition:all .2s ease-in; -moz-transition:all .2s ease-in; transition:all .2s ease-in;} .mod-otherbar01 .hgy-content5 .content:hover{background:url(https://icdn.tradew.com/file/201709/1572411/png/6722558.png) no-repeat center left;} .mod-otherbar01 .hgy-content5 .content:last-of-type{padding:0;} .mod-otherbar01 .hgy-content5 .content a{font-size:14px; color:#fff; line-height:39px; display:block; padding:0 20px; text-transform:uppercase;} /*花岗岩*/ /*家具*/ .layout-page .mod-color .dls-content6-mod-title{border-bottom:none;} .mod-otherbar01 .dls-content6{padding: 0 0 20px;} .mod-otherbar01 .dls-content6 .bt{overflow: hidden; border-bottom: 1px solid #d2d2d2;} .mod-otherbar01 .dls-content6 .bt h1{float: left; font-size: 24px; color: #1e1e1e; line-height: 80px; display: block; text-transform: uppercase;} .mod-otherbar01 .dls-content6 .bt a{width: 284px; line-height: 38px; border: 1px solid #d2d2d2; border-bottom: none; text-align: center; font-size: 14px; color: #9a9a9a; display: block; float: right; -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; transition: all .2s ease-in; margin: 41px 0 0; text-transform: uppercase;} .mod-otherbar01 .dls-content6 .nr{overflow: hidden; padding: 20px 0 0; display: flex; flex-wrap: wrap; justify-content: space-between;} .mod-otherbar01 .dls-content6 .nr .content{float: left; margin: 0 0 0px; width: 32%; overflow: hidden; position: relative;} .mod-otherbar01 .dls-content6 .nr .content .more{position: absolute; top: 9px; left: 9px; width: calc(100% - 18px); height: calc(100% - 18px); background: rgba(255,255,255,0.6); opacity: 0; -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; transition: all .2s ease-in; display: table;} /*家具*/ /*响应式*/ .mod-otherbar01 .pic img{width:100%;} .mod-otherbar01 .content-bg{overflow:visible;} .mod-otherbar01 .mable-title, .mod-otherbar01 .semi-title, .mod-otherbar01 .granite-title, .mod-otherbar01 .onyx-title, .mod-otherbar01 .watejet-title, .mod-otherbar01 .mosaic-title, .mod-otherbar01 .wood-title, .mod-otherbar01 .carving-title, .mod-otherbar01 .swiming-pool{background-size:cover;} @media screen and (min-width:1200px){ .mod-otherbar01 .system-title h1{width:1200px;} .mod-otherbar01 .technology-title h1{width:1200px;} .mod-otherbar01 .skill-title h1{width:1200px;} .mod-otherbar01 .waterjet-title h1{width:1200px;} } @media (max-width: 1200px) { .mod-otherbar01 .skill-title1{margin:0; width:100%;} } @media (max-width: 1024px) { .mod-otherbar01 .skill-title{padding:20vw 4vw;} .mod-otherbar01 .skill-title h1{font-size:28px;} .mod-otherbar01 .contenta .pic,.mod-otherbar01 .contentb .pic,.mod-otherbar01 .contenta1 .pic{max-width:100%; height:auto; float:none; margin:20px auto; box-sizing:border-box;} .mod-otherbar01 .contenta .wz,.mod-otherbar01 .contentb .wz,.mod-otherbar01 .contenta1 .wz{width:94%; margin:auto; float:none;} .mod-otherbar01 .system-title{padding:20vw 4vw;} .mod-otherbar01 .system-title h1{font-size:28px;} .mod-otherbar01 .system-content1 .pic, .mod-otherbar01 .system-content2 .pic{max-width:100%; height:auto; float:none; margin:20px auto; box-sizing:border-box;} .mod-otherbar01 .system-content1 .wz, .mod-otherbar01 .system-content2 .wz{width:94%; margin:auto; float:none;} .mod-otherbar01 .waterjet-title{padding:20vw 4vw;} .mod-otherbar01 .waterjet-title h1{font-size:28px;} .mod-otherbar01 .waterjet-content3 .pic{max-width:100%; height:auto; float:none; margin:20px auto; box-sizing:border-box;} .mod-otherbar01 .waterjet-content3 .word{width:94%; margin:auto; float:none;} .mod-otherbar01 .waterjet-content1 .content-a{display:block; max-width:350px; margin:auto;} .mod-otherbar01 .waterjet-content1 .w{width:100%; float:none; margin-bottom:70px;} .mod-otherbar01 .technology-title{padding:20vw 4vw;} .mod-otherbar01 .technology-title h1{font-size:28px;} .mod-otherbar01 .technology-content3 .content{width:42%; margin:0 2% 30px;} .mod-otherbar01 .content-ny .content-ny-left{width:100%;} .mod-otherbar01 .content-ny .content-ny-left ul{display:flex; flex-wrap:wrap; justify-content:space-between;} .mod-otherbar01 .content-ny .content-ny-left ul li{width:48%;} .mod-otherbar01 .content-ny .content-ny-left ul li a{line-height:22px; padding:6px 10px; height:100%; box-sizing:border-box;} .mod-otherbar01 .content-ny .content-ny-right{width:100%; margin-top:20px;} } @media (max-width: 767px) { .mod-otherbar01 .skill-title h1{font-size:22px; line-height:36px; padding:10px 0;} .mod-otherbar01 .skill-title h1:before{width:100px;} .mod-otherbar01 .skill-title1 .content{width:100%; float:none;} .mod-otherbar01 .title-a h1{line-height:40px; padding:10px 0; font-size:26px;} .mod-otherbar01 .contentc .content{width:100%; float:none; margin:0 auto 20px; max-width:390px;} .mod-otherbar01 .system-title h1{font-size:22px; line-height:36px; padding:10px 0;} .mod-otherbar01 .system-title h1:before{width:100px;} .mod-otherbar01 .system-content3 .content .nr1{max-width:199px; width:calc(50% - 10px);} .mod-otherbar01 .waterjet-title h1{font-size:22px; line-height:36px; padding:10px 0;} .mod-otherbar01 .waterjet-title h1:before{width:100px;} .mod-otherbar01 .waterjet-content2 .content{width:100%;} .mod-otherbar01 .technology-title h1{font-size:22px; line-height:36px; padding:10px 0;} .mod-otherbar01 .technology-title h1:before{width:100px;} .mod-otherbar01 .technology-content{padding-top:20px;} .mod-otherbar01 .technology-content .pic{max-width:100%; float:none !important; height:auto; box-sizing:border-box; margin:20px auto;} .mod-otherbar01 .technology-content .wz{width:94%; float:none !important; margin:auto;} .mod-otherbar01 .technology-content .content-a{padding-bottom:20px;} .mod-otherbar01 .technology-content .wz h1{padding-top:0;} .mod-otherbar01 .technology-content3 .content{width:96%;} .technology-content4 .card-title .card-title-tab{padding:0 10px;} .mod-otherbar01 .technology-content4 .card-title .card-title-tab .card-tab-link{width:70px;} .mod-otherbar01 .technology-content4 .lc .content{width:100%; margin:0 auto 20px;} .mod-otherbar01 .technology-content5 .content{width:94%; margin:0 auto 20px;} .mod-otherbar01 .technology-content5 .content-a{justify-content:center;} .mod-otherbar01 .technology-content5 .content p{padding-top:0;} .mod-otherbar01 .technology-content5 .content .pic a{display:block;} } @media (max-width:1023px) { .mod-otherbar01 .mable-title, .mod-otherbar01 .semi-title, .mod-otherbar01 .granite-title, .mod-otherbar01 .onyx-title, .mod-otherbar01 .watejet-title, .mod-otherbar01 .mosaic-title, .mod-otherbar01 .wood-title, .mod-otherbar01 .carving-title{height:400px;} .mod-otherbar01 .hgy-content1 .word, .mod-otherbar01 .hgy-content1 .leftcontent, .mod-otherbar01 .dls-content2 .pic, .mod-otherbar01 .dls-content2 .word{width:100%; max-width:600px; float:none; margin:20px auto;} .mod-otherbar01 .hgy-content2 .pic, .mod-otherbar01 .hgy-content2 .word1, .mod-otherbar01 .hgy-content2-1 .pic, .mod-otherbar01 .hgy-content2 .word, .mod-otherbar01 .dls-content1 .leftcontent, .mod-otherbar01 .dls-content1 .word, .mod-otherbar01 .hgy-content2 .word2{width:100%; max-width:600px; float:none; margin:20px auto;} } @media (max-width: 767px) { .mod-otherbar01 .mable-title, .mod-otherbar01 .semi-title, .mod-otherbar01 .granite-title, .mod-otherbar01 .onyx-title, .mod-otherbar01 .watejet-title, .mod-otherbar01 .mosaic-title, .mod-otherbar01 .wood-title, .mod-otherbar01 .carving-title{height:52vw;} .mod-otherbar01 .hgy-content1{padding:0;} .mod-otherbar01 .hgy-content1 .leftcontent h2{font-size:32px; line-height:48px;} .mod-otherbar01 .hgy-content1 .word p{font-size:15px; line-height:25px;} .mod-otherbar01 .dls-content2 .word h1{font-size:20px; padding-bottom:10px; margin-bottom:10px;} .mod-otherbar01 .dls-content2 .word p{font-size:15px; line-height:25px; padding-top:10px;} .mod-otherbar01 .dls-content2{padding-bottom:0;} .mod-otherbar01 .dls-content2-1{padding-bottom:20px;} .mod-otherbar01 .dls-title h1{font-size:20px; line-height:40px; padding-bottom:10px;} .mod-otherbar01 .dls-title p{font-size:15px; padding:20px 5% 0;} .mod-otherbar01 .dls-content3{padding:20px 0 0;} .mod-otherbar01 .dls-content3 .card-title-tabs{padding:0;} .content-a .card-title .card-title-tab{padding:0 10px;} .mod-otherbar01 .dls-content3 .card-html .lc-content{width:calc(50% - 10px); margin:5px;} .mod-otherbar01 .dls-content3 .card-html .lc-content .more a{font-size:14px; line-height:20px; padding:0 5px;} .mod-otherbar01 .dls-title1{padding:20px 0;} .mod-otherbar01 .dls-title1 h1{font-size:24px; line-height:40px; padding-bottom:10px;} .mod-otherbar01 .dls-title1 p{font-size:15px; line-height:25px; padding-top:15px;} .mod-otherbar01 .dls-content4 .bt h1{float:none; font-size:20px; text-align:center; line-height:40px;} .mod-otherbar01 .dls-content4 .bt a{width:80%; float:none; margin:10px auto 0;} .mod-otherbar01 .dls-content4 .nr{padding-top:16px;} .mod-otherbar01 .dls-content4 .nr .content{width:48%; margin-bottom:10px;} .mod-otherbar01 .dls-content4 .nr .content .more a{font-size:14px; line-height:20px; padding:0 5px;} .mod-otherbar01 .hgy-content2 .word h1{font-size:20px; padding-bottom:10px; margin-bottom:10px;} .mod-otherbar01 .hgy-content2 .word p{font-size:15px; line-height:25px; padding-top:10px;} .mod-otherbar01 .hgy-content2{padding-bottom:0;} .mod-otherbar01 .hgy-content2-1{padding-bottom:0;} .mod-otherbar01 .hgy-title h1{font-size:20px; line-height:40px; padding-bottom:10px;} .mod-otherbar01 .hgy-title p{font-size:15px; padding:20px 5% 0;} .mod-otherbar01 .hgy-content3{padding:20px 0 0;} .mod-otherbar01 .hgy-content3 .card-title .card-title-tab .card-tab-link{line-height:40px;} .mod-otherbar01 .hgy-content3 .card-html .lc-content{width:48%; margin-bottom:10px;} .mod-otherbar01 .hgy-content3 .card-html .lc-content .more a{font-size:14px; line-height:20px; padding:0 5px;} .mod-otherbar01 .dls-content1{padding:0;} .mod-otherbar01 .dls-content1 .leftcontent h2{font-size:32px; line-height:48px;} .mod-otherbar01 .dls-content1 .word p{font-size:15px; line-height:25px;} .mod-otherbar01 .hgy-content3 .card-title-tabs{padding:0;} .editer-module-5004 .detail-txt-pic{flex-wrap:wrap;} .layout-page .editer-module-5004 .detail-txt-pic .txt-left,.layout-page .editer-module-5004 .detail-txt-pic .pic-right{width:100%;} .mod-otherbar01 .dls-content5 .content{background-size:100% 100%; padding:0; width:46%; margin:0 2% 10px; border-top:none;} .mod-otherbar01 .content-ny .content-ny-right .right-title h1:before{display:none;} .mod-otherbar01 .content-ny .content-ny-right .right-title h1{padding:0; font-size:28px;} .mod-otherbar01 .content-ny .content-ny-right .right-title h2{padding:0; font-size:20px;} .mod-otherbar01 .content-ny .content-ny-right .right-photo .pic{width:94%; margin:0 3% 15px;} .mod-otherbar01 .content-ny .content-ny-left .more{font-size:20px;} } /*响应式*/ .layout-myinban{background:url("https://icdn.tradew.com/file/201811/1573270/jpg/6994218.jpg?x-oss-process=image/quality,Q_90") center/cover;} .layout-myinban .content-bg{height:600px;} .layout-myinban .inban_txt{display:none;} .case_list li{padding:60px 6%; background:#fff; position:relative;} .case_list .case_pic{width:50%; height:460px; position:absolute; top:calc(50% - 230px); right:0; overflow:hidden; z-index:2;} .case_pic img{position:relative; top:50%; left:50%; transform:translate(-50%,-50%); transition:all 1s;} .case_pic:hover img{transform:translate(-50%,-50%) scale(1.1);} .case_list .case_txt{max-width:1100px; height:600px; background:#eee; box-sizing:border-box; padding:0 5vw; position:relative;} .case_txt .caseT1{line-height:140px; font-size:100px; color:rgba(49,49,49,.05); text-transform:uppercase; top:0; left:0; width:100%; position:absolute; font-weight:bold;} .case_txt .caseTB{width:33vw; position:relative; top:50%; transform:translateY(-50%);} .caseTB .caseT2{text-transform:uppercase; line-height:30px; font-size:30px; color:#313131; font-weight:bold;} .caseT2:after{content:""; display:block; width:40px; height:4px; background:#e46713; margin-top:15px;} .caseTB .caseT3{font-size:18px; line-height:30px; color:#333; margin-top:25px;} .case_list li:nth-child(even){background:#eee;} .case_list li:nth-child(even) .case_pic{left:0; right:inherit;} .case_list li:nth-child(even) .case_txt{background:#fff; margin:0 0 0 auto;} .case_list li:nth-child(even) .case_txt .caseT1{text-align:right;} .case_list li:nth-child(even) .case_txt .caseTB{margin:0 0 0 auto;} @media (max-width:1199px) { .layout-myinban .content-bg{height:460px;} .case_list li{padding:30px 3%;} .caseTB .caseT2{font-size:24px; line-height:26px;} .caseTB .caseT3{font-size:16px; line-height:26px;} } @media (max-width:1023px) { .layout-myinban .content-bg{height:48vw;} .case_list .case_pic{width:100%; height:auto; position:relative; top:0;} .case_pic img{top:0; left:0; transform:none; width:100%; height:auto;} .case_pic:hover img{transform:scale(1.1);} .case_list .case_txt{height:auto; padding:20px 5%;} .case_txt .caseT1{position:relative; font-size:30px; line-height:40px; color:#e46713;} .case_list li:nth-child(even) .case_txt .caseT1{text-align:left;} .case_txt .caseTB{width:100%; top:0; transform:none;} .caseTB .caseT2{font-size:20px;} .caseT2:after{margin-top:5px;} .caseTB .caseT3{margin-top:10px;} } @media (max-width:767px) { .case_list li{padding:20px 3%;} .case_list .case_txt{padding:12px 5%;} .case_txt .caseT1{font-size:24px; line-height:30px;} .caseTB .caseT2{font-size:18px; line-height:24px;} .caseTB .caseT3{font-size:14px; line-height:20px;} }.mod-custom01 .mod-title-custom{display:none;} .mod-custom01 .custom-html .custom-html-tab{display:none;} .mod-custom01 .custom-html .on{display:block;} .mod-custom01 .custom-order .custom-order-tab{display:none;} .mod-custom01 .custom-order .on{display:block;} .mod-custom01{padding:40px 0px;} .custom-content{overflow:hidden; display:flex; justify-content:space-between; flex-wrap:wrap;} .custom-content .custom-content-left{width:calc(70% - 0.5vw - 10px); padding:4px 19px; border:5px solid #f0f0f0; background:#f9f9f9; box-sizing:border-box;} .custom-content .custom-content-right{width:calc(30% - 0.5vw - 10px); padding:10px 20px 20px; background:#f5f5f5; box-sizing:border-box;} .custom-content .custom-title-tabs{overflow:hidden; position:relative; z-index:2;} .custom-content .custom-title-tabs:after{content:""; width:100%; height:1px; background:#999; position:absolute; bottom:0px; left:0px; z-index:-1;} .custom-content .custom-title-tab{font-size:14px; color:#333; line-height:39px; float:left; width:100px; text-align:center; cursor:pointer; border-bottom:1px solid transparent; position:relative;} .custom-content .custom-title-tab:after{content:""; border-left:4px solid transparent; border-right:4px solid transparent; border-bottom:4px solid var(--main); position:absolute; left:50%; margin-left:-2px; bottom:0px; display:none;} .custom-content .custom-title-tab.on{border-bottom-color:var(--main); color:var(--main);} .custom-content .custom-title-tab.on:after{display:block;} .custom-content .custom-html{padding:10px 0px;} .custom-content .custom-list{overflow:hidden;} .custom-content .custom-item{overflow:hidden; padding:5px 0px;} .custom-content .custom-html-title{font-size:13px; color:#333; line-height:40px; width:150px; float:left;} .custom-content .custom-para-list{margin-left:150px; overflow:hidden;} .custom-content .item-input{width:200px; float:left;} .custom-content .item-suffix{min-width:35px; float:right; text-align:center; font-size:14px; line-height:40px;} .custom-content .item-input input{width:100%; font-size:13px; line-height:38px; border:1px solid #ccc; padding:0 5px; background:#fff; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} .custom-content .custom-para-item{float:left;} .custom-content .custom-para-item:nth-last-of-type(2) .item-input{width:83px;} .custom-content .custom-para-item:nth-of-type(2) .item-input{width:83px;} .custom-content .item-input input.error{outline:1px solid #f44; outline-offset: -1px;} .custom-content .custom-para-item .item-textarea{width:400px;} .custom-content .custom-para-item .item-textarea textarea{width:100%; padding:5px 10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border:1px solid #ccc;} .custom-content .item-select select{line-height:40px; border:1px solid #ccc; height:40px; width:200px;} .custom-content .item-radio{padding:5px 0px; overflow:hidden;} .custom-content .custom-radio{padding:5px; font-size:13px; float:left; line-height:20px; display:-webkit-flex; display:-moz-flex; display:flex; display:-ms-flexbox; align-items:center;} .custom-content .custom-radio img{width:30px; height:30px;} .custom-content .item-definition{overflow:hidden;} .custom-content .custom-definition{margin:5px 9px 5px 1px; float:left;} .custom-content .custom-definition a{display:block; border:1px solid #ccc;} .custom-content .custom-definition img{width:40px; height:40px;} .custom-content .custom-definition a.link-txt{font-size:13px; color:#333; line-height:28px; padding:0 10px;} .custom-content .custom-definition a.on{border-color:#f44; outline:1px solid #f44; background:var(--main); color:#fff;} .custom-content .custom-order{overflow:hidden;} .custom-content .custom-order-title{font-size:15px; color:#333; line-height:30px; padding:5px 0px 4px; border-bottom:1px solid #888;} .custom-content .custom-order-tabs .order-para{border:1px solid #ccc; margin:15px 0px 10px; background:#fff;} .custom-content .custom-order-tabs .order-para-bg{overflow:hidden; margin-bottom:-1px;} .custom-content .custom-order-tabs .order-para dl{border-bottom:1px solid #ccc; font-size:13px; color:#333; line-height:25px; overflow:hidden; background:#e5e5e5;} .custom-content .custom-order-tabs .order-para dt{width:129px; padding:5px; float:left; border-right:1px solid #ccc;} .custom-content .custom-order-tabs .order-para dd{margin-left:140px; padding:5px 10px; background:#fff; min-height:25px;} .custom-content .custom-order-tabs .order-para dd img{width:23px; height:23px; border:1px solid #ccc;} .custom-content .custom-order .custom-order-config{overflow:hidden;} .custom-content .custom-order .custom-total-price{background:#e5e5e5; overflow:hidden; padding:5px 10px; margin:10px 0px; font-size:14px; color:#333; line-height:30px; text-align:right;} .custom-content .custom-order .custom-total-price span{color:#f00; font-weight:600; padding:0 5px;} .custom-content .custom-order .custom-submit{text-align:right;} .custom-content .custom-order .custom-submit button{border:none; font-size:13px; padding:0 20px; line-height:35px; border-radius:2px; margin:0px 5px; color:#fff; cursor:pointer; display:inline-block;} .custom-content .custom-order .custom-submit .btn-add-cart{background:var(--third);} .custom-content .custom-order .custom-submit .btn-submit{background:var(--main);} .custom-content .custom-order .custom-submit .btn-submit:hover{background:var(--main);} .custom-content .custom-order .custom-submit .btn-add-cart:hover{background:var(--third);} .custom-content .custom-order .custom-submit button.disable{background:#e5e5e5; color:#999;} .custom-content .custom-order .custom-submit button.disable:hover{background:#e5e5e5; color:#999; cursor:not-allowed;} .custom-content .custom-order .order-freight dl{overflow:hidden; padding-top:10px;} .custom-content .custom-order .order-freight dd{padding:10px 0px;} .custom-content .custom-order .order-freight select{width:100%; padding:0 5px; font-size:13px; line-height:40px; height:40px; border:1px solid #e5e5e5; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} .custom-content .custom-order .custom-order-config{font-size:14px; color:#666; line-height:25px; padding:0 5px;} .custom-content .custom-order .custom-order-config .currency{color:var(--main); display:inline-block;} .custom-content .custom-order .custom-order-config .min-price{color:var(--main); display:inline-block; padding-left:10px;}.mod-recruitment-list01{ } .mod-privacy-notice01 .mod-content-privacy-notice{padding-top:10px; overflow:hidden;} .mod-privacy-notice01 .box-content a{font-size:14px; color:#000; line-height:20px; display:inline-block;} .mod-privacy-notice01 .us a{text-decoration:underline;} .mod-privacy-notice01 .privacy-notice-box dl{line-height:25px; overflow:hidden; padding-bottom:10px;} .mod-privacy-notice01 .privacy-notice-box dt{font-size:16px; font-weight:600;}.mod-terms-conditions01 .mod-content-terms-conditions{padding-top:10px;} .mod-terms-conditions01 .terms-conditions-box a{color:#000; text-decoration:underline;} .mod-terms-conditions01 .terms-conditions-box dl{line-height:25px; overflow:hidden;} .mod-terms-conditions01 .terms-conditions-box dt{font-size:16px; font-weight:600;} .mod-terms-conditions01 .terms-conditions-box p{padding:5px 0px;}.mod-index01 .item-title{font-size:16px; font-weight:bold; color:#333; padding:10px 0; text-transform:uppercase; line-height:25px;} .mod-index01 .item-box li{width:25%;} .mod-index01 .index-item-aboutus .item-box li{width:100%;} .mod-index01 .index-item-products .item-box li{width:100%;} .mod-index01 .item-box ul{display:flex; flex-wrap:wrap;} .mod-index01 .item-box li span{display:inline-block;} .mod-index01 .item-box li a{color:#333; overflow:hidden; display:block; font-size:14px; line-height:20px; padding:5px;} .mod-index01 .item-box li a:hover{text-decoration:underline;} .mod-index01 .index-item-contactus .item-box li{clear:both; width:auto; background:none;} .mod-index01 .index-item-contactus .item-box ul{margin-top:5px; border-bottom:rgba(0,0,0,0.2) solid 1px; overflow:hidden;} .mod-index01 .index-item-contactus .item-box .item-tab-first{font-size:12px;} .mod-index01 .index-item-contactus .item-box .item-left{color:#666; width:100px; display:inline-block;} .mod-index01 .index-item-contactus .item-box .item-right{color:#333;} .mod-index01 .index-item-contactus .item-box .item-tab-first .item-right{font-weight:bold;} @media (max-width:767px){ .mod-index01 .item-box li{width:50%;} }.mod-productdetail01 .detail-basic{overflow:hidden; position:relative; display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap;} .mod-productdetail01 .detail-desc .desc-content{word-break:break-word; overflow:hidden;} .mod-productdetail01 .img-box img{width:100%; height:auto; display:block;} .mod-productdetail01 .img-box .imgae{margin-bottom:5px; text-align: center; border:1px solid rgba(0,0,0,0.1);} .mod-productdetail01 .img-box .img-page{overflow:hidden; display:flex; align-items:center; margin:0 -3px;} .mod-productdetail01 .img-box .img-page .page{display:block; margin:5px; cursor:pointer; width:calc(20% - 10px); box-sizing:border-box;} .mod-productdetail01 .img-box .img-page .on{outline:1px solid #f00; outline-offset:1px;} .mod-productdetail01 .share-box dd{padding:7px 0px; position:relative;} .mod-productdetail01 .mation-box{padding:10px 0; font-size:13px; line-height:20px;} .mod-productdetail01 .mation-box a{color:#333; line-height:20px; display:inline-block;} .mod-productdetail01 .mation-box a:hover{text-decoration:underline;} .mod-productdetail01 .mation-box tr{line-height:20px;} .mod-productdetail01 .mation-box th{width:35%; color:#555; float:left; font-weight:normal; padding:5px 0px; text-align:initial;} .mod-productdetail01 .mation-box td{width:calc(65% - 20px); float:right; color:#333; padding:5px 0px;} .mod-productdetail01 .mation-box .file{display:block; float:left; padding:2px;} .mod-productdetail01 .mation-box dl{display:flex; justify-content:space-between;} .mod-productdetail01 .mation-box dt{width:20%; padding:5px 0px;} .mod-productdetail01 .mation-box dd{width:calc(80% - 20px); padding:5px 0px;} .mod-productdetail01 .basic-box > * + *{margin-top:10px;} .mod-productdetail01 .basic-box .main-title h1{font-size:calc(0.5vw + 15px); color:#000; line-height:calc(1vw + 15px); display:block;} .mod-productdetail01 .basic-box .simple-desc{font-size:14px; line-height:25px;} .mod-productdetail01 .detail-desc .desc-title{font-size:14px; line-height:25px; color:#555; text-transform:capitalize; padding:calc(0.75vw + 15px) 0 10px;} .mod-productdetail01 .detail-desc .desc-para .desc-para-tabs{overflow:hidden; padding:calc(0.5vw + 5px); display:flex; flex-wrap:wrap; background:#f0f0f0;} .mod-productdetail01 .detail-desc .desc-para .desc-para-tab{font-size:14px; color:#333; line-height:20px; width:calc(100%/3 - 30px); padding:10px; margin:5px; background:#fff; overflow:hidden; display:block;} .mod-productdetail01 .basic-box .detailed{overflow:hidden; padding:10px 0;} .mod-productdetail01 .basic-box .detailed ul{overflow:hidden; font-size:13px; line-height:20px; display:flex; justify-content:space-between;} .mod-productdetail01 .basic-box .detailed ul > *{padding:5px 0;} .mod-productdetail01 .basic-box .left{width:20%; color:#555;} .mod-productdetail01 .basic-box .right{width:calc(80% - 20px); display:flex; align-items:center;} .mod-productdetail01 .basic-box .detailed ul li .text{width:40px; border:rgba(0,0,0,0.2) solid 1px; height:20px; line-height:20px; border-radius:3px; float:left; padding:4px;} .mod-productdetail01 .basic-box .detail-desc{clear:both;} .mod-productdetail01 .basic-box .detail-desc img{max-width:100%;} .mod-productdetail01 .buy_add,.mod-productdetail01 .button-box{display:flex; align-items:stretch; justify-content:flex-start; flex-wrap:wrap; margin:0 -5px; padding:calc(1vw + 10px) 0 0;} .mod-productdetail01 .buy_add >div ,.mod-productdetail01 .button-box > div{margin:5px; width:calc(100% - 10px); flex:1 2 0;} .mod-productdetail01 .buy_add a,.mod-productdetail01 .button-box a{display:flex; align-items:center; justify-content:center; font-size:14px; line-height:30px; border-radius:3px; background:#f0f0f0; padding:10px; text-align:center; text-transform:capitalize; white-space:pre;} .mod-productdetail01 .buy_add a:before,.mod-productdetail01 .button-box a:before{font-family:FontAwesome; padding:0 5px; display:block;} .mod-productdetail01 .buy_add .buy a{background:var(--main); color:#fff;} .mod-productdetail01 .buy_add .buy a:before{content:"\f217";} .mod-productdetail01 .buy_add .contact a:first-of-type{border:none; white-space:pre;} .mod-productdetail01 .button-box .contact a,.mod-productdetail01 .buy_add .contact a{background:var(--main); color:#fff;} .mod-productdetail01 .button-box .contact a:before,.mod-productdetail01 .buy_add .contact a:before{content:"\f003";} .mod-productdetail01 .buy_add .contact{display:none;} .mod-productdetail01 .favorites:before{content:"\f08a";} .mod-productdetail01 .favorites.on{background:var(--main); color:#fff;} .mod-productdetail01 .favorites.on:before{content:"\f004";} .mod-productdetail01 .basic-box .tb_size{overflow:hidden; font-size:12px; width:100%; line-height:20px; display:flex; align-items:stretch; flex-wrap:wrap; margin:-2px;} .mod-productdetail01 .basic-box .tb_size dd{float:left; position:relative; margin:2px;} .mod-productdetail01 .basic-box .tb_size dd a{padding:5px 10px; display:block; color:#333; text-transform: capitalize;} .mod-productdetail01 .basic-box .tb_size dd a img{width:100%;} .mod-productdetail01 .basic-box .tb_size dd a:hover{color:#000; text-decoration:none;} .mod-productdetail01 .basic-box .tb_size dd span{margin-right:5px; color:#333; display:inline-block; line-height:30px; padding:0 2px;} .mod-productdetail01 .basic-box .tb_size .on{color:var(--main);} .mod-productdetail01 .basic-box .tb_size .on:before{content:"\f14a"; font:14px/1 FontAwesome; position:absolute; top:-1px; right:0;} .mod-productdetail01 .basic-box .tab_price{border:rgba(0,0,0,0.2) solid 1px; border-collapse: collapse; width:100%; font-size:12px;} .mod-productdetail01 .basic-box .tab_price td{line-height:20px; text-align:center; border:1px solid #eee; padding:5px 10px;} .mod-productdetail01 .basic-box .tab_price td.tit{line-height:20px; background:#f9f9f9;} .mod-productdetail01 .basic-box .detailed .ui-msg-stop{color:#333; height:30px; line-height:30px;} .mod-productdetail01 .mod-bottom-detail{display:none;} .mod-productdetail01 .desc-card .desc-card-titles{padding:5px; background:#f0f0f0;} .mod-productdetail01 .desc-card .desc-card-title{padding:5px;} .mod-productdetail01 .desc-card .desc-card-title a{font-size:14px; color:#333; line-height:25px; padding:5px 15px; background:#fff; border-radius:3px;} .mod-productdetail01 .desc-card .desc-card-title.on a{background:#333; color:#fff;} @media(min-width:769px){ .mod-productdetail01 .detail-basic .img-box{width:calc(40% - 0.5vw - 10px);} .mod-productdetail01 .detail-basic .basic-box{width:calc(60% - 0.5vw - 10px);} .mod-productdetail01 .buy_add >div, .mod-productdetail01 .button-box > div{max-width:160px;} } @media (max-width:768px){ .mod-productdetail01 .detail-basic > div{width:100%; padding:5px 0;} .mod-productdetail01 .mation-box th{width:40%;} .mod-productdetail01 .mation-box td{width:calc(60% - 10px);} .mod-productdetail01 .detail-desc .desc-para .desc-para-tabs{padding:10px;} .mod-productdetail01 .detail-desc .desc-para .desc-para-tab{width:100%; margin:0px; padding:0 10px; box-sizing:border-box;} .mod-productdetail01 .detail-desc .desc-para .desc-para-tab+.desc-para-tab{margin-top:10px;} } @media(max-width:480px){ .mod-productdetail01 .buy_add, .mod-productdetail01 .button-box{position:fixed; bottom:0px; left:0; right:0; z-index:7; margin:0; padding:10px 10px 20px; background:rgba(66,66,66,0.8);} .mod-productdetail01 .buy_add a, .mod-productdetail01 .button-box a{background:#111;} .mod-productdetail01 .detail-basic,.mod-productdetail01 .mod-content .content-bg{overflow:visible;} .mod-productdetail01 .detail-basic > div{padding:0;} }.mod-sendinquiry01 .sendinquiry-main{max-width:760px; margin:auto;} .mod-sendinquiry01 .mod-title{text-align:center; padding-bottom:calc(1vw + 10px);} .mod-sendinquiry01 .mod-title .title-left{float:none; font-size:calc(0.5vw + 20px); line-height:calc(0.75vw + 25px); color:#000; text-transform:uppercase;} .mod-sendinquiry01 .mod-title .title-right{float:none; padding-top:10px; font-size:14px; color:#333; line-height:25px; margin:auto;} .mod-sendinquiry01 dl{overflow:hidden; padding:5px 0px; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap;} .mod-sendinquiry01 dt{color:#666; font-size:14px; line-height:25px; width:100px; padding:10px 0; text-align:right;} .mod-sendinquiry01 dd{width:calc(100% - 110px);} .mod-sendinquiry01 .sendinquiry-name .name{position:static;} .mod-sendinquiry01 input,.mod-sendinquiry01 textarea{font-size:14px; background:#fff; border:1px solid #e5e5e5; color:#333; line-height: 25px; border-radius:2px; box-sizing:border-box; padding:10px; width:100%;} .mod-sendinquiry01 dt span{color:var(--main); padding:0 3px;} .mod-sendinquiry01 .sendinquiry-content{align-items:start;} .mod-sendinquiry01 .name{position:relative;} .mod-sendinquiry01 .content{height:120px;} .mod-sendinquiry01 .upload-attachment{display:flex; justify-content:space-between; align-items:center; flex-direction:row-reverse; flex:auto;} .mod-sendinquiry01 .upload-attachment > *{box-sizing:border-box;} .mod-sendinquiry01 .upload-attachment dd{width:auto;} .mod-sendinquiry01 .upload-attachment ul li{display:flex; justify-content:space-between; align-items:center; margin:0 5px; font-size:12px; line-height:16px;} .mod-sendinquiry01 .upload-attachment ul li a{color:#333; width:calc(100% - 10px); overflow:hidden; display:block; text-overflow:ellipsis; white-space:pre; margin:0 5px;} .mod-sendinquiry01 .upload-attachment ul li button{color:#333; line-height:25px; width:25px; text-align:center;} .mod-sendinquiry01 .upload-attachment .btn-upload{font-size:14px; color:#333; line-height:calc(0.25vw + 20px); padding:5px 10px; background:#f0f0f0; border-radius:3px; display:flex; align-items:center;} .mod-sendinquiry01 .upload-attachment .btn-upload .fa{width:20px;} .mod-sendinquiry01 .sendinquiry-but{padding:calc(0.5vw + 10px) 0; display:flex; justify-content:flex-end;} .mod-sendinquiry01 .sendinquiry-but a{padding:10px calc(1vw + 10px); width:calc(100% - 110px); text-align:center; display:block; line-height:25px; font-size:16px; color:#fff; background:var(--main); overflow:hidden; border-radius:3px; font-weight:600; text-transform:uppercase; box-sizing:border-box;} .mod-sendinquiry01 .sendinquiry-but a.disabled,.mod-sendinquiry01 .sendinquiry-but a.disabled:hover{background:#999;} @media(max-width:768px){ .mod-sendinquiry01 dt,.mod-sendinquiry01 dd{width:100%; text-align:inherit;} .mod-sendinquiry01 .sendinquiry-but a{width:100%;} }.mod-keyword01 .keyword-box ul{overflow:hidden; margin:0 -5px; display:flex; flex-wrap:wrap;} .mod-keyword01 .keyword-box li{padding:5px;} .mod-keyword01 .keyword-box li a{color:#333; display:block; font-size:14px; line-height:20px; overflow:hidden;} .mod-keyword01 .keyword-box li a:hover{text-decoration:underline;} .mod-faq-list02{ } .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;}.mod-search01 .mod-content{position:relative;} .mod-search01 .mod-content:before{content:"\f002"; font:20px/1 FontAwesome; display:block; color:#000; text-align:center; width:50px; line-height:50px; transition:All 0.2s ease-in-out;} .mod-search01 .content-bg-search{display:flex; overflow:hidden; width:0; transition: All 0.2s ease-in-out; position:absolute; top:100%; right:0; z-index:111; background:#fff;} .mod-search01 .search-text{flex:1 2 0; font-size:14px; color:#333; line-height:20px; height:20px; padding:10px; border:none; background:transparent; width:150px;} .mod-search01 .search-submit{height:40px; width:40px; background:transparent; border:none; cursor:pointer; color:#333; transition:All 0.2s ease-in-out;} .mod-search01 .search-submit:before{content:"\f002"; font:20px/1 FontAwesome; display:block; text-align:center;} .mod-search01 .search-submit:hover{color:var(--main); opacity:1;} .mod-search01 .mod-content:hover:before{color:var(--main);} .mod-search01 .mod-content:hover .content-bg-search{border:2px solid var(--main); width:240px;} @media(min-width:769px){ .page-box-default .mod-search01 .mod-content:before{color:#fff;} .page-box-default .fixed .mod-search01 .mod-content:before{color:#000;} .page-box-commpage .mod-search01 .mod-content:before{color:#fff;} .page-box-commpage .fixed .mod-search01 .mod-content:before{color:#000;} }.mod-rqcode01{overflow:hidden;} .mod-rqcode01 .mod-content-rqcode{border:5px solid #fff;display:inline-block;} .mod-rqcode01 .mod-content-rqcode img{max-width:100%;} @media screen and(min-width:1024px){ .mod-rqcode01 .mod-title-rqcode{padding-bottom:30px;} } .mod-ordertracking01 .content-bg{overflow:visible;} .mod-ordertracking01 .track-title h2{float:none; font-size:calc(1vw + 14px); line-height:calc(1vw + 25px); color:#333; font-weight:600; padding-bottom:calc(0.5vw + 5px);} .mod-ordertracking01 .track-item01{display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; padding:10px 0;} .mod-ordertracking01 .track-item01 > div{width:calc(50% - 1vw - 10px); padding:10px 0;} .mod-ordertracking01 .track-item01 .track-title{padding:calc(0.5vw + 20px); border-radius:calc(1vw + 10px); box-shadow:0 0 15px rgba(0,0,0,0.1); box-sizing:border-box; overflow:hidden; font-size:calc(0.1vw + 12px); line-height:calc(0.5vw + 20px); color:#333;} .mod-ordertracking01 .track-item01 .track-title a{color:#333;} .mod-ordertracking01 .track-item01 .login-link{font-size:14px; line-height:25px; padding:10px; width:100%; background:var(--main); color:#fff; border-radius:30px; display:block; cursor:pointer; text-transform:capitalize; margin-top:calc(0.5vw + 15px);} .mod-ordertracking01 .track-item01 .login-link:hover{background:var(--deputy);} .mod-ordertracking01 .track-item01 .img img{margin:0;} .mod-ordertracking01 .track-item01 .track-find{display:flex; overflow:hidden; border-radius:50vw; overflow:hidden; margin-top:calc(0.5vw + 15px);} .mod-ordertracking01 .track-item01 .txt-term{flex:1 2 0; font-size:13px; color:#333; line-height: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(https://ccdn.tradew.com/MNplan/69/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;} .mod-subscription01{overflow:hidden;} .mod-subscription01 .mod-content-subscription{padding:10px 0px;} .mod-subscription01 .content-bg{display:flex;border-radius:5px;border: 1px solid #fff;} .mod-subscription01 .text {flex:1 2 0;height: 40px;line-height: 40px;color: #fff;font-size: 14px;padding: 0px 10px;margin: 0px;border:none;background:transparent;width:100px;} .mod-subscription01 .subscription {width:50px;height:40px;text-align:center;color:#333;border:none;cursor:pointer;background:#fff;transition:All 0.2s ease-in-out;} .mod-subscription01 .subscription:before{content:"\f1d8";font:normal normal normal 24px/1 FontAwesome;dispaly:block;text-align:center;} .mod-subscription01 .subscription:hover{color:#e46713;} @media screen and (max-width:767px){ .mod-subscription01 .mod-content-subscription{max-width:300px;margin:0 auto;} } .mod-card01{overflow:hidden;} .mod-card01 .card-html-tab{display:none; } .mod-card01 .card-html .on{display:block; } .mod-card01-title .mod-title{text-align:center;} .mod-card01-title .title-left{float:none;} .mod-card01-title .title-right{float:none; max-width:760px; margin:auto; padding-top:calc(0.25vw + 5px);} .mod-card01-title .title-right-span{display:block;} .mod-card01-title .mod-title h2{font-size: calc(1.5vw + 18px); line-height: calc(1.5vw + 25px); font-weight:700; color:#000;} .mod-card01-title .mod-title h3{color:var(--main); font-weight:600; padding:5px 20px; text-transform:uppercase; display:inline-block; background:url(https://icdn.tradew.com/stylefile/20334/title-bg.png) left center no-repeat;} .mod-card01-title .mod-bottom{padding-top:calc(2vw + 10px);} .mod-card01-title .bottom-left{display:flex; align-items:center; justify-content:center;} .mod-card01-title .bottom-left a{display:flex; align-items:center; background:var(--main); border-radius:50vw; border:2px solid var(--main); position:relative; color:#fff; z-index:3; padding:0 calc(1vw + 30px); line-height:calc(0.5vw + 29px);} .mod-card01-title .bottom-left a:after{content:"➜"; line-height:calc(0.5vw + 25px); width:calc(0.5vw + 25px); color:var(--main); text-align:center; position:absolute; z-index:2; right:2px; bottom:2px; top:2px;} .mod-card01-title .bottom-left a:before{content:""; top:2px; right:2px; width:calc(0.5vw + 25px); bottom:2px; background:#fff; border-radius:50vw; position:absolute; z-index:-1;} .mod-card01-title .bottom-left a:hover{color:var(--main);} .mod-card01-title .bottom-left a:hover:before{width:calc(100% - 4px);} .layout-designTwo .mod-card01 .swiper-button-prev,.layout-designTwo .mod-card01 .swiper-button-next{color:#333; background:rgba(255,255,255,0.8); width:calc(1vw + 30px); height:calc(1vw + 30px); margin:0; transform:translate(0,-50%); box-shadow:0 0 10px rgba(0,0,0,0.1); border-radius:50%;} .layout-designTwo .mod-card01 .swiper-button-prev:after,.layout-designTwo .mod-card01 .swiper-button-next:after{font-size:calc(0.4vw + 14px); line-height:calc(1vw + 25px);} .layout-designTwo .mod-card01 .swiper-button-prev:hover,.layout-designTwo .mod-card01 .swiper-button-next:hover{color:var(--main);} .layout-designTwo .mod-card01 .swiper-button-prev.swiper-button-disabled,.layout-designTwo .mod-card01 .swiper-button-next.swiper-button-disabled{opacity:1; background:#eee; color:#666;} .layout-designTwo .mod-card01 .swiper-container{padding-bottom:calc(1vw + 20px);} .mod-card01 .swiper-pagination{display:flex; align-items:center; justify-content:center;} .mod-card01 .swiper-pagination-bullet{width:5px; height:5px; border-radius:50vw; opacity:1; background:rgba(0,0,0,0.5);} .mod-card01 .swiper-pagination-bullet-active{background:var(--main); width:calc(1vw + 10px);} .layout-designTwo{padding:calc(2% + 20px) 0; background:#f8f9fa;} .layout-designTwo .mod-card01 .card-title{padding:calc(1vw + 10px) 0;} .layout-designTwo .mod-card01 .card-title ul{display:flex; align-items:start; justify-content:center; flex-wrap:wrap;} .layout-designTwo .mod-card01 .card-title li{margin:5px calc(1.5vw + 5px);} .layout-designTwo .mod-card01 .card-title li a{font-size:calc(0.5vw + 14px); line-height:calc(0.5vw + 20px); text-transform:uppercase; color:#666; font-weight:600; padding:calc(0.5vw + 5px) 0; border-bottom:2px solid transparent;} .layout-designTwo .mod-card01 .card-title .on a{color:var(--main); border-bottom-color:var(--main);} .layout-designTwo .mod-card01 .swiper-slide h3{position:absolute; left:0; right:0; bottom:0; padding:calc(2vw + 10px) calc(1vw + 10px) calc(0.5vw + 10px); text-align:center; color:#fff; font-size:calc(0.5vw + 14px); line-height:calc(0.5vw + 20px); font-weight:600; background:-webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.4));} .layout-designFour{padding:calc(2% + 20px) 0;} .layout-designFour .mod-card01 .mod-title{padding-bottom:calc(1vw + 10px);} .layout-designFour .mod-card01 .content-bg{display:flex; align-items:start; justify-content:space-between; flex-wrap:wrap;} .layout-designFour .mod-card01 .card-title{width:calc(38.5% - 2vw - 10px);} .layout-designFour .mod-card01 .card-title li{display:flex; align-items:center; flex-wrap:wrap; padding:calc(0.25vw + 5px) 0;} .layout-designFour .mod-card01 .card-title li:before{content:""; width:calc(1vw + 30px); font-size:calc(0.7vw + 16px); line-height:calc(1vw + 30px); border-radius:50%; background:#eee; color:var(--main); text-align:center; flex:0 0 calc(1vw + 30px);} .layout-designFour .mod-card01 .card-title li a{font-size:calc(0.2vw + 14px); line-height:calc(0.25vw + 20px); text-transform:uppercase; color:#666; font-weight:600; padding:5px 0; border-bottom:2px solid transparent; margin:0 calc(0.25vw + 5px);} .layout-designFour .mod-card01 .card-title .on:before{background:var(--main); color:#fff;} .layout-designFour .mod-card01 .card-title .on a{color:var(--main); border-bottom-color:var(--main);} .layout-designFour .mod-card01 .card-title li:nth-of-type(1):before{content:"01";} .layout-designFour .mod-card01 .card-title li:nth-of-type(2):before{content:"02";} .layout-designFour .mod-card01 .card-title li:nth-of-type(3):before{content:"03";} .layout-designFour .mod-card01 .card-title li:nth-of-type(4):before{content:"04";} .layout-designFour .mod-card01 .card-title li:nth-of-type(5):before{content:"05";} .layout-designFour .mod-card01 .card-title li:nth-of-type(6):before{content:"06";} .layout-designFour .mod-card01 .card-title li:nth-of-type(7):before{content:"07";} .layout-designFour .mod-card01 .card-title li:nth-of-type(8):before{content:"08";} .layout-designFour .mod-card01 .card-html{width:calc(61.5% - 10px);} @media(max-width:768px){ .layout-designFour .mod-card01 .card-title{width:100%;} .layout-designFour .mod-card01 .card-title ul{display:flex; align-items:start; flex-wrap:wrap;} .layout-designFour .mod-card01 .card-title li{width:50%;} .layout-designFour .mod-card01 .card-html{width:100%;} } @media(max-width:480px){ .layout-designFour .mod-card01 .card-title li{width:100%;} } .layout-projectThree .mod-card01 .content-bg{display:flex; flex-direction:column;} .layout-projectThree .mod-card01{padding:calc(1vw + 20px) 0px;} .layout-projectThree .card-title{order:2;} .layout-projectThree .card-title .card-title-tabs{display:flex; align-items:center; justify-content:center;} .layout-projectThree .card-title .card-title-tab{margin:calc(0.25vw + 5px) calc(0.5vw + 5px);} .layout-projectThree .card-title .card-tab-link{font-size:calc(0.5vw + 14px); line-height:calc(1vw + 30px); width:calc(1vw + 30px); text-align:center; border-radius:calc(0.25vw + 5px); overflow:hidden; color:#fff; background:var(--main);} .layout-projectThree .card-title .on .card-tab-link{background:var(--deputy);} .layout-projectThree .card-html .card-html{order:1;} .layout-projectThree .card-html .card-html-tab .case-list{width:588px; height:418px; display:inline-block; overflow:hidden; border:1px solid #d9d9d9; border-radius:5px; margin:0px 20px 0px 0px;} .card-html .card-html-tab .case-list2{margin:0px;} .layout-projectThree .mod-card01 .project-pic ul{display:flex; justify-content:space-between; flex-wrap:wrap; align-items:stretch;} .layout-projectThree .mod-card01 .project-pic li{width:calc(50% - 10px); padding:10px 0px;} .layout-projectThree .mod-card01 .project-pic img{width:100%;} .layout-projectThree .mod-card01 .items{display:flex; justify-content:space-between; flex-wrap:wrap;} .layout-projectThree .mod-card01 .items *{transition:All 0.3s ease-in-out;} .layout-projectThree .mod-card01 .item{overflow:hidden; position:relative; width:calc(50% - 0.25vw - 5px); margin:calc(0.25vw + 5px) 0;} .layout-projectThree .mod-card01 .item a{display:block;} .layout-projectThree .mod-card01 .pic img{width:100%;} .layout-projectThree .mod-card01 .text{padding:calc(1vw + 10px); top:0; right:0; bottom:0; left:0;} .layout-projectThree .mod-card01 .item h2{font-size:calc(1vw + 16px); line-height:calc(1vw + 25px); font-weight:300; display:block; padding-bottom:calc(0.5vw + 5px);} .layout-projectThree .mod-card01 .item a{font-size:calc(0.5vw + 14px); line-height:calc(0.5vw + 20px); font-weight:300; color:var(--main);} @media(min-width:769px){ .layout-projectThree .mod-card01 .text{position:absolute; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; z-index:3; color:#fff; outline:1px solid #fff; outline-offset:calc(-1vw - 10px); opacity:0; background:rgba(0,0,0,0.5);} .layout-projectThree .mod-card01 .item a{color:#fff;} .layout-projectThree .mod-card01 .item:hover .text{opacity:1;} } @media(max-width:768px){ .layout-projectThree .mod-card01 .item{width:100%;} }.mod-productseverygroup01 .title-right{display:flex; flex-wrap:wrap;} .mod-productseverygroup01 .title-right-span{display:block; width:100%; padding-bottom:10px;} .mod-productseverygroup01 .title-right-link{margin-right:10px; display:block;} .mod-productseverygroup01 .item-group{overflow:hidden;} .mod-productseverygroup01 .item-group + .item-group{padding-top:calc(1vw + 10px);} .mod-productseverygroup01 .info-group{padding:calc(1vw + 10px); background:#f0f0f0;} .mod-productseverygroup01 .info-group > div + div{padding-top:20px;} .mod-productseverygroup01 .info-group .name{font-size:calc(0.7vw + 16px); color:#000; line-height:calc(1vw + 25px); font-weight:600;} .mod-productseverygroup01 .info-group .desc{font-size:14px; line-height:25px; color:#333;} .mod-productseverygroup01 .info-group .desc img{width:100%;} .mod-productseverygroup01 .info-group .more a{font-size:13px; line-height:25px; border-radius:5px; padding:5px 25px; color:#fff; background:var(--main); display:inline-block; text-transform:uppercase;} .mod-productseverygroup01 .sub-group ul{display:flex; flex-wrap:wrap; margin:0 -5px;} .mod-productseverygroup01 .sub-group li{margin:5px;} .mod-productseverygroup01 .sub-group li a{font-size:14px; color:#333; line-height:25px; padding:5px 20px; background:#fff; display:block; border-radius:5px;} .mod-productseverygroup01 .sub-group li:hover a{background:var(--main); color:#fff;} .mod-productseverygroup01 .info-products{overflow:hidden; display:flex; flex-wrap:wrap; align-items:stretch; padding:calc(1vw + 5px); border:2px solid #f0f0f0; box-sizing:border-box;} .mod-productseverygroup01 .item-product{width:calc(100%/4 - 10px); margin:5px; transition:All 0.2s ease-in-out;} .mod-productseverygroup01 .item-product .img a{display:block; overflow:hidden; border:1px solid #f0f0f0;} .mod-productseverygroup01 .item-product .img img{transition:All 0.2s ease-in-out; width:100%;} .mod-productseverygroup01 .item-product .name a{font-size:15px; color:var(--main); line-height:20px; padding-top:10px; text-align:center; overflow: hidden;} .mod-productseverygroup01 .item-product:hover .img img{transform:scale(1.05);} @media(max-width:768px){ .mod-productseverygroup01 .item-group .item-product{width:calc(50% - 10px);} } @media(max-width:480px){ .mod-productseverygroup01 .item-group .item-product{width:100%; margin:5px 0;} .mod-productseverygroup01 .sub-group li{width:100%; margin:5px 0;} }.mod-industryattribute01{} .mod-labelproducts01{ } .mod-labelproductsgroup01{ } .mod-grouplistkl01{ } .mod-productlistkl01{} .mod-review01 .title-right-review button{color:#ff6700; display:flex; align-items:center; line-height:inherit; cursor:pointer;} .mod-review01 .title-right-review button:before{content:"\f044"; font:normal normal normal 12px/1 FontAwesome; padding:0 3px;} .mod-review01 .review-operate{margin:10px 0;} .mod-review01 .review-operate button{background:#f2f2f2; text-align:inherit; height:35px; width:100%; border-radius:5px; padding:5px; box-sizing:border-box; font-size:14px; display:flex; align-items:center; color:#999;} .mod-review01 .review-operate button:before{content:"\f118"; font:20px/1 FontAwesome; padding:0 7px; line-height:25px;} .mod-review01 .review-box{padding:0px 0px 10px;} .mod-review01 .review-box li{padding:10px 10px 9px;} .mod-review01 .review-box li:nth-of-type(2n){background:#f9f9f9;} .mod-review01 .review-info dl{overflow:hidden;} .mod-review01 .review-info dt{float:left; font-size:14px; color:#333; line-height:20px; font-weight:600;} .mod-review01 .review-info dt p{margin:0 -5px;} .mod-review01 .review-info dt .country-flag{margin:3px 5px;} .mod-review01 .review-info dt .time{font-size:12px; color:#999; line-height:15px; font-weight:normal;} .mod-review01 .review-info dd{float:right;} .mod-review01 .review-info dd span{margin:10px 1px; line-height:20px; display:inline-block;} .mod-review01 .review-info .fa{color:#ccc; font-size:16px;} .mod-review01 .review-info .fa-star{color:#fc0;} .mod-review01 .review-desc{font-size:14px; color:#666; line-height:20px; margin-top:5px;} .mod-review01 .review-empty{text-align:center; font-size:13px; color:#333; line-height:25px;} .mod-review01 .review-empty .join-review{color:#ff6700; display:inline-block; text-decoration:underline; cursor:pointer;} .mod-review01 .review-empty .join-review:hover{text-decoration:none;} .mod-review01 .pagination{overflow:hidden; padding:0px; display:flex; justify-content:space-between; align-items:center; background:transparent; width:81px; margin:0 auto; border-radius:5px; border:1px solid #e5e5e5; position:relative;} .mod-review01 .pagination:after{content:""; width:1px; background:#e5e5e5; position:absolute; top:0; left:40px; height:100%; z-index:1;} .mod-review01 .pagination button{font-size:14px; color:#ff6700; line-height:30px; width:40px; text-align:center; height:30px; cursor:pointer;} .mod-review01 .pagination button:before{display:block; text-align:center; font:normal normal normal 20px/1 FontAwesome;} .mod-review01 .pagination .prev:before{content:"\f104";} .mod-review01 .pagination .next:before{content:"\f105";}