@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_';} @font-face { font-family: "Montserrat-Medium"; src: url("../font/Montserrat-Medium.woff2") format("woff2"), url("../font/Montserrat-Medium.woff") format("woff"), url("../font/Montserrat-Medium.ttf") format("truetype"), url("../font/Montserrat-Medium.eot") format("embedded-opentype"), url("../font/Montserrat-Medium.svg") format("svg"); font-weight: normal; font-style: normal; } .mont{font-family: "Montserrat-Medium";} :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:#1c92e7; --color-fill:#000; --color-white:#fff; --color-black:#000; --color-gray3:#333; --color-gray6:#666; --color-gray9:#999; /*bg*/ --body-color:#000; --bg-gray:#eff5fb; --bg-scroll:#1c92e7; --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(5px,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;} /*cont*/ .l-bg-gray{background-color: var(--bg-gray);} .l-dominant{color:var(--color-dominant);} header{position: fixed; left: 0; top: 0; right: 0; height: 110px; height: clamp(80px,5.729166666666666vw,110px); z-index: 100; transition: var(--transition);} .l-container{max-width: 91.14vw; width: 100%; padding-left: 30px; padding-left: clamp(15px,1.5625vw,30px); padding-right: 30px; padding-right: clamp(15px,1.5625vw,30px); position: relative; z-index: 2; margin: 0 auto;} header>*{align-items: center; height: inherit;} header>*>*{flex: 1; display: flex;} header>*>*.center{flex: 4; justify-content: center;} .lh-nav>*{margin: 0 25px; margin: 0 clamp(10px,1.3020833333333335vw,25px); position: relative;} .lh-nav>*::after{content: ''; display: block; width: 100%; height: 2px; background-color: var(--color-dominant); position: absolute; left: 0; bottom: -6px;transition:var(--transition); transform: scaleX(0);} .lh-nav>*:hover::after,.lh-nav>*.on::after{transform: scaleX(1);} header>*>*.right{justify-content: flex-end;} .lh-lang{width: 100px; margin-right: 30px; margin-right: clamp(15px,1.5625vw,30px);} .lh-lang>dt{height: 40px; width: inherit; border:1px solid #fff; border-radius: 40px; display: flex; align-items: center; justify-content: center; position: relative; z-index: 2; cursor: pointer; transition:var(--transition);} .lh-lang>dt:before{content: ''; display: block; width: 100%; height: 100%; background-color: #fff; border-radius: 40px; position: absolute; left: 0; top: 0; transform: scaleY(0); transition:var(--transition); transform-origin: center top;} .lh-lang>dt i{margin-right: 6px; font-size: 20px;} .lh-lang>dd{position: absolute; left: 0; right: 0; top: 100%; z-index: 1; background-color:var(--color-dominant); border-radius: 0; padding:10px 0 10px;transition:var(--transition);pointer-events:none; opacity: 0; transform: translateY(20px);} .lh-lang>dd>*{display: flex; align-items: center; justify-content: center; line-height: 30px; } .lh-lang>dd>*:hover{text-decoration: underline;} .lh-lang:hover>dt{background-color: #fff; color:#000;} .lh-lang:hover>dd{pointer-events:auto; opacity: 1;transform: translateY(0);} .lh-logo{width: 106px; display: block;} .nav-tel{align-items: center; justify-content: center; width: 174px; height: 40px; border-radius: 40px; background: var(--linear-gradient-blue);} .nav-tel i{margin-right: 8px;} .index-banner{height: 100vh; background-color: #000;} .index-banner .bd .img{width: 100%; height: 100%;} .index-banner .bd .l-container{position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; text-align: center;} .index-banner .bd .ccont{margin-top: 10px;} .page-tip{position: absolute; left: 50%; bottom: 50px; transform: translateX(-50%); z-index: 2; text-align: center;} .page-tip i{display: block; width: 17px; height: 24px; border-radius: 20px; border:1px solid #fff; margin: 0 auto 6px;} .page-tip i:before{content: ''; display: block; position: absolute; left:50%; top: 4px; width: 1px; height: 6px; background-color: #fff; animation: tip linear 1s infinite;} @keyframes tip{ 50%{transform: translateY(4px);} } .index-banner-hd{position: absolute; right: 25px; top: 50%; transform: translateY(-50%); width: auto; z-index: 2;} .index-banner-hd>*{display: block; width: 15px; height: 2px; background-color: #fff; opacity: 1; border-radius: 0; margin: 8px 0; transition: var(--transition); transform-origin: right center;} .index-banner-hd>*.on{transform: scaleX(1.5); background-color: var(--color-dominant);} .index-about>*>*.left{width: 40%; padding-right: 1%;} .index-about>*>*.right{width: 60%; display: flex; padding-left: 6%; padding-top: 150px; padding-top: clamp(50px,7.8125vw,150px);} .more-btn{display: flex; align-items: center; width: 220px; width: clamp(120px,11.458333333333332vw,220px); height: 60px; height: clamp(42px,3.125vw,60px); border-radius: 6px; background: var(--linear-gradient-blue); padding: 0 30px; padding:0 clamp(12px,1.5625vw,30px);} .more-btn i{position: absolute; right: 30px; right: clamp(12px,1.5625vw,30px); top: 50%; transform: translateY(-50%);} .index-about>*>*.right>.left{width: 30vw; width: clamp(200px,30vw,580px);} .index-about>*>*.right>.right{width: calc(100% - 30vw); display: flex; justify-content: flex-end; align-items: flex-end;} .index-about>*>*.right .icon{width: inherit; height: 30vw; height: clamp(200px,30vw,580px); border-radius: 50%; position: relative; overflow: hidden;transform: scale(1.6);} .index-about>*>*.right .icon .img{position: absolute; left: 0; top: 0;transform: scale(0.6);} .lh-total>*{margin-top: 50px;} .lh-total>*:first-child{margin-top: 0;} .lh-total>* .num span{position: relative; top:-24px; left: 4px;} .business-banner{margin-top: 140px; margin-top: clamp(50px,7.291666666666667vw,140px); width: 40%;} .business-banner .icon{width: 53px; width: clamp(25px,2.7604166666666665vw,53px);} .business-banner .name{position: relative; z-index: 2; margin-top: -20px; margin-top: clamp(-10px,-1.0416666666666665vw,-20px);} .business-hd>*{margin-left: 50px; margin-left:clamp(20px,2.604166666666667vw,50px);} .business-hd>*:first-child{margin-left: 0;} .business-hd>*>*{display: flex; align-items: center; justify-content: center; width: 136px; width: clamp(100px,7.083333333333333vw,136px); height: 136px; height: clamp(100px,7.083333333333333vw,136px); border-radius: 50%; border:1px solid rgba(255,255,255,.2); background-color: rgba(255,255,255,.1); text-align: center;} .business-hd>* .name{margin-top: 10px;} .business-hd>*.on>*{border-color:rgba(255,255,255,1); background-color: rgba(255,255,255,.3);} .news-top>*{flex: 1;} .news-top>*.right{display: flex; justify-content: flex-end; align-items: flex-end;} .news-hd>*{margin-left: 30px;} .news-hd>*:first-child{margin-left: 0;} .news-hd>*.on,.news-hd>*:hover{color:var(--color-dominant);} .news-item{margin:-30px 0 0 -30px; margin: clamp(-30px,-1.5625vw,-20px) 0 0 clamp(-30px,-1.5625vw,-20px);} .news-item>*{padding-left: 30px; padding-left: clamp(20px,1.5625vw,30px); margin-top: 30px; margin-top: clamp(20px,1.5625vw,30px);} .news-item>*>*{display: block; background-color: #fff; border-radius: 6px; box-shadow: 3px 10px 30px rgba(153,153,153,.1); overflow: hidden;} .news-item>* .img{height: 12.5vw; height: clamp(200px,12.5vw,340px);} .news-item>* .text{padding: 24px;} .news-item>* .name{margin-top: 10px;} .news-item>* i{display: flex; align-items: center; justify-content: center; border-radius: 50%; border:1px solid #A2A2A2; color:#A2A2A2; width: 40px; height: 40px; border-radius: 50%; margin-top: 60px; position: relative; z-index: 1; transition: var(--transition);} .news-item>* i::after{content: ''; display: block; width: 40px; height: 40px; border-radius: 50%; background: var(--linear-gradient-blue); position: absolute; left: -1px; top: -1px; z-index: -1; opacity: 0; transition: var(--transition);} .news-item>*>*:hover .l-imgs{transform: scale(1.1);} .news-item>*>*:hover{color:var(--color-dominant);} .news-item>*>*:hover i{color:#fff; border-color: transparent; transform: translateY(-20px);} .news-item>*>*:hover i::after{opacity: 1;} .img .l-imgs{transition: var(--transition);} .footer-logo{padding: 50px 0; padding: clamp(25px,2.604166666666667vw,50px) 0;} .footer-logo>*{opacity: .3; display: block; width: 152px;} .footer-center>*{flex: 1; width: 50%; display: flex; margin-left: -20px;} .footer-center>*.left{padding-right: 8%;} .footer-center>* dt{margin-bottom: 10px;} .footer-center>* dd{opacity: .5;} .footer-center>* a:hover{text-decoration: underline;} .footer-center>*>*{flex: 1; padding-left: 20px;} .footer-bottom{padding: 50px 0; padding: clamp(25px,2.604166666666667vw,50px) 0; margin-top: 50px; margin-top: clamp(25px,2.604166666666667vw,50px); border-top: 1px solid rgba(255,255,255,.1);} .footer-bottom>*{flex: 1; display: flex;} .footer-bottom>*.right{justify-content: flex-end;} .footer-bottom>* a:hover{text-decoration: underline;} .footer-bottom>* span{margin-left: 20px;} .footer-bottom>* span:first-child{margin-left: 0;} .index-business{background-attachment:fixed;} header.Fixed{background-color: rgba(255,255,255,.9); color:#000; box-shadow: 0 0 10px rgba(0,0,0,.1);backdrop-filter: blur(10px);-webkit-backdrop-filter:blur(10px);} .Fixed .lh-lang>dt{border-color:#000;} .lh-lang>dd{color:#fff;} .Fixed .lh-logo{background: url(../img/logo2.png) no-repeat center; background-size: cover;} .Fixed .lh-logo img{opacity: 0;} .about-three{position: absolute; left: 0; top: 20%; right: 0; bottom: 0; overflow: hidden; opacity: .1;mix-blend-mode: hard-light;} .index-about{padding-bottom: 180px; padding-bottom: clamp(50px,9.375vw,180px);} #water{position: absolute; left: 0; top: 0; bottom: 0; width: 500px; width: clamp(200px,26.041666666666668vw,500px);pointer-events:none; height: 100%; opacity: .8;} .lh-ban{height: 600px; height: clamp(240px,31.25vw,600px); background-color: #000;} .lh-ban>.l-container{position: absolute; left: 0; top: 0; right: 0; bottom: 0; align-items: flex-end; padding-bottom: 100px; padding-bottom: clamp(30px,5.2vw,100px);} .detail-page>*{flex: 1; display: flex; align-items: center;} .detail-page>*.right{justify-content: flex-end;} .l-return{align-items: center; width: 144px; height: 42px; justify-content: center; border-radius: 42px; border:1px solid #000;} .l-return i{margin-left: 6px;} .l-return:hover{background-color: var(--color-dominant); color:#fff; border-color:var(--color-dominant);} .detail-page>*.right>*{margin-left: 40px; margin-left: clamp(20px,2.083333333333333vw,40px); display: flex; align-items: center;} .detail-page>*.right>*:first-child{margin-left: 0;} .detail-page>*.right>* i{margin-right: 4px; position: relative; top: 1px;} .detail-page>*.right>*:hover{color:var(--color-dominant);} .detail-banner{width: calc(100% + 40px); width: calc(100% + clamp(20px,2.083333333333333vw,40px)); margin-left: -20px; margin-left:clamp(-20px,-1.0416666666666665vw,-10px);} .detail-banner .bd li{padding: 0 20px; padding: 0 clamp(10px,1.0416666666666665vw,20px); width: 50%;} .detail-banner .bd li .img{height: 500px; height: clamp(220px,26.041666666666668vw,800px);} .banner-public-hd>*{margin: 0 3px; transition: var(--transition);} .banner-public-hd>*.on{background-color: var(--color-dominant); opacity: 1;} .detail-text{align-items: center;} .detail-text>*{flex: 1;} .detail-text>*.right{display: flex; justify-content: flex-end;} .detail-text .name::before{content: ''; display: block; width: 25px; height: 4px; background-color: var(--color-dominant); position: absolute; left: 0; top: -20px; top: clamp(-20px,-1.0416666666666665vw,-10px);} .case-item{margin: -20px 0 0 -20px; margin:clamp(-20px,-1.0416666666666665vw,-15px) 0 0 clamp(-20px,-1.0416666666666665vw,-15px);} .case-item>*{padding-left: 20px; margin-top: 20px; padding-left: clamp(15px,1.0416666666666665vw,20px); margin-top: clamp(15px,1.0416666666666665vw,20px);} .case-item>*>*{position: relative; display: block; height: 354px; height: clamp(240px,18.4375vw,600px);} .case-item>* .img{height: inherit;} .case-item>* .text{position: absolute; left: 0; bottom: 0; right: 0; padding: 20px;} .other-nav-crumbs>*{align-items: center;height: 80px; height: clamp(60px,4.166666666666666vw,80px);} .other-nav-crumbs>*>*{flex: 1;} .other-nav-crumbs>*>*.right{display: flex; justify-content: flex-end; flex: 0.4;} .other-nav>*{margin-left: 24px; padding: 0 14px; position: relative; margin-left: clamp(10px,1.25vw,24px);} .other-nav>*::after{content: ''; display: block; width: 100%; height: 4px; background-color: var(--color-dominant); position: absolute; left: 0; bottom: -30px; bottom: clamp(-30px,-1.5625vw,-20px); transition: var(--transition); transform: scaleX(0);} .other-nav>*.on::after,.other-nav>*:hover::after{transform: scaleX(1);} .lh-crumbs{align-items: center;} .lh-crumbs span{margin-left: 6px;} .lh-crumbs a:hover{color:var(--color-dominant);} .lh-case>*>.icon{position: absolute; right: 0; top: 0; width: 794px; width: clamp(200px,41.354166666666664vw,794px);} .page-loading{align-items: center; justify-content: center;} .page-loading i{display: block; margin-right: 10px; animation: loading linear 1s infinite;} @keyframes loading{ to{transform: rotate(360deg);} } .case-item>*>*:hover .l-imgs{transform: scale(1.1);} .about-res>*>*{flex: 1;} .about-res>*>*.left{padding-right: 150px; padding-right: clamp(20px,7.8125vw,150px);} .about-res>*>*.right{padding-left: 120px; padding-left: clamp(20px,6.25vw,120px);} .about-res>*>*.icon{position: absolute; left: 0; bottom: -30px; bottom: clamp(-30px,-1.5625vw,-10px); font-size: 164px; font-size: clamp(32px,8.541666666666666vw,164px); opacity: .1;} .res-total>*{flex: 1;} .leader-cont{width: 100%; max-width: 72.91666666666666vw; position: relative; border-radius: 10px; padding:50px; padding: clamp(20px,2.604166666666667vw,50px); background-color: #fff;} .leader-hd>*{margin-left: 56px; margin-left: clamp(15px,2.9166666666666665vw,56px); padding: 0 5px; position: relative;} .leader-hd>*:first-child{margin-left: 0;} .leader-hd>*::after{content: ''; display: block; width: 100%; height: 4px; background-color: var(--color-dominant); position: absolute; left: 0; bottom: -10px; transition: var(--transition); transform: scaleX(0);} .leader-hd>*.on::after{transform: scaleX(1);} .leader-info>*.right{width: 390px; width: clamp(300px,20.3125vw,390px);} .leader-info>*.left{width: calc(100% - 390px); width:calc(100% - clamp(300px,20.3125vw,390px)); padding-right: 60px; padding-right: clamp(20px,3.125vw,60px);} .leader-info>*.right .img{height: 520px; height: clamp(400px,27.083333333333332vw,520px);} .leader-info>* .name{align-items: center;} .leader-info>* .name span{margin-left: 25px; margin-left: clamp(15px,1.3020833333333335vw,25px);} .about-top{align-items: center;} .about-top>*{flex: 1;} .about-top>*.right{justify-content: flex-end; display: flex;} .public-btn>*{display: flex; align-items: center; justify-content: center; width: 70px; height: 70px; border-radius: 50%; border:1px solid #fff; color:#fff; width: clamp(32px,3.6458333333333335vw,70px); height: clamp(32px,3.6458333333333335vw,70px); margin-left: 20px;} .public-btn>*:first-child{margin-left: 0;} .public-btn>*:hover{background-color: var(--color-dominant); border-color:var(--color-dominant);} .honor-banner{width: calc(100% + 30px); width: calc(100% + clamp(10px,1.5625vw,30px)); margin-left: -15px; margin-left: clamp(-15px,-0.78125vw,-5px);} .honor-banner .bd li{width: 25%; padding: 0 15px; padding: 0 clamp(5px,0.78125vw,15px);} .honor-banner .bd li>*{height: 100%; background-color: #fff; display: block; border-radius: 10px; padding: 30px; padding: clamp(15px,1.5625vw,30px);} .honor-banner .bd li .img{height: 345px; height: clamp(200px,17.96875vw,345px); display: flex; align-items: center; justify-content: center;} .culture-cont>.icon{position: absolute; left: 50%; top: 50%;color: transparent;-webkit-text-stroke: 1px var(--color-dominant); opacity: .34; font-size: 250px; font-size: clamp(42px,13.020833333333334vw,250px); transform: translate(-50%,-50%); transition: var(--transition);} .culture-cont>.icon.on{color:var(--color-dominant);} .culture-item{display: flex;flex-wrap: nowrap; position: relative; z-index: 2;} .culture-item>*{margin-left: 330px; margin-left: clamp(30px,15.625vw,330px);} .culture-item>*:first-child{margin-left: 0;} .culture-item>*>*{position: relative;width: 380px; height: 380px; width: clamp(120px,19.791666666666664vw,380px); height: clamp(120px,19.791666666666664vw,380px); display: block;} .culture-item>* .img{ border-radius: 50%; width: 100%; height: 100%; transition: var(--transition);} .culture-item>* .l-imgs{transform: scale(1.2); transition: var(--transition);} .culture-item>* .text{width: 168px; height: 168px; width: clamp(90px,8.75vw,168px); height: clamp(90px,8.75vw,168px); border-radius: 50%; background-color: var(--color-dominant); align-items: center; justify-content: center; position: absolute; right: -40px; bottom: -30px; display: flex; text-align: center; color:#fff; opacity: 0; transform: scale(0); transition: var(--transition);} .culture-item>*:hover .text,.culture-item>*.on .text{transform: scale(1); opacity: 1;} .culture-item>*:hover .img,.culture-item>*.on .img{transform: scale(1.2);} .culture-item>*:hover .l-imgs,.culture-item>*.on .l-imgs{transform: scale(1);} .about-culture{background-color: #eff5fb; padding-bottom: 200px; padding-bottom: clamp(40px,10.416666666666668vw,200px);} .team-banner{width: calc(100% + 48px); width: calc(100% + clamp(20px,2.5vw,48px)); margin-left: -24px; margin-left:clamp(-24px,-1.25vw,-10px);} .team-banner .bd li{width: 33.3%; padding: 0 24px; padding: 0 clamp(10px,1.25vw,24px);} .team-banner .bd li .img{height: 365px; height: clamp(220px,19.010416666666664vw,500px);} .team-banner .bd li .text{padding: 20px;} .team-btn>*{color:#666; border-color:#666;} .team-btn>*:hover{color:#fff;} .l-ones img{height: auto !important;} .job-cont{margin-top: 240px; margin-top: clamp(40px,12.5vw,240px);} .job-cont>*{flex: 1;} .job-cont>*.right{display: flex; justify-content: flex-end;} .job-cont>*.left{padding-right: 20%;} .job-cont>*.left .ccont::before{content: ''; display: block; width: 100%; height: 2px; background-color: var(--color-dominant); position: absolute; left: 0; top: -20px; top:clamp(-20px,-1.0416666666666665vw,-10px)} .job-btn{align-items: center;} .job-btn i{display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: 50%; background-color: var(--color-dominant); color:#fff; margin-right: 35px; width: clamp(34px,2.9166666666666665vw,56px); height: clamp(34px,2.9166666666666665vw,56px); margin-right: clamp(15px,1.8229166666666667vw,35px); position: relative;} .job-btn i::before{position: relative; z-index: 2; transform: rotate(-35deg);} .job-btn i::after{content: ''; display: block; width: 100%; height: 100%; background-color:var(--color-dominant); border-radius: 50%; position: absolute; left: 0; top: 0; animation: jobBtn linear 1s infinite;} @keyframes jobBtn{ to{transform: scale(1.4); opacity: 0;} } .way-item{margin-left: -60px; margin-left: clamp(-60px,-3.125vw,-15px);} .way-item>*{padding-left: 60px; padding-left: clamp(15px,3.125vw,60px);} .way-item>*>*{background-color: #fff; border-radius: 10px; padding:50px; padding:clamp(20px,2.604166666666667vw,50px); position: relative; overflow: hidden;} .way-item>*>* .icon{position: absolute; right: -30px; bottom: -30px; right: clamp(-30px,-1.5625vw,-10px); bottom: clamp(-30px,-1.5625vw,-10px); width: 226px; width: clamp(100px,11.770833333333334vw,226px);} .way-item>* .name{position: relative; padding-left: 16px; border-left: 4px solid var(--color-dominant); line-height: 100%;} .way-item>* dd{align-items: center;} .way-item>* dd i{margin-right: 10px; color:#999;} .contact-message>*>*{flex: 1;} .contact-message>*>*.right{display: flex; justify-content: flex-end;} .message-l{height: 100%;} .message-l>*{flex: 1;} .message-l>*.bottom{display: flex; align-items: flex-end;} .message-item{margin-left: -45px; margin-left: clamp(-45px,-2.34375vw,-15px);} .message-item>*{padding-left: 45px; padding-left: clamp(15px,2.34375vw,45px);} .message-item>* input,.message-item>* textarea{height: 56px; padding: 0 15px; border:none; background-color: #F7F7F7; border-radius: 6px;} .message-item>* textarea{height: 180px; line-height: 24px; padding: 15px;} .w100{width: 100%;} .message-btn{width: 250px; height: 66px; width: clamp(160px,13.020833333333334vw,250px); height: clamp(50px,3.4375000000000004vw,66px); background-color: var(--color-dominant); border-radius: 60px; align-items: center; padding: 0 50px; padding: 0 clamp(20px,2.604166666666667vw,50px); position: relative;} .message-btn i{position: absolute; right: 50px; right: clamp(20px,2.604166666666667vw,50px); transform: rotate(-35deg);} header.black{background-color: #fff; box-shadow: 0 0 20px rgba(0,0,0,.1); height: 90px; height: clamp(80px,4.6875vw,90px);} header.black .lh-logo{background: url(../img/logo2.png) no-repeat center; background-size: cover;} header.black .lh-logo img{opacity: 0;} header.black .lh-lang>dt{border-color:#000;} .news-detail{margin-top: 90px; margin-top:clamp(80px,4.6875vw,90px);} .news-detail>*>.right{width: 365px; width: clamp(280px,19.010416666666664vw,365px);} .news-detail>*>.left{width: calc(100% - 365px);width: calc(100% - clamp(280px,19.010416666666664vw,365px)); padding-right: 30px; padding-right: clamp(20px,1.5625vw,30px);} .news-detail-cont{background-color: #fff;border-radius: 4px;} .news-detail-cont>.top{height: 90px; border-bottom: 1px solid rgba(0,0,0,.05); height: clamp(70px,4.6875vw,90px); align-items: center; padding: 0 35px; padding: 0 clamp(20px,1.8229166666666667vw,35px);} .news-detail-cont>.top>*{flex: 1;} .news-detail-cont>.top>*.right{display: flex; justify-content: flex-end; align-items: center;} .news-detail-cont>.top>* .return{align-items: center;} .news-detail-cont>.top>* .return i{margin-right: 10px;} .news-detail-cont>.top>*.right a{display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 50%; background-color: var(--color-dominant); margin-right: 10px; color:#fff;} .news-detail-cont>.top>*.right a:last-child{margin-right: 0;} .news-detail-cont>.bottom{padding: 35px; padding:clamp(20px,1.8229166666666667vw,35px);} .news-detail-cont>.bottom>.nname{align-items: center;} .news-detail-cont>.bottom>.nname span{margin-left: 30px; margin-left: clamp(20px,1.5625vw,30px);} .news-detail-cont>.bottom>.nname span:first-child{margin-left: 0;} .news-detail-page{height: 98px; height: clamp(50px,5.104166666666667vw,98px); align-items: center; padding: 0 35px; padding: 0 clamp(20px,1.8229166666666667vw,35px); background-color: #fff;border-radius: 4px;} .news-detail-page>*{flex: 1;} .news-detail-page>*:first-child{padding-right: 20px;} .news-detail-page>*:last-child{padding-left: 20px; display: flex; justify-content: flex-end;} .news-detail-page>*>*:hover{color:var(--color-dominant);} .news-other{background-color: #fff; padding: 35px; padding:clamp(20px,1.8229166666666667vw,35px); border-radius: 4px;} .news-other-item>* .img{height: 178px; height: clamp(130px,9.270833333333334vw,178px); border-radius: 4px;} .news-other-item>*>*:hover .l-imgs{transform: scale(1.1);} .news-other-item>*>*:hover{color:var(--color-dominant);} .news-select{width: 332px; height: 56px; border:1px solid rgba(0,0,0,.1); border-radius: 56px;} .news-select select{border:none; width: 100%; height: 56px; padding: 0 30px;} .news-select i{position: absolute; right: 30px; top: 50%; transform: translateY(-50%);pointer-events:none;} .serves-item{margin: -20px 0 0 -94px; margin: clamp(-20px,-1.0416666666666665vw,-10px) 0 0 clamp(-94px,-4.895833333333333vw,-20px);} .serves-item>*{padding-left: 94px; padding-left: clamp(20px,4.895833333333333vw,94px); margin-top: 20px; margin-top: clamp(10px,1.0416666666666665vw,20px);} .serves-item>*>*{border-bottom: 1px solid rgba(0,0,0,.1); height: 70px; align-items: center; position: relative;} .serves-item>*>*::before{content: ''; display: block; width: 100%; height: 1px; background-color: var(--color-dominant); position: absolute; left: 0; bottom: -1px; transform: scaleX(0); transition: var(--transition); transform-origin: left center;} .serves-item>*>*>*{flex: 1;} .serves-item>*>*>*.right{flex: 0.3; display: flex; justify-content: flex-end; display:none;} .serves-item>*>*>*.right i{display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 50%; border:1px solid #999; color:#999; transition: var(--transition);} .serves-item>*>*:hover::before{transform: scaleX(1);} .serves-item>*>*:hover i{background-color: var(--color-dominant); color:#fff; border-color:var(--color-dominant);} .serves-layer{position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 1000; background-color: rgba(0,0,0,.6); justify-content: flex-end; opacity: 0;pointer-events:none;} .serves-layer-cont{background-color: #fff; height: 100%; max-width: 1292px; width: 100%; max-width: clamp(500px,67.29166666666667vw,1292px); padding: 70px; padding: clamp(20px,3.6458333333333335vw,70px);} .serves-layer-cont>.top{justify-content: flex-end;} .serves-layer-cont>.top a{display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: 50%; border:1px solid #666; color:#666; width: clamp(32px,2.1875vw,42px); height: clamp(32px,2.1875vw,42px);} .serves-layer-cont>.bottom>.name{padding-bottom: 20px; padding-bottom: clamp(10px,1.0416666666666665vw,20px); border-bottom: 1px solid rgba(0,0,0,.1);} .serves-layer-info{max-height: 74vh; overflow-y: auto;} .equipment-banner{margin-left: -10px; width: calc(100% + 20px);} .equipment-banner .bd li{width: 33.3%; padding: 0 10px;} .equipment-banner .bd li>*{position: relative; display: block;} .equipment-banner .bd li .img{height: 354px; height: clamp(220px,18.4375vw,480px);} .equipment-banner .bd li .text{background: var(--linear-gradient-shadow); position: absolute; left: 0; bottom: 0; right: 0; top: 50%; display: flex; align-items: flex-end; padding: 20px;} .equipment-banner .bd li .text>*{width: 100%; text-align: center;} .equipment-banner .bd li>*:hover .l-imgs{transform: scale(1.1);} .business-layout>*>*{flex: 1;} .business-layout>*>*.left{flex: 0.7; padding-right: 10%;} .layout-text{height: 100%;} .layout-text>*{flex: 1;} .layout-text>*.bottom{display: flex; align-items: flex-end;} .business-partner>*>.left{width: 40%;} .business-partner>*>.right{width: 60%;} .partner-item>*{padding-left: 10px; margin-top: 10px;} .partner-item>*>*{background-color: #fff; border:1px solid rgba(0,0,0,.05); border-radius: 6px; overflow: hidden; display: flex; align-items: center; justify-content: center; padding: 4px; height: 90px; height: clamp(50px,4.6875vw,120px);} .partner-hd>*{width: 30px; height: 2px; background-color: #999; opacity: 1; border-radius: 0; transition: var(--transition); margin-left: 10px; width: clamp(15px,1.5625vw,30px);} .partner-hd>*:first-child{margin-left: 0;} .partner-hd>*.on{background-color: var(--color-dominant);} .about-honor{background-attachment: fixed;} [data-lang] header>*>*.center{flex:8;} [data-lang] .lh-nav>*{margin:0 20px; margin:0 clamp(10px,1.0416666666666665vw,20px);} [data-lang] .lh-lang{margin-right:20px; margin-right:clamp(10px,1.0416666666666665vw,20px);} .about-leader>*>.left{width:160px; width:clamp(80px,8.333333333333332vw,160px);} .about-leader>*>.right{width:calc(100% - 160px);width:calc(100% - clamp(80px,8.333333333333332vw,160px));} .about-leader>*>.left .name{writing-mode: vertical-rl;text-orientation: mixed; position:relative; padding-left:14px;} .about-leader>*>.left .name::before{content:''; display:block; width:4px; height:100%; background-color:var(--color-dominant); border-radius:4px; position:absolute; left:0; top:50%; transform:translateY(-50%);} /* --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 all 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) {/*150%*/ } @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){ } /*手机*/ @media screen and (max-width: 980px){ header{height:50px; background:#fff; color:#000 !important;} .lh-nav{position:fixed; left:0; top:0; width:100vw; height:100vh; display:block; background-color:#fff; padding-top:40%; opacity:0;pointer-events:none; transition:var(--transition);} .lh-nav>*{display:block; text-align:center; padding:20px 0; font-size:16px;} .lh-nav>*::after{display:none;} main{width:100vw; overflow-x:hidden;} .l-container{padding-left:15px; padding-right:15px; max-width:100%;} header>*{height:inherit;} .lh-logo{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:2; width:80px;background: url(../img/logo2.png) no-repeat center;background-size: cover;} .lh-logo img{opacity:0;} .nav-tel{display:none;} .lh-lang{margin-right:0; width:80px;} .lh-lang>dt{height:32px; border-color:#000;} .nav-btn{width:50px; height:50px; position:absolute; left:0; top:0; z-index:2;} .nav-btn:before,.nav-btn:after{content:''; display:block; width:22px; height:1px; background-color:#000; position:absolute; left:15px; top:50%; transition:var(--transition);} .nav-btn i{display:block; width:22px; height:1px; background-color:#000; position:absolute; left:15px; top:50%; transition:var(--transition);} .nav-btn:before{margin-top:-8px;} .nav-btn:after{margin-top:8px;} .WebNav .lh-nav{opacity:1;pointer-events:auto;} .WebNav .nav-btn i{transform:scaleX(0);} .WebNav .nav-btn:before{transform:translate(0,8px) rotate(45deg);} .WebNav .nav-btn:after{transform:translate(0,-8px) rotate(-45deg);} .page-tip{bottom:20px;} .index-banner .bd .name{font-size:24px;} .index-banner .bd .ccont{font-size:20px;} .index-banner-hd{display:none !important;} .index-about>*{display:block;} .index-about>*>*{width:100% !important; padding:0 !important;} .index-about{padding-top:40px;} .index-about>*>*.right .icon{transform:scale(1.4); top:30px;} .index-about-text .nname{font-size:20px;} .business-banner{width:100%;} .news-item>*{width:100%;} .news-item>* i{margin-top:20px;} .footer-center>*.left{display:none;} .footer-logo>*{width:76px;} .footer-center>*{display:block; margin-top:-20px;} .footer-center>*>*{margin-top:20px;} .footer-bottom{display:block;} .footer-bottom>*{display:block;} .footer-bottom>*.right{display:block;} .footer-bottom>* span{display:block; margin-left:0; margin-top:4px;} .other-nav-crumbs>*>*.right{display:none;} .other-nav>*{padding:0 2px; margin-left:6px;} .l-container.l-flex{display:block;} .res-total>*{margin-top:20px; width:50%; flex:none;} .res-total>*:first-child{margin-left:0;} .res-total{margin-top:20px;} .about-res>*>*.right{padding:0;} .leader-cont{max-width:100%;} .leader-bd>.on{display:block;} .leader-info>*{width:100% !important; padding:0 !important;} .culture-item>*{margin-left:20px;} .culture-item>*>*{width:100px; height:100px;} header.black{height:50px;} header>*{display:flex !important;} .news-detail{margin-top:50px;} .news-detail>*>*{width:100% !important; padding:0 !important;} .news-detail-cont>.top>*.right{display:none;} .other-nav-crumbs>.l-container{display:flex;} .serves-item>*{width:50%;} .business-partner>*>*{width:100% !important;} .case-item>*{width:100%;} .job-cont{display:block;} .job-cont>*.right{display:block; margin-top:30px;} .way-item>*{width:100%; margin-top:20px;} .way-item>*:first-child{margin-top:0;} .message-item>*{width:100%;} }