@charset "utf-8";
/*@font-face {
  font-family: "Century Gothic";
  src: url("../font/Century Gothic.woff2") format("woff2"),
       url("../font/Century Gothic.woff") format("woff"),
       url("../font/Century Gothic.ttf") format("truetype"),
       url("../font/Century Gothic.eot") format("embedded-opentype"),
       url("../font/Century Gothic.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "din-bold_";
  src: url("../font/din-bold_.woff2") format("woff2"),
       url("../font/din-bold_.woff") format("woff"),
       url("../font/din-bold_.ttf") format("truetype"),
       url("../font/din-bold_.eot") format("embedded-opentype"),
       url("../font/din-bold_.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}*/
@font-face {
  font-family: "Montserrat-Medium";
  src: url("../font/Montserrat-Medium.woff2") format("woff2"),
       url("../font/Montserrat-Medium.woff") format("woff"),
       url("../font/Montserrat-Medium.ttf") format("truetype"),
       url("../font/Montserrat-Medium.eot") format("embedded-opentype"),
       url("../font/Montserrat-Medium.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "ttfont";
  src: url("../font/TTInterfaces-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "pffont";
  src: url("../font/PingFang Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face{
    font-family:neutra_text_tf;
    src: url('../font/neutra_text_tf.eot');
    src: url('../font/neutra_text_tf.eot?#iefix') format('embedded-opentype'),
    url('../font/neutra_text_tf.woff') format('woff'),
    url('../font/neutra_text_tf.ttf') format('truetype'),
    url('../font/neutra_text_tf.svg#neutra_text_tf') format('svg');
}
.ttfont{ font-family: "ttfont";}
.motfont{ font-family: "Montserrat-Medium";}
.pffont{ font-family: "pffont";}
.century{font-family: "Century Gothic";}
.din{font-family: "din-bold_";}
.shuzi{font-family: "din-neutra_text_tf";}
: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:#3C98D9;
	--color-yellow:#ffba48;
	--linear-gradient-line1:linear-gradient(0deg,#569BCB,#569BCB,#569BCB,#569BCB,#67bcf9,#67bcf9,#3E9ADA);
	--linear-gradient-blue:linear-gradient(135deg,#3F99DA,#7DC6FB);
	--linear-gradient-blue1:linear-gradient(90deg,#ABD4F2,#59AAE4);
	--linear-gradient-blue2:linear-gradient(90deg,#59AAE4,#ABD4F2);
	--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 transparent; border-color: rgba(255, 255,255, 0.3);; height:100px; 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:90%; margin:auto; position:relative; width:100%; z-index:3;}
.s_width{width: 90%; margin: 0 auto; 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:32px;}
.l-lh34{line-height:34px;}
.l-lh36{line-height:36px;}
.l-lh38{line-height:38px;}
.l-lh40{line-height:40px;}
.l-font12{font-size:12px;}
.l-font16{font-size:16px;}
.l-font18{font-size:18px;}
.l-font20{font-size:20px;}
.l-font22{font-size:22px;}
.l-font24{font-size:24px;}
.l-font26{font-size:26px;}
.l-font28{font-size:28px;}
.l-font30{font-size:30px;}
.l-font32{font-size:32px;}
.l-font34{font-size:34px;}
.l-font36{font-size:36px;}
.l-font38{font-size:38px;}
.l-font40{font-size:40px;}
.l-font42{font-size:42px;}
.l-font46{font-size:46px;}
.l-font48{font-size:48px;}
.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;}

@media screen and (max-width: 1440px) {
    .l-font60{font-size:48px;}
    .l-font18{font-size:14px;}
    .l-font24{font-size: 18px}
    .l-font42{font-size: 36px}
    .l-lh36{line-height:31px;}
}
@media screen and (max-width: 1280px) {

}

@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-font60{font-size:24px;}
    .l-font56{font-size:36px;}

}
/*栅格化*/
.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%;}

@media screen and (max-width: 1280px) {
    .l-grid-5>*{width:25%;}
}
/*均分/非均分*/
.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;}

/*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);}





@media screen and (max-width: 1440px){
    .lh-banner{height:90vh;}
}

@media screen and (max-width: 1280px) {
    .lh-banner{height:75vh;}
}
@media screen and (max-width: 1023px) {
    .lh-banner{height:25vh;}
}
header{position:fixed; left:0; right:0; top:0; z-index:10; padding:15px 2.25vw 15px 2.25vw; border-bottom:1px solid transparent; border-color: rgba(255, 255, 255, 0.3);}
header>*{flex:1;}
.lh-logo{position:relative;  width:auto;}
.lh-logo img{width: 50%}
.lh-logo>*{transition:var(--transition);}
.lh-logo>*.logo2{position:absolute; left:0; top:0; opacity:0;}
.lh-nav{flex:3; justify-content:center; line-height:60px;}
.lh-nav>*{margin:0 1.083333333333333vw; 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; margin-top: 13px}
.header-r .tel{display:flex; align-items:center;}
.header-r .tel i{font-size:24px; margin-right:10px;}

@media screen and (max-width: 1280px) {
    header{padding:20px 3.25vw 20px 3.25vw;}
}
@media screen and (max-width: 1024px) {
    .lh-logo img{width: 50%}
}
.nav-btn{width:36px; height:36px; border-radius:50%; background:#b41626; 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; margin-bottom: 25px}
.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;}

@media screen and (max-width: 1440px){
    .lh-nav>*{margin:0 0.7vw;}
}

@media screen and (max-width: 1200px){
    .lh-nav>*{margin:0 0.5vw;}
}

.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:#ff640f;}
.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:#ff640f;}
.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{color: #000; line-height: 31px}
.toggle-nav a:hover{color:#b41626;}
.tottle-bottom-l .name{margin-top:10px; color:#b41626;}
.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:46px;}
.public-title{position:relative; z-index:2;}
.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;}
.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-title{width:85%; margin: 0 auto; padding: 4% 0;display: flex; display:-webkit-flex;-webkit-justify-content: space-between;   justify-content: space-between;}\
.index-title .left{}
.index-title .right{ margin-top:4%}
.view-more {display: flex;align-items: center;justify-content: center;height: var(--size-50);min-height: 34px;width: 150px; height: 50px; aspect-ratio: 150/50;border-radius: 50px;background-color: #b41626;color: #fff;position: relative;}
.view-more i {margin-left: 10px;transform: rotate(45deg);}
.view-more::before {content: '';display: block;width: 100%;height: 100%;border-radius:50px;border: 1px solid #b41626;position: absolute;left: 0;top: 0;transform: scale(1);transition: var(--transition);}
.view-more:hover::before {transform: scale(1.08, 1.2);}

@media screen and (max-width: 1023px) {
    .index-title{width:95%;display: block}
    .lh-more{width:100px; line-height: 30px; height: 30px}
}

.index-page .sty2 {margin-top: 66px;position: relative}
.index-page .sty2 .swiper-container {width: 100%;border-radius: 25px 0 0 25px}
.index-page .sty2 .swiper-slide {width: 665px;display: block;margin-right: 36px;position: relative;border-radius: 25px;overflow: hidden;transition: all linear 0.4s}
.index-page .sty2 .swiper-slide img {width: 100%;display: block}
.index-page .sty2 .swiper-slide .wenan {position: absolute;left: 0;right: 0;bottom: -102px;padding: 30px 0;background-image: linear-gradient(transparent, #000);transition: all linear 0.4s}
.index-page .sty2 .swiper-slide .wenan strong {display: block;font-size: 30px;font-weight: 800;line-height: 1.4;text-align: center;color: #FFFFFF}
.index-page .sty2 .swiper-slide:hover .wenan {bottom: 0}
.index-page .sty2 .swiper-button {width: 42px;height: 42px;position: absolute;top: 50%;margin-top: -21px;z-index: 2;background: rgba(0,0,0,0.1);border-radius: 50%;text-align: center;line-height: 42px;    cursor: pointer;transition: all linear 0.3s}
.index-page .sty2 .swiper-button:hover {background: rgba(0,0,0,0.5)}
.index-page .sty2 .swiper-button-prev {left: 0}
.index-page .sty2 .swiper-button-next {right: 0}

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

.imgbg {width: 100%;height: 100%;transition: ease 1s;background-position: center;background-repeat: no-repeat;background-size: cover;}
.arr2 {width: 3.125vw;height: 3.125vw;background: url(../images/arr2.png) no-repeat center;background-size: auto 100%;display: block;-webkit-transition: ease 1s;transition: ease 1s}
@media screen and (max-width: 980px) {
.arr2 {width:30px;height: 30px}
}
.arr2:hover {-webkit-transform: rotate(45deg);transform: rotate(45deg)}



/*行业案例*/
.sec13 {background-color: #b41626; width: 100%; height:800px; position: relative}
.cvbanner {position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;z-index: 1;}
.sw02out {position: relative;width: 100%;height: 100%;}
.sw02 {height: 100%;}
.sw02 .swiper-slide {overflow: hidden;}
.sw02 .swiper-slide .swiper-inner {display: block;position: relative;width: 100%;height: 100%;}
.sw02 img {width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;-o-object-position: 75% 50%;object-position: 75% 50%;}
.fhangye .swiper-pagination02 {font-size: 24px;color: #fff;line-height: 52px;text-align: center;width: 140px;height: 52px;margin-right: 52px;margin-top: 36px;pointer-events: none;position: absolute;left: auto;bottom: auto;right: 8%;top: 50%;z-index: 10;}
.swiper-pagination02 .swiper-pagination-current {font-size: 36px;margin-right: 10px;}
.swiper-pagination02 .swiper-pagination-total {font-size: 24px;}
.sw-next02,.sw-prev02 {position: absolute;right: 8%;top: 50%;z-index: 11;width: 50px;height: 50px;margin-top: 36px;font-size: 0;border-radius: 50%;text-align: center;
    cursor: pointer;border: 1px solid rgba(255, 255, 255, 0.3);}
.sw-prev02 {background: url('../images/lt1.png') center no-repeat;margin-right: 192px;}
.sw-next02 {background: url('../images/gt1.png') center no-repeat;}
.sw-prev02:hover,.sw-next02:hover {background-color: rgba(225, 193, 100, 0.9);}
@media screen and (max-width: 1023px) {
    .fhangye .swiper-pagination02,.sw-next02 {right: 5%;top: auto;bottom: 220px;margin-top: 0;}
    .sw-prev02 {left: 5%;right: auto;top: auto;bottom: 220px;margin-top: 0;margin-right: 0;}
    .fhangye .swiper-pagination02 {right: 50%;margin-right: -70px;}
    .swiper-pagination02 .swiper-pagination-current {font-size: 24px;}
}
.cvbanner .pagination {position: absolute;left: 6.25%;top: 50%;margin-top: 100px;z-index: 20;height: 2px;font-size: 0;}
.cvbanner .pagination .btn {display: inline-block;position: relative;cursor: pointer;width: 30px;height: 2px;margin-right: 10px;background-color: rgba(255, 255, 255, 0.4);}
.cvbanner .pagination .btn:before {content: " ";position: absolute;left: 0;top: 0;z-index: 1;width: 0;height: 2px;background-color: #fff;}
.cvbanner .pagination .btn.on:before {-webkit-transition: linear 4s;transition: linear 4s;width: 100%;}
.ctrbox {position: absolute;right: 6.25%;bottom: 148px;z-index: 20;margin-left: 380px;font-size: 0;}
.ctrbox .ctr {display: block;width: 42px;height: 42px;z-index: 11;font-size: 0;border-radius: 5px;text-align: center;cursor: pointer;}
.ctrbox .ctr.prev {background: url('../images/lt2.png') center no-repeat;}
.ctrbox .ctr.next {background: url('../images/gt2.png') center no-repeat;margin-top: 24px;}
.ctrbox .ctr.prev:hover,.ctrbox .ctr.next:hover {background-color: rgba(241, 131, 0, 0.6);-webkit-box-shadow: 0 0 10px 0 rgba(255, 255, 255, 0.7);box-shadow: 0 0 10px 0 rgba(255, 255, 255, 0.7);}
@media screen and (max-width: 750px) {
    .ctrbox {right: 4%;bottom: 84px;}
}
.swiper-container-vertical > .swiper-pagination-bullets {right: auto!important;left: 50px;}
.swiper-pagination000 .swiper-pagination-bullet {position: relative;width: 17px;height: 17px;opacity: 1;margin: 11px 0!important;border: 1px solid transparent;outline: 0 none;
    -webkit-transition: all 0.3s;transition: all 0.3s;background-color: transparent;}
.swiper-pagination000 .swiper-pagination-bullet:before {content: '';position: absolute;left: 7px;top: 7px;z-index: 0;width: 3px;height: 3px;background-color: #999;border-radius: 2px;}
.swiper-pagination000 .swiper-pagination-bullet.swiper-pagination-bullet-active {border-color: #999;}
.swiper-pagination000.white .swiper-pagination-bullet:before {background-color: #fff;}
.swiper-pagination000.white .swiper-pagination-bullet.swiper-pagination-bullet-active {border-color: #fff;}

.peijianlist {font-size: 0;text-align: center;position: absolute;left: 0;right: 0;bottom: 0;z-index: 2;}
.peijianlist li {display: inline-block;width:20%;vertical-align: top;}
.peijianlist li a {display: block;position: relative;width: 100%;padding-top: 42px;padding-bottom: 42px;background-color: rgba(37, 42, 45, 0.3);}
.peijianlist li a:before {content: '';position: absolute;left: 0;top: 0;z-index: 0;width: 1px;height: 100%;background-color: rgba(255, 255, 255, 0.1);}
.peijianlist li:first-child a:before {display: none;}
.peijianlist .pic {width: 50%;overflow: hidden;line-height: 58px;height: 58px;margin: 0 auto }
.peijianlist img {max-width: 100%;max-height: 100%;margin: 0 auto; display: block}
.peijianlist li h3 {color: #fff;line-height: 36px;width: 100%;height: 36px;overflow: hidden;-webkit-transition: .3s;transition: .3s;}
.peijianlist li:hover a {background-color: rgba(225, 193, 100, 0.2);}
.peijianlist li.on a {background-color: rgba(151, 151, 151, 0.3);}
.peijianlist2 {position: absolute;left: 8%;top: 20%;z-index: 2;width: 720px;max-width: 80%;;pointer-events: none;}
.peijianlist2 li {position: absolute;z-index: 0;width: 100%;opacity: 0;-webkit-transform: translateX(60px);transform: translateX(60px);}
.peijianlist2 li h3 {color: #fff;line-height: 48px;height: 48px;overflow: hidden;}
.peijianlist2 li h3 span{font-size: 36px;}
.peijianlist2 li h4 {color: #fff;line-height: 48px;height: 48px;overflow: hidden;}
.peijianlist2 li .hx {width: 100%;height: 1px;position: relative;margin: 21px 0 31px;background-color: rgba(255, 255, 255, 0.2);}
.peijianlist2 li .hx:before {content: '';position: absolute;left: 0;top: -1px;z-index: 0;width: 30px;height: 3px;background-color: #fff;}
.peijianlist2 li .txt {font-size: 18px;color: #fff;line-height: 32px;overflow: hidden;margin-bottom: 38px; padding-top: 20px}
.peijianlist2 li .hymore {display: block;width: 150px;height: 48px;background-color: #b41626;position: relative;font-size: 16px;color: #fff;line-height: 48px;text-align: center;    overflow: hidden;pointer-events: auto;}
.peijianlist2 li.on {z-index: 2;opacity: 1;-webkit-transform: translateX(0px);transform: translateX(0px);-webkit-transition: .5s;transition: .5s;}

@media screen and (max-width: 1280px) {
    .sec13 { height:600px;}
    .peijianlist li h3{font-size:16px}
    .peijianlist2 li h3 span{font-size: 26px;}
    .peijianlist2 li .txt {font-size: 16px;}
    .peijianlist li a{padding: 20px 0;}
}
@media screen and (max-width: 1023px) {
    .peijianlist {left: 0;right: 0;}
    .peijianlist li {width: 33%;}
    .peijianlist li a {padding-top: 12px;padding-bottom: 0;border-top: 1px solid rgba(255, 255, 255, 0.1);}
    .peijianlist li h3 {font-size: 16px;}
    .peijianlist2 {width: 90%;max-width: 90%;}
    .peijianlist2 {position: relative;left: 5%;top: 0;margin-top:0px;}
}
@media screen and (max-width: 750px) {
    .peijianlist2 li h3 {font-size: 28px;line-height: 40px;height: 40px;}
    .peijianlist2 li .txt {font-size: 16px; line-height: 28px}
}
.fcate4 {position: absolute;left: 8%;top: 50%;margin-top: -260px;z-index: 20;padding-top: 10px;pointer-events: none;}
.fcate4 .cn {font-size: 48px;color: #fff;line-height: 60px;position: relative;z-index: 1;}
.fcate4 .enp {font-size: 0;position: absolute;left: 0;top: 0;z-index: 0;}
.fcate4 .enp img {vertical-align: top;}
@media screen and (max-width: 1023px) {
    .fhangye {padding-top: 45px;-webkit-box-sizing: border-box;box-sizing: border-box;}
    .fcate4 {width: 100%;text-align: center;position: relative;left: 0;top: 0;margin-top: 0; display: none}
    .fcate4 .cn {font-size: 32px;line-height: 50px;}
    .fcate4 .enp {width: 100%;}
    .peijianlist .pic{height: 30px; line-height: 30px}
}


.pro{width: 100%; margin: 0 auto; padding: 5% 6.25vw 5% 6.25vw}
.case-item {margin:4% 0 0 -45px;}
.case-item>* {padding-left: 45px;margin-top: 45px;padding-left: clamp(22px,2.34375vw,45px);margin-top: clamp(22px,2.34375vw,45px);}
.case-item>*>* {display: block;position: relative;}
.case-item>*>*::after {content: '';display: block;width: 100%;height: 3px;background-color: #000;position: absolute;left: 0;bottom: 0;transform: scaleX(0);transition: var(--transition);}
.case-item>*>*:hover::after {transform: scaleX(1);}
.case-item>* .img {aspect-ratio: 800/600;position: relative;overflow: hidden;}
.case-item>* .l-imgs{ background-position: center;background-repeat: no-repeat;background-size: cover;width: 100%;height: 100%}
.case-item>* .img::before {content: '';display: block;width: 100%;height: 50%;position: absolute;left: 0;bottom: 0;z-index: 2;background: var(--linear-gradient-shadow);}
.case-item>*>* .text {padding: 30px 0;padding: clamp(15px,1.5625vw,30px) 0;}
.case-item>*>* .text>* {flex: 1;}
.case-item>*>* .text>*.right {flex: 0.1;display: flex;justify-content: flex-end;align-items: center;}
.case-item>*>* .text .name {align-items: center;}
.case-item>*>* .text .name>* {max-width: 50%;}
.case-item>*>* .text .name em {padding-left: 20px;padding-left: clamp(10px,1.0416666666666665vw,20px);}
.case-item>*>* .text>*.right .public-jt {transform: rotate(-45deg);}
.case-item>*>* .l-imgs {transition: var(--transition);}
.case-item>*>*:hover .l-imgs {transform: scale(1.1);}
.case-item.index>* {--size-80: clamp(40px,4.166666666666666vw,80px);padding-left: var(--size-80);margin-bottom:20px;margin-top: 0;}
.case-more {justify-content: center;align-items: center;text-transform: uppercase;margin-top: clamp(-80px,-4.166666666666666vw,-40px);position: relative;}
.case-more::after {content: '';display: block;width: 100%;height: 5px;background-color: #000;position: absolute;left: 0;bottom: 50px;bottom: clamp(25px,2.604166666666667vw,50px);}
.case-more span {margin-left: 10px;}
.case-more a:hover {color: var(--color-dominant);}

@media screen and (max-width: 1023px) {
    .pro{padding: 5% 3.25vw 5% 3.25vw}
    .case-item.index>*{padding-left:0}
}

.wrap {width: 90%;margin-right: auto;margin-left: auto;}
.home2{width:100%;overflow:hidden;}
.home2 .same_sty dl{height:100%;position:relative}
.home2 .same_sty dl dd{height:100%}
.home2 .same_sty dl dd a{height:100%}
.home2 .same_sty dl dd img{width:100%;display:block}
.home2 .same_sty .wenan{position:absolute;top:35%;z-index:2;color:#ffffff}
.home2 .same_sty .wenan .title{line-height:1;text-shadow:0 2px 2px rgba(0,0,0,0.3)}
.home2 .same_sty .wenan .title a{display:block;color:#ffffff}
.home2 .same_sty .wenan .title span{display:block;margin-top:15px;font-size:44px;}
.home2 .same_sty .wenan .btnbox{text-align:center}
.home2 .same_sty .wenan .btnbox .btn{display:inline-block;padding:15px 15px;font-size:16px;color:#ffffff;text-align:center;cursor:pointer; width:170px; transition:all linear 0.4s}
.home2 .same_sty .wenan .btnbox .btn i{font-size: 20px; margin-right: 8px;}
.home2 .same_sty .wenan .btnbox .btn1{background:#b41626;}
.home2 .same_sty .wenan .btnbox .btn1:hover{background:#b41626;border:2px solid #b41626}
.home2 .same_sty .wenan .btnbox .btn2{margin-left:30px;background:#b41626;border:2px solid #b41626}
.home2 .same_sty .wenan .btnbox .btn2:hover{background:rgba(255,255,255,0.2);border:2px solid #ffffff}
.home2 .sty1{position:relative;z-index:1}
.home2 .sty1 .cp{position:relative}
.home2 .sty1 .cp #ydp_img{position:relative;z-index:1}
.home2 .sty1 .cp #ydp_video{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}
.home2 .sty1 .wenan{left:0;right:0;margin:0 auto;text-align:center}
.home2 .sty2{overflow:hidden}
.home2 .sty2 .wenan{right:10.28571%;text-align:right}
.home2 .sty2 .wenan .btnbox{text-align:right}
.home2 .sty1 .wenan h4{padding: 2% 0;}
.home2 .sty2 dl{width:49.71591%;margin-top:0.52%}
.home2 .sty2 dl dd{position:relative;overflow:hidden}
.home2 .sty2 dl dd .video{width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover;opacity:0;visibility:hidden;transition:all linear 0.4s}
.home2 .sty2 dl dd .video.video_show{opacity:1;visibility:visible}
.home2 .sty2_top:after,.home2 .sty2_bottom:after{content:'';display:block;clear:both}


@media screen and (max-width: 1023px) {
    .home2{display: none}
    .home2 .same_sty .wenan{top:20%;}
    .home2 .same_sty .wenan .btnbox{display: none}
}


@media only screen and (max-width: 820px) {
    .home2 .same_sty .wenan .title span{font-size: 22px}
}

/*新闻资讯*/
.black{color: #000}.white{color: #fff}
.rd10 {border-radius: 10px;overflow: hidden}
.pos {position: relative}
.block {display: block;}
.indNews{background: url('../images/indNews-bg.jpg') no-repeat center/cover; padding: 5% 0; margin-top: 4%}
.indNews .contain{width: 85%; margin: 0 auto}
.indNews-show{margin-left: -20px;}
.indNews .contain .flex {display: -webkit-flex;display: -ms-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.indNews-show-item{margin-left: 20px;}
.indNews-show-item:nth-child(1){width: calc((100% / 3) * 2 - 20px);}
.indNews-show-item:nth-child(2){width: calc((100% / 3) - 20px);}
.indNews-show-bg{position: relative;overflow: hidden;}
.indNews-show-bg::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .4);}
.indNews-show-bg img{width: 100%;height: 480px;transition: all 2s linear;}
.indNews-show-item:hover .indNews-show-bg img{transform: scale(1.1);}
.indNews-show-con{position: absolute;;left: 0;top: 0;width: 100%;height: 100%;}
.indNews-show-item:nth-child(1) .indNews-show-con{padding: 60px 50px;}
.indNews-show-item:nth-child(2) .indNews-show-con{padding: 60px 40px;}
.indNews-show-item:nth-child(1) .indNews-show-con .title{width: 50%;}
.indNews-show-item:nth-child(1) .indNews-show-con .ttitle{padding-top: 25px;width: 70%; line-height: 31px}
.indNews-show-item:nth-child(2) .indNews-show-con .ttitle{padding-top: 25px;width: 90%; line-height: 31px}
.indNews-show-con .btn{width: 135px;height: 45px;border-radius: 40px;border: 2px solid #fff;}
.indNews-show-con .btn:hover{background: #b41626;border-color: #b41626;}
.indNews-show-con .title:hover{color: #b41626;}
.indNews-list{margin-left: -20px;}
.indNews-item{margin: 20px 0 0 20px;width: calc((100% / 3) - 20px);background: #fff;padding: 50px;transition: all .4s ease;}
.indNews-item .btm{justify-content: space-between;align-items: center;}
.indNews-item .ttitle{line-height: 26px; padding-top: 10px; color: #666}
.indNews-item .date{transition: all .4s ease;}
.indNews-item .label{padding: 4px 8px;border-radius: 20px;border: 1px solid #4c5664;transition: all .4s ease;}
.indNews-item:hover{background: #b41626;}
.indNews-item:hover .title,.indNews-item:hover .date{color: #fff;}
.indNews-item:hover .label{border-color: #fff;color: #b41626;background: #fff;}
.indNews-item:hover .ttitle{color: #fff;}


@media screen and (max-width:1280px) {
    .indNews-show-bg img{height: 350px;}
}


@media screen and (max-width:1200px) {
    .indNews-show{margin-left: 0;}
    .indNews-show-item{margin: 20px 0 0;width: 100% !important;}
    .indNews-show-con{padding: 25px 15px !important;}
    .indNews-show-item:nth-child(1) .indNews-show-con .title{width: 100%;}
    .indNews-show-bg img{height: 300px;}
    .indNews-show-con .btn {width: 100px;height: 36px;}
    .indNews-list{margin-left: 0;}
    .indNews-item{margin: 20px 0 0;width: 100%;padding: 25px 15px;}
    .indNews-item .btm{margin-top: 12px;}
    .indNews-item .label{padding: 2px 6px;}

}
@media screen and (max-width: 1023px) {
    .indNews .contain{width:95%;}
    .indNews-show-item:nth-child(1) .indNews-show-con .ttitle{width: 95%; line-height: 28px }
    .indNews-show-item:nth-child(2) .indNews-show-con .ttitle{width: 95%;line-height: 28px }
}

.index-page.l-flex{align-items:center;}
.index-news{width: 100%; padding-bottom: 4vw}
.index-news-item li{float:left; width:46%; padding-right:2.64vw;}
.index-news-item li .img{height:32.0625vw; border-radius:8px;}
.index-news-item li .text{margin-top:35px;text-align: center}
.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;}

.partner ul{width:85%; margin: 0 auto 4% auto;display: flex; display:-webkit-flex;-webkit-justify-content: center;   justify-content:center; flex-wrap: wrap;border:1px solid transparent; border-color: rgba(151, 151, 151, 0.3);background: #fff;}
.partner li{ padding: 20px 0; width: 16%; border-right:1px solid transparent; border-color: rgba(151, 151, 151, 0.3); border-bottom:1px solid transparent; border-color: rgba(151, 151, 151, 0.3);transition: .5s; }
.partner li:nth-child(6n){border-right:none}
.partner li:nth-child(7){border-bottom:none}
.partner li:nth-child(8){border-bottom:none}
.partner li:nth-child(9){border-bottom:none}
.partner li:nth-child(10){border-bottom:none}
.partner li:nth-child(11){border-bottom:none}

.partner li img{width: 80%; display: block; margin: 0 auto;}
.partner li:hover{box-shadow: 2px 0px 16px rgb(0 0 0 / 20%);-webkit-box-shadow: 2px 0px 16px rgb(0 0 0 / 20%);}

@media screen and (max-width:1280px){
    .index_4_1_mid_2_2{font-size:18px;}
}
@media screen and (max-width:790px){
    .partner ul{width: 95%;}
    .partner li{width: 33%}
    .partner li:nth-child(3n){border-right:none}
    .partner li:nth-child(7){border-bottom:1px solid transparent}
    .partner li:nth-child(8){border-bottom:1px solid transparent}
    .partner li:nth-child(9){border-bottom:1px solid transparent}
    .partner li:nth-child(10){border-bottom:1px solid transparent}
    .partner li:nth-child(11){border-bottom:1px solid transparent}
    .partner li:nth-child(12){border-bottom:1px solid transparent}
}


.index_4_1{width: 85%; margin:0 auto 3% auto;}
.index_4_1 ul li{ float:left; width:32%; margin-right:2%;font-size: 16px; }
.index_4_1 ul li:nth-child(3n){margin-right:0}
.index_4_1_mid_1{overflow:hidden; position:relative;}
.index_4_1_mid_1 img{width:100%;}
.index_4_1_mid_2{margin:0 0 20px 0;  background: #fff; padding: 20px;}
.index_4_1_mid_2_1{color:#e2c164;font-family:Calibri;}
.index_4_1_mid_2_2{font-size:1.5em; color:#000; margin-top:.75em; margin-bottom:.75em;}
.index_4_1_mid_2_3{color:#666;display: -webkit-box;-webkit-box-orient: vertical;  -webkit-line-clamp: 2;   overflow: hidden;word-wrap:break-word;word-break:break-all; line-height:1.9;}



.index_4_2{text-align:center; margin:0 0 4.375em 0;}
.index_4_1_mid{overflow:hidden; position:relative;}
.a-image-hover{align-items:center;color:#fff;display:flex;font-size:14px; font-family:Arial, Helvetica, sans-serif;height:100%;justify-content:center;left:0;letter-spacing:0;line-height:1;position:absolute;top:0;width:100%;z-index:2}
.a-image-hover span{display:inline-block;opacity:0;transform:translate3d(-30px,0,0);transition:all .5s cubic-bezier(.14,1,.34,1) 0s}
.a-image-hover span:first-child{transition-delay:.03s}
.a-image-hover span:nth-child(2){transition-delay:.06s}
.a-image-hover span:nth-child(3){transition-delay:.09s}
.a-image-hover span:nth-child(4){transition-delay:.12s}
.index_4_1 ul li:hover .a-image-hover span{opacity:1;transform:translateZ(0)}
.index_4_1 ul li:hover .a-image-hover span:first-child{transition-delay:.12s}
.index_4_1 ul li:hover .a-image-hover span:nth-child(2){transition-delay:.06s}
.index_4_1 ul li:hover .a-image-hover span:nth-child(3){transition-delay:.04s}
.index_4_1 ul li:hover .a-image-hover span:nth-child(4){transition-delay:.03s}
.index_4_1_mid_1:after{background-color:rgba(0,0,0,.3);content:"";height:100%;left:0; z-index:1;opacity:0;position:absolute;top:0;transition:all .5s cubic-bezier(.4,.8,.74,1) 0s;width:100%}
.index_4_1 ul li:hover .index_4_1_mid_1:after{opacity:1;}
.index_4{overflow:hidden; background: #f7f9fb; padding-top: 4%;}


@media screen and (max-width:790px){
    .news .tit h2{font-size: 36px;}
    .news .news_tit h3{display: none;}
    .news .news_tit h2{font-size: 36px;font-weight: bold; }
    .news .news_tit p{font-size: 16px;}
    .index_4_1{width: 95%; margin-bottom: 100px;}
    .index_4_1 ul li{width: 100%; margin-right: 0;}
}


.pro_color_container{padding-bottom: 10px;width: 100%;}
.pro_color_container ul{width: 100%;display: flex; display:-webkit-flex; -webkit-justify-content: left;   justify-content: left;flex-wrap: wrap;}
.pro_color_container li{display: inline-block;width: 6%;margin-right:1%;}
.pro_color_container li img{width: 100%;}
.pro_color_container li p{text-align: center; line-height: 17px; color: #999;font-size: 13px;font-family: Arial, Helvetica, sans-serif; padding: 10px 0}

@media screen and (max-width:1023px){
    .pro_color_container li{width: 24%}
}


.serves-partner{ width:85%;margin: 0 auto;}
.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: url('../images/end.jpg') center repeat;;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:#b41626 !important;}
.footer-share .lh-share>* .ewm:before{border-color:#b41626 !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 transparent; border-color: rgba(255, 255, 255, 0.3);}
.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;}

@media screen and (max-width:1280px) {
    .footer-top>*{flex:auto;}
}

.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:100vh;position: relative; background: #000}
.lh-ban .l-imgs{height:inherit; display:flex; align-items:center; justify-content:center; }
.lh-ban .text{z-index: 5; position: relative}

.lh-ban3{height:100vh;position: relative; background: #000}
.lh-ban3 .l-imgs{height:inherit; display:flex; align-items:center; justify-content:center; }
.lh-ban3 .text{z-index: 5; position: relative}
.l-font54{font-size:54px;}

@media screen and (max-width: 1440px) {
    .lh-ban{height:80vh;}
}

@media screen and (max-width: 1280px) {
    .lh-ban{height:60vh;}
}
.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:#fff;}
.lh-crumbs>*{height:inherit; align-items:center;}
.lh-crumbs>*>*{flex:2;}
.crumbs-nav{flex:4;}
.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:#b41626; 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);}	
}

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


.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:400px;}
.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:15px; 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(0,0,0,.7); 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:#b41626;}
.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:#b41626;}
.public-line.blue{border-color:#b41626;}
.public-line.blue:before{background:#b41626;}
.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; margin-top: 50px}
.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;}

@media screen and (max-width: 1023px) {
    .pro-index-banner{float: none; width: 100%; height:30vh; margin-top: 40%}
    .pro-index .public-title .lh-more{margin-top:14px;}
    .pro-index-text{height:100px}
}
@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:#b71628; 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:#fff;}
.lh-crumbs.gray{background:#f4f4fb;}
.pro-cont{padding:80px 0; background:linear-gradient(0deg,#ffff,#fcecee);}
.pro-item{margin:0 0 0 -78px;}
.pro-item>li{padding-left:78px; margin-bottom:60px;}
.pro-item>li a{display:block;}
.pro-item>li .img{height:30.1875vw; border-radius:10px; overflow:hidden;}
.pro-item>li .text{padding:20px 0; position:relative;}
.pro-item>li .text .name{margin-top:10px;}
.pro-item>li .text:after{content:''; display:block; width:76px; height:4px; background:#b41626; 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:#b41626;}
.detail-top>.container1400>*{flex:1; width:50%;}
.detail-banner{width:100%; height:600px;}
.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;}

@media screen and (max-width: 1366px){
    .detail-banner{ height:430px;}
}
.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-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:#b41626; border-color:#b41626;}
.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;}
.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;}
.detail-mob>.item>.cont{padding-bottom:26px; display:none;}
.detail-mob>.item.on>.cont{display:block;}
.detail-star>*{display:flex; align-items:center; padding-right:40px;}
.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 {width: 70%; margin: 0 auto}
.contact-item li{margin:0 10px; border-radius:10px; display:flex; padding-top:70px; justify-content:center; width:360px; height:370px; background:#fff; opacity: 0.7}
.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;text-align: center}
.contact-item li:last-child i{background:linear-gradient(to bottom,rgba(255,255,255,0),#41e39d);}


.lianxi{width: 85%; margin: 4% auto 4% auto}

@media screen and (max-width: 1650px){
    .contact-item li{width:350px; }
}
@media screen and (max-width: 1440px){
    .contact-item li{width:280px; height:300px;}
    .lianxi{width: 100%; margin: 0 auto}
}
@media screen and (max-width: 1280px){
    .contact-item li{width:260px; height:250px;}
}
@media screen and (max-width: 1200px){
    .contact-item li{width:240px; ;}
}
@media screen and (max-width: 1023px){
    .contact-item {width: 100%;}
    .contact-item li i{display: none}
}
.l-wathet{color:#b41626;}
.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);}


.sContact-map {position: relative;width:100%;height: 600px;max-width: 100%;}
.sContact-map #dituContent {position: absolute;left: 0;top: 0;width: 100%;height: 100%;line-height: 1.1;background-color: #f5f3f0;}
.sContact-map #dituContent .BMap_bubble_title {font-size: 16px;margin-bottom: 5px;padding-right: 16px;color: #d70c18;}
.sContact-map #dituContent .BMap_bubble_content {width: auto;font-size: 14px;line-height: 18px;}
.sContact-map #dituContent img {max-width: none;}
._pen .sContact-map {pointer-events: none;}
@media screen and (max-width: 1024px) {
    .sContact-map {margin-top: 0.6rem;}
}

.rtCont{position:relative;overflow: hidden; margin-bottom: 4em}
.rtCont ul{}
.rtCont ul li{width:500px;float: left; overflow:hidden;position:relative;z-index:1; margin: 0 10px;border-radius: 10px}
.pro_pic{ overflow: hidden;}
.rtCont ul li img{width: 100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease;  }
.rtCont ul li:hover img{transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);}
.rtCont ul li h3{text-align: center;font-size: 18px;line-height: 65px;color:#333; background: #fff}
.rtCont ul li h3 a{color:#fff;line-height:30px;text-align:center;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;transition:all linear .3s; font-weight: 300;}
.rtCont ul li:hover h3 a{font-weight:700;color:#fff}

@media screen and (max-width:1440px) {
    .rtCont ul li{width:300px;}
}

@media screen and (max-width:1023px) {
    .rtCont{ margin-top: 2em}
    .rtCont ul li{width:200px;}
    .rtCont ul li h3{line-height: 31px; padding: 10px 0;font-size: 16px}
}

/*内页团队风采*/
.rongyumain {padding:0px 0 90px;}
.cer8{ max-width: 1600px; margin:0 auto; padding: 0 30px;}
.rongyumain h2.btitle {font-size: 36px;color: #333;line-height: 54px;font-weight: bold;text-align: center;height: 54px;overflow: hidden;}
.rongyumain .intro {margin: 20px auto 0;font-size: 16px;color: #555;line-height: 32px;max-width: 1200px;text-align: center;}

@media screen and (max-width: 840px) {
    .cer8{  padding: 0 0px;}
}

.kehulist {overflow: hidden;margin: 90px 0 72px;border-top: 1px solid #f2f2f2;border-left: 1px solid #f2f2f2;}
.kehulist li {float: left;width: 20%;text-align: center;}
.kehulist li a {display: block;background-color: #fff;overflow: hidden;border-bottom: 1px solid #f2f2f2;border-right: 1px solid #f2f2f2;}
.kehulist .pic {width: 100%;height: 138px;overflow: hidden;font-size: 0;line-height: 138px;}
.kehulist img {max-width: 70%;max-height: 70%;-webkit-transition: 0.3s;transition: 0.3s;}
.kehulist li:hover img {-webkit-transform: scale(1.04, 1.04);transform: scale(1.04, 1.04);}
.huotip {font-size: 18px;color: #666;line-height: 38px;text-align: center;position: relative;height: 38px;}
.huotip span {display: inline-block;vertical-align: top;letter-spacing: 1px;padding: 0 26px;}
.huotip i {display: inline-block;width: 40px;height: 1px;vertical-align: middle;background-color: #666;}
@media screen and (max-width: 1280px) {
    .kehulist li {width: 25%;}
}
@media screen and (max-width: 960px) {
    .huobanmain {padding: 100px 0 60px;}
    .huobanmain h2.btitle {font-size: 32px;}
    .kehulist li {width: 33.33%;}
    .huocon {line-height: 30px;}
}
@media screen and (max-width: 640px) {
    .huobanmain {padding: 80px 0 60px;}
    .kehulist li {width: 50%;}
}
/*内页产品展示*/
img {transition: all .5s;}
.prolist_bot { width: 100%; margin: 0% auto; }
.prolist_bot ul{display: flex; display:-webkit-flex;-webkit-justify-content: left;   justify-content:  left;width: 100%; margin:0 auto 0 auto;flex-wrap: wrap;}
.prolist_bot ul li {width: 32%;height: auto;margin-right: 2%;margin-bottom: 25px;transition: all .5s;;border:1px solid transparent; border-color: rgba(151, 151, 151, 0.1);}
.prolist_bot ul li:nth-child(3n) {margin-right: 0px;}
.prolist_bot ul li a {display: block;width: 100%;height: 100%;}
.prolist_bot ul li a .prolist_liimg {width: 100%;border-radius: 6px;overflow: hidden;transition: .5s; }
.prolist_bot ul li a .prolist_liimg img {width: 100%;height: 100%;object-fit: cover;}
.prolist_bot ul li:hover .prolist_liimg img {transform: scale(1.1);}
.prolist_lititle {height: 90px;width: 100%;background-color: #fff;display: flex; align-items: center;-webkit-align-items: center; justify-content:center}
.prolist_lititle h3 {font-size: 18px;color: #666666;font-weight: bold }
.prolist_bot ul li:hover {box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);}

.prolist_bot2 { width: 100%; margin: 0% auto; }
.prolist_bot2 ul{display: flex; display:-webkit-flex;-webkit-justify-content: left;   justify-content:  left;width: 100%; margin:0 auto 0 auto;flex-wrap: wrap;}
.prolist_bot2 ul li {width: 24%;padding:1%;height: auto;margin-bottom: 25px;transition: all .5s;}
.prolist_bot2 ul li a {display: block;width: 100%;height: 100%;}
.prolist_bot2 ul li a .prolist_liimg {width: 100%;border-radius: 6px;overflow: hidden;transition: .5s; }
.prolist_bot2 ul li a .prolist_liimg img {width: 100%;height: 100%;object-fit: cover;}
.prolist_bot2 ul li:hover .prolist_liimg img {transform: scale(1.1);}
.prolist_bot2 ul li:hover {box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);}

@media screen and (max-width:1023px) {
    .prolist_bot ul{width: 100%;}
    .prolist_bot ul li{width: 49%; margin-right: 1%; margin-bottom: 10px}
    .prolist_bot ul li:nth-child(2n) {margin-right: 0px;}
    .prolist_lititle {height:50px;}
    .prolist_lititle h3 {font-size: 16px;}
    .prolist_bot2 ul{width: 100%;}
    .prolist_bot2 ul li{width: 49%; margin-right: 1%; margin-bottom: 10px}
    .prolist_bot2 ul li:nth-child(2n) {margin-right: 0px;}
}


.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:#fceff0; 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:#b41626; border-color:#b41626; color:#fff;}
.news-item .name{transition:var(--transition);}
.news-item>*>*:hover .name{color:#b41626;}
.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:#b41626; 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;}
.newsDetail-cont .cont img{display: block; margin: 0 auto}
.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:#b41626;}
.news-other-item>*:hover .l-imgs{transform:scale(1.1);}

.brand-story{background-position:right top; background-size: 100% ;padding:3% 0 0 0;}
.brand-story>*{justify-content:flex-end;}
.brand-story .text{width:45%; padding: 4% 0 4% 0}
.brand-story .text i{display:block; width:70px;height:1px;background: #333;margin: 55px 0 35px 0}
.brand-story .text .ccont{margin-top:0px;}
.brand-story .text .icon{font-size:138px; white-space:nowrap;color: transparent; -webkit-text-stroke: 0.5px #fff; opacity:.2; margin-top:30px; text-align: center}
.brand-story .text .ccont p{text-indent:2em;}

@media screen and (max-width:1440px) {
    .brand-story .text{padding-top: 2%}
    .brand-story .text i{margin: 2% 0}
}

@media screen and (max-width:1023px) {
    .brand-story{background-image: none!important;}
    .brand-story .text .icon{font-size:100px;}

    }
.culture-item{margin-top:130px;}
.brand-culture{padding-top:130px;}
.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-green);}
.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:#b41626;}
.public-line.wathet:before{background:#b41626;}
.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:#b41626; 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:#b41626; 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:#b41626;}
.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,#b41626,#b41626,#b41626); border-radius:60px; margin:50px auto; border: none; color: #fff}
.attract-btn i{font-size:20px; margin-right:10px;}
.submit-item{ 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 transparent; border-color: rgba(255, 255,255, 0.3);; 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 transparent; border-color: rgba(255, 255,255, 0.3); 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(../img/zs1.png); background-size:cover; background-position:center; background-repeat:no-repeat; position:absolute; left:-1px; top:-1px;}
.prospect-item>*>*:after{background-image:url(../img/zs2.png); left:auto; right:-1px;}
.prospect-item .icon:before{background-image:url(../img/zs3.png); top:auto; bottom:-1px; left:auto; right:-1px;}
.prospect-item .icon:after{background-image:url(../img/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; background: #b41626; height: 50px;border-radius: 50%}
.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:#000;}
.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;
*/

@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:95%;}
}
/*平板*/
@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:140px; 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; margin-top: 0}
	.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%;}
	.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:30px;}
	.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;}
	.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;justify-content:left}
	.footer-bottom,.footer-top{padding:30px 0;}
	.index-page{padding:0 15px;}
	.pro-index{padding:150px 0 100px 0px;}
	.pro-index-text{left:15px; top:80px;}
	.l-font42{font-size:26px;}
	.pro-index-nav{left:0; top:200px;bottom: 0;border-left:none; width: 100%;display: flex; display:-webkit-flex;  -webkit-justify-content: space-between;   justify-content: space-between;flex-wrap: wrap; height: 60px}
    .pro-index-nav li{width: 25%; }
    .pro-index-nav>*:first-child{margin-top:20px}
	.main-other{padding-top:50px;}
	.lh-crumbs>*>*:nth-child(2){display:none;}
	.crumbs-nav{ display:block;}
	.crumbs-nav>*{margin-right:5px; display:inline-block;}
	.crumbs-nav>* a{font-size:16px; line-height: 30px}
	.lh-crumbs{height:auto; padding: 10px 0}
	.pro-cont{padding:30px 0;}
	.pro-item>li .img{height:285px;}
	.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:28px;}
	.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(33% - 10px); height:105px; margin:0 5px; padding:0 10px}
	.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 0px;}
	.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){
    
}