@charset "utf-8";
/*font*/
@font-face {
  font-family: "Swiss 721 Heavy BT";
  src: url("../font/Swiss 721 Heavy BT.woff2") format("woff2"),
       url("../font/Swiss 721 Heavy BT.woff") format("woff"),
       url("../font/Swiss 721 Heavy BT.ttf") format("truetype"),
       url("../font/Swiss 721 Heavy BT.eot") format("embedded-opentype"),
       url("../font/Swiss 721 Heavy BT.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Staccato222BT_Regular.woff";
  src: url("../font/Staccato222BT_Regular.woff.woff2") format("woff2"),
       url("../font/Staccato222BT_Regular.woff.woff") format("woff"),
       url("../font/Staccato222BT_Regular.woff.ttf") format("truetype"),
       url("../font/Staccato222BT_Regular.woff.eot") format("embedded-opentype"),
       url("../font/Staccato222BT_Regular.woff.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
.l-font-swiss{font-family: "Swiss 721 Heavy BT";}
article,aside,dialog,footer,header,section,footer,nav,figure,menu,main{display:block}
*,: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:block; width:auto; max-width:100%;}
ul,dl,li,dt,dd{list-style:none;}
body,html{min-height:100%;}
body{font:16px Arial,"microsoft yahei", Helvetica, sans-serif;*font:14px "microsoft yahei",Arial, Helvetica, sans-serif; color:#212121;-webkit-tap-highlight-color:rgba(255,255,255,0); overflow-x:hidden; background:none;}
pre{font-family:'microsoft yahei'; white-space:pre-wrap;word-wrap: break-word;}
a{font-size:16px;text-decoration:none;transition:ease .65s; color:#212121; outline:none;}
.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[type="text"],input[type="password"],textarea,select{outline: none; font-family:"microsoft yahei";-webkit-appearance: none;border-radius: 0; font-size:14px; display:block; width:100%; border:none; background:none; border:1px solid #dbdbdb; padding:6px 12px; transition:ease .45s;}
input[type="radio"]{display:inline-block; width:20px; height:20px; position:relative; top:2px; margin-right:5px; cursor:pointer;}
input[type="checkbox"]{display:inline-block; width:20px; height:20px; position:relative; top:2px; margin-right:5px; cursor:pointer;}
input::-webkit-input-placeholder {color: #888888;}
input:-moz-placeholder {　color: #888888;}
input::-moz-placeholder {color: #888888;}
input:-ms-input-placeholder {color: #888888;}
textarea{resize:none; overflow:hidden;}
textarea::-webkit-input-placeholder {color: #888888;}
textarea:-moz-placeholder {　color: #888888;}
textarea::-moz-placeholder {color: #888888;}
textarea:-ms-input-placeholder {color: #888888;}
select::-ms-expand { display: none; }
i,em{font-style:normal;}
.left{float:left;}
.right{float:right;}
.lh-flex{display:flex;display:-webkit-flex;flex-direction:row; -webkit-flex-direction:row;flex-wrap:wrap; -webkit-flex-wrap:wrap;}
.pace-progress{width:100%; height:2px; background:#000; position:fixed; left:0px; top:0px; z-index:5000;}
.pace-inactive{display:none;}
/*分享*/
#bsWXBox{box-sizing:initial;}
#bsBox{box-sizing:initial;}
/*浏览器滚动条*/
::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#E3E3E3}
::-webkit-scrollbar-thumb:vertical{background-color:#555;border-radius:30px}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#3B3B3B}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}
/*代码*/
.l-show-code textarea,.l-show-code xmp{background:#333; color:#fff; border:none; margin-top:10px; padding:10px; width:100%; display:block;white-space:pre-wrap;word-wrap: break-word;}
/*右键菜单*/
.l-right-menu{overflow:hidden; border:1px solid #dbdbdb; position:fixed; background:#fff; display:none; z-index:100;}
.l-right-menu>li{padding:10px 20px; border-top:1px solid #dbdbdb; cursor:pointer;}
.l-right-menu>li:first-child{border:none;}
.l-right-menu>li:hover{background:#FAFAFA;}
/*布局*/
.l-grid{display:flex; flex-direction:row; flex-wrap:wrap;}
.l-grid:after{content:''; display:block; clear:both;}
.l-grid-flex{flex:1; float:left;}
.l-grid[data-rows="1"]>.l-grid-flex{width:100%\0;}
.l-grid[data-rows="2"]>.l-grid-flex{width:50%\0;}
.l-grid[data-rows="3"]>.l-grid-flex{width:33.333333333333336%\0;}
.l-grid[data-rows="4"]>.l-grid-flex{width:25%\0;}
.l-grid[data-rows="5"]>.l-grid-flex{width:20%\0;}
.l-grid[data-rows="6"]>.l-grid-flex{width:16.666666666666668%\0;}
.l-grid[data-padding="5"]{margin-left:-5px;}
.l-grid[data-padding="5"]>.l-grid-flex{padding-left:5px;}
.l-grid[data-padding="10"]{margin-left:-10px;}
.l-grid[data-padding="10"]>.l-grid-flex{padding-left:10px;}
.l-grid[data-padding="15"]{margin-left:-15px;}
.l-grid[data-padding="15"]>.l-grid-flex{padding-left:15px;}
.l-grid[data-padding="20"]{margin-left:-20px;}
.l-grid[data-padding="20"]>.l-grid-flex{padding-left:20px;}
.l-grid[data-padding="25"]{margin-left:-25px;}
.l-grid[data-padding="25"]>.l-grid-flex{padding-left:25px;}
.l-grid[data-padding="30"]{margin-left:-30px;}
.l-grid[data-padding="30"]>.l-grid-flex{padding-left:30px;}
.l-grid-1{width:8.333333333333334%; float:left;}
.l-grid-2{width:16.666666666666668%;float:left;}
.l-grid-3{width:25%;float:left;}
.l-grid-4{width:33.333333333333336%;float:left;}
.l-grid-5{width:41.66666666666667%;float:left;}
.l-grid-6{width:50%;float:left;}
.l-grid-7{width:58.333333333333336%;float:left;}
.l-grid-8{width:66.66666666666667%;float:left;}
.l-grid-9{width:75%;float:left;}
.l-grid-10{width:83.33333333333334%;float:left;}
.l-grid-11{width:91.66666666666667%; float:left;}
.l-grid-12{width:100%;}
.l-grid[data-padding="5"]>.l-grid-1,.l-grid[data-padding="5"]>.l-grid-2,.l-grid[data-padding="5"]>.l-grid-3,.l-grid[data-padding="5"]>.l-grid-4,.l-grid[data-padding="5"]>.l-grid-5,.l-grid[data-padding="5"]>.l-grid-6,.l-grid[data-padding="5"]>.l-grid-7,.l-grid[data-padding="5"]>.l-grid-8,.l-grid[data-padding="5"]>.l-grid-9,.l-grid[data-padding="5"]>.l-grid-10,.l-grid[data-padding="5"]>.l-grid-11,.l-grid[data-padding="5"]>.l-grid-12{padding-left:5px;}
.l-grid[data-padding="10"]>.l-grid-1,.l-grid[data-padding="10"]>.l-grid-2,.l-grid[data-padding="10"]>.l-grid-3,.l-grid[data-padding="10"]>.l-grid-4,.l-grid[data-padding="10"]>.l-grid-5,.l-grid[data-padding="10"]>.l-grid-6,.l-grid[data-padding="10"]>.l-grid-7,.l-grid[data-padding="10"]>.l-grid-8,.l-grid[data-padding="10"]>.l-grid-9,.l-grid[data-padding="10"]>.l-grid-10,.l-grid[data-padding="10"]>.l-grid-11,.l-grid[data-padding="10"]>.l-grid-12{padding-left:10px;}
.l-grid[data-padding="15"]>.l-grid-1,.l-grid[data-padding="15"]>.l-grid-2,.l-grid[data-padding="15"]>.l-grid-3,.l-grid[data-padding="15"]>.l-grid-4,.l-grid[data-padding="15"]>.l-grid-5,.l-grid[data-padding="15"]>.l-grid-6,.l-grid[data-padding="15"]>.l-grid-7,.l-grid[data-padding="15"]>.l-grid-8,.l-grid[data-padding="15"]>.l-grid-9,.l-grid[data-padding="15"]>.l-grid-10,.l-grid[data-padding="15"]>.l-grid-11,.l-grid[data-padding="15"]>.l-grid-12{padding-left:15px;}
.l-grid[data-padding="20"]>.l-grid-1,.l-grid[data-padding="20"]>.l-grid-2,.l-grid[data-padding="20"]>.l-grid-3,.l-grid[data-padding="20"]>.l-grid-4,.l-grid[data-padding="20"]>.l-grid-5,.l-grid[data-padding="20"]>.l-grid-6,.l-grid[data-padding="20"]>.l-grid-7,.l-grid[data-padding="20"]>.l-grid-8,.l-grid[data-padding="20"]>.l-grid-9,.l-grid[data-padding="20"]>.l-grid-10,.l-grid[data-padding="20"]>.l-grid-11,.l-grid[data-padding="20"]>.l-grid-12{padding-left:20px;}
.l-grid[data-padding="25"]>.l-grid-1,.l-grid[data-padding="25"]>.l-grid-2,.l-grid[data-padding="25"]>.l-grid-3,.l-grid[data-padding="25"]>.l-grid-4,.l-grid[data-padding="25"]>.l-grid-5,.l-grid[data-padding="25"]>.l-grid-6,.l-grid[data-padding="25"]>.l-grid-7,.l-grid[data-padding="25"]> .l-grid-8,.l-grid[data-padding="25"]>.l-grid-9,.l-grid[data-padding="25"]>.l-grid-10,.l-grid[data-padding="25"]>.l-grid-11,.l-grid[data-padding="25"]>.l-grid-12{padding-left:25px;}
.l-grid[data-padding="30"]>.l-grid-1,.l-grid[data-padding="30"]>.l-grid-2,.l-grid[data-padding="30"]>.l-grid-3,.l-grid[data-padding="30"]>.l-grid-4,.l-grid[data-padding="30"]>.l-grid-5,.l-grid[data-padding="30"]>.l-grid-6,.l-grid[data-padding="30"]>.l-grid-7,.l-grid[data-padding="30"]> .l-grid-8,.l-grid[data-padding="30"]>.l-grid-9,.l-grid[data-padding="30"]>.l-grid-10,.l-grid[data-padding="30"]>.l-grid-11,.l-grid[data-padding="30"]>.l-grid-12{padding-left:30px;}
/*字体*/
.l-fontsize30{font-size:30px;}
.l-fontsize24{font-size:24px;}
.l-fontsize22{font-size:22px;}
.l-fontsize20{font-size:20px;}
.l-fontsize18{font-size:18px;}
.l-fontsize16{font-size:16px;}
.l-fontsize14{font-size:14px;}
.l-fontsize12{font-size:12px;}
.l-fontweight{font-weight:bold;}
.l-font-green{color:#009688;}
.l-lineheight32{line-height:32px;}
.l-lineheight30{line-height:30px;}
.l-lineheight26{line-height:26px;}
.l-lineheight24{line-height:24px;}
.l-lineheight22{line-height:22px;}
.l-lineheight20{line-height:20px;}
.l-lineheight18{line-height:18px;}
/*表单*/
.l-help{color:#999;line-height:24px;}
input:focus{border-color:#1AB394;}
input[disabled]{background:#EEE;cursor:not-allowed;}
.l-input-warning{border-color:#f8ac59;}
.l-input-error{border-color:#ed5565;}
.l-input-tip{position:relative;}
.l-input-text{position:absolute; right:0; top:0; height:100%; background:#1AB394; text-align:center; color:#fff; padding:8px 12px; font-size:12px; display:flex; align-items:center;}
.l-ulinside,.l-ulinside>li{list-style:inside;}
.l-uldecimal,.l-uldecimal>li{list-style:decimal;}
.l-uldecimal{padding-left:10px;}
.l-select-default{position:relative;}
.l-select-default select{position:relative; z-index:1;}
.l-select-default:after{content:''; display:block; width:0; height:0; border:6px solid transparent; border-top:6px solid #dbdbdb; position:absolute; right:6px; top:50%; margin-top:-3px;}
.l-input-title{line-height:33px; text-align:right;}
.l-input-placeholder,.l-input-clear{position:relative;}
.l-input-placeholder>input,.l-input-clear>input{position:relative; z-index:2;}
.l-input-placeholder>span{position:absolute; left:12px; top:0; line-height:33px; color:#888888; z-index:1;}
.l-input-placeholder.placeholder>span{opacity:0; transition:ease .65s;}
.l-input-clear>i{position:absolute; right:12px; top:50%; margin-top:-10px; width:20px; height:20px; border-radius:50%; background:rgba(0,0,0,.7); color:#fff; font-size:12px; text-align:center; line-height:20px; z-index:3; cursor:pointer; transition:ease .45s; opacity:0; visibility:hidden;}
.l-input-clear>i:hover{background:#000;}
.l-input-clear.close>i{opacity:1; visibility:visible;}
.l-input-radius,.l-input-checkbox{padding:3px 0; line-height:20px;}
.l-input-radius>label,.l-input-checkbox>label{margin-left:10px; cursor:pointer; position:relative; overflow:hidden;}
.l-input-radius>label>input,.l-input-checkbox>label>input{top:5px;}
.l-input-radius>label:first-child,.l-input-checkbox>label:first-child{margin-left:0;}
.l-radius-extension>label>i,.l-checkbox-extension>label>i{display:inline-block; width:20px; height:20px; border-radius:50%; border:1px solid #dbdbdb; margin-right:5px; position:relative; top:5px;transition:ease .45s;}
.l-radius-extension>label>i:before{content:''; display:block; width:10px; height:10px; border-radius:50%; background:#5FB878; position:absolute; left:50%; top:50%; margin:-5px 0 0 -5px; transition:ease .45s; transform:scale(0); visibility:hidden;}
.l-radius-extension>label.on>i,.l-checkbox-extension>label.on>i{border-color:#5FB878;}
.l-radius-extension>label.on>i:before{transform:scale(1); visibility:visible;}
.l-checkbox-extension>label>i{border-radius:0;}
.l-checkbox-extension>label>i:before{content:''; display:block; width:2px; height:6px; background:#5FB878; position:absolute; left:50%; top:50%; margin-top:-4px; transform:rotate(-35deg) translate(-2.8px,0); transform-origin:center bottom; transition:ease .65s; opacity:0; visibility:hidden;}
.l-checkbox-extension>label>i:after{content:''; display:block; width:2px; height:12px; background:#5FB878; position:absolute; left:50%; top:50%; margin-top:-7px; transform:rotate(35deg) translate(2px,0); transform-origin:center center; transition:ease .65s; opacity:0; visibility:hidden;}
.l-checkbox-extension>label.on>i:before,.l-checkbox-extension>label.on>i:after{opacity:1;visibility:visible;}
.l-radius-extension>label>input,.l-checkbox-extension>label>input{position:absolute; left:0; top:0; width:100%; height:100%; opacity:0;filter:alpha(opacity=0);}
.l-input-switch{position:relative; min-width:35px; padding:3px 5px; border:1px solid #d2d2d2; border-radius:20px; cursor:pointer; color:#999; display:inline-block; overflow:hidden; margin-top:3px; transition:linear .1s;}
.l-input-switch>input{position:absolute; left:0; top:0; width:100%; height:100%; opacity:0;}
.l-input-switch>i{width:16px; height:16px; border-radius:50%; background:#D2D2D2; position:absolute; left:5px; top:50%; margin-top:-8px; transition:linear .1s;}
.l-input-switch>em{margin-left:21px; font-size:12px; transition:linear .1s; display:inline-block; width:25px;}
.l-input-switch.on>i{left:100%; margin-left:-21px; background:#fff;}
.l-input-switch.on{background:#5FB878; border-color:#5FB878;}
.l-input-switch.on>em{color:#fff; margin:0 21px 0 0; position:relative; left:5px;user-select:none;}
/*header*/
.lh-header{position:fixed; left:0; top:0; right:0; width:100%; height:80px; z-index:1000; padding:0 1.5vw; transition:ease .65s;}
.lh-logo{position:absolute; left:50%; top:50%; margin:-10px 0 0 -75px; z-index:3;}
.lh-header-l{position:absolute; left:1.5vw; top:50%; margin-top:-10px;}
.lh-header-l>a{color:#fff; margin-left:2vw; float:left; line-height:20px;}
.lh-header-l>a i{font-size:24px; float:left; margin-right:5px; position:relative; top:-1px;}
.lh-nav-btn{float:left; color:#fff; font-size:12px; cursor:pointer; line-height:20px; position:relative; z-index:3; user-select:none;}
.lh-nav-btn>em{letter-spacing:2px;}
.lh-nav-btn>.icon{width:20px; height:20px; margin-right:10px; float:left; position:relative;}
.lh-nav-btn>.icon i{width:3px; height:3px; background:#fff; display:block; position:absolute; left:0; top:0; transition:linear .25s;}
.lh-nav-btn>.icon i:nth-child(2){top:50%; margin-top:-1px;}
.lh-nav-btn>.icon i:nth-child(3){top:inherit; bottom:0;}
.lh-nav-btn>.icon i:before{content:''; display:block; width:100%; height:100%; background:#fff; position:absolute; left:8px;}
.lh-nav-btn>.icon i:after{content:''; display:block; width:100%; height:100%; background:#fff; position:absolute; left:16px;}
.lh-nav{position:absolute; right:1.5vw; top:50%; margin-top:-10px;}
.lh-nav li{float:left; line-height:20px; margin-left:2.9vw;}
.lh-nav li:first-child{margin-left:0;}
.lh-nav li a{color:#fff; font-size:16px;}
.lh-nav li a:hover,.lh-nav li a.on{text-shadow:0 0 20px rgba(47,64,86,1);}
.lh-nav-btn:hover>.icon i{width:50%;}
.lh-map{position:fixed; left:0; top:0; width:100%; height:100vh; background:#000; z-index:2; display:flex; align-items:center; padding:0 4.68vw; opacity:0; visibility:hidden; transition:linear .25s;}
.lh-map>div{width:100%;}
.lh-map-nav{margin-top:-12vh; width:70%;}
.lh-map-nav dl{float:left; width:33.3%; margin-top:12vh; transform:translateY(100%); opacity:0; transition:linear .45s;}
.lh-map-nav dl>dt>a{font-size:30px; color:#c5c5c5; position:relative;}
.lh-map-nav dl>dd{line-height:36px;}
.lh-map-nav dl>dd>a{color:#c5c5c5;}
.lh-map-nav dl>dt{margin-bottom:30px;}
.lh-map-nav dl>dt>a:before{content:''; display:block; width:100%; height:2px; background:#DCDCDC; position:absolute; left:0; bottom:0;}
.lh-map-nav dl>dd>a:hover,.lh-map-nav dl>dt>a:hover{color:#fff;}
.lh-map-r{transform:translateX(100%); transition:ease .65s; opacity:0;}
.lh-map-r .text{color:#c5c5c5;}
.lh-map-r .text h2{font-size:22px; color:#fff; margin-top:42px;}
.lh-map-r .text h3{margin:5px 0 20px;}
.lh-map-r .text p{line-height:30px;}
.lh-map-r .text p i{margin-right:5px; color:#fff;}
.lh-map-r .ewm{margin-top:40px; position:relative; line-height:24px; color:#f6f6f6; font-size:12px;}
.lh-map-r .ewm .img{float:left; width:100px; height:100px; overflow:hidden;}
.lh-map-r .ewm h2{position:absolute; left:120px; bottom:0; line-height:18px}
.Map .lh-map{visibility:visible; opacity:1;}
.Map .lh-map-nav dl{opacity:1; transform:translateY(0);}
.Map .lh-map-nav dl:nth-child(2n){transition-delay:.1s;}
.Map .lh-map-nav dl:nth-child(3n){transition-delay:.2s;}
.Map .lh-map-nav dl:nth-child(5n){transition-delay:.3s;}
.Map .lh-map-r{transform:translateX(0);opacity:1;}
.lh-banner{height:100vh; position:relative; background:#000; overflow:hidden;}
.lh-banner li .img{height:100%; background-repeat:no-repeat; background-position:top center; background-size:cover;}
.lh-banner li .text{position:absolute; left:50%; top:50%; transform:translate(-50%,100%); opacity:0; z-index:1; color:#fff; transition:ease 1s; text-align:center;}

.lh-banner li .text2{position:absolute; left:50%; top: 32%;
    font-weight: lighter;
    font-size: 3.7rem; transform:translate(-50%,100%); opacity:1; z-index:1; color:#fff; transition:ease 1s; text-align:center;}
	
.vvideo{overflow: hidden;
    height: 90vh;}

.vvideo video{width:100%}

.lh-banner li .text2 span{font-weight:520;}
.lh-btn{display:block; width:134px; height:42px; border:2px solid #fff; font-size:12px; color:#fff; text-align:center; line-height:42px; position:relative; overflow:hidden; z-index:1;}
.lh-btn:before{content:''; display:block; width:100%; height:100%; background:#fff; position:absolute; left:0; bottom:0; transform:scaleY(0); transform-origin:center bottom; transition:ease .65s; z-index:-1;}
.lh-btn:hover{color:#000;}
.lh-btn:hover:before{transform:scaleY(1);}
.lh-banner li .text a{margin:50px auto 0;}
.lh-banner li{position:relative;}
.lh-banner li video{position:absolute; left:0; top:0; min-width:100%; min-height:100%; z-index:2; transition:ease .65s; opacity:0; visibility:hidden;}
.lh-banner li .text a.lh-videoBanner-btn{margin:50px auto 0; display:inline-block;}
.lh-videoBanner-btn i{font-size:60px; color:#fff;}
.lh-banner li.Video video{opacity:1; visibility:visible;}
.lh-banner li.swiper-slide-active .text,.lh-banner li.swiper-slide-duplicate-active .text{transform:translate(-50%,-50%); opacity:1;}
.lh-banner-btn{position:absolute; left:0; bottom:0; width:50%; background:#262626; padding:4vh 3vw 4vh 4.68vw; z-index:1;border-top-right-radius:30px}
.lh-banner-hd>span{display:block; width:22px; height:33px; border:2px solid #fff; border-radius:20px; float:left; position:relative;}
.lh-banner-hd>span:before{content:''; display:block; width:2px; height:6px; background:#fff; position:absolute; left:50%; top:5px; margin-left:-1px; border-radius:50%;}
.lh-banner-hd>i{display:block; width:5.4vw; height:1px; background:#fff; float:left; margin:16px 1vw 0;}
.lh-banner-hd>em{float:left; margin-top:6px;}
.lh-banner-hd>em span{width:6px; height:6px; background:#fff; opacity:1; margin:0 5px; border:1px solid #fff; transition:ease .65s; outline:none;}
.lh-banner-hd>em span.swiper-pagination-bullet-active{background:none;}
.lh-banner-page{color:#fff; font-size:12px; line-height:33px;}
.lh-newProduct{background:#262626; height:150vh;}
.lh-newProduct-l{padding-left:2.6vw; display:flex;flex-direction:column; flex-wrap:wrap; height:100%;}
.lh-newProduct-r{display:flex;flex-direction:column; flex-wrap:wrap; height:100%;}
.lh-men{flex:1; position:relative; display:flex; align-items:center; padding-left:1.56vw;}
.lh-men .text{color:#fff;}
.lh-men .text h2{font-size:3.2vw;font-family: "Swiss 721 Heavy BT";}
.lh-men .text h3{font-size:1.82vw; margin-bottom:4vh; font-weight:bold;margin-top:2vh; }
.lh-summer{flex:3; position:relative;}
.lh-summer .img{height:100%; width:100%; background-position:2.6vw top; background-repeat:no-repeat; background-size: cover; background-position: center;}
.lh-summer .text{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); color:#fff; text-align:center;}
.lh-summer .text h2{font-size:2.6vw; font-weight:none;}
.lh-summer .text h3{font-size:1.56vw;font-family: "Swiss 721 Heavy BT"; margin-bottom:5vh;margin-top:2vh;}
.lh-summer .text a{margin:auto;}
.lh-summer .text a.lh-video-btn{margin:4.1vh auto 0;}


.lh-summer .text2{position:absolute; left:50%; top:25%; transform:translate(-50%,-50%); color:#fff; text-align:center;}
.lh-summer .text2 h2{font-size:2.6vw; font-weight:none;}
.lh-summer .text2 h3{font-size:1.56vw;font-family: "Swiss 721 Heavy BT"; margin-bottom:5vh;margin-top:2vh;}
.lh-summer .text2 a{margin:auto;}
.lh-summer .text2 a.lh-video-btn{margin:4.1vh auto 0;}

.lhbb{}
	
	
.lh-newProduct-r .lh-summer .img{background-position:right top;}
.lh-newProduct-r .lh-summer:last-child .img{background-attachment:inherit;}
.lh-product{background:#262626;}
.lh-product-main{padding:10vh 0; position:relative;}
.lh-main-l{padding-left:4.68vw; height:100%; display:flex; align-items:center;}
.lh-main-l .text{max-width:425px;}
.lh-main-l .text h2{font-size:3.64vw; color:#fff;}
.lh-main-l .text h3{font-size:1.82vw; color:#fff; margin:1vh 0 3vh; font-weight:bold;}
.lh-main-l .text pre{color:#AAA; line-height:28px;}
.lh-product-more{background:#1b1b1b; height:68px; line-height:68px; display:block; text-align:center; color:#fff; font-size:12px;


border-top: 4px solid transparent;
    border-image-source: linear-gradient(to right, #fbf8b6, #ad913c);
    border-image-slice: 1;
    border-image-repeat: stretch;


}
.lh-product-more:hover{text-decoration:underline;}
.lh-product-banner{overflow:hidden;}
.lh-product-item li{position:relative; overflow:hidden; width:33.3% !important; padding-left:21px;}
.lh-product-item li a{display:block; overflow:hidden; position:relative;}
.lh-product-banner ul{width:115%;}
.lh-product-item li .text{position:absolute; left:28px; top:28px; color:#262626;}
.lh-product-item li .text h2{font-size:16px; font-weight:bold; padding:2px 5px; overflow:hidden; position:relative; z-index:1; transition:ease .65s; display:inline-block;}
.lh-product-item li .text h3{ padding:2px 5px; overflow:hidden; position:relative; z-index:1; transition:ease .65s; margin-top:-4px;}
.lh-product-item li .lh-btn{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); background:#fff; color:#000; opacity:0; transition:ease .65s;}
.lh-product-item li .img{transition:ease 1s;border-radius:30px}
.lh-product-item li:hover .img{opacity:.5; transform:scale(1.1);border-radius:30px}
.lh-product-item li:hover .lh-btn{opacity:1;border-radius:30px}
.lh-product-item li .text h2:before,.lh-product-item li .text h3:before{content:''; display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:-1; background:#000; transform:scaleX(0); transform-origin:left center; transition:ease .65s;}
.lh-product-item li .text h3:before{transition-delay:.1s;}
.lh-product-item li a:hover .text h2:before,.lh-product-item li a:hover .text h3:before{transform:scaleX(1);}
.lh-product-item li a:hover .text h2,.lh-product-item li a:hover .text h3{color:#fff;}
.lh-product-btn{margin-top:20vh;}
.lh-product-btn>span{color:#fff; position:relative; margin-right:6.77vw; float:left;}
.lh-product-btn>span:after{content:''; display:block; width:5.6vw; height:1px; background:#fff; position:absolute; left:1.4vw; top:50%;}
.lh-product-btn>em{float:left;}
.lh-product-btn>em span{width:6px; height:6px; background:#fff; opacity:1; border:1px solid #fff; margin:0 10px 0 0; outline:none; transition:ease .65s;}
.lh-product-btn>em span.swiper-pagination-bullet-active{background:none;}
.lh-conference{padding:10vh 0; background-repeat:no-repeat; background-position:center center; background-size:cover; background-attachment:fixed;}
.lh-conference-l{padding-left:4.68vw;}
.lh-conference-r{display:flex; align-items:center; justify-content:center; height:100%; padding:0 4.68vw;}
.lh-conference-r h2{font-size:24px; color:#1a1a1a; padding:6px 10px; background:#fff; display:inline-block;}
.lh-conference-r h3{font-size:2.08vw; color:#fff; font-weight:bold; margin:4vh 0;}
.lh-conference-r pre{line-height:30px; color:#AAA; margin-bottom:9vh;}
.lh-quick{background:#fff; padding:4.5vh 0;}
.lh-quick>li{padding:30px 0; display:flex; align-items:center; justify-content:center; position:relative;}
.lh-quick>li:before{content:''; display:block; width:1px; height:100%; background:#E5E5E5; position:absolute; left:0; top:0;}
.lh-quick>li:first-child:before{display:none;}
.lh-quick>li i{float:left; font-size:36px; color:#000; position:relative; top:6px;}
.lh-quick>li .title{float:left; margin-left:20px;}
.lh-quick>li .title h2{font-size:16px; font-weight:bold;}
.lh-quick>li .title h3{color:#9a9a9a;line-height:24px}
.lh-recommended{background:#1b1b1b; padding:4.68vw;}
.lh-recommended-item{margin:-4.16vw 0 0 -4.16vw;}
.lh-recommended-item li{padding-left:4.16vw; margin-top:4.16vw;}
.lh-recommended-item li>a{position:relative; display:block; overflow:hidden;}
.lh-recommended-item li .text{position:absolute; left:0; top:50%; transform:translateY(-50%); padding-left:2.34vw; width:100%; color:#fff; font-size:2.5vw; line-height:3.125vw; }
.lh-recommended-item li .text h2,.lh-recommended-item li .text h3{font-weight:bold;}
.lh-recommended-item li .text h4{background:#fff; color:#000; margin-top:4.1vh;}
.lh-recommended-item li .text h4:before{display:none;}
.lh-recommended-item li:first-child,.lh-recommended-item li:last-child{width:34.5%;}
.lh-recommended-item li:nth-child(2),.lh-recommended-item li:nth-child(3){width:65.5%;}
.lh-recommended-item li .img{transition:ease .65s;}
.lh-recommended-item li a:hover .img{opacity:.8; transform:scale(1.1);}
.lh-join{padding:12vh 0; text-align:center; color:#fff; background-repeat:no-repeat; background-position:center center; background-size:cover; background-attachment:fixed;}
.lh-join h2{font-size:34px;}
.lh-join h3{font-size:34px; margin:16px 0 40px;}
.lh-join a{margin:auto;}
.lh-footer{background:#000;}
.lh-footer>div{padding-left:4.68vw;}
.lh-footer-l{border-right:1px solid #313131;}
.lh-footer-logo{display:inline-block; margin:6vh 0;}
.lh-footer-nav{border-top:1px solid #313131; padding-bottom:6vh;}
.lh-footer-nav dl{width:33.3%; float:left; margin-top:6vh;}
.lh-footer-nav dl dt a{color:#c5c5c5; position:relative; border-bottom:2px solid #C5C5C5;}
.lh-footer-nav dl dt a span{font-family: "Swiss 721 Heavy BT"; margin-left:5px;}
.lh-footer-nav dl dt{margin-bottom:20px;}
.lh-footer-nav dl dd{line-height:28px;}
.lh-footer-nav dl dd a{font-size:12px; color:#c5c5c5;}
.lh-footer-nav dl dd a:hover,.lh-footer-nav dl dt a:hover{color:#fff;}
.lh-footer-r{position:relative; height:90%;}
.lh-footer-r .lh-map-r{visibility:visible; opacity:1; transform:translateX(0);}
.lh-copy{color:#505050; font-size:12px; position:absolute; left:0; bottom:0;}
.lh-copy span{margin-left:20px;}
.lh-copy span a{color:#bababa; font-size:12px;}
.lh-copy span a:hover{color:#fff;}
.navFixed .lh-header{background:#000;}
.lh-product-banner li:nth-child(1){animation-delay:.1s;}
.lh-product-banner li:nth-child(2){animation-delay:.2s;}
.lh-product-banner li:nth-child(3){animation-delay:.3s;}
.lh-ban{height:62vh; position:relative;}
.lh-ban .img{height:100%; background-position:center top; background-repeat:no-repeat; background-size:cover;}
.lh-ban .text{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); color:#fff; text-align:center;}
.lh-ban .text h2{font-size:3vw; font-weight:bold;}
.lh-ban .text h3{font-size:20px;}
.lh-header.other{background:#000;}
.lh-main.other{padding-top:80px;}
.lh-pro-nav{height:67px; line-height:67px; padding:0 21px;}
.lh-pro-nav .left{color:#8a8a8a;}
.lh-pro-nav .right li{float:left; padding:0 40px; position:relative;}
.lh-pro-nav .right li:last-child{padding:0 0 0 40px;}
.lh-pro-nav .right li:before{content:''; display:block; width:1px; height:12px; background:#E5E5E5; position:absolute; left:0; top:50%; margin-top:-6px;}
.lh-pro-nav .right li a{font-size:12px; color:#727272;}
.lh-pro-nav .right li a:hover,.lh-pro-nav .right li a.on{color:#000;}
.lh-product-item.item{width:100%; padding-right:21px;}
.lh-product-item.item li{width:33% !important; margin-bottom:21px;}
.lh-product-item.item li a{background:#000;}
.lh-loading{display:block; width:6px; height:6px; border-radius:50%; position:relative; margin:auto;}
.lh-loading:before{content:''; display:block; width:100%; height:100%; border-radius:50%; background:#000; position:absolute; left:-12px; top:0; animation:loading linear 1s infinite;}
.lh-loading:after{content:''; display:block; width:100%; height:100%; border-radius:50%; background:#000; position:absolute; right:-12px; top:0; animation:loading linear 1s infinite; animation-delay:.4s;}
.lh-loading>span{width:100%; height:100%;background:#000; border-radius:50%; display:block; animation:loading linear 1s infinite; animation-delay:.2s;}
@keyframes loading{
	0%{opacity:0;}
	100%{opacity:1;}	
}
.lh-pro{padding-bottom:21px;}
.lh-crumbs{height:70px; line-height:70px; border-bottom:1px solid #E5E5E5; padding:0 4.68vw; font-size:12px;color:#727272;}
.lh-crumbs a{color:#727272; font-size:12px;}
.lh-crumbs a.on,.lh-crumbs a:hover{color:#000;}
.lh-crumbs em{margin:0 35px; font-family:'宋体'}
.lh-proDetails{padding:54px 0 128px;}
.lh-proDetails>.container{max-width:1340px; width:100%; margin:auto; padding:0 20px;}
.lh-proDetails-aitem{width:100px;}
.lh-proDetails-aitem li{margin-top:18px;  cursor:pointer; background:#000;}
.lh-proDetails-aitem li .img{transition:ease .65s;}
.lh-proDetails-aitem li:hover .img,.lh-proDetails-aitem li.on .img{opacity:.8;}
.lh-proDetails-aitem li:first-child{margin-top:0;}
.lh-proDetails-b{width:571px; height:857px; overflow:hidden; margin-left:25px; }
.lh-proDetails-r{max-width:438px;}
.lh-proDetails-r>h2{color:#000; font-family:'Arial'; margin:15px 0 5px;}
.lh-proDetails-r>h1{font-size:28px;}
.lh-proDetails-r>h3{color:#737373; font-size:13px; margin-top:15px;padding-bottom:8px}
.lh-proDetails-r>h4{font-size:22px; margin:5px 0 30px;}
.lh-proDetails-res{padding:30px 0; border-top:1px solid #DCDCDC;}
.lh-proDetails-res>h2{color:#000;}
.lh-proDetails-cont{color:#636363; line-height:28px; font-size:13px; margin-top:30px;}
.lh-link-h{height:78px; line-height:78px; text-align:center; border-top:1px solid #E5E5E5; font-size:18px; color:#484848;}
.lh-maps{ overflow:hidden;}
.lh-contact-r{height:100%; display:flex; align-items:center; justify-content:center;}
.lh-contact-item{margin-top:-7vh;}
.lh-contact-item li{text-align:center;font-size:12px; color:#303030; margin-top:7vh;}
.lh-contact-item li .icon{height:50px; display:flex; align-items:center;}
.lh-contact-item li img{margin:auto;}
.lh-contact-item li h2{font-family:'Arial'; text-transform:uppercase; margin:5px 0;}
.lh-contact-item li h4{font-size:14px; margin-top:3vh;}
.lh-contact-item li h5{text-decoration:underline; margin-top:3vh;}
.lh-contact-item li.ewm .icon{height:97px;}
.lh-contact-item li.ewm h2{margin:10px 0 15px;}
.lh-joinus{padding:10vh 0;}
.container1200{max-width:1240px; padding:0 20px; margin:auto; position:relative;}
.lh-joinus-h2{text-align:center; font-size:20px;}
.lh-joinus-h3{color:#484848; font-size:13px; text-align:center; margin:20px 0 40px;}
.lh-joinus-form{border-top:1px solid #DCDCDC; padding-top:40px;}
.lh-joinus-item li h2 span{color:#f50000;}
.lh-joinus-item li{margin-bottom:40px;}
.lh-joinus-item li h2{margin-bottom:20px;}
.lh-joinus-item li input{height:50px; line-height:50px;}
.lh-joinus-item li select{height:50px;}
.lh-joinus-item li textarea{height:110px;}
.lh-joinus-item li textarea:focus,.lh-joinus-item li select:focus{border-color:#1AB394;}
.lh-submit{display:block; margin:auto; width:120px; height:40px; line-height:40px; text-align:center; color:#fff; background:#1B1B1B; letter-spacing:5px;}
.lh-submit:hover{background:#000;}
.lh-feedback{padding:10vh 0; background-position:center center; background-repeat:no-repeat; background-size:cover; background-attachment:fixed; color:#fff;}
.lh-feedback-h2{text-align:center; font-size:33px;}
.lh-feedback-h3{font-size:34px; text-align:center; font-weight:bold; margin:10px 0 40px;}
.lh-feedback .lh-joinus-form{border:none;}
.lh-joinus-item.feedback li input,.lh-joinus-item.feedback li textarea{color:#fff;}
.lh-joinus-item.feedback li input::-webkit-input-placeholder,.lh-joinus-item.feedback li textarea::-webkit-input-placeholder {color: #fff;}
.lh-joinus-item.feedback li input:-moz-placeholder,.lh-joinus-item.feedback li textarea:-moz-placeholder {　color: #fff;}
.lh-joinus-item.feedback li input::-moz-placeholder,.lh-joinus-item.feedback li textarea::-moz-placeholder {color: #fff;}
.lh-joinus-item.feedback li input:-ms-input-placeholder,.lh-joinus-item.feedback li textarea:-ms-input-placeholder {color: #fff;}
.lh-joinus-item.feedback li .lh-submit{background:#fff; color:#000;}
.lh-joinus-item.feedback li select{color:#fff;}
.lh-joinus-item.feedback li select option{background:#000;}
.lh-terminal{padding-top:70px;}
.lh-terminal>h2{font-size:40px; font-weight:bold; text-align:center;}
.lh-terminal>h3{font-size:24px; color:#b4b4b4; text-align:center;line-height:32px}
.lh-terminal-a{padding:0 2.34vw; margin-top:50px; margin-left:-2.34vw;}
.lh-terminal-a>div{padding-left:2.34vw; margin-bottom:2.34vw;}
.lh-terminal-banner{position:relative; overflow:hidden; background:#000;}
.lh-terminal-banner li h2{height:64px; line-height:64px; padding:0 2.34vw; background:rgba(0,0,0,.5); position:absolute; left:0; bottom:0; width:100%; color:#fff; font-size:20px;}
.lh-terminal-hd{position:absolute; left:0; bottom:24px !important; z-index:1; text-align:right; padding-right:2.34vw}
.lh-terminal-hd span{width:10px; height:10px; background:#fff; border:2px solid #fff; transition:ease .65s; margin:0 0 0 15px; opacity:1;}
.lh-terminal-hd span.swiper-pagination-bullet-active{background:none;}
.lh-behalf-r{height:100%; background:#EEE; position:absolute; right:0; top:0; width:100%;}
.lh-behalf-top{padding:45px 1.82vw 20px; height:142px;}
.lh-behalf-hd{margin-top:20px;}
.lh-behalf-hd li>a{display:block; background:#FFF; height:40px; line-height:40px; color:#000; padding:0 20px; font-size:12px;}
.lh-behalf-hd li.on>a{background:#BFBFBF; color:#fff;}
.lh-behalf-item li{padding:46px 1.82vw; border-bottom:1px solid #D6D6D6; cursor:pointer; transition:ease .25s;}
.lh-behalf-item li h2{font-size:16px;}
.lh-behalf-item li h3{font-size:12px; margin-top:15px;}
.lh-behalf-item li h3 i{margin-right:10px; position:relative; top:2px;}
.lh-behalf-bd{height:calc(100% - 142px); overflow:hidden;}
.lh-behalf-scroll{height:100%;}
.lh-terminal-behalf>div{position:relative;}
.lh-behalf-item li:hover,.lh-behalf-item li.on{background:#DCDCDC;}
.mCSB_container{margin-right:0;}
.lh-behalf-scroll{display:none;}
.lh-behalf-scroll.on{display:block;}
.lh-ban.brand{height:100vh;}
.lh-brand-text{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); text-align:center;}
.lh-video-btn{display:inline-block; margin-top:5vh;}
.lh-video-btn i{font-size:60px; color:#fff;}
.lh-video-layer{position:fixed; left:0; top:0; background:#000; width:100%; height:100%; z-index:1100; display:flex; align-items:center; justify-content:center; visibility:hidden; opacity:0; transition:ease .65s;}
.lh-video-close{position:absolute; right:0; top:0; width:50px; height:50px; background:#fff; color:#000; text-align:center; line-height:50px; z-index:2;}
.lh-video-close i{font-size:24px;}
.lh-video-close:hover{border-radius:50% 0 50% 50%;}
.lh-video-layer>video{max-width:100%; max-height:100%; width:100%;}
.Video .lh-video-layer{visibility:visible; opacity:1;}
.lh-brand-story{height:100vh;}
.lh-story-img{height:100%; background-position:left center; background-repeat:no-repeat; background-attachment:fixed;}
.lh-story-text{height:100%; display:flex; align-items:center; justify-content:center; padding:0 20px;}
.lh-story-text .text{max-width:563px;}
.lh-story-text .text>h2{font-size:60px;}
.lh-story-text .text>h3{font-size:34px; font-weight:bold;}
.lh-story-cont{line-height:30px; color:#4a4a4a; margin-top:5vh;}

.lh-story-cont pre{line-height:1.8em}

.lh-story-cont h2 span{color:#000;}
.lh-story-text .text>pre{line-height:30px;color:#4a4a4a; margin:5vh 0;}
.lh-story-text .text>a{margin:0; letter-spacing:0;}
.lh-profile-banner{overflow:hidden; width:100%; height:100%; background:#000;}
.lh-profile-banner li{position:relative;}
.lh-profile-banner li .img{width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.lh-profile-banner li h2{position:absolute; left:4.68vw; top:4.68vw; color:#fff; font-size:30px; font-weight:bold;}
.lh-profile-hd{position:absolute; left:0; bottom:3vw !important; z-index:1; text-align:right; padding-right:3vw;}
.lh-profile-hd span{color:#fff; opacity:1; width:auto; height:auto; background:none; outline:none;}
.lh-profile-hd span:after{content:''; display:block; height:1px; background:#fff; display:inline-block; margin-left:5px; position:relative; top:-4px; transform:scaleX(0); transform-origin:left center; transition:ease .65s; width:0; left:2px;}
.lh-profile-hd span:last-child:after{display:none;}
.lh-profile-hd span:last-child:before{content:''; display:block; height:1px; background:#fff; display:inline-block; margin-right:5px; position:relative; top:-4px; transform:scaleX(0); transform-origin:left center; transition:ease .65s; width:0; right:2px;}
.lh-profile-hd span.swiper-pagination-bullet-active:after,.lh-profile-hd span.swiper-pagination-bullet-active:before{width:30px;transform:scaleX(1);}
.lh-designers{padding:10vh 0; background-position:center center; background-repeat:no-repeat; background-size:cover; background-attachment:fixed;}
.lh-designers-text{height:100%; position:relative; padding-left:3.68vw;}
.lh-designers-text h2{font-size:3.125vw; color:#fff;}
.lh-designers-text h3{font-size:34px; color:#fff; margin-top:10px;}
.lh-designers-text pre{color:#fff; opacity:.3; line-height:28px; font-size:13px; position:absolute; left:3.68vw; bottom:0; max-width:400px;

white-space: normal;
}
.lh-designers-banner{position:relative; overflow:hidden; height:100%;}
.lh-designers-banner li{overflow:hidden;}
.lh-designers-banner li .img{float:left; width:24.84vw; overflow:hidden;}
.lh-designers-banner li .text{padding-left:5vw; height:100%; display:flex; align-items:center; max-width:485px;float:left; color:#fff; display:flex; align-items:center;}
.lh-designers-banner li .text h2{font-size:44px;font-family: "Staccato222BT_Regular.woff";}
.lh-designers-banner li .text h3{font-size:26px; margin:10px 0 60px;}
.lh-designers-banner li .text pre{line-height:34px; opacity:.5;}
.lh-designers-hd{text-align:center;}
.lh-designers-hd span{color:#fff; opacity:1; width:auto; height:auto; background:none; outline:none;}
.lh-designers-hd span:after{content:''; display:block; height:1px; background:#fff; display:inline-block; margin-left:5px; position:relative; top:-4px; transform:scaleX(0); transform-origin:left center; transition:ease .65s; width:0; left:2px;}
.lh-designers-hd span:last-child:after{display:none;}
.lh-designers-hd span:last-child:before{content:''; display:block; height:1px; background:#fff; display:inline-block; margin-right:5px; position:relative; top:-4px; transform:scaleX(0); transform-origin:left center; transition:ease .65s; width:0; right:2px;}
.lh-designers-hd span.swiper-pagination-bullet-active:after,.lh-designers-hd span.swiper-pagination-bullet-active:before{width:30px;transform:scaleX(1);}
.lh-trend{padding:10vh 0;}
.lh-trend-h2{font-size:40px; font-weight:bold; text-align:center;}
.lh-trend-h3{font-size:24px; color:#b4b4b4; text-align:center;}
.lh-trend>pre{line-height:30px; color:#868686; text-align:center; max-width:990px; margin:20px auto 40px;}
.lh-trend>h4{text-decoration:underline; text-align:center; margin-bottom:40px;}
.container1400{width:100%; max-width:1440px; padding:0 20px; position:relative; margin:auto;}
.lh-advantage-item{margin:10vh 0;}
.lh-advantage-item li>div{background:#F7F7F7; padding:4vh 2.6vw; height:100%;}
.lh-advantage-item li .icon{height:80px;}
.lh-advantage-item li h2{font-size:16px;}
.lh-advantage-item li pre{line-height:26px; color:#545454; font-size:13px; margin-top:10px;}
.lh-cooper{padding:10vh 0; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.lh-cooper-item{margin-top:10vh; width:108%;}
.lh-cooper-item li>div{width:203px; text-align:center;}
.lh-cooper-item li .img{width:100%; height:203px; border-radius:50%; background:#fff; overflow:hidden; border:5px solid #fff;}
.lh-cooper-item li h2{font-size:20px; margin-top:30px;}
.lh-merchants{padding:10vh 0;}
.lh-merchants-h3{text-align:center; margin-top:10px;}
.lh-merchants .lh-joinus-form{border:none; margin-top:40px;}
.lh-checkbox{border:1px solid #DBDBDB; height:50px; line-height:50px; padding:6px 12px;}
.lh-joinus-item li .lh-checkbox input{width:100%; height:100%;}
.lh-ban.news{height:820px; height:calc(100vh - 147px);}
.lh-ban.news h2{color:#fff; font-size:60px; font-weight:bold;}
.lh-ban.news pre{line-height:30px; color:#fff; opacity:.5; max-width:648px; margin:20px 0 5.1vh;}
.lh-ban.news a{margin:auto; background:#fff; color:#000; font-size:14px;}
.lh-ban.news a:before{display:none;}
.lh-pro-nav.news{padding:0; overflow:hidden;}
.lh-pro-nav.news .right{float:left;}
.lh-pro-nav.news .right a{font-size:14px;}
.lh-pro-nav.news .right li:first-child:before{display:none;}
.lh-news li:after{content:''; clear:both; display:block; height:0;}
.lh-news li{position:relative;}
.lh-news li .img{float:left; width:50%;}
.lh-news li .text{position:absolute; right:0; top:0; width:50%; display:flex; align-items:center; justify-content:center; height:100%; text-align:center;}
.lh-news-text{max-width:680px; padding:0 20px; margin:auto;}
.lh-news li:nth-child(2n) .img{float:right;}
.lh-news li:nth-child(2n) .text{left:0;}
.lh-news-text h2{font-size:28px; color:#494949; position:relative; margin-bottom:6vh;}
.lh-news-text h2:after{content:''; display:block; width:44px; height:2px; background:#BFBFBF; position:absolute; left:50%; bottom:-3vh; margin-left:-22px;}
.lh-news-text pre{line-height:30px; color:#494949;}
.lh-news-text a{border:2px solid #000; color:#000; margin:5vh auto 0;}
.lh-news-text a:before{background:#000;}
.lh-news-text a:hover{color:#fff;}
.lh-detail-title{text-align:center; font-size:34px; color:#323232; position:relative;  max-width:1200px; margin:auto; width:100%;margin-bottom:7vh; margin-top:3vh}
.lh-detail-title:after{content:''; display:block; width:44px; height:2px; background:#BFBFBF; position:absolute; left:50%; bottom:-3.5vh; margin-left:-22px;}
.lh-detail{padding: 2vh 4.68vw;
    line-height: 28px;
    margin-bottom: 60px;}
.lh-detail-ccont{text-align:center; max-width:995px; line-height:30px; color:#494949; text-align:center; margin:auto;}
.lh-detail-cont{margin:5vh 0 0; line-height:30px; color:#494949;}
.lh-detail-cont img{display:inline-block;}
.lh-details-page{height:60px; line-height:60px; background:#EEE;text-align:center;}
.lh-details-page a:first-child{float:left;}
.lh-details-page a:last-child{float:right;}
.lh-details-page a:hover{text-decoration:underline;}
.fadeInUp1{animation:fadeInUp1 linear .65s;}
.video_pop{display: block; width: 100%; height: 100%; background: #000; position: fixed; left: 0; top: 0; z-index: 1999!important; display: flex; justify-content: center; align-items: center; display: none;}
.close_btn{width: 40px; height: 40px; position: absolute; right: 0; top: 0; background: url(../img/close.png) no-repeat center; z-index: 100; cursor: pointer;}

#video{width:100%; max-height: 100%;}
.video_pop .z_row{width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
@keyframes fadeInUp1{
	0%{transform:translateY(20%); opacity:0;}
	100%{transform:translateY(0); opacity:1;}	
}
@media screen and (max-width: 1220px){
	.lh-proDetails-r{float:left; margin-left:20px;}
	.lh-designers-banner li .text{padding-left:2vw;}
}
/*平板*/
@media screen and (max-width: 1024px){
	
}
/*手机*/
@media screen and (max-width: 980px){
	
	.lh-summer .text h2{font-size: 6vw;}
	.lh-summer .text h3 {font-size: 3vw; margin-top:1vh}
	
	.lh-summer .text2 h2{font-size: 6vw;}
	.lh-summer .text2 h3{font-size: 3vw; margin-top:1vh}
	
		.lh-proDetails-b{width:100%;height:auto;  margin-left:0;}
	.lhbb{width:100%;}
	
	.ewm{margin-bottom:32px}
	
	.lh-ban{height:30vh !important}
	
	.lh-details-page{overflow:hidden;}
	
	.lh-detail-title{margin-top:0;}
	
	.lh-contact{margin:0 !important}
	
	.lh-banner li .text2 {
	
	    position: absolute;
    left: 61%;
    top: 41%;
    width: 80%;
    /* font-weight: lighter; */
    font-size: 2rem;
    transform: translate(-62%,61%);
    opacity: 1;
    z-index: 1;
    color: #fff;
    /* transition: ease 1s; */
    text-align: center;
	}
	
	
	.l-grid-flex{flex:none; width:100%;}
	.l-grid>.l-grid-1,.l-grid>.l-grid-2,.l-grid>.l-grid-3,.l-grid>.l-grid-4,.l-grid>.l-grid-5,.l-grid>.l-grid-6,.l-grid>.l-grid-7,.l-grid>.l-grid-8,.l-grid>.l-grid-9,.l-grid>.l-grid-10,.l-grid>.l-grid-11{width:100%; float:none;}
	.l-input-title{text-align:left;}
	.lh-header{height:50px; background:#000;}
	.lh-nav{width:100%; height:100vh; background:#000; position:absolute; left:0; bottom:0; padding-top:50px; transform:translateY(-100%); visibility:hidden; transition:ease .65s;}
	.lh-nav li{display:block; float:none; margin:0; line-height:50px; text-align:center;}
	.lh-nav li a{display:block;}
	.lh-header-l>a{position:fixed; left:20px; bottom:20px; z-index:4; margin:0; transform:translateY(200%); opacity:0; visibility:hidden;}
	.lh-header-l>a:last-child{right:25%; left:initial;}
	.lh-logo{width:140px; margin:0; transform:translate(-50%,-50%);}
	.lh-header-l{right:10px; left:initial;}
	.lh-nav-btn>em{display:none;}
	.webNav .lh-nav{transform:translateY(0); visibility:visible;}
	.webNav .lh-header-l>a{transform:translateY(0); opacity:1; visibility:visible; transition-delay:.2s;}
	.lh-main{}
	.lh-banner{height:440px;}
	
	.video_box{position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;}
    
	.lh-banner li video{height:100%;position: relative;
    left: auto;
    top: auto;
    min-width: inherit;
    min-height: 100%;}
	
	.lh-men .text h2{font-size:32px;}
	.lh-men .text h3{font-size:18px;}
	.lh-btn{width:100px; height:35px; line-height:35px;}
	.lh-summer .img{background-attachment:inherit; background-size:cover; background-position:center center;}
	.lh-newProduct-l{padding-left:0;}
	.lh-men{padding:26px}
	.lh-banner-btn{padding:20px;}
	.lh-main-l .text h2{font-size:32px;}
	.lh-main-l .text h3{font-size:18px;}
	.lh-product-btn{margin:0; position:absolute; left:50%; bottom:20px; transform:translateX(-50%);}
	.lh-product-btn>span{display:none;}
	.lh-product-banner li{width:50% !important;}
	.lh-product-banner{margin-top:20px;}
	.lh-product-more{height:60px; line-height:60px;}
	.lh-conference{background-attachment:inherit;}
	.lh-conference-l{padding:0;}
	.lh-conference-r{margin-top:30px;}
	.lh-conference-r h3{font-size:18px;}
	.lh-quick>li{width:50%; border-bottom:1px solid #E5E5E5;justify-content:flex-start; padding-left:10px;}
	.lh-quick>li:nth-child(3),.lh-quick>li:nth-child(4){border:none;}
	.lh-quick>li:nth-child(3):before{display:none;}
	.lh-quick>li .title{margin-left:5px;}
	.lh-recommended-item li:first-child, .lh-recommended-item li:last-child,.lh-recommended-item li:nth-child(2), .lh-recommended-item li:nth-child(3){width:100%;}
	.lh-recommended{padding:20px 10px;}
	.lh-recommended-item li{margin-top:10px;}
	.lh-recommended-item li .text{font-size:16px; line-height:24px;}
	.lh-join h2{font-size:18px;}
	.lh-join h3{font-size:24px;}
	.lh-copy{position:static; margin:20px 0;}
	.lh-pro-nav .right li{padding:0 10px;}
	.lh-pro-nav .right li:last-child{padding:0 0 0 10px;}
	.lh-product-item.item li{width:100% !important; padding-left:10px; margin-bottom:10px;}
	.lh-pro-nav{padding:0 10px;}
	.lh-product-item.item{padding-right:10px;}
	.lh-product-item li .text{left:30%; top:18px; }
	
	.lh-product-item li .text h2{font-size:14px}
	
	.tt2{left:17% !important}
	
	.lh-main.other{padding-top:50px;}
	.lh-crumbs{height:60px; line-height:60px;}
	.lh-crumbs em{margin:0 10px;}
	.lh-proDetails-a{display:none;}
	.lh-proDetails>.container{padding:0 10px;}
	.lh-proDetails{padding:30px 0;}
	
	.lh-proDetails-l,.lh-proDetails-r{float:none;}
	.lh-proDetails-b img{width:100%;}
	.lh-proDetails-r{margin:0;}
	.lh-proDetails-r>h1{font-size:18px;font-weight:bold;}
	.lh-proDetails-cont{margin-top:20px; font-size:12px;}
	.lh-proDetails-b li{width:100% !important;}
	.lh-maps{height:300px;}
	.lh-contact-r{margin-top:20px;}
	.lh-feedback-h3{font-size:20px; font-weight:normal;}
	.lh-joinus-item li{margin-bottom:20px;}
	.lh-terminal>h2{font-size:30px;}
	.lh-terminal-banner li h2{height:50px; line-height:50px; font-size:16px;}
	.lh-terminal-hd{bottom:16px !important;}
	.lh-behalf-r{position:static;}
	.lh-behalf-hd>li{flex:1;}
	.lh-behalf-item li{padding:20px 10px;}
	.lh-behalf-top{padding:20px 10px; height:auto;}
	.lh-terminal-a{padding:0 10px; margin:30px 0 0 -10px;}
	.lh-terminal-a>div{padding-left:10px; margin-bottom:10px;}
	.lh-ban.brand{height:300px;}
	.lh-video-btn i{font-size:32px;}
	.lh-brand-story{height:auto; position:relative; overflow:hidden;}
	.lh-story-img{height:300px; background-size:cover; background-attachment:inherit; background-position:center center;}
	.lh-story-text .text>h2{font-size:32px;}
	.lh-story-text .text>h3{font-size:18px;}
	.lh-story-text{padding:20px 10px 320px;}
	.lh-brand-story>div.lh-story-l{position:absolute; left:0; bottom:0; width:100%;}
	.lh-profile-banner{height:300px;}
	.lh-story-text.two{padding:20px 10px;}
	.lh-profile-banner li h2{font-size:18px; font-weight:normal;}
	.lh-designers-text h2{font-size:32px;}
	.lh-designers-text h3{font-size:18px;}
	.lh-designers-text pre{position:static; margin-top:20px;}
	.lh-designers-text{padding:0 10px;}
	.lh-designers-banner li .img{width:100%; float:none;}
	.lh-designers-banner{margin-top:30px;}
	.lh-designers-banner li .text{height:auto; padding:20px 10px;}
	.lh-designers-banner li .text h3{margin:10px 0 20px;}
	.lh-trend-h2{font-size:24px;}
	.lh-trend-h3{font-size:18px;}
	.lh-trend{padding:10vh 10px;}
	.container1400{padding:0 10px;}
	.lh-advantage-item li{margin-bottom:10px;}
	.lh-advantage-item li .icon{height:40px; width:22px;}
	.lh-advantage-item li>div{padding:20px 10px;}
	.lh-cooper-item{width:100%;}
	.lh-cooper-item li>div{width:100%;}
	.lh-cooper-item li .img{height:100px; width:100px; margin:auto;}
	.lh-cooper-item li h2{font-size:16px; margin-top:10px;}
	.lh-cooper-item li{width:50%; margin-top:20px;}
	.lh-ban.news{height:50vh;}
	.lh-ban.news h2{font-size:18px;}
	.lh-brand-text{width:100%; padding:0 20px;}
	.lh-news li .img{float:none; width:100%;}
	.lh-news li .text{position:static; width:100%; padding:20px 10px;}
	.lh-news-text h2{font-size:18px;}
	.lh-news-text{padding:0;}
	.lh-detail-title{font-size:18px;}
	.lh-detail{padding:5vh 10px;}
}


.whei{color:#000}
.lh-btn2{display:block; width:134px; height:42px; border:2px solid #000; font-size:12px; color:#000; text-align:center; line-height:42px; position:relative; overflow:hidden; z-index:1;}

.lh-product-item img{}



.banner{position: relative;height: 100vh;overflow: hidden;}
.banner .banner-container{height: 100vh;}
.banner .item{position: relative;background-size: cover;}
.banner .item canvas{width: 100% !important;height: 100% !important;}
.banner .item .item-img{display: block;width: 100%;height: auto;}
.banner .item .item-text{position: absolute;top: 25.38%;left: 13.54%;}
.banner .item-text p{font-weight: lighter;color: #fff;}
.banner .item-text .p1{position: relative;margin-bottom: 1.09em;font-size: 68px;}
.banner .item-text .p1::after{content: "";position: absolute;bottom: -0.82em;left: 0;width: 31px;height: 4px;background: #fff;}
.banner .item-text .p2{margin-bottom: 1.5em;font-size: 27px;}
.banner .item-text .button-su{margin: 0;text-align: left;border-color: #fff;}
.banner .item-text .button-su span{color: #fff !important;}
.banner .item-text .button-su:hover{border-color: #151e49;transition: all .7s;}

.banner .b-img{position: absolute;display: block;height: auto;}
.banner .b-product1{right: 48.9%;bottom: 20.5%;width: 6.3%;}
.banner .b-product2{left: 50.16%;bottom: 20.28%;width: 8.33%;}


.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.w100{width:100%}

.lh-contact{margin:8vh 0}




.espcms_page_botton{text-align: center;border-top: 1px solid #E0E0E0;padding:15px 0px;margin-top: 6vh;}
.espcms_info_pager{border-top: 0px solid #E0E0E0;padding-top:15px;}



.btn-default {color: #333;background-color: #fff;border-color: #ccc;outline:0px}
.btn-default:focus,.btn-default.focus {color: #333;background-color: #e6e6e6;border-color: #8c8c8c;outline:0px}
.btn-default:hover {color: #333;background-color: #e6e6e6;border-color: #adadad;outline:0px}
.btn-default:active,.btn-default.active,.open > .dropdown-toggle.btn-default {color: #333;background-color: #e6e6e6;border-color: #adadad;outline:0px}
.btn-default:active:hover,.btn-default.active:hover,.open > .dropdown-toggle.btn-default:hover,.btn-default:active:focus,.btn-default.active:focus,.open > .dropdown-toggle.btn-default:focus,.btn-default:active.focus,
.btn-default.active.focus,.open > .dropdown-toggle.btn-default.focus {color: #333;background-color: #d4d4d4;border-color: #8c8c8c;}
.btn-default:active,.btn-default.active,.open > .dropdown-toggle.btn-default {background-image: none;}
.btn-default.disabled,.btn-default[disabled],fieldset[disabled] .btn-default,.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,
.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled.focus,.btn-default[disabled].focus,fieldset[disabled] .btn-default.focus,.btn-default.disabled:active,.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,.btn-default.disabled.active,.btn-default[disabled].active,fieldset[disabled] .btn-default.active {background-color: #fff;border-color: #ccc;}
.btn-default .badge {color: #fff;background-color: #333;}


.btn-primary {color: #fff;background-color: #0192ED;border-color: #0192ED;outline:0px}
.btn-primary:focus,.btn-primary.focus {color: #fff;background-color: #0874B4;border-color: #0874B4;outline:0px}
.btn-primary:hover {color: #fff;background-color: #0874B4;border-color: #0874B4;outline:0px}
.btn-primary:active,.btn-primary.active,.open > .dropdown-toggle.btn-primary {color: #fff;background-color: #085F95;border-color: #085F95;}
.btn-primary:active:hover,.btn-primary.active:hover,.open > .dropdown-toggle.btn-primary:hover,.btn-primary:active:focus,.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,.btn-primary:active.focus,
.btn-primary.active.focus,.open > .dropdown-toggle.btn-primary.focus {color: #fff;background-color: #085F95;border-color: #085F95;}
.btn-primary:active,.btn-primary.active,.open > .dropdown-toggle.btn-primary {background-image: none;}
.btn-primary.disabled,.btn-primary[disabled],fieldset[disabled] .btn-primary,.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled.focus,.btn-primary[disabled].focus,fieldset[disabled] .btn-primary.focus,.btn-primary.disabled:active,.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,.btn-primary.disabled.active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary.active {background-color: #79c0eb;border-color: #79c0eb;}
.btn-primary .badge {color: #337ab7;background-color: #fff;}

.btn {
	display: inline-block;padding: 6px 12px;margin-bottom: 0;font-size: 14px;font-weight: normal;line-height: 1.42857143;text-align: center;
	white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;
	-ms-user-select: none;user-select: none;background-image: none;border: 1px solid transparent;border-radius: 4px;;
}

.btn-group,
.btn-group-vertical {position: relative;display: inline-block;vertical-align: middle;}
