﻿﻿

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%;}
ul,dl,li,dt,dd{list-style:none;}
body,html{min-height:100%;}
body{font-size:14px; color:#333;-webkit-tap-highlight-color:rgba(255,255,255,0); overflow-x:hidden; color:#000;font-family: 'Helvetica Neue',Helvetica,Tahoma,Arial,'Microsoft YaHei','PingFang SC','Hiragino Sans GB','Heiti SC','WenQuanYi Micro Hei',sans-serif;}
pre{font-family: 'Helvetica Neue',Helvetica,Tahoma,Arial,'Microsoft YaHei','PingFang SC','Hiragino Sans GB','Heiti SC','WenQuanYi Micro Hei',sans-serif; white-space:pre-wrap;word-wrap: break-word;}
a{text-decoration:none; color:#333; outline:none; transition:cubic-bezier(0.215,.61,.355,1) .45s;}
.clearfix:after{content:"\200B"; display:block; height:0; clear:both;}
.clearfix{*zoom:1;clear: both;}/*IE/7/6*/
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
input,textarea,select{outline: none;-webkit-appearance: none;border-radius: 0; font-size:14px;font-family:'Helvetica Neue',Helvetica,Tahoma,Arial,'Microsoft YaHei','PingFang SC','Hiragino Sans GB','Heiti SC','WenQuanYi Micro Hei',sans-serif; display:block; width:100%; border:none; border:1px solid #eee; height:38px; line-height:38px; padding:0 10px; transition:cubic-bezier(0.215,.61,.355,1) .45s; background:none;}
input::-webkit-input-placeholder{color: #999;}
input:-moz-placeholder,input::-moz-placeholder{color: #999;}
input:-ms-input-placeholder{color: #999;}
textarea::-webkit-input-placeholder{color: #999;}
textarea:-moz-placeholder{color: #999;}
textarea::-moz-placeholder{color: #999;}
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:1430px; margin:auto; position:relative; padding:0 15px; width:100%;}
.century{font-family: "Century Gothic";}
.din{font-family: "din-bold_";}
.bgcolor{background: #f5f5f5;}
/*浏览器滚动条*/
::-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:#CCC8C8}
::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal{background-color:#6D1A1A;border-radius:1.5625vw}
::-webkit-scrollbar-thumb:vertical:hover,::-webkit-scrollbar-thumb:horizontal:hover{background-color:#6D1A1A}
::-webkit-scrollbar-corner:vertical,::-webkit-scrollbar-corner:horizontal{background-color:#6D1A1A}
::-webkit-scrollbar-resizer:vertical,::-webkit-scrollbar-resizer:horizontal{background-color:#6D1A1A}
/*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-font56{font-size:56px;}
.l-font60{font-size:60px;}
.l-font72{font-size:72px;}
.l-font100{font-size:100px;}
.l-opacity8{opacity:.8;}
.l-opacity7{opacity:.7;}
.l-opacity5{opacity:.5;}
/*栅格化*/
.l-flex,.l-grid-2,.l-grid-3,.l-grid-4,.l-grid-5,.l-grid-6,.l-grid-7,.l-grid-8{display:flex;display:-webkit-flex;flex-direction:row; -webkit-flex-direction:row;flex-wrap:wrap; -webkit-flex-wrap:wrap;}
.l-col-1,.l-col-2,.l-col-3,.l-col-4,.l-col-5,.l-col-6,.l-col-7,.l-col-8,.l-col-9,.l-col-10,.l-col-11,.l-col-12,.l-left,.l-grid-2>*,.l-grid-3>*,.l-grid-4>*,.l-grid-5>*,.l-grid-6>*{float:left;}
/*均分*/
.l-grid-2>*{width:50%;}
.l-grid-3>*{width:33.333333333333336%;}
.l-grid-4>*{width:25%;}
.l-grid-5>*{width:20%;}
.l-grid-6>*{width:16.666666666666668%;}
.l-grid-7>*{width:14.285714285714286%;}
.l-grid-8>*{width:12.5%;}
/*均分/非均分*/
.l-col-1{width:8.333333333333332%;}
.l-col-2{width:16.666666666666664%;}
.l-col-3{width:25%;}
.l-col-4{width:33.333333333333336%;}
.l-col-5{width:41.66666666666667%;}
.l-col-6{width:50%;}
.l-col-7{width:58.333333333333336%;}
.l-col-8{width:66.66666666666666%;}
.l-col-9{width:75%;}
.l-col-10{width:83.33333333333334%;}
.l-col-11{width:91.66666666666666%;}
.l-col-12{width:100%;}
/*间距*/
.l-space5{margin-left:-5px;}
.l-space5>*{padding-left:5px;}
.l-space10{margin-left:-10px;}
.l-space10>*{padding-left:10px;}
.l-space15{margin-left:-15px;}
.l-space15>*{padding-left:15px;}
.l-space20{margin-left:-20px;}
.l-space20>*{padding-left:20px;}
.l-space25{margin-left:-25px;}
.l-space25>*{padding-left:25px;}
.l-space30{margin-left:-30px;}
.l-space30>*{padding-left:30px;}
.l-space35{margin-left:-35px;}
.l-space35>*{padding-left:35px;}
.l-space40{margin-left:-40px;}
.l-space40>*{padding-left:40px;}
/*mt*/
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt35{margin-top:35px;}
.mt40{margin-top:40px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml25{margin-left:25px;}
.ml30{margin-left:30px;}
.ml35{margin-left:35px;}
.ml40{margin-left:40px;}
.l-col-mt10>*{margin-top:10px;}
.l-col-mt15>*{margin-top:15px;}
.l-col-mt20>*{margin-top:20px;}
.l-col-mt25>*{margin-top:25px;}
.l-col-mt30>*{margin-top:30px;}
.l-col-mt35>*{margin-top:35px;}
.l-col-mt40>*{margin-top:40px;}
/*form*/
.l-form-label{width:110px; text-align:right; padding:0 15px;}
input:focus{border-color:#D2D2D2;}
.l-input-block{margin-left:110px; min-height:38px;}
.layui-input-inline{width:190px;}
.l-radio>div{float:left; position:relative; margin-left:20px;}
.l-radio>div:first-child{margin-left:0;}
.l-radio>div i{display:block; width:20px; height:20px; border:1px solid #c2c2c2; border-radius:50%; margin:9px 10px 0 0; float:left; position:relative;transition:cubic-bezier(0.215,.61,.355,1) .45s;}
.l-radio>div i:before{content:''; display:block; width:12px; height:12px; border-radius:50%; background:#5FB878; position:absolute; left:50%; top:50%; margin:-6px 0 0 -6px; transform:scale(0); visibility:hidden; opacity:0;transition:cubic-bezier(0.215,.61,.355,1) .45s;}
.l-radio>div.on i{border-color:#5FB878;}
.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:#F9F9FA;}
.l-bg-white{background-color:#fff;}
/*font color*/
.l-white{color:#fff;}
.l-red{color:#7e1b1b;}
.l-orange{color:#FFB800;}
.l-green{color:#475622;}
.l-cyan{color:#2F4056;}
.l-blue{color:#1E9FFF;}
.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;}
.public-bg{background-attachment:fixed;background-position:center; background-size:cover;}
/*下拉*/
.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;}
.lh-cursor{width:30px; height:30px;position: absolute;left: 0;top: 0; pointer-events: none;margin: -10px 0 0 -10px;z-index: 1200;mix-blend-mode: difference;}
.lh-cursor i{width: 100%;height:100%;background: #ff0000;border-radius: 50%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);transition:all .6s ease;user-select: none;pointer-events: none;}
li .l-imgs{height:100%;transition:cubic-bezier(0.215,.61,.355,1) 1s;}
.lh-banner{height:55vh; max-height:1080px;}
.lh-banner .bd li{overflow:hidden;}
.l-font48{font-size:48px;}
header{position:fixed; left:0; top:0; right:0; z-index:100; padding:20px 6.25vw;transition:cubic-bezier(0.215,.61,.355,1) .45s;    background: rgba(255, 255, 255, 1);}
.lh-logo{position:relative; width:290px;/* top:-16px */}
.lh-logo .logo2{position:absolute; left:0; top:0; opacity:0;}
.lh-nav li{float:left; margin-left:2.966666666666666vw; line-height:52px;}
.lh-nav li a{color:#000; text-align:center; position:relative; display:block;}
.lh-nav li a>*{transition:cubic-bezier(0.215,.61,.355,1) .45s;}
.lh-nav li a .en{position:absolute; left:50%; top:0; transform:translate(-50%,20px); opacity:0; visibility:hidden;width:100%}
.lh-nav li a:hover .cn,.lh-nav li.on a .cn{transform:translateY(-20px); opacity:0; visibility:hidden;}
.lh-nav li a:hover .en,.lh-nav li.on a .en{transform:translate(-50%,0); opacity:1; visibility:visible;}
.header-search{margin-left:2.604166666666667vw; margin-top:6px;}
.header-search li{float:left; margin-left:15px; position:relative; padding-bottom:10px;transition:cubic-bezier(0.215,.61,.355,1) .45s; width:40px;}
.header-search li a{display:block; width:40px; height:40px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:#fff; font-size:24px; position:relative; z-index:2; float:right;}
.header-search li .ewm{position:absolute; left:50%; top:100%; width:100px; transform:translateX(-50%); background:#fff; display:none;}
.header-search li .ewm:before{content:''; display:block; width:0; height:0; border:6px solid transparent; border-bottom:6px solid #fff; position:absolute; left:50%; top:-12px; margin-left:-6px;}
.header-search li:hover .ewm{display:block;}
.header-search li input{position:absolute; right:0; top:0; height:40px; line-height:40px; background:#fff; border-radius:30px; border:none;}
.header-search li:last-child:hover{width:200px;}
.header-search li:last-child:hover input{ padding:0 50px 0 15px;}



.lh-banner .text{position:absolute; left:0; top:0; bottom:0; padding-left:6.25vw; z-index:2; display:flex; align-items:center;}
.lh-banner .text .nname,.lh-banner .text .name{overflow:hidden;}
.textAn .nname p,.textAn .name p{transform:translateY(100px); opacity:0;transition:cubic-bezier(0.215,.61,.355,1) 1s; transition-delay:1s;}
.textAn .name p{transition-delay:1.2s;}
.lh-banner .text .name{margin-top:20px;}
.swiper-slide-active .textAn .nname p,.swiper-slide-active .textAn .name p,.swiper-slide-duplicate-active .textAn .nname p,.swiper-slide-duplicate-active .textAn .name p{transform:translateY(0); opacity:1;}
.textAn:before,.textAn:after,.textAn>*:before,.textAn>*:after{content:''; display:block; width:16%; height:100%; position:absolute; left:0; top:0; background:#81d8d0; z-index:-1; transform:translateY(-100%);transition:cubic-bezier(0.215,.61,.355,1) 1s;transition-delay:.7s; display:none;}
.textAn:after{left:16%; transition-delay:.8s;}
.textAn>*:before{left:32%; transition-delay:.9s;}
.textAn>*:after{left:48%; transition-delay:1s;}
.swiper-slide-active .textAn:before,.swiper-slide-active .textAn:after,.swiper-slide-active .textAn>*:before,.swiper-slide-active .textAn>*:after,.swiper-slide-duplicate-active .textAn:before,.swiper-slide-duplicate-active .textAn:after,.swiper-slide-duplicate-active .textAn>*:before,.swiper-slide-duplicate-active .textAn>*:after{transform:translate(0,0);}
.lh-banner-hd{position:absolute; left:3.641304347826087%; bottom:10px; 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;}
.l-font74{font-size:74px;}
.l-font46{font-size:46px;}
.l-lh42{line-height:42px;}
.index-info{position:absolute; right:0; bottom:0; z-index:3; width:64.0625vw; background:#f9f9f9; padding:60px 6.25vw; line-height:24px;}
.index-info>.name{position:relative;}
.index-info>.name:after{content:''; display:block; width:1px; height:40px; background:#E0E0E0; position:absolute; right:-20px; top:50%; transform:translateY(-50%) rotate(15deg);}
.info-banner{width:80%; height:24px;}
.info-banner .name{width:80%;transition:cubic-bezier(0.215,.61,.355,1) .45s;}
.info-banner .view{border-bottom:1px solid #000; position:relative; padding:0 50px 4px 10px; line-height:16px;}
.info-banner .view:after{content:''; display:block; width:0; height:0; border:4px solid transparent; border-left:4px solid #000; position:absolute; right:10px; top:50%; margin-top:-6px;}
.info-banner a:hover .name{color:#fc3334;}
.index-cont{padding:0 10.25vw; position:relative;}
.index-contf{padding:0 6.25vw; position:relative;}
.pd90{padding-top:90px; padding-bottom:90px;}
.pd50{padding-top:50px; padding-bottom:0px;}
.l-font54{font-size:54px;}
.public-title>*{overflow:hidden;}
.public-title>*>*{display:block;}
.lh-more{display:flex; align-items:center; justify-content:center; width:70px; height:70px; border-radius:50%; background:#FC3334; color:#fff; font-size:24px; position:relative; letter-spacing:-10px;}
.lh-more:after{content:''; display:block; width:2px; height:2px; border-radius:50%; position:absolute; left:50%; top:50%; margin:-1px 0 0 -12px; background:#fff;}
.public-title .lh-more{position:absolute; right:0; top:50%; transform:translateY(-50%);}
.project-item{margin:50px 0 0 -8px; position:relative;}
.public-title .name{margin-top:8px;}
.project-item li{margin-top:8px; padding-left:8px;height:19.895833333333332vw; position:relative;}
.project-item li a{display:block; overflow:hidden; position:relative; height:100%;}
.project-item li .img{ position:relative; height:100%;}
.project-item li .img:before{content:''; display:block; width:100%; height:40%;background-image: linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,0)); position:absolute; left:0; bottom:0; z-index:1;}
.project-item li .text{position:absolute; left:0; bottom:0; z-index:2; padding:1.5625vw; right:0;}
.project-item li .text .nname{margin-top:10px;}
.project-item li.project1,.project-item li.project5{width:50%;}
.project-item li.project3,.project-item li.project6{height:calc(39.791666666666664vw + 8px);}
.project-item li.project4,.project-item li.project5{margin-top:-19.895833333333332vw;}
.project-item li.project6{right:calc(100% - 25%);}
.project-item li.project7,.project-item li.project8{left:25%; margin-top:calc(-39.791666666666664vw - 8px);}
.project-item li.project8{left:25%; width:50%;}
.project-item li.project9{margin:-19.895833333333332vw 0 0 -50%;}
.project-item li.project10,.project-item li.project11{margin:-19.895833333333332vw 0 0 0;}
.project-item li a:hover .l-imgs{transform:scale(1.1);}
.index-about .icon{width:26.875vw; position:absolute; right:16.666666666666664vw; bottom:0;}
.index-about .icon img{position:relative; z-index:2;}
.index-about .text{width:53%; position:relative; z-index:3;}
.index-about .text .cont{margin-top:40px;}
.index-about .text .cont pre{ color:#666;}
.index-about .text .lh-more{margin-top:40px;}
.index-about P{margin-bottom: 15px;}
.about-honor{margin-top:40px;}
.about-honor .num i{position:relative; top:-30px; font-size:20px; left:0; margin-right:4px;}
.about-honor{white-space:nowrap;}
.about-honor li{position:relative; display:inline-block; margin-left:7.291666666666667vw;}
.about-honor li:first-child{margin-left:0;}
.about-honor li:before{content:''; display:block; width:1px; height:86px; background:#D8D8D8; position:absolute; left:-3.6458333333333335vw; top:58%; transform:translateY(-50%);}
.about-honor li:first-child:before{display:none;}
.circleAn{position:absolute; left:50%; transform:translateX(-50%); top:50%; width:44.27083333333333vw; height:44.27083333333333vw;}
.circleAn:before,.circleAn:after{width:100%; height:100%; border-radius:45%;animation: rotate 6s linear infinite; background:#f5f4f5; position:absolute; right:0; top:0; content:''; display:block;}
.circleAn:before{background:#f5f4f5;}
.circleAn:after{background:#394ae1; z-index:2;animation: rotate1 6s linear infinite;transform: translate(-5%, 0) rotate(0deg); width:200%; height:200%; display:none;}
@keyframes rotate {
    50% {border-radius: 38%;transform: rotate(180deg);}
	100% {border-radius: 45%;transform: rotate(360deg);}
}

@keyframes rotate1 {
    50% {border-radius: 38%;transform: translate(-10%, 8%) rotate(180deg);}
	100% {border-radius: 45%;transform: translate(-5%, 0%) rotate(360deg);}
}
.about-honor li:nth-child(1){animation-delay:.1s;}
.about-honor li:nth-child(2){animation-delay:.2s;}
.about-honor li:nth-child(3){animation-delay:.3s;}
.news-item{margin:50px 0 0 -30px;}
.news-item li{padding-left:30px;}
.news-item li a{display:block; height:100%; overflow:hidden; background:#fff; border-radius:4px;}
.news-item li .img{height:17.708333333333336vw; position:relative;}
.news-item li .img:before{content:''; display:block; width:100%; height:6px; background:#FC3334; position:absolute; left:0; bottom:0;transition:cubic-bezier(0.215,.61,.355,1) 1s; transform:scaleX(0); z-index:2;}
.news-item li .text{padding:1.5625vw;}
.news-item li .text .name{margin-top:10px;}
.news-item li a:hover{background:#fbfbfb;}
.news-item li a:hover .l-imgs{transform:scale(1.1);}
.news-item li a:hover .img:before{transform:scaleX(1);}
.key-l{width:40%;}
.key-l .cont{margin-top:40px;}
.public-title .nname{line-height:57px;}
.key-r{width:60%;}
.key-item a{display:block; height:7.604166666666666vw; margin-top:5px; background:#fff; display:flex; align-items:center; justify-content:center; overflow:hidden; border-radius:4px; box-shadow:0 0 10px rgba(0,0,0,.1);}
.key-banner .bd li{width:20%; padding-left:5px;}
.key-btn{margin-top:100px;}
.key-btn a{display:flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:50%; border:2px solid #FC3334; color:#FC3334; margin-left:20px; float:left; font-size:20px; font-weight:bold;}
.key-btn a:first-child{margin-left:0;}
footer{background:#1B1B1B;}
.footer-a{padding:100px 0;}
.footer-contact{color:#a6a4a4; opacity:.55;}
.footer-contact a{color:#a6a4a4;}
.footer-contact dl{margin-top:30px;}
.footer-logo{display:block; width:337px;}
.footer-nav li{float:left; margin-right:5.208333333333334vw;}
.footer-nav li a{color:#fff;}
.footer-nav li a:hover{text-decoration:underline;}
.footer-nav li p a{color:#a6a4a4; margin-left:10px;}
.footer-nav li p a:first-child{margin-left:0;}
.footer-nav li p a:hover{color:#fff;}
.footer-nav li h3{margin-bottom:6px;}
.footer-ewm{text-align:center; color:#a6a4a4;}
.footer-ewm .img{width:126px; margin:0 auto 10px;}
.l-copy{padding:30px 0; border-top:1px solid #3D3D3D; color:#7B7979;}
.l-copy a{color:#7B7979;}
.l-copy span{margin-left:20px;}
.l-copy span:first-child{margin-left:0;}
.l-copy a:hover{color:#fff;}
.news-item li:nth-child(1),.key-banner .bd li:nth-child(1){animation-delay:.1s;}
.news-item li:nth-child(2),.key-banner .bd li:nth-child(2){animation-delay:.2s;}
.news-item li:nth-child(3),.key-banner .bd li:nth-child(3){animation-delay:.3s;}
.key-banner .bd li:nth-child(4){animation-delay:.4s;}
.key-banner .bd li:nth-child(5){animation-delay:.5s;}
/* .Fixed header{background:#fff;box-shadow:0 0 20px rgba(0,0,0,.1);padding: 20px 6.25vw;} */
.lh-nav{height:50px;}
.Fixed .lh-nav li a{color:#000;}
.Fixed .header-search li a{background:#f1f1f1; }
.Fixed .header-search li input{background:#f1f1f1;}
.Fixed .lh-logo .logo2{opacity:1;}
.Fixed .lh-logo .logo1{opacity:0;}
.lh-logo>*{transition:cubic-bezier(0.215,.61,.355,1) .45s;}
.index-info{transform-style: preserve-3d;transform-origin: center bottom;transform: perspective(600px) rotateX(90deg); animation:info cubic-bezier(0.215,.61,.355,1) 2s forwards;}
@keyframes info{
	100%{transform: perspective(600px) rotateX(0deg);}	
}
.lh-banner .text>div>*{animation: bannerText cubic-bezier(0.215,.61,.355,1) 1s forwards; transform:translateY(100%); opacity:0; visibility:hidden;}
@keyframes bannerText{
	100%{transform:translateY(0); opacity:1; visibility:visible;}	
}
.lh-banner .text>div>*:nth-child(2){animation-delay:.2s;}
.lh-nav li:first-child{margin-left:0;}
.key-banner{margin-left:-5px; padding:10px;}

.Header header{transform:translateY(-100%);}
.index-line{width:1px; height:100%; position:absolute; right:21.354166666666668vw; top:0; background:rgba(255,255,255,.2); z-index:2;}
.index-line:before,.index-line:after{ display:block; content:'';width:100%; height:100%; background:rgba(255,255,255,.2); position:absolute; top:0; right:21.354166666666668vw;}
.index-line:after{right:42.708333333333336vw;}
.lh-ban{height:100vh; max-height:950px;}
.lh-ban>.l-imgs{height:100%; animation:banImg cubic-bezier(0.215,.61,.355,1) 2s forwards; transform:scale(1.2);}
@keyframes banImg{
	100%{transform:scale(1);}	
}
.lh-ban .text{position:absolute; left:0; top:0; right:0; bottom:0; display:flex; align-items:center; justify-content:center; z-index:2; padding-top:0%;}
.lh-ban .text .name,.lh-ban .text .nname{animation:banText cubic-bezier(0.215,.61,.355,1) 1s forwards; transform:translateY(100%); opacity:0; visibility:hidden;}
@keyframes banText{
	100%{transform:translateY(0); opacity:1; visibility:visible;}
}
.lh-ban .text .nname{animation-delay:.1s;}
.l-font66{font-size:66px;}
.circleAn.an1:before{background:rgba(255,255,255,.2);}
.about-down p{margin-top:18px;}
.about-down img{animation:down linear 1s infinite;}
@keyframes down{
	0%,100%{transform:translateY(0);}
	50%{transform:translateY(10px);}	
}
.lh-ban .about-down{margin-top:260px;}
.circleAn.an1{width:400px; height:400px; bottom:-150px; top:auto;}
.circleAn.an1:after{display:block; width:120%; height:120%; background:rgba(255,255,255,.2);}
.other-nav{height:100px; line-height:100px; background:#fff;}
.other-nav-item li{float:left; margin-left:4.6875vw;}
.other-nav-item li:first-child{margin-left:0;}
.lh-crumbs a{color:#999;}
.lh-crumbs i{margin:0 4px;}
.lh-crumbs a:hover{color:#FB3434;}
.other-nav-item li a:hover,.other-nav-item li.on a{color:#FB3434;}
.about-res .icon{right:-12px; bottom:-10px; width:58.854166666666664vw;}
.about-res .about-down{margin-top:70px; text-align:center; display:inline-block;}
.about-res .about-honor{position:absolute; right:6.25vw; top:50%; transform:translateY(-50%); z-index:2; margin-top:0;}
.about-res .about-honor li{display:block; margin:0; width:319px; height:200px; text-align:center; background:#000; color:#fff; position:relative; z-index:2;}
.about-res .about-honor li>div{width:100%; height:100%; display:flex; align-items:center; justify-content:center;}
.about-res .about-honor li:before{display:none;}
.about-res .about-honor li:nth-child(2)>div{background:#fff; color:#000;}
.about-res .about-honor li:nth-child(3)>div{background:#7e1b1b;}
.about-res .about-honor li:after{content:''; display:block; width:560px; height:100%; background:#000; position:absolute; right:0; top:0;transition:cubic-bezier(0.215,.61,.355,1) .45s; z-index:-1; transform:scaleX(0); transform-origin:right center;}
.about-res .about-honor li:nth-child(2):after{transform:scaleX(1);}
.about-res .about-honor li:nth-child(2):after{background:#fff;}
.about-res .about-honor li:nth-child(3):after{background:#7e1b1b;}
.pd120{padding-top:150px; padding-bottom:150px;}
.history-cont{padding:0 126px; margin-top:90px;}
.history-banner{height:360px;}
.history-banner li{float:left; width:25%; color:#fff;}
.history-banner:before{content:''; display:block; width:100%; height:1px; background:#fff; position:absolute; left:0; top:50%; opacity:.5;}
.history-banner:after{content:''; display:block; width:100%; height:7px;background:url(../image/about10.png) repeat-x center; position:absolute; left:50px; top:50%; margin-top:-7px;}
.history-banner .name{position:relative; top:185px; left:50px;}
.history-banner .name:before,.history-banner .name:after{content:''; display:block; width:13px; height:13px; border-radius:50%; background:#FC3334; position:absolute; left:18px; top:-11px;}
.history-banner .name:after{background:rgba(252,51,52,.7); animation:history linear 1s infinite;}
@keyframes history{
	0%{transform:scale(1); opacity:1;}
	100%{transform:scale(3); opacity:0;}	
}
.history-banner .cont{position:absolute; left:74px; top:0; height:160px; padding-left:20px; width:calc(100% - 74px); padding-bottom:20px; overflow-y:auto;}
.history-banner li{height:100%;}
.history-banner .text:before{content:''; display:block; width:1px; height:180px; background:#fff; opacity:.5; position:absolute; left:74px; top:0;}
.history-banner li:nth-child(2n) .name{top:120px;}
.history-banner li:nth-child(2n) .name:before,.history-banner li:nth-child(2n) .name:after{top:54px;}
.history-banner li:nth-child(2n) .cont{top:auto; bottom:0; display:flex; align-items:flex-end;}
.history-banner li:nth-child(2n) .cont>div{height:100%;}
.history-banner li:nth-child(2n) .text:before{top:auto; bottom:0;}
.history-btn a{display:flex; align-items:center; justify-content:center; width:60px; height:60px; border-radius:50%; float:left; background:#fff; font-size:24px; position:relative;letter-spacing: -10px;}
.history-btn a:after{content:''; display:block; width:2px; height:2px; background:#000; position:absolute; left:50%; top:50%; margin:-1px 0 0 -12px;}
.history-btn a:first-child{letter-spacing:10px;}
.history-btn a:first-child:after{margin:-1px -12px 0 0; left:auto; right:50%;}
.history-btn.history a{position:absolute;top:50%; transform:translateY(-50%);}
.history-btn.history .prevs{left:0;}
.history-btn.history .nexts{right:0;}
.team-banner{margin:90px 0 0 -26px;}
.team-banner .bd li{padding-left:26px; width:25%; float:left;}
.team-banner .bd li>a{height:25.885416666666668vw; border-radius:4px; overflow:hidden; display:block; position:relative;}
.team-banner .bd li .img{height:100%; position:relative;}
.team-banner .bd li .img:before{content:''; display:block; width:100%; height:50%;background-image: linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,0)); position:absolute; left:0; bottom:0; z-index:1;}
.team-banner .bd li .text{position:absolute; left:0; top:100%; transform:translateY(-60px); padding:0 20px; height:100%;transition:cubic-bezier(0.215,.61,.355,1) .45s;background-image: linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,0)); z-index:2;}
.team-banner .bd li .text>div{transition:cubic-bezier(0.215,.61,.355,1) .45s; position:relative; z-index:2;}
.team-banner .bd li .text:before{content:''; display:block; width:100%; height:100%; background:rgba(0,0,0,.4); position:absolute; left:0; top:0;transition:cubic-bezier(0.215,.61,.355,1) .45s; opacity:0;}
.team-banner .bd li .name b{margin-right:20px; float:left;}
.team-banner .bd li .ccont{margin-top:30px; height:150px;}
.team-banner .bd li>a:hover .text{top:0; transform:translateY(0);}
.team-banner .bd li>a:hover .text>div{transform:translateY(50%);}
.team-banner .bd li>a:hover .l-imgs{transform:scale(1.2);}
.team-hd{text-align:center; margin-top:30px; padding-left:26px;}
.team-hd li{width:20px; height:10px; border-radius:30px !important; background:#B7B7B7; opacity:1; margin:0 10px !important;transition:cubic-bezier(0.215,.61,.355,1) .45s;}
.team-hd li.on{width:64px; background:#C31D1E;}
.qualification-banner{margin:50px 0 0 -3.125vw;}
.qualification-banner .bd li{padding-left:3.125vw; width:25%; float:left; height:auto;}
.qualification-banner .bd li>*{display:block; border-radius:4px; background:#fff; overflow:hidden; height:100%;}
.qualification-banner .bd li .name{padding:20px; text-align:center;}
.qualification-banner .bd li .img{height:25.520833333333332vw; display:flex; align-items:center; justify-content:center; overflow:hidden;}
.qualification-banner .bd li img{max-height:100%;}
.qualification-banner .bd li>*:hover .name{color:#C31D1E;}
.about-qualification .history-btn{position:absolute; right:0; top:50%; transform:translateY(-50%);}
.about-qualification .history-btn a{margin-left:30px;}
.about-qualification .history-btn a:first-child{margin-left:0;}
.history-btn a:hover{background:#C31D1E; color:#fff;}
.history-banner li:nth-child(1),.team-banner .bd li:nth-child(1),.qualification-banner .bd li:nth-child(1){animation-delay:.1s;}
.history-banner li:nth-child(2),.team-banner .bd li:nth-child(2),.qualification-banner .bd li:nth-child(2){animation-delay:.2s;}
.history-banner li:nth-child(3),.team-banner .bd li:nth-child(3),.qualification-banner .bd li:nth-child(3){animation-delay:.3s;}
.history-banner li:nth-child(4),.team-banner .bd li:nth-child(4),.qualification-banner .bd li:nth-child(4){animation-delay:.4s;}
.contact-coop{padding:220px 0 100px; background-attachment:fixed;}
.coop-item{margin-top:220px;}
.coop-l{width:40.10416666666667vw;}
.coop-item{margin-left:-10px;}
.coop-item li{padding-left:10px;}
.coop-item li a{display:block; background:rgba(255,255,255,.2); display:flex; align-items:center; justify-content:center; height:8.958333333333334vw; color:#fff; border-radius:4px;}
.coop-item li .name{margin-top:8px;}
.coop-item li a:hover{background:#7e1b1b;}
.coop-r{position:absolute; right:6.25vw; bottom:0; width:36.45vw; background:#7e1b1b;height:8.958333333333334vw; display:flex; align-items:center; padding-left:7.5vw; border-radius:4px;}
.coop-r i{font-size:38px; margin-right:20px;}
.coop-r .tel{margin-top:10px;}
.contact-coop .line{width:1px; height:100%; background:rgba(255,255,255,.2); position:absolute; top:0; right:42.708333333333336vw;}
.job-hd{margin:50px 0 0 -20px; white-space:nowrap;}
.job-hd li{display:inline-block; margin-left:20px;}
.job-hd li.on a,.job-hd li a:hover{background:#7e1b1b; color:#fff;}
.job-hd li a{display:block; height:50px; line-height:52px; padding:0 20px; background:#F2F1F1; border-radius:30px;}
.job-bd{margin:50px 0 0 0; width:50%;}
.job-bd-item .cont{margin-top:30px; height:238px; overflow-y:auto; padding-right:20px;}
.job-bd-item .email{margin-top:40px;}
.contact-message{background-repeat:no-repeat; background-position:left top; background-color:#7E1B1B;}
.message-l .ccont{margin-top:50px;}
.message-r{width:60%; margin-left:-20px;}
.message-r li{padding-left:20px; margin-bottom:20px; position:relative;}
.message-r li .title{position:absolute; left:0; top:0; line-height:60px;}
.win100{width:100%;}
.message-r li input,.message-r li textarea{height:60px; line-height:60px; border:none; font-size:18px; border-radius:4px; color:#fff; position:relative; z-index:2; padding:0 12px 0 35px;}
.message-r li textarea{height:200px; padding:18px 12px 12px 35px; line-height:24px; resize:none;}
.message-r li.textarea{margin-top:30px;}
.message-r li input::-webkit-input-placeholder{color: #DECECE;}
.message-r li input:-moz-placeholder,input::-moz-placeholder{color: #DECECE;}
.message-r li input:-ms-input-placeholder{color: #DECECE;}
.message-r li textarea::-webkit-input-placeholder{color: #DECECE;}
.message-r li textarea:-moz-placeholder,input::-moz-placeholder{color: #DECECE;}
.message-r li textarea:-ms-input-placeholder{color: #DECECE;}
.message-r li a{display:block; height:60px; width:272px; display:flex; align-items:center; justify-content:center; border-radius:30px; background:#fff;}
.addr-item{padding:80px 0;}
.addr-item li i{font-size:42px; display:block; margin-right:15px; position:relative; top:4px;}
.addr-item li h4{line-height:40px;display: flex;}
.addr-map{height:550px;}
.news-item.list{margin:0 0 0 -30px;}
.news-item.list li{margin-bottom:4.166666666666666vw;}
.detail-layer{position:fixed; right:0; top:0; width:70%; bottom:0; background:#fff; z-index:1000; padding:6.770833333333333vw 5.052083333333333vw 6.770833333333333vw 6.770833333333333vw; transform:translateX(100%); visibility:hidden;transition:cubic-bezier(0.215,.61,.355,1) .45s;}
.lh-shadow{width:100%; height:100%; position:fixed; left:0; top:0; background:rgba(0,0,0,.6); z-index:999; animation:shadow cubic-bezier(0.215,.61,.355,1) .45s forwards; opacity:0;}
@keyframes shadow{
	100%{opacity:1;}	
}
.DetailLayer .detail-layer{transform:translateX(0); visibility:visible;}
.detail-layer-l{width:calc(100% - 95px); padding-right:40px;}
.detail-layer-l .nname{margin-top:20px;}
.detail-layer-l .nname span{margin-left:30px;}
.detail-layer-l .nname span:first-child{margin-left:0;}
.detail-layer-l .cont{padding:30px 30px 30px 0; border-top:1px solid #F1F1F1; margin-top:30px; height:70vh; overflow-y:auto;}
.detail-layer-r{width:95px;}
.detail-layer-r .time{background:#000; display:flex; align-items:center; justify-content:center; height:130px;}
.detail-layer-r p{margin-top:6px;}
.detail-layer-r p:first-child{margin-top:0;}
.detail-layer-r h3{ margin-top:4px;}
.detail-layer-r .page a{display:block; text-align:center; margin-top:20px;}
.detail-layer-r .page a:hover{color:#C31D1E;}
.detail-layer-close{display:flex; align-items:center; justify-content:center; width:46px; height:46px; border-radius:50%; border:2px solid #000; font-weight:bold; font-size:24px; margin:50px auto 0;}
.business-item li{margin-bottom:8.697916666666666vw; position:relative; overflow:hidden;}
.business-item li .img{width:60%; height:40vw; overflow:hidden;}
.business-item li .text{width:40%; float:left; padding:4.166666666666666vw 6.25vw 0;}
.business-item li .text .cont{margin-top:60px;}
.business-item li:nth-child(2n) .img{float:right;}
.businessImg{animation:businessImg cubic-bezier(0.215,.61,.355,1) 1s forwards;transform:scale(.7);}
@keyframes businessImg{
	100%{transform:scale(1);}	
}
.businessImg>*{animation:businessImg cubic-bezier(0.215,.61,.355,1) 2s forwards;transform:scale(1.3);}
.lh-ban{height:500px;}
.pro-search{position:absolute; right:0; top:50%; transform:translateY(-50%);}
.pro-select{width:170px; position:relative; line-height:44px; margin-left:10px;}
.pro-select:first-child{margin-left:0;}
.pro-select i{position:absolute; right:10px; top:0;}
.pro-select select,.pro-select input{position:relative; z-index:2; width:100%; height:44px; border-radius:4px; border-color:#D2D6DC;}
.pro-select a{position:absolute; right:0; width:44px; text-align:center; z-index:3; top:0; font-size:20px;}
.pro-select.input{width:250px;}
.project-ul{margin:0 0 0 -3.6458333333333335vw;}
.project-ul li{padding-left:3.6458333333333335vw; margin-top:3.6458333333333335vw;}
.project-ul li>*{display:block; overflow:hidden; position:relative;}
.project-ul li .img{height:18.072916666666668vw; position:relative; overflow:hidden; border-radius:4px;}
.project-ul li .text{position:absolute; right:2.083333333333333vw; bottom:2.083333333333333vw; background:#fff; padding:4.166666666666666vw 24px 2.604166666666667vw; z-index:2; transform:translateY(130%); visibility:hidden;transition:cubic-bezier(0.215,.61,.355,1) .45s;}
.project-ul li .text:before{content:''; display:block; width:36px; height:2px; background:#FC3334; position:absolute; left:24px; top:3vw;}
.project-ul li .text i{margin-right:4px; font-size:18px;}
.project-ul li .cont{padding:30px;}
.project-ul li .cont .name{margin-top:10px;}
.project-ul li:nth-child(2n){animation-delay:.1s;}
.project-ul li>*:hover .l-imgs{transform:scale(1.1);}
.project-ul li>*:hover .text{transform:translateY(0); visibility:visible;}
.detail-cont{padding:40px 0;}
.detail-ccont{border-top:1px solid #E5E7EB; margin-top:30px; padding-top:30px;}
.detail-l{width:calc(100% - 250px); padding-right:30px;}
.detail-l dl{margin-top:30px;}
.detail-l dl:first-child{margin-top:0;}
.detail-l dl dd{margin-top:8px;}
.detail-rec{width:250px;}
.detail-rec .project-ul li{margin-top:20px;}
.detail-rec .project-ul li .img{height:136px;}
.detail-rec .project-ul li .cont{padding:0; margin-top:10px;}
.detail-rec .project-ul li .cont .name{margin-top:4px;}
.detail-info{margin-top:50px;}
.detail-info>.cont{margin-top:30px;}
.detail-other .project-ul{margin:0 0 0 -30px;}
.detail-other .project-ul>li{padding-left:30px; margin-top:30px;}
.detail-other .project-ul>li .img{height:15.625vw;}
.detail-other .project-ul>li .img:before{content:''; display:block; width:100%; height:50%;background-image: linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,0)); z-index:1; position:absolute; left:0; bottom:0;}
.detail-other .project-ul>li .cont{position:absolute; left:0; bottom:0; padding:20px; color:#fff; z-index:3;}
.about-history,.about-team,.about-qualification{margin-top:40px;}
.lh-other .index-project{padding-top:34px;}
.caseDetail.lh-banner-box{height:100vh;max-height:1080px;}
.caseDetail.lh-banner-box .lh-banner{position:fixed; left:0; top:0; right:0;}
.detail-cont,.detail-other,footer{position:relative; z-index:2;}
.detail-cont,.detail-other{background:#fff;}
.lh-return{margin-right:30px;}
/*
C31D1E
transparent
font-family: "ebrimabd";
.hRegular{font-family: "hRegular";}
.hLight{font-family: "hLight";}
.hBold{font-family: "hBold";}
l-uppercase
transition:cubic-bezier(0.215,.61,.355,1) .45s;

*/


@media screen and (max-width: 1680px){header {
    
    padding: 9px 2.25vw;
     
} 
/* .Fixed header {
   
    padding: 20px 3.25vw;
} */

}
@media screen and (max-width: 1440px){
.lh-logo{position:relative; width:280px;/* top:-16px */}
.lh-nav li{float:left; margin-left:1.566666666666666vw; line-height:52px;}
header {
    
    padding: 9px 4.25vw;
     
}

}

@media screen and (max-width: 1366px){
.lh-nav li{float:left; margin-left:1.566666666666666vw; line-height:52px;}
}


@media screen and (max-width: 1920px){.footer-contact{width:30%}
}
@media screen and (max-width: 1856px){.footer-contact{width:27%}
}
@media screen and (max-width: 1680px){.footer-contact{width:26%}
.index-cont{padding:0 6.25vw; }
}
@media screen and (max-width: 1600px){
	.footer-contact{width:27%}
}
@media screen and (max-width: 1500px){
	.footer-nav li {
	   
	    margin-right: 4.208333vw;
	}
}
@media screen and (max-width: 1440px){ 
.index-cont{padding:0 6.25vw; }
}
@media screen and (max-width: 1366px){
	.container1400{max-width:100%;}
	header{padding:7px 15px;}
/* 	.Fixed header{padding:30px 15px;} */
	.index-cont{width:100%; padding:0 50px;}
	.index-contf{width:100%; padding:0 20px;}
}

@media screen and (max-width: 1280px){
.lh-nav li{float:left; margin-left:1.2vw; line-height:52px;}
}
/*平板*/
@media screen and (max-width: 1024px){
		.index-cont{width:100%; padding:0 20px;}
	.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:20px;}
	.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%;}
	header{background:#fff; box-shadow:0 0 20px rgba(0,0,0,.1); height:50px; padding:0;}
	.pc{display: none;}
	.lh-logo .logo2{opacity:1;}
	.lh-logo .logo1{opacity:0;}
	.lh-logo{width:170px; position:absolute; left:15px; top:50%; transform:translateY(-50%); z-index:2;}
	.header-search{display:none;}
	.lh-nav{position:absolute; left:0; top:0; width:100vw; height:100vh; background:#fff; padding-top:40%; transform:translateY(-100%); opacity:1; visibility:hidden;transition:cubic-bezier(0.215,.61,.355,1) .45s;}
	.lh-nav>li{float:none; text-align:center; margin:20px 0; text-align:center;}
	.lh-nav li a:hover .cn, .lh-nav li.on a .cn{transform:translateY(0); opacity:1; visibility:visible;}
	.lh-nav li a .en{display:none;}
	.lh-nav>li>a{color:#000;}
	.lh-cursor{display:none;}
	.lh-nav-btn{width:50px; height:50px; position:absolute; right:0; top:0;}
	.lh-nav-btn:before,.lh-nav-btn:after,.lh-nav-btn i{content:''; display:block; width:24px; height:2px; background:#000; position:absolute; right:15px; top:50%;transition:cubic-bezier(0.215,.61,.355,1) .45s; margin-top:-1px;}
	.lh-nav-btn:before{margin-top:-10px;}
	.lh-nav-btn:after{margin-top:8px;}
	.webNav .lh-nav-btn i{transform:scaleX(0);}
	.webNav .lh-nav-btn:before{transform:translate(0,9px) rotate(45deg);}
	.webNav .lh-nav-btn:after{transform:translate(0,-9px) rotate(-45deg);}
	.webNav .lh-nav{transform:translate(0,0); visibility:visible; opacity:1;}
	.l-font74{font-size:36px;}
	.l-lh42{line-height:30px;}
	.index-info{position:static; width:100%; padding:30px 15px;}
	.info-banner{width:58%;}
	.info-banner .view{display:none;}
	.info-banner .name{width:100%;}
	.index-info>.name:after{height:30px;}
	.lh-banner-hd{left:15px; bottom:20px; display:none !important;}
	.pd90{padding:30px 0;}
	.l-font54{font-size:24px;}
	.public-title .nname{line-height:32px;}
	.index-about .text{width:100%;}
	.lh-more{width:40px; height:40px; font-size:20px;}
	.lh-more:after{margin: -1px 0 0 -8px;}
	.public-title .name{margin-top:0;}
	.project-item li{width:50%; height:160px;}
	.l-font22{font-size:18px;}
	.project-item li .text .nname{margin-top:0;}
	.project-item{margin-top:20px;}
	.index-about .text .cont{margin-top:30px;}
	.l-lh36{line-height:24px;}
	.index-about .text .lh-more{margin-top:30px;}
	.about-honor{margin-top:30px; display:none;}
	.index-about .text .lh-more,.index-info{display:none;}
	.about-res .about-honor{display:block;}
	.l-font60{font-size:32px;}
	.about-honor li{width:100%; margin-left:0; display:block; margin-top:20px;}
	.about-honor li:before{display:none;}
	.about-honor li:first-child{margin-top:0;}
	.about-honor .num i{top:-12px;}
	.news-item li{margin-top:15px;}
	.news-item li:first-child{margin-top:0;}
	.news-item li .img{height:210px;}
	.news-item{margin-top:30px;}
	.news-item li .text{padding:20px;}
	.news-item li a{background:#fbfbfb;}
	.key-l{width:100%; float:none;}
	.key-l .cont,.key-btn{margin-top:20px;}
	.key-r{width:100%; float:none; margin-top:20px;}
	.key-item a{height:85px;}
	.footer-a{padding:30px 0;}
	.footer-logo{width:170px;}
	.footer-contact dl{margin-top:20px;}
	.footer-nav{display:none;}
	.footer-contact,.footer-r{width:100%; float:none;}
	.footer-r{margin-top:20px;}
	.footer-ewm{float:left;}
	.l-copy span{display:block; margin-left:0; margin-top:4px;}
	.project-item li.project1, .project-item li.project5{width:100%;}
	.project-item li.project3, .project-item li.project6{height:328px;}
	.project-item li.project4{margin-top:-160px;}
	.project-item li.project5{margin-top:8px;}
	.project-item li.project6{right:0;}
	.project-item li.project7{left:0; margin-top:8px;}
	.project-item li.project8{width:100%; left:0; margin-top:8px;}
	.project-item li.project9{margin:-160px 0 0 -50%;}
	.project-item li.project10, .project-item li.project11{margin-top:8px;}
	.l-font66{font-size:32px;}
	.lh-ban{height:300px;}
	.lh-ban .about-down{margin-top:30px;}
	.about-down img{width:20px;}
	.circleAn.an1{width:200px; height:200px; bottom:-100px;}
	.lh-crumbs{display:block;}
	.other-nav{height:50px; line-height:50px;}
	.business-item li .img{width:100%; float:none !important; height:250px;}
	.business-item li .text{width:100%; float:none; padding:20px;}
	.business-item li{margin-bottom:20px;}
	.business-item li .text .cont{margin-top:30px;}
	.lh-ban.ban1{height:300px; display:none;}
	.pro-search{position:static; transform:translateY(0); margin-top:20px;}
	.pro-select{width:48%;}
	.pro-select.addr{margin-left:0; float:right;}
	.pro-select.input{width:100%; margin:10px 0 0 0;}
	.project-ul li .img{height:190px;}
	.project-ul li .cont{padding:20px;}
	.project-ul li{margin-top:20px;}
	.detail-cont{padding:30px 0;}
	.detail-l{width:100%; padding:0; float:none;}
	.detail-info{margin-top:30px;}
	.detail-rec{width:100%; float:none; margin-top:30px;}
	.detail-rec .project-ul li .img{height:190px;}
	.detail-info>.cont{margin-top:20px;}
	.detail-other .project-ul>li .img{height:190px;}
	.pd120{padding:30px 0;}
	.about-res .about-honor{position:relative; transform:translateY(0); margin:30px auto 0; right:0;}
	.about-res .about-down{margin:30px auto 0; display:block;}
	.about-res .about-honor li{width:100%; height:150px;}
	.history-cont{padding:0 30px; margin-top:30px;}
	.history-btn a{width:32px; height:32px; font-size:18px;}
	.history-btn a:after{margin: -1px 0 0 -8px;}
	.history-btn a:first-child:after{margin: -1px -8px 0 0;}
	.team-banner{margin:30px 0 0 -26px;}
	.team-banner .bd li>a{height:400px;}
	.team-banner .bd li .l-imgs{background-position:center top;}
	.team-banner .bd li .text{top:0;transform: translateY(0);display: flex;align-items: flex-end;}
	.team-banner .bd li .text>div{transform:translateY(0);}
	.team-banner .bd li .ccont{height:120px; margin-top:20px; white-space:normal;}
	.team-hd li{height:6px; width:18px; margin:0 5px !important;}
	.qualification-banner{margin:30px 0 0 -10px;}
	.qualification-banner .bd li{padding-left:10px;}
	.qualification-banner .bd li .img{height:240px;}
	.about-qualification .history-btn a{margin-left:10px;}
	.detail-layer{width:90vw;}
	.detail-layer-l{width:100%; padding:0; float:none;}
	.detail-layer-l .cont{padding:20px 10px 20px 0; margin-top:20px; height:50vh;}
	.detail-layer-r .time{display:none;}
	.detail-layer-r{width:100%; float:none;}
	.detail-layer-r .page{text-align:center; margin-top:30px;}
	.detail-layer-r .page a{display:inline-block; margin:0 10px;}
	.detail-layer-l .nname span{margin-left:10px;}
	.contact-coop{padding:30px 0; background-attachment:inherit;}
	.coop-l{width:100%; float:none;}
	.l-font38{font-size:20px;}
	.coop-item{margin-top:30px;}
	.coop-item li{width:50%; margin-bottom:10px;}
	.coop-item li a{height:100px;}
	.coop-item li .icon{width:25px; margin:auto;}
	.coop-r{position:static; width:100%; margin-top:30px; height:auto; padding:20px; right:0;}
	.coop-r i{font-size:24px; margin-right:6px; position:relative; top:1px;}
	.job-hd{margin:0 0 0 -10px; white-space:nowrap;}
	.job-hd-box{overflow-x:auto; padding:20px 0;}
	.job-hd li a{height:42px; line-height:42px;}
	.job-hd li{margin-left:10px;}
	.job-bd{margin:30px 0 0 0; width:100%;}
	.contact-message{background-image:none !important;}
	.message-r{width:100%; float:none; margin-top:30px;}
	.message-l{float:none; width:100%;}
	.message-r li input, .message-r li textarea{height:50px; line-height:50px; font-size:14px;padding: 0 12px 0 40px;}
	.message-r li.textarea{margin-top:20px;}
	.message-r li .title{line-height:50px;}
	.message-r{margin-left:0;}
	.message-r li{padding-left:0; margin-bottom:10px;}
	.message-r li.textarea .title{line-height:24px;}
	.message-r li textarea{height:120px; line-height:24px; padding:0 12px 0 40px;}
	.message-r li a{width:100%; height:50px; font-size:16px;}
	.addr-item{padding:30px 0;}
	.addr-item li{margin-top:20px;}
	.addr-item li:first-child{margin-top:0;}
	.addr-map{height:200px;}
	.about-history,.about-team,.about-qualification{margin-top:20px;}
	.history-banner .text:before{height:120px;}
	.history-banner .name{padding-top:10px; top:125px;}
	.history-banner{height:241px;}
	.history-banner li:nth-child(2n) .name{top:60px;}
	.history-banner .cont{height:96px;}
	main{padding-top:50px;}
	.index-line{display:none;}
	.lh-banner{height:300px;}
	.coop-l .nname{font-size:16px; margin-top:6px;}
	.key-btn{display:none !important;}
	.message-l .ccont{margin-top:10px;}
	.l-lh34{line-height:24px;}
	.lh-banner .text,.footer-r,.l-copy span:first-child{display:none;}
	.about-res .about-honor li:nth-child(2):after{display:none;}
	.caseDetail.lh-banner-box{height:300px;}
	.caseDetail.lh-banner-box .lh-banner{top:50px;}
}
/*手机*/
@media screen and (max-width: 980px){
    
}




/* 手机导航 End */
 
/* 手机导航 */
.MobileMain {
	position: sticky;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%;
	background: #fff;
	display: none;
}

.MobileMain .HeaderMobile {
	height: 58px;
	box-shadow: 0px 0px 0px 1px #eee;
}

.MobileMain .HeaderMobile .box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 10px 5vw;
}

.MobileMain .HeaderMobile .box .logo {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.MobileMain .HeaderMobile .box .logo a {
	display: block;
}

.MobileMain .HeaderMobile .box .logo a img {
	height: 32px;
}

.MobileMain .HeaderMobile .box .button {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.MobileMain .HeaderMobile .box .button .Language a {
	font-size: 18px;
	color: #000;
	display: block;
	line-height: 0.45rem;
	border-radius: 0.25rem;
}

@media screen and (max-width: 699px) {
	.MobileMain .HeaderMobile .box .button .Language a {
		font-size: 14px;
	}
}

.MobileMain .HeaderMobile .box .button .search div {
	width: 30px;
	text-align: center;
}

.MobileMain .HeaderMobile .box .button .search p svg {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.MobileMain .HeaderMobile .box .button .search .Close {
	display: none;
}

.MobileMain .HeaderMobile .box .button .search .active .Show {
	display: none;
}

.MobileMain .HeaderMobile .box .button .search .active .Close {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	color: #000;
}

.MobileMain .HeaderMobile .box .button .search .active .Close i {
	font-size: 0.4rem;
	font-weight: bold;
}

.MobileMain .HeaderMobile .box .button .search .active .btn {
	display: none;
}

.MobileMain .HeaderMobile .box .button .word {
	font-size: 14px;
	font-weight: bold;
}

.MobileMain .HeaderMobile .box .button .word a {
	color: #000;
	text-decoration: none;
}

.MobileMain .HeaderMobile .box .button .word a svg {
	display: inline-block;
	vertical-align: sub;
	animation: CallUp 0.5s ease 0s infinite;
	-webkit-animation: CallUp 0.5s ease 0s infinite;
	-moz-animation: CallUp 0.5s ease 0s infinite;
	-o-animation: CallUp 0.5s ease 0s infinite;
}

.MobileMain .HeaderMobile .box .button .word a img {
	position: relative;
}

.MobileMain .HeaderMobile .box .button .call a {
	color: #000;
	font-size: 16px;
}

.MobileMain .HeaderMobile .box .button .search {
	margin-left: 0.5rem;
}

.MobileMain .HeaderMobile .box .button .search .icon2 {
	display: none;
}

.MobileMain .HeaderMobile .box .button .search.active .icon1 {
	display: none;
}

.MobileMain .HeaderMobile .box .button .search.active .icon2 {
	display: block;
}


.MobileMain .HeaderMobile .box .button .menu {
	margin-left: 0.5rem;
}

.MobileMain .HeaderMobile .box .button .menu .menu_btn p {
	position: relative;
}

.MobileMain .HeaderMobile .box .button .menu .menu_btn p span {
	display: block;
	width: 30px;
	height: 2px;
	background: #000;
	margin: 8px 0;
}

.MobileMain .HeaderMobile .box .button .menu .menu_btn p span:nth-child(1) {
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}

.MobileMain .HeaderMobile .box .button .menu .menu_btn p span:nth-child(2) {
	opacity: 0;
}

.MobileMain .HeaderMobile .box .button .menu .menu_btn p span:nth-child(3) {
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}

.MobileMain .HeaderMobile .box .button .menu .menu_btn p::before {
	content: '';
	position: absolute;
	top: 0;
	width: 100%;
	height: 2px;
	background: #000;
	top: 50%;
	margin-top: -1px;
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}

.MobileMain .HeaderMobile .box .button .menu .menu_btn p::after {
	content: '';
	position: absolute;
	top: 0;
	width: 100%;
	height: 2px;
	background: #000;
	top: 50%;
	margin-top: -1px;
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}

.MobileMain .HeaderMobile .box .button .menu .menu_btn.active p span {
	opacity: 0;
}

.MobileMain .HeaderMobile .box .button .menu .menu_btn.active p::before {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.MobileMain .HeaderMobile .box .button .menu .menu_btn.active p::after {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.MobileNavigation {
	position: absolute;
	z-index: 3;
	top: 58px;
	background: #fff;
	left: 0;
	width: 100%;
	z-index: 7;
	height: calc(100vh - 58px);
	display: none;
}

.MobileNavigation .box_scroll {
	max-height: 90%;
	padding: 0.5rem 5vw;
	box-sizing: border-box;
	/* overflow: scroll; */
	-ms-scroll-chaining: none;
	overscroll-behavior: contain;
}

.MobileNavigation .box_scroll .box .item {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.MobileNavigation .box_scroll .box .item a {
	line-height: 50px;
	display: flex;
	font-size: 16px;
	color: #333;
	justify-content: space-between;
}

.MobileNavigation .box_scroll .box .item a i {
	color: #666;
	font-size: 16px;
}

.MobileNavigation .box_scroll .box .item a p {
	display: flex;
	align-items: center;
}

.MobileNavigation .box_scroll .box .item a p span {
	display: block;
	width: 15px;
	height: 1px;
	background: #666;
	position: relative;
}

.MobileNavigation .box_scroll .box .item a p span::after {
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	width: 100%;
	height: 100%;
	background: #666;
	transform: rotate(90deg);
	transition: 0.4s;
}

.MobileNavigation .box_scroll .box .item .active p span::after {
	transform: rotate(180deg);
}

.MobileNavigation .box_scroll .box .item .twoSelect {
	padding-left: 16px;
	display: none;
}

.MobileNavigation .box_scroll .box .item .twoSelect .twoSelectItem a {
	font-size: 15px;
}

.MobileNavigation .box_scroll .box .item .threeSelect {
	padding-left: 16px;
	display: none;
}

.MobileNavigation .box_scroll .box .item .threeSelect .threeSelectItem a {
	font-size: 15px;
}

.MobileNavigation .box_scroll .box .item .fourSelect {
	padding-left: 16px;
	display: none;
}

.MobileNavigation .box_scroll .box .item .fourSelect .fourSelectItem a {
	font-size: 15px;
}

.MobileNavigation .box_scroll .box .item .fiveSelect {
	padding-left: 16px;
	display: none;
}

.MobileNavigation .box_scroll .box .item .sixSelect {
	padding-left: 16px;
	display: none;
}


.Nav_height {
	height: 58px;
}


@media screen and (max-width:1200px) {
	.MobileMain {
		display: block;
	}
	.other-nav-item{display: none}
	
	.l-right {
	    float: left;
	}
	}
	
	.fenye { padding:20px; overflow:hidden; clear:both}
	.fenye .pagination {
	  display: flex;
	  justify-content: center;
	  margin-top: 10px;
	}
	.pagination a {
	  background: #fff;
	  border: 1px solid #ccc;
	  color: #333;
	  font-size: 12px;
	  padding: 8px 10px;
	  margin: 0 2px;
	  border-radius: 3px; line-height:100%
	}
	.pagination span {
	    color: #333;
	    font-size: 12px;
	    padding: 7px 2px;
	    margin: 0 2px;
	    border-radius: 3px;
	}
	.pagination a:hover {
	  color: #333;
	  border: 1px solid #333;
	}
	.pagination a.page-num-current {
	  color: #fff;
	  background: #333;
	  border: 1px solid #333;
	}
	.pagination .st{ font-family:宋体}
	.text-secondary{ text-align:center; padding:20px 0}
