@charset "utf-8"; @font-face { font-family: "din-bold_"; src: url("../font/din-bold_.woff2") format("woff2"), url("../font/din-bold_.woff") format("woff"), url("../font/din-bold_.ttf") format("truetype"), url("../font/din-bold_.eot") format("embedded-opentype"), url("../font/din-bold_.svg") format("svg"); font-weight: normal; font-style: normal; } .din{font-family:'din-bold_';} :root{ /*公用*/ --font:'Helvetica Neue',Helvetica,Tahoma,Arial,'Microsoft YaHei','PingFang SC','Hiragino Sans GB','Heiti SC','WenQuanYi Micro Hei',sans-serif; --transition:cubic-bezier(0.215,.61,.355,1) .45s; /*font*/ --font-size:14px; /*color*/ --color-dominant:#bf273a; --color-fill:#000; --color-white:#fff; --color-black:#000; --color-gray3:#333; --color-gray6:#666; --color-gray9:#999; --color-yellow:#c7a05d; --color-hover:#C41217; --color-tip-red:#FF5722; --color-tip-orange:#FFB800; --color-red:#d8191e; /*bg*/ --body-color:#000; --bg-gray:#f7f7f7; --bg-scroll:#FED190; --bg-overlay:#000; /*input*/ --placeholder:#dbdbdb; --input-border-color:#eee; --border-radius:0px; /*gradient*/ --linear-gradient-shadow:linear-gradient(0deg,rgba(0,0,0,.8),rgba(0,0,0,0)); --linear-gradient-blue:linear-gradient(90deg,#0171c1,#2097ed); /*cursor*/ --cursor-stroke:#000; } /*layer*/ .layui-m-layer{position:relative;z-index:19891014}.layui-m-layer *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.layui-m-layermain,.layui-m-layershade{position:fixed;left:0;top:0;width:100%;height:100%}.layui-m-layershade{background-color:rgba(0,0,0,.7);pointer-events:auto}.layui-m-layermain{display:table;font-family:Helvetica,arial,sans-serif;pointer-events:none}.layui-m-layermain .layui-m-layersection{display:table-cell;vertical-align:middle;text-align:center}.layui-m-layerchild{position:relative;display:inline-block;text-align:left;background-color:#fff;font-size:14px;border-radius:5px;box-shadow:0 0 8px rgba(0,0,0,.1);pointer-events:auto;-webkit-overflow-scrolling:touch;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.2s;animation-duration:.2s}@-webkit-keyframes layui-m-anim-scale{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes layui-m-anim-scale{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.layui-m-anim-scale{animation-name:layui-m-anim-scale;-webkit-animation-name:layui-m-anim-scale}@-webkit-keyframes layui-m-anim-up{0%{opacity:0;-webkit-transform:translateY(800px);transform:translateY(800px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes layui-m-anim-up{0%{opacity:0;-webkit-transform:translateY(800px);transform:translateY(800px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.layui-m-anim-up{-webkit-animation-name:layui-m-anim-up;animation-name:layui-m-anim-up}.layui-m-layer0 .layui-m-layerchild{width:90%;max-width:640px}.layui-m-layer1 .layui-m-layerchild{border:none;border-radius:0}.layui-m-layer2 .layui-m-layerchild{width:auto;max-width:260px;min-width:40px;border:none;background:0 0;box-shadow:none;color:#fff}.layui-m-layerchild h3{padding:0 10px;height:60px;line-height:60px;font-size:16px;font-weight:400;border-radius:5px 5px 0 0;text-align:center}.layui-m-layerbtn span,.layui-m-layerchild h3{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.layui-m-layercont{padding:50px 30px;line-height:22px;text-align:center}.layui-m-layer1 .layui-m-layercont{padding:0;text-align:left}.layui-m-layer2 .layui-m-layercont{text-align:center;padding:0;line-height:0}.layui-m-layer2 .layui-m-layercont i{width:25px;height:25px;margin-left:8px;display:inline-block;background-color:#fff;border-radius:100%;-webkit-animation:layui-m-anim-loading 1.4s infinite ease-in-out;animation:layui-m-anim-loading 1.4s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}.layui-m-layerbtn,.layui-m-layerbtn span{position:relative;text-align:center;border-radius:0 0 5px 5px}.layui-m-layer2 .layui-m-layercont p{margin-top:20px}@-webkit-keyframes layui-m-anim-loading{0%,100%,80%{transform:scale(0);-webkit-transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}@keyframes layui-m-anim-loading{0%,100%,80%{transform:scale(0);-webkit-transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}.layui-m-layer2 .layui-m-layercont i:first-child{margin-left:0;-webkit-animation-delay:-.32s;animation-delay:-.32s}.layui-m-layer2 .layui-m-layercont i.layui-m-layerload{-webkit-animation-delay:-.16s;animation-delay:-.16s}.layui-m-layer2 .layui-m-layercont>div{line-height:22px;padding-top:7px;margin-bottom:20px;font-size:14px}.layui-m-layerbtn{display:box;display:-moz-box;display:-webkit-box;width:100%;height:50px;line-height:50px;font-size:0;border-top:1px solid #D0D0D0;background-color:#F2F2F2}.layui-m-layerbtn span{display:block;-moz-box-flex:1;box-flex:1;-webkit-box-flex:1;font-size:14px;cursor:pointer}.layui-m-layerbtn span[yes]{color:#40AFFE}.layui-m-layerbtn span[no]{border-right:1px solid #D0D0D0;border-radius:0 0 0 5px}.layui-m-layerbtn span:active{background-color:#F6F6F6}.layui-m-layerend{position:absolute;right:7px;top:10px;width:30px;height:30px;border:0;font-weight:400;background:0 0;cursor:pointer;-webkit-appearance:none;font-size:30px}.layui-m-layerend::after,.layui-m-layerend::before{position:absolute;left:5px;top:15px;content:'';width:18px;height:1px;background-color:#999;transform:rotate(45deg);-webkit-transform:rotate(45deg);border-radius:3px}.layui-m-layerend::after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}body .layui-m-layer .layui-m-layer-footer{position:fixed;width:95%;max-width:100%;margin:0 auto;left:0;right:0;bottom:10px;background:0 0}.layui-m-layer-footer .layui-m-layercont{padding:20px;border-radius:5px 5px 0 0;background-color:rgba(255,255,255,.8)}.layui-m-layer-footer .layui-m-layerbtn{display:block;height:auto;background:0 0;border-top:none}.layui-m-layer-footer .layui-m-layerbtn span{background-color:rgba(255,255,255,.8)}.layui-m-layer-footer .layui-m-layerbtn span[no]{color:#FD482C;border-top:1px solid #c2c2c2;border-radius:0 0 5px 5px}.layui-m-layer-footer .layui-m-layerbtn span[yes]{margin-top:10px;border-radius:5px}body .layui-m-layer .layui-m-layer-msg{width:auto;max-width:90%;margin:0 auto;bottom:-150px;background-color:rgba(0,0,0,.7);color:#fff}.layui-m-layer-msg .layui-m-layercont{padding:10px 20px} /** * Swiper 4.3.2 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://www.idangero.us/swiper/ * * Copyright 2014-2018 Vladimir Kharlampidi * * Released under the MIT License * * Released on: June 1, 2018 */ .swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-invisible-blank-slide{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.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-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{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:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));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:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));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:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));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:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);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:none;margin:0;padding:0;-webkit-box-shadow:none;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:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);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%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;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-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;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;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);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{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;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;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;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{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;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-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{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-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px} /*start===*/ article,aside,dialog,footer,header,section,footer,nav,figure,menu,main{display:block;padding:0;margin:0}*,:before,:after{box-sizing:border-box}blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}img{border:0;display:inline-block;width:auto;max-width:100%;vertical-align:middle}ul,dl,li,dt,dd{list-style:none}body,html{min-height:100%}body{font-size:var(--font-size);color:var(--body-color);font-family:var(--font);-webkit-tap-highlight-color:rgba(255,255,255,0);overflow-x:hidden}.clearfix:after{content:"\200B";display:block;height:0;clear:both}a{text-decoration:none;color:inherit;outline:none;transition:var(--transition)}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}pre{font-family:inherit;white-space:pre-wrap;word-wrap:break-word}input,textarea,select{outline:none;-webkit-appearance:none;border-radius:var(--border-radius);font-size:inherit;font-family:inherit;display:block;width:100%;border:none;border:1px solid var(--input-border-color);height:38px;line-height:38px;padding:0 10px;transition:var(--transition);background:none}textarea{resize:none}input::-webkit-input-placeholder{color:var(--placeholder)}input:-moz-placeholder,input::-moz-placeholder{color:var(--placeholder)}input:-ms-input-placeholder{color:var(--placeholder)}textarea::-webkit-input-placeholder{color:var(--placeholder)}textarea:-moz-placeholder{color:var(--placeholder)}textarea::-moz-placeholder{color:var(--placeholder)}textarea:-ms-input-placeholder{color:var(--placeholder)}select::-ms-expand{display:none}i,em{font-style:normal}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-button:vertical,::-webkit-scrollbar-button:horizontal{display:none}::-webkit-scrollbar-track:vertical,::-webkit-scrollbar-track:horizontal{background-color:black}::-webkit-scrollbar-track-piece{background:#E3E3E3}::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal{background-color:var(--bg-scroll);border-radius:10px}::-webkit-scrollbar-thumb:vertical:hover,::-webkit-scrollbar-thumb:horizontal:hover{background-color:#3B3B3B}::-webkit-scrollbar-corner:vertical,::-webkit-scrollbar-corner:horizontal{background-color:#535353}::-webkit-scrollbar-resizer:vertical,::-webkit-scrollbar-resizer:horizontal{background-color:#FF6E00}.l-center{text-align:center}.l-relative{position:relative}.l-overflow{overflow:hidden}.l-bold{font-weight:bold}.l-imgs{background-position:center;background-repeat:no-repeat;background-size:cover;width:100%;height:100%}.l-uppercase{text-transform:uppercase}.l-lh0{line-height:100%}.l-lh1{line-height:110%}.l-lh2{line-height:120%}.l-lh3{line-height:130%}.l-lh4{line-height:140%}.l-lh5{line-height:150%}.l-lh6{line-height:160%}.l-lh7{line-height:170%}.l-lh8{line-height:180%}.l-lh9{line-height:190%}.l-lh10{line-height:200%}.l-font12{font-size:12px}.l-font16{font-size:16px;font-size:clamp(14px,0.8333333333333334vw,16px)}.l-font18{font-size:18px;font-size:clamp(14px,0.9375vw,18px)}.l-font20{font-size:20px;font-size:clamp(16px,1.0416666666666665vw,20px)}.l-font22{font-size:22px;font-size:clamp(16px,1.1458333333333333vw,22px)}.l-font24{font-size:24px;font-size:clamp(16px,1.25vw,24px)}.l-font26{font-size:26px;font-size:clamp(18px,1.3541666666666667vw,26px)}.l-font28{font-size:28px;font-size:clamp(18px,1.4583333333333333vw,28px)}.l-font30{font-size:30px;font-size:clamp(18px,1.5625vw,30px)}.l-font32{font-size:32px;font-size:clamp(18px,1.6666666666666667vw,32px)}.l-font34{font-size:34px;font-size:clamp(20px,1.7708333333333333vw,34px)}.l-font36{font-size:36px;font-size:clamp(20px,1.875vw,36px)}.l-font38{font-size:38px;font-size:clamp(22px,1.9791666666666665vw,38px)}.l-font40{font-size:40px;font-size:clamp(22px,2.083333333333333vw,40px)}.l-font42{font-size:42px;font-size:clamp(22px,2.1875vw,42px)}.l-font44{font-size:44px;font-size:clamp(24px,2.2916666666666665vw,44px)}.l-font46{font-size:46px;font-size:clamp(24px,2.3958333333333335vw,46px)}.l-font48{font-size:48px;font-size:clamp(26px,2.5vw,48px)}.l-font50{font-size:50px;font-size:clamp(28px,2.604166666666667vw,50px)}.l-font52{font-size:52px;font-size:clamp(28px,2.7083333333333335vw,52px)}.l-font54{font-size:54px;font-size:clamp(28px,2.8125vw,54px)}.l-font56{font-size:56px;font-size:clamp(30px,2.9166666666666665vw,56px)}.l-font58{font-size:58px;font-size:clamp(30px,3.0208333333333335vw,58px)}.l-font60{font-size:60px;font-size:clamp(32px,3.125vw,60px)}.l-opacity8{opacity:.8}.l-opacity7{opacity:.7}.l-opacity6{opacity:.6}.l-opacity5{opacity:.5}.l-opacity4{opacity:.4}.l-opacity3{opacity:.3}.l-opacity2{opacity:.2}.l-flex,.l-grid-2,.l-grid-3,.l-grid-4,.l-grid-5,.l-grid-6,.l-grid-7,.l-grid-8{display:flex;display:-webkit-flex;flex-direction:row;-webkit-flex-direction:row;flex-wrap:wrap;-webkit-flex-wrap:wrap}.l-flex-column{display:flex;flex-direction:column;flex-wrap:wrap}.l-grid-2>*{width:50%}.l-grid-3>*{width:33.333333333333336%}.l-grid-4>*{width:25%}.l-grid-5>*{width:20%}.l-grid-6>*{width:16.666666666666668%}.l-grid-7>*{width:14.285714285714286%}.l-grid-8>*{width:12.5%}.l-white{color:var(--color-white)}.l-black{color:var(--color-black)}.l-gray3{color:var(--color-gray3)}.l-gray6{color:var(--color-gray6)}.l-gray9{color:var(--color-gray9)}.lines{word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.lines1{-webkit-line-clamp:1}.lines2{-webkit-line-clamp:2}.lines3{-webkit-line-clamp:3}.lines4{-webkit-line-clamp:4}.lines5{-webkit-line-clamp:5}.lines6{-webkit-line-clamp:6}.l-dominant{color:var(--color-dominant)}.l-pd50{padding-top:50px;padding-top:clamp(30px,2.604166666666667vw,50px);padding-bottom:50px;padding-bottom:clamp(30px,2.604166666666667vw,50px)}.l-pd60{padding-top:60px;padding-top:clamp(30px,3.125vw,60px);padding-bottom:60px;padding-bottom:clamp(30px,3.125vw,60px)}.l-pd70{padding-top:70px;padding-top:clamp(30px,3.6458333333333335vw,70px);padding-bottom:70px;padding-bottom:clamp(30px,3.6458333333333335vw,70px)}.l-pd80{padding-top:80px;padding-top:clamp(40px,4.166666666666666vw,80px);padding-bottom:80px;padding-bottom:clamp(40px,4.166666666666666vw,80px)}.l-pd90{padding-top:90px;padding-top:clamp(40px,4.6875vw,90px);padding-bottom:90px;padding-bottom:clamp(40px,4.6875vw,90px)}.l-pd100{padding-top:100px;padding-top:clamp(40px,5.208333333333334vw,100px);padding-bottom:100px;padding-bottom:clamp(40px,5.208333333333334vw,100px)}.l-pd110{padding-top:110px;padding-top:clamp(40px,729166666666666vw,110px);padding-bottom:120px;padding-bottom:clamp(40px,729166666666666vw,110px)}.l-pd120{padding-top:120px;padding-top:clamp(40px,6.25vw,120px);padding-bottom:120px;padding-bottom:clamp(40px,6.25vw,120px)}.l-mg10{margin-top:10px;margin-top:clamp(5px,0.5208333333333333vw,10px)}.l-mg15{margin-top:15px;margin-top:clamp(8px,0.78125vw,15px)}.l-mg20{margin-top:20px;margin-top:clamp(10px,1.0416666666666665vw,20px)}.l-mg25{margin-top:25px;margin-top:clamp(10px,1.3020833333333335vw,25px)}.l-mg30{margin-top:30px;margin-top:clamp(15px,1.5625vw,30px)}.l-mg35{margin-top:35px;margin-top:clamp(15px,1.8229166666666667vw,35px)}.l-mg40{margin-top:40px;margin-top:clamp(20px,2.083333333333333vw,40px)}.l-mg45{margin-top:45px;margin-top:clamp(20px,2.34375vw,45px)}.l-mg50{margin-top:50px;margin-top:clamp(25px,2.604166666666667vw,50px)}.l-mg55{margin-top:55px;margin-top:clamp(25px,2.864583333333333vw,55px)}.l-mg60{margin-top:60px;margin-top:clamp(30px,3.125vw,60px)}.l-mg65{margin-top:65px;margin-top:clamp(30px,3.3854166666666665vw,65px)}.l-mg70{margin-top:70px;margin-top:clamp(35px,3.6458333333333335vw,70px)}.l-mg75{margin-top:75px;margin-top:clamp(35px,3.90625vw,75px)}.l-mg80{margin-top:80px;margin-top:clamp(40px,4.166666666666666vw,80px)}.l-mg90{margin-top:90px;margin-top:clamp(40px,4.6875vw,90px)}.l-mg100{margin-top:100px;margin-top:clamp(40px,5.208333333333334vw,100px)}.l-mg110{margin-top:110px;margin-top:clamp(40px,5.729166666666666vw,110px)}.l-mg120{margin-top:120px;margin-top:clamp(40px,6.25vw,120px)} /*end===*/ /*svg*/ .separator{position: absolute; left: 0; right: 0; height: 150px; fill:var(--color-fill);pointer-events: none; z-index: 5;} .separator-up{top: -1px;} .separator-down{bottom: -1px;} /*load*/ .pace-activity{position:fixed; left:0; top:0; z-index:10000; right:0; bottom:0; background:#fff;pointer-events: none; display: flex; align-items: center; justify-content: center; opacity: 0;} svg.loader{position: absolute;top:50%;left:50%;z-index: 1; margin-left: -50px;margin-top: -50px;transition: transform 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);} svg.loader path{animation: endlessRotate 1s linear infinite;transform-origin: center;} @keyframes endlessRotate { from {transform:rotateZ(0deg)} to {transform:rotateZ(360deg)} } /* .showLoading{overflow:hidden;} */ .showLoading .pace-activity{opacity:1;} .pace-done .pace-activity{ transition:var(--transition);pointer-events: none; opacity:0;} .loading-progress{width: 500px; height: 200px;} /*cursor*/ .cursor {position: fixed;top: 0;left: 0;display: block;pointer-events: none;z-index: 10000;mix-blend-mode: hard-light;} .cursor__inner {fill: none;stroke-width: 1px;} /*animate*/ .fadeInUp1{animation:fadeInUp1 cubic-bezier(0.215,.61,.355,1) 1s forwards;transform:translateY(80px); opacity:0;} .fadeInUp{animation:fadeInUp cubic-bezier(0.215,.61,.355,1) 1s forwards;transform:translateY(100%); opacity:0;} .fadeInUpImg{position:absolute; left:0; top:0; width:inherit; height:inherit; clip:rect(0,500px,0,0); animation:fadeInUpImg cubic-bezier(0.215,.61,.355,1) 1s forwards;} .up50{transform:translateY(50%);} .delay1{animation-delay:.1s;} .delay2{animation-delay:.2s;} .delay3{animation-delay:.3s;} .delay4{animation-delay:.4s;} .delay5{animation-delay:.5s;} @keyframes fadeInUp1{ to{transform:translateY(0); opacity:1;} } .acc-bd{display:none;} .on .acc-bd{display:flex;} .tab-bd>*{display:none;} .tab-bd>*.on{display:flex;} input::-webkit-inner-spin-button{display: none;} /*cont*/ .l-container{max-width: 83.33333333333334vw; max-width: clamp(1460px,83.33333333333334vw,2000px); width: 100%; margin: auto; position: relative; padding-left: 30px; padding-right: 30px; padding-left: clamp(15px,1.5625vw,30px); padding-right: clamp(15px,1.5625vw,30px);} header{padding: 22px 0; background-color: #fff; padding: clamp(10px,1.1458333333333333vw,22px); position: fixed; left: 0; top: 0; z-index: 10; right: 0;} header>.l-container{align-items: center;} header>.l-container>.left{width: 62px;} header>.l-container>.right{width:calc(100% - 62px); justify-content: flex-end;align-items: center;} .lh-nav>*{padding: 0 20px; padding: 0 clamp(10px,1.0416666666666665vw,20px); position: relative; margin-left: 20px; margin-left: clamp(10px,1.0416666666666665vw,20px); height: 65px; display: flex; align-items: center;} .lh-nav>*:first-child{margin-left: 0;} .lh-nav>*::after{content: ''; display: block; width: 100%; height: 4px; height: clamp(2px,0.20833333333333334vw,4px); background-color: var(--color-dominant); position: absolute; left: 0; bottom: -22px; bottom: clamp(-22px,-1.1458333333333333vw,-12px); transition: var(--transition); transform: scaleX(0);} .header-tel{align-items: center; margin-left: 35px; margin-left: clamp(15px,1.8229166666666667vw,35px);} .header-tel i{display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 50%; border:1px solid #000; margin-right: 18px; margin-right: clamp(9px,0.9375vw,18px); font-size: 14px;} .index-banner{height: 100vh; background-color: #000;} .index-banner .bd a{display:block;} .lh-nav>*.on::after,.lh-nav>*:hover::after{transform: scale(1);} .lh-nav>*.on{color:var(--color-dominant); font-weight: bold;} .lh-nav>*:hover{color:var(--color-dominant);} .lh-fixed{position: fixed; right: 0; top: 50%; transform: translateY(-50%); padding: 20px 10px; border-radius: 12px; border-radius: clamp(6px,0.625vw,12px); background-color: var(--color-dominant); z-index: 1000;} .fixed-item{margin-top: 15px;} .fixed-item>*{margin-top: 10px;} .fixed-item>*>*{align-items: center; justify-content: center; width: 82px; height: 64px; border-radius: 6px; background-color: #fff;} .fixed-item>* i{font-size: 28px;} .l-yellow{color:var(--color-yellow);} .index-calculate{position: absolute; left: 0; right: 0; bottom: 75px; bottom: clamp(20px,3.90625vw,75px); width: 100%; max-width: 1326px; max-width: clamp(900px,69.0625vw,1326px); margin: auto; z-index: 2; background-color: rgba(0,0,0,.8); padding: 35px 48px; padding: clamp(20px,1.8229166666666667vw,35px) clamp(24px,2.5vw,48px); border-radius: 6px;} .calculate-cont>.right{width: 146px;} .calculate-cont>.left{width: calc(100% - 146px);} .calculate-item>*{padding-right: 10px; flex: 1;} .calculate-item>*>*{height: 50px; height: clamp(40px,2.604166666666667vw,50px); background-color: #fff; border-radius: 4px; position: relative; display: flex; align-items: center; padding: 0 16px;} .calculate-item>* i{color:#ccc; position: relative; z-index: 3;pointer-events: none;} .calculate-item>* input{position: absolute; left: 0; top: 50%; transform: translateY(-50%); right: 0; border:none; z-index: 2; padding: 0 20px 0 50px; padding:0 clamp(10px,1.0416666666666665vw,20px) 0 clamp(35px,2.604166666666667vw,50px); line-height: 36px;} .calculate-item>* input:disabled{text-align: right; width: 46%; position: static; transform: translateY(0); padding: 0; margin: 0 10px;} .calculate-btn{height: 50px; height: clamp(40px,2.604166666666667vw,50px); border-radius: 4px; background-color: var(--color-dominant); display: flex; align-items: center; justify-content: center;} .calculate-btn:hover{background-color: var(--color-hover);} .calculate-item>* .tip{position: absolute; right: 20px; top: 50%; animation: tip linear 1s forwards;} @keyframes tip{ 0%{transform: translateY(0); opacity: 0;} 30%,70%{transform: translateY(-50%); opacity: 1;} 100%{transform: translateY(-100%); opacity: 0;} } .l-tip-red{color:var(--color-tip-red);} input:-internal-autofill-selected{background: none !important;} .index-function>.icon{position: absolute; left: 0; top: 0;pointer-events: none; width: 440px; width: clamp(220px,22.916666666666664vw,440px); top: -60px; top: clamp(-60px,-3.125vw,-30px);} .function-item>*{flex: 1; border: 1px solid #E9E9E9; margin-left: -1px;} .function-item>*>*{display: flex; align-items: center; padding: 60px 46px;} .function-item>*>*>*{flex: 1;} .function-item>*>*>*.right{display: flex; justify-content: flex-end; flex: 0.5;} .function-item>* .icon{width: 56px; height: 56px; background-color: rgba(224,7,26,1); color:#fff; border-radius: 6px; display: flex; align-items: center; justify-content: center; position: relative; z-index: 2;} .function-item>* .icon i{font-size: 40px; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;background-color: rgba(255,178,181,.7);border-radius: 6px; position: relative; left: 8px; top: 8px; z-index: 3;} .index-case{padding-bottom: 0;} .index-case-cont>.left{width: 264px; width: clamp(200px,13.750000000000002vw,264px);} .index-case-cont>.right{width: calc(100% - 264px); width: calc(100% - clamp(200px,13.750000000000002vw,264px)); height: 800px; height: clamp(400px,41.66666666666667vw,800px);} .index-case-nav{height: 100%; background-color: #fff;} .index-case-nav>*{display: flex; align-items: center; flex: 1; justify-content: center; border-top: 1px solid #D1D1D1;} .index-case-nav>*:first-child{border:none;} .index-case-nav>*.on{background-color: #000; color:#fff;} .index-case-nav>* i{margin-left: 6px; display: block; transform: translateX(-6px); transition: var(--transition); opacity: 0;} .index-case-nav>* span{display: block; transform: translateX(6px);transition: var(--transition);} .index-case-nav>*:hover i{transform: translateX(0); opacity: 1;} .index-case-nav>*:hover span{transform: translateX(0);} .index-case-r,.index-case-bd{height: 100%;} .index-case-bd .text{position: absolute; right: 0; top: 0; bottom: 0; background-color: rgba(0,0,0,.65); width: 420px; width: clamp(300px,21.875vw,420px); padding: 60px 30px; padding: clamp(30px,3.125vw,60px) clamp(15px,1.5625vw,30px);} .index-case-bd .text>*{flex: 1;} .index-case-bd .text>*.bottom{display: flex; align-items: flex-end;} .index-case-bd .text .btn{height: 55px; height: clamp(40px,2.864583333333333vw,55px); border-radius:0 55px 55px 0; background: url(../img/icon3.jpg) no-repeat center; background-size: cover; width: 214px; width: clamp(180px,11.145833333333334vw,214px); display: flex; align-items: center; justify-content: flex-end; padding: 0 26px; padding: 0 clamp(13px,1.3541666666666667vw,26px); position: relative; left: -30px; left: clamp(-30px,-1.5625vw,-15px);} .index-case-bd .text .btn>*{margin-left: 10px; text-decoration: underline;} .index-case-bd .text .btn>*:first-child{margin-left: 0;} .index-case-bd .text .ccont{width: 70%;} .case-parameter>*{display: flex; align-items: center;} .case-parameter>* i{margin-right: 10px;} .index-case-bottom{position: absolute; left: 0; bottom: 30px; bottom: clamp(15px,1.5625vw,30px); right: 420px; right: clamp(300px,21.875vw,420px); z-index: 3; height: 120px; padding: 0 120px; height: clamp(60px,6.25vw,120px); padding: 0 clamp(60px,6.25vw,120px);} .index-case-hd{height: 100%;} .index-case-hd .bd li{width: 25%; padding: 0 5px;} .index-case-hd .l-imgs{display: block; position: relative;} .index-case-hd .l-imgs::before,.index-case-hd .l-imgs::after{content: ''; display: block; width: 0; height: 0; border-left:2px solid var(--color-dominant);border-top:2px solid var(--color-dominant); position: absolute; left: 0; top: 0; transition: var(--transition); visibility: hidden;} .index-case-hd .l-imgs::after{left: auto; right: 0; top: auto; bottom: 0; border:none;border-right:2px solid var(--color-dominant);border-bottom:2px solid var(--color-dominant);} .index-case-hd .on .l-imgs::before,.index-case-hd .on .l-imgs::after{width: 100%; height: 100%; visibility: visible;} .index-btn>*{display: flex; align-items: center; justify-content: center; width: 120px; height: 120px; width: clamp(60px,6.25vw,120px); height: clamp(60px,6.25vw,120px); color:#fff; position: absolute; z-index: 2;} .index-btn>* i{display: flex; align-items: center; justify-content: center; width: 76px; height: 76px; border-radius: 50%; border:1px solid #fff; width: clamp(42px,3.958333333333333vw,76px); height: clamp(42px,3.958333333333333vw,76px);} .index-btn>* i::after{content: ''; display: block; width: 28px; height: 28px; border-radius: 50%; background-color:var(--color-dominant); position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) scale(0); z-index: -1; transition: var(--transition);} .index-case-btn>.prevs{left: 0; top:0;} .index-case-btn>.nexts{right: 0; top:0;} .index-btn>*:hover i::after{transform:translate(-50%,-50%) scale(1);} .quick-item{height: 570px; height: clamp(285px,29.6875vw,570px);} .quick-item>*{flex: 1;} .quick-item>*.left{padding-right: 14px; padding-right: clamp(7px,0.7291666666666666vw,14px);} .quick-item>*.right{padding-left: 14px; padding-left: clamp(7px,0.7291666666666666vw,14px);} .quick-mob{height: 100%;} .quick-mob>*{display: block; position: relative; overflow: hidden; height: 100%;} .quick-item>*.left>*{flex: 1;} .quick-item>*.left>*:first-child{padding-bottom: 14px; padding-bottom: clamp(7px,0.7291666666666666vw,14px);} .quick-item>*.left>*:last-child{padding-top: 14px; padding-top: clamp(7px,0.7291666666666666vw,14px);} .quick-item>* .text{position: absolute; left: 0; top: 0; right: 0; bottom: 0; padding: 50px; padding: clamp(20px,2.604166666666667vw,50px); display: flex; align-items: center;} .index-more{display: flex; align-items: center; justify-content: center; width: 76px; height: 76px; border-radius: 50%; border:1px solid #fff; width: clamp(42px,3.958333333333333vw,76px); height: clamp(42px,3.958333333333333vw,76px); position: relative; z-index: 2;} .index-more::after{content: ''; display: block; width: 28px; height: 28px; border-radius: 50%; background-color:var(--color-dominant); position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) scale(0); z-index: -1; transition: var(--transition);} .index-more:hover::after,.quick-item>*>*:hover .index-more::after{transform:translate(-50%,-50%) scale(1);} .quick-item>*.right .text{align-items: flex-start;} .quick-item>* .l-imgs{transition: var(--transition);} .quick-item>*>*:hover .l-imgs{transform: scale(1.1);} .stylist-banner{height: 735px; height: clamp(370px,38.28125vw,735px); background-color: #1B1B1B;} .stylist-banner .bd li{width: 20%; transition: var(--transition);} .stylist-banner .bd li .l-imgs{background-position: center top; position: relative;} .stylist-banner .bd li .l-imgs::before{content: ''; display: block; width: 100%; height: 100%; background-color: rgba(0,0,0,.7); position: absolute; left: 0; top: 0; opacity: 0; transition: var(--transition);} .stylist-banner .bd li .text{position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 2; align-items: center; justify-content: center; display: flex; padding: 0 20px; transform: translateY(100%); opacity: 0; transition: var(--transition);} .stylist-banner .bd li .ccont{width: 60%; margin-left: auto; margin-right: auto;} .stylist-banner .bd li .name span{margin-left: 26px; margin-left: clamp(10px,1.3541666666666667vw,26px);} .stylist-banner .bd li .more{display: flex; height: 46px; width: 140px; background-color: var(--color-red); border-radius: 46px;margin-left: auto; margin-right: auto; align-items: center; justify-content: center;} .stylist-banner .bd li.swiper-slide-active,.stylist-banner .bd li.on{width: 40% !important;} .stylist-banner .bd li.swiper-slide-active .text,.stylist-banner .bd li.on .text{transform: translateY(0); opacity: 1;} .stylist-banner .bd li.swiper-slide-active .l-imgs::before,.stylist-banner .bd li.on .l-imgs::before{opacity: 1;} .index-about-cont>*{flex: 1;} .index-about-cont>*.left{padding-right: 70px; padding-right: clamp(20px,3.6458333333333335vw,70px);} .index-about-cont>*.right{padding-left: 70px; padding-left: clamp(20px,3.6458333333333335vw,70px); display: flex; justify-content: flex-end; align-items: flex-end;} .index-about-cont>*.left .more{width: 136px; height: 46px; border-radius: 46px; background-color: var(--color-red); display: flex; align-items: center; justify-content: center;} .index-about-cont>*.left .more i{margin-left: 10px;} .index-about-cont>* .icon{position: relative; z-index: 2; width: 710px; height: 560px; width: clamp(355px,36.97916666666667vw,710px); height: clamp(280px,29.166666666666668vw,560px);} .index-about-cont>* .icon::before{content: ''; display: block; width: 100%; height: 100%; background:linear-gradient(0deg,#c0a369,#cfb37b); position: absolute; left: -36px; top: -36px; z-index: -1; left: clamp(-36px,-1.875vw,-18px); top: clamp(-36px,-1.875vw,-18px);} .index-process{background-attachment: fixed;} .process-cont>.left{width: 224px;} .process-cont>.right{width: calc(100% - 224px); padding-left: 16px; padding-left: clamp(10px,0.8333333333333334vw,16px);} .process-l{ height: 282px; background-color: rgba(255,255,255,.9); border-radius: 4px; align-items: center; justify-content: center;} .process-banner{height: 100%; background-color: rgba(255,255,255,.9); border-radius: 4px;} .process-banner .bd li{width: 14.285714285714286%;} .process-banner .bd li a{display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; text-align: center; padding: 0 30px; padding: 0 clamp(10px,1.5625vw,30px);} .process-banner .bd li a .img{width: 115px; height: 115px; border-radius: 50%; margin: auto;} .process-btn>*{flex: 1; display: flex; align-items: center; justify-content: center; height: 30px;} .index-news-item{margin-left: -30px; margin-left: clamp(-30px,-1.5625vw,-15px);} .index-news-item>*{padding-left: 30px; margin-top: 30px; padding-left: clamp(15px,1.5625vw,30px); margin-top: clamp(15px,1.5625vw,30px);} .index-news-item>*>*{display: block; padding:30px; padding: clamp(15px,1.5625vw,30px);} .index-news-item>* .cont>*{flex: 1;} .index-news-item>* .cont>*.right{display: flex; justify-content: flex-end; padding-left: 15px; flex: 0.7;} .index-news-item>*>*:hover{box-shadow: 2px 0 12px rgba(0,0,0,.2);} .footer-top{border-bottom: 1px solid rgba(255,255,255,.1);} .footer-advantage{width: 120%; margin-left: -10%;} .footer-advantage>*{flex: 1; display: flex; align-items: center; justify-content: center; position: relative;} .footer-advantage>*::before{content: ''; display: block; width: 1px; height: 50%; background-color: rgba(255,255,255,.1); position: absolute; left: 0; top: 50%; transform: translateY(-50%);} .footer-advantage>*:first-child::before{display: none;} .footer-logo-nav>*{flex: 1;} .footer-logo{width: 105px; display: block;} .footer-logo-nav>*.right{display: flex; justify-content: flex-end; flex: 4;} .footer-nav{padding-top: 20px;} .footer-nav>*{margin-left: 58px; margin-left: clamp(20px,3.0208333333333335vw,58px);} .footer-nav>*:first-child{margin-left: 0;} .footer-nav>*:hover{text-decoration: underline;} .footer-contact-ewm>*{flex: 1;} .footer-contact>*{align-items: center;} .footer-contact>* i{margin-right: 8px;} .footer-contact-ewm>*.right{display: flex; justify-content: flex-end;} .footer-ewm>*{margin-left: 40px; margin-left: clamp(20px,2.083333333333333vw,40px);} .footer-ewm>*:first-child{margin-left: 0;} .footer-copy{margin-top: 160px; margin-top: clamp(80px,8.333333333333332vw,160px); align-items: center;} .footer-copy>*{flex: 1;} .footer-copy>*.right{display: flex; justify-content: flex-end;} .footer-copy>* span{margin-left: 30px; margin-left: clamp(10px,1.5625vw,30px);} .footer-copy>* span:first-child{margin-left: 0;} .footer-appoint{position: fixed; left: 0; right: 0; bottom: 0; z-index: 10; background-color: #970408; padding: 35px 0; padding: clamp(15px,1.8229166666666667vw,35px) 0;} .footer-appoint-l{padding-left: 260px; padding-left:clamp(130px,13.541666666666666vw,260px); align-items: center;} .footer-appoint-l .icon{position: absolute; left: 0; bottom: -36px; bottom: clamp(-36px,-1.875vw,-15px); width: 260px; width: clamp(130px,13.541666666666666vw,260px);} .footer-appoint>*{align-items: center;} .footer-appoint>*>*{flex: 1;} .footer-appoint>*>*.right{flex: 0.5; display: flex; justify-content: flex-end; align-items: center;} .footer-appoint-l>.tip{margin-left: 20px;} .footer-appoint-l>.price{align-items: center;} .footer-appoint-l>.price>*{margin-left: 20px;} .footer-appoint-l>.price>.house>*{margin-left: 30px; position: relative;} .footer-appoint-l>.price>.house>*:first-child{margin-left:10px;} .footer-appoint-l>.price>.house>*:first-child::after{content: ''; display: block; width: 1px; height: 200%; background-color: rgba(255,255,255,.3); position: absolute; right: -15px; top: 50%; transform: translateY(-50%);} .footer-appoint-submit>*{padding-left: 20px; padding-left: clamp(10px,1.0416666666666665vw,20px); flex: 1;} .footer-appoint-submit>*>*{position: relative; height: 50px; height: clamp(42px,2.604166666666667vw,50px); border:1px solid #fff; border-radius: 4px; display: flex; align-items: center;} .footer-appoint-submit>* span{position: absolute; right: 14px;pointer-events: none;} .footer-appoint-submit>* input{border:none; color:#fff;} .footer-appoint-submit>* a{display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; background-color: #212121; border-radius: 4px;} .footer-appoint-submit>*:last-child>*{border:none;} .footer-appoint-submit{width: 100%;} .footer-appoint-submit>* a:hover{background-color: #000;} .lh-ban{height: 700px; height: clamp(240px,36.45833333333333vw,700px); background-color: #000;} .lh-crumbs{height: 95px; height: clamp(50px,4.947916666666666vw,95px); align-items: center;} .lh-crumbs i{color:#999; margin: 0 6px;} .lh-crumbs>a:hover{color:var(--color-red);} .case-filter>.item>*.left{width: 98px;} .case-filter>.item>*.right{width: calc(100% - 98px);} .case-filter>.item>*.left .title{height: 30px;display: flex; align-items: center;} .case-filter>.item>*.left i{margin-left: 10px;} .filter-item>*{height: 30px; display: flex; align-items: center; padding: 0 20px; border-radius: 30px; color:#999; margin: 0 10px 10px 0;} .filter-item>*:hover{color:var(--color-red);} .filter-item>*.on{background-color: var(--color-red); color:#fff;} .case-sort-search{border-top: 1px solid #DEDEDE; height: 100px; align-items: center;} .case-sort-search>*{flex: 1;} .case-sort-search>*.right{display: flex; justify-content: flex-end; flex:3;} .case-sort>*{margin-left: 20px; margin-left: clamp(10px,1.0416666666666665vw,20px);} .case-sort>*:first-child{margin-left: 0;} .case-sort>* i{position:relative; top: -2px; margin-left: 2px; opacity: 0; transition: var(--transition); display: block;} .case-sort>a{display: flex; align-items: center;} .case-sort>a.up,.case-sort>a.down{color:var(--color-red);} .case-sort>a.up i,.case-sort>a.down i{opacity: 1;} .case-sort>a.down i{transform: rotate(180deg); top: 3px;} .case-search-box{align-items: center;} .case-search-box>*{margin-left: 24px; margin-left: clamp(12px,1.25vw,24px);} .case-select{width: 120px; height: 34px; border:1px solid #E2E2E2; display: flex; align-items: center;} .case-select select{border:none; height: 100%; padding: 0 30px 0 10px; line-height: inherit;} .case-select i{position: absolute; right: 10px; font-size: 12px;pointer-events:none;} .case-search{position: relative;height: 34px; border:1px solid #E2E2E2;display: flex; align-items: center;} .case-search input{border:none; padding: 0 66px 0 10px; line-height: inherit; height: 100%;} .case-search a{display: flex; align-items: center; justify-content: center; width: 56px; height: calc(100% + 2px); background-color:var(--color-red); color:#fff; position: absolute; right:-1px; top: -1px;} .lh-other.case{padding-bottom: 75px; padding-bottom: clamp(35px,3.90625vw,75px);} .case-item{margin: -26px 0 0 -26px; margin: clamp(-26px,-1.3541666666666667vw,-15px) 0 0 clamp(-26px,-1.3541666666666667vw,-15px);} .case-item>*{padding-left: 26px; margin-top: 26px; padding-left: clamp(15px,1.3541666666666667vw,26px); margin-top: clamp(15px,1.3541666666666667vw,26px);} .case-item>* .img{height: 220px; height: clamp(150px,11.458333333333332vw,290px);} .case-item>* .nname>*{margin-left: 34px; margin-left: clamp(20px,1.7708333333333333vw,34px); position: relative;} .case-item>* .nname>*:first-child{margin-left: 0;} .case-item>* .nname>*::before{content: ''; display: block; width: 1px; height: 80%; background-color: #999; position: absolute; left: -17px; left: clamp(-17px,-0.8854166666666666vw,-10px); top: 50%; transform: translateY(-50%);} .case-item>* .nname>*:first-child::before{display: none;} .case-item>*>*:hover{color:var(--color-red);} .img .l-imgs{transition: var(--transition);} .case-item>* .nname{transition: var(--transition);} .case-item>*>*:hover .l-imgs{transform: scale(1.1);} .case-item>*>*:hover .nname{transform: translateY(-4px); } .case-page{align-items: center; justify-content: center;} .case-page>*{height: 32px; display: flex; align-items: center; padding: 0 12px;} .case-page>a:not(:first-child,:last-child){border:1px solid #E2E2E2; color:#999; margin: 0 6px;} .case-page>a:hover{color:var(--color-red);} .case-page>a.on{background-color: var(--color-red); border-color:var(--color-red); color:#fff;} .quanty-banner{padding-top: 72px; padding-top: clamp(36px,3.75vw,72px);} .quanty-info{position: relative;} .quanty-info::before{content: ''; display: block; width: 60%; background-color: #fff; position: absolute; left: 0; top: 0; height: 100%; z-index: -1;} .quanty-info>*.left{padding:60px 42px; padding: clamp(30px,3.125vw,60px) clamp(20px,2.1875vw,42px); width: calc(100% - 840px); padding-right: 90px; width: calc(100% - clamp(420px,43.75vw,840px)); padding-right: clamp(45px,4.6875vw,90px);} .quanty-info>*.right{display: flex; align-items: flex-end; justify-content: flex-end; padding-bottom: 15px;} .quanty-info>*.right .img{width: 840px; height:590px; width: clamp(420px,43.75vw,840px); height: clamp(295px,30.729166666666668vw,590px); margin-top: -72px; margin-top: clamp(-72px,-3.75vw,-36px);} .quanty-hd{position: absolute; left: 60px; left: clamp(30px,3.125vw,60px); bottom: 60px; bottom: clamp(30px,3.125vw,60px); z-index: 2;} .pro-banner-hd>*{width: 8px; height: 8px; opacity: 1; background-color: #b9b9b9; margin-left: 12px; transition: var(--transition);} .pro-banner-hd>*:first-child{margin-left: 0;} .pro-banner-hd>*.on{background-color: var(--color-dominant);} .pro-title .nname{margin-top:-34px; margin-top: clamp(-34px,-1.7708333333333333vw,-17px);} .partner-banner{background-color: rgba(255,255,255,.9);} .partner-item{width: calc(100% + 5px);} .partner-item>*{border: 1px solid rgba(0,0,0,.03); margin-left: -1px; margin-top: -1px;} .partner-item>*>*{display: flex; align-items: center; justify-content: center; height: 180px; height: clamp(100px,9.375vw,180px); padding: 20px; overflow:hidden;} .partner-item>*>* img{max-height:100%;} .partner-hd{justify-content: center;} .display-item{margin: 0 0 0 -10px;} .display-item>*{padding-left: 10px; margin-top: 10px;} .display-item>*>*{height: 338px; height: clamp(169px,17.604166666666668vw,338px); display: block;} .caseDetail-banner{height: 665px; height: clamp(332px,34.63541666666667vw,1000px);} .caseDetail-banner .bd li::before{content: ''; display: block; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); position: absolute; left: 0; top: 0; transition: var(--transition); opacity: 1;} .caseDetail-banner .bd li.swiper-slide-active::before,.caseDetail-banner .bd li.swiper-slide-duplicate-active::before{opacity: 0;} .caseDetail-btn>.prevs{left: 0; top: 50%; transform: translateY(-50%);} .caseDetail-btn>.nexts{right: 0; top: 50%; transform: translateY(-50%);} .caseDetail-info{position: absolute; right: 0; top: 0; bottom: 0; background-color: #fff; z-index: 3; width: calc((100vw - 83.33333333333334vw) / 2 + 30px); width: calc((100vw - clamp(1460px,83.33333333333334vw,2000px)) / 2 + clamp(15px,1.5625vw,30px)); min-width: 286px; padding: 30px 25px;} .caseDetail-banner{max-width:calc(100vw - 286px - 8.333333333333329vw - 30px);max-width:calc(100vw - 286px - (100vw - clamp(1460px,83.33333333333334vw,2000px)) / 2 - clamp(15px,1.5625vw,30px));} .caseDetail-offer{position: absolute; left: 25px; bottom: -105px; height: auto; background-color: #191919; right: 25px; width: 230px; padding: 10px;} .caseDetail-offer::before{content: ''; display: block; width: 0; height: 0; border: 8px solid transparent; border-right: 8px solid #434545; position: absolute; left: -16px; top:20px;} .caseDetail-offer>.name{height: 50px; display: flex; align-items: center; justify-content: center;} .offer-item{background-color: #fff; padding: 10px;} .offer-item>*{margin-top: 12px;} .offer-item>*:first-child{margin-top: 0;} .offer-item>* input{height: 42px; background-color: #f6f6f6; border:none;} .offer-item>* a{display: flex; align-items: center; justify-content: center; height: 42px; background-color: var(--color-red); color:#fff;} .caseDetail-top{background-color: #f9f9f9;} .caseDetail-bottom{align-items: center; height: 105px;max-width: calc(100vw - 286px - 8.333333333333329vw - 30px);max-width: calc(100vw - 286px - (100vw - clamp(1460px,83.33333333333334vw,2000px)) / 2 - clamp(15px,1.5625vw,30px)); width: 100%;} .caseDetail-bottom>*{flex: 1;} .caseDetail-bottom>*.right{display: flex; justify-content: flex-end;} .caseDetail-hd>*{margin-left: 22px; margin-left: clamp(10px,1.1458333333333333vw,22px);} .caseDetail-hd>*:first-child{margin-left: 0;} .caseDetail-hd>*>*{position: relative; height: 52px; background-color: #fff; box-shadow: 2px 0 4px rgba(145,155,183,.32); padding: 0 16px; min-width: 82px; border:1px solid #fff; display: flex; align-items: center; justify-content: center;} .caseDetail-hd>* i{display: flex; align-items: center; justify-content: center; width: 14px; height: 14px; border-radius: 50%; background-color: #666; color:#fff; font-size: 12px; position: absolute; right: 8px; top: 4px; transition: var(--transition);} .caseDetail-hd>*.on>*{border-color:var(--color-red); color:var(--color-red);} .caseDetail-hd>*.on>* i{background-color: var(--color-red);} .caseDetail-page>*{margin-left: 16px; margin-left: clamp(10px,1.1458333333333333vw,16px);} .caseDetail-page>*:first-child{margin-left: 0;} .caseDetail-page>*>*{display: flex; align-items: center; justify-content: center; width: 116px; height: 36px; background-color: #fff;box-shadow: 2px 0 4px rgba(145,155,183,.32); border:1px solid #fff;} .caseDetail-page>*>*:hover{border-color:var(--color-red);} .l-red{color:var(--color-red);} .about-res>*>*{flex: 1;} .about-res>*>*.left{flex: 0.3;} .about-res .pro-title .nname{white-space: nowrap;} .about-res>*>*.right{padding-left: 30px; display: flex; justify-content: flex-end;} .about-res-cont img{width: 100%;} .culture-banner{height: 740px; height: clamp(370px,38.54166666666667vw,740px);} .about-culture>.l-container{position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 2;} .pro-title.l-white .nname{color:#fff;} .about-culture>.l-container>*{flex: 1;} .about-culture>.l-container>*.bottom{display: flex; align-items: flex-end;} .culture-hd{width: 100%;} .culture-hd{margin-left: -1px;} .culture-hd>*{flex: 1; padding-left: 1px;} .culture-hd>*>*{height: 216px; height: clamp(108px,11.25vw,216px); padding: 32px 50px; padding: clamp(16px,1.6666666666666667vw,32px) clamp(20px,2.604166666666667vw,50px); position: relative;background-color: rgba(0,0,0,.3);} .culture-hd>*>*>*{flex: 1;} .culture-hd>*>*>*.bottom{display: flex; align-items: flex-end;} .culture-hd>* .name{align-items: center; position: relative;} .culture-hd>* .name>*{flex: 1;} .culture-hd>* .name>*.right{display: flex; justify-content: flex-end;} .culture-hd>*.on>*{background-color: var(--color-red);} .course-hd{position: relative; padding-top: 6px; padding-bottom: 10px;} .course-hd::before{content: ''; display: block; width: 100%; height: 1px; background-color:var(--color-red); opacity: .2;} .course-hd .bd li{width: 12.5%; display: flex; align-items: center; justify-content: center; padding-top: 20px; position: relative; cursor: pointer;} .course-hd .bd li i{display: block; width: 11px; height: 11px; border-radius: 50%; background-color: var(--color-red); position: absolute; left: 50%; transform: translateX(-50%); top: -6px; opacity: .2; transition: var(--transition);} .course-hd .bd li.on i{opacity: 1;} .course-hd .bd li .time{transition: var(--transition);} .course-hd .bd li.on .time{color:var(--color-red); transform: scale(1.6);} .course-top {padding: 0 62px;} .course-btn>*{width: 62px; height: 62px; top:-24px;} .course-btn>* i{width: 100%; height: 100%; border-color:#848484; color:#848484; transition: var(--transition);} .course-btn>*.prevs{left: 0;} .course-btn>*.nexts{right: 0;} .course-btn>*:hover i{color:#fff;} .course-info{align-items: center;} .course-info>*{flex: 1;} .course-info>*.left{padding-right: 10%;} .course-info>* .img{height: 410px; height: clamp(220px,21.354166666666664vw,410px);} .l-font72{font-size: 72px; font-size: clamp(36px,3.75vw,72px);} .honor-hd>*{display: inline-block; margin: 0 20px;} .honor-hd>*>*{display: flex; align-items: center; justify-content: center; height: 46px; width: 128px; border-radius: 46px; background-color: #E5E5E5;} .honor-hd>*.on>*{background-color: var(--color-red); color:#fff;} .honor-banner .bd li{width: 33.3%; padding: 0 20px;} .honor-banner .bd li .img{height: 280px; height: clamp(140px,14.583333333333334vw,280px); background-color: #ededed; display: flex; align-items: center; justify-content: center; padding:20px; position: relative; box-shadow: 2px 0px 8px rgba(0,0,0,.1);} .honor-banner .bd li .img img{position: relative; z-index: 2; max-height:100%;} .honor-banner .bd li .img::before{content: ''; display: block; width: 860px; height: 410px; background-color: #fff; border-radius: 100%; position: absolute; left: 50%; top: 50%; transform: translateX(-50%);} .honor-bd>*.on{display: block;} .honor-ban-hd{justify-content: center;} .stages-info{background-color: #fff; border-radius: 10px; width: 990px; width: clamp(495px,51.5625vw,990px); margin-left: auto; margin-right: auto; padding: 50px 200px; padding: clamp(25px,2.604166666666667vw,50px) clamp(100px,10.416666666666668vw,200px);} .stages-item>*{display: flex; align-items: center; height: 70px; border-radius: 10px; background-color: #f3f3f3; padding: 0 26px; border:1px solid #f3f3f3; margin-bottom: 24px; margin-bottom: clamp(12px,1.25vw,24px); position: relative;} .stages-item>* input{position: absolute; left: 0; right: 0; border:none; padding: 0 50px 0 120px; z-index: 2;} .stages-item>* i{position: absolute; right: 26px;} .stages-item>*.periods{background: none; border:none;} .stages-periods>*{margin-left: 24px; margin-left: clamp(12px,1.25vw,24px);display: flex; align-items: center; justify-content: center; width: 60px; height: 50px; border-radius: 10px; background-color: #f3f3f3; border:1px solid #f3f3f3;} .stages-periods>*.on{border-color:var(--color-red); color:#000;} .cursor{display: none;} .stages-info>.btn{display: flex; align-items: center; justify-content: center; height: 70px; border-radius: 10px; background-color: var(--color-red); color:#fff;} .stages-info>.btn:hover{background-color: var(--color-hover);} .bank-item{margin: -50px 0 0 -50px; margin:clamp(-50px,-2.604166666666667vw,-20px) 0 0 clamp(-50px,-2.604166666666667vw,-20px);} .bank-item>*{padding-left: 50px; padding-left: clamp(20px,2.604166666666667vw,50px); margin-top: 50px; margin-top: clamp(20px,2.604166666666667vw,50px);} .bank-item>* img{width: 100%;} .bank-item>*>*{display: block; border-radius: 10px; overflow: hidden; box-shadow: 2px 0px 10px rgba(0,0,0,.05);} .process-item{margin: -50px 0 0 -50px; margin:clamp(-50px,-2.604166666666667vw,-20px) 0 0 clamp(-50px,-2.604166666666667vw,-20px);} .process-item>*{padding-left: 50px;padding-left: clamp(20px,2.604166666666667vw,50px); margin-top: 50px; margin-top: clamp(20px,2.604166666666667vw,50px);} .process-item>*>*{display: flex; align-items: center; justify-content: center; height: 270px; height: clamp(140px,14.0625vw,270px); background-color: #fff; box-shadow: 2px 0 27px rgba(0,0,0,.0.1); border-radius: 10px;} .process-item>* .num{width: 80px; height: 80px; width: clamp(40px,4.166666666666666vw,80px); height: clamp(40px,4.166666666666666vw,80px); display: flex; align-items: center; justify-content: center; color:#fff; background: url(../img/icon6.png) no-repeat center; background-size: cover; margin:auto;} .l-bg-gray{background-color: var(--bg-gray);} /* .stages-cont.brank .stages-info{background: none;} */ .brank-btn{display: flex; align-items: center; justify-content: center; height: 70px; background-color: #0369b4; color:#fff; border-radius: 10px;} .brank-info{background-color: #fff; padding: 40px; padding: clamp(20px,2.083333333333333vw,40px);} .brank-feature{background: none;} .feature-cont{align-items: center; height: 82px; border-radius: 10px; background-color: #323232; padding: 0 40px; height: clamp(50px,4.270833333333333vw,82px); padding: 0 clamp(20px,2.083333333333333vw,40px); color:#c7a05d;} .feature-cont span{display: flex; align-items: center; justify-content: center; height: 50px; width: 118px; background-color: var(--color-red); color:#fff; border-radius: 4px; height: clamp(40px,2.604166666666667vw,50px); margin-right: 40px; margin-right: clamp(20px,2.083333333333333vw,40px); width: clamp(90px,6.145833333333333vw,118px);} .loans-layer{position: fixed; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,.6); display: flex; align-items: center; justify-content: center; z-index: 100; opacity: 0;pointer-events:none;} .loans-layer>.cont{width: 670px; background-color: #fff; border-radius: 10px; padding: 40px 50px;} .loans-layer>.cont>.title{justify-content: flex-end;} .loans-layer-close{font-size: 24px;} .w100{width: 100%;} .loans-item{margin-left:-20px; margin-left: clamp(-20px,-1.0416666666666665vw,-10px);} .loans-item>*{margin-top: 20px; padding-left: 20px; margin-top: clamp(10px,1.0416666666666665vw,20px); padding-left: clamp(10px,1.0416666666666665vw,20px);} .loans-item>*>*{position: relative;} .loans-item>* input,.loans-item>* select{height: 70px; height: clamp(42px,3.6458333333333335vw,70px); border-radius: 10px; background-color: #f3f3f3; padding: 0 26px; border:none;} .lh-select i{position: absolute; right: 26px; top: 50%; transform: translateY(-50%);pointer-events: none;} .loans-item>* .unit{position: absolute; right: 0; top: 0; height:70px;height: clamp(42px,3.6458333333333335vw,70px); background-color: var(--color-red); width: 134px; width: clamp(100px,6.979166666666667vw,134px); z-index: 2; color:#fff; display: flex; align-items: center; justify-content: center; border-radius: 0 10px 10px 0;} .appoint-btn{height: 70px;height: clamp(42px,3.6458333333333335vw,70px);background-color: var(--color-red); display: flex; align-items: center; justify-content: center; border-radius: 10px;} .us-top>*>*{flex: 1;} .us-top>*>*.right{display: flex; justify-content: flex-end; flex: 4;} .us-item{width: 100%; position: relative; left: 30%;} .us-item>*{margin-top: 50px;} .us-item>*>*{position: relative;} .us-item>*>*::before{content: ''; display: block; width: 1px; height: 100%; background-color: #EAEAEA; position: absolute; right: 30%; top: 50%; transform: translateY(-50%);} .us-item>*:nth-child(2n)>*::before{display: none;} .us-map{height: 800px; height: clamp(400px,41.66666666666667vw,800px);} .position-top{align-items: center;} .position-top>*{flex: 1;} .position-top>*.right{display: flex; justify-content: flex-end;} .position-hd>*{margin-left: 24px; margin-left: clamp(12px,1.25vw,24px);} .position-hd>*:first-child{margin-left: 0;} .position-hd>*>*{display: flex; align-items: center; justify-content: center; height: 46px; border-radius: 46px; min-width: 128px; padding: 0 30px; background-color: #e6e6e6;} .position-hd>*.on>*,.position-hd>*>*:hover{background-color: var(--color-red); color:#fff;} .position-item{margin: -36px 0 0 -30px; margin: clamp(-36px,-1.875vw,-20px) 0 0 clamp(-36px,-1.875vw,-20px);} .position-item>*{padding-left: 36px; margin-top: 36px; padding-left: clamp(20px,1.875vw,36px); margin-top: clamp(20px,1.875vw,36px);} .position-item>*>*{background-color: #fff; height: 358px; height: clamp(180px,18.645833333333332vw,358px); padding: 46px; padding: clamp(20px,2.3958333333333335vw,46px);} .position-item>*>*>*{flex: 1;} .position-item>*>*>*.bottom{justify-content: center; align-items: flex-end; display: flex;} .position-item>* .view{text-decoration: underline;} .position-item>*>*:hover{color:var(--color-red); box-shadow: 1px 0 30px rgba(0,0,0,.1);} .message-cont{width: 50%; background-color: rgba(255,255,255,.6); padding: 50px 60px; padding: clamp(25px,2.604166666666667vw,50px) clamp(30px,3.125vw,60px);} .message-item{margin:-42px 0 0 -42px; margin: clamp(-42px,-2.1875vw,-20px) 0 0 clamp(-42px,-2.1875vw,-20px);} .message-item>*{padding-left: 42px; margin-top: 42px; padding-left: clamp(20px,2.1875vw,42px); margin-top: clamp(20px,2.1875vw,42px);} .message-item>* input,.message-item>* textarea{height: 56px; height: clamp(42px,2.9166666666666665vw,56px); background-color: #f7f7f7; border-radius: 6px; border:none; padding: 0 20px; padding: 0 clamp(10px,1.0416666666666665vw,20px);} .message-item>* textarea{height: 180px; height: clamp(100px,9.375vw,180px); line-height: 24px; padding:16px 20px; padding: clamp(8px,0.8333333333333334vw,16px) clamp(10px,1.0416666666666665vw,20px);} .message-bottom{justify-content: center; align-items: flex-end; position: relative; top: 46px; top:clamp(24px,2.3958333333333335vw,46px); height: 32px; height: clamp(16px,1.6666666666666667vw,32px);} .message-bottom a{display: flex; align-items: center; width: 250px; height: 66px; border-radius: 66px; background-color: var(--color-red); color:#fff; padding: 0 46px; position: relative; width: clamp(200px,13.020833333333334vw,250px); height: clamp(42px,3.4375000000000004vw,66px); padding: 0 clamp(24px,2.3958333333333335vw,46px);} .message-bottom a i{position: absolute; right: 46px; right: clamp(24px,2.3958333333333335vw,46px);} .message-bottom a:hover{background-color: var(--color-hover);} .job-top>*{align-items: center;} .job-top>*>*{flex: 1;display: flex;} .job-top>*>*.right{justify-content: flex-end;} .job-top>*>*.left{align-items: center;} .job-return{display: flex; width: 90px; height: 90px; align-items: center; justify-content: center; font-weight: bold; color:var(--color-red); width: clamp(45px,4.6875vw,90px); height: clamp(45px,4.6875vw,90px); box-shadow: 0 0 20px rgba(224,7,26,.1); border-radius: 50%; margin-right: 110px; margin-right: clamp(50px,5.729166666666666vw,110px);} .send-resume{display: flex; align-items: center; justify-content: center; width: 170px; height: 58px; border-radius: 58px; border:1px solid var(--color-red); color:var(--color-red); width: clamp(120px,8.854166666666668vw,170px); height: clamp(42px,3.0208333333333335vw,58px);} .job-item{border-top: 1px solid #E6E6E6;} .job-item:first-child{border-top: 0;} .job-item>*{flex: 1;} .job-item>*.left{padding-left: 200px; padding-left: clamp(95px,10.416666666666668vw,200px);} .job-item>*.right{display: flex;flex:2;} .designer-item>*{border-top:1px solid #969898; position: relative; background: linear-gradient(0deg,#fafefe,#fff);} .designer-item>*:first-child{border:none;} .designer-item>*>*>*{flex: 1;} .designer-item>* .img{width: 555px; height: 614px; width: clamp(361px,28.90625vw,555px); height: clamp(400px,31.979166666666664vw,614px);} .designer-item>* .img .l-imgs{background-position:center top;} .designer-item>* .cont{border-top: 1px solid #E5E5E5; padding-top: 30px; padding-top: clamp(15px,1.5625vw,30px);} .designer-item>* .view{display: flex; align-items: center; justify-content: center; width: 136px; height: 46px; border-radius: 46px; background-color: var(--color-red); color:#fff;} .designer-item>* .view i{margin-left: 20px;} .designer-item>* .view:hover{background-color: var(--color-hover);} .designer-item>* .text{padding-top: 30px; padding-top: clamp(15px,1.5625vw,30px);} .designer-item>*:nth-child(2n){background: linear-gradient(0deg,#f1fbfc,#fafefe); padding-bottom: 145px; padding-bottom: clamp(72px,7.552083333333333vw,145px);} .designer-item>*:nth-child(2n)::before{content: ''; display: block; width: 100%; height: 192px; height: clamp(96px,10vw,192px); background: url(../img/e4.jpg) no-repeat center; background-size: cover; position: absolute; left: 0; bottom: 0;} .designer-item>*:nth-child(2n-1)>*{display: block; overflow: hidden;} .designer-item>*:nth-child(2n-1)>*>*{width: 50%;} .designer-item>*:nth-child(2n-1)>* .left{float: right; display: flex; justify-content: flex-end;} .designer-item>*:nth-child(2n-1)>* .right{float: left;} .designer-item>* .text .designer span{margin-left: 28px; margin-left: clamp(14px,1.4583333333333333vw,28px);} .designer-detail-cont{padding:60px;} .designer-detail-cont::before,.designer-detail-cont::after{content: ''; display: block; width: 100%; height: 14px; background: url(../img/icon8.png) repeat-x top; position: absolute; left: 0; top: 0;} .designer-detail-cont::after{top: auto; bottom: 0;} .designer-detail-cont>.left::before,.designer-detail-cont>.left::after{content: ''; display: block; width: 16px; height: 100%; background: url(../img/icon9.png) repeat-y left; position: absolute; left: 0; top: 0;} .designer-detail-cont>.left::after{left: auto; right: 0;} .designer-detail-cont>.left{width: 450px;} .designer-detail-cont .img{height: 499px;} .designer-detail-cont .img .l-imgs{background-position:center top;} .designer-detail-cont>.right{width: calc(100% - 450px); padding-left: 85px; padding-left: clamp(30px,4.427083333333334vw,85px);} .designer-detail-cont .top{align-items: center;} .designer-detail-cont .top>*{flex: 1;} .designer-detail-cont .top>*.left span{margin-left: 26px; margin-left: clamp(13px,1.3541666666666667vw,26px);} .designer-detail-cont .top>*.right{display: flex; justify-content: flex-end;} .designer-detail-cont .top>*.right a{display: flex; align-items: center; justify-content: center; width: 136px; height: 46px; border-radius: 46px; background-color: var(--color-red); color:#fff;} .designer-detail-cont .top>*.right a:hover{background-color: var(--color-hover);} .designer-detail-cont .top>*.right a i{margin-right:16px; font-size: 20px;} .designer-detail-cont .cont{padding-top: 30px; border-top: 1px solid #E5E5E5; padding-top: clamp(15px,1.5625vw,30px);} .designer-form{padding: 40px 56px; padding: clamp(20px,2.083333333333333vw,40px) clamp(28px,2.9166666666666665vw,56px); border-radius: 6px; background-color: #1A1A1A;} .designer-form>.title{color:#c7a05d;} .designer-form-item{margin-left: -20px;} .designer-form-item>*{padding-left: 20px; margin-top: 20px;} .designer-form-item>* input{height: 50px; border-radius: 6px; background-color: #fff; border:none; padding: 0 20px;} .designer-form-item>* a{display: flex; height: 50px; background-color: var(--color-red); color:#fff; border-radius: 6px; align-items: center; justify-content: center;} .designer-form-item>* a:hover{background-color: var(--color-hover);} .con-process-banner .bd li{width: 25%; padding: 0 10px;} .con-process-banner{width: calc(100% + 20px); margin-left: -10px;} .con-process-banner .bd li .img{height: 236px; height: clamp(140px,12.291666666666666vw,280px);} .con-process-btn{justify-content: center; align-items: center;} .con-process-btn>*{position: relative; width: 62px; height: 62px; width: clamp(42px,3.229166666666667vw,62px); height: clamp(42px,3.229166666666667vw,62px); margin: 0 30px; margin: 0 clamp(10px,1.5625vw,30px);} .con-process-btn>* i{width: 100%; height: 100%; border-color:#949494; color:#949494;} .con-process-btn>*:hover i{color:#fff;} .guarantee-hd{justify-content: center; align-items: center;} .guarantee-hd>*{margin: 0 40px; margin: 0 clamp(20px,2.083333333333333vw,40px);} .guarantee-hd>*>*{display: flex; align-items: center; justify-content: center; position: relative; width: 114px; height: 114px; border-radius: 50%; width: clamp(60px,5.9375vw,114px); height: clamp(60px,5.9375vw,114px); border:1px solid #fff;} .guarantee-hd>* em{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);-webkit-text-fill-color:transparent; -webkit-text-stroke:0.3px#fff; font-family: '宋体'; transition: var(--transition); opacity: 0;} .guarantee-hd>* span{position: relative; z-index: 2;} .guarantee-hd>*.on>*{background-color: #c9b9a2; border-color:#c9b9a2; color:#000;} .guarantee-hd>*.on em{opacity: 1;} .guarantee-banner{height: 584px; height: clamp(292px,30.416666666666664vw,860px);} .anreement-banner .bd li{width: 33.3%; padding: 0 25px; padding: 0 clamp(10px,1.3020833333333335vw,25px);} .anreement-banner .bd li .img{height: 460px; height: clamp(230px,23.958333333333336vw,460px); background-color: #fff; display: flex; align-items: center; justify-content: center; padding: 10px;} .anreement-cont{padding: 0 130px; padding: 0 clamp(75px,6.770833333333333vw,130px);} .anreement-btn>*{top: 56%; transform: translateY(-50%); width: 62px; height: 62px; width: clamp(42px,3.229166666666667vw,62px);height: clamp(42px,3.229166666666667vw,62px); display: block;} .anreement-btn>* i{width: 100%; height: 100%; border-color:#7D7C7B; color:#7D7C7B; transition: var(--transition);} .anreement-btn>*:hover i{color:#fff;} .anreement-btn>.prevs{left: 0;} .anreement-btn>.nexts{right: 0;} .anreement-banner .bd li .img img{max-height: 100%;} .lh-news{padding-top: 0;} .news-nav{height: 100px; height: clamp(50px,5.208333333333334vw,100px); border-bottom: 1px solid #E6E6E6; align-items: center} .news-nav>*{margin-left:60px; margin-left: clamp(40px,3.125vw,60px); position: relative;} .news-nav>*:first-child{margin-left: 0;} .news-nav>*::before{content: ''; display: block; width: 4px; height: 4px; border-radius: 50%; background-color: #000; position: absolute; left: -30px; top: 50%; transform: translateY(-50%); left: clamp(-30px,-1.5625vw,-20px);} .news-nav>*:first-child::before{display: none;} .news-nav>*.on,.news-nav>*:hover{color: #000;} .news-hot{margin-left: -14px;} .news-hot>*{padding-left: 14px;} .news-hot>* .img{height: 300px; height: clamp(150px,15.625vw,600px);} .news-hot>*>*:hover{color:var(--color-red);} .news-hot>*>*:hover .l-imgs{transform: scale(1.1);} .news-hot>* .nname{transition: var(--transition);} .news-hot>*>*:hover .nname{transform: translateY(-10px);} .news-item>*{border-top: 1px solid #E6E6E6;} .news-item>*>*{padding: 38px 0; padding: clamp(20px,1.9791666666666665vw,38px);} .news-item>*>* .img{width: 440px; height: 290px;} .news-item>*>* .text{width: calc(100% - 440px); padding-left: 50px; padding-left: clamp(30px,2.604166666666667vw,50px);} .page-loading{justify-content: center; align-items: center;} .page-loading i{margin-right: 6px; display: block; animation: loading linear 1s infinite;} @keyframes loading{ to{transform: rotate(360deg);} } .lh-news-detail>*>.right{width: 300px;} .lh-news-detail>*>.left{width: calc(100% - 300px); padding-right: 60px; padding-right: clamp(30px,3.125vw,60px);} .news-detail>.nname{align-items: center;} .news-detail>.nname>*{flex: 1;} .news-detail>.nname>*.right{display: flex; justify-content: flex-end; flex: 0.4;} .news-detail>.nname>*.left>*{margin-left: 26px; margin-left: clamp(13px,1.3541666666666667vw,26px);} .news-detail>.nname>*.left>*:first-child{margin-left: 0;} .lh-share>*{margin-left: 20px;} .lh-share>*:first-child{margin-left: 0;} .lh-share>*:hover{color:#000;} .news-detail>.cont{border-top: 1px solid #E2E2E2; border-bottom: 1px solid #E2E2E2; padding: 40px 0; padding: clamp(20px,2.083333333333333vw,40px) 0;} .detail-page span{margin-right: 40px; margin-right:clamp(20px,2.083333333333333vw,40px);} .detail-res .news-hot>* .img{height: 196px; height: clamp(98px,10.208333333333334vw,300px);} .caseDetail-offer.news{position: relative; left: 0; right: 0; top: 0; bottom: auto; width: 100%;} .caseDetail-offer.news .offer-item>* input,.caseDetail-offer.news .offer-item>* a{height: 56px;} .offer-item>* a:hover{background-color: var(--color-hover);} .stylist-hd{position:absolute; left:0; bottom:10px; right:0; z-index:2; justify-content:center;} .stylist-hd>*{background-color:#fff; margin:0 4px; opacity:.6;} .stylist-hd>*.on{opacity:1;} .footer-ewm .img{width:90px;} /* swiper-slide-duplicate-active --color-wathet linear-gradient(0deg,rgba(255,255,255,.4),rgba(255,255,255,0)); F5AB00 transparent font-family: "ebrimabd"; .hRegular{font-family: "hRegular";} .hLight{font-family: "hLight";} .hBold{font-family: "hBold";} l-uppercase transition:cubic-bezier(0.215,.61,.355,1) .45s; */ @media all and (-moz-min-device-pixel-ratio: 1.19) and (-moz-max-device-pixel-ratio: 1.28), (-webkit-min-device-pixel-ratio: 1.19) and (-webkit-max-device-pixel-ratio: 1.28), (min-resolution: 1.19dppx) and (max-resolution: 1.28dppx) and (-moz-min-device-pixel-ratio: 1.41) and (-moz-max-device-pixel-ratio: 1.6), (-webkit-min-device-pixel-ratio: 1.41) and (-webkit-max-device-pixel-ratio: 1.6), (min-resolution: 1.41dppx) and (max-resolution: 1.6dppx){/*125%and150%*/ } @media screen and (min-width: 2000px){ } @media screen and (max-width: 1600px){ } @media screen and (max-width: 1500px){ } @media screen and (max-width: 1366px){ } /*平板*/ @media screen and (max-width: 1024px){ .l-container{max-width: 100%;} .lh-fixed{display:none;} header{height:50px; box-shadow:0 0 20px rgba(0,0,0,.05); padding:0; z-index:11;} header>.l-container{height:100%;} .lh-logo{display:block; width:30px; position:absolute; left:15px; top:50%; transform:translateY(-50%); z-index:2} .lh-nav{position:fixed; left:0; top:0; width:100vw; height:100vh; background-color:#fff; display:block; text-align:center; padding-top:30%; opacity:0;pointer-events:none; transition:var(--transition);} .lh-nav>*{justify-content:center; font-size:16px; height:50px;} .header-tel{position:absolute; right:60px; top:50%; transform:translateY(-50%); z-index:2;} .lh-web-btn{display:block; width:50px; height:50px; position:absolute; right:0; top:0; z-index:2;} .lh-web-btn::before,.lh-web-btn::after{content:''; display:block; width:20px; height:2px; background-color:#000; position:absolute; right:15px; top:50%; transition:var(--transition); margin-top:-8px;} .lh-web-btn i{width:20px; height:2px; background-color:#000; position:absolute; right:15px; top:50%; transition:var(--transition); margin-top:-1px;} .lh-web-btn::after{margin-top:6px;} .WebToggle .lh-nav{opacity:1;pointer-events:auto;} .WebToggle .lh-web-btn i{transform:scaleX(0);} .WebToggle .lh-web-btn::before{transform:translate(0,7px) rotate(45deg);} .WebToggle .lh-web-btn::after{transform:translate(0,-7px) rotate(-45deg);} .index-calculate{width:calc(100% - 30px);} .calculate-cont{display:block;} .footer-appoint{display:none;} .calculate-cont>*{width:100% !important;} .calculate-item{margin-left:-10px;} .calculate-item>*{flex:none; width:50%; margin-bottom:10px; padding:0 0 0 10px;} .function-item>*{flex:none; width:50%; margin-top:-1px; border:none;} .function-item>*>*{display:block; padding:100px 15px 20px; position:relative; text-align:center;} .function-item>* .icon{position:absolute; left:50%; top:20px; transform:translateX(-50%);} .index-case-cont{display:block;} .index-case-cont>*{width:100% !important;} .index-case-nav{height:auto;flex-direction:row; background:none; padding:0 5px 0 15px;} .index-case-nav>*{height:42px; width:calc(33.3% - 10px); flex:none; border:none; border-radius:42px; background-color:#fff; margin:10px 10px 0 0;} .index-case-cont>.right{margin-top:15px;} .index-case-nav>*:last-child{width:100%; display:none;} .index-case-nav>* i{display:none;} .index-case-bd .text{width:60%;} .quick-item>* .text{padding:10px;} .quick-item>*.left>*:first-child{padding-bottom:5px;} .quick-item>*.left>*:last-child{padding-top:5px;} .quick-item>*.right{padding-left:5px;} .quick-item>*.left{padding-right:5px;} .stylist-banner .bd li.swiper-slide-active{width:100% !important;} .index-about-cont>* .icon{width:100%;} .index-about-cont{display:block;} .index-about-cont>* .icon::before{display:none;} .index-about-cont>*{padding:0 !important;} .index-about-cont>*.right{ margin-top:20px;} .process-cont{display:block;} .process-cont>*{width:100% !important;} .process-l{height:140px;} .process-cont>.right{padding:0; margin-top:20px;} .process-banner{padding:20px 0;} .index-news-item>*{width:100%;} .footer-advantage{margin-top:-20px;} .footer-advantage>*{flex:none; width:50%; margin-top:20px;} .footer-advantage>* .nname{font-size:1.6vw;} .footer-logo-nav{display:none;} .footer-contact-ewm{display:block; margin-top:0;} .footer-contact-ewm>*.right{justify-content:flex-start; margin-top:20px;} .footer-copy{margin-top:30px; font-size:2.2vw; white-space:nowrap;} .lh-nav>*::after{display:none;} .case-filter>.item>*{width:100% !important;} .case-filter>.item>*.right{margin-top:10px;} .filter-item>*{height:24px; padding:0 16px; font-size:12px;} .case-filter>.item>*.left i{display:none;} .case-filter>.item>*.left .title{font-weight:bold;} .case-sort-search{display:block; position:relative; padding:20px 0 55px; height:auto;} .case-sort-search>.left{position:absolute; left:0; bottom:20px;} .case-sort-search>*.right{display:block;} .case-search-box{width:100%;} .case-search-box>*{margin-left:2%;} .case-search-box>span{width:10%; display:block; white-space:nowrap; margin-left:0;} .case-search-box>.case-search{margin-top:10px; width:100%; margin-left:0;} .case-select{width:43%; font-size:12px;} .case-item>*{width:100%;} .caseDetail-info{position:static; width:100%; padding:20px 15px;} .caseDetail-cont>.l-container{padding:0;} .caseDetail-banner{height:220px;} .caseDetail-offer{position:relative; bottom:auto; margin-top:20px; right:auto; left:auto; width:100%; padding:15px;} .caseDetail-bottom>*.left{display:none;} .caseDetail-bottom>*.right{justify-content:center;} .caseDetail-page>*{margin-left:30px;} .caseDetail-bottom{height:80px;} .caseDetail-offer::before{border: 8px solid transparent; border-bottom:8px solid #434545; left:20px; top:-16px;} .offer-item{padding:15px;} .designer-item>*>*{display:block;} .designer-item>*>*>*{width:100% !important; float:none !important;} .designer-item>* .img{width:100%;} .designer-detail-cont{padding:20px;} .designer-detail-cont::before, .designer-detail-cont::after{height:7px; background-size:705px 7px;} .designer-detail-cont>.left::before, .designer-detail-cont>.left::after{width:8px; background-size:8px 307px;} .designer-detail-cont .img{height:420px;} .designer-detail-cont>.right{width:100%; padding:0; margin-top:30px;} .designer-form-item>*{width:100%;} .con-process-banner .bd li .img{height:250px;} .guarantee-hd{flex-wrap:nowrap;-webkit-flex-wrap:nowrap; transform:scale(0.9);} .guarantee-hd>*{margin:0 5px; font-size:3vw; white-space:nowrap;} .guarantee-banner{height:240px;} .anreement-cont{padding:0 50px;} main{width:100%; overflow-x:hidden;} .anreement-btn>*{top:38%;} .quanty-cont{display:block;} .quanty-info{display:block;} .quanty-info>*{width:100% !important; padding:0 !important;} .quanty-info::before{width:100%;} .quanty-info>*.right .img{margin-top:0;} .quanty-info>*.left{padding:20px !important;} .quanty-banner{padding-top:0;} .quanty-info>*.left>.icon{width:170px;} .quanty-info>*.right .img{width:100%; height:250px;} .partner-item>*{width:33.3%;} .partner-item>*>*{padding:30px;} .display-item>*{width:100%;} .stages-info{width:100%; padding:20px;} .stages-item>*{height:52px; padding:0 10px;} .stages-item>* i{right:10px;} .stages-periods>*{height:32px; margin-left:10px; width:40px; white-space:nowrap; font-size:2.6vw;} .stages-info>.btn{height:52px;} .bank-item>*{width:100%;} .process-item{margin-left:-15px; margin-top:-15px;width: auto !important;} .process-item>*{padding-left:15px; margin-top:15px;} .about-res>*{display:block;} .about-res>*>*.right{padding:0; margin-top:20px;} .culture-hd>*>*{height:100px; padding:10px;} .culture-hd>*>*>*.bottom{font-size:2.8vw;} .culture-hd>* .name>*{white-space:nowrap;} .course-btn>*{width:42px; height:42px; top:-12px;} .course-top{padding:0 42px;} .course-info>* .img{height:120px;} .course-info>*.left{padding-right:15px;} .honor-banner .bd li .img{height:240px;} .news-hot{margin-top:-15px;} .news-hot>*{width:100%; margin-top:15px;} .news-item>*>*{display:block; padding:0;} .news-item>*>*>*{width:100% !important; padding:0 !important;} .news-hot>* .img,.news-item>*>* .img{height:250px;} .news-item>*{border:none; margin-top:15px;} .lh-news-detail>*{display:block;} .lh-news-detail>*>*{width:100% !important; padding:0 !important;} .news-detail>.nname>*.right{display:none;} .lh-news-detail>*>.right{margin-top:20px;} .detail-res .news-hot{margin-top:0;} .detail-res .news-hot>* .img{height:250px;} .caseDetail-offer>.name{margin-top:-10px;} .us-top>*{display:block;} .us-top>*>*.right{display:block;} .us-item{left:0;} .us-item>*{width:100%; margin-top:30px;} .us-item>*>*::before{display:none;} .position-item>*{width:100%;} .job-top>*>*.right{display:none;} .job-return{margin-right:20px;} .job-item{display:block;} .job-item>*.left{padding-left:0;} .job-item>*.right{margin-top:15px;} .message-cont{width:100%; padding:20px;} .message-bottom{top:0; height:auto; margin-top:20px;} .message-bottom a{width:100%; border-radius:6px;} .quick-mob>*{position:relative;} .quick-mob>*::before{content:''; display:block; width:100%; height:100%; background-color:rgba(0,0,0,.2); position:absolute; left:0; top:0; z-index:2;} .quick-item>* .text{z-index:3;} .case-select select{color:#000;} .index-case-nav>* span{transform:translateX(0);} .quanty-hd{bottom:20px; left:20px;} .partner-item>*>*{padding:15px;} .brank-btn{height:52px;} .brank-feature{padding:20px 0;} .feature-cont{padding:0 10px;} .feature-cont span{width:60px; margin-right:0;} .feature-cont em{width:calc(100% - 60px); padding-left:10px; font-size:12px;} .culture-banner{height:250px;} .brank-info .cont span{font-size:14px !important;} .honor-banner{padding-bottom:10px;} .us-map{height:240px;} } /*手机*/ @media screen and (max-width: 980px){ }