@charset "utf-8"; /*font*/ @font-face { font-family: "Univers LT 55 Roman"; src: url("../fonts/Univers LT 55 Roman.woff2") format("woff2"), url("../fonts/Univers LT 55 Roman.woff") format("woff"), url("../fonts/Univers LT 55 Roman.ttf") format("truetype"), url("../fonts/Univers LT 55 Roman.eot") format("embedded-opentype"), url("../fonts/Univers LT 55 Roman.svg") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "Univers LT 65 Bold"; src: url("../fonts/Univers LT 65 Bold.woff2") format("woff2"), url("../fonts/Univers LT 65 Bold.woff") format("woff"), url("../fonts/Univers LT 65 Bold.ttf") format("truetype"), url("../fonts/Univers LT 65 Bold.eot") format("embedded-opentype"), url("../fonts/Univers LT 65 Bold.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; } /* 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%; scroll-behavior:smooth; } 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; } .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: #181d61; transition: ease .65s; font-family: "Univers LT 55 Roman"; 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(../img/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: #181d61; 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% { scale(1); opacity:1; } 100% { 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: 90px; background: #fff; z-index: 1000; box-shadow: 0 0 20px rgba(0,0,0,.1); } .lh-nav-btn { position: absolute; left: 2.08vw; top: 50%; 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: 50%; transform: translateY(-50%); } .lh-search-btn i, .lh-home i { font-size: 30px; color: #0185D0; } .lh-nav { text-align: center; height: 90px; } .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; font-weight: bold; } .lh-nav li:not(.lh-logo) a:before { content: ''; display: block; width: 100%; height: 3px; background: #0F448B; 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: #0F448B; } .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: 100px; } .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: "Univers LT 65 Bold"; } .lh-banner-bd li .text h3 { font-size: 2vw; font-weight: bold; margin: 1vh 0 3vh; } .lh-banner-bd li .text pre { 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: 14vh; } .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(.8, -.5, .2, 1.4) 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(.8, -.5, .2, 1.4) 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(../img/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(../img/icon1.jpg) no-repeat right center; display: flex; align-items: center; height: 100vh; padding-top: 12vh; } .lh-index-about .text { float: left; animation: fadeOutUp cubic-bezier(.8, -.5, .2, 1.4) 1.2s forwards; } .lh-index-about .text h2 { font-size: 3.125vw; color: #0185d0; font-family: "Univers LT 65 Bold"; } .lh-index-about .text h3 { font-size: 1.75vw; color: #222222; font-weight: bold; margin-top: 1vh; } .lh-index-about .text pre { 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-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(../img/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(../img/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: "Univers LT 65 Bold"; } .lh-index-rd .text h3 { font-size: 1.75vw; font-weight: bold; margin-top: 1vh; } .lh-index-rd .text pre { line-height: 32px; color: #ffffff; 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: #fff; } .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: 7vh; transition: ease .65s; } .lh-pro-item li .text h2 { font-size: 2.7vw; color: #0185d0; font-family: "Univers LT 65 Bold"; } .lh-pro-item li .text h3 { font-size: 1.75vw; color: #222222; font-weight: bold; margin: 1vh 0 0; } .lh-pro-item li .text pre { line-height: 28px; color: #666666; margin: 3vh 0; } .lh-pro-item li .text h4 { display: inline-block; color: #181d61; 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: 55%; 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:55%; } } @keyframes solutionOutTop { 0% { height:55%; } 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: 3.125vw; font-family: "Univers LT 65 Bold"; } .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: 20%; 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 #181d61; 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: 4vw; } .lh-solution-item li .text h2 { font-size: 16px; color: #222222; font-weight: bold; } .lh-solution-item li .text pre { color: #444444; line-height: 28px; height: 112px; overflow: hidden; margin: 2vh 0; } .lh-solution-item li .text h3 { display: inline-block; color: #181d61; font-family: "Univers LT 65 Bold"; 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(../img/a7.jpg) no-repeat right bottom; display: flex; align-items: center; justify-content: flex-start; } .lh-index-service h2 { font-size: 3.125vw; font-family: "Univers LT 65 Bold"; color: #181d61; } .lh-index-service h3 { font-size: 1.75vw; font-weight: bold; margin-top: 1vh; } .lh-index-service pre { line-height: 28px; color: #444444; max-width: 862px; margin: 4.5vh 0 7.5vh; } .lh-service-item li { width: 33.3%; padding-right: 3.125vw; } .lh-service-item li a { position: relative; display: block; } .lh-service-item li .img { overflow: hidden; transition: ease .65s; } .lh-service-item li h4 { position: absolute; left: 0; bottom: -5vh; height: 8vh; min-width: 55%; background: #fff; line-height: 8vh; 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(../img/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: "Univers LT 65 Bold"; } .lh-news-l h3 { font-size: 1.75vw; 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: "Univers LT 55 Roman"; } .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; font-weight: bold; } .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: auto; max-width: 100%; } .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 pre { line-height: 32px; color: #444444; overflow: hidden; 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: #0185D0; font-size: 16px; font-family: "Univers LT 65 Bold"; } .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; } .lh-index-banner .swiper-slide-active .lh-news-r { animation: fadeInRight cubic-bezier(.8, -.5, .2, 1.4) 1.2s forwards; } .lh-footer { padding: 12vh 0 10vh; background: #181d61; } .lh-footer-nav { margin-top: 6vh; } .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: 40px; font-family: "Univers LT 65 Bold"; margin: 1vh 0 2.5vh; } .lh-footer-b { margin-top: 5vh; padding-top: 4vh; color: #fff; border-top: 1px solid #fff; text-align: center; } .lh-footer-b h2 { float: left; } .lh-footer-b h3 { float: right; } .lh-footer-b h3 a,.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% - 90px); 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: 90px; } .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: #0185D0; } .lh-toggle-nav li dt a:hover:before { background: #0185D0; } .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: #0185D0; } .lh-toggle-nav li dd a:after { content: '+'; display: block; position: absolute; right: -30px; top: 50%; font-size: 18px; color: #0185D0; 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: #0185D0; 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{ overflow: hidden; width: 50%; margin: 0 auto; border: 2px solid #DDD; height: 6vh; } .search input { display: block; float: left; width: 85%; height: 6vh; line-height: 6vh; font-size: 1em; color: #666; padding: 0 5%; outline: none; border: none; } .search button { display: block; width: 15%; height: 6vh; background: url(/template/pc/skin/img/search.jpg) no-repeat center; background-size: cover; float: right; outline: none; border: none; } .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: #181d61; 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 #181d61; 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: #181d61; 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: #181d61; margin-top: 21px; } .lh-search-box .hot a { color: #181d61; 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: #0185d0; position: absolute; left: 50%; top: 0; margin-left: -1px; } .lh-main-hd li i { display: block; width: 6px; height: 6px; border-radius: 50%; background: #0185d0; } .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 #0185d0; 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: #0185d0; 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 #0185d0; position: absolute; right: -12px; top: 50%; margin-top: -6px; } .lh-ban { height: 410px; position: relative; } .lh-ban .img { background-repeat: no-repeat; background-position: center top; 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: "Univers LT 65 Bold"; } .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 3.9vw; height: 10vh; line-height: 10vh; } .lh-other-nav li a { display: block; position: relative; padding: 0 5px; font-size: 16px; color: #444444; height: 100%; font-weight: bold; } .lh-other-nav li a:after { content: ''; display: block; width: 100%; height: 3px; background: #0185D0; 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: #0185D0; } .lh-other-nav li a:hover:after, .lh-other-nav li a.on:after { transform: scaleX(1); } .lh-profile { height: 70vh; 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%; display: flex; align-items: center; } .lh-public-h2 { font-size: 2.5vw; color: #0185d0; font-family: "Univers LT 65 Bold"; } .lh-public-h3 { font-size: 1.75vw; color: #222222; margin: 1vh 0 5vh; font-weight:bold; } .lh-look.b-tn{ font-size: 18px; font-weight: bold; background: #b3e4ff; margin-top: 1vh;width:260px; } .lh-public-pre { line-height: 32px; color: #444444; font-size: 15px; max-width: 640px; } .lh-look { display: block; width: 160px; height: 50px; line-height: 50px; text-align: center; border: 1px solid #181d61; background: #fff; color: #181d61; fotn-size: 15px; margin-top: 9vh; overflow: hidden; position: relative; z-index: 1; } .lh-look:before { content: ''; display: block; width: 100%; height: 100%; background: #181d61; 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: #0185D0 url(../img/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: "Univers LT 65 Bold"; } .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: "Univers LT 65 Bold"; 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 #181d61; 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: #181d61; 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 #181d61; 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: #181d61; 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; padding-bottom: 5vh; } .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; } .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 .lh-public-h3 { text-align: center; /*color: #fff;*/ } .lh-welfare-item { margin-top: -30vh !important; margin-left: -5.08vw; } .lh-welfare-item li { flex: 1; width: 33.3%; float: left; padding-left: 5.08vw; } .lh-welfare-item li img { width: 100%; } .lh-welfare-item li a { display: block; background: #fff; box-shadow: 0 0 24px rgba(0,0,0,.1); height: 100%; } .lh-welfare-item li .text { padding: 4vh 20px 5vh; text-align: center; } .lh-welfare-item li .text h2 { font-size: 18px; color: #222222; transition: ease .65s; } .lh-welfare-item li .text pre { line-height: 24px; color: #444444; margin-top: 5vh; } .lh-welfare-item li a:hover .text h2 { color: #00A2EA; } .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-share { text-align: center; } .lh-ones-share a { display: inline-block; width: 40px !important; height: 40px !important; border-radius: 50% !important; line-height: 40px !important; background: #66A2D4 !important; color: #fff !important; text-decoration: none !important; padding: 0 !important; margin: 0 19px !important; opacity: 1; font-size: 25px !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: #0185D0; 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: #181d61; } .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: #181d61; 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: #181d61; 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 pre { color: #fff; } .lh-rd-ul li .text pre { 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: #181d61; } .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: 0 2vw 0 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: #0185D0; 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: #0185D0; position: relative; transition: ease .65s; } .lh-product-shift li a i:before { content: ''; display: block; width: 4px; height: 40px; background: #0185D0; 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: #0185D0; font-size: 16px; border-bottom: 1px solid #0185D0; } .lh-product-shadow>div>a:hover { color: #181d61; border-bottom: 1px solid #181d61; } .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 pre { 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 #181d61; color: #181d61; float: left; margin-left: 20px; } .lh-pro-ul li .text .btn a:first-child { margin-left: 0; background: #181d61; 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: #181d61; 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: #181d61; } .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; } .lh-system-item li .img { display: flex; align-items: center; justify-content: center; } .lh-system-item li h2 { margin-top: 10px; } .lh-system-item li a:hover { box-shadow: 0 0 20px rgba(0,0,0,.1); border-color: #fff; color: #00a2e9; } .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 pre { 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: #181d61; } .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 pre { 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: 33.3%; 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%; } .lh-news-item li .text { padding: 4vh 20px 4vh; } .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 h3 { line-height: 28px; color: #666666; height: 50px; overflow: hidden; margin: 2vh 0; } .lh-news-item li .text h4 { color: #181d61; font-weight: bold; font-size: 16px; font-family: "Univers LT 65 Bold"; 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 #0f448b; } .lh-contact-text { position: absolute; left: 0; top: 0; bottom: 0; padding: 0 1.6vw; background: #0f448b; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 16px; } .lh-contact-text h2 { margin-bottom: 40px; } .lh-contact-text img { width: auto; max-width: 120px; } .lh-contact-text h3 { font-size: 12px; color: #adc4e5; margin-top: 10px; } .lh-map { height: 550px; width: 100%; } .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: #181d61; 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: 99px; } .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; } .mobileviwe{ display:none; } @media screen and (max-width: 1800px) { .lh-nav li { margin: 0 1.6vw; } } @media screen and (max-width: 1600px) { .lh-nav li { margin: 0 1.2vw; } .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) { } @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-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-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) { .mobileviwe{ display:block; } .iframeviwe{ display: none; } .lh-history-banner li h2 { font-size: 5.08vw !important; } .lh-history-banner span::after{ color:#ffffff; content:"  ← 左右滑动 →"; } .wpban { display: none; } .sjban { display: block; } .lh-footer-logo img { width: 230px; } .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: 1vh; } .lh-footer-b h2, .lh-footer-b h3 { float: none; text-align: center; } .lh-footer { padding: 6vh 0; } .lh-header { height: 50px; } .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: 0; 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: 19px; } .lh-banner-bd li .text pre { max-width: 100%; font-size: 14px; line-height: 24px; } .lh-banner-bd li .text { left: 0; padding: 0 30px; } .lh-banner-bd li.style2 .text { right: 0; } .lh-banner-bd li.style1 .pro-img { width: 327px; right: 0; top: 70%; } .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: 18px; margin-bottom: 20px; } .lh-index-about .text pre, .lh-index-rd .text pre, .lh-pro-item li .text pre, .lh-index-service pre { line-height: 24px; margin: 20px 0 30px; } .lh-index-about .img { position: absolute; left: 0; bottom: 0; width: auto; height: 40%; overflow: hidden; display:none; } .lh-index-about { padding-top: 100px; background-size: cover; } .lh-index-about .container { height: 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: 20px; } .lh-pro-item li .img { float: left; width: 40%; } .lh-pro-item li .text { float: left; margin-top: 0; padding-left: 15px; } .lh-pro-item li .text pre { 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 pre { 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-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 pre { 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 pre { 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: 50px; } .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 10px;*/ } .lh-other-nav li a { font-size: 14px; } .lh-profile { height: auto; } .lh-profile .img { float: none; width: 100%; height: 262px; background-size: cover; } .lh-profile .text { display: block; width: 100%; padding: 30px 10px; } .lh-public-h2 { font-size: 24px; } .lh-public-h3 { font-size: 18px; } .lh-public-pre { font-size: 14px; line-height: 30px; } .lh-look { width: 120px; height: 40px; line-height: 40px; } .lh-look.b-tn{ font-size: 16px; width: 200px; } .lh-profile-a { padding: 30px 0 0; } .lh-profile-item li { flex: none; width: 50%; margin-bottom: 30px; } .lh-profile-item li img { margin-left: 32% !important; } .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 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 li { width: 50%; } .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-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-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; } .lh-map { height: 162px; } .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 } .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 .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(../img/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) { } @media screen and (max-width: 414px) { } @media screen and (max-width: 320px) { } /*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; } .node_top{ position: relative; top: -60px; display: block; height: 0; overflow: hidden; }