@charset "utf-8";
/*font*/
/* @font-face { font-family: "Century Gothic"; src: url("../fonts/century gothic.woff2") format("woff2"), url("../fonts/century gothic.woff") format("woff"), url("../fonts/century gothic.ttf") format("truetype"), url("../fonts/century gothic.eot") format("embedded-opentype"), url("../fonts/century gothic.svg") format("svg"); font-weight: normal; font-style: normal;} */
@font-face { font-family: "CenturyGothicbold"; src: url("../fonts/centurygothicbold.woff2") format("woff2"), url("../fonts/centurygothicbold.woff") format("woff"), url("../fonts/centurygothicbold.ttf") format("truetype"), url("../fonts/centurygothicbold.eot") format("embedded-opentype"), url("../fonts/centurygothicbold.svg") format("svg"); font-weight: normal; font-style: normal;}
/* @font-face { font-family: "Folio Bold Condensed BT"; src: url("../fonts/folio bold condensed bt.woff2") format("woff2"), url("../fonts/folio bold condensed bt.woff") format("woff"), url("../fonts/folio bold condensed bt.ttf") format("truetype"), url("../fonts/folio bold condensed bt.eot") format("embedded-opentype"), url("../fonts/folio bold condensed bt.svg") format("svg"); font-weight: normal; font-style: normal;} */
/* root */
:root{
--nav-top-height: 40px;
--nav-height: 90px;
--header-height: calc(var(--nav-top-height) + var(--nav-height));
}
@media screen and (max-width: 980px) {
:root{
--nav-height: 60px;
}
}
/* public */
article, aside, dialog, footer, header, section, footer, nav, figure, menu { display: block}
*, :before, :after { box-sizing: border-box;}
blockquote, body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, input, legend, li, ol, p, pre, td, textarea, th, ul { margin: 0; padding: 0}
img { border: 0; display: block; width: auto; max-width: 100%;}
ul, dl, li, dt, dd { list-style: none;}
body, html { min-height: 100%;}
body { font: 14px Arial, "microsoft yahei", Helvetica, sans-serif; font:14px "microsoft yahei", Arial, Helvetica, sans-serif; color: #332B29; -webkit-tap-highlight-color: rgba(255,255,255,0); overflow-x: hidden; background: #000;}
pre { font-family: 'microsoft yahei'; white-space: pre-wrap; word-wrap: break-word;}
a { font-size: 14px; text-decoration: none; transition: ease .65s; color: #332B29; outline: none;}
.clearfix:after { content: "\200B"; display: block; height: 0; clear: both;}
.clearfix {zoom:1;}/*IE/7/6*/
/* h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal;} */
input, textarea, select { outline: none; font-family: "microsoft yahei"; -webkit-appearance: none; border-radius: 0;}
input::-webkit-input-placeholder {color: #888888;}
input:-moz-placeholder {color: #888888;}
input::-moz-placeholder {color: #888888;}
input:-ms-input-placeholder {color: #888888;}
textarea { resize: none; overflow: hidden;}
textarea::-webkit-input-placeholder {color: #888888;}
textarea:-moz-placeholder {color: #888888;}
textarea::-moz-placeholder {color: #888888;}
textarea:-ms-input-placeholder {color: #888888;}
select::-ms-expand {display: none;}
i { font-style: normal;}
.single-line {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 100%;}
.two-lines {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;line-height: 1.5;}
.three-lines {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;line-height: 1.5;}
.left { float: left;}
.right { float: right;}
.noscript { position: fixed; left: 0px; top: 0px; background: #ddd; color: red; text-align: center; width: 100%; height: 30px; line-height: 30px;}
em { font-style: normal;}
.pace { display: none;}
.pace-activity { width: 100vw; height: 100vh; position: fixed; left: 0; top: 0;}
.pace-activity:before { content: ''; display: block; width: 100%; height: 50%; background: #f4f4f8; position: absolute; left: 0; top: 0; transform-origin: center top; transition: ease 1s;}
.pace-activity:after { content: ''; display: block; width: 100%; height: 50%; background: #f4f4f8; position: absolute; left: 0; bottom: 0; transform-origin: center bottom; transition: ease 1s;}
.pace-inactive .pace-activity:before, .pace-inactive .pace-activity:after { transform: scaleY(0);}
.pace-progress { width: 0; height: 2px; background: #00A2EA; position: fixed; left: 50%; top: 50%; transform: translateX(-50%); margin-top: -1px; z-index: 2; transition: ease .65s;}
.pace-progress:after { content: attr(data-progress-text); display: block; position: absolute; left: 50%; top: 130px; padding: 0 20px; color: #2f318b; transition: ease .65s; font-family: "Century Gothic"; font-weight: bold; font-size: 46px; transform: translateX(-50%);}
/*.pace-inactive{visibility:hidden;}*/
.pace { position: fixed; z-index: 3000; width: 100%; height: 100%;}
.pace-logo { width: 184px; height: 234px; background: url(../images/logo2.png) no-repeat center; background-size: cover; margin: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 10; transition: ease .65s;}
.pace-content h2 { font-size: 15px; color: #2f318b; font-weight: bold;}
.pace-info { position: absolute; left: 0; top: 71%; text-align: center; z-index: 10; right: 0;}
.pace-inactive .pace-progress { opacity: 0;}
.pace-inactive .pace-logo { animation: paceLogo linear .65s forwards;}
.pace-inactive .pace-info { animation: paceInfo linear .65s forwards;}
@keyframes paceLogo { 0% {transform:translate(-50%, -50%) scale(1);opacity:1;} 100% {transform:translate(-50%, -50%) scale(.5);opacity:0;}}
@keyframes paceInfo { 0% {transform:scale(1);opacity:1;}100% {transform:scale(.5);opacity:0;}}
.pace-inactive { animation: inactive linear .15s forwards; animation-delay: .65s;}
@keyframes inactive { 0% {visibility:visible;} 100% {visibility:hidden;}}
.lh-flex { display: flex; display: -webkit-flex; flex-direction: row; -webkit-flex-direction: row; flex-wrap: wrap; -webkit-flex-wrap: wrap;}
.red { color: #b72024;}
.BMap_Marker img { width: auto;}
.BMap_bubble_title { color: #DA251C; font-weight: bold; font-size: 16px;}
.container { margin: auto; position: relative; width: 100%; max-width: 1440px; padding: 0 20px;}
#bsWXBox { box-sizing: initial;}
#bsBox { box-sizing: initial; box-sizing: initial; width: 90vw !important; height: 200px !important; margin-left: -45vw !important;}
.bsTop, .bShareFrame { width: 100% !important;}
::-webkit-scrollbar {width:5px;height:5px;}
::-webkit-scrollbar-button:vertical {display:none}
::-webkit-scrollbar-track:vertical {background-color:black}
::-webkit-scrollbar-track-piece {background:#E3E3E3}
::-webkit-scrollbar-thumb:vertical {background-color:#555;border-radius:30px}
::-webkit-scrollbar-thumb:vertical:hover {background-color:#3B3B3B}
::-webkit-scrollbar-corner:vertical {background-color:#535353}
::-webkit-scrollbar-resizer:vertical {background-color:#FF6E00}
/*header*/
.lh-header { position: fixed; left: 0; top: 0; right: 0; height: var(--header-height); background: #fff; z-index: 1000; box-shadow: 0 0 20px rgba(0,0,0,.1);}
.lh-nav-btn { position: absolute; left: 2.08vw; top: calc(50% + var(--nav-top-height) / 2 ); transform: translateY(-50%); width: 40px; height: 28px; z-index: 200;}
.lh-nav-btn:before { content: ''; display: block; width: 100%; height: 3px; background: #aaa; position: absolute; left: 0; top: 0; transition: ease .65s;}
.lh-nav-btn:after { content: ''; display: block; width: 100%; height: 3px; background: #aaa; position: absolute; left: 0; bottom: 0; transition: ease .65s;}
.lh-nav-btn i { display: block; width: 60%; height: 3px; background: #aaa; position: absolute; left: 0; top: 50%; margin-top: -1px; transition: ease .65s;}
.lh-search-btn, .lh-home { position: absolute; right: 2.08vw; top: calc(50% + var(--nav-top-height) / 2 ); transform: translateY(-50%); font-size: 18px;    font-weight: bold; color:#2F318B}
.lh-search-btn i, .lh-home i { font-size: 30px; color: #00A2EA;}
.lh-nav-top {background-color: #63656a;padding-right: 120px;height: var(--nav-top-height);display: flex;align-items: center;justify-content: right;}
.lh-nav-top span { color: #fefefe; font-size: 14px;}
.lh-nav { text-align: center; height: var(--nav-height);}
.lh-nav li { display: inline-block; margin: 0 2vw; line-height: 90px; height: 100%;}
.lh-nav li a { padding: 0 10px; font-size: 16px; color: #111111; position: relative; display: inline-block;}
.lh-nav li:not(.lh-logo) a:before { content: ''; display: block; width: 100%; height: 3px; background: #00A2EA; position: absolute; left: 0; bottom: 0; border-radius: 10px 10px 0 0; transform: scaleX(0); transition: ease .65s;}
.lh-nav li:not(.lh-logo) a:hover, .lh-nav li:not(.lh-logo) a.on { color: #00A2EA;}
.lh-nav li:not(.lh-logo) a:hover:before, .lh-nav li:not(.lh-logo) a.on:before { transform: scaleX(1);}
.lh-nav li.lh-logo a { width: 100%; top: -50px;}
.lh-nav li.lh-logo img { position: absolute; left: 0; top: 0;}
.lh-nav li.lh-logo { width: 92px;}
.lh-banner { position: relative; height: 100vh; width: 100%; overflow: hidden; background: #000;}
.lh-banner-bd li { position: relative;}
.lh-banner-bd li .img { height: 100%; background-repeat: no-repeat; background-position: center top; background-size: cover;}
.lh-index-banner { height: 100vh; overflow: hidden; position: relative;}
.lh-banner-bd li .text { position: absolute; left: 13.5vw; top: 50%; transform: translateY(-50%); color: #fff; z-index: 1;}
.lh-banner-bd li .text h2 { font-size: 3.4vw; font-family: "CenturyGothicbold";}
.lh-banner-bd li .text h3 { font-size: 1.66vw; font-weight: bold; margin: 1vh 0 3vh;}
.lh-banner-bd li .text span { font-size: 15px; line-height: 30px;}
.lh-more { display: block; width: 28px; height: 28px; position: relative;}
.lh-more:before { content: ''; display: block; width: 100%; height: 4px; background: #fff; position: absolute; left: 0; top: 50%; margin-top: -2px;}
.lh-more:after { content: ''; display: block; width: 4px; height: 100%; background: #fff; position: absolute; left: 50%; top: 0; margin-left: -2px;}
.lh-banner-bd li .text a {margin-top: 66px;font-size: 15px;text-align: center;border: 1px solid #444444;color: #2F318B;padding: 10px 14px;float: left;}
.lh-banner-bd li .text a:hover {background: #2F318B; color:#fff;}
.lh-banner-bd li.style2 .text { left: auto; right: 13.5vw;}
.lh-banner-bd li.style1 .pro-img { position: absolute; right: 9.73vw; top: 50%; transform: translateY(-100%); width: 34vw; opacity: 0; animation: proImg1 cubic-bezier(0, 1, 0, 1) 1.2s forwards;}
.lh-banner-bd li.style1.swiper-slide-active .pro-img, .lh-banner-bd li.style1.swiper-slide-duplicate-active .pro-img { animation: proImg cubic-bezier(0, 1, 0, 1) 1.2s forwards; animation-delay: .45s;}
@keyframes proImg { 0% {transform:translateY(-100%);opacity:0;} 100% {transform:translateY(-50%);opacity:1;}}
@keyframes proImg1 { 0% {transform:translateY(-50%);opacity:1;} 100% {transform:translateY(-100%);opacity:0;}}
.lh-banner-hd { width: auto !important; height: 50px; background: #000; position: absolute; left: 50% !important; transform: translateX(-50%); bottom: 4vh !important; z-index: 2; padding: 0 16px;}
.lh-banner-hd span { width: 15px; height: 18px; background: url(../../images/aoteneng/icon3.png) no-repeat center; opacity: .5; margin: 15px 15px 0 !important; transition: ease .65s; outline: none;}
.lh-banner-hd span.swiper-pagination-bullet-active { opacity: 1;}
.lh-index-about { background: #F4F4F8 url(../../images/aoteneng/icon1.jpg) no-repeat right center; display: flex; align-items: center; height: 100vh; padding-top: 12vh;}
.lh-index-about .text { float: left; max-width: 40%;animation: fadeOutUp cubic-bezier(.8, -.5, .2, 1.4) 1.2s forwards;}
.lh-index-about .text h2 { font-size: 3.125vw; color: #2f318b; font-family: "CenturyGothicbold";}
.lh-index-about .text h3 { font-size: 1.45vw; color: #222222; font-weight: bold; margin-top: 1vh;}
.lh-index-about .text span { line-height: 32px; color: #555555; margin: 6vh 0 11vh;}
.lh-index-about .img { float: right; width: 41.66vw; animation: zoomOut cubic-bezier(.8, -.5, .2, 1.4) 1.2s forwards;}
/* .lh-index-about .container video {width: 60%;margin-left: 15%;margin-top: -140px;} */
.lh-index-about .container video {width: 50%;float: right;}
.lh-more.gray:before, .lh-more.gray:after { background: #AAA;}
.lh-more.gray:hover { transform: rotate(360deg);}
.lh-index-banner .swiper-slide-active .lh-index-about .text { animation: fadeInDown cubic-bezier(.8, -.5, .2, 1.4) 1.2s forwards;}
.lh-index-banner .swiper-slide-active .lh-index-about .img { animation: zoomIn cubic-bezier(.8, -.5, .2, 1.4) 1.2s forwards;}
.lh-index-banner>.swiper-wrapper>.swiper-slide>div { height: 100%; overflow: hidden;}
.lh-index-rd { background: #fff url(../../images/aoteneng/icon1.jpg) no-repeat right center;}
.lh-index-rd .img { width: 50%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; position: absolute; left: 0; top: 0; transition: cubic-bezier(.8, -.5, .2, 1.4) 1.2s;}
.lh-index-rd .container { height: 100%; display: flex; align-items: center; justify-content: flex-end; padding-top: 12vh;}
.lh-index-rd .text { max-width: 720px; background: url(../../images/aoteneng/icon4.png) no-repeat center; background-size: cover; padding: 3.9vw; color: #fff; animation: fadeOutRight cubic-bezier(.8, -.5, .2, 1.4) 1.2s forwards;}
.lh-index-rd .text h2 { font-size: 3.125vw; font-family: "CenturyGothicbold";}
.lh-index-rd .text h3 { font-size: 1.45vw; font-weight: bold; margin-top: 1vh;}
.lh-index-rd .text span { line-height: 32px; color: #c1c2d7; margin: 4vh 0 5vh;}
.lh-index-banner .swiper-slide-active .lh-index-rd .text { animation: fadeInRight cubic-bezier(.8, -.5, .2, 1.4) 1.2s forwards;}
.lh-index-banner .swiper-slide-active .lh-index-rd .img { width: 66.66vw;}
.lh-index-pro { background: url(../../images/aoteneng/bj_product.jpg) no-repeat center center / cover;}
.lh-pro-item { height: 100%;}
.lh-pro-item li { flex: 1; display: flex; width: 33.3%; float: left; align-items: center; justify-content: center; padding: 10px; position: relative; padding-top: 12vh; animation: fadeOutUp cubic-bezier(.8, -.5, .2, 1.4) 1.2s forwards;}
.lh-pro-item li a:hover img { transform: scale(1.1);}
.lh-pro-item li a:hover .text { transform: translateY(-20px);}
.lh-pro-item li:nth-child(2n) { animation: fadeOutDown cubic-bezier(.8, -.5, .2, 1.4) 1.2s forwards;}
.lh-pro-item li:before { content: ''; display: block; width: 1px; height: 100%; background: #DDD; position: absolute; left: 0; top: 0;}
.lh-pro-item li:first-child:before { display: none;}
.lh-pro-item li .img { display: flex; align-items: center; justify-content: center;}
.lh-pro-item li img { width: auto; max-width: 100%; margin: auto; transition: ease .65s;}
.lh-pro-item li .text { padding-left: 3vw; margin-top: 5vh; margin-bottom:2vh; transition: ease .65s;}
.lh-pro-item li .text h2 { font-size: 2.7vw; color: #2f318b; font-family: "CenturyGothicbold";}
.lh-pro-item li .text h3 { font-size: 1.35vw; color: #222222; font-weight: bold; margin: 1vh 0 0;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.lh-pro-item li .text span { line-height: 28px; color: #666666; margin: 1vh 0 2vh 0;}
.lh-pro-item li .text h4 { display: inline-block; color: #2f318b; font-size: 13px; position: relative;}
.lh-pro-item li .text h4:after { content: ''; display: block; width: 100%; height: 1px; background: #ACACCA; position: absolute; left: 0; bottom: 0;}
.lh-index-banner .swiper-slide-active .lh-pro-item li { animation: fadeInUp cubic-bezier(.8, -.5, .2, 1.4) 1.2s forwards;}
.lh-index-banner .swiper-slide-active .lh-pro-item li:nth-child(2n) { animation: fadeInDown cubic-bezier(.8, -.5, .2, 1.4) 1.2s forwards;}
.lh-solution { background: #F4F4F8;}
.lh-solution-top { height: 42%; background-repeat: no-repeat; background-position: center bottom; overflow: hidden; position: relative; animation: solutionOutTop cubic-bezier(.8, -.5, .2, 1.4) 1.2s forwards;}
.lh-index-banner .swiper-slide-active .lh-solution-top { animation: solutionInTop cubic-bezier(.8, -.5, .2, 1.4) 1.2s forwards;}
@keyframes solutionInTop { 0% {height:100%;} 100% {height:42%;}}
@keyframes solutionOutTop { 0% {height:42%;} 100% {height:100%;}}
.lh-solution-top .text { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #fff; text-align: center;}
.lh-solution-top .text h2 { font-size: 38px; font-family: "CenturyGothicbold"; color: #30308b;    text-shadow: 2px 2px 4px rgb(251 247 247);    font-weight: revert;}
.lh-solution-top .text h3 { font-size: 1.35vw; font-weight: bold; margin-top: 1vh;}
.lh-solution-item { margin-left: -4vw;}
.lh-solution-item li { flex: 1; width: 33%; float: left; text-align: center; padding-left: 4vw;}
.lh-solution-item li .img { width: 8vw; height: 8vw; color: #fff; transform: rotate(45deg); text-align: center; line-height: 8vw; display: flex; align-items: center; justify-content: center; position: relative; margin: -4.7vw auto 0; transition: ease .65s;}
.lh-solution-item li .img:before { content: ''; display: block; width: 100%; height: 100%; border: 2px solid #2F318B; position: absolute; left: -1vw; top: 1vw; transition: cubic-bezier(.8, -.5, .2, 1.4) 1s; z-index: -1;}
.lh-solution-item li .img i { font-size: 3.7vw; transform: rotate(-45deg);}
.lh-solution-item li:first-child .img:before { border-color: #006947;}
.lh-solution-item li:nth-child(3) .img:before { border-color: #00A2EA;}
.lh-solution-item li:nth-child(4) .img:before { border-color: #006947;}
.lh-solution-item li .text { margin-top: 1vw;}
.lh-solution-item li .text h2 { font-size: 16px; color: #222222; font-weight: bold;}
.lh-solution-item li .text span { color: #444444; line-height: 28px; height: 112px; overflow: hidden; margin: 2vh 0;}
.lh-solution-item li .text h3 { display: inline-block; color: #2f318b; font-family: "CenturyGothicbold"; position: relative; text-transform: uppercase;}
.lh-solution-item li .text h3:after { content: ''; display: block; width: 100%; height: 1px; background: #7374AA; position: absolute; left: 0; bottom: 0;}
.lh-solution-item li a:hover .img { transform: rotate(360deg);}
.lh-solution-item li a:hover .img:before { transform: rotate(-90deg);}
.lh-index-service { background: #F4F4F8 url(../images/syalzs.jpg) no-repeat right bottom; display: flex; align-items: center; justify-content: flex-start;}
.lh-index-service h2 { font-size: 38px; font-family: "CenturyGothicbold"; color: #2f318b; text-shadow: 2px 2px 4px rgb(251 247 247);    font-weight: revert; margin-top: 100px; text-align: center;}
.lh-index-service h3 { font-size: 1.56vw; font-weight: bold; margin-top: 1vh;}
.lh-index-service span { line-height: 28px; color: #444444; max-width: 862px; margin: 4.5vh 0 7.5vh;}
.lh-service-item li { width: 16.66%; padding-right: 3.125vw;text-align: center;}
.lh-service-item li a { position: relative; display: block;}
.lh-service-item li .img { overflow: hidden; transition: ease .65s;display: inline-block;}
.lh-service-item li h4 { position: absolute; left: 0; bottom: -5vh; height: 10vh; min-width: 55%; background: #fff; line-height: 10vh; font-size: 1.14vw; font-weight: bold; padding: 0 1.56vw;}
.lh-service-item li a:hover .img { border-radius: 50% 0 50% 0;}
.lh-index-banner .swiper-slide-active .lh-index-service { animation: serviceInBg cubic-bezier(.8, -.5, .2, 1.4) 1.2s forwards;}
@keyframes serviceInBg { 0% {background-position:120% bottom;} 100% {background-position:100% bottom;}}
.lh-index-banner .swiper-slide-active .lh-index-service>div { animation: fadeInUp cubic-bezier(.8, -.5, .2, 1.4) 1.2s forwards;}
.lh-index-news { background: #F4F4F8 url(../../images/aoteneng/icon2.jpg) no-repeat left bottom; display: flex; align-items: center; padding-top: 12vh;}
.lh-news-l { margin-top: 11vh; animation: fadeOutLeft cubic-bezier(.8, -.5, .2, 1.4) 1.2s forwards;}
.lh-news-l h2 { font-size: 2.9vw; color: #171c60; font-family: "CenturyGothicbold";}
.lh-news-l h3 { font-size: 1.56vw; color: #111111; font-weight: bold; margin-top: 1vh;}
.lh-news-l h4 { font-size: 1.14vw; color: #222222; margin: 4.5vh 0 1.5vh;}
.lh-news-l h5 { color: #666666; font-size: 16px; font-family: "Century Gothic";}
.lh-news-l ul { margin-top: 7vh;}
.lh-news-l ul li { float: left; margin-left: 2vw;}
.lh-news-l ul li:first-child { margin-left: 0;}
.lh-news-l ul li a { font-size: 16px; color: #666666; position: relative; padding-left: 15px;}
.lh-news-l ul li a:before { content: ''; display: block; width: 6px; height: 6px; border-radius: 50%; background: #666; position: absolute; left: 0; top: 50%; margin-top: -3px; transition: ease .65s;}
.lh-news-l ul li a:hover { color: #00a2e9;}
.lh-news-l ul li a:hover:before { background: #00a2e9;}
.lh-news-r img { width: 100%; max-width: 100%;object-fit: cover;}
.lh-news-r { width: 770px; height: 580px; animation: fadeOutRight cubic-bezier(.8, -.5, .2, 1.4) 1.2s forwards;}
.lh-news-hd { width: 280px; float: left;}
.lh-news-hd li { height: 180px; overflow: hidden; margin-top: 20px; cursor: pointer; position: relative; display: flex; align-items: center; justify-content: center;}
.lh-news-hd li img { height: 100%;}
.lh-news-hd li:first-child { margin-top: 0;}
.lh-news-hd li:before { content: ''; display: block; width: 0; height: 0; border-left: 2px solid #00A2E9; border-top: 2px solid #00A2E9; position: absolute; left: 0; top: 0; visibility: hidden; transition: cubic-bezier(.8, -.5, .2, 1.4) .65s;}
.lh-news-hd li:after { content: ''; display: block; width: 0; height: 0; border-right: 2px solid #00A2E9; border-bottom: 2px solid #00A2E9; position: absolute; right: 0; bottom: 0; visibility: hidden; transition: cubic-bezier(.8, -.5, .2, 1.4) 1s;}
.lh-news-hd li:hover:before, .lh-news-hd li:hover:after, .lh-news-hd li.on:before, .lh-news-hd li.on:after { width: 100%; height: 100%; visibility: visible;}
.lh-news-bd { float: right; width: 460px; height: 100%; position: relative;}
.lh-news-bd li { height: 100%; display: none; background: #fff; box-shadow: 0 0 10px rgba(23,28,96,.1); position: absolute; left: 0; top: 0; right: 0;}
.lh-news-bd li a { padding: 60px 50px; display: block; position: relative; height: 100%;}
.lh-news-bd li h2 { font-size: 22px; color: #111111; line-height: 36px; height: 72px; font-weight: bold; overflow: hidden;}
.lh-news-bd li span { line-height: 32px; color: #444444; overflow: hidden; overflow-wrap: break-word; max-height: 224px;}
.lh-news-bd li .time { position: absolute; left: 0; bottom: 80px; width: 100%; padding: 0 50px; padding-top: 45px; border-top: 1px solid #CCC; line-height: 16px;}
.lh-news-bd li .time h3 { color: #2f318b; font-size: 16px; font-family: "CenturyGothicbold";}
.lh-news-bd li .time h4 { color: #888888; position: relative;}
.lh-news-bd li .time h4:after { content: ''; display: block; width: 100%; height: 1px; background: #aaa;}
.lh-index-banner .swiper-slide-active .lh-news-l { animation: fadeInLeft cubic-bezier(.8, -.5, .2, 1.4) 1.2s forwards; position:relative; z-index:99}
.lh-index-banner .swiper-slide-active .lh-news-r { animation: fadeInRight cubic-bezier(.8, -.5, .2, 1.4) 1.2s forwards;}
.lh-footer { padding: 5vh 0 2vh; background: #2F318B;}
.lh-footer-nav { margin-top: 3vh;}
.lh-footer-nav li { margin-left: 2.6vw; float: left;}
.lh-footer-nav li:first-child { margin-left: 0;}
.lh-footer-nav li a { color: #ffffff; font-size: 17px; line-height: 2.2vw;}
.lh-footer-nav li a i { font-size: 2.2vw; float: left; margin-right: 10px;}
.lh-footer-nav li a span { margin-left: 20px; color: #888; font-weight: bold; transition: ease .65s; display: inline-block;}
.lh-footer-nav li a:hover span { transform: translateX(5px);}
.lh-footer-logo img { width: auto;}
.lh-footer-r { color: #fff; line-height: 28px;}
.lh-footer-r .img { float: left; margin-right: 2vw;}
.lh-footer-r .text { float: right;}
.lh-footer-r h2 { font-size: 30px; font-family: "CenturyGothicbold"; margin: 0 0 2.5vh;}
.lh-footer-b { margin-top: 2vh; padding-top: 2vh; color: #fff; border-top: 1px solid #fff;}
.lh-footer-b h2 { float: left;}
.lh-footer-b h3 { float: right;}
.lh-footer-b h3 a { color: #fff;}
.lh-footer-b a { color: #fff;}
.lh-footer-b h3 a:hover { color: #fff;}
.lh-toggle { background: #F4F4F8; position: fixed; left: 0; bottom: 0; z-index: 10; width: 100%; height: calc(100% - var(--header-height)); transform: translateY(-100%); visibility: hidden; transition: cubic-bezier(.8, -.5, .2, 1.4) 1.2s;}
.Nav .lh-toggle { transform: translateY(0); visibility: visible;}
.lh-main, .lh-footer { transition: cubic-bezier(.8, -.5, .2, 1.4) 1.2s;}
.lh-main.other { padding-top: var(--header-height);}
.Nav .lh-main, .Nav .lh-footer { transform: translateY(100%); visibility: hidden;}
.lh-nav-btn.on i { transform: scaleX(0);}
.lh-nav-btn.on:before { transform: rotate(45deg) translate(6px, 11px);}
.lh-nav-btn.on:after { transform: rotate(-45deg) translate(6px, -11px);}
.lh-toggle-line { width: 93%; padding: 0 5vw 0 13.5vw; height: 100%; position: absolute; left: 0; top: 0;}
.lh-toggle-line>div { flex: 1; border-left: 1px solid #DCDCEA; height: 100%;}
.lh-toggle-l { float: left; width: 93%; padding: 0 5vw 0 13.5vw; display: flex; align-items: center; height: 100%; position: relative; z-index: 2;}
.lh-toggle-nav { width: 100%;}
.lh-toggle-nav li { width: 25%; padding-left: 40px; margin: 3vh 0;}
.lh-toggle-nav li dt { margin-bottom: 30px;}
.lh-toggle-nav li dt a { font-size: 24px; color: #111111; position: relative;}
.lh-toggle-nav li dt a:before { content: ''; display: block; width: 30px; height: 4px; background: #DCDCEA; position: absolute; left: -55px; top: 50%; margin-top: -2px; transition: ease .65s;}
.lh-toggle-nav li dt a:hover { color: #00a2e9;}
.lh-toggle-nav li dt a:hover:before { background: #00a2e9;}
.lh-toggle-nav li dd { line-height: 40px;}
.lh-toggle-nav li dd a { color: #444444; font-size: 16px; position: relative;}
.lh-toggle-nav li dd a:hover { color: #00a2e9;}
.lh-toggle-nav li dd a:after { content: '+'; display: block; position: absolute; right: -30px; top: 50%; font-size: 18px; color: #00a2e9; transform: translate(-30px, -50%); opacity: 0; transition: ease .65s;}
.lh-toggle-nav li dd a:hover:after { transform: translate(0, -50%); opacity: 1;}
.lh-toggle-share { width: 120px; height: 100%; background: #00A2E9; position: absolute; right: 0; top: 0; display: flex; align-items: center; justify-content: center;}
.lh-nav-share a { display: block !important; width: 60px !important; height: 60px !important; padding: 0 !important; height: 60px !important; text-align: center !important; line-height: 60px !important; color: #fff !important; font-size: 24px !important; border: 1px solid #66C7F2 !important; margin: 17px 0 !important; background: none !important; text-decoration: none !important; opacity: 1;}
.lh-nav-share a:hover { background: #FFF !important; border-color: #fff !important; color: #00A2E9 !important;}
.lh-search-layer { background: #F4F4F8; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; transform: translateY(-100%); visibility: hidden; transition: cubic-bezier(.8, -.5, .2, 1.4) 1.2s;}
.Search .lh-search-layer { transform: translateY(0); visibility: visible;}
.Search .lh-main, .Search .lh-footer { transform: translateY(100%); visibility: hidden;}
.Search .lh-nav-btn { visibility: hidden; opacity: 0;}
.lh-search-close { width: 120px; height: 120px; text-align: center; line-height: 120px; background: #FFF; color: #2F318B; position: absolute; right: 0; top: 0;}
.lh-search-close i { font-size: 40px; display: inline-block; transition: ease .65s;}
.lh-search-close:hover i { transform: rotate(360deg);}
.lh-search-box { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.lh-search { width: 1000px; position: relative; height: 100px; border: 2px solid #2F318B; border-radius: 60px; background: #fff;}
.lh-search input { width: 100%; position: absolute; left: 0; top: 0; left: 0; top: 50%; transform: translateY(-50%); background: none; border: none; font-size: 18px; padding: 0 50px;}
.lh-search a { display: block; width: 200px; height: 100px; line-height: 100px; background: #2F318B; color: #fff; text-align: center; position: absolute; right: -2px; top: -2px; border-radius: 0 60px 60px 0; font-size: 26px; font-weight: bold;}
.lh-search-box .hot { text-align: center; font-size: 16px; color: #2f318b; margin-top: 21px;}
.lh-search-box .hot a { color: #2f318b; font-size: 16px; margin-right: 25px;}
.lh-search-box .hot a:hover { text-decoration: underline; color: #00a2e9;}
.lh-main-hd { position: fixed; right: 40px !important; top: 50%; transform: translateY(-50%); z-index: 20;}
.lh-main-hd li:first-child { margin: 0 0 50px!important;}
.lh-main-hd li:last-child { margin: 50px 0 0!important;}
.lh-main-hd li { margin: 50px 0!important; border-radius: 0; background: none; opacity: 1; width: 6px; height: 6px; position: relative; display: block; outline: none;}
.lh-main-hd:before { content: ''; display: block; width: 2px; height: 100%; background: #00A2E9; position: absolute; left: 50%; top: 0; margin-left: -1px;}
.lh-main-hd li i { display: block; width: 6px; height: 6px; border-radius: 50%; background: #00A2E9;}
.lh-main-hd li i:after { content: ''; display: block; width: 14px; height: 14px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(0); border: 1px solid #00A2E9; border-radius: 50%; opacity: 0; transition: cubic-bezier(.8, -.5, .2, 1.4) 1.2s;}
.lh-main-hd li.swiper-pagination-bullet-active i:after { opacity: 1; transform: translate(-50%, -50%) scale(1);}
.lh-main-hd li span { width: 84px; height: 34px; text-align: center; line-height: 34px; background: #00A2E9; border-radius: 3px; color: #fff; position: absolute; left: -108px; top: 50%; margin-top: -17px; display: block; transition: cubic-bezier(.8, -.5, .2, 1.4) 1.2s; transform: translateX(-50%); opacity: 0; visibility: hidden;}
.lh-main-hd li.swiper-pagination-bullet-active span { transform: translateX(0); opacity: 1; visibility: visible;}
.lh-main-hd li span:after { content: ''; display: block; width: 0; height: 0; border: 6px solid transparent; border-left: 6px solid #00A2E9; position: absolute; right: -12px; top: 50%; margin-top: -6px;}
.lh-ban { height: 384px; position: relative;}
.lh-ban .img { background-repeat: no-repeat; background-position: center;background-size: cover;height: 100%;}
.lh-ban .text { position: absolute; left: 50%; top: 40%; transform: translate(-50%, -50%); color: #fff; text-align: center; display: none;}
.lh-ban .text h2 { font-size: 3.125vw; font-family: "CenturyGothicbold";}
.lh-ban .text h3 { font-size: 1.66vw; font-weight: bold; margin-top: 1vh;}
.lh-mouse { display: block; width: 100px; height: 100px; background: rgba(0,0,0,.5); border-radius: 50%; text-align: center; position: absolute; left: 50%; bottom: 40px; padding: 20px 0 0 0; margin-left: -50px; cursor: none;}
.lh-mouse i { display: block; width: 20px; height: 36px; border-radius: 30px; margin: auto; border: 2px solid #fff; position: relative;}
.lh-mouse i:before { content: ''; display: block; width: 2px; height: 10px; background: #fff; position: absolute; left: 50%; top: 10px; margin-left: -1px;}
.lh-mouse h2 { color: #fff; font-size: 12px; margin-top: 5px;}
.lh-other-nav { /* height: 10vh;  */background: #fff; border-bottom: 1px solid #DCDCEA; text-align: center;}
.lh-other-nav li { display: inline-block; margin: 0 10px; height: 10vh; line-height: 10vh;}
.lh-other-nav li a { display: block; position: relative; padding: 0 0px; font-size: 14px; color: #444444; height: 100%;}
.lh-other-nav li a:after { content: ''; display: block; width: 100%; height: 3px; background: #2F318B; position: absolute; left: 0; bottom: 0; border-radius: 10px 10px 0 0; transform: scaleX(0); transition: ease .65s;}
.lh-other-nav li a:hover, .lh-other-nav li a.on { color: #2F318B;}
.lh-other-nav li a:hover:after, .lh-other-nav li a.on:after { transform: scaleX(1);}
.lh-other-nav .scroller {overflow-x: auto; overflow-y: hidden; }
.lh-other-nav .scroller::-webkit-scrollbar {width: 12px;}
.lh-other-nav .scroller::-webkit-scrollbar-track {background: #ffebee;border-radius: 4px;}
.lh-other-nav .scroller::-webkit-scrollbar-thumb {background: #f44336;border-radius: 4px;}
.lh-other-nav .scroller::-webkit-scrollbar-thumb:hover {background: #d32f2f;}
.lh-other-nav .scroller ul{white-space: nowrap;}
.scroll-hint {text-align: center;margin-top: 10px;margin-bottom: 6px;color: #666;font-size: 0.9rem;display: flex;align-items: center;justify-content: center;gap: 8px;opacity: 0;transform: translateY(-10px);transition: opacity 0.5s ease, transform 0.5s ease;height: 0;overflow: hidden;}
.scroll-hint.visible {opacity: 1;transform: translateY(0);height: auto;margin-top: 15px;}
.scroll-arrow {animation: bounce 2s infinite;}
@keyframes bounce {0%, 20%, 50%, 80%, 100% {transform: translateX(0);}40% {transform: translateX(5px);}60% {transform: translateX(3px);}}
.lh-profile { /* height: 104vh; */ position: relative; background: #F4F4F8;}
.lh-profile .img { float: left; width: 50%; height: 100%; position: relative;}
.lh-profile .text { float: left; width: 50%; padding-left: 3.125vw; height: 100%; margin-top: 10px; align-items: center;}
.lh-public-h2 { font-size: 2.5vw; color: #2f318b; font-family: "CenturyGothicbold";}
.lh-public-h3 { font-size: 2.25vw; color: #2f318b; margin: 1vh 0 5vh; font-family: "CenturyGothicbold";}
.lh-public-pre { line-height: 32px; color: #444444; font-size: 15px; max-width: 640px;}

.hzhb{ background: #F4F4F8;}
.hzhb img{ /*padding-top: 150px;*/}

.lh-look { display: block; width: 160px; height: 50px; line-height: 50px; text-align: center; border: 1px solid #2f318b; background: #fff; color: #2f318b; fotn-size: 15px; margin-top: 9vh; overflow: hidden; position: relative; z-index: 1;}
.lh-look:before { content: ''; display: block; width: 100%; height: 100%; background: #2f318b; border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(0); transition: ease .65s; z-index: -1;}
.lh-look:hover:before { transform: translate(-50%, -50%) scale(1); border-radius: 0;}
.lh-look:hover { color: #fff;}
.lh-profile-a { background: #00A2E9 url(../images/icon5.png); padding: 12vh 0;}
.lh-profile-item li { flex: 1; color: #fff; padding-left: 5.2vw; text-align: center;}
.lh-profile-item li i { font-size: 3.125vw;}
.lh-profile-item li h2 { font-size: 1.35vw; font-family: "CenturyGothicbold";}
.lh-profile-item li h2 span { font-size: 2.9vw; margin: 0 5px;}
.lh-profile-item li h3 { font-size: 16px; margin-top: 20px;}
.lh-profile.honor .img { float: right;}
.lh-profile.honor .text { padding-left: 13.5vw;}
.lh-history { padding: 10vh 0 22vh; background-size: cover;}
.lh-history .lh-public-h2, .lh-history .lh-public-h3 { text-align: center;}
.lh-history-banner { margin-top: 8vh; position: relative; overflow: hidden;}
.lh-history-banner li { padding-left: 2.86vw; width: 33.3%;}
.lh-history-banner li h2 { font-size: 2.08vw; font-family: "CenturyGothicbold"; border-bottom: 3px solid #444; color: #222222; padding-bottom: 2vh; transition: ease .65s;}
.lh-history-banner li .cont { line-height: 26px; color: #444444; padding-top: 2vh;}
.lh-history-banner li .cont p { margin-bottom: 2vh; transition: ease .65s;}
.lh-history-banner li:hover h2 { color: #00a2e9; border-color: #00a2e9;}
.lh-history-banner li .cont p:hover { color: #00a2e9;}
.lh-history-a { margin-left: -2.86vw; position: relative;}
.lh-history-btn a { display: block; width: 50px; height: 50px; border-radius: 50%; border: 2px solid #BDBEDA; position: absolute; top: 50%; transform: translateY(-50%);}
.lh-history-btn a.prev { left: -4.43vw;}
.lh-history-btn a.next { right: -7.29vw;}
.lh-history-btn a.prev:before { content: ''; display: block; width: 0; height: 0; border: 7px solid transparent; border-right: 7px solid #2F318B; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); margin-left: -4px; transition: ease .65s;}
.lh-history-btn a.prev:after { content: ''; display: block; width: 40px; height: 2px; background: #2F318B; position: absolute; left: 57%; top: 50%; margin-top: -1px; transition: ease .65s;}
.lh-history-btn a:hover { border-color: #00a2e9; background: #00a2e9;}
.lh-history-btn a.prev:hover:before { transform: translate(-46px, -50%);}
.lh-history-btn a.prev:hover:after { transform: translateX(-100%);}
.lh-history-btn a.next:before { content: ''; display: block; width: 0; height: 0; border: 7px solid transparent; border-left: 7px solid #2F318B; position: absolute; right: 50%; top: 50%; transform: translate(50%, -50%); margin-right: -4px; transition: ease .65s;}
.lh-history-btn a.next:after { content: ''; display: block; width: 40px; height: 2px; background: #2F318B; position: absolute; right: 57%; top: 50%; margin-top: -1px; transition: ease .65s;}
.lh-history-btn a.next:hover:before { transform: translate(46px, -50%);}
.lh-history-btn a.next:hover:after { transform: translateX(100%);}
.lh-status { padding: 15vh 0 30vh; background-attachment: fixed; background-size: cover;}
.lh-status .lh-public-h2, .lh-status .lh-public-h3 { color: #fff; text-align: center;}
.lh-status .lh-public-pre { color: #fff; max-width: 924px; margin: auto; text-align: center;}
.lh-culture { background: #F4F4F8; padding-top: 8vh;}
.lh-culture .lh-public-h2, .lh-culture .lh-public-h3 { text-align: center;}
.lh-culture .lh-public-pre { margin: auto; text-align: center; max-width: 825px;}
.lh-status-item { margin-top: 8vh; display: flow;    padding: 47px;}
.lh-status-item li { flex: 1; width: 25%; float: left; position: relative; overflow: hidden;}
.lh-status-item li:before { content: ''; display: block; width: 100%; height: 100%; background: #00A2E9; position: absolute; left: 0; top: 0; transform: scaleY(0); transform-origin: center bottom; transition: ease .65s;}
.lh-status-item li h2 { position: absolute; left: 0; bottom: 4vh; color: #fff; text-align: center; font-size: 18px; right: 0; padding: 0 20px; transition: ease .65s;}
.lh-status-item li h3 { position: absolute; left: 0; top: 50%; right: 0; text-align: center; padding: 0 20px; font-size: 22px; font-weight: bold; color: #fff; transition: ease .65s; opacity: 0; transform: translateY(100%);}
.lh-status-item li:hover:before { transform: scaleY(1);}
.lh-status-item li:hover h3 { opacity: 1; transform: translateY(-50%);}
.lh-status-item li:hover h2 { opacity: 0; transform: translateY(100%);}
.lh-welfare { background-color: #F4F4F8; /*padding-bottom: 10vh;*/}
.lh-welfare-h { background-repeat: no-repeat; background-position: center top; /*height: 60vh;*/padding-top: 8vh;}
.lh-welfare .lh-public-h2, .lh-welfare { text-align: center; color: #fff;}
.lh-welfare-item { margin-top: -30vh; margin-left: -2.08vw; display: flow;}
.lh-welfare-item li { flex: 1; width: 25%; float: left; padding-left: 1.08vw; margin-top: 10px;}
.lh-welfare-item li img { width: auto;    height: 240px; display: initial;}

.lh-welfare-item li a { display: block; background: #fff; box-shadow: 0 0 24px rgba(0,0,0,.1); height: 100%; text-align: center;}
.lh-welfare-item li .text { padding: 1px 20px 5px; text-align: center;}
.lh-welfare-item li .text h2 { font-size: 16px; color: #222222; transition: ease .65s; height: 48px;}
.lh-welfare-item li .text span { line-height: 24px; color: #444444; margin-top: 5vh;}
.lh-welfare-item li a:hover .text h2 { color: #00A2EA;}
.gd a:hover h2{ background: #5255bb; border-radius: 60px;}

.lh-other.ones { padding: 6vh 0 13vh; background: #F4F4F8;}
.lh-ones>.container { background: #fff; padding: 7vh 5.2vw; max-width: 1200px;}
.lh-ones-h1 { font-size: 1.6vw; color: #222222; font-weight: bold; text-align: center;}
.lh-ones-cont { margin: 10vh 0; font-size: 18px; line-height: 40px; color: #222222;}
.lh-ones-cont img { display: inline-block; width: auto; max-width: 100%; height: auto !important;}
.lh-ones-cont h2 { margin: 20px 0 10px;}
.lh-ones-cont h3 { margin: 10px 0 5px;}
.lh-ones-cont table {border-radius: 6px;overflow: hidden;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);border: 1px solid #e0e0e0;width:90%;}
.lh-ones-cont table th {background-color: #2c3e50;color: #ecf0f1;font-weight: 500;padding: 6px 14px;text-align: left;letter-spacing: 0.5px;border-right: 1px solid #34495e;}
.lh-ones-cont table td {padding: 5px 14px;border-bottom: 1px solid #ecf0f1;border-right: 1px solid #ecf0f1;}
.lh-ones-cont table tr:nth-child(odd) {background-color: #f9f9f9;}
.lh-ones-cont table tr:nth-child(even) {background-color: white;}
.lh-ones-cont table tr:hover td {background-color: #f1f8ff;}
.lh-ones-share { text-align: center;}
.lh-ones-share a { display: inline-block; width: 50px !important; height: 50px !important; border-radius: 50% !important; line-height: 50px !important; background: #66A2D4 !important; color: #fff !important; text-decoration: none !important; padding: 0 !important; margin: 0 19px !important; opacity: 1; font-size: 30px !important;}
.lh-ones-share a.icon-xinlang { background: #EA5D5C !important;}
.lh-ones-share a.icon-weixin { background: #50B674 !important;}
.lh-ones-share a.icon-xinlang:hover { background: #EA1C1C !important;}
.lh-ones-share a.icon-weixin:hover { background: #1CB452 !important;}
.lh-ones-share a.icon-qq:hover { background: #1F7CCE !important;}
.lh-honor-ul { margin-left: -2.8vw;}
.lh-honor-ul li { width: 33.3%; padding-left: 2.8vw; float: left; margin-bottom: 2.8vw;}
.lh-honor-ul li img { width: 100%;}
.lh-honor-ul li a { position: relative; overflow: hidden; display: block; width: 100%;}
.lh-honor-ul li h2 { position: absolute; left: 0; bottom: 0; width: 100%; height: 60px; line-height: 60px; text-align: center; color: #fff; background: #00a2e9; padding: 0 10px; font-size: 16px; transition: ease .65s; transform: translateY(100%);}
.lh-other.ones>.container { max-width: 1240px;}
.lh-honor-ul li a:hover h2 { transform: translateY(0);}
.lh-loading { text-align: center;}
.lh-loading>h2 { margin-top: 10px; color: #2f318b;}
.swiper-slide.footer { height: auto !important;}
.spinner { margin: auto; width: 20px; height: 20px; position: relative;}
.container1 > div, .container2 > div, .container3 > div { width: 6px; height: 6px; background-color: #2f318b; border-radius: 100%; position: absolute; -webkit-animation: bouncedelay 1.2s infinite ease-in-out; animation: bouncedelay 1.2s infinite ease-in-out; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.spinner .spinner-container { position: absolute; width: 100%; height: 100%;}
.container2 { -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg);}
.container3 { -webkit-transform: rotateZ(90deg); transform: rotateZ(90deg);}
.circle1 { top: 0; left: 0;}
.circle2 { top: 0; right: 0;}
.circle3 { right: 0; bottom: 0;}
.circle4 { left: 0; bottom: 0;}
.container2 .circle1 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s;}
.container3 .circle1 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s;}
.container1 .circle2 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s;}
.container2 .circle2 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s;}
.container3 .circle2 { -webkit-animation-delay: -0.7s; animation-delay: -0.7s;}
.container1 .circle3 { -webkit-animation-delay: -0.6s; animation-delay: -0.6s;}
.container2 .circle3 { -webkit-animation-delay: -0.5s; animation-delay: -0.5s;}
.container3 .circle3 { -webkit-animation-delay: -0.4s; animation-delay: -0.4s;}
.container1 .circle4 { -webkit-animation-delay: -0.3s; animation-delay: -0.3s;}
.container2 .circle4 { -webkit-animation-delay: -0.2s; animation-delay: -0.2s;}
.container3 .circle4 { -webkit-animation-delay: -0.1s; animation-delay: -0.1s;}
 @-webkit-keyframes bouncedelay { 0%, 80%, 100% {-webkit-transform: scale(0.0)} 40% {-webkit-transform: scale(1.0)}}
 @keyframes bouncedelay { 0%, 80%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0);}40% { transform: scale(1.0); -webkit-transform: scale(1.0);}}
.lh-other.rd { padding: 0;}
.lh-rd-ul li { overflow: hidden; background: #2F318B; height: 72vh;}
.lh-rd-ul li .img { width: 50%; height: 100%; float: left; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.lh-rd-ul li .text { width: 50%; height: 100%; float: left; padding: 0 4.16vw; display: flex; align-items: center; animation-timing-function: cubic-bezier(.8, -.5, .2, 1.4);}
.lh-rd-ul li .text h2, .lh-rd-ul li .text h3, .lh-rd-ul li .text span { color: #fff;}
.lh-rd-ul li .text span { max-width: 580px;}
.lh-rd-ul li .text a { border-color: #fff; background: none; color: #fff;}
.lh-rd-ul li .text a:before { display: none;}
.lh-rd-ul li .text a:hover { background: #fff; color: #2F318B;}
.lh-rd-ul li:nth-child(2n) { background: #00A2E9;}
.lh-rd-ul li:nth-child(2n) .img { float: right;}
.lh-product { background: #F4F4F8;}
.lh-product-item>li { width: 33.3%; height: calc((100vh - 90px) / 2); float: left; text-align: center; position: relative; border-bottom: 2px solid #D8D8DC;}
.lh-product-item>li:before { content: ''; display: block; width: 2px; height: 100%; background: #D8D8DC; position: absolute; right: 0; top: 0; z-index: 2;}
.lh-product-item>li:nth-child(3n):before { display: none;}
.lh-product-item>li>div { display: block; height: 100%;}
.lh-product-item>li>div>a { display: none;}
.lh-product-item>li>div>.img { display: flex; align-items: center; margin-bottom: 10px; height: 80%;}
.lh-product-item>li>div>.img img { margin: auto; max-height: 100%; width: auto;}
.lh-product-item>li h2 { font-size: 18px; font-weight: bold;}
.lh-product-shadow { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #fff; display: flex; align-items: center; justify-content: center;}
.lh-product-shift {max-width:calc(120px * 3 + 4vw); margin: 20px auto 0; transform: translateX(-1vw);}
.lh-product-shift li { width: 33.3%; float: left; padding-left: 2vw; margin-bottom: 2vw;}
.lh-product-shift li a { display: flex; align-items: center; justify-content: center; border: 1px solid #DCDCEA; background: #F4F4F8; position: relative; width: 120px; height: 120px;}
.lh-product-shift li .text { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #00A2E9; color: #fff; font-size: 16px; line-height: 32px; display: flex; align-items: center; justify-content: center; padding: 0 20px; transform: scale(0); transition: ease .65s; opacity: 0;}
.lh-product-shift li a:hover .text { transform: scale(1); opacity: 1;}
.lh-product-shift li a i { display: block; width: 40px; height: 4px; background: #00A2E9; position: relative; transition: ease .65s;}
.lh-product-shift li a i:before { content: ''; display: block; width: 4px; height: 40px; background: #00A2E9; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.lh-product-shift li a:hover i { transform: rotate(360deg);}
.lh-product-shadow { opacity: 0; visibility: hidden; transition: ease .65s;}
.lh-product-item>li>div:hover .lh-product-shadow { opacity: 1; visibility: visible;}
.lh-product-shadow>div>a { color: #00a2e9; font-size: 16px; border-bottom: 1px solid #00a2e9;}
.lh-product-shadow>div>a:hover { color: #2F318B; border-bottom: 1px solid #2F318B;}
.lh-ban.pro { height: 40vh;}
.lh-proDetails-banner { position: relative; padding: 6vh 0; border-top: 1px solid #DCDCEA; border-bottom: 1px solid #DCDCEA; margin-top: 6vh; overflow: hidden;}
.lh-proDetails-banner li img { margin: auto;}
.lh-proDetails-banner .lh-history-btn a { z-index: 2;}
.lh-proDetails-banner .lh-history-btn a.prev { left: 0;}
.lh-proDetails-banner .lh-history-btn a.next { right: 0;}
.lh-proDetails-res { padding: 4vh 0; border-bottom: 1px solid #DCDCEA; font-size: 16px; color: #444444; line-height: 32px;}
.lh-proDetails-res1 { padding: 4vh 0; border-bottom: 1px solid #DCDCEA; font-size: 16px; color: #444444; line-height: 32px;}
.lh-proDetails-res>b { color: #3646a9;}
.lh-proDetails-page { max-width: 1200px; margin: 5.6vh auto 0; text-align: center;}
.lh-proDetails-page a { font-size: 18px; font-weight: bold; color: #333333;}
.lh-proDetails-page a:nth-child(2) { /* border-bottom: 1px solid #333; */}
.lh-proDetails-page a:first-child { float: left;}
.lh-proDetails-page a:last-child { float: right;}
.lh-proDetails-page a i { font-size: 24px; color: #AAA; font-weight: normal; transition: ease .65s;}
.lh-proDetails-page a:first-child i { float: left; margin-right: 10px;}
.lh-proDetails-page a:last-child i { float: right; margin-left: 10px;}
.lh-proDetails-page a:hover, .lh-proDetails-page a:hover i { color: #00a2e9;}
.lh-proDetails-layer { width: 180px; height: 150px; position: fixed; right: 10px; top: 50%; transform: translateY(-50%); border-radius: 10px; overflow: hidden; background: #00A2E9; box-shadow: 0 0 20px rgba(0,0,0,.1); z-index: 10;}
.lh-proDetails-layer li { height: 50px; line-height: 50px; text-align: center; color: #fff;}
.lh-proDetails-layer li a { color: #fff; display: block;}
.lh-proDetails-layer li:nth-child(2n) { background: #fff;}
.lh-proDetails-layer li:nth-child(2n) a { color: #00A2E9;}
.lh-pro-ul li { margin-bottom: 6vh; background: #fff; overflow: hidden; position: relative;}
.lh-pro-ul li:before { content: ''; display: block; width: 1px; height: 100%; background: #EBEBF2; position: absolute; right: 38%; top: 0;}
.lh-pro-ul li .img { float: right; width: 38%; display: flex; align-items: center; justify-content: center; padding: 5.6vh 10%;}
.lh-pro-ul li .text { float: left; width: 62%; display: flex; align-items: center; padding: 5%;}
.lh-pro-ul li .text h2 { font-size: 26px; font-weight: bold; color: #222;}
.lh-pro-ul li .text span { margin: 4vh 0; line-height: 28px; color: #666666;}
.lh-pro-ul li .text .btn a { width: 120px; height: 40px; border-radius: 30px; font-size: 15px; text-align: center; line-height: 40px; border: 1px solid #2F318B; color: #2F318B; float: left; margin-left: 20px;}
.lh-pro-ul li .text .btn a:first-child { margin-left: 0; background: #2F318B; color: #fff;}
.lh-pro-ul li .text .btn a:first-child:hover { background: #00A2E9; border-color: #00A2E9;}
.lh-pro-ul li .text .btn a:last-child:hover { background: #2F318B; color: #fff;}
.lh-nav-three { background: #fff; box-shadow: 0 5px 10px rgba(0,0,0,.1); position: relative;}
.lh-nav-three dl { text-align: center;}
.lh-nav-three dl dd { display: inline-block;}
.lh-nav-three dl dd a { padding: 2vh 4vw 3vh; display: block; color: #444444; font-size: 15px;}
.lh-nav-three dl dd img { margin: auto;}
.lh-nav-three dl dd .img { height: 110px; display: flex; align-items: center;}
.lh-nav-three dl dd h2 { margin-top: 10px;}
.lh-nav-three dl dd .img img { height: 100%; width: auto;}
.lh-nav-three dl dd a:hover, .lh-nav-three dl dd a.on { background: #bebebf; color: #2f318b;}
.lh-system .lh-public-h2, .lh-system .lh-public-h3, .lh-system .lh-public-pre { text-align: center;}
.lh-system .lh-public-pre { margin: auto; max-width: 918px;}
.lh-system-item { margin-top: 6vh; margin-left: -2.08vw;}
.lh-system-item li { width: 33.3%; padding-left: 2.08vw; margin-top: 2.08vw;}
.lh-system-item li a { display: block; background: #fff; /* border: 1px solid #DCDCEA; */ height: 100%; text-align: center; font-size: 18px; /* padding: 1vw; */padding-bottom: 10px;}
.lh-system-item li a:after { content: ''; display: block; height: 3px; background: #00a2e9; position: absolute; left: 0; right:0; bottom: 0; transform: scaleX(0); transition: ease .65s;}
.lh-system-item li .img { display: flex; align-items: center; justify-content: center;}
.lh-system-item li .img image{border-radius: 2px}
.lh-system-item li h2 { margin-top: 10px;font-size: 100%; font-weight: normal;}
.lh-system-item li a:hover { box-shadow: 0 0 20px rgba(0,0,0,.1); /* border-color: #fff; color: #00a2e9; */}
/* .lh-system-item li a:hover:after { transform: scaleX(1);} */
.lh-system { padding-bottom: 12vh;}
.lh-system.solut { padding: 9vh 0; background: #fff;}
.lh-solut { margin-top: 8vh; position: relative; height: 60vh;}
.lh-solut .img { width: 71%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center;}
.lh-solut-text { position: absolute; right: 0; bottom: 0; background: #006947; text-align: center; padding: 8vh 3.125vw; color: #fff; max-width: 500px;}
.lh-solut:nth-child(3n-2) .lh-solut-text { background: #006947;}
.lh-solut:nth-child(3n-1) .lh-solut-text { background: #2E328D;}
.lh-solut:nth-child(3n) .lh-solut-text { background: #00A2EA;}
.lh-solut-text i { font-size: 3.125vw; display: none;}
.lh-solut-text h2 { font-size: 24px; margin-top: 1vh;}
.lh-solut-text span { line-height: 28px; margin: 3vh 0 4vh; text-align: left;}
.lh-solut-text a { margin: auto; background: none; color: #fff; border: 1px solid #fff;}
.lh-solut-text a:before { display: none;}
.lh-solut-text a:hover { background: #fff; color: #006947; border-color: #006947;}
.lh-business { position: relative; height: 60vh; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.lh-business .container { height: 100%;}
.lh-business .lh-solut-text { right: 20px; background: #2f318b;}
.lh-solut.two { margin-top: 0;}
.lh-solut.two .img { float: right;}
.lh-solut.two .lh-solut-text { left: 0; background: #00a2e9;}
.lh-service-ul { background: #F4F4F8;}
.lh-service-ul li { height: 70vh; position: relative;}
.lh-service-ul li .img { height: 100%; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; background-attachment: fixed;}
.lh-service-ul li .text { position: absolute; right: 0; width: 50%; height: 100%; top: 0; background: rgba(47,49,139,.6); padding: 0 4.16vw; display: flex; align-items: center; color: #fff;}
.lh-service-ul li .text h2, .lh-service-ul li .text h3, .lh-service-ul li .text span { color: #fff;}
.lh-service-ul li .text a { color: #fff; background: none; border-color: #fff;}
.lh-service-ul li .text a:before { display: none;}
.lh-service-ul li .text a:hover { background: #00A2E9; color: #fff; border-color: #00A2E9;}
.lh-service-ul li:nth-child(2n) .text { left: 0; justify-content: flex-end;}
.lh-news-item { margin-left: -2vw; margin-top: 8vh; margin-bottom: 4vh;}
.lh-news-item li { width: 25%; padding-left: 2vw; margin-bottom: 2vw;}
.lh-news-item li a { display: block; position: relative; background: #fff; box-shadow: 0 0 24px rgba(0,0,0,.12);}
.lh-news-item li a:after { content: ''; display: block; width: 100%; height: 3px; background: #00a2e9; position: absolute; left: 0; bottom: 0; transform: scaleX(0); transition: ease .65s;}
.lh-news-item li .img { overflow: hidden;}
.lh-news-item li img { transition: ease .65s; width: 100%; height: 250px;}
.lh-news-item li .text { padding: 4vh 20px 6vh;}
.lh-news-item li .text h2 { font-size: 18px; font-weight: bold; color: #333333; height: 20px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: ease .65s;}
.lh-news-item li .text .desc { line-height: 28px; color: #666666; height: 56px; overflow: hidden; margin: 2vh 0;}
.lh-news-item li .text .publish-time { color: #2f318b; font-size: 14px; font-family: "CenturyGothicbold"; transition: ease .65s;}
.lh-news-item li a:hover:after { transform: scaleX(1);}
.lh-news-item li a:hover .text h2, .lh-news-item li a:hover .text h4 { color: #00a2e9;}
.lh-news-box .lh-public-h2, .lh-news-box .lh-public-h3 { text-align: center;}
.lh-onews-h2 { padding: 2.6vh 0; border-top: 1px solid #DCDCEA; border-bottom: 1px solid #DCDCEA; color: #888888; font-size: 15px; text-align: center; margin-top: 6vh;}
.lh-onews-h2 span { margin: 0 15px;}
.lh-ones-h1.two { font-size: 1.45vw;}
.lh-ones-cont.two { margin: 5vh 0; font-size: 16px;}
.lh-contact-a { margin-top: 7vh; position: relative; border: 4px solid #2f318b;}
.lh-contact-text { position: absolute; left: 0; top: 0; bottom: 0; padding: 0 1.6vw; background: #2f318b; align-items: center; justify-content: center; color: #fff; font-size: 14px; width:35%; display: flex; box-sizing:border-box}
.lh-contact-text p { margin-bottom: 5px;}
.lh-contact-text img { width: auto; max-width: 140px;}
.lh-contact-text h3 { font-size: 12px; color: #adc4e5; margin-top: 10px;}
.lh-map { width: 65%; float:right}
.lh-contact-b { margin-top: 7vh;}
.lh-contact-item { margin-top: 7vh;}
.lh-contact-item li { width: 33.3%; position: relative; height: 50px; line-height: 50px; border-bottom: 2px solid #DDD;}
.lh-contact-item li span { color: #242424; font-size: 16px;}
.lh-contact-item li input { width: 100%; background: none; border: none; position: absolute; left: 0; top: 50%; transform: translateY(-50%); text-indent: 60px; font-size: 14px;}
.lh-contact-item li:last-child { height: 136px; width: 100%; line-height: inherit; padding-top: 15px;}
.lh-contact-item li textarea { width: 100%; height: 100%; background: none; border: none; position: absolute; left: 0; top: 0; padding: 15px 60px 30px; font-size: 14px;}
.lh-contact-item li:last-child a { position: absolute; right: 0; bottom: 15px; color: #2f318b; font-weight: bold; font-size: 16px;}
.lh-contact-item li:last-child a:hover { color: #00A2EA;}
.lh-join-item { margin-top: 7vh;}
.lh-join-item dt .lh-join-h { height: 10vh; line-height: 10vh; background: #fff; border-bottom: 1px solid #DDD; cursor: auto;}
.lh-join-h { height: 8vh; line-height: 8vh; background: #fff; border-bottom: 1px solid #DDD; transition: ease .65s; cursor: pointer;}
.lh-join-h span { flex: 1; padding-left: 2vw; font-size: 0.9vw; color: #444444; transition: ease .65s;}
.lh-join-h span:last-child { flex: .3; padding: 0; text-align: center;}
.lh-join-item dt .lh-join-h span { font-weight: bold; color: #222;}
.lh-join-info { border: 4px solid #00a2e9; background: #fff; padding: 2vw; display: none; border-top: none;}
.lh-join-cont li { float: left; width: 50%;}
.lh-join-cont li>h2 { font-size: 18px; font-weight: bold; color: #222222;}
.lh-join-cont li>.ccont { line-height: 30px; color: #555555; margin-top: 4vh;}
.lh-join-info .email { color: #222222; font-size: 16px; margin-top: 4vh;}
.lh-join-info .email a { color: #00a2e9; font-size: 16px;}
.lh-join-close { font-size: 24px; color: #fff;}
.lh-join-item dd.on .lh-join-h { background: #00a2e9; border-color: #00a2e9;}
.lh-join-item dd.on .lh-join-h span { color: #fff;}
.lh-index-about .img { position: relative;}
.lh-video-btn { position: absolute; left: 50%; top: 50%; color: #fff; transform: translate(-50%, -50%);}
.lh-video-btn i { font-size: 50px;}
.lh-video { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,1); z-index: 2000; display: flex; align-items: center; justify-content: center; transition: ease .65s; visibility: hidden; opacity: 0;}
.lh-video video { max-width: 100vw; max-height: 100vh; width: 100%;}
.lh-video-close { position: absolute; right: 0; top: 0; width: 30px; height: 30px; background: #fff; color: #000; text-align: center; line-height: 30px; z-index: 10;}
.lh-video-close:hover { border-radius: 50% 0 50% 50%;}
.Video .lh-video { visibility: visible; opacity: 1;}
.sjban { display: none;}
@media screen and (max-width: 1800px) {
.lh-nav li { margin: 0 1.6vw;}
.lh-ban {height: 300px;}
}
@media screen and (max-width: 1600px) {
.lh-nav li { margin: 0 1.2vw;}
.lh-ban {height: 300px;}
.lh-history-btn a.next { right: -5.3vw;}
.lh-history-btn a.prev { left: -2.5vw;}
.lh-history-btn { display: none;}
.lh-history-banner { cursor: move;}
.lh-profile.honor .text { padding-left: 3.5vw;}
.lh-proDetails-banner .lh-history-btn { display: block;}}
@media screen and (max-width: 1440px) {
.lh-ban {height: 260px;}
}
@media screen and (max-width: 1366px) {
.lh-nav li { margin: 0 1vw;}
}
@media screen and (max-width: 1300px) {
.lh-nav li a { font-size: 14px;}
.lh-ban {height: 240px;}
.lh-nav li {margin:0 .6vw;}}
@media screen and (max-width: 1280px) {}
@media screen and (max-width: 1200px) {
.lh-nav li:not(.lh-logo) { display: none;}
.lh-ban {height: 200px;}
.lh-product-item>li { width: 50%;}
}
@media screen and (max-width: 1024px) {.lh-news-r { width: 600px; height: 467px;}
.lh-news-hd { width: 220px;}
.lh-news-bd { width: 365px;}
.lh-news-bd li a { padding: 30px 10px;}
.lh-news-bd li .time { bottom: 40px;}
.lh-news-hd li { height: 143px;}
.lh-profile-item li { padding-left: 0;}}
@media screen and (max-width: 980px) {
.lh-index-banner .swiper-slide-active .lh-index-rd .img{ width:100vw}
.wpban { display: none;}
.sjban { display: block;}
.lh-footer-logo img { width: 143px;}
.lh-footer-nav li a { font-size: 14px; line-height: 20px;}
.lh-footer-nav li a i { font-size: 20px; margin-right: 5px;}
.lh-footer-nav li a span { margin-left: 10px;}
.lh-footer-l, .lh-footer-r { float: none;}
.container { padding: 0 10px;}
.lh-footer-r { text-align: left; margin-top: 20px;}
.lh-footer-r h2 { font-size: 24px;}
.lh-footer-nav { margin-top: 4vh;}
.lh-footer-b h2, .lh-footer-b h3 { float: none; text-align: center;}
.lh-footer { padding: 6vh 0;}
.lh-header { height: var(--header-height);}
.lh-nav-btn { width: 30px; height: 20px; left: 10px;}
.lh-nav-btn:before, .lh-nav-btn:after, .lh-nav-btn i { height: 2px;}
.lh-nav li.lh-logo { width: 60px;}
.lh-nav li.lh-logo img { width: 100%;}
.lh-search-btn, .lh-home { right: 10px;}
.lh-search-btn i, .lh-home i { font-size: 28px;}
.lh-search-close { width: 50px; height: 50px; line-height: 50px;}
.lh-search-close i { font-size: 24px;}
.lh-search-box { padding: 0 20px; width: 100%;}
.lh-search { width: 100%; height: 50px; border-width: 1px;}
.lh-search a { width: 100px; height: 50px; right: -1px; top: -1px; font-size: 16px; line-height: 50px;}
.lh-search input { padding: 0 20px; font-size: 14px;}
.lh-search-box .hot { font-size: 14px;}
.lh-search-box .hot a { font-size: 14px; margin-right: 10px;}
.lh-nav { height: auto; position: absolute; left: 50%; top: var(--nav-top-height); transform: translateX(-50%);}
.lh-nav-btn.on:before { transform: rotate(45deg) translate(0, 7px);}
.lh-nav-btn.on:after { transform: rotate(-45deg) translate(5px, -14px);}
.lh-toggle-nav li dd { display: none;}
.lh-toggle-nav li { width: 100%; margin: 0;}
.lh-toggle-nav li dt a { font-size: 16px; font-weight: bold;}
.lh-toggle-nav li dt a:before { height: 2px; margin-top: -1px;}
.lh-toggle-line>div:not(.line1) { display: none;}
.lh-toggle-share { width: 60px;}
.lh-nav-share a { width: 30px !important; height: 30px !important; line-height: 30px !important; font-size: 16px !important;}
.lh-banner-bd li .text h2 { font-size: 24px;}
.lh-banner-bd li .text h3 { font-size: 16px;}
.lh-banner-bd li .text span { max-width: 100%; font-size: 14px; line-height: 24px;}
.lh-banner-bd li .text { left: 0; padding: 0 30px; top: 72%;}
.lh-banner-bd li.style2 .text { right: 0;}
/* .lh-banner-bd li.style1 .pro-img { width: 327px; right: 0; top: 70%;} */
.lh-banner-bd li.style1 .pro-img { width: 82%; /* right: 0; */ top: 36%;}
.lh-index-about .text h2, .lh-index-rd .text h2, .lh-pro-item li .text h2, .lh-solution-top .text h2, .lh-index-service h2, .lh-news-l h2 { font-size: 20px;}
.lh-index-about .text h3, .lh-index-rd .text h3, .lh-pro-item li .text h3, .lh-solution-top .text h3, .lh-index-service h3, .lh-news-l h3 { font-size: 16px; margin-bottom: 20px;}
.lh-index-about .text pre, .lh-index-rd .text pre, .lh-pro-item li .text pre, .lh-index-service span { line-height: 24px; margin: 20px 0 30px;}
.lh-index-about .img { position: absolute; left: 0; bottom: 0; width: auto; height: 40%; overflow: hidden;}
.lh-index-about { padding-top: 100px; background-size: cover;}
.lh-index-about .container {/*  height: 100%; */}
.lh-index-about .container video {width: 100%;margin-left: 0;margin-top: 50px;}
.lh-index-about .text {max-width: 100%;}
.lh-index-rd .text { padding: 30px;}
.lh-index-rd { background-size: cover;}
.lh-pro-item { padding-top: 80px;}
.lh-pro-item li { flex: none; width: 100%; padding: 0;}
.lh-pro-item li a { padding-left: 30px;} 
.lh-pro-item li .img { float: left; width: 40%;}
.lh-pro-item li .text { float: left; margin-top: 0; padding-left: 20px;}
.lh-pro-item li .text span { display: none;}
.lh-pro-item li:before { width: 100%; height: 1px;}
.lh-solution-item {}
.lh-solution-item li .text h2 { font-size: 16px;}
.lh-solution-item li .text span { font-size: 12px; line-height: 20px; margin: 10px 0; height: 20px; overflow: hidden;}
.lh-index-service { background-size: cover;}
.lh-index-service pre, .lh-index-service h3 { color: #fff;}
.lh-service-item li { padding: 0 0 0 10px;}
.lh-service-item { margin-left: -10px;}
.lh-service-item li h4 { height: 30px; line-height: 30px; height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 5px; font-size: 14px; width: 100%; bottom: -30px; text-align: center;}
.lh-service-item li { width: 33.3%; }
.lh-service-ul li { height: auto;}
.lh-service-ul li .img { height: 200px; background-attachment: inherit;}
.lh-service-ul li .text { position: static; width: 100%; height: auto; padding: 30px 10px;}
.lh-news-l h4 { font-size: 16px;}
.lh-news-l ul li { margin-left: 10px;}
.lh-news-l ul li a { font-size: 14px;}
.lh-news-l ul { margin-top: 30px;}
.lh-news-l h4 { margin: 20px 0 10px;}
.lh-news-l { margin-top: 0;}
.lh-news-l span { white-space: pre-wrap;}
.lh-index-news { padding-top: 0px;}
.lh-news-hd { display: none;}
.lh-news-bd { margin-top: 30px;}
.lh-news-bd { width: 100%;}
.lh-news-r { height: 260px; width: 100%; float: none;}
.lh-news-bd li h2 { font-size: 16px; line-height: 24px; height: 48px;}
.lh-news-bd li span { line-height: 30px; height: 90px; overflow: hidden; margin-top: 10px;}
.lh-news-bd li a { padding: 20px;}
.lh-news-bd li .time { bottom: 20px; padding: 20px 20px 0 20px;}
.lh-main-hd { display: none;}
.lh-main.other { padding-top: var(--header-height);}
.lh-ban .text h2 { font-size: 24px;}
.lh-ban .text h3 { font-size: 16px;}
.lh-mouse { display: none;}
.lh-other-nav { overflow: hidden; /* height: 50px; */}
.lh-other-nav li { height: 50px; line-height: 50px; padding: 0 5px;}
.lh-other-nav li a { font-size: 14px;}
.lh-profile { height: auto;}
.lh-profile .img { float: none; width: 100%; /* height: 262px; */height: auto; background-size: cover;}
.lh-profile .img video {margin-bottom:0 !important;}
.lh-profile .text { display: block; width: 100%; padding: 30px 10px;}
.lh-profile .text #maximg{margin-top:0 !important;}
.lh-public-h2 { font-size: 24px;}
.lh-public-h3 { font-size: 16px;}
.lh-public-pre { font-size: 14px; line-height: 30px;}
.lh-look { width: 120px; height: 40px; line-height: 40px;}
.lh-profile-a { padding: 30px 0 0;}
.lh-profile-item li { flex: none; width: 50%; margin-bottom: 30px;}
.lh-profile-item li i { font-size: 32px;}
.lh-profile-item li h2 { font-size: 14px;}
.lh-profile-item li h2 span { font-size: 20px;}
.lh-profile-item li h3 { font-size: 14px;}
.lh-history-banner li { width: 100%;}
.lh-culture .lh-public-pre { padding: 0 10px;}
.lh-status-item li { flex: none; width: 50%;}
.lh-status-item li h2 { font-size: 16px;}
.lh-status-item li h3 { font-size: 14px;}
.lh-welfare-item { margin-top: 0;}
.lh-welfare-item li { flex: none; width: 100%; margin-bottom: 10px;}
.lh-welfare-h { background-size: cover;}
.lh-status { background-attachment: inherit;}
.lh-ban .img { background-size: cover;}
.lh-ban { height: 137px;}
.lh-footer-r .img { width: 70px; display: none;}
.lh-footer-r .text { float: none;}
.lh-ones>.container { padding: 30px 10px;}
.lh-ones-h1 { font-size: 18px;}
.lh-ones-cont { font-size: 14px; line-height: 24px;}
.lh-honor-ul { margin-left: -10px;}
.lh-honor-ul li { width: 50%; padding-left: 10px; margin-bottom: 10px;}
.layui-layer-imgbar, .layui-layer-imguide { display: inline !important;}
.lh-rd-ul li .img { float: none; height: 280px; width: 100%;}
.lh-rd-ul li .text { float: none; width: 100%; padding: 30px 20px; height: auto;}
.lh-rd-ul li { height: auto;}
.lh-product-item>li { width: 50%; border-width: 1px;}
.lh-product-item>li>div { padding: 30px 10px;}
.lh-product-item>li>div>.img { height: 120px; margin-bottom: 10px;}
.lh-product-item>li>div>.img img { max-height: 80%;}
.lh-product-item>li:before { width: 1px;}
.lh-product-item>li:nth-child(2n):before { display: none;}
.lh-product-item>li:nth-child(3n):before { display: block;}
.lh-product-item>li h2 { font-size: 16px;}
.lh-product-shift li a { width: 100%; height: 100px;}
.lh-product-shift { width: 100%; max-width: 100%; margin-left: -5px; transform: translateX(0);}
.lh-product-shift li { padding-left: 10px; margin-bottom: 10px;}
.lh-product-item>li h2 { font-size: 18px;}
.lh-proDetails-banner .lh-history-btn { display: none;}
.lh-proDetails-banner { overflow: hidden;}
.lh-proDetails-banner li { width: 100% !important;}
.lh-proDetails-layer { position: static; width: 100%; transform: translateY(0); border-radius: 0;}
.lh-pro-ul li .img { width: 100%; border-bottom: 1px solid #EBEBF2;}
.lh-pro-ul li:before { display: none;}
.lh-pro-ul li .text { width: 100%;}
.lh-pro-ul li .text h2 { font-size: 16px; height: 18px; line-height: 18px; overflow: hidden; text-overflow: ellipsis;}
.lh-ban.pro { height: 100px;}
.lh-nav-three dl { overflow: hidden; display: flex; display: -webkit-flex; flex-direction: row; -webkit-flex-direction: row; flex-wrap: wrap; -webkit-flex-wrap: wrap;}
.lh-nav-three dl dd { float: left; width: 25%;}
.lh-nav-three dl dd .img { height: 50px;}
.lh-nav-three dl dd .img img { max-height: 80%;}
.lh-nav-three dl dd h2 { font-size: 12px; margin-top: 10px;}
.lh-system-item {margin-top: 6vh;margin-left: 0;}
.lh-system-item li { width: 25%;}
.lh-system-item li .img { /* height: 130px; */}
.lh-system-item li .img img { max-height: 80%;}
.lh-solut .img { width: 100%; height: 225px; float: none;}
.lh-solut-text { position: static; width: 100%;}
.lh-solut { height: auto;}
.lh-solut-text i { font-size: 42px;}
.lh-solut-text h2 { font-size: 18px;}
.lh-business { background-attachment: inherit; height: auto;}
.lh-solut.two .img { float: none;}
.lh-news-item li { width: 100%;}
.lh-ones-h1.two { font-size: 16px;}
.lh-onews-h2 { font-size: 12px;}
.lh-onews-h2 span { margin: 0 5px;}
.lh-proDetails-page a { font-size: 14px;}
.lh-contact-text { position: static; padding: 30px 10px; font-size: 14px; width:100%}
.lh-map { width:100%;}
.lh-contact-text h2 { margin-bottom: 20px;}
.lh-contact-text img { max-width: 80px;}
.lh-contact-item li { width: 100%;}
.lh-join-h span:nth-child(4), .lh-join-h span:nth-child(5) { display: none;}
.lh-join-h span { font-size: 14px; padding-left: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.lh-join-h span:nth-child(3) { flex: .6;}
.lh-join-info { padding: 10px;}
.lh-join-cont li { float: none; width: 100%;}
.lh-join-cont li>h2 { font-size: 16px;}
.lh-join-cont li>.ccont { line-height: 24px; margin-top: 20px;}
.lh-join-cont li:first-child { margin-bottom: 20px;}
.lh-join-info .email { line-height: 24px; font-size: 14px;}
.lh-join-info .email a { display: block;}
.pace-logo { width: 92px; height: 117px;}
.pace-progress:after { font-size: 24px; top: 80px;}
.pace-info { top: 70%;}
.lh-proDetails-page a i { display: none;}
.lh-proDetails-page { padding: 0 10px;}
.lh-other.ones { padding: 8vh 0;}
.lh-ban .text { width: 100%;}
.lh-ban .text { top: 50%;}
.lh-product-shadow { display: none;}
.lh-product-item>li>div>a { display: block; margin-top: 10px; color: #00A2EA;}
pre { white-space: normal;}
.lh-banner-hd span { margin: 15px 5px 0 !important;}
.lh-solution-top { /*height: 20%!important;*/background-size: auto 140px; background-position: top 50px center; background-image:none !important}
.lh-solution-top .text {display: none;}
.lh-solution-item { display: block; margin-left: 0; margin-top: -190px;/*position: absolute; left: 0; top: -220px;*/}
.lh-solution-item li { width: 50%; margin-bottom: 20px;}
.lh-solution-item li video {margin-top:0 !important}
.lh-solution-item li .img { margin: 0 auto;}
.lh-solution { position: relative;}
.lh-ones-cont img { display: block;}
.down { display: block; width: 30px; height: 30px; position: fixed; right: 10px; bottom: 10px; background: url(../images/down.png)no-repeat center; z-index: 99;}
.shaixuan .container a { margin: 5px!important;}
.lh-system-item li h2 { font-size: 14px;}
.lh-toggle { /* height: calc(100% - 50px); */}
}
@media screen and (max-width: 768px) {
.lh-ban {height: 92px;}
.lh-system-item li { width: 33.3%; }
.lh-system-item li { width: 33.3%; }
}
@media screen and (max-width: 414px) {
.lh-ban {height: 72px;}
}
@media screen and (max-width: 320px) {
.lh-ban {height: 62px;}
}
/*pages*/ .pagination-wrapper { margin: 20px 0;}
.pagination { height: 34px; text-align: center;}
.pagination li { display: inline-block; height: 34px; margin-right: 5px;}
.pagination li a { float: left; display: block; height: 32px; line-height: 32px; padding: 0 12px; font-size: 16px; border: 1px solid #dddddd; color: #555555; text-decoration: none;}
.pagination li a:hover { background: #f5f5f5; color: #0099ff;}
.pagination li.thisclass { background: #09f; color: #fff;}
.pagination li.thisclass a, .pagination li.thisclass a:hover { background: transparent; border-color: #09f; color: #fff; cursor: default;}

.pagebar { padding:20px; overflow:hidden}
.pagebar .pagination {  display: flex;  justify-content: center;  margin-top: 10px;}
.pagination a, .pagination span {  background: #fff;  border: 1px solid #ccc;  color: #333;  font-size: 12px;  padding: 7px 10px;  margin: 0 4px;  border-radius: 3px;}
.pagination span {color: var(--font-color-white);;background: var(--background-color-red); border-color: var(--background-color-red2);}
.pagination a:hover {  color: var(--background-color-white);  border: 1px solid var(--background-color-red2);background: var(--background-color-red);}
.pagination a.page-num-current {  color: #fff;  background: #337ab7;  border: 1px solid #337ab7;}
.pagination a:first-child {display: none;}
.text-secondary{ text-align:center; padding:20px 0}

#maximg img{ max-width:100% !important; height:auto !important}