@charset "utf-8";

/*@font-face {

  font-family: "Century Gothic";

  src: url("../fonts/century gothic.woff2") format("woff2"),

       url("../fonts/century gothic.woff") format("woff"),

       url("../fonts/century gothic.ttf") format("truetype"),

       url("../fonts/century gothic.eot") format("embedded-opentype"),

       url("../fonts/century gothic.svg") format("svg");

  font-weight: normal;

  font-style: normal;

}

@font-face {

  font-family: "din-bold_";

  src: url("../fonts/din-bold_.woff2") format("woff2"),

       url("../fonts/din-bold_.woff") format("woff"),

       url("../fonts/din-bold_.ttf") format("truetype"),

       url("../fonts/din-bold_.eot") format("embedded-opentype"),

       url("../fonts/din-bold_.svg") format("svg");

  font-weight: normal;

  font-style: normal;

}*/

@font-face {

  font-family: "Montserrat-Medium";

  src: url("../fonts/montserrat-medium.woff2") format("woff2"),

       url("../fonts/montserrat-medium.woff") format("woff"),

       url("../fonts/montserrat-medium.ttf") format("truetype"),

       url("../fonts/montserrat-medium.eot") format("embedded-opentype"),

       url("../fonts/montserrat-medium.svg") format("svg");

  font-weight: normal;

  font-style: normal;

}

@font-face {

  font-family: "ttfont";

  src: url("../fonts/ttinterfaces-regular.ttf") format("truetype");

  font-weight: normal;

  font-style: normal;

}

@font-face {

  font-family: "pffont";

  src: url("../fonts/pingfang medium.ttf") format("truetype");

  font-weight: normal;

  font-style: normal;

}

.ttfont{ font-family: "ttfont";}

.motfont{ font-family: "Montserrat-Medium";}

.pffont{ font-family: "pffont";}

.century{font-family: "Century Gothic";}

.din{font-family: "din-bold_";}

:root{

	--font:	'Helvetica Neue',Helvetica,Tahoma,Arial,'Microsoft JhengHei','PingFang SC','Hiragino Sans GB','Heiti SC','WenQuanYi Micro Hei',sans-serif;

	--transition:cubic-bezier(0.215,.61,.355,1) .45s;

	--color-blue:#273977;

	--color-wathet:#f00c27;

	--color-yellow:#ffba48;

	--linear-gradient-line1:linear-gradient(0deg,#f00c27,#f00c27,#f00c27,#f00c27,#f00c27,#f00c27,#f00c27);

	--linear-gradient-blue:linear-gradient(135deg,#f00c27,#f00c27);

	--linear-gradient-blue1:linear-gradient(90deg,#f00c27,#f00c27);

	--linear-gradient-blue2:linear-gradient(90deg,#f00c27,#f00c27);

	--linear-gradient-green:linear-gradient(90deg,#0aa86a,#50e478);

	--linear-gradient-white:linear-gradient(0deg,rgba(255,255,255,.4),rgba(255,255,255,0));

	--linear-gradient-shadow:linear-gradient(0deg,rgba(0,0,0,.6),rgba(0,0,0,0));

	--linear-gradient-shadow1:linear-gradient(0deg,rgba(0,0,0,0),rgba(0,0,0,.2));

}

article,aside,dialog,footer,header,section,footer,nav,figure,menu,main{display:block; padding:0; margin:0;}

*,:before,:after{box-sizing:border-box;}

blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}

img{border:0; display:inline-block; width:auto; max-width:100%;vertical-align: middle;}

ul,dl,li,dt,dd{list-style:none;}

body,html{min-height:100%;}

body{font-size:14px; color:#000;-webkit-tap-highlight-color:rgba(255,255,255,0); overflow-x:hidden;font-family: var(--font);}

pre{font-family:inherit; 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:inherit;font-family:inherit; display:block; width:100%; border:none; border:1px solid #eee; height:38px; 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%;}

.container1400{max-width:90vw; margin:auto; position:relative; padding:0 15px; width:100%; z-index:3;}

/*浏览器滚动条*/

::-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;}

.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:2vw;}

.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:.9vw;}

.l-font18{font-size:1vw;}

.l-font20{font-size:1.1vw;}

.l-font22{font-size:1.2vw;}

.l-font24{font-size:1.25vw;}

.l-font26{font-size:26px;}

.l-font28{font-size:28px;}

.l-font30{font-size:30px;}

.l-font32{font-size:2vw;}

.l-font34{font-size:34px;}

.l-font36{font-size:36px;}

.l-font38{font-size:38px;}

.l-font40{font-size:2vw;}

.l-font42{font-size:2.2vw;}

.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-flex-column{display:flex; flex-direction:column; 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;}

.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:#F5AB00; 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:#F5AB00;}

.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-white{color:#fff;}

.l-blue{color:var(--color-blue);}

.l-yellow{color:var(--color-yellow);}

.l-black{color:#000;}

.l-gray3{color:#333;}

.l-gray6{color:#666;}

.l-gray9{color:#999;}

.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;}

.lines6{word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:6;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:38px;}

.l-select-title{position:relative; height:38px; 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;resize:vertical; 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;}

.l-font80{font-size:80px;}

.geometr.l-font80{line-height:80px;}



.overflow_1{

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 1;

    -webkit-box-orient: vertical;

  }

  .overflow_2{

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

  }



/*body{opacity:0; transition:ease-in .45s;}*/

.pace-done{opacity:1;}

.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:none;pointer-events: none;}

svg.loader{position: absolute;top:50%;left:50%;z-index: 1; margin-left: -50px;margin-top: -50px;transition: transform 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);}

svg.loader path{animation: endlessRotate 1s linear infinite;transform-origin: center;}

@keyframes endlessRotate {

  from {transform:rotateZ(0deg)}

  to {transform:rotateZ(360deg)}

}

.showLoading .pace-activity{display:block;}

.pace-done .pace-activity{display:none;}

.lh-cursor{pointer-events: none; position:fixed; left:0; top:0; display:flex; align-items:center; justify-content:center; z-index:10000; width:20px; height:20px; margin:-10px 0 0 -10px;mix-blend-mode: hard-light;}

.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; display:none;}

.lh-cursor .more .circleTrack{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}

.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;background:rgba(0,0,0,.5);}



.lh-banner{height:100vh;}

.lh-banner-hd{position:absolute; left:3.641304347826087%; bottom:72px; z-index:2; display:flex; align-items:center; justify-content:center;}

.banner-hd{width:96px; height:2px; background:rgba(255,255,255,.2); margin:0 16px; display:flex; position:relative;}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#fff;}

.lh-banner-hd .bofang{width:32px; height:32px; border-radius:50%;  margin-left:18px; display:flex; align-items:center; justify-content:center; position:relative;}

.lh-banner-hd .bofang i{font-size:12px;}

.lh-banner-hd .bofang:before{content:''; display:block; width:100%; height:100%; border-radius:50%; border:2px solid rgba(255,255,255,.2); position:absolute; left:0; top:0;}

.banner-progress{ position:absolute; left:-1px; top:-1px; width: 40px;height: 40px; z-index:3;}

.banner-progress circle{width: 30px;height: 30px;fill: none;stroke-width:2; stroke-dasharray:100;stroke-linecap: round; transform:translate(2px,2px);stroke-dashoffset:300;stroke: #fff;transition:cubic-bezier(0.215,.61,.355,1) 1s;}

li .l-imgs{height:100%; transition:var(--transition);}

.ban-txt{position: absolute;top: 50%;left: 50%;text-align: center;transform: translate(-50%,-50%);z-index: 2;color: #fff;font-size: 3.2vw;font-weight: 600;}

/* .ban-txt em{color: #f00c27;font-weight: 600;} */

header{position:fixed; left:0; right:0; top:0; z-index:10; padding:1vw 6.25vw;}

header>*{flex:1;}

.lh-logo{position:relative;  height:3.2vw;width: max-content;}

.lh-logo>*{transition:var(--transition);}

.lh-logo img{height: 100%;}

.lh-logo>*.logo2{position:absolute; left:0; top:0; opacity:0;}

.lh-nav{flex:2; justify-content:center; line-height:40px;}

.lh-nav>*{margin:0 1.383333333333333vw; position:relative;}

.lh-nav>*:after{content:''; display:block; width:50%; height:2px; background:#fff; border-radius:30px; position:absolute; left:25%; bottom:0; transform:scaleX(0); transition:var(--transition);}

.lh-nav>*:hover:after,.lh-nav>*.on:after{transform:scaleX(1);}

.header-r{display:flex; justify-content:flex-end; height:35px; align-items:center;}

.header-r .tel{display:flex; align-items:center;}

.header-r .tel i{font-size:24px; margin-right:10px;}

.nav-btn{width:36px; height:36px; border-radius:50%; background:var(--color-wathet); margin-left:35px; position:relative; z-index:2;}

.nav-btn:before,.nav-btn:after{content:''; display:block; width:10px; height:1px; background:#fff; position:absolute; left:12px; top:50%; margin-top:-5px; transition:var(--transition);}

.nav-btn>*{ width:14px; height:1px; background:#fff; position:absolute; left:12px; top:50%;transition:var(--transition); transform-origin:left center;}

.nav-btn:after{margin-top:5px;}

.nav-btn:hover>*{transform:scaleX(.4);}

.nav-toggle{position:fixed; right:0; top:0; bottom:0; width:45%; max-width:870px; min-width:600px; padding:100px 78px 65px; transform:translateX(100%); visibility:hidden; transition:var(--transition);}

.NavToggle .nav-toggle{transform:translateX(0); visibility:visible;}

.NavToggle .nav-btn:before{transform:translate(-3px,5px) rotate(45deg); width:18px;}

.NavToggle .nav-btn:after{transform:translate(-3px,-5px) rotate(-45deg); width:18px;}

.NavToggle .nav-btn>*{transform:scaleX(0);}

.nav-toggle>*{flex:1;}

.nav-toggle>.toggle-nav{flex:3;}

.toggle-nav>*{flex:1; transform:translateY(20px); opacity:0;}

.NavToggle .toggle-nav>*,.NavToggle .toggle-bottom{transform:translateY(0); opacity:1; transition:var(--transition); transition-delay:.45s;}

.NavToggle .toggle-nav>*:nth-child(2){transition-delay:.55s;}

.NavToggle .toggle-nav>*:nth-child(3){transition-delay:.65s;}

.NavToggle .toggle-nav>*:nth-child(4){transition-delay:.75s;}

.NavToggle .toggle-nav>*:nth-child(5){transition-delay:.85s;}

.NavToggle .toggle-nav>*:nth-child(6){transition-delay:.95s;}

.NavToggle .toggle-bottom{transition-delay:1.05s;}

.toggle-nav>* dd{line-height:24px; margin-top:16px;}

.toggle-nav>* dd>*{float:left; margin-right:2.4vw;}

.toggle-bottom{align-items:flex-end; transform:translateY(40px); opacity:0;}



.toggle-bottom>*{flex:1;}

.lh-share{justify-content:flex-end; display:flex;}

.lh-share>*{position:relative; margin-left:16px; padding-top:20px;}

.lh-share>*:first-child{margin-left:0;}

.lh-share>*:first-child i{background:#25ae17;}

.lh-share>* i{display:flex; align-items:center; justify-content:center; width:50px; height:50px; border-radius:50%; background:#eebf42; color:#fff; font-size:26px; overflow:hidden;}

.lh-share>* .ewm{position:absolute; left:50%; bottom:100%; width:100px; margin-left:-50px;}

.lh-share>* .ewm img{transition:var(--transition); transform:translateY(10px); opacity:0;pointer-events: none;}

.lh-share>* .ewm:before{content:''; display:block; width:1px; height:20px; border-left:1px dashed #eebf42; position:absolute; left:50%; top:100%; transition:var(--transition); transform-origin:center bottom; transform:scaleY(0);}

.lh-share>*:first-child .ewm:before{border-color:#25ae17;}

.lh-share>*:hover .ewm:before{transform:scaleY(1);}

.lh-share>*:hover .ewm img{transform:translateY(0); opacity:1;}

.tottle-bottom-l:before{content:''; display:block; width:15px; height:15px; border-radius:50%; border:2px solid #999; position:absolute; left:0; top:-69px; opacity:.3;}

.tottle-bottom-l:after{content:''; display:block; width:2px; height:26px; background:#999; opacity:.3; position:absolute; left:7px; top:-54px;}

.toggle-nav a:hover{color:var(--color-blue);}

.tottle-bottom-l .name{margin-top:10px; color:var(--color-wathet);}

.toggle-shadow{position:absolute; right:0; top:0; width:100vw; bottom:0; z-index:-1;}

.index-content{height:100vh;}

.index-content .bd>*>*{height:inherit;}

.index-about{background:var(--linear-gradient-line1); display:flex; align-items:center;}

.index-page{padding:0 6.25vw;}

.l-font46{font-size:2vw;}

.public-title{position:relative; z-index:2;}

.public-title p{width: 50vw;margin-top: 2vw;font-size: .9vw;line-height: 1.6vw;}

.public-title .list{width: 50vw;display: flex;justify-content: space-between;margin-top: 2vw;}

.public-title .list .item{color: #fff;}

.public-title .list .item svg{margin: 0 auto;display: block;width: 2.4vw;height: 2.4vw;}

.public-title .list .item h4{font-size: 1.2vw;text-align: center;margin-top: .5vw;}

.public-title .ccont{margin-top:18px;}

.lh-more{width:190px; height:48px; line-height:48px; padding:0 25px; border-radius:4px; border:1px solid #000; display:flex; align-items:center; position:relative; z-index:1;}

.l-white .lh-more{border-color:#fff; color:#fff;}

.lh-more:before{content:''; display:block; width:calc(100% - 8px); height:calc(100% - 8px); background:#fff; position:absolute; left:4px; top:4px; border-radius:50%; z-index:-1; transform:scale(0); transition:var(--transition); border-radius:4px; display:none;}

.lh-more i{position:absolute; right:25px; top:50%; transform:translateY(-50%) rotate(-45deg); font-size:20px;transition:var(--transition);}

.public-title .lh-more{margin-top:90px;}

.lh-more:hover{border-radius:50%;}

.lh-more:hover:before{transform:scale(1);}

.lh-more:hover i{transform:translate(10px,-50%) rotate(-25deg);}

.index-about .img{width:100%; height:100%; right:0; top:0; position:absolute; transition:var(--transition); transition-duration:1s; transform:scale(.65,.55); transform-origin:84% center;}

.img .l-imgs{height:inherit;}

.swiper-slide-active .index-about .img{transition-delay:.5s; transform:scale(1);}

.index-about .public-title .name{color:transparent;-webkit-text-stroke:1px #fff; transition:var(--transition);}

.swiper-slide-active .index-about .public-title .name{color:#fff;transition-delay:1s;}

.index-pro{background-color:#fff; display:flex; align-items:center;}

.index-pro>*{width:100%;}

.index-pro .lh-more{position:absolute; right:0; top:50%; transform:translateY(-50%); margin:0;}

.pro-quick{margin-top:50px;}

.pro-quick>*{flex:1;}

.pro-quick>*:last-child{flex:2.4; padding-left:10px;}

li.w100{width:100%;}

li.w50{width:50%;}

li.w25{width:25%;}

.pro-quick-item{margin-left:-10px;}

.pro-quick-item li{padding-left:10px; margin-top:10px;}

.pro-quick-item li>*{display:block; border-radius:4px; overflow:hidden; position:relative; height:15.625vw;}

.pro-quick-item li>* .text{position:absolute; left:0; top:0; right:0; bottom:0; display:flex; align-items:center; justify-content:center; text-align:center; color:#fff; z-index:2;}

.pro-quick-item li>* .text .iconfont{width:60px; height:60px; display:flex; align-items:center; justify-content:center; margin:0 auto 10px; border:1px solid #fff; border-radius:50%; font-size:30px; position:relative;transition:var(--transition);}

.pro-quick-item li>* .text .iconfont:before{position:relative; z-index:2;}

.pro-quick-item li>* .text .iconfont:after{content:''; display:block; width:inherit; height:inherit; background:var(--linear-gradient-blue); position:absolute; left:-1px; top:-1px; border-radius:50%; opacity:0; transition:var(--transition);}

.pro-quick-item:first-child li>*{height:calc(31.25vw + 10px);}

.pro-quick-item li.w50:first-child{width:41.7%;}

.pro-quick-item li.w50:nth-child(2){width:58.3%;}

.pro-quick-item li>*:hover .l-imgs{transform:scale(1.1);}

.pro-quick-item li>*:hover .text .iconfont:after{opacity:1;}

.pro-quick-item li>*:hover .text .iconfont{border-color:transparent;}

.index-page.l-flex{align-items:center;}

.index-news{margin-top:100px;}

.index-news-item li{float:left; width:30%; padding-right:3.64vw;}

.index-news-item li .img{height:14.0625vw; border-radius:8px;}

.index-news-item li .text{margin-top:35px;}

.index-news-item li .name{margin-top:20px;}

.index-news-item li .time{transition:var(--transition);}

.index-news-item li>a:hover .time{color:var(--color-blue);}

.index-news-item li>a:hover .l-imgs{transform:scale(1.1);}

.index-serves{background-color:#fff;}

.index-serves>*{width:100%;}

.serves-item{margin-left:-36px;}

.serves-item>*{padding-left:36px; margin-top:36px;}

.serves-item>*>*{display:block; border-radius:8px; height:18.958333333333332vw; position:relative; overflow:hidden;}

.serves-item>* .text{position:absolute; left:0; bottom:0; right:0; padding:35px 45px; z-index:2;}

.serves-item>* .text .ccont{margin-top:18px;}

.serves-partner{margin-top:30px; width:calc(100% + 5vw); margin-left:-2.5vw;}

.serves-partner .bd li{width:14.285714285714286%; float:left;}

.serves-partner .bd li>*{display:flex; align-items:center; justify-content:center; padding:1vw;}

.index-serves>*{padding-top:50px;}

.serves-partner>.swiper-wrapper{transition-timing-function: linear !important;}

.l-opacity4{opacity:.4;}

.l-opacity2{opacity:.2;}

footer{background-color:#26292e;height:auto !important;}

.footer-top{padding:80px 0 50px;}

.footer-top>*{flex:1;}

.footer-top>*.footer-r{flex:4; justify-content:flex-end;}

.footer-l dl>.title{display:flex; align-items:center; margin-bottom:20px;}

.footer-l dl>.title i{margin-right:4px;}

.footer-l dl{margin-top:50px;}

.footer-l dl:first-child{margin-top:0;}

.footer-share{margin-top:80px;}

.footer-share .lh-share{justify-content:flex-start;}

.footer-share .lh-share>* i{width:44px; height:44px; background:#515458 !important;}

.footer-share .lh-share>* .ewm:before{border-color:#515458 !important;}

.footer-nav>*{margin-left:5.2vw;}

.footer-nav>*:first-child{margin-left:0;}

.footer-nav>* dt{margin-bottom:10px;}

.footer-nav>* dt a:hover{text-decoration:underline;}

.footer-nav>* dd a:hover{opacity:1;text-decoration:underline;}

.footer-r .tip{text-align:right; margin-top:70px;}

.footer-bottom{padding:50px 0; border-top:1px solid #3C3F43;}

.footer-bottom>*{flex:1;}

.footer-bottom>*.footer-copy{flex:4; justify-content:flex-end; text-align:right;}

.footer-logo{width:158px; display:block;}

.footer-copy p{margin-top:14px;}

.footer-copy p:first-child{margin-top:0;}

.footer-copy p span{margin-left:15px;}

.footer-copy p span:first-child{margin-left:0;}

.swiper-footer{height:auto !important;}

footer.Active{transform: translateY(0) !important;}

.black .lh-logo>.logo2{opacity:1;}

.black .lh-logo>.logo1{opacity:0;}

.black .lh-nav{color:#000;} 

.black .header-r{color:#000;}

.pro-quick-item li{transform:scale(.5); opacity:0; transition:var(--transition); transition-duration:1.2s;}



.swiper-slide-active .pro-quick-item li{transform:scale(1); opacity:1; transition-delay:.1s;}

.swiper-slide-active .pro-quick-item li:nth-child(2){transition-delay:.2s;}

.swiper-slide-active .pro-quick-item li:nth-child(3){transition-delay:.3s;}

.swiper-slide-active .pro-quick-item li:nth-child(4){transition-delay:.4s;}

.swiper-slide-active .pro-quick-item li:nth-child(5){transition-delay:.5s;}

.lh-ban{height:55vh;}

.lh-ban .l-imgs{height:inherit; display:flex; align-items:center; justify-content:center;}

.l-font54{font-size:2.4vw;}

.ban-scroll{color:#fff; position:absolute; left:50%; bottom:40px; width:20px; height:30px; border:2px solid #fff; border-radius:30px; margin-left:-10px;}

.ban-scroll:before{content:''; display:block; width:2px; height:8px; position:absolute; left:50%; top:4px; margin-left:-1px; background:#fff; animation:banscroll linear 1s infinite;}

@keyframes banscroll{

	0%,100%{transform:translateY(0);}

	50%{transform:translateY(5px);}	

}

.lh-crumbs{height:66px; background:#f5f5f5;}

.lh-crumbs>*{height:inherit; align-items:center;}

/* .lh-crumbs>*>*{flex:1;}

.crumbs-nav{flex:3;margin-left: auto;} */

.crumbs-nav{margin-left: auto;}

.crumbs-nav>*{margin-right:60px;}

.crumbs-nav>*:last-child{margin-left:0;}

.crumbs-nav>* a{position:relative;}

.crumbs-nav>* a:after{content:''; display:block; width:24px; height:3px; background:var(--color-wathet); position:absolute; left:50%; bottom:-22px; margin-left:-12px; transition:var(--transition); transform:scaleX(0);}

.crumbs-nav>* a:hover:after,.crumbs-nav>*.on a:after{transform:scaleX(1);}

.crumbs-r{align-items:center;}

.crumbs-r em i{margin-right:4px;}

.crumbs-r>i{margin:0 4px; font-size:12px;}

.crumbs-r a:hover{color:var(--color-blue);}

.encyclopedia-family{background-color:#63B4ED; padding:130px 0;}

.family-banner{position:absolute; right:0; top:0; bottom:0; width:50%;}

.family-banner:before{content:''; display:block; width:100%; height:100%; position:absolute; right:0; top:0; background:rgba(0,0,0,.3); z-index:2;}

.family-banner .l-imgs{transition:ease 1s;}

.public-title .ccont.l-font20{margin-top:16px;}

.family-nav{margin-top:400px;}

.family-nav>*{margin-top:4px;}

.family-nav>*>*{display:flex; align-items:center;}

.family-nav>* i{display:flex; align-items:center; justify-content:center; width:42px; height:42px; border-radius:50%; background:var(--linear-gradient-blue1); margin-left:78px; transform:translateX(-20px); opacity:0; transition:var(--transition);}

.family-nav>* span{display:block; transition:var(--transition); transform-origin:left center;}

.family-nav>*:hover span,.family-nav>*.on span{transform:scale(1.3);}

.family-nav>*:hover i,.family-nav>*.on i{transform:translateX(0); opacity:1;}

.family-nav>*.on span{font-weight:bold;}

.family-r{margin:160px 0 0 260px;}

.family-cont{width:352px; height:352px; border-radius:50%; border:2px solid var(--color-yellow);}

.family-text{height:inherit; position:relative; z-index:5;pointer-events: none;}

.family-text .bd>*{display:flex; align-items:center; justify-content:center;}

.l-lh50{line-height:50px;}

.family-text .bd .name{margin-top:10px;}

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top,.swiper-cube-shadow{display:none !important;}

.family-second:before{content:''; display:block; width:460px; height:460px; border-radius:50%; border:1px solid rgba(255,255,255,.2); position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:-1;}

.img-hover{z-index:5;}

.family-second{width:608px; height:608px; border-radius:50%; border:1px solid rgba(255,255,255,.2); position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}

.family-second>*{width:56px; height:56px; border-radius:50%; position:absolute; left:50%; top:0; margin-left:-28px; margin-top:-28px; transform-origin:28px 332px;transform: rotate(-45deg);}

.family-second>* .l-imgs{border-radius:50%;}

.family-second>*>* .l-imgs{transform:rotate(45deg); display:block; width:100%; height:100%;}

.family-second>*:nth-child(2){transform: rotate(65deg);}

.family-second>*:nth-child(2)>* .l-imgs{transform:rotate(-65deg);}

.family-second>*:nth-child(3){transform: rotate(135deg);}

.family-second>*:nth-child(3)>* .l-imgs{transform:rotate(-135deg);}

.family-second>*:nth-child(4){transform: rotate(225deg);}

.family-second>*:nth-child(4)>* .l-imgs{transform:rotate(-225deg);}

.family-second>*:nth-child(5){transform:rotate(-90deg);}

.family-second>*:nth-child(5)>* .l-imgs{transform:rotate(90deg);}

.family-second>*>*{display:block; width:100%; height:100%;}

.family-second>*.on>*{transform:translateY(132px) scale(2);}

.family-second>*.on>* .l-imgs{z-index:-1; position:relative;}

.l-pd130{padding-top:130px; padding-bottom:130px;}

.project-item{margin-top:70px; margin-left:-30px;}

.project-item li{padding-left:30px; margin-top:30px;}

.project-item li>*{display:block; border-radius:10px; background:var(--linear-gradient-white); padding:40px; height:100%; box-shadow:0 4px 10px rgba(0,0,0,.02);}

.project-item li .top>*{flex:1;}

.project-item li .top>*.icon{justify-content:flex-end; display:flex; align-items:center;}

.project-item li .top>*.icon i{display:flex; align-items:center; justify-content:center; width:46px; height:46px; border-radius:50%; background:linear-gradient(90deg,#3E99DA,#7EC7FC); font-size:24px;}

.project-item li:nth-child(2) .top>*.icon i{background:linear-gradient(90deg,#12C07A,#53E779);}

.project-item li .bottom{margin-top:80px;}

.project-item li .bottom .ccont{margin-top:14px;}

.public-line{width:15px; height:15px; margin:20px auto 36px; position:relative; border:2px solid rgba(255,255,255,.5); border-radius:50%;}

.public-line:before{content:''; display:block; width:2px; height:36px; position:absolute; left:50%; top:calc(100% + 2px); margin-left:-1px; background:rgba(255,255,255,.5); /*animation:line linear 2s infinite; transform:scaleY(0);*/ transform-origin:center top;}

@keyframes line{

	0%,100%{transform:scaleY(0);}

	50%{transform:scaleY(1);}	

}

.case-r{flex:3; justify-content:flex-end;}

.case-item>*{padding-left:10px;}

.case-item{margin:50px 0 0 -10px;}

.case-item>*>*{display:block; padding:60px 0 0; background:var(--linear-gradient-white); border-radius:8px; text-align:center; width:294px;}

.l-font140{font-size:140px; line-height:140px;}

.case-item .name{white-space:nowrap; font-weight:bold; background:linear-gradient(0deg,rgba(0,0,0,0),rgba(0,0,0,.8)); color:transparent;-webkit-background-clip: text; margin-top:30px; position:relative; top:10px;}

.case-r .nname{margin-top:5px;}

.case-r{padding-top:110px;}

.case-r .name{position:relative;}

.case-r .name:before,.case-r .name:after{content:''; display:block; width:12px; height:12px; border-radius:50%; background:#fff; position:absolute; left:0; top:-38px;}

.case-r .name:before{left:10px; opacity:.5;}



.fadeInUp1{animation:fadeInUp1 cubic-bezier(0.215,.61,.355,1) 1s forwards;transform:translateY(40px); opacity:0;}

.up50{transform:translateY(50%);}

@keyframes fadeInUp1{

	to{transform:translateY(0); opacity:1;}	

}

.case-layer{position:fixed; right:0; top:0; left:120px; bottom:0; background:#fff; z-index:1000; display:flex; align-items:center; justify-content:center; padding:100px 11.9vw 100px 6.25vw; transform:translateX(100%); visibility:hidden; transition:var(--transition);}

.caseLayer .case-layer{transform:translateX(0); visibility:visible;}

.caseLayer .case-layer:before{opacity:1;}

.case-layer:before{content:''; display:block; width:100%; height:100%; right:100%; top:0; background:rgba(0,0,0,.5); position:absolute; opacity:0; transition:var(--transition);pointer-events: none;}

.layer-close{display:flex; align-items:center; justify-content:center; width:30px; height:30px; border-radius:50%; border:2px solid #000; font-weight:bold; position:absolute; right:11.9vw; top:75px; transition:var(--transition);}

.layer-close:hover{transform:rotate(90deg);}

.case-banner{width:100%;}

.case-banner .bd .l-imgs{height:26.979166666666664vw; border-radius:10px; width:47.708333333333336vw; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}

.case-banner .bd li{height:26.979166666666664vw; border-radius:10px; transform: scale(.8); transition:var(--transition); padding:0 2vw; overflow:hidden; opacity:.5;}

.case-banner .bd li.swiper-slide-active{z-index:3;transform:scale(1); overflow:inherit; opacity:1;}

.case-banner .bd li.swiper-slide-prev,.case-banner .bd li.swiper-slide-next{z-index:2;}

.case-btn>*{display:flex; align-items:center; justify-content:center; width:60px; height:60px; border-radius:50%; background:#fff; position:absolute; top:50%; transform:translateY(-50%); z-index:4; font-size:18px; font-weight:bold;}

.case-btn>*.prevs{left:5.2vw;}

.case-btn>*.nexts{right:5.2vw;}

.case-btn>*:hover{color:#fff; background:var(--color-wathet);}

.encyclopedia-project .lh-more{position:absolute; right:0; top:50%; transform:translateY(-50%); margin:0;}

.guide-item{margin:40px 0 0 -30px;}

.guide-item>*{padding-left:30px; margin-top:30px;}

.guide-item>*>*{display:block; border-radius:10px; overflow:hidden; position:relative; height:430px;}

.guide-item>*>*:before{content:''; display:block; width:100%; height:40%; background:var(--linear-gradient-shadow); position:absolute; left:0; bottom:0; z-index:1;}

.guide-item .name{position:absolute; left:0; bottom:0; padding:24px; z-index:2; font-weight:bold; z-index:2;}

.guide-item>*>*:hover .l-imgs{transform:scale(1.1);}

.guide-item .text{position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(111,189,243,.9); padding:40px 26px; z-index:4; opacity:0; transition:var(--transition);}

.guide-item>*>*:hover .text{opacity:1;}

.guide-item .name{transition:var(--transition);}

.guide-item>*>*:hover .name{opacity:0;}

.guide-item .text .ccont{margin-top:50px;}

.guide-item .text .more{display:flex; align-items:center; justify-content:center; width:60px; height:60px; border-radius:50%; border:1px solid #fff; font-size:18px; position:absolute; left:26px; bottom:40px;}

.guide-item .text .more:before{display:block; transform:rotate(-45deg);}

.knowledge-banner{margin-top:56px; width:calc(100% + 30px); margin-left:-15px;}

.knowledge-banner .bd>li{padding:0 15px; width:33.3%;}

.knowledge-banner .bd>li>*{display:block; padding:30px 20px 60px; border-radius:10px;}

.knowledge-banner .bd>li>*:hover{color:var(--color-wathet);}

.knowledge-banner .bd .iconfont{display:flex; align-items:center; justify-content:center; width:46px; height:46px; border-radius:50%; background:var(--linear-gradient-blue2); color:#fff; font-size:20px;}

.knowledge-banner .bd .text{margin-top:60px;}

.knowledge-banner .bd .ccont{margin-top:10px;}

.knowledge-banner .bd>li:nth-child(2n) .iconfont{background:var(--linear-gradient-green);}

.knowledge-btn{position:absolute; left:31%; bottom:20px; z-index:2;}

.knowledge-btn>*{margin:0 5px; font-size:22px; font-weight:bold;}

.knowledge-btn>*:hover{color:var(--color-wathet);}

.public-line.blue{border-color:#273977;}

.public-line.blue:before{background:#273977;}

.pro-index{height:100vh; padding:110px 0 110px 12.5vw; transition:var(--transition);}

.pro-index:before{content:''; display:block; width:100%; position:absolute; left:0; top:0; height:140px; background:var(--linear-gradient-shadow1);}

.pro-index .public-title .ccont{margin-top:0; margin-bottom:10px;}

.pro-index .public-title .lh-more{margin-top:50px;}

.pro-index-nav{border-left:1px solid rgba(255,255,255,.5); padding-left:20px; position:absolute; left:12.5vw; bottom:110px; z-index:4;}

.pro-index-nav>*{margin-top:20px;}

.pro-index-nav>*:first-child{margin-top:0;}

.pro-index-nav>* a{opacity:.5;}

.pro-index-nav>* a:hover,.pro-index-nav>*.on a{opacity:1;}

.pro-left{padding-left:12.5vw; display:flex; align-items:center;}

.pro-index-banner{float:right; height:100%; width:71vw;}

.pro-index-banner .bd a.view{display:block; height:100%; transform-origin:right center; float:right; width:100%; overflow:hidden;}

.pro-index-banner .bd .l-imgs{transition:ease 1s;}

.pro-index-banner .public-title{position:absolute; left:0; top:9.375vw;}

.pro-index-text{position:absolute; left:12.5vw; top:15.625vw; z-index:3; width:auto; height:240px;}

.pro-index-text .bd li{padding:20px 0;}

.list-loading{display:flex; align-items:center; justify-content:center;}

.list-loading i{font-size:24px; margin-right:10px; animation:loading linear 1s infinite;}

@keyframes loading{

	to{transform:rotate(360deg);}	

}

.main-other{padding-top:100px;}

header,header .lh-nav,header .header-r{transition:var(--transition);}

header.white,header.Fixed{background:#fff; box-shadow:0 0 10px rgba(0,0,0,.05);}

header.white .lh-logo>*.logo2,header.Fixed .lh-logo>*.logo2{opacity:1;}

header.white .lh-logo>*.logo1,header.Fixed .lh-logo>*.logo1{opacity:0;}

header.white .lh-nav,header.white .header-r,header.Fixed .lh-nav,header.Fixed .header-r{color:#000;}

.lh-crumbs.gray{background:#f4f4fb;}

.pro-cont{padding:80px 0; background:linear-gradient(0deg,#c8e6fb,#ffff);}

.pro-item{margin:0 0 0 -38px;}

.pro-item>li{padding-left:38px; margin-bottom:40px;}

.pro-item>li a{display:block;}

.pro-item>li .img{height:16.1875vw; border-radius:10px; overflow:hidden;}

.pro-item>li .text{padding:28px 0; position:relative;}

.pro-item>li .text .name{margin-top:10px;}

.pro-item>li .text:after{content:''; display:block; width:76px; height:4px; background:var(--color-wathet); position:absolute; left:0; bottom:0; transition:var(--transition);}

.pro-item>li a:hover .l-imgs{transform:scale(1.1);}

.pro-item>li a:hover .text:after{width:100%;}

.pro-item>li a:hover{color:var(--color-wathet);}

.detail-top>.container1400>*{flex:1; width:50%;}

.detail-banner{width:100%; height:480px;}

.detail-banner .l-imgs{border-radius:10px;}

.detail-top{padding:78px 0 60px; background-color:#EFEFEF;}

.detail-banner-btn{position:absolute; left:26px; right:26px; bottom:20px; z-index:2; display:flex; align-items:center;}

.detail-banner-btn>*{flex:1;}

.detail-banner .bd .l-imgs{transition:ease 1s;}

.detail-num{display:flex; align-items:center;}

.detail-num i{display:block; width:1px; height:40px; background:#fff; transform:rotate(35deg); opacity:.8; margin:0 10px;}

.detail-num .totol{position:relative; top:-10px; left:5px;}

.detail-num .current{position:relative; top:10px; left:-3px;}

.detail-banner-r{display:flex; justify-content:flex-end;}

.detail-banner-r>*{font-size:24px; margin-left:20px; opacity:.6;}

.detail-banner-r>*:first-child{margin-left:0;}

.detail-r{padding-left:80px;}

.detail-bg-banner{height:calc(100% - 160px); position:absolute; left:0; top:0; width:100%;}

.detail-bg-banner .l-imgs{filter:blur(80px) sepia(10%) saturate(50%);}

.detail-r>*{flex:1;}

.detail-r>*.top{flex:2; padding-top:40px;}

.detail-r>*.top table{width: 100%;margin-top: 2vw;border-color: #fff;}

.detail-r>*.top table td{text-align: center;line-height: 36px;}

.detail-btn{padding-top:60px; margin-top:40px; margin-left:-18px; position:relative;}

.detail-btn:before{content:''; display:block; width:calc(100% - 18px); height:1px; background:rgba(255,255,255,.5); position:absolute; right:0; top:0;}

.detail-btn>*{padding-left:18px;}

.detail-btn>*:first-child>*{background:var(--color-wathet); border-color:var(--color-wathet);}

.detail-btn i{font-size:24px; margin-right:16px;}

.detail-btn>*>*{ display:flex; height:60px; align-items:center; justify-content:center; border:1px solid #fff; border-radius:4px;}

.detail-r>*.bottom{display:flex; align-items:flex-end; position:relative;}

.detail-r>*.bottom>*{flex:1; height:80px; align-items:center; display:flex;}

.detail-r>*.bottom>span{justify-content:flex-end; display:flex; align-items:center; justify-content:flex-end; position:relative;}

.detail-r>*.bottom i{display:flex; align-items:center; justify-content:center; width:80px; height:80px; border-radius:50%; border:1px solid rgba(0,0,0,.5); color:#999; font-size:24px;}

.detail-cont{padding:50px 0 120px;}

.detail-mob>.item{border-bottom:1px solid #EEE;display: flex;justify-content: space-between;align-items: center;}

.detail-mob>.item>.title{padding:26px 0; position:relative; display:flex; align-items:center; cursor:pointer;}

.detail-mob>.item>.title:after{content:''; display:block; width:0; height:0; border:6px solid transparent; border-top:6px solid #000; position:relative; left:16px; top:3px;transform: rotate(-90deg);}

.detail-star>*{display:flex; align-items:center; padding-right:40px;}

.detail-mob>.item.ys pre{text-align: right;}

.detail-mob>.item.xq{flex-wrap: wrap;}

.detail-mob>.item.xq>.title{width: 100%;}

.detail-mob>.item.xq>.title:after{transform: rotate(0);}

.detail-mob>.item.xq .cont{display: flex;justify-content: space-between;flex-wrap: wrap;}

.detail-mob>.item.xq .cont .img-box{width: 33.33%;}

.detail-mob>.item.xq .cont .img-box img{width: 100%;}

.detail-star>*:first-child{padding-right:0;}

.lh-star{color:#C9D1D6; margin-left:8px;}

.lh-star>*{margin-left:4px; font-size:18px;}

.lh-star>.on{color:var(--color-yellow);}

/*.lh-star.star2>:nth-child(1),.lh-star.star2>:nth-child(2){color:var(--color-yellow);}*/

/*.lh-star.star3>:nth-child(1),.lh-star.star3>:nth-child(2),.lh-star.star3>:nth-child(3){color:var(--color-yellow);}*/

/*.lh-star.star4>:nth-child(1),.lh-star.star4>:nth-child(2),.lh-star.star4>:nth-child(3),.lh-star.star4>:nth-child(4){color:var(--color-yellow);}*/

/*.lh-star.star5>:nth-child(1),.lh-star.star5>:nth-child(2),.lh-star.star5>:nth-child(3),.lh-star.star5>:nth-child(4),.lh-star.star5>:nth-child(5){color:var(--color-yellow);}*/

.serves-standard{padding:120px 0 110px; border-top:1px solid #EEE;}

.serves-standard>.l-flex>*{flex:1;}

.serves-standard>.l-imgs{height:calc(100% - 190px); position:absolute; left:0; right:0; bottom:0;}

.serves-standard>.l-imgs .dy{position:absolute; left:0; bottom:0; right:0; top:0; background-position:center bottom; background-repeat:no-repeat; opacity:0.3; background-size:cover;}

.standard-r{display:flex; justify-content:flex-end;}

.standard-item{width:366px; height:575px; padding:50px;}

.standard-item>*{margin-top:30px; display:flex; align-items:center;}

.standard-item>*:first-child{margin-top:0;}

.standard-item>* i{font-size:24px;}

.standard-item>* .text{padding-left:24px;}

.standard-item>* .text .nname{margin-top:8px;}

.serves-standard .public-line{margin:50px 0 130px 40px; border-color:#fff;}

.serves-standard .public-line:before{height:130px; background:#fff;}

.serves-standard .ccont{padding-top:140px;}

.serves-standard>*>.text>.nname{margin-top:14px; color:#999;}

.serves-sunshine>.l-flex>*{flex:1;}

.serves-sunshine>.l-flex>.text{flex:2;}

.serves-sunshine>.l-flex>.text .bd,.serves-sunshine>.l-flex>.text .nname{color:var(--color-wathet);}

.serves-sunshine>.l-flex>.text .bd{line-height:40px; margin-top:130px;}

.serves-sunshine>.l-flex>.text .ccont{margin-top:90px;}

.sunshine-r{display:flex; align-items:center; justify-content:flex-end;}

.sunshine-r>*{ width:82px; height:82px; border-radius:50%; color:#fff; position:relative; z-index:1;}

.sunshine-r>*:before{content:''; display:block; width:100%; height:100%; border-radius:50%; background:rgba(255,255,255,.3); position:absolute; left:0; top:0; z-index:-1; animation:circle linear 1s infinite;}

@keyframes circle{

	to{transform:scale(1.5); opacity:0;}	

}

.sunshine-r>* i{font-size:20px;display:flex; align-items:center; justify-content:center; width:100%; height:100%; border-radius:50%; background:var(--linear-gradient-blue2);}

.standard-banner{margin-top:70px;}

.standard-banner .bd li{margin-right:30px;}

.standard-cont{background:#fff; border-radius:10px; height:264px;}

.standard-cont>*{flex:1;}

.standard-cont>*.left{display:flex; align-items:center; justify-content:center; flex:.1; padding:0 30px;}

.standard-cont>*.left i{display:flex; align-items:center; justify-content:center; width:52px; height:52px; border-radius:50%; color:#fff; background:var(--linear-gradient-blue2); font-size:24px;}

.standard-cont>*.right{border-left:1px solid #EEE; padding:0 40px; display:flex; align-items:center;}

.standard-cont>* .text .name{font-weight:bold;}

.standard-cont>* .text .ccont{margin-top:30px;}

.standard-btn{margin-top:40px;}

.standard-btn>*{font-size:24px; opacity:.5; font-weight:bold; margin-left:20px;}

.standard-btn>*:hover{opacity:1;}

.standard-btn>*:first-child{margin-left:0;}

.standard-banner .bd li:nth-child(2n) .standard-cont>*.left i{background:var(--linear-gradient-green);}

.serves-sotres .num{margin-top:100px;}

.serves-sotres .num em{background: linear-gradient(to bottom, #F4AFA6, #EB982F); -webkit-background-clip: text;color: transparent;}

.serves-sotres .num span{position:relative; top:-38px; color:#EB982F;}

.serves-sotres .ccont{color:#C9D1D3;}

.serves-sotres .more{display:flex; align-items:center; margin-top:80px;}

.serves-sotres .more i{display:flex; align-items:center; justify-content:center; width:60px; height:60px; border-radius:50%; background:var(--linear-gradient-blue2); color:#fff; font-size:20px; margin-right:16px;}

.serves-sotres .more i:before{display:block; transform:rotate(-45deg);}

.l-pd60{padding:60px 0;}

.serves-contact>*{align-items:center; justify-content:center; text-align:center;}

.contact-item li{margin:0 10px; border-radius:10px; display:flex; padding-top:110px; justify-content:center; width:360px; height:370px; background:var(--linear-gradient-white);}

.contact-item li i{display:flex; align-items:center; justify-content:center; width:56px; height:56px; border-radius:50%; background:linear-gradient(to bottom,rgba(255,255,255,0),#4EA3DE); color:#fff; margin:auto; font-size:24px;}

.contact-item li .name{margin-top:10px; font-weight:bold; margin-bottom:25px;}

.contact-item li:last-child i{background:linear-gradient(to bottom,rgba(255,255,255,0),#41e39d);}

.l-wathet{color:var(--color-wathet);}

.stores-cont{padding-top:90px;}

.filter-item{margin:40px 0 0 -10px;}

.filter-item>*{flex:1; padding-left:10px;}

.filter-item>*>*{position:relative;}

.filter-item>* select{height:70px; border-radius:60px; position:relative; z-index:2; border-color:#DDD; padding:0 30px;}

.filter-item>* i{color:#999; position:absolute; right:30px; top:50%; transform:translateY(-50%);}

.filter-item>* a{display:flex; align-items:center; justify-content:center; height:70px; background:var(--linear-gradient-blue2); color:#fff; border-radius:60px; width:228px;}

.filter-item>*:last-child{flex:.5;}

.lh-map{height:calc(100vh - 100px); padding:80px 0; margin-top:100px;}

.map-cont{position:absolute; left:0; top:0; right:0; bottom:0;}

.lh-map>.l-flex{justify-content:flex-end; height:100%;}

.map-r{background:#fff; width:458px; background:#fff; border-radius:10px; padding:0 12px 0 25px; height:100%;}

.map-r>*{flex:1;}

.map-r>*.title{padding:40px 0 20px;}

.map-r>*.map-scroll{flex:100; padding-right:20px;}

.map-item li>*{padding:30px 0; border-bottom:1px solid #eee; display:block; position:relative;}

.map-item li>* .ccont{color:#666; margin-top:10px;}

.map-item li>* i{position:absolute; right:0; top:50%; transform:translateY(-50%); width:40px; height:40px; border-radius:50%; background:#F1EFEF; color:#999; display:flex; align-items:center; justify-content:center; font-size:18px; transition:var(--transition);}

.scrolls{overflow-y:auto;}

.guide-item.list{margin-top:0;}

.guide-item.list li{margin:0 0 30px;}

.map-item>*.on i,.map-item>*>*:hover i{background:var(--color-wathet); border-color:var(--color-wathet); color:#fff;}

.map-item>*>*:hover{color:var(--color-wathet);}

.news-cont{padding:30px 0 100px; background-color:#f4f4fb; border-top:1px solid #eee;}

.news-filter{align-items:center;}

.news-filter>*{flex:1; display:flex;}

.news-filter-l>*{background:#fff; height:50px; border-radius:4px; margin-left:10px;}

.news-filter-l>*:first-child{margin-left:0;}

.filter-select{width:150px;}

.filter-select select{position:relative; z-index:2; border:none; padding:0 20px; height:50px; line-height:50px;}

.filter-select:before{content:''; display:block; width:0; height:0; border:6px solid transparent; border-top:6px solid #999; position:absolute; right:20px; top:50%; margin-top:-6px;}

.filter-serach{width:240px;}

.filter-serach input{padding:0 70px 0 20px; height:50px; line-height:50px; border:none;}

.filter-serach a{position:absolute; right:0; top:0; height:50px; width:50px; display:flex; align-items:center; justify-content:center; z-index:2; font-weight:bold;}

.news-filter-totol{justify-content:flex-end;}

.news-item{margin:70px 0;}

.news-item>*{margin-bottom:30px;}

.news-item>*>*{display:block; background:#fff; overflow:hidden; border-radius:10px; padding:30px; position:relative; display:flex; align-items:center;}

.news-item .img{width:350px; height:235px; border-radius:10px; overflow:hidden;}

.news-item .text{width:60%; padding-left:78px;}

.news-item .text .ccont{margin-top:24px;}

.news-item .text .time{margin-top:45px;}

.news-item .iconfont{position:absolute; right:30px; top:50%; transform:translateY(-50%); display:flex; align-items:center; justify-content:center; width:60px; height:60px; border-radius:50%; border:1px solid #999; color:#999; font-size:20px; transition:var(--transition);}

.news-item .iconfont:before{display:block; transform:rotate(-45deg);}

.news-item>*>*:hover .iconfont{background:var(--color-wathet); border-color:var(--color-wathet); color:#fff;}

.news-item .name{transition:var(--transition);}

.news-item>*>*:hover .name{color:var(--color-wathet);}

.news-item>*>*:hover .l-imgs{transform:scale(1.1);}

.newsDetail-l{padding-right:10px; width:calc(100% - 365px);}

.newsDetail-l>*{border-radius:10px; margin-top:10px; padding:30px;}

.newsDetail-l>*:first-child{margin-top:0;}

.newsDetail-r{width:365px;}

.newsDetail-top{align-items:center;}

.newsDetail-top>.left i{margin-right:10px; font-weight:bold;}

.newsDetail-top>.left a:hover{color:var(--color-wathet);}

.newsDetail-top>.right{flex:1; justify-content:flex-end; align-items:center;}

.detail-share>*{margin-left:10px;}

.detail-share a{display:flex; align-items:center; justify-content:center; width:30px; height:30px; border-radius:50%; background:var(--color-wathet); color:#fff;}

.newsDetail-cont{margin-top:30px; padding:30px 0 0; position:relative;}

.newsDetail-cont:before{content:''; display:block; width:calc(100% + 60px); height:1px; background:#eee; position:absolute; left:-30px; top:0;}

.newsDetail-cont>.nname{align-items:center; margin-top:20px;}

.newsDetail-cont>.nname span{margin-left:30px;}

.newsDetail-cont>.nname span:first-child{margin-left:0;}

.newsDetail-cont>.cont{margin-top:30px;}

.detail-ewm{justify-content:flex-end; align-items:center;}

.detail-ewm .img{width:85px; margin-left:50px;}

.detail-bottom{align-items:center;}

.detail-bottom>*{flex:1; width:50%;}

.detail-bottom>*.detail-page{flex:1; padding-right:50px;}

.detail-page a:hover{color:var(--color-wathet);}

.detail-page a{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:inline-block; max-width:100%;}

.newsDetail-r>*{padding:30px; border-radius:10px; margin-top:10px;}

.newsDetail-r>*:first-child{margin-top:0;}

.news-other-item>*{margin-top:30px;}

.news-other-item>* .name{margin-top:30px;}

.news-other-item>* .img{height:170px; border-radius:10px; margin-top:10px;}

.news-other-item>*:hover{color:var(--color-wathet);}

.news-other-item>*:hover .l-imgs{transform:scale(1.1);}

.brand-story{background-position:right center;}

.brand-story>*{justify-content:flex-end;}

.brand-story .text{width:58%;padding-top: 5vw;}

.brand-story .text .ccont{margin-top:3vw;}

.brand-story .text .icon{font-size:116px; white-space:nowrap;color: transparent; -webkit-text-stroke: 0.5px #fff; opacity:.2; margin-top:30px;}

.culture-item{margin-top:4vw;}

.brand-culture{padding:4vw 0;}

.culture-item>*{padding-left:2px;}

.culture-item>*>*{display:block; background:rgba(255,255,255,.5); padding:30px 30px 50px;}

.culture-item .iconfont{display:flex; align-items:center; justify-content:center; width:46px; height:46px; border-radius:50%; font-size:24px; color:#fff; background:var(--linear-gradient-blue2);}

.culture-item>*:nth-child(2n) .iconfont{background:var(--linear-gradient-blue2);}

.culture-item>* .text{margin-top:30px;}

.culture-item>* .ccont{margin-top:14px;}

.brand-culture .public-line{margin:100px 0 36px; border-color:#999; opacity:.8;}

.brand-culture .public-line:before{background:#999;}

.brand-culture .nname{padding-top:26px;}

.brand-culture .come{margin-top:10px;}

.brand-videos>*{justify-content:center; text-align:center;}

.video-btn{display:flex; align-items:center; justify-content:center; width:62px; height:62px; border-radius:50%; border:2px solid #fff; margin:0 auto; font-size:24px; opacity:.8;}

.brand-videos .name{margin-top:36px;}

.public-line.wathet{border-color:var(--color-wathet);}

.public-line.wathet:before{background:var(--color-wathet);}

.brand-videos .title{padding-top:20px;}

.videos-more{display:flex; align-items:center; justify-content:center; height:46px; width:198px; border-radius:60px; background:#fff; color:#000; margin:80px auto 0; font-size:16px;}

.videos-more i{display:block; transform:rotate(-45deg); margin-left:10px;}

.videos-more:hover{background:var(--color-wathet); color:#fff;}

.history-cont{height:595px; background-position:left center;}

.history-l{width:505px; padding:60px 50px;}

.l-font90{font-size:90px;}

.history-l .time{opacity:.5;}

.history-l .time span{background: linear-gradient(to right, #ffffff, rgba(255,255,255,0));-webkit-background-clip: text;color: transparent; letter-spacing:-14px; font-weight:bold;}

.history-l .public-line{margin:20px 0 36px;}

.history-l>.top{flex:4;}

.history-l>.name{flex:1; align-items:center; display:flex;}

.history-r{width:calc(100% - 505px); padding:60px 0 60px 60px; position:relative;}

.history-hd{border-bottom:1px solid #E3E5E7; padding-bottom:30px;}

.history-hd .bd li{width:auto;margin-right:40px;}

.history-hd .bd li.on>*{color:var(--color-wathet); transform:scale(1.4); transform-origin:left center; display:block;}

.history-bd p{position:relative; margin-top:40px;}

.history-bd p:before{content:''; display:block; width:18px; height:3px; background:#13C77F; position:absolute; left:0; top:-10px;}

.history-btn{position:absolute; left:60px; bottom:60px;}

.history-btn>*{font-size:24px; color:#999; margin-left:10px;}

.history-btn>*:first-child{margin-left:0;}

.history-btn>*:hover{color:#000;}

.brand-honor>*>*.text{width:calc(100% - 900px); padding-right:30px;}

.brand-honor>*>*.text .ccont{margin-top:270px;}

.honor-banner{width:900px; margin-top:90px;}

.honor-banner .bd li{width:33.3%; padding:0 30px;}

.honor-banner .bd li>*{display:block;}

.honor-banner .bd .img{max-height:340px; display:flex; align-items:center; justify-content:center; overflow:hidden;}

.honor-banner .bd .name{text-align:center; margin-top:20px;}

.honor-btn{margin-top:60px; display:flex;}

.honor-btn>*{display:flex; align-items:center; justify-content:center; width:60px; height:60px; border-radius:50%; background:#CDD0D9; color:#fff; margin-left:10px;}

.honor-btn>*:first-child{margin-left:0;}

.honor-btn>*:hover{background:var(--color-wathet);}

.brand-honor .lh-more{position:absolute; right:0; top:50%; transform:translateY(-50%); margin:0;}

video{width:100%;}

.videos-layer{position:fixed; left:0; right:0; bottom:0; top:0; background:rgba(0,0,0,.7); z-index:100; display:flex; align-items:center; justify-content:center; opacity:0;pointer-events: none;}

.VideosLayer .videos-layer{opacity:1;pointer-events:inherit; transition:var(--transition);}

.videos-banner{width:75vw;}

.videos-banner .close{text-align:right;}

.videos-banner .bd{margin-top:30px;}

.videos-banner .bd li{width:50%; padding:0 12px;}

.videos-banner .bd li a{display:block; position:relative; height:420px; border-radius:10px; overflow:hidden;}

.videos-banner .bd li .text{position:absolute; left:0; bottom:0; right:0; padding:20px; display:flex; line-height:56px;}

.videos-banner .bd li .name{width:80%;}

.videos-banner .bd li .iconfont{position:absolute; right:20px; bottom:20px; width:56px; height:56px; border-radius:50%; border:2px solid #fff; display:flex; align-items:center; justify-content:center; font-size:24px; opacity:.7;}

.videos-btn>*{display:flex; align-items:center; justify-content:center; width:60px; height:60px; border-radius:50%; border:2px solid #fff; color:#fff; position:absolute; top:50%; z-index:3; font-size:24px;}

.videos-btn>*.prevs{left:5.2vw;}

.videos-btn>*.nexts{right:5.2vw;}

.lh-attract{height:100vh;}

.lh-attract>.bd>*>*{height:100%;}

.attract-ban{align-items:center; justify-content:center; text-align:center;}

.attract-ban .name{background:linear-gradient(0deg,#E1B180,#FBEDC6,#E1B180); color:transparent;-webkit-background-clip: text;}

.attract-ban .nname{margin-top:16px;}

.attract-btn{display:flex; align-items:center; justify-content:center; width:255px; height:66px; background:linear-gradient(90deg,#3556C6,#4667DE,#3556C6); border-radius:60px; margin:50px auto;}

.attract-btn i{font-size:20px; margin-right:10px;}

.submit-item{margin-top:80px; margin-left:-50px;}

.submit-item>*{margin-bottom:50px; padding-left:50px;}

.submit-item>* .cont{margin-top:25px;}

.submit-item>* .cont option{color:#000;}

.submit-item>* .title{height:28px;}

.submit-item>* input{height:42px; line-height:42px; padding:0; border:none; border-bottom:1px solid #455979; color:#fff;}

.submit-item>* .l-radio{margin-top:36px;}

.l-select>select{height:42px; line-height:42px; color:#fff; padding:0; border:none; border-bottom:1px solid #455979; position:relative; z-index:2;}

.l-select{position:relative;}

.l-select i{position:absolute; right:10px; top:50%; transform:translateY(-50%); color:rgba(255,255,255,.5);}

.submit-bottom{display:flex; align-items:center; justify-content:flex-start; margin-top:40px;}

.submit-bottom .attract-btn{margin:0 30px 0 0;}

.prospect-item{margin:120px 0 0 -20px;}

.prospect-item>*{padding-left:20px;}

.prospect-item>*>*{display:flex; align-items:center; justify-content:center; position:relative; border:1px solid #9E9263; background:var(--linear-gradient-white); border-radius:10px; text-align:center; padding:70px 20px 30px;}

.prospect-item>*>*:before,.prospect-item>*>*:after,.prospect-item .icon:before,.prospect-item .icon:after{content:''; display:block; width:30px; height:30px;background-image:url(../images/zs1.png); background-size:cover; background-position:center; background-repeat:no-repeat; position:absolute; left:-1px; top:-1px;}

.prospect-item>*>*:after{background-image:url(../images/zs2.png); left:auto; right:-1px;}

.prospect-item .icon:before{background-image:url(../images/zs3.png); top:auto; bottom:-1px; left:auto; right:-1px;}

.prospect-item .icon:after{background-image:url(../images/zs4.png); top:auto; bottom:-1px;}

.prospect-item .icon{height:65px;}

.prospect-item .name{margin-top:16px; height:32px; line-height:32px; display:inline-block; position:relative; z-index:1;}

.prospect-item .name:before{content:''; display:block; width:40%; height:100%; background:linear-gradient(90deg,#2a48ae,rgba(255,255,255,0)); position:absolute; left:-6px; top:0; z-index:-1;}

.prospect-item .ccont{margin-top:40px;}

.major-cont{margin:80px auto 0;}

.major-cont img{display:block; width:508px; margin:auto;}

.major-item{position:absolute; left:0; top:0; margin-left:-50px;}

.major-item li{text-align:right; padding-left:50px; margin-top:40px; position:relative;}

.major-item li:nth-child(2n){text-align:left;}

.major-item li .name{float:right; width:120px; position:relative; text-align:center;}

.major-item li .text{float:right; max-width:calc(100% - 120px); position:relative; padding-bottom:20px; top:-27px; padding-right:50px; height:91px;}

.major-item li:nth-child(2n) .name{float:left;}

.major-item li:nth-child(2n) .text{float:left; padding:0 0 20px 50px;}

.major-item li .ccont{margin-top:8px;}

.major-item li .name:before{content:''; display:block; width:5px; height:5px; border-radius:50%; background:#5065B1; position:absolute; left:50%; bottom:-10px; margin-left:-2px;}

.major-item li .name:after{content:''; display:block; width:1px; height:24px; background:#C8CEE4; position:absolute; left:50%; top:calc(100% + 10px);}

.major-item li .text:after{content:''; display:block; width:calc(100% + 60px); position:absolute; bottom:0; left:0; background:#C8CEE4; height:1px;}

.major-item li:nth-child(2n) .text:after{left:auto; right:0;}

.major-item li:nth-child(2){left:20px;}

.major-item li:nth-child(3),.major-item li:nth-child(4){left:-110px; top:50px;}

.major-item li:nth-child(4){left:auto; right:-120px;}

.major-item li:nth-child(5),.major-item li:nth-child(6){left:-20px; top:90px;}

.major-item li:nth-child(6){left:auto; right:-20px;}

.support-item{margin:100px 0 0 -10px;}

.support-item li{padding-left:10px; margin-bottom:10px;}

.support-item li>*{border:1px solid #7A705B; border-radius:5px; background:rgba(255,255,255,.3); padding:30px; position:relative; overflow:hidden;}

.support-item li .name{margin-top:60px;}

.support-item li .icon{width:50px;}

.support-item li .num{position:absolute; right:20px; bottom:-20px;background:linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.2)); color:transparent;-webkit-background-clip: text;}

.l-font50{font-size:50px;}

#lhCode{position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); z-index:100; background:#fff; width:200px; box-shadow:0 0 20px rgba(0,0,0,.1);}

#lhCode>h2{height:35px; line-height:35px; padding:0 10px; position:relative; border-bottom:1px solid #eee;}

#lhCode>.ewm{padding:10px;}

#lhCode>.ewm canvas{width:100%;}

#lhCode>h2 .iconfont{position:absolute; right:0; top:0; width:35px; height:35px; display:flex; align-items:center; justify-content:center; cursor:pointer;}

#particles-js{position:fixed; left:0; top:0; width:100vw; height:100vh; z-index:10;pointer-events: none; opacity:.5;}

.lh-gh{position:fixed; right:50px; bottom:50px; z-index:100;}

@keyframes gh{

	0%,100%{transform:translateY(-50%) scale(1);}

	50%{transform:translateY(-50%) scale(1.2);}

}

.gh-cont{height:100vh; display:flex; align-items:center; padding:0 12.5vw;}



.gh-btn{display:flex; align-items:center; justify-content:center; width:60px; height:60px; border-radius:50%; background:var(--linear-gradient-blue1); margin-top:70px; font-size:20px;}

.gh-btn:before{display:block; transform:rotate(-45deg);}

.gh-cont .ccont{margin-top:170px;}





.book-layer{position:fixed; left:0; top:0; width:100%; height:100%; z-index:1000; opacity:0; visibility:hidden; transform:scale(.5);}

.Books .book-layer{opacity:1; visibility:visible; transform:scale(1);transition:cubic-bezier(0.215,.61,.355,1) .45s;}

.book-banner{width:70.20833333333333vw; height:45.83333333333333vw; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}

.bb-bookblock:before{content:''; display:block; width:40px; height:100%;background:linear-gradient(90deg,rgba(0,0,0,0),rgba(0,0,0,.3)); position:absolute; left:50%; top:0; z-index:3; margin-left:-20px; display:none;}

.bb-bookblock .l-imgs{width:100%; height:100%;}

.book-close{display:flex; align-items:center; justify-content:center; width:60px; height:60px; border-radius:50%; background:var(--color-wathet); color:#fff; display:flex; align-items:center; justify-content:center; font-size:24px; position:absolute; right:6.770833333333333vw; top:8.6vw; z-index:3;transition:cubic-bezier(0.215,.61,.355,1) .45s;}

.book-close:hover{transform:rotate(90deg);}

.book-btn a{display:block; width:100px; height:54px; border:1px solid #fff; position:absolute; top:50%; transform:translateY(-50%); z-index:3;}

.book-btn a:hover{border-color:#F9BE00;}

.book-btn a.prevs{left:6.770833333333333vw;}

.book-btn a.nexts{right:6.770833333333333vw;}

.book-btn a i{display:block; width:20px; height:1px; background:#fff; position:absolute; left:50%; top:50%; margin-left:-10px;}

.book-btn a i:after{content:''; display:block; width:8px; height:1px; background:#fff; position:absolute; left:}

.book-btn a.prevs i:after{left:0; top:0; transform-origin:left center; transform:rotate(-35deg);}

.book-btn a.nexts i:after{right:0; top:0; transform-origin:right center; transform:rotate(35deg);}



.bb-bookblock {

	width: 70.20833333333333vw;

	height: 45.83333333333333vw;

	 background:#000;

	margin: 0 auto;

	 position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);

	z-index: 100;

	-webkit-perspective: 1300px;

	-moz-perspective: 1300px;

	perspective: 1300px;

	-webkit-backface-visibility: hidden;

	-moz-backface-visibility: hidden;

	backface-visibility: hidden;

}



.bb-page {

	position: absolute;

	-webkit-transform-style: preserve-3d;

	-moz-transform-style: preserve-3d;

	transform-style: preserve-3d;

	-webkit-transition-property: -webkit-transform;

	-moz-transition-property: -moz-transform;

	transition-property: transform;

}



.bb-vertical .bb-page {

	width: 50%;

	height: 100%;

	left: 50%;

	-webkit-transform-origin: left center;

	-moz-transform-origin: left center;

	transform-origin: left center;

}



.bb-horizontal .bb-page {

	width: 100%;

	height: 50%;

	top: 50%;

	-webkit-transform-origin: center top;

	-moz-transform-origin: center top;

	transform-origin: center top;

}



.bb-page > div,

.bb-outer,

.bb-content,

.bb-inner {

	position: absolute;

	height: 100%;

	width: 100%;

	top: 0;

	left: 0;

	background:linear-gradient(90deg,rgba(0,0,0,0),rgba(0,0,0,.3));

}



.bb-vertical .bb-content {

	width: 200%;

}



.bb-horizontal .bb-content {

	height: 200%;

}



.bb-page > div {

	width: 100%;

	-webkit-transform-style: preserve-3d;

	-moz-transform-style: preserve-3d;

	transform-style: preserve-3d;

}



.bb-page > div:not(:only-child) {

	-webkit-backface-visibility: hidden;

	-moz-backface-visibility: hidden;

	backface-visibility: hidden;

}



.bb-vertical .bb-back {

	-webkit-transform: rotateY(-180deg);

	-moz-transform: rotateY(-180deg);

	transform: rotateY(-180deg);

}



.bb-horizontal .bb-back {

	-webkit-transform: rotateX(-180deg);

	-moz-transform: rotateX(-180deg);

	transform: rotateX(-180deg);

}



.bb-outer {

	width: 100%;

	overflow: hidden;

	z-index: 999;

}



.bb-overlay, 

.bb-flipoverlay {

	background-color: rgba(0, 0, 0, 0.7);

	position: absolute;

	top: 0px;

	left: 0px;

	width: 100%;

	height: 100%;

	opacity: 0;

}



.bb-flipoverlay {

	background-color: rgba(0, 0, 0, 0.2);

}



/* */



.bb-bookblock.bb-vertical > div.bb-page:first-child,

.bb-bookblock.bb-vertical > div.bb-page:first-child .bb-back {

	-webkit-transform: rotateY(180deg);

	-moz-transform: rotateY(180deg);

	transform: rotateY(180deg);

}



.bb-bookblock.bb-horizontal > div.bb-page:first-child,

.bb-bookblock.bb-horizontal > div.bb-page:first-child .bb-back {

	-webkit-transform: rotateX(180deg);

	-moz-transform: rotateX(180deg);

	transform: rotateX(180deg);

}



/* Content display */

.bb-vertical .bb-front .bb-content {

	left: -100%;

}



.bb-horizontal .bb-front .bb-content {

	top: -100%;

}



/* Flipping classes */

.bb-vertical .bb-flip-next,

.bb-vertical .bb-flip-initial {

	-webkit-transform: rotateY(-180deg);

	-moz-transform: rotateY(-180deg);

	transform: rotateY(-180deg);

}



.bb-vertical .bb-flip-prev {

	-webkit-transform: rotateY(0deg);

	-moz-transform: rotateY(0deg);

	transform: rotateY(0deg);

}



.bb-horizontal .bb-flip-next,

.bb-horizontal .bb-flip-initial {

	-webkit-transform: rotateX(180deg);

	-moz-transform: rotateX(180deg);

	transform: rotateX(180deg);

}



.bb-horizontal .bb-flip-prev {

	-webkit-transform: rotateX(0deg);

	-moz-transform: rotateX(0deg);

	transform: rotateX(0deg);

}



.bb-vertical .bb-flip-next-end {

	-webkit-transform: rotateY(-15deg);

	-moz-transform: rotateY(-15deg);

	transform: rotateY(-15deg);

}



.bb-vertical .bb-flip-prev-end {

	-webkit-transform: rotateY(-165deg);

	-moz-transform: rotateY(-165deg);

	transform: rotateY(-165deg);

}



.bb-horizontal .bb-flip-next-end {

	-webkit-transform: rotateX(15deg);

	-moz-transform: rotateX(15deg);

	transform: rotateX(15deg);

}



.bb-horizontal .bb-flip-prev-end {

	-webkit-transform: rotateX(165deg);

	-moz-transform: rotateX(165deg);

	transform: rotateX(165deg);

}



.bb-item {

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	display: none;

	background: #fff;

}



/* No JS */

.no-js .bb-bookblock, 

.no-js ul.bb-custom-grid li {

	width: auto;

	height: auto;

}



.no-js .bb-item {

	display: block;

	position: relative;

}



.pro-color{position:absolute; left:0; top:0; width:100vw; height:100vh; z-index:-1;}

.pro-color .colors{width:100%; height:100%; background:#49a3e2;}

.pro-color .yuan>*{width:200px; height:200px; background:rgba(255,255,255,.2); opacity:.5; position:absolute; left:-200px; top:-200px; border-radius:50%;}

/*

--color-wathet

linear-gradient(0deg,rgba(255,255,255,.4),rgba(255,255,255,0));

F5AB00

transparent

font-family: "ebrimabd";

.hRegular{font-family: "hRegular";}

.hLight{font-family: "hLight";}

.hBold{font-family: "hBold";}

l-uppercase

transition:cubic-bezier(0.215,.61,.355,1) .45s;



*/

.ys-list{width: 34vw;display: flex;justify-content: space-between;margin-top: 1vw;flex-wrap: wrap;}

.ys-list .item{width: 33.33%;margin-top: 3vw;}

.ys-list .item:nth-child(5){margin-right: auto;}

.ys-list .item .ico-box{width: 4vw;height: 4vw;border-radius: 50%;border: 1px solid #fff;display: flex;align-items: center;justify-content: center;margin: 0 auto;}

.ys-list .item h4{font-size: 1vw;margin-top: 1vw;text-align: center;}



/*弹性布局*/



  /*换行*/

  .flex_tap{

	flex-wrap: wrap;

  }

/*居中*/

.flex_cont{

  display: flex;

  justify-content: center;

}

/*两端*/

.flex_sp{

  display: flex;

  justify-content: space-between;

}

/*垂直*/

.flex_y{

  display: flex;

  justify-content: space-between;

  flex-direction: column;

}



/*page 分页器*/

.pagination {

    display: flex;

    justify-content: center;

    margin-top: 10px;

  }

  .pagination a {

    background: #fff;

    border: 1px solid #ccc;

    color: #333;

    font-size: 14px;

    padding: 8px 12px;

    margin: 0 5px;

    border-radius: 3px;

  }

  .pagination span {

      color: #333;

      font-size: 14px;

      padding: 8px 2px;

      margin: 0 5px;

      border-radius: 3px;

  }

  .pagination a:hover {

    color: #f00c27;

    border: 1px solid #f00c27;

  }

  .pagination a.page-num-current {

    color: #fff;

    background: #f00c27;

    border: 1px solid #f00c27;

  }

  .my-4{

    margin-top:40px;

  }



.newslist-box{width: 100%;padding: 4vw 0;}

.newslist-box .inner{margin-top: 60px;}

.newslist-box .inner a{padding: 50px 0;box-sizing: border-box;border-top: 1px solid rgba(148, 48, 48, 0.1);position: relative;}

.newslist-box .inner a::after{width: 0%;height: 2px;background-color: #f00c27;left: 0;bottom: 0;content: "";z-index: 1;position: absolute;transition: all .6s;}

.newslist-box .inner a:first-child{padding-top: 0;border: none;}

.newslist-box .inner a .left{width: 64%;}

.newslist-box .inner a .left .info{width: 100%;}

.newslist-box .inner a .left .info h4{transition: all .6s;font-weight: 600;font-size: 1.8vw;}

.newslist-box .inner a .left .info p{font-size: 1vw;line-height: 1.8vw;margin-top: 15px;color: #7b7b7b;}

.newslist-box .inner a .left .time{align-items: center;}

.newslist-box .inner a .left h5{opacity: .8;letter-spacing: 1px;font-size: 22px;line-height: 1;text-transform: uppercase;font-weight: bold;font-family: 'Rousseau';transition: all .6s;}

.newslist-box .inner a .left img{height: 24px;width: auto;}

.newslist-box .inner a .img-box{width: 32%;height: 15vw;overflow: hidden;}

.newslist-box .inner a:hover .info h4{color: #f00c27;}

.newslist-box .inner a:hover .left h5{color: #f00c27;}

.newslist-box .inner a:hover::after{width: 100%;}



.oth-banner{width: 100%;height: 700px;overflow: hidden;position: relative;background-color: #fff;}

.oth-banner::after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.1));z-index: 1;content: '';}

.oth-banner .img-box{width: 100%;min-height: 700px;}

.oth-banner.news-ban{height: 600px;}

.oth-banner .pic-txt{width: 100%;position: absolute;bottom: 20%;z-index: 2;color: #fff;}

.oth-banner .pic-txt h1{font-size: 6vw;width: 100%;padding-bottom: 30px;border-bottom: 1px solid rgba(255,255,255,.5);margin-bottom: 30px;}

.oth-banner.news-ban::after{background: rgba(0,0,0,.3);backdrop-filter: blur(20px);}

.oth-banner.news-ban .pic-txt .cont{width: 70%;}

.oth-banner.news-ban .pic-txt h1{font-size: 2.2vw;}

.web10-box{width: 100%;background-color: #fff;box-sizing: border-box;padding: 4vw 0;}

.web10-box .cont{width: 70%;}

.web10-box img{max-width: 100%;}

.news-dail{background-color:#fafafa;}

.news-dail-tit h4{font-family: ShiYuanHei-Blod;}

.news-dail-tit>p{color: #7b7b7b;}

.news-dail-tit>p:nth-child(2){margin-top: 30px;}

.news-dail-back{align-items: center;}

.news-dail-back>a{opacity: .6;padding-top: 30px;box-sizing: border-box;}

.news-dail-back>a svg{width:26px;height: 26px;margin-right: 5px;}

.web10-info{width: 100%;}

.web10-info img{margin: 0 auto;max-width: 100%;display: inline-block;}

.news-dail-tap{margin-top: 30px;}



@media all and (-moz-min-device-pixel-ratio: 1.19) and (-moz-max-device-pixel-ratio: 1.28),

  (-webkit-min-device-pixel-ratio: 1.19) and (-webkit-max-device-pixel-ratio: 1.28),

  (min-resolution: 1.19dppx) and (max-resolution: 1.28dppx) and (-moz-min-device-pixel-ratio: 1.41) and (-moz-max-device-pixel-ratio: 1.6),

  (-webkit-min-device-pixel-ratio: 1.41) and (-webkit-max-device-pixel-ratio: 1.6),

  (min-resolution: 1.41dppx) and (max-resolution: 1.6dppx){/*125%and150%*/

  

}

@media all and (-moz-min-device-pixel-ratio: 1.41) and (-moz-max-device-pixel-ratio: 1.6),

  (-webkit-min-device-pixel-ratio: 1.41) and (-webkit-max-device-pixel-ratio: 1.6),

  (min-resolution: 1.41dppx) and (max-resolution: 1.6dppx) {/*150%*/

  

}



@media screen and (min-width: 2000px){

}

@media screen and (max-width: 1600px){

	

}

@media screen and (max-width: 1500px){

	

}

@media screen and (max-width: 1366px){

	.container1400{max-width:100%;}

}

/*平板*/

@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:20px;}

	.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-logo{width:100px; position:absolute; left:15px; top:50%; transform:translateY(-50%); z-index:2; margin:0; height:auto;}

	.lh-nav{display:none;}

	header{height:50px; padding:0;}

	.header-r{position:absolute; right:15px; top:50%; transform:translateY(-50%); z-index:3;}

	.l-font22{font-size:16px;}

	.header-r .tel i{font-size:18px;}

	.nav-btn{margin-left:15px;}

	.NavToggle .lh-logo>*.logo2{opacity:1;}

	.NavToggle .lh-logo>*.logo1{opacity:0;}

	.NavToggle .header-r .tel{color:#000; transition:var(--transition);}

	.nav-toggle{padding:80px 20px 30px; min-width:inherit; width:100%;}

	.ban-txt{font-size: 5vw;}

	.toggle-nav>* dd{margin-top:10px;}

	.lh-share{display:none;}

	.l-font28{font-size:20px;}

	.lh-banner-hd{left:15px; bottom:20px;}

	.l-font46{font-size:24px;}

	.public-title p{font-size: 14px;line-height: 24px;}

	.public-title p{width: 80vw;}

	.public-title .list{width: 90vw;}

	.public-title .list .item svg{width: 7vw;height: 7vw;}

	.public-title .lh-more{margin-top: 30px;}

	.ys-list .item .ico-box{width: 50px;height: 50px;}

	.ys-list .item .ico-box svg{width: 70%;height: 70%;}

	.ys-list{width: 100%;}

	.ys-list .item h4{font-size: 13px;}

	.public-title .list .item h4{font-size: 13px;text-align: center;}

	.index-about .public-title .name{-webkit-text-stroke: 0.2px #fff;}

	.index-pro .lh-more,.brand-honor .lh-more,.encyclopedia-project .lh-more{width:140px; height:40px;}

	.pro-quick{display:block; margin-top:30px;}

	.pro-quick-item li>* .text .iconfont{width:50px; height:50px; font-size:18px;}

	.pro-quick-item li{width:50% !important;}

	.pro-quick>*:last-child{padding-left:0;}

	.pro-quick>*:first-child li,.pro-quick-item li:nth-child(5){width:100%!important;}

	.pro-quick-item li>*{height:120px;}

	.index-news-item li .img{height:200px;}

	.brand-story .text .ccont p{line-height: 26px;}

	.newslist-box .inner{margin-top: 30px;}

	.newslist-box .inner a .left{width: 100%;}

	.newslist-box .inner a .img-box{width: 100%;height: 50vw;margin-top: 15px;}

	.newslist-box .inner a .left h5{font-size: 4vw;margin-top: 10px;}

    .oth-banner.news-ban .pic-txt h1{font-size: 6vw;}

    .web10-box .cont,.oth-banner.news-ban .pic-txt .cont{width: 92%;}

	.l-lh36{line-height:24px;}

	.serves-item>*>*{height:160px;}

	.serves-item>*{margin-top:10px;}

	.serves-item>* .text{padding:20px;}

	.serves-item>* .text .ccont{margin-top:10px;}

	.serves-partner .bd li{width:20%;}

	.serves-partner{margin-top:30px;}

	.footer-r{display:none;}

	.footer-share>.lh-share{display:flex;}

	.footer-share{margin-top:30px;}

	.lh-share>* .ewm{margin-left:0; left:0;}

	.lh-share>* .ewm:before{left:22px;}

	.footer-l dl{margin-top:30px;}

	.footer-b-l{display:none;}

	.footer-bottom>*.footer-copy{text-align:left;}

	.footer-bottom,.footer-top{padding:30px 0;}

	.index-page{padding:0 15px;}

	.pro-index{padding:150px 0 100px 15px;}

	.pro-index-text{left:15px; top:150px;}

	.l-font42{font-size:26px;}

	.pro-index-nav{left:15px; bottom:100px;}

	.main-other{padding-top:50px;}

	.lh-crumbs>*>*:nth-child(2){display:none;}

	.crumbs-nav{white-space:nowrap; display:block;}

	.crumbs-nav>*{margin-right:5px; display:inline-block;}

	.crumbs-nav>* a{font-size:13px;}

	.lh-crumbs{height:60px;}

	.pro-cont{padding:30px 0;}

	.pro-item>li .img{height:200px;}

	.pro-item>li .text{padding:20px 0;}

	.pro-item>li .text:after{height:2px;}

	.pro-item>li{margin-bottom:40px;}

	.detail-top{padding:30px 0;}

	.detail-top>.container1400{display:block;}

	.detail-top>.container1400>*{width:100%;}

	.detail-banner{height:300px;}

	.detail-r{padding-left:0;}

	.detail-r>*.top{padding-top:20px;}

	.detail-btn{margin-top:30px; padding-top:30px;}

	.detail-btn>*{width:50%;}

	.detail-bg-banner{height:100%;}

	.detail-r>*.bottom i{width:50px; height:50px;}

	.detail-r>*.bottom{display:none;}

	.detail-cont{padding:30px 0;}

	.lh-ban{height:240px;}

	.l-font54{font-size:22px;}

	.oth-banner.news-ban{height: 400px;}

	.newslist-box .inner a .left .info h4{font-size: 17px;}

	.newslist-box .inner a .left .info p{font-size: 13px;line-height: 20px;}

	.ban-scroll{display:none;}

	.l-pd130{padding:30px 0;}

	.brand-story .text{width:100%;}

	.brand-story .text .ccont{margin-top:30px;}

	.brand-culture{padding-top:30px; padding-bottom:30px;}

	.brand-culture .public-line{margin:30px 0 36px;}

	.culture-item{margin-top:30px; margin-left:-15px;}

	.culture-item>*{margin-top:10px; width:50%; padding-left:15px;}

	.culture-item>*>*{padding:30px; box-shadow:0 0 20px rgba(0,0,0,.1); height:100%;}

	.brand-videos .name{margin-top:10px;}

	.video-btn{width:52px; height:52px; font-size:18px;}

	.lh-imgLayer-close{width:40px; height:40px;}

	.videos-banner .bd li a{height:280px;}

	.videos-btn>*.prevs{left:10px;}

	.videos-btn>*.nexts{right:10px;}

	.videos-btn>*{width:40px; height:40px; font-size:16px;}

	.videos-banner .bd li .text{padding:15px; line-height:30px;}

	.videos-banner .bd li .iconfont{width:30px; height:30px; right:15px; bottom:15px; font-size:16px;}

	.history-l{width:100%; padding:30px 20px;}

	.history-r{width:100%; padding:30px 20px; color:#fff;}

	.history-hd{color:#fff;}

	.history-hd .bd li.on>*{color:#000;}

	.l-font90{font-size:60px;}

	.history-btn{left:20px; bottom:20px;}

	.history-btn>*{color:#fff;}

	.brand-honor>*>*.text{width:100%;}

	.brand-honor>*>*.text .ccont{margin-top:10px;}

	.l-lh40{line-height:30px;}

	.honor-btn{margin-top:30px;}

	.honor-banner{width:100%; margin-top:30px;}

	.honor-banner .bd .img{border-width:2px;}

	.l-font80{font-size:42px;}

	.attract-btn{width:200px; height:54px;}

	.submit-item{margin-top:30px;}

	.submit-item>* .cont{margin-top:0;}

	.submit-item>*{margin-bottom:20px;}

	.submit-item>* .l-radio{margin-top:10px;}

	.submit-item>* .title{height:auto;}

	.submit-bottom{margin-top:30px;}

	.prospect-item{margin:10px 0 0 -20px;}

	.prospect-item>*{width:50%; margin-top:10px;}

	.prospect-item>*>*{padding:20px; height:100%; border-radius:6px;}

	.prospect-item .ccont{margin-top:10px; white-space:normal;}

	.prospect-item>*>*:before, .prospect-item>*>*:after, .prospect-item .icon:before, .prospect-item .icon:after{width:15px; height:15px;}

	.prospect-item .icon{width:28px; height:30px;}

	.l-lh28{line-height:24px;}

	.prospect-item .name{height:28px; line-height:28px;}

	.major-cont img{display:none;}

	.major-item{position:static; margin-left:0;}

	.major-item li{margin-top:10px; text-align:left !important; left:0 !important; top:0 !important; background:rgba(255,255,255,.2); box-shadow:0 0 10px rgba(0,0,0,.1); padding:20px;}

	.major-item li .name{float:left; width:auto;}

	.major-item li .name:before,.major-item li .name:after,.major-item li .text:after{display:none;}

	.major-item li .text{width:calc(100% - 80px); padding:0 0 0 50px !important; float:left !important; max-width:inherit;}

	.major-cont{margin:20px 0 0;}

	.l-font34{font-size:24px;}

	.major-item li .ccont{margin-top:0;}

	.major-item li .text{height:auto; top:0; position:static;}

	.major-item li .time{position:absolute; left:20px; top:40px; font-size:20px;}

	.support-item{margin:20px 0 0 -10px;}

	.support-item li{width:50%;}

	.support-item li>*{padding:15px;}

	.support-item li .name{margin-top:20px;}

	.serves-standard{padding:30px 0;}

	.serves-standard .ccont{padding-top:30px;}

	.l-lh50{line-height:30px;}

	.standard-r{margin-top:20px;}

	.serves-standard>.l-imgs{height:100%;}

	.serves-standard .public-line{margin:30px 0 36px;}

	.serves-standard .public-line:before{height:36px;}

	.standard-item{width:100%; height:auto; padding:20px;}

	.serves-standard>*{display:block;}

	.sunshine-r>*{width:60px; height:60px;}

	.serves-sunshine>.l-flex>.text .bd{margin-top:80px; line-height:30px;}

	.standard-banner{margin-top:30px;}

	.standard-cont{height:220px;}

	.standard-cont>*.right{padding:0 20px;}

	.standard-btn{margin-top:20px;}

	.serves-sotres .num span{top:-18px;}

	.l-pd60{padding:30px 0;}

	.serves-contact>*{display:block;}

	.contact-item li{width:calc(50% - 10px); height:220px; margin:0 5px; padding:30px 15px;}

	.contact-item li .name{margin-bottom:10px;}

	.encyclopedia-family{padding:30px 0;}

	.encyclopedia-family>*{display:block;}

	.family-nav{margin-top:30px;}

	.family-banner{width:100%;}

	.family-r{display:none;}

	.project-item li{margin-top:15px;}

	.project-item li .bottom{margin-top:30px;}

	.case-r{padding-top:50px;}

	.case-item{margin:10px 0 0 -10px;}

	.case-item>*{margin-top:10px;}

	.case-item>*>*{width:100%;}

	.case-item>*>*{padding:30px 0 0;}

	.l-font140{font-size:90px; line-height:90px;}

	.encyclopedia-project>*{display:block;}

	.guide-item{margin:10px 0 0 -30px;}

	.public-title .ccont.l-font20{margin-top:5px;}

	.guide-item>*{margin-top:15px;}

	.guide-item>*>*{height:250px;}

	.encyclopedia-project .public-title{text-align:center;}

	.l-font38{font-size:18px;}

	.knowledge-banner{margin-top:30px;}

	.knowledge-banner .bd .text{margin-top:40px;}

	.knowledge-btn{left:30px;}

	.news-cont{padding:30px 0;}

	.filter-select{width:40%;}

	.filter-serach{width:60%;}

	.news-filter-totol{display:none;}

	.news-item{margin:30px 0;}

	.news-item>*{margin-bottom:15px;}

	.news-item>*>*{padding:15px;}

	.news-item .img{width:100%; height:200px;}

	.news-item>*>*{display:block;}

	.news-item .text{width:100%; padding:0; margin-top:20px;}

	.news-item .iconfont{display:none;}

	.news-item .text .ccont{margin-top:12px;}

	.news-item .text .time{margin-top:20px;}

	.newsDetail-l{width:100%; padding-right:0;}

	.newsDetail-l>*{padding:15px;}

	.newsDetail-cont{margin-top:15px; padding:15px 0 0;}

	.detail-ewm{display:none;}

	.newsDetail-r{width:100%; margin-top:15px;}

	.newsDetail-r>*{padding:15px;}

	.news-other-item>*{margin-top:20px;}

	.news-other-item>* .name{margin-top:15px;}

	.guide-item.list li{margin:0 0 15px;}

	.stores-cont{padding-top:30px;}

	.filter-item{margin:20px 0 0 -10px;}

	.filter-item>*{width:50%; flex:none; margin-top:10px;}

	.filter-item>* select{height:52px;}

	.filter-item>*:last-child{flex:none;}

	.filter-item>* a{width:100%; height:52px;}

	.lh-map{height:calc(100vh - 50px); padding:30px 0; margin-top:30px;}

	.map-r>*.title{padding:20px 0;}

	.map-item li>*{padding:20px 0;}

	.encyclopedia-project._life .public-title{text-align:left;}

	.lh-gh{width:70px; right:10px; bottom:10px;}

	.lh-cursor{display:none;}

	.case-layer{width:100%; left:0; padding:30px;}

	.layer-close{right:20px; top:20px;}

	.case-banner .bd .l-imgs{height:240px; width:80%;}

	.case-btn>*.nexts{right:0;}

	.case-btn>*.prevs{left:0;}

	.gh-cont{padding:0 15px;}

	.l-lh60{line-height:50px;}

	.gh-btn{margin-top:30px;}

	.gh-cont .ccont{margin-top:0; position:absolute; left:15px; bottom:20px; right:15px;}

	.book-layer{background:rgba(0,0,0,.5);}

	.bb-bookblock{width:90vw; height:240px;}

	.book-close{width:42px; height:42px; right:15px; top:15px;}

	.book-btn{position:absolute; left:0; right:0; bottom:60px;}

	.book-web-layer{position:fixed; left:0; top:0; right:0; bottom:0; display:flex; align-items:center; justify-content:center; background:rgba(0,0,0,.5); z-index:1100; display:none;}

	.bookWebLayer .book-web-layer{display:flex;}

	.pinch-zoom-container{height:100% !important; width:100%;}

	.pinch-zoom-container .img{height:100%; display:flex; align-items:center; justify-content:center;}

/*手机*/

@media screen and (max-width: 980px){

    

}