@charset "utf-8";
@font-face {
  font-family: "montserrat-medium";
  src:  format("woff2"),
        format("woff"),
        format("truetype"),
        format("embedded-opentype"),
        format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
	font-family: 'gilroy_bold';
	src:  format('truetype');
}
@font-face {
	font-family: 'manrope-bold';
	src:  format('truetype');
}
@font-face {
  font-family: "din-bold_";
  src:  format("woff2"),
        format("woff"),
        format("truetype"),
        format("embedded-opentype"),
        format("svg");
  font-weight: normal;
  font-style: normal;
}
.avenir{ font-family: "avenir";}
.interfaces{font-family: "interfaces";}
.montserrat{font-family: "montserrat";}
:root{
	--transition:cubic-bezier(0.215,.61,.355,1) .45s;
	--opacity-8:.8;
	--opacity-6:.6;
	--text-vertical-lr:vertical-lr;
	--form-color:#a314c5;
	--px-10:10px;
	--px-20:20px;
	--px-30:30px;
	--px-40:40px;
	--px-50:50px;
	--px-60:60px;
	--px-70:70px;
	--px-80:80px;
	--px-90:90px;
	--px-100:100px;
	--px-110:110px;
	--px-120:120px;
	--color-green:#40bcd1;
	--linear-gradient-shadow:linear-gradient(0deg,rgba(0,0,0,.8),rgba(0,0,0,0));
}
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;image-rendering: -moz-crisp-edges; /* firefox */     image-rendering: -o-crisp-edges; /* opera */      image-rendering: -webkit-optimize-contrast; /*webkit (non-standard naming) */image-rendering: crisp-edges; -ms-interpolation-mode: nearest-neighbor; /* ie (non-standard property) */}
ul,dl,li,dt,dd{list-style:none;}
body,html{min-height:100%;}
body{font-size:14px; color:#333;-webkit-tap-highlight-color:rgba(255,255,255,0); overflow-x:hidden;font-family: 'helvetica neue',helvetica,tahoma,arial,'microsoft yahei','pingfang sc','hiragino sans gb','heiti sc','wenquanyi micro hei',sans-serif; }
pre{font-family: 'helvetica neue',helvetica,tahoma,arial,'microsoft yahei','pingfang sc','hiragino sans gb','heiti sc','wenquanyi micro hei',sans-serif; white-space:pre-wrap;word-wrap: break-word;}
a{text-decoration:none; color:inherit; outline:none; transition:cubic-bezier(0.215,.61,.355,1) .45s;}
.clearfix:after{content:"\200b"; display:block; height:0; clear:both;}
.clearfix{*zoom:1;}/*ie/7/6*/
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
input,textarea,select{outline: none;-webkit-appearance: none;border-radius: 0; font-size:14px;font-family:'helvetica neue',helvetica,tahoma,arial,'microsoft yahei','pingfang sc','hiragino sans gb','heiti sc','wenquanyi micro hei',sans-serif; display:block; width:100%; border:none; border:1px solid #e6e6e6;  line-height:38px; padding:0 10px; transition:cubic-bezier(0.215,.61,.355,1) .45s; background:none;}
input::-webkit-input-placeholder,input:-moz-placeholder,input::-moz-placeholder,input:-ms-input-placeholder,textarea::-webkit-input-placeholder,textarea:-moz-placeholder,textarea::-moz-placeholder,textarea:-ms-input-placeholder{color: #999;}
select::-ms-expand { display: none; }
i,em{font-style:normal;}
.container{max-width:1230px; margin:auto; position:relative; padding:0 15px; width:100%;z-index:1;}
.container1400{max-width:1430px; margin:auto; position:relative; padding:0 15px; width:100%; z-index:1;}
.container1300{max-width:1330px; margin:auto; position:relative; padding:0 15px; width:100%;z-index:1;}
.din{font-family: "din-bold_";}
/*浏览器滚动条*/
::-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:#555;border-radius:1.5625vw}
::-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}
/*config*/
.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:inherit; height:inherit;}
.l-right{float:right;}
.l-lh18{line-height:18px;}
.l-lh20{line-height:20px;}
.l-lh22{line-height:22px;}
.l-lh24{line-height:24px;}
.l-lh26{line-height:26px;}
.l-lh28{line-height:28px;}
.l-lh30{line-height:30px;}
.l-lh32{line-height:32px;}
.l-lh34{line-height:34px;}
.l-lh36{line-height:36px;}
.l-lh38{line-height:38px;}
.l-lh40{line-height:40px;}
.l-font12{font-size:12px;}
.l-font16{font-size:16px;}
.l-font18{font-size:18px;}
.l-font20{font-size:20px;}
.l-font22{font-size:22px;}
.l-font24{font-size:24px;}
.l-font26{font-size:26px;}
.l-font28{font-size:28px;}
.l-font30{font-size:30px;}
.l-font32{font-size:32px;}
.l-font34{font-size:34px;}
.l-font36{font-size:28px;}
.l-font38{font-size:38px;}
.l-font40{font-size:40px;}
.l-font42{font-size:42px;}
.l-font56{font-size:56px;}
.l-font60{font-size:60px;}
.l-font72{font-size:72px;}
.l-font100{font-size:100px;}
.l-opacity8{opacity:.8;}
.l-opacity7{opacity:.7;}
.l-opacity5{opacity:.5;}
/*栅格化*/
.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-col-1,.l-col-2,.l-col-3,.l-col-4,.l-col-5,.l-col-6,.l-col-7,.l-col-8,.l-col-9,.l-col-10,.l-col-11,.l-col-12,.l-left,.l-grid-2>*,.l-grid-3>*,.l-grid-4>*,.l-grid-5>*,.l-grid-6>*{float:left;}
/*均分*/
.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-col-1{width:8.333333333333332%;}
.l-col-2{width:16.666666666666664%;}
.l-col-3{width:25%;}
.l-col-4{width:33.333333333333336%;}
.l-col-5{width:41.66666666666667%;}
.l-col-6{width:50%;}
.l-col-7{width:58.333333333333336%;}
.l-col-8{width:66.66666666666666%;}
.l-col-9{width:75%;}
.l-col-10{width:83.33333333333334%;}
.l-col-11{width:91.66666666666666%;}
.l-col-12{width:100%;}
/*间距*/
.l-space5{margin-left:-5px;}
.l-space5>*{padding-left:5px;}
.l-space10{margin-left:-10px;}
.l-space10>*{padding-left:10px;}
.l-space15{margin-left:-15px;}
.l-space15>*{padding-left:15px;}
.l-space20{margin-left:-20px;}
.l-space20>*{padding-left:20px;}
.l-space25{margin-left:-25px;}
.l-space25>*{padding-left:25px;}
.l-space30{margin-left:-30px;}
.l-space30>*{padding-left:30px;}
.l-space35{margin-left:-35px;}
.l-space35>*{padding-left:35px;}
.l-space40{margin-left:-40px;}
.l-space40>*{padding-left:40px;}
/*mt*/
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt35{margin-top:35px;}
.mt40{margin-top:40px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml25{margin-left:25px;}
.ml30{margin-left:30px;}
.ml35{margin-left:35px;}
.ml40{margin-left:40px;}
.l-col-mt10>*{margin-top:10px;}
.l-col-mt15>*{margin-top:15px;}
.l-col-mt20>*{margin-top:20px;}
.l-col-mt25>*{margin-top:25px;}
.l-col-mt30>*{margin-top:30px;}
.l-col-mt35>*{margin-top:35px;}
.l-col-mt40>*{margin-top:40px;}
/*form*/
.l-form-label{width:110px; text-align:right; padding:0 15px;}
input:focus{border-color:#d2d2d2;}
.l-input-block{margin-left:110px; min-height:38px;}
.layui-input-inline{width:190px;}
.l-radio>div{float:left; position:relative; margin-left:20px; display:flex; align-items:center;}
.l-radio>div:first-child{margin-left:0;}
.l-radio>div i{display:block; width:18px; height:18px; border:1px solid #c2c2c2; border-radius:50%; margin:0 6px 0 0; float:left; position:relative;transition:cubic-bezier(0.215,.61,.355,1) .45s;}
.l-radio>div i:before{content:''; display:block; width:8px; height:8px; border-radius:50%; background:var(--form-color); position:absolute; left:50%; top:50%; margin:-4px 0 0 -4px; transform:scale(0); visibility:hidden; opacity:0;transition:cubic-bezier(0.215,.61,.355,1) .45s;}
.l-radio>div.on i{border-color:var(--form-color);}
.l-radio>div.on i:before{transform:scale(1); visibility:visible; opacity:1;}
.l-radio>div input{position:absolute; left:0; top:0; width:100%; height:100%; cursor:pointer;-webkit-appearance: radio; opacity:0; z-index:2;}
.l-checkbox>div i{border-radius:4px;}
.l-checkbox>div i:before{border-radius:4px;}
.l-lh60{line-height:60px;}
.l-font160{font-size:8.333333333333332vw;}
.l-hollowout{-webkit-text-fill-color:transparent; -webkit-text-stroke:1px #000;}
/*btn*/
button.l-btn{-webkit-appearance: none; outline:none;}
.l-btn{height:38px; line-height:38px; padding:0 18px; cursor:pointer; border:1px solid transparent; color:#fff; white-space:nowrap; text-align:center; font-size:14px; border-radius:2px; background-color:#009688; display:inline-block; transition:cubic-bezier(0.215,.61,.355,1) .45s;}
.l-btn-primary{border-color:#d2d2d2; background-color:inherit !important; color:#000;}
.l-btn:hover{opacity:.8;}
.l-btn-primary:hover{border-color:#007e74; color:#007e74;}
.l-btn-disabled{color:#d2d2d2; border-color:#eee; background-color:#fbfbfb; cursor:not-allowed;}
.l-btn-xl{height:50px; line-height:50px; padding:0 30px; font-size:18px;}
.l-btn-l{height:44px; line-height:44px; padding:0 25px; font-size:16px;}
.l-btn-s{height:30px; line-height:30px; padding:0 10px; font-size:12px;}
.l-btn-xs{height:22px; line-height:22px; padding:0 5px; font-size:12px;}
.l-btn-flex{display:block; width:100%;}
/*radius*/
.l-radius2{border-radius:2px;}
.l-radius4{border-radius:4px;}
.l-radius6{border-radius:6px;}
.l-radius8{border-radius:8px;}
.l-radius10{border-radius:10px;}
.l-radius20{border-radius:20px;}
.l-radius30{border-radius:30px;}
.l-radius50{border-radius:50%;}
/*border*/
.l-border1{border:1px solid #fafafa;}
.l-border2{border:2px solid #fafafa;}
.l-border3{border:3px solid #fafafa;}
.l-border-dashed{border-style:dashed;}
.l-border-dotted{border-style:dotted;}
.l-border-color1{border-color:#fafafa;}
.l-border-color2{border-color:#f6f6f6;}
.l-border-color3{border-color:#eee;}
.l-border-color4{border-color:#e2e2e2;}
.l-border-color5{border-color:#ddd;}
.l-border-color6{border-color:#d2d2d2;}
.l-border-color7{border-color:#ccc;}
.l-border-color8{border-color:#c2c2c2;}
.l-border-red{border-color:#ff5722;}
.l-border-orange{border-color:#ffb800;}
.l-border-green{border-color:#009688;}
.l-border-cyan{border-color:#2f4056;}
.l-border-blue{border-color:#1e9fff;}
.l-border-black{border-color:#393d49;}
/*bg color*/
.l-bg-red{background-color:#ff5722;}
.l-bg-orange{background-color:#ffb800;}
.l-bg-green{background-color:#009688;}
.l-bg-cyan{background-color:#2f4056;}
.l-bg-blue{background-color:#1e9fff;}
.l-bg-black{background-color:#393d49;}
.l-bg-gray{background-color:#fafafa;}
.l-bg-white{background-color:#fff;}
/*font color*/
.l-golden{color:var(--color-golden);}
.l-orange{color:var(--color-orange);}
.l-white{color:#fff;}
.header2  .l-white{color:#ee7700;}
.l-black{color:#000;}
.l-gray3{color:#333;}
.l-gray6{color:#666;}
.l-gray9{color:#222;}
.lines1{ word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.lines2{ word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.lines3{ word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.lines4{ word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.lines5{word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:5;overflow: hidden;}
.public-bg{background-attachment:fixed;background-position:center; background-size:cover;}
.lh-imglayer-banner{position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.8); z-index:1000;}
.lh-imglayer-banner li{display:flex; align-items:center; justify-content:center;}
.lh-imglayer-banner li>div{width:80%; height:80%;display:flex; align-items:center; justify-content:center;}
.lh-imglayer-banner li>div img{max-height:100%;}
.lh-imglayer-close{position:absolute; right:15px; top:15px; border-radius:50%; width:50px; height:50px; background:#000; color:#fff; font-size:24px; display:flex; align-items:center; justify-content:center; z-index:2;}
.lh-imglayer-banner .prevn,.lh-imglayer-banner .nextn{display:flex; align-items:center; justify-content:center; width:50px; height:50px; border-radius:50%;background:#000; color:#fff; font-size:24px; position:absolute; top:50%; transform:translatey(-50%); z-index:2;}
.lh-imglayer-banner .prevn{left:15px;}
.lh-imglayer-banner .nextn{right:15px;}
/*下拉*/
.l-select{position:relative; line-height:inherit;}
.l-select-title{position:relative; height:inherit; cursor:pointer;}
.l-select-title>input{cursor:pointer; position:relative; z-index:2;user-select: none;}
.l-select-title:after{content:''; display:block; width:0; height:0; border:6px solid transparent; border-top:6px solid #c2c2c2; position:absolute; right:10px; top:50%; margin-top:-3px;}
.l-select-upbit{position:absolute; left:0; top:110%; width:100%;border: 1px solid #eee; border-radius:2px; background:#fff; z-index:10; padding:5px 0; transform:translatey(20px); visibility:hidden; max-height:300px;overflow-y: auto;}
.l-select-upbit>*{padding:0 10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.l-select-upbit>dd{cursor:pointer;}
.l-select-upbit>dd:hover{background:#f6f6f6;}
.l-select-upbit>dd.on{background:#5fb878; color:#fff;}
.l-select-tips{color:#999;}
.l-select.l-selected .l-select-upbit{transform:translatey(0); visibility:visible;transition:cubic-bezier(0.215,.61,.355,1) .45s;}
.l-select.l-selectup .l-select-upbit{top:inherit; bottom:110%;}
.l-disabled{background-color:#fff; color:#d2d2d2 !important; cursor:not-allowed !important;}
.l-disabled:hover{background:none !important;}
.l-select-group>dd{padding-left:20px;}
.l-select-group>dt{color:#999;}
.l-radio>.l-disabled i{border:1px solid #f0eeee;}
.l-disabled>*{cursor:not-allowed !important;}
.l-hide{display:none !important;}
.l-select-none{text-align:center; color:#999;}
.l-switch{width:56px; height:24px; line-height:24px; border:1px solid #d2d2d2; position:relative; border-radius:30px; cursor:pointer;transition:cubic-bezier(0.215,.61,.355,1) .45s;}
.l-switch input{cursor:pointer;}
.l-switch input{width:100%; height:100%; position:absolute; left:0; top:0; z-index:2; opacity:0;}
.l-switch em{font-size:12px; color:#999; position:absolute; right:4px; top:0;transition:cubic-bezier(0.215,.61,.355,1) .45s;}
.l-switch i{display:block; width:16px; height:16px; border-radius:50%; background:#d2d2d2; position:absolute; left:4px; top:50%; margin-top:-8px;transition:cubic-bezier(0.215,.61,.355,1) .45s; z-index:2;}
.l-switch.on em{transform:translatex(-20px); color:#fff;}
.l-switch.on i{transform:translatex(30px); background:#fff;}
.l-switch.on{border-color:#5fb878; background:#5fb878;}
.l-textarea{height:100px;transition:0s; min-height:100px; max-height:300px;}
.l-textarea:focus{border-color:#d3d3d3;transition:cubic-bezier(0.215,.61,.355,1) .45s;}
.l-lh56{line-height:56px;}
.l-lh70{line-height:70px;}
.l-uppercase{text-transform:uppercase;}
.lh-cursor{pointer-events: none; position:absolute; left:0; top:0; display:flex; align-items:center; justify-content:center; z-index:10000; width:20px; height:20px; margin:-10px 0 0 -10px;}
.lh-cursor .more{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:70px; height:70px; display:flex; align-items:center; justify-content:center; opacity:0;}
.lh-cursor .more .circletrack{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
li .l-imgs{height:100%; transition:var(--transition);}
.l-font48{font-size:48px;}
.l-font52{font-size:52px;}
textarea{resize:none;}
.l-green{color:var(--color-green);}
/*分享二维码*/
#lhcode{position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); border-radius:3px; background:#fff; border:4px solid #7f7f7f; z-index:3000;}
#lhcode>h2{height:30px; line-height:30px; background:#f2f2f2; overflow:hidden; position:relative; padding:0 0 0 10px; font-size:14px; color:#666666;}
#lhcode>h2>i{cursor:pointer; float:right; width:35px; height:35px; text-align:center;}
#lhcode>.ewm{width:180px; height:180px; padding:10px;}
#lhcode>.ewm canvas{width:100%; height:100%;}

.first 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);}
.first svg.loader path{animation: endlessrotate 1s linear infinite;transform-origin: center;}
@keyframes endlessrotate {
  from {transform:rotatez(0deg)}
  to {transform:rotatez(360deg)}
}
.pace-activity{display:none;}
.first .pace-activity{position:fixed; left:0; top:0; z-index:10000; right:0; bottom:0; background:#fff;transition:opacity 1.5s cubic-bezier(0.190, 1.000, 0.220, 1.000); display:block;}
.first.pace-done .pace-activity{opacity:0;pointer-events: none;}

.pace-running:before,.pace-done:before{display:none !important;}

.lh-banner{height:auto;}
.lh-banner .text{position:absolute; left:4vw; display:flex; align-items:center; top:0; bottom:0; z-index:2;}
.lh-banner .text .nname{font-weight:bold; }
.lh-banner .text .nname>*>*{position:relative; top:-2px;}
.lh-banner .text .name{margin-bottom:10px; line-height: 1;font-family: 'gilroy_bold'; ;}
.lh-banner .text .name2{margin-top:50px; font-weight: lighter;}
.lh-banner .bd .l-imgs{transition: ease 1s;}
.banner-hd{position:absolute; left:4vw !important; bottom:60px!important; z-index:2; height:2px;}
.banner-hd li{width:30px; height:2px; background:#fff; border-radius:0; margin:0 4px !important; opacity:.5; transition:var(--transition);}
.banner-hd li.on{opacity:1;}
header{position:absolute; left:0; top:0; right:0; z-index:10;}
.header3{background: #ee7700; height: 100px;}
header a{display: flex; align-items: center;}
header a div{font-size: 1.5rem;font-family:'gilroy_bold';position: relative;; background: rgba(255,255,255,1); color: #fe520e; border-radius: 25px; line-height: 45px; padding:0 25px 0 45px;margin:0 0 0 25px}
header a div:after{content: ''; position: absolute;left:15px;top:15px;width:17px;height: 18px;background: url(/uploads/image/hdsimages/add.png);}
.lh-logo{position:relative;  z-index:3; position:absolute; left:2vw; top:18px;}
.header-r{position:fixed; right:2vw; top:33px; z-index: 12;}
.lh-logo img{height:inherit; width:auto; transition:var(--transition);}
.lh-logo .logo2{position:absolute; left:0; top:0; opacity:0;}
.nav-btn{margin-left:30px; display:flex; align-items:center; z-index:3; position:relative;}
.nav-btn em{ white-space:nowrap; display:block;}
.search-btn{position:relative; z-index:2;}
.btn-line{display:block; width:30px; height:16px; position:relative; margin-right:10px;}
.btn-line:before,.btn-line:after{content:''; display:block; width:100%; height:2px; background:#fff; position:absolute; left:0; top:50%; margin-top:-6px; transition:var(--transition);}
.header2 .btn-line:before,.header2  .btn-line:after{background:#ee7700;}
.btn-line:after{margin-top:4px;}
.header-toggle{position:fixed; left:0; top:0; width:100vw; height:100vh; background:#f7f7f7 url(/uploads/image/hdsimg/slg4.png) no-repeat right 100px bottom; display:flex; align-items:center; padding:0 4vw 0; opacity:0;pointer-events: none; transition:ease 1s; z-index:11;}
.header-toggle>*{width:100%;}
.toggle-contact .addr{margin-top:4vh; }
.toggle-contact .tel{margin-top:2vh;}
.toggle-contact li{transform:translatey(20px); opacity:0;}
.toggle-share{margin-top:3vh; position:relative; padding-top:3vh; display:inline-block;transform:translatey(20px); opacity:0;}
.toggle-share:before{content:''; display:block; width:100%; height:1px; background:#ddd; position:absolute; left:0; top:0;}
.toggle-share li{float:left; margin-left:40px;}
.toggle-share li:first-child{margin-left:0;}
.toggle-share li a{position:relative; padding-top:20px;}
.toggle-share li i{font-size:20px;}
.toggle-share li .ewm{position:absolute; left:50%; bottom:100%; width:100px; margin-left:-50px;pointer-events: none;}
.toggle-share li .ewm:before{content:''; display:block; width:1px; height:20px; border-left:1px dashed #000; position:absolute; left:50%; top:100%; transform-origin:center bottom; transform:scaley(0); transition:var(--transition);}
.toggle-share li .ewm img{opacity:0; transform:translatey(10px); transition:ease .45s;}
.toggle-share li a:hover .ewm:before{transform:scale(1);}
.toggle-share li a:hover img{opacity:1; transform:translatey(0);}
.l-font80{font-size:80px;}
.toggle-nav{width: 40%; height: 100%; display: flex;justify-content: flex-start;flex-wrap: wrap;align-items: flex-start;}
.toggle-nav li{margin-top:8vh; transform:translatey(40px); opacity:0; width:100%}

.toggle-nav li a{position:relative; color:#999; display:block;}
.toggle-nav li a em{display:block;}
.toggle-nav li a .icon{position:absolute; right:120%; top:50%; width:75px; height:45px; line-height:45px; margin-top:-22px; transition:var(--transition); opacity:0; transform:translatex(-20px);pointer-events: none;}
.toggle-nav li a:hover .icon img{animation:jtr linear 1s infinite;}
.navtoggle{overflow-y: hidden;}
.navtoggle .header-toggle{opacity:1;pointer-events:auto;}
.navtoggle .toggle-nav li{animation:fadeinup1 cubic-bezier(0.215,.61,.355,1) 1s forwards; animation-delay:.45s;}
.navtoggle .toggle-contact li,.navtoggle .toggle-share{animation:fadeinup1 cubic-bezier(0.215,.61,.355,1) 1s forwards; animation-delay:.45s;}
.navtoggle .toggle-nav li:nth-child(2),.navtoggle .toggle-contact li:nth-child(2){animation-delay:.55s;}
.navtoggle .toggle-nav li:nth-child(3),.navtoggle .toggle-contact li:nth-child(3){animation-delay:.65s;}
.navtoggle .toggle-nav li:nth-child(4),.navtoggle .toggle-contact li:nth-child(4){animation-delay:.75s;}
.navtoggle .toggle-nav li:nth-child(5),.navtoggle .toggle-nav li:nth-child(6),.navtoggle .toggle-share{animation-delay:.85s;}
.navtoggle .toggle-nav li:nth-child(7),.navtoggle .toggle-nav li:nth-child(8){animation-delay:.95s;}
.navtoggle .toggle-nav li:nth-child(9),.navtoggle .toggle-nav li:nth-child(10){animation-delay:1.05s;}
.navtoggle .toggle-nav li:nth-child(11),.navtoggle .toggle-nav li:nth-child(12){animation-delay:1.15s;}
.navtoggle .toggle-nav li:nth-child(13),.navtoggle .toggle-nav li:nth-child(14){animation-delay:1.25s;}
.navtoggle .toggle-nav li:nth-child(15),.navtoggle .toggle-nav li:nth-child(16){animation-delay:1.35s;}
.navtoggle .toggle-nav li:nth-child(17),.navtoggle .toggle-nav li:nth-child(17){animation-delay:1.45s;}
.navtoggle .toggle-nav li:nth-child(18),.navtoggle .toggle-nav li:nth-child(19){animation-delay:1.55s;}
.navtoggle .toggle-nav li:nth-child(20),.navtoggle .toggle-nav li:nth-child(21){animation-delay:1.65s;}
.navtoggle .toggle-nav li:nth-child(22),.navtoggle .toggle-nav li:nth-child(23){animation-delay:1.75s;}
@keyframes jtr{
	0%,100%{transform:translatex(0);}
	50%{transform:translatex(20px);}	
}
.navtoggle .lh-logo .logo2{opacity:1;}
.navtoggle .lh-logo .logo1{opacity:0;}
.navtoggle .nav-btn,.searchtoggle .nav-btn{color:#000;}
.navtoggle .btn-line:before,.navtoggle .btn-line:after,.searchtoggle .btn-line:before,.searchtoggle .btn-line:after{background:#000;}
.navtoggle .btn-line:before,.searchtoggle .btn-line:before{transform:translate(0,5px) rotate(45deg);}
.navtoggle .btn-line:after,.searchtoggle .btn-line:after{transform:translate(0,-5px) rotate(-45deg);}
.toggle-nav li a span{position:absolute; left:0; top:0;clip-path: polygon(0 100%,100% 100%,100% 100%,0 100%); color:#ee7700; transition:ease 1s;}
.toggle-nav li a:hover span{clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);}
.toggle-nav li a:hover .icon{opacity:1; transform:translatex(0);}
.toggle-l{position:absolute; left:0; bottom:0;}
.search-toggle{position:fixed; left:0; top:0; width:100vw; height:100vh; background:#f7f7f7; display:flex; align-items:center;opacity:1;pointer-events: none; transition:ease 1s; opacity:0; justify-content:center; z-index:2;}
.search-toggle>div{width:100%; max-width:1200px; position:relative; transform:translatey(100%); opacity:0;}
.searchtoggle .search-toggle>div{animation:fadeinup1 cubic-bezier(0.215,.61,.355,1) 1s forwards;}
.search-toggle>div input{height:100px; line-height:100px; padding:0; border:none; border-bottom:1px solid #9b9b9b; padding-right:154px;}
.search-toggle>div a{position:absolute; right:0; bottom:20px; width:124px; height:54px; border-radius:14px; background:#000; color:#fff; display:flex; align-items:center; justify-content:center; z-index:2;}
.search-toggle>div a:hover{opacity:.8;}
.searchtoggle .search-toggle{opacity:1;pointer-events:auto;}
.lh-news{position:absolute; right:0; bottom:0; width:770px; height:125px; background:rgba(255,255,255,.9); z-index:2;}
.lh-news .icon{width:125px; background:#030303; height:inherit; position:relative;}
.lh-news .icon>*{position:absolute; width:50px; height:50px; left:50%; top:50%; transform:translate(-50%,-50%);border-radius:50%; border:1px solid rgba(255,255,255,.25); animation:roate linear 2s infinite;}
.lh-news .icon>*:before{content:''; display:block; width:5px; height:5px; border-radius:50%; background:#fff; position:absolute; left:50%; top:-3px; margin-left:-2px;}
.lh-news .icon>*:nth-child(1){margin-top:-15px;}
.lh-news .icon>*:nth-child(2){margin-top:15px;}
.lh-news .icon>*:nth-child(2):before{top:auto; bottom:-3px;}
.news-banner{width:calc(100% - 125px); padding:30px 48px;}
.newbanner{width:70%; height:24px; line-height:24px;}
.news-btn{line-height:24px;}
.news-btn a{font-size:32px; margin-left:20px; color:#999;}
.news-btn a:hover{color:#000;}
.news-btn a:first-child{margin-left:0;}
.news-cont{margin-top:20px;}
.lh-ban{ padding:300px 0 80px;}
.lh-ban.case{border-bottom:1px solid #efefef;padding:230px 0 80px;}
.l-container{padding-left:4vw; padding-right:4vw; position:relative;}
.lh-ban .l-container{position:static;}
.lh-ban .nname{font-weight:bold;}
.ban-item li{float:left; margin-left:20px;}
.ban-item li.on a{background:#000; color:#fff;}
.ban-item li:first-child{margin-left:0;}
.ban-item li a{display:flex; align-items:center; justify-content:center; height:66px; padding:0 46px; border-radius:66px; border:1px solid rgba(0,0,0,.5);}
.ban-item li a i{margin-left:30px; font-size:24px;}
.case .ban-nav{margin-top:90px;}
.ban-nav .name{position:absolute; right:0; bottom:50%; transform:translatey(-50%);}
.case .ban-nav .name{top:50%; bottom:auto;}
.ban-nav .name:before{content:''; display:block; width:10px; height:10px; border-radius:50%; position:absolute; left:-38px; top:50%; transform:translatey(-50%); background:#000;}
.ban-line i{width:1px; height:580px; position:absolute; left:0; bottom:0; background:rgba(0,0,0,.1); transform:scaley(0); transform-origin:bottom center; animation:line linear 1s forwards;}
.ban-line:before{content:''; display:block; width:1500px; height:1px; background:rgba(0,0,0,.1); position:absolute; right:0; top:0; transform-origin:right center; transform:rotate(25deg) scalex(0);}
.ban-line{position:absolute; left:38vw; top:570px; width:1px; height:1px;}
.ban-line:after{content:''; display:block; width:1500px; height:1px; background:rgba(0,0,0,.1); position:absolute; left:0; top:0; transform-origin:left center; transform:rotate(-35deg) scalex(0);}
.finish .ban-line:after{animation:line2 linear 1s forwards; animation-delay:.3s;}
.finish .ban-line:before{animation:line1 linear 1s forwards; animation-delay:.3s;}
.finish .ban-line i{animation:line linear 1s forwards; animation-delay:.3s;}
@keyframes roate{
	to{transform:translate(-50%,-50%) rotate(360deg);}	
}
@keyframes roate1{
	to{transform:rotate(360deg);}	
}
@keyframes line{
	to{transform:scale(1);}	
}
@keyframes line1{
	to{transform:rotate(25deg) scale(1);}	
}
@keyframes line2{
	to{transform:rotate(-35deg) scale(1);}	
}
.lh-loading{ margin-top:60px; display:flex; align-items:center; justify-content:center;}
.lh-loading i{font-size:32px; margin-right:20px; animation:roate1 linear 1s infinite; display:inline-block;}
.lh-cont{padding:60px 0;}
.case-item{margin:-10px 0 0 -10px;}
.case-item li{padding-left:10px; margin-top:10px;}
.case-item li a{display:block; height:13.385416666666666vw; position:relative; overflow:hidden;}
.case-item li .name{position:absolute; left:0; bottom:0; padding:20px; z-index:3;}
.case-item li a:before{content:''; display:block; width:100%; height:50%; background:var(--linear-gradient-shadow); position:absolute; left:0; bottom:0; z-index:2;}
.case-item li a:hover .l-imgs{transform:scale(1.2);}
.l-opacity3{opacity:.3;}
footer{background:#38393b; padding:120px 0;}
.return-top{display:flex; align-items:center; justify-content:center; width:45px; height:45px; border-radius:4px; border:2px solid rgba(255,255,255,1); color:#fff; position:absolute; right:4vw; top:0; font-size:24px; opacity:.3; z-index:2;}
.return-top:hover{opacity:1;}
.footer-logo{width:211px;}
.footer-top>*{flex:1;}
.footer-nav li a{display:flex; align-items:center;}
.footer-nav li span{display:block; width:106px;}
.footer-nav li{margin-top:30px;}
.footer-nav li:first-child{margin-top:0;}
.footer-nav li a>*{transition:var(--transition);}
.footer-nav li a:hover>*{opacity:1;}
.footer-contact li{margin-top:30px;}
.footer-contact li:first-child{margin-top:0;}
.footer-contact li p{margin-top:10px;}
.footer-bottom{margin-top:180px;}
.footer-bottom>*{flex:1;}
.footer-bottom .toggle-share{opacity:1; transform:translatey(0); margin-top:0; padding-top:0;}
.footer-bottom .toggle-share:before{display:none;}
.footer-bottom .toggle-share a{opacity:.3;}
.footer-bottom .toggle-share a:hover{opacity:1;}
.footer-bottom .toggle-share li .ewm:before{border-color:#fff;}
header.black .lh-logo .logo2{opacity:1;}
header.black .lh-logo .logo1{opacity:0;}
header.black .search-btn{color:#000;}
header.black .nav-btn{color:#000;}
header.black .btn-line:before,header.black .btn-line:after{background:#000;}
.lhloading{position:fixed; left:0; top:0; width:100%; height:100%; background:#fff; z-index:1000; opacity:0;pointer-events: none;}
.lh-cursor .view{width:80px; height:80px; display:flex; align-items:center; border-radius:50%; background:#000; color:#fff; position:absolute; left:50%; top:50%; margin:-40px 0 0 -40px; transform:scale(0); text-align:center; justify-content:center; opacity:0;}
.detail-banner{max-height:850px; height:calc(100vh - 120px); margin-top:120px;}
.swiper-slide.l-overflow .l-imgs{transition:ease 1s;}
.detail-num{position:absolute; right:0; bottom:0; width:270px; height:140px; background:rgba(0,0,0,.8); z-index:2; display:flex; align-items:center; justify-content:center; padding-top:20px;}
.l-font50{font-size:50px;}
.detail-num .current{position:relative; top:-20px; margin-right:20px;}
.detail-num .current:before{content:''; display:block; width:1px; height:80px; background:rgba(255,255,255,.5); position:absolute; right:-10px; top:0; transform:rotate(45deg);}
.detail-top{padding:80px 0;}
.detail-top .nname{line-height:100px;}
.detail-top .name{margin-top:40px;}
.detail-top .label span{float:left; margin:10px 30px 0 0; position:relative;}
.detail-top .label span:before{content:''; display:block; width:1px; height:16px; background:#999; position:absolute; left:-15px; top:50%; transform:translatey(-50%);}
.detail-top .label span:first-child:before{display:none;}
.detail-cont-mob{padding:120px 0; border-top:1px solid #ddd;}
.detail-cont-mob .img{width:50%; height:32.29166666666667vw;}
.detail-cont-mob .img .l-imgs{width:100%;}
.detail-cont-mob .text{width:50%; padding-left:50px;}
.detail-cont-mob .text .title{line-height:60px;}
.detail-cont-mob .text .cont{margin-top:60px;}
.detail-cont-mob:nth-child(2n) .img{float:right;}
.detail-cont-mob:nth-child(2n) .text{padding:0 50px 0 0; float:left;}
.contact-works{height:100vh; max-height:900px; padding-top:15vh;}
.l-font46{font-size:46px;}
.contact-works .ccont{margin-top:4vh;}
.works-item{position:absolute; left:0; bottom:0; width:50%; background:#000; padding:calc(4vw - 30px) 4vw 4vw calc(4vw - 30px);}
.works-item li{padding-left:30px; margin-top:30px;}
.works-item li a{display:block; height:60px; line-height:60px; border-bottom:1px solid rgba(255,255,255,.5); position:relative;}
.works-item li a i{position:absolute; right:0; top:50%; transform:translatey(-50%); font-size:20px;}
.contact-address .text{width:50%; padding:150px 4vw;}
.address-item li{border-top:1px solid #eee;}
.address-item li>.name{height:140px; display:flex; align-items:center; position:relative;}
.address-item li>.name i{position:absolute; right:20px; top:50%; font-size:40px; transform:translatey(-50%) rotate(-45deg);}
.address-item li .cont{padding-bottom:40px; display:none;}
.address-item li .cont i{position:absolute; right:0; top:0; width:64px; height:64px; border-radius:50%; border:1px solid rgba(0,0,0,.2); display:flex; align-items:center; justify-content:center; font-size:20px;}
.address-item li.on .cont{display:block;}
.address-item li.on>.name i{opacity:0;}
.address-map{width:50%; height:100%; position:absolute; right:0; top:0;}
.contact-message{background:#f2f2f2; padding:140px 0;}
.l-font80.montserrat{line-height:80px;}
.l-font100.montserrat{line-height:100px;}
.message-l .ccont{margin-top:130px; padding-top:20px;}
.message-l .ccont:before{content:''; display:block ;width:90px; height:2px; background:#000; position:absolute; left:0; top:0;}
.message-l{width:40%;}
.message-r{width:60%;}
.message-submit{margin:80px 0 0 -20px;}
.message-submit li{margin-top:20px; padding-left:20px;}
.message-submit li input,.message-submit li textarea{height:78px; line-height:78px; padding:0 30px; border-color:#000; border-radius:6px; font-size:16px;}
.message-submit li textarea{height:210px; padding:30px; line-height:24px;}
li.win100{width:100%;}
.message-submit li a{display:flex; align-items:center; justify-content:center; width:350px; height:80px; border-radius:6px; background:#000; color:#fff; font-size:16px; margin-top:50px;}
.information-top{position:relative; padding-top:16vh;}
.information-top:before{content:''; display:block; width:100%; height:calc(100% - 6.25vw); background:#000; position:absolute; left:0; top:0; z-index:-1;}
.information-banner .bd .img{width:35.3125vw; height:39.375vw;}
.information-banner .bd .text{width:calc(100% - 35.3125vw); padding-right:9.895833333333332vw;}
.information-banner .bd .text .time{margin-top:50px;}
.informatio-hd{position:absolute; left:0; bottom:15vw!important; z-index:2;}
.informatio-hd li{height:2px; width:20px; background:#fff; opacity:.3; margin:0 4px !important; border-radius:0; transition:var(--transition);}
.informatio-hd li.on{opacity:1; width:40px;}
.information-list{padding:80px 0;}
.information-title .text .name{margin-top:12px;}
.lh-select{margin-left:50px; border-bottom:1px solid #000; padding:0 5px; height:36px; line-height:36px; width:110px;}
.lh-select i{position:absolute; right:5px; top:50%; transform:translatey(-50%); font-size:12px; color:#666;}
.lh-select select{border:none; position:relative; z-index:2; padding:0 5px; height:36px; line-height:36px; font-size:inherit;}
.lh-select:first-child{margin-left:0;}
.information-item{margin-left:-60px;}
.information-item li{padding-left:60px; margin-top:90px;}
.information-item li .img{width:21.875vw; height:25vw;}
.information-item li .text{width:calc(100% - 21.875vw); padding-left:40px;}
.information-item li .label{padding-left:24px; position:relative;}
.information-item li .label:before{content:''; display:block; width:8px; height:8px; border-radius:50%; background:#000; position:absolute; left:0; top:50%; transform:translatey(-50%);}
.information-item li .name{margin-top:3.125vw;}
.information-item li .time{margin-top:1.5625vw;}
.information-item li .more{text-transform:uppercase; margin-top:4.6875vw; height:40px; line-height:40px; padding:0 10px; border-bottom:1px solid #000; width:180px;}
.information-item li .more i{position:absolute; right:10px; top:0; font-size:20px;}
.information-item li:nth-child(2n){padding-top:5.2vw;}
.detail-layer{position:fixed; left:0; top:0; right:0; bottom:0; background:#f8f8f8; z-index:1000; height:100vh; transition:var(--transition);}
.detaillayer .detail-layer{opacity:1;pointer-events: auto;}
.detail-layer-l{width:80px; height:inherit; background:#fff; display:flex; align-items:center; padding:0 5px;}
.detail-layer-l>*{width:100%;}
.detail-layer-l a{display:block; text-align:center; padding:40px 0;}
.detail-layer-l a.close{position:relative; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
.detail-layer-l a.close i{width:26px; height:26px; border-radius:50%; display:inline-block; background:#000; text-align:center; line-height:26px; color:#fff; font-size:12px;}
.detail-layer-r{width:420px; height:inherit; background:#000; padding:6.4vh 38px;}
.detail-layer-c{width:calc(100% - 500px); padding:6.4vh 10.416666666666668vw;}
.detail-layer-c .top .nname{margin-top:5px;}
.detail-layer-c .top .nname span{margin-left:20px;}
.detail-layer-c .top .nname span:first-child{margin-left:0;}
.detail-layer-c .toggle-share{opacity:1; margin-top:0; position:absolute; right:0; top:50%; transform:translatey(-50%); padding-top:0;}
.detail-layer-c .toggle-share li a{padding:0 0 20px;}
.detail-layer-c .toggle-share:before{display:none;}
.detail-layer-c .toggle-share li .ewm{bottom:auto; top:100%;}
.detail-layer-c .toggle-share li .ewm img{transform:translatey(-10px);}
.detail-layer-c .toggle-share li .ewm:before{top:auto; bottom:100%; transform-origin:center top;}
.detail-layer-c .toggle-share li a:hover .ewm img{transform:translatey(0);}
.detail-layer-c .bottom{margin-top:20px; padding-top:30px; border-top:1px solid #e4e4e4;}
.detail-layer-c .cont{margin-top:30px; max-height:calc(100vh - 12.8vh - 212px); overflow-y:auto;}
.l-lh50{line-height:50px;}
.detail-layer-r .text .name{margin-top:26px;}
.l-lh46{line-height:46px;}
.news-other{margin-top:4vh;}
.news-other li a{display:block; padding:25px 0; border-bottom:1px solid rgba(255,255,255,.2);}
.news-other li i{font-size:20px; margin-top:10px; display:block; transition:var(--transition);}
.news-other li a:hover{opacity:1; border-color:#fff;}
.news-other li a:hover i{transform:translatex(90%);}
.l-opacity6{opacity:.6;}
.job-detail{position:fixed; right:0; top:0; bottom:0; background:#fff; width:72%; z-index:1000; padding:5.2vw; transform:translatex(100%); visibility:hidden; transition:var(--transition);}
.jobdetail .job-detail{transform:translatex(0); visibility:visible;}
.job-detail-close{width:40px; height:40px; border-radius:50%; border:2px solid #999; color:#999; position:absolute; right:5.2vw; top:5.2vw; display:flex; align-items:center; justify-content:center; font-weight:bold; font-size:20px; transition:var(--transition);}
.job-detail-close:hover{color:#000; border-color:#000;}
.job-detail>.title{margin-top:3.6vw;}
.job-cont{padding-top:50px; margin-top:30px; border-top:1px solid #ddd;}
.job-cont .tip{margin-top:7vw;}
.job-cont>.cont{max-height:50vh; overflow-y:auto;}
.lh-shadow{width:100%; height:100%; position:fixed; left:0; top:0; background:rgba(0,0,0,.5); z-index:999; animation:shadow cubic-bezier(0.215,.61,.355,1) .45s forwards; opacity:0;}
@keyframes shadow{
	to{opacity:1;}	
}
.about-top{height:100vh;}
.about-top .title{position:absolute; left:4vw; bottom:4vw; line-height:120px;}
.about-total{padding-top:70px; padding-bottom:70px;}
.total-l{width:420px;}
.total-l li{padding:30px 0; border-bottom:1px solid #ddd;}
.total-l li .num{display:flex; align-items:center;}
.total-l li .num i{font-size:30px; margin-left:16px;}
.about-total .text{width:760px; max-width:calc(100% - 500px); padding-top:160px;}
.about-title .name{margin-top:20px;}
.about-total .text .ccont{margin-top:60px;}
.about-total .text .line{ float:right; margin-top:80px; width:32px; height:32px; position:relative;}
.about-total .text .line:before,.about-total .text .line:after{content:''; display:block; width:32px; height:32px; border-radius:50%; border:1px solid #9c9c9c; position:absolute; left:0; top:0;}
.about-total .text .line:before{ transform:translatey(-10px);}
.about-total .text .line:after{ transform:translatey(10px);}
.about-business{max-height:980px; height:100vh;}
.about-business:before{content:''; display:block; width:424px; height:100%; background:#000; z-index:2; position:absolute; left:0; top:0;}
.about-business .l-container{z-index:3; top:120px; position:absolute; left:0; right:0; bottom:120px;}
.business-banner{height:100%; padding-left:424px;}
.business-banner .text{position:absolute; left:80px; bottom:80px; z-index:2;}
.business-banner .text .nname{line-height:36px;}
.business-banner .text .title{margin-top:20px;}
.business-banner .text:before{content:''; display:block; width:2px; height:60px; background:#fff; position:absolute; left:0; bottom:105%;}
.about-btn a{display:block; width:98px; height:98px; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#fff; border:1px solid #333; margin-left:30px; float:left; font-weight:bold; font-size:20px;}
.about-btn a:first-child{margin-left:0;}
.business-btn{position:absolute; left:4vw; bottom:0;}
.about-btn a:hover{background:#333;}
.about-team{padding:120px 0;}
.team-btn{position:absolute; right:4vw; top:50%; transform:translatey(-50%); z-index:4;}
.team-btn a{border-color:#e0e0e0; color:#000;}
.team-btn a:hover{background:#e0e0e0;}
.team-banner{margin-top:80px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.team-banner .bd li{width:20%; border-left:1px solid #ddd; height:510px; transition:var(--transition);}
.team-banner .bd li:first-child{border:none;}
.team-banner .bd li a{display:block; position:relative; height:inherit; width:100%;}
.team-banner .bd li.on{width:40%;}
.team-banner .bd li .text{position:absolute; left:10%; top:0; padding-top:50px; height:inherit; opacity:0; transition:var(--transition); transform:translatey(30px);}
.team-banner .bd li.on .text{transform:translatey(0); opacity:1;}
.team-banner .bd li.on img{transform:scale(1.4); transform-origin:left bottom;}
.team-banner .bd li.on a{overflow:visible;}
.team-banner .bd li .img{position:absolute; left:50%; bottom:0; transform:translate(-50%,0); height:100%; width:100%; display:flex; align-items:center; justify-content:center; padding-top:20px;}
.team-banner .bd li img{height:100%; width:auto; transition:var(--transition);}
.team-banner .bd li .text .name{margin-top:30px;}
.team-banner .bd li .text .come{margin-top:6px;}
.team-banner .bd li .text i{font-size:48px; position:absolute; left:0; bottom:50px; transform:rotate(-45deg);}
.team-banner:after{content:''; display:block; width:100%; height:60px; background:#fff; position:absolute; left:0; top:calc(100%   1px); z-index:2;}
.about-honor{padding:120px 0; background:#f2f2f2;}
.honor-banner{width:50%;}
.honor-item li .text{width:80%;}
.honor-item li a{display:block; padding:30px 0; border-bottom:1px solid #919191; position:relative;}
.honor-item li .nname{margin-top:20px;}
.honor-item li i{display:block; width:70px; height:70px; border-radius:50%; border:1px solid #ddd; display:flex; align-items:center; justify-content:center; position:absolute; right:0; top:50%; transform:translatey(-50%); font-weight:bold; font-size:20px; display:none;}
.honor-hd{position:absolute; left:4vw; bottom:0;}
.honor-hd li{width:10px; height:10px; border-radius:50%; border:1px solid #000; margin-left:8px !important; opacity:1; transition:var(--transition); background:none;}
.honor-hd li:first-child{margin-left:0 !important;}
.honor-hd li.on{background:#000;}
.case-hd{height:90px; line-height:90px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.case-hd li{display:inline-block; margin:0 70px;}
.case-hd li a{position:relative;}
.case-hd li a:before,.case-hd li a:after{content:''; display:block; width:12px; height:1px; background:#000; position:absolute; left:-18px; top:50%; transform:scalex(0); transform-origin:right center; transition:var(--transition);}
.case-hd li a:after{left:auto; right:-18px; transform-origin:left center;}
.case-hd li a:hover:before,.case-hd li a:hover:after,.case-hd li.on a:before,.case-hd li.on a:after{transform:scalex(1);}
.case-hd li.on a{font-weight:bold;}
.case-item.list{position:relative; margin:0 0 0 -4.166666666666666vw;}
.case-item.list:before{content:''; display:block; width:1px; height:100%; background:#ddd; position:absolute; left:calc(50%   2.083333333333333vw); top:0;}
.case-item.list li{margin-top:4.166666666666666vw; padding-left:4.166666666666666vw;}
.case-item.list li:nth-child(2n){margin-top:6.770833333333333vw;}
.case-item.list li a{height:26.041666666666668vw;}
.fixed .lh-logo,.fixed .search-btn{transform:translatey(-30px); opacity:0; visibility:hidden;}
.fixed .nav-btn{color:#000;}
.fixed .btn-line:before,.fixed .btn-line:after{background:#000;}
/*鼠标移入波浪线条动画*/
.hover-wave:hover{text-decoration: none !important;background: repeat-x 0 100%; background-size:20px auto; animation: wavemove 1s infinite linear;}
@keyframes wavemove {
  from { background-position:0 100%; }
  to { background-position:-20px 100%; }
}
.fadeinup1{transform:translatey(60px); opacity:0;}
.up50{transform:translatey(50%);}
.is-inview.fadeinup1{animation:fadeinup1 cubic-bezier(0.215,.61,.355,1) 1s forwards;}
.a_title i.fadeinup1{animation:fadeinup1 cubic-bezier(0.215,.61,.355,1) 1s forwards;}
.is-inview.delay1{animation-delay:0.1s;}
.is-inview.delay2{animation-delay:0.2s;}
@keyframes fadeinup1{
	to{transform:translate(0,0); opacity:1;}	
}
.splittext>*{overflow:hidden;}
.splittext>*>*{transform:translatex(-100%); opacity:0; display:block; position:relative;}
.finish .splittext>*>*{animation-name:revealletter; animation-duration:1.75s; animation-timing-function:cubic-bezier(.075,.82,.165,1);animation-fill-mode:forwards;}
.l-font100.montserrat>*>*{top:-9px;}
@keyframes revealletter{
	to{opacity:1; transform:translatex(0);}	
}
.footer-bottom>* span{margin-left:10px;}
.footer-bottom>* span:first-child{margin-left:0;}
.index-copy{position:absolute; left:4vw; bottom:10px; z-index:2; color:#fff; opacity:.5;}
.contact-works .ccont{transform:translatey(40px); opacity:0;}
.finish .contact-works .ccont{animation:fadeinup1 cubic-bezier(0.215,.61,.355,1) 1s forwards; animation-delay:.45s;}
.ban-l,.lh-cont{opacity:0;}
.finish .ban-l,.finish .lh-cont{animation:opacityan ease-in 1s forwards; animation-delay:.45s;}
.detail-banner:before{content:''; display:block; width:100%; height:100%; background:#fff; z-index:5; position:absolute; left:0; top:0;}
.finish .detail-banner:before{animation:banbefore cubic-bezier(0.215,.61,.355,1) 1s forwards;}
@keyframes opacityan{
	to{opacity:1;}	
}
@keyframes banbefore{
	to{transform:translatex(100%);}	
}
.ban-item li a:hover{background:#000; color:#fff;}
.business-banner .bd li{overflow:hidden;}
.footer-box{background:#38393b;}
.honor-item li{position:relative;}
.honor-item li .img{position:absolute; left:50%; top:50%; width:400px; z-index:-1; transform:translate(-50%,-50%); opacity:0;transition:var(transition); display:none;}
.honor-item li a:hover .img{opacity:1;}
.about-layer{position:fixed; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,.5); z-index:1000; display:flex; align-items:center; justify-content:center;}
.about-layer-cont{background:#fff; width:900px; border-radius:10px; position:relative;}
.about-layer-cont>.left{padding:30px; width:40%; border-right:1px solid #eee;}
.about-layer-cont>.left .name{margin-top:40px;}
.about-layer-cont>.left .come{margin-top:10px;}
.about-layer-cont>.right{padding:80px 30px; width:60%;}
.about-layer-cont .icon-close{display:flex; align-items:center; justify-content:center; width:26px; height:26px; border-radius:50%; border:1px solid #999; color:#999; position:absolute; right:30px; top:30px;}
.about-layer-scroll{max-height:500px; overflow-y:auto;} 
/*
golden
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 screen and (min-width: 2000px){
	.lh-serves{padding-top:160px;}
	.explore-title .title{margin-top:10px;}
}
@media screen and (max-width: 1800px){
	.lh-serves:before{height:80%;}
	.lh-serves:after{top:80%;}
	.l-font60{font-size: 3.1rem;}
	.l-font36{font-size: 2rem;}
	.l-font30{font-size: 1.7rem;}
}
@media screen and (max-width: 1600px){
	
}
@media screen and (max-width: 1500px){
	.l-font60{font-size: 2.8rem;}
	.l-font36{font-size: 1.8rem;}
	.l-font30{font-size: 1.5rem;}
	.lh-banner .text .name2{margin-top: 30px;}
	
}
@media screen and (max-width: 1366px){
	.container1400{max-width:100%;}
}
/*平板*/
@media screen and (max-width: 1200px){
	.header-toggle{    background: #fff url(/uploads/image/hdsimages/hexinbg.jpg) no-repeat left -100px bottom -200px;}
	header a div{    font-size: 1rem;    line-height: 34px;padding: 0 15px 0 35px; margin: 0 0 0 15px;}
	header a div:after{top: 8px;    left: 10px;}
	.header-r{    top: 17px;}
	.toggle-nav{float:none; text-align:center;width:100%}
	.toggle-nav li a span{width:100%}
	.toggle-nav li a em{font-weight: bold; color:#555}
	.header-toggle>*{height: 100%;}
	.navtoggle .header-toggle .logo2{width:59px;margin:15px 0 0 0}
	.toggle-nav{padding:35px 0 0 0;margin:35px 0 0 0;border-top: 1px solid rgba(0,0,0,.1);}
	.toggle-nav li a{font-size: 1.3rem;     text-align: left; height: 9vh; line-height: 9vh;border-bottom: 1px solid rgba(0,0,0,.1);}
	.toggle-nav li a:before{content: '';  position: absolute;right: 0;top:37%;background:#f29f4e url(/uploads/image/hdsimages/jiao.png) no-repeat center center; width:22px;height:22px;border-radius: 11px;}
	.lh-banner{height: auto; }
	.lh-banner .text{display: none;}
	.toggle-nav li{margin-top: 2vh;width: 100%;}
	.nav-btn{    margin-top: 10px;}
}
@media screen and (max-width: 1024px){
	.l-font20,.l-font24{font-size:16px;}
	.l-font26{font-size:18px;}
	.l-font12{font-size:12px;}
	.l-font14{font-size:14px;}
	.l-font16{font-size:14px;}
	.l-font18{font-size:14px;}
	.l-font130{font-size:32px;}
	.l-font32{font-size:24px;}
	.l-font70{font-size:24px;}
	.l-font30{font-size:18px;}
	.l-font40{font-size:20px;}
	.l-lh30{line-height:24px;}
	.l-font36{font-size:18px;}
	.l-lh24{line-height:20px;}
	.l-font48{font-size:24px;}		.l-col-1,.l-col-2,.l-col-3,.l-col-4,.l-col-5,.l-col-6,.l-col-7,.l-col-8,.l-col-9,.l-col-10,.l-col-11,.l-col-12{width:100%;}
	.l-grid-2>*,.l-grid-3>*,.l-grid-4>*,.l-grid-5>*,.l-grid-6>*,.l-grid-7>*,.l-grid-8>*{width:100%;}
	
	.lh-cursor{display:none;}
	header{height:50px; padding:0;}
	.lh-logo{position:absolute; height:32px;}
	.header3{height: 75px;}
	.btn-line{width:20px;}
	.btn-line:before{margin-top:-4px;}
	.btn-line:after{margin-top:4px;}
	.navtoggle .btn-line:before, .searchtoggle .btn-line:before{transform: translate(0,4px) rotate(45deg);}
	.navtoggle .btn-line:after, .searchtoggle .btn-line:after{transform: translate(0,-4px) rotate(-45deg);}
	.search-btn{display:none;}
	.l-font80{font-size:42px;}
	.toggle-l{display:none;}
	.toggle-nav{float:none; text-align:center;}
	.l-font60{font-size:32px;}
	.lh-news{width:100%;}
	.news-banner{padding:30px 20px;}
	.newbanner{width:100%;}
	.news-cont{margin-top:10px;}
	.l-font80.montserrat{line-height:40px;}
	.toggle-nav li a .icon{width:37px; height:22px; line-height:22px; margin-top:-22px; display: none;}
	.l-font100{font-size:50px;}
	.l-font100.montserrat{line-height:50px;}
	.about-top .title{line-height:60px; bottom:80px;}
	.about-total{padding:30px 0;}
	.l-container{padding-left:15px; padding-right:15px;}
	.l-font72{font-size:36px;}
	.total-l{width:100%; float:none; overflow:hidden;}
	.total-l li .num i{margin-left:4px; font-size:18px;}
	.about-total .text{width:100%; padding-top:30px; float:none; transform:none !important; max-width:inherit;}
	.l-font46{font-size:24px;}
	.about-total .text .ccont{margin-top:30px;}
	.l-lh36{line-height:30px;}
	.about-total .text .line{margin-top:40px;}
	.about-business{height:auto;}
	.about-business:before{display:none;}
	.about-business .l-container{position:static;}
	.about-business .about-title{color:#000;}
	.about-team{padding:30px 0 0;}
	.business-banner{height:400px; padding-left:0; margin-top:30px;}
	.about-title{transform:none !important;}
	.business-banner .text{left:20px; bottom:20px;}
	.business-banner .text .nname{line-height:20px;}
	.business-banner .text .title{margin-top:10px;}
	.business-banner .text:before{height:30px;}
	.business-btn{position:static; margin-top:30px;}
	.about-btn a{width:42px; height:42px; color:#000; font-size:16px; margin-left:20px;}
	.about-btn a:hover{background:none;}
	.team-banner .bd li.on img,.team-banner .bd li img{transform:scale(1.1);transform-origin:right bottom;}
	.team-banner .bd li .text{left:15px; opacity:1; transform:translatey(0);}
	.team-banner .bd li .img{justify-content:flex-end;}
	.team-banner .bd li.on img{transform-origin:right bottom;}
	.team-banner:after{display:none;}
	.about-honor{padding:30px 0 60px;}
	.honor-banner{width:100%; float:none;}
	.honor-item li i{width:42px; height:42px; font-size:16px;}
	.honor-item li a{padding:20px 0;}
	.honor-item li .nname{margin-top:10px;}
	.honor-hd{left:15px; bottom:-30px;}
	.lh-ban.case{padding:100px 0 30px;}
	.ban-line{top:200px;}
	.case .ban-nav .name{right:auto; top:-60px; left:26px;}
	.ban-nav .name:before{left:-18px; width:6px; height:6px;}
	.ban-item li a{height:40px; padding:0 20px;}
	.ban-item{margin-left:-15px;}
	.ban-item li{margin:15px 0 0 0; width:50%; float:left; padding-left:15px; white-space:nowrap;}
	.business-banner .bd li{overflow:hidden;}
	.lh-cont{padding:30px 0;}
	.case-item li a{height:220px;}
	.lh-loading{margin-top:30px;}
	.lh-ban{padding:100px 0 30px;}
	.information-top{padding:30px 0;}
	.information-banner{padding-bottom:40px;}
	.information-banner .bd .img{width:100%; height:300px; float:none; display:block; transform:none !important;}
	.information-banner .bd .text{width:100%; padding:0; float:none; transform:none !important; margin-top:20px; display:block;}
	.l-lh70{line-height:36px;}
	.information-banner .bd .text .name{font-size:16px; line-height:30px;}
	.information-banner .bd .text .time{margin-top:10px;}
	.l-font22{font-size:16px;}
	.informatio-hd{bottom:20px !important;}
	.information-list{padding:0 0 30px 0;}
	.information-title .text{transform:none !important; float:none;}
	.information-filter{float:none; margin-top:20px;}
	.lh-select{width:30%; margin-left:15px;}
	.information-item li{margin-top:30px;}
	.information-item li .img{width:100%; float:none; height:220px;}
	.information-item li .text{width:100%; float:none; margin-top:30px; padding-left:20px;}
	.information-item li .name{margin-top:10px;}
	.contact-works{height:auto; padding:30px 0 0;}
	.works-item{position:static; width:100%; margin-top:30px; padding:0 15px 0 0;}
	.contact-works .text{transform:none !important;}
	.contact-works .ccont{margin-top:10px; white-space:normal;}
	.works-item li{width:50%; padding-left:15px; margin-top:0;}
	.contact-address .text{width:100%; float:none; padding:30px 15px;}
	.address-map{position:static; width:100%; height:240px;}
	.address-item li>.name{height:60px;}
	.address-item li>.name i{font-size:24px;}
	.address-item li .cont i{display:none;}
	.address-item li .cont{padding-bottom:20px;}
	.contact-message{padding:30px 0;}
	.message-l,.message-r{width:100%; float:none;}
	.message-l .ccont{margin-top:30px;}
	.message-submit{margin:20px 0 0 -20px;}
	.message-submit li{margin-top:10px;}
	.message-submit li input, .message-submit li textarea{height:60px; line-height:60px; padding:0 20px;}
	.message-submit li textarea{height:140px;}
	.message-submit li a{width:100%;}
	.message-submit li a{height:70px;}
	footer{padding:30px 0;}
	.footer-nav,.footer-logo{display:none;}
	.footer-bottom .toggle-share{display:none;}
	.footer-bottom{margin-top:30px;}
	.footer-bottom>*{flex:none; float:none;}
	.detail-banner{margin-top:50px; height:400px;}
	.detail-num{width:140px; height:60px; padding-top:10px;}
	.l-font50{font-size:24px;}
	.detail-num .current:before{height:40px;}
	.detail-num .current{top:-12px;}
	.detail-top{padding:30px 0;}
	.detail-top .label span{float:none; display:block; margin:10px 0 0;}
	.detail-top .label span:before{display:none;}
	.detail-cont-mob{padding:30px 0;}
	.detail-cont-mob .img{width:100%; height:240px;}
	.detail-cont-mob .text{width:100%; padding-left:0; margin-top:20px;}
	.detail-cont-mob .text .title{line-height:32px;}
	.detail-cont-mob .text .cont{margin-top:20px;}
	.l-lh40{line-height:30px;}
	.case-hd{height:80px;}
	.case-item.list:before{display:none;}
	.case-item.list li a{height:220px;}
	.detail-layer-l{width:100%; height:50px; position:absolute; left:0; top:0; right:0; z-index:10;}
	.detail-layer-l>*{display:flex; align-items:center; justify-content:center;}
	.detail-layer-l a{padding:0 20px;}
	.detail-layer-l a.close{border:none;}
	.detail-layer-c{width:100%; padding:70px 15px 20px; height:100vh; overflow-y:auto;}
	.detail-layer-c .toggle-share{display:none;}
	.l-font42{font-size:16px;}
	.l-lh56{line-height:26px;}
	.detail-layer-c .bottom{padding-top:20px;}
	.detail-layer-c .cont{margin-top:20px; max-height:none;}
	.detail-layer-r{display:none;}
	.lh-banner .text .nname{line-height:36px;}
	.index-copy{display:none;}
	.about-layer-cont{width:90vw;}
	.about-layer-cont>.left{width:100%; padding:20px; border-right:0; border-bottom:1px solid #eee;}
	.about-layer-cont>.left .name{margin-top:20px;}
	.l-font28{font-size:18px;}
	.about-layer-cont>.right{width:100%; padding:20px;}
	.about-layer-scroll{max-height:200px;}
}
/*手机*/
@media screen and (max-width: 980px){
    
}