@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; } .ljfr{float:right;} /* 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:#212121;-webkit-tap-highlight-color:rgba(255,255,255,0); overflow-x:hidden; background:none;} pre{font-family:'SiYuanRegular165115e6c21dd5c'; white-space:pre-wrap;word-wrap: break-word;} a{font-size:14px;text-decoration:none;transition:ease .65s; color:#212121; 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:#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%{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;} } table{border-collapse: collapse;border: none;} table td,table th{border:1px solid #ccc;} @media screen and (min-width: 1024px) {.kgkg05{ width:910px; margin:40px auto;} .kgkg06{ width:200px;} .kgkg01{ width:96%; margin:0px auto;} .kgkg02{ width:15%; position:relative; float:left;margin-top: 17px;} .kgkg03{ width:70%; position:relative; float:left;} .kgkg04{ width:15%; position:relative; float:right;} } @media screen and (max-width: 1024px) {.kgkg05{ width:80%; margin:0px auto; display:none;} .kgkg06{ max-width: 110px} .kgkg01{ width:96%; margin:0px auto;} .kgkg02{ width:15%; position:relative; float:left;margin-top: 10px;} .kgkg03{ width:70%; position:relative; float:left;} .kgkg04{ width:15%; position:relative; float:right;} } .center { width: 100%; display: flex; align-items: center; justify-content: center; position: relative; } .center .nav-items { pointer-events: auto; height: 0.6rem; display: flex; align-items: center; justify-content: center; width: calc(100% - 0.8rem); transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; } .center .nav-items > li { padding: 0 1px; position: relative; opacity: 1; } .center .nav-items > li > a { position: relative; font-weight: 700; line-height: 40px; display: inline-block; padding: 0 10px; } .center .nav-items > li > a > span { color: #fff; font-size: 16px; position: relative; z-index: 5; white-space: nowrap; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } .center .nav-items > li > a:after { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 3; background-color: #fff; color: #087ae0; border-radius: 50px; opacity: 0; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; box-shadow: 0 3px 29px -8px rgba(192, 196, 204, 0.71); } .center .nav-items > li .nav-down { position: absolute; width: 100%; background-color: #fff; box-shadow: 0 3px 29px -8px rgba(192, 196, 204, 0.71); border-radius: 6px; padding: 5px 0px; left: 0; top: 54px; opacity: 0; pointer-events: none; transform: translate3d(0, -10px, 0); -webkit-transform: translate3d(0, -10px, 0); -moz-transform: translate3d(0, -10px, 0); -o-transform: translate3d(0, -10px, 0); -ms-transform: translate3d(0, -10px, 0); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } .center .nav-items > li .nav-down > span { display: block; position: absolute; left: 0; width: 100%; bottom: 100%; height: 15px; } .center .nav-items > li .nav-down > span:after { content: ""; bottom: 0; position: absolute; left: 0; right: 0; margin: auto; width: 0; height: 0; border-width: 5px; border-style: solid; border-color: transparent transparent #fff transparent; } .center .nav-items > li .nav-down > li { width: 100%; position: relative; } .center .nav-items > li .nav-down > li > a { display: inline-block; width: 100%; color: #333; height: 36px; line-height: 36px; text-align: center; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } .center .nav-items > li .nav-down > li > a:hover { color: #087ae0; } .center .nav-items > li .nav-down > li .tree_down { position: absolute; left: calc(100% + 4px); background-color: #fff; top: 0; border-radius: 6px; opacity: 0; transform: translateX(5px); -webkit-transform: translateX(5px); -moz-transform: translateX(5px); -o-transform: translateX(5px); -ms-transform: translateX(5px); pointer-events: none; min-width: 110px; display: flex; flex-direction: column; align-items: center; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; } .center .nav-items > li .nav-down > li .tree_down > a { height: 36px; line-height: 36px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; width: 100%; color: #333; display: block; text-align: center; } .center .nav-items > li .nav-down > li .tree_down > a:hover { color: #087ae0; } .center .nav-items > li .nav-down > li .tree_down:after { content: ""; position: absolute; right: 100%; width: 5px; height: 100%; top: 0; } .center .nav-items > li .nav-down > li:hover > a { color: #087ae0; } .center .nav-items > li .nav-down > li:hover.child_down .tree_down { opacity: 1; pointer-events: auto; transform: none; -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; } .center .nav-items > li:hover > a > span { color: #087ae0 !important; } .center .nav-items > li:hover > a:after { opacity: 1; } .center .nav-items > li:hover .nav-down { transform: none; -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; opacity: 1; pointer-events: auto; } .center .nav-items .nav-dot { position: relative; width: 4px; height: 4px; border-radius: 50%; line-height: 4px; text-align: center; background-color: #fff; } @media screen and (max-width: 700px) { .primary-content, .sidebar { float: none; margin: 0 auto; width: 100%; max-width: 480px; } } /* All */ .nav { margin-top: 17px; } .nav ul { *zoom: 1; list-style: none; margin: 0; padding: 0; } .nav ul:before, .nav ul:after { content: ""; display: table; } .nav ul:after { clear: both; } .nav ul > li { float: left; position: relative; } .navv:link{ font-weight:900; text-decoration:none} .navv:visited{ font-weight:900; text-decoration:none} .navv:hover{ font-weight:900; text-decoration:none} .nana01{ } .nav a { display: block; font-size:16px; font-weight:400; padding: 10px 20px; line-height: 2.4em; color: #fff; } .nav a:hover { text-decoration: none; background: #595959; } .nav li ul { background: #087ae0; } .nav li ul li { width: 200px; } .nav li ul a { border: none; } .nav li ul a:hover { background: rgba(0, 0, 0, 0.2); } .nav5 ul > li:hover ul { max-height: 1000px; -webkit-transform: perspective(400) rotate3d(0, 0, 0, 0); } .nav5 li ul { position: absolute; left: 0; top: 54px; z-index: 1; max-height: 0; overflow: hidden; -webkit-transform: perspective(400) rotate3d(1, 0, 0, -90deg); -webkit-transform-origin: 50% 0; -webkit-transition: 350ms; -moz-transition: 350ms; -o-transition: 350ms; transition: 350ms; } .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:1240px; padding:0 20px;} .container img{display:inline-block;} .container1440{margin:auto; position:relative; width:100%; max-width:1440px; padding:0 20px;} /*分享*/ #bsWXBox{box-sizing:initial;} #bsBox{box-sizing:initial;} /*浏览器滚动条*/ ::-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:absolute; left:0; top:0; right:0; width:100%; height:92px; background:rgba(0,0,0,.1); z-index:100;} .lh-logo{position:absolute; left:40px; top:17px; width: 200px;} .lh-header-a{margin-top:28px;} .lh-header-a .aqy{float:left; color:#fff; line-height:36px; margin-left:.8vw;font-family:"microsoft yahei";} .lh-header-a .wsy{display:block; width:100px; height:26px; background:url(../images/222.png) no-repeat center; background-size:cover; margin-top:4px;} .lh-header-a .aqy i{display:inline-block; width:28px; height:22px; background:url(../images/icon1.png) no-repeat center; float:left; margin:6px 10px 0 0;} .lh-header-b{float:left; margin:0 0 0 1.5vw;} .lh-header-b li{float:left; margin:0 0.4vw;} .lh-header-b li a{display:block; width:36px; height:36px; border-radius:50%; border:1px solid #fff; color:#fff; text-align:center; line-height:36px; display:flex; align-items:center; justify-content:center; position:relative; z-index:1;} .lh-header-b li a:before{content:''; display:block; width:100%; height:100%; border-radius:50%; position:absolute; left:0; top:0; background:rgba(238,119,0,1); z-index:-1; transform:scale(0); transition:ease .65s; opacity:0;} .lh-header-b li a:hover{border-color:#087ae0;} .lh-header-b li a:hover:before{transform:scale(.9); opacity:1;} .lh-header-b li a i{font-size:18px;} .lh-header-tel{float:left; color:#fff; font-size:16px; font-weight:bold; line-height:36px;} .lh-header-tel i{margin-right:5px; font-size:20px; float:left;} .lh-header-r{padding-right:2vw;} .lh-nav-btn{width:30px; height:16px; display:block; position:absolute; left:50%; top:37px; margin-left:-15px;} .lh-nav-btn:before{content:''; display:block; width:100%; height:2px; background:#fff; position:absolute; left:0; top:0; transition:ease .65s;} .lh-nav-btn:after{content:''; display:block; width:100%; height:2px; background:#fff; position:absolute; left:0; bottom:0; transition:ease .65s;} .lh-nav-btn i{display:block; width:100%; height:2px; background:#fff;position:absolute; right:0; top:50%; margin-top:-1px; transition:ease .65s;} .lh-header-l:hover .lh-nav-btn:before{width:60%;} .lh-header-l:hover .lh-nav-btn:after{width:60%;} .lh-header-l:hover .lh-nav-btn i{width:60%;} .lh-banner{position:relative; width:100%; height:100vh; overflow:hidden;} .lh-banner .img{height:100%; width:100%;background-position:center center; background-repeat:no-repeat; background-size:cover; animation: bigimgani 5000ms infinite ease-out;} @keyframes bigimgani{0%{transform:scale(1.1);} 100%{transform:scale(1);}} .lh-banner .text{position:absolute; left:13.5vw; top:50%; transform:translateY(-50%); color:#fff; z-index:5;} .lh-banner .text pre{font-size:44px;font-family: "CenturyGothicbold";text-shadow:0 2px 1px rgba(0,0,0,.2);letter-spacing:6px;} .lh-banner .text h3{font-size:20px;font-family: "CenturyGothicbold";text-shadow:0 2px 1px rgba(0,0,0,.2); letter-spacing:2px; margin-top:1vh;} .lh-banner .text a{display:block; width:150px; height:46px; line-height:46px; text-align:center; background:#fff; border-radius:30px; color:#087ae0; margin-top:7vh;} .lh-banner .bg{position:absolute; left:0; bottom:0; z-index:1; width:100%; height:248px; background-position:center center; background-repeat:no-repeat; background-size:cover;} .lh-banner-btn a{position:absolute; width:40px; height:40px; top:50%; margin-top:-20px; border-radius:50%; border:2px solid #fff; z-index:2; opacity:0; visibility:hidden;} .lh-banner:hover .lh-banner-btn a{opacity:1; visibility:visible;} .lh-banner-btn a i{display:block; width:30px; height:2px; background:#fff; position:absolute; top:50%; margin-top:-1px; transition:ease .65s;} .lh-banner-btn a i:before{content:''; display:block; width:8px; height:2px; background:#fff; transform:rotate(35deg); position:absolute; transform-origin:left center; top:0;} .lh-banner-btn a i:after{content:''; display:block; width:8px; height:2px; background:#fff; transform:rotate(-35deg); position:absolute; transform-origin:left center; top:0;} .lh-banner-btn a.prev{left:4.53vw;} .lh-banner-btn a.next{right:4.53vw;} .lh-banner-btn a.prev i{right:-10px;} .lh-banner-btn a.next i{left:-10px;} .lh-banner-btn a.prev i:before{left:0;} .lh-banner-btn a.next i:before{right:0;transform-origin:right center;} .lh-banner-btn a.next i:after{right:0;transform-origin:right center;} .lh-banner-btn a.prev:hover i{transform:translateX(-100%);} .lh-banner-btn a.next:hover i{transform:translateX(100%);} .lh-activity{padding:70px 0 0; background:#fff; position:relative; z-index:1;} .lh-activity:before{content:''; display:block; width:800px; height:170px; background:url(../images/icon2.png) no-repeat center; position:absolute; right:6.25vw; top:0;} .lh-public-h{text-align:center;} .lh-public-h h2{font-size:28px; color:#212121; position:relative; font-weight:400; display:inline-block;} .lh-public-h h2:before{content:'';display:block;width: 50px;height: 1px;border: 2px solid #087ae0;position:absolute; left:30px;top:50%;margin-top: 28px; } .lh-down{display:block; width:305px; height:36px; position:absolute; left:50%; top:-28px; margin-left:-152px; text-align:center; background:url(../images/icon4.png) no-repeat center; line-height:30px; color:#BFBFBF;} .lh-down:hover{color:#333;} .lh-activity-item{margin-top:60px; padding:0 10px; margin-left:-10px;} .lh-activity-item li{width:25%; padding-left:10px; float:left; margin-bottom:10px; text-align: center;} .lh-activity-item li a{overflow:hidden; display:block;} .lh-activity-item li img{transition:ease .65s;} .lh-activity-item li a:hover img{transform:scale(1.1);} .lh-pro{padding:70px 0; background:#fff;} .lh-public-h h3{margin-top:30px;} .lh-public-h h3 a{color:#6e6e6e; font-size:13px; line-height:20px;} .lh-public-h h3 a i{display:inline-block; width:20px; height:20px; border-radius:50%; border:1px solid #C2C2C2; text-align:center; margin-left:9px; font-size:12px; font-weight:bold;} .lh-public-h h3 a:hover{color:#333;} .lh-pro-item{padding:0 8.8vw;} .lh-pro-item li{width:25%; text-align:center; margin-top:70px; position:relative; float:left;} .lh-pro-item li:before{content:''; display:block; width:1px; height:100%; background:#E5E5E5; position:absolute; right:0; top:0;} .lh-pro-item li:nth-child(4n):before{display:none;} .lh-pro-item li a{display:block; padding:0 20px 10px;} .lh-pro-item li img{margin:auto; width:70px;} .lh-pro-item li .img{height:100px;} .lh-pro-item li h2{font-size:16px; font-weight:400;} .lh-pro-item li pre{color:#5f5f5f; line-height:24px; height:24px; overflow:hidden; margin-top:10px;} .lh-pro-item li h4{display:block; width:122px; height:40px; line-height:40px; text-align:center; border-radius:30px; border:2px solid #E5E5E5; color:#6e6e6e; font-size:13px; margin:auto; position:relative; z-index:1; transition:ease .65s;} .lh-pro-item li h4:before{content:''; display:block; width:100%; height:100%; border-radius:30px; background:#087ae0; position:absolute; left:0; top:0; z-index:-1; transform:scale(0); opacity:0; transition:ease .65s;} .lh-pro-item li:hover h4{color:#fff; box-shadow:0 0 15px rgba(246,85,76,.25); border-color:#087ae0;} .lh-pro-item li:hover h4:before{opacity:1;transform:scale(.9);} .lh-plan{padding:60px 0 0 0; overflow:hidden; background: #F6F6F6;} .lh-plan-item{margin-top:60px; width:120%; width:100%\0;} .lh-plan-item li{width:0; float:left; height:700px; position:relative; transition:ease .65s; width:16.666%\0;} .lh-plan-item li a{display:block; position:relative; width:100%; height:100%; overflow:hidden;} .lh-plan-item li .img{width:100%; height:100%; background-repeat:no-repeat; background-position:center center;} .lh-plan-item li .text{position:absolute; left:0; bottom:0; width:100%; height:100%; padding:5vw 2.08vw; z-index:1; color:#fff; transition:ease .65s; display:flex; align-items:center; transform:translateY(60%);} .lh-plan-item li .text h2{font-size:20px; margin:25px 0 0;} .lh-plan-item li .text h3{font-size:14px; opacity:.2;} .lh-plan-item li .text pre{font-size:12px; line-height:35px; border-top:1px solid rgba(255,255,255,.5); margin-top:20px; padding:20px 0; height:285px; visibility:hidden; transition:ease .65s;} .lh-plan-item li .text h4{width:133px; height:42px; line-height:42px; text-align:center; border-radius:30px; border:2px solid #fff; font-size:12px;} .lh-plan-item li .text h4 i{float:right; font-size:12px; position:relative; right:20px;} .lh-plan-item li a:before{content:''; display:block; width:100%; height:100%; background:rgba(8,122,224,.8); position:absolute; left:0; top:0; transition:ease 1s; opacity:0;} .lh-plan-item li a:hover:before{opacity:1;} .lh-plan-item li a:hover .text{transform:translateY(0);} .lh-plan-item li a:hover .text pre{visibility:visible;} .lh-service .container1440{padding:144px 20px 100px;} .lh-service-bg{font-size:8.85vw; color:#F7F7F7; opacity:.6; position:absolute; left:0; top:20px; text-align:center; font-weight:bold;width:100%; z-index:-1;} .lh-service-l h2{font-size:28px; font-weight:400; position:relative;} .lh-service-l h2:before{content:'';display:block;width: 50px;height: 1px;border: 2px solid #087ae0;position:absolute; left:30px;top:50%;margin-top: 28px;} .lh-service-l h3{font-size:18px; font-weight:100; color:#999; text-transform:uppercase; margin-top: 30px;} .lh-service-l pre{line-height:30px; max-width:546px; margin-top:50px; color:#5f5f5f;} .lh-service-l a{display:block; width:160px; height:50px; line-height:50px; text-align:center; border:2px solid #D2D2D2; text-align:center; line-height:50px; color:#6e6e6e; font-size:13px; margin-top:50px; position:relative; z-index:1;} .lh-service-l a:before{content:''; display:block; width:100%; height:100%; background:#087ae0; position:absolute; left:0; top:0; z-index:-1; transition:ease .65s; transform:scale(0); opacity:0;} .lh-service-l a:hover{color:#fff; border-color:#087ae0;} .lh-service-l a:hover:before{transform:scale(.96,.9); opacity:1;} .lh-service-r{width:56%; margin-top:-50px;} .lh-service-r li{width:50%; padding-left:14%; margin-top:50px; float:left;} .lh-service-r li .icon{width:80px; height:80px; border-radius:50%; background-color:#EEE; background-repeat:no-repeat; background-image:url(../images/service1.png); background-position:center 20px; transition:ease .65s;} .lh-service-r li:nth-child(2) .icon{background-image:url(../images/service2.png);} .lh-service-r li:nth-child(3) .icon{background-image:url(../images/service3.png);} .lh-service-r li:nth-child(4) .icon{background-image:url(../images/service4.png);} .lh-service-r li h2{font-size:16px; font-weight:700; margin:25px 0 5px;} .lh-service-r li pre{line-height:20px; color:#919191;} .lh-service-r li:hover .icon{background-position:center -50px;} .lh-service-r li:hover .icon{background-color:#087ae0; box-shadow:0 0 20px rgba(245,67,57,.25);} .lh-data{height:235px; background:url(../images/icon3.jpg) no-repeat center; background-size:cover; padding:62px 7.55vw;} .lh-data li{flex:1; text-align:center; float:left; width:25%; color:#fff; position:relative;} .lh-data li h2{font-size:48px;font-family: "CenturyGothicbold";} .lh-data li pre{font-size:12px; margin-top:20px; line-height:24px;} .lh-data li:before{content:''; display:block; width:1px; height:100%; background:rgba(255,255,255,.1); position:absolute; left:0; top:0;} .lh-data li:first-child:before{display:none;} .lh-research{background:#F3F3F3; padding:70px 0 100px; overflow:hidden;margin-left:-30px;} .lh-research-banner{margin-top:40px; overflow:hidden; padding-top:40px;} @media screen and (min-width: 1024px) {.lh-research-banner li .item{position:relative; padding-left:30px; float:left; width:25%;height: 300px;}} @media screen and (max-width: 1024px) {.lh-research-banner li .item{position:relative; padding-left:30px; float:left; width:50%;height: 300px;}} .lh-research-banner li .item a{display:block; position:relative;} .lh-research-banner li .item .text{background:#fff; width:90%; padding:40px; position:absolute; left:5%; bottom:-100px;} .lh-research-banner li .item .text h2{font-size:18px; font-weight:bold; position:relative; height:40px; line-height:20px; overflow:hidden; text-overflow:ellipsis;} .lh-research-banner li .item .text pre{margin-top:28px; color:#5f5f5f; line-height:24px; position:relative;} .lh-research-banner li .item .text pre:before{content:''; display:block; width:33px; height:2px; background:#5f5f5f; position:absolute; left:0; top:-14px;} .lh-research-banner li .item .text i{display:block; width:40px; height:40px; background:#087ae0; position:absolute; right:0; top:-40px; transition:ease .65s;} .lh-research-banner li .item .text i:before{content:''; display:block; width:17px; height:1px; background:#fff; position:absolute; left:50%; top:50%; margin-left:-8px;} .lh-research-banner li .item .text i:after{content:''; display:block; width:1px; height:17px; background:#fff; position:absolute; left:50%; top:50%; margin-top:-8px;} .lh-research-banner li .item .img{overflow:hidden;} .lh-research-banner li .item .img img{transition:ease 1s;} .lh-research-banner li .item a:hover .img img{transform:scale(1.1);} .lh-research-banner li .item a:hover .text i{transform:translateY(100%);} .lh-research{position:relative;} .lh-research-hd{position:absolute; left:33px; top:50%; transform:translateY(-50%); z-index:1;} .lh-research-hd span{display:block; width:62px; height:62px; border-radius:0; background:none; border-top:1px solid #DCDCDC; text-align:center; line-height:62px; opacity:1; outline:none; color:#9f9f9f; font-size:20px; position:relative; transition:ease .65s;} .lh-research-hd span:after{content:''; display:block; width:5px; height:32px; background:#087ae0; position:absolute; right:0; top:50%; transform:translateY(-50%) scaleY(0); transition:ease .65s;} .lh-research-hd span.swiper-pagination-bullet-active{color:#000;} .lh-research-hd span.swiper-pagination-bullet-active:after{transform:translateY(-50%) scaleY(1);} .lh-about .container1440{position:relative; padding:100px 20px 74px; color:#fff;} .lh-index-footer{ background:url(../images/footer-bg.jpg) no-repeat center top; padding:0 10px;} .lh-up{text-align:center; position:absolute; left:50%; top:10px; transform:translateX(-50%); color:#fff; font-size:12px;} .lh-up i{font-size:14px; font-weight:bold;} .lh-about-l .lh-public-h{text-align:left; padding-left: 36px;} .lh-about-l .lh-public-h h2{color:#fff;} .lh-about-l .lh-public-h h2:before{border-color:#fff;} .lh-about-l pre{max-width:625px; font-size:16px; line-height:30px; opacity:.8; margin:50px 0;} .lh-about-l a{display:block; width:148px; height:47px; line-height:47px; border-radius:30px; color:#844967; background:#fff; text-align:center; position:relative; z-index:1;} .lh-about-l a:before{content:''; display:block; width:100%; height:100%; border-radius:30px; position:absolute; left:0; top:0; background:#844967; transform:scale(0); opacity:0; transition:ease .65s; z-index:-1;} .lh-about-l a:hover:before{transform:scale(.9,.8); opacity:1;} .lh-about-l a:hover{color:#fff;} .lh-about-r{width:50%; margin-top:20px;} .lh-about-r li{width:50%; padding-left:6.5vw; margin-bottom:90px;} .lh-about-r li a{color:#fff;} .lh-about-r li a .img{float:left; width:95px;} .lh-about-r li a .text{float:left;} .lh-about-r li a .text h2{font-size:20px; margin:10px 0 2px;} .lh-about-r li a .text h3{font-size:12px; opacity:.2; text-transform:uppercase;} .lh-about-b{} @media screen and (min-width: 1024px) {.lh-about-b li{width:18.999%; float:left;margin: 7px;}} @media screen and (max-width: 1024px) {.lh-about-b li{width:46%; float:left;margin: 7px;}} .lh-about-b li>div{display:block; border:1px solid #214075; font-size:18px; line-height:22px;} .lh-about-b li>div span{float:right; font-size:16px;} .lh-about-b li>div span em{font-size:22px;} .lh-footer{padding:54px 0; background:#fff;} .lh-footer-a{text-align:center; line-height:67px; height:67px;} .lh-footer-a>a{position:absolute; left:50%; top:0; transform:translateX(-50%);width: 200px;} .lh-footer-share{margin-top:16px;} .lh-footer-share>a{display:block !important; float:left !important; width:36px !important; height:36px !important; border-radius:50% !important; background:#DCDCDC !important; text-align:center !important; line-height:36px !important; padding:0 !important; text-decoration:none !important; opacity:1; color:#fff !important; margin:0 0 0 10px !important; font-size:20px !important; z-index:1 !important; } .lh-footer-share>a:hover{background:#087ae0 !important;} .lh-footer-b{margin:50px 0;} .lh-footer-b>dl{flex:1; position:relative; float:left; width:17.5%\0;} .lh-footer-b>dl:last-child{flex:2; width:30%\0;} .lh-footer-b>dl dt{position:relative; padding:20px 0; border-top:1px solid #E5E5E5; border-bottom:1px solid #E5E5E5; border-left:1px solid #E5E5E5; padding-left:1.14vw; margin-bottom:30px;} .lh-footer-b>dl:first-child dt:first-child{border-left:none;} .lh-footer-b>dl dt a{font-size:16px; color:#515151;} .lh-footer-b>dl dt:before{content:'·'; display:block; width:14px; height:14px; background:#fff; position:absolute; left:-7px; top:-7px; font-size:24px; color:#BFBFBF; line-height:12px; text-align:center; text-indent:-1px;} .lh-footer-b>dl dt:after{content:'·'; display:block; width:14px; height:14px; background:#fff; position:absolute; left:-7px; bottom:-7px; font-size:24px; color:#BFBFBF; line-height:14px; text-align:center; text-indent:-1px;} .lh-footer-b>dl:last-child dt:first-child a:before{content:'·'; display:block; width:14px; height:14px; background:#fff; position:absolute; right:-7px; top:-7px; font-size:24px; color:#BFBFBF; line-height:12px; text-align:center; text-indent:-1px;} .lh-footer-b>dl:last-child dt:first-child a:after{content:'·'; display:block; width:14px; height:14px; background:#fff; position:absolute; right:-7px; bottom:-7px; font-size:24px; color:#BFBFBF; line-height:14px; text-align:center; text-indent:-1px;} .lh-footer-b>dl dt a:hover{color:#087ae0;} .lh-footer-b>dl dd{padding:0 0 0 1.14vw; position:relative;} .lh-footer-b>dl dd a{color:#797979; font-size:13px; line-height:30px;} .lh-footer-b>dl dd a:hover{color:#087ae0;} .lh-footer-b>dl i{display:block; width:1px; height:185px; position:absolute; left:0; top:90px; background:#E5E5E5;} .lh-footer-b>dl:first-child i{display:none;} .lh-footer-b>dl i:before{content:'·'; display:block; width:14px; height:14px; background:#fff; position:absolute; right:-7px; top:-7px; font-size:24px; color:#BFBFBF; line-height:13px; text-align:center; text-indent:-1px;} .lh-footer-b>dl i:after{content:'·'; display:block; width:14px; height:14px; background:#fff; position:absolute; right:-7px; bottom:-7px; font-size:24px; color:#BFBFBF; line-height:13px; text-align:center; text-indent:-1px;} .lh-addr-l{max-width:200px; line-height:30px; color:#797979;} .lh-addr-r{text-align:center; color:#5f5f5f;} .lh-addr-r .img{width:121px;} .lh-addr-r h2{margin-top:5px;} .lh-copy{border-top:1px solid #E5E5E5; padding-top:60px;} .lh-copy-left{line-height:23px;} .lh-copy-left span{float:left; color:#797979;} .lh-copy-left>a{float:left; color:#797979; margin:0 20px;} .lh-copy-left>a img{float:left; margin-right:5px;} .lh-copy-left span a{color:#797979;} .lh-copy-left a:hover{color:#087ae0;} .lh-copy-right li{float:left; margin-left:30px; position:relative; line-height:23px;} .lh-copy-right li a{color:#797979;} .lh-copy-right li a:hover{color:#087ae0;} .lh-copy-right li:before{content:'/'; display:block; position:absolute; left:-15px; top:0; color:#797979;} .lh-copy-right li:first-child:before{display:none;} .lh-map{background:#fff; position:fixed; left:0; top:0; min-height:60%; z-index:99; width:100%; padding:146px 0;} .lh-map dl{float:left; flex:1; border-left:1px solid #EEE; padding-left:35px; position:relative;} .lh-map dl:first-child{border:none;} .lh-map dl dt{margin-bottom:18px;} .lh-map dl dt a{font-size:16px; color:#087ae0;} .lh-map dl dd{line-height:36px; transition: ease .65s;} .lh-map dl dd a{color:#4b4b4b;} .lh-map dl dd a span{float:left; width:12px; height:12px; border-radius:50%; background:#BFBFBF; margin:11px 10px 0 0; position:relative; transition:ease .65s;} .lh-map dl dd a span:before{content:''; display:block; width:5px; height:1px; background:#fff; position:absolute; left:50%; top:50%; margin-left:-2px; transition:ease .65s;} .lh-map dl dd a span:after{content:''; display:block; width:1px; height:5px; background:#fff; position:absolute; left:50%; top:50%; margin-top:-2px; transition:ease .65s;} .lh-map dl dd a:hover span{background:#087ae0;} .lh-map dl dd a:hover span:after{transform:scaleY(0);} .lh-map-toggle{position:absolute; left:80%; top:37px; background:#F4F4F4; white-space:nowrap; padding:10px 0; display:none; z-index:5;} .lh-map-toggle li{line-height:33px; padding:0 30px;} .lh-map-toggle li a{color:#4b4b4b;} .lh-map-toggle li a:hover{color:#087ae0;} .lh-map dl dd:hover{background:#F4F4F4; padding-left:10px;} .lh-fixed{position:fixed; right:0; bottom:4%; transform:translateY(-50%); z-index:90;} .lh-fixed li{position:relative; width:54px; height:54px; margin:1px 0 0; } .lh-fixed li>a{display:block; width:100%; height:100%; color:#087ae0; text-align:center; line-height:54px; position:relative; z-index:3;} .lh-fixed li>a i{ font-size:30px;} .lh-fixed li>h2{position:absolute; right:0; top:0; width:210px; height:100%; background:#087ae0; color:#fff; line-height:54px; padding:0 20px; transition:ease .65s; transform:translateX(100%);} .lh-fixed li:hover>h2{transform:translateX(0);} .lh-fixed-tel{position:absolute; right:0; top:0; width:210px; height:100%; background:#087ae0; color:#fff; padding:14px 20px 0; transition:ease .65s; transform:translateX(100%);} .lh-fixed-tel h2{font-size:12px;} .lh-fixed-tel h3{font-size:18px;font-family: "CenturyGothicbold"; letter-spacing:1px;} .lh-fixed li:hover .lh-fixed-tel{transform:translateX(0);} .lh-fixed-wx{width:100px; height:100px; position:absolute; right:64px; bottom:0; transform:scale(0); transform-origin:right bottom; transition:ease .65s;} .lh-fixed li:hover .lh-fixed-wx{transform:scale(1);} .lh-ban{height:550px; position:relative;} .lh-ban .img{width:100%; height:100%; background-position:center top; background-repeat:no-repeat; background-size:cover;} .lh-ban .container{position:absolute; left:50%; top:0; bottom:0; transform:translateX(-50%); display:flex; align-items:center; padding-top:12%\0;} .lh-ban .text{color:#fff; font-size:30px;font-family: "CenturyGothicbold"; letter-spacing:2px;text-shadow: 0 2px 1px rgba(0,0,0,.2);} .lh-ban .text h2{font-size:48px; text-transform:uppercase;letter-spacing:4px;} .lh-other-nav-box{width:100%; height:72px; line-height:72px; background:#087ae0;} .lh-other-nav{text-align:center;margin:auto;} .lh-other-nav.otherNav3,.lh-other-nav.otherNav4{margin:auto; max-width:1200px; width:100%;} .lh-other-nav.otherNav3 li,.lh-other-nav.otherNav4 li{float:left; width:33.3%; border-right:1px solid rgba(255,255,255,.2); text-align:center; padding:0;} .lh-other-nav.otherNav3 li:first-child,.lh-other-nav.otherNav4 li:first-child{border-left:1px solid rgba(255,255,255,.2);} .lh-other-nav.otherNav4 li{width:25%;} .lh-other-nav li{display:inline-block; padding:0 2vw; position:relative;height:72px;} .lh-other-nav li a{color:#fff; font-size:16px;} .lh-other-nav li a:before{content:''; display:block; width:0; height:0; border:6px solid transparent; border-bottom:6px solid #fff; position:absolute; left:50%; bottom:0; margin-left:-6px; display:none;} .lh-other-nav li a.on:before{display:block;} .lh-other-nav li a:hover{text-shadow:0 0 2px rgba(0,0,0,1);} .lh-other-three{height:72px; background:#fff; line-height:72px; position:relative;} .lh-three-item{max-width:1200px; width:100%; margin:auto; position:relative;} .lh-three-item li{height:72px; float:left; margin-left:3vw; position:relative;} .lh-three-item li:first-child{margin:0;} .lh-three-item li a{font-size:16px; color:#3f3f3f;} .lh-three-item li:before{content:''; display:block; width:1px; height:14px; background:#3F3F3F; position:absolute; left:-1.5vw; top:50%; margin-top:-7px;} .lh-three-item li:first-child:before{display:none;} .lh-three-item li a:hover,.lh-three-item li a.on{color:#087ae0;} .lh-three-item li.lh-cursom{position:absolute; right:0; top:0; color:#7d7d7d;} .lh-three-item li.lh-cursom:before{display:none;} .lh-three-item li.lh-cursom span i{color:#087ae0; font-weight:bold;} .lh-three-item li.lh-cursom a{color:#7d7d7d;} .lh-three-item li.lh-cursom a:hover{color:#087ae0;} .lh-three-item li.lh-cursom em{margin:0 5px;} .lh-other{background:#F7F7F7;} .lh-solutions{position:relative; padding:70px 0 100px; border-bottom:1px solid #087ae0; overflow:hidden;} .lh-solutions-a{margin-top:50px; height:333px; padding-top:20px; overflow:hidden; padding:20px 20px 0;} .lh-solutions-item{margin-left:-36px;} .lh-solutions-item li{float:left; width:33.3%; padding-left:36px; padding-bottom:36px;} .lh-solutions-item li a{display:block; background:#fff; box-shadow:0 0 30px rgba(0,0,0,.1); padding:40px; overflow:hidden;} .lh-solutions-item li a .img{float:left; margin-right:23px;} .lh-solutions-item li a .text{float:left;} .lh-solutions-item li a h2{font-size:20px; color:#000; margin:5px 0 0;} .lh-solutions-item li a h3{font-size:000; opacity:.2; font-size:16px;} .lh-solutions-item li .right{display:block; width:42px; height:42px; line-height:42px; text-align:center; border-radius:50%; background:#087ae0; box-shadow:0 0 15px rgba(246,85,76,.25); position:relative; transition:ease .65s; transform:translateX(-100%); opacity:0;} .lh-solutions-item li .right i{display:block; width:18px; height:2px; background:#fff; position:absolute; left:50%; top:50%; margin:-1px 0 0 -9px;} .lh-solutions-item li .right i:before{content:''; display:block; width:8px; height:2px; background:#fff; position:absolute; right:0; top:0; transform:rotate(35deg); transform-origin:right center;} .lh-solutions-item li .right i:after{content:''; display:block; width:8px; height:2px; background:#fff; position:absolute; right:0; top:0; transform:rotate(-35deg); transform-origin:right center;} .lh-solutions-item li .left{transform:translateX(50px); transition:ease .65s;} .lh-solutions-item li a:hover .left{transform:translateX(0);} .lh-solutions-item li a:hover .right{opacity:1;transform:translateX(0);} .lh-toggle-btn{position:absolute; left:50%; bottom:0; transform:translateX(-50%); color:#5f5f5f; z-index:3;} .lh-toggle-btn i{display:block; width:34px; height:34px; text-align:center; line-height:34px; background:#087ae0; color:#fff; margin:5px auto 0; transition:ease .35s;} .lh-toggle-btn.on i{transform:rotate(180deg);} .lh-solutions-bg{position:absolute; left:50%; bottom:-6vw; font-size:9.79vw; color:#fff; opacity:.6; transform:translateX(-50%); font-weight:bold;} .lh-solutions-container{width:100%; max-width:1240px; margin:auto;} .lh-solution-a{background:#fff; padding:65px 0 100px;} .lh-solution-banner{overflow:hidden; position:relative; width:100%;} .lh-government-item li{padding-left:40px; width:25%; float:left;} .lh-government-item li a{display:block; position:relative; width:100%; height:100%; overflow:hidden;} .lh-government-item li .text{position:absolute; left:0; top:0; width:100%; height:100%; color:#fff; padding:42px; display:flex; align-items:center; transform:translateY(71%); transition:ease .65s; z-index:2;} .lh-government-item li .text h2{font-size:20px; font-weight:bold;} .lh-government-item li .text pre{line-height:28px; height:168px; overflow:hidden; margin:20px 0 30px; transition:ease .65s;opacity:0;} .lh-government-item li .text h3{width:107px; height:35px; line-height:35px; text-align:center; border-radius:30px; border:1px solid #fff; font-size:13px; transition:ease .65s;opacity:0;} .lh-government-item li a:before{content:''; display:block; width:100%; height:100%; background:rgba(246,85,76,.7); position:absolute; left:0; top:0; transition:ease 1s; opacity:0; z-index:1;} .lh-government-item li a img{transition:ease 1s;} .lh-government-item li a:hover:before{opacity:1;} .lh-government-item li a:hover .text{transform:translateY(0);} .lh-government-item li a:hover .text pre,.lh-government-item li a:hover .text h3{opacity:1;} .lh-government-item li a:hover img{transform:scale(1.1);} .lh-solutions-btn a{display:block; width:42px; height:42px; border-radius:50%; background:#EEE; position:absolute; top:50%; transform:translateY(-50%);} .lh-solutions-btn a i{display: block;width: 18px;height: 2px;background: #DADADA;position: absolute;left: 50%;top: 50%;margin: -1px 0 0 -9px; transition:ease .65s;} .lh-solutions-btn a i:before{content:''; display:block; width:8px; height:2px; background:#DADADA; position:absolute; right:0; top:0; transform:rotate(35deg); transform-origin:right center; transition:ease .65s;} .lh-solutions-btn a i:after{content:''; display:block; width:8px; height:2px; background:#DADADA; position:absolute; right:0; top:0; transform:rotate(-35deg); transform-origin:right center; transition:ease .65s;} .lh-solutions-btn a.prev{left:-90px;} .lh-solutions-btn a.next{right:-130px;} .lh-solution-b{position:relative;margin-top:65px;margin-left:-40px} .lh-solutions-btn a.prev i:before,.lh-solutions-btn a.prev i:after{left:0; transform-origin:left center;} .lh-solutions-btn a:hover{background:#087ae0;} .lh-solutions-btn a:hover i,.lh-solutions-btn a:hover i:before,.lh-solutions-btn a:hover i:after{background:#fff;} .lh-news-box{padding:48px 0;} .lh-news-item{margin-left:-48px;} .lh-news-item li{width:33.3%; padding-left:48px; margin-bottom:48px; float:left;} .lh-news-item li a,.lh-news-item li .lja{display:block; background:#fff;} .lh-news-item li .img{position:relative;} .lh-news-item li .img h3{width:100px; height:33px; line-height:33px; text-align:center; background:#087ae0; color:#fff; font-size:12px; position:absolute; left:-8px; bottom:0;} .lh-news-item li .img h3:before{content:''; display:block; width:0; height:0; border:6px solid transparent; border-top:6px solid #087ae0; position:absolute; left:0; top:0; transform:rotate(-45deg); transform-origin:left top;} .lh-news-item li .text{padding:30px; line-height:35px; font-size:18px; color:#000;} .lh-news-item li .text h2{height:70px; overflow:hidden; transition:ease .65s; color:#000;} .lh-news-item li .btn{padding:20px 30px; border-top:1px solid #E5E5E5; color:#6e6e6e; font-size:13px; position:relative;} .lh-news-item li .btn a{color:#6e6e6e;display:inline-block;} .lh-news-item li .btn{line-height:20px;} .lh-news-item.down li .btn a span{font-size:20px; margin-right:5px; position:relative; float:left; top:-1px;} .lh-news-item li .btn i{display: block;width: 18px;height: 2px;background: #BFBFBF;position: absolute;right:30px;;top: 50%;margin: -1px 0 0 0; transition:ease .65s;} .lh-news-item li .btn i:before{content:''; display:block; width:8px; height:2px; background:#BFBFBF; position:absolute; right:0; top:0; transform:rotate(35deg); transform-origin:right center; transition:ease .65s;} .lh-news-item li .btn i:after{content:''; display:block; width:8px; height:2px; background:#BFBFBF; position:absolute; right:0; top:0; transform:rotate(-35deg); transform-origin:right center; transition:ease .65s;} .lh-news-item li .img>div{overflow:hidden;} .lh-news-item li .img img{transition:ease .65s;} .lh-news-item li a:hover img{transform:scale(1.1);} .lh-news-item li a:hover{box-shadow:0 0 20px rgba(0,0,0,.1);} .lh-news-item li a:hover h2{color:#087ae0;} .lh-page{text-align:center;} .lh-page a{display:inline-block; width:39px; height:39px; border-radius:50%; background:#fff; text-align:center; line-height:39px; color:#7e7e7e; margin:0 6px;} .lh-page a.on,.lh-page a:hover{background:#087ae0; color:#fff;} .lh-other-footer{position:relative;} .lh-other-footer:before{content:''; display:block; width:100%; height:62px;background:url(../images/footer-bg1.png) no-repeat center top; position:absolute; left:0; top:-62px;} .lh-other-footer .lh-up{top:-20px;} .lh-caseSuccessful{padding:65px 0;} .lh-caseSuccessful-hd{text-align:center; margin:35px 0 50px;} .lh-caseSuccessful-hd li{display:inline-block; width:106px; height:35px; line-height:35px; border:2px solid #D2D2D2; color:#6e6e6e; font-size:13px; text-align:center; margin:0 6px; border-radius:30px; transition:ease .65s;} .lh-caseSuccessful-hd li a{display:block; font-size:13px; color:#6e6e6e;} .lh-caseSuccessful-hd li.on,.lh-caseSuccessful-hd li:hover{border-color:#087ae0; color:#087ae0;} .lh-caseSuccessful-hd li.on a,.lh-caseSuccessful-hd li:hover a{color:#087ae0;} .lh-caseSuccessful-banner{overflow:hidden;} .lh-caseSuccessful-banner ul{margin-left:0;} .lh-caseSuccessful-a{margin-left:-48px;} .lh-caseSuccessful-btn{text-align:center;} .lh-caseSuccessful-btn span{width:12px; height:12px; border-radius:50%; background:#BABABA; opacity:1; border:2px solid #F7F7F7; margin:0 4px; outline:none; transition:ease .6s;} .lh-caseSuccessful-btn span.swiper-pagination-bullet-active{background:none; border-color:#7D7D7D;} .lh-caseSuccessful-bd>div{display:none;} .lh-banner-tips{text-align:center; color:#666; font-size:12px; margin-top:20px; display:none;} .lh-government-b{background:#FFF;} .lh-crumbs{padding:40px 0; color:#838383;} .lh-crumbs a{color:#838383;} .lh-crumbs a:hover{color:#087ae0;} .lh-crumbs em{margin:0 5px;} .lh-crumbs span{color:#000;} .lh-government-left{max-width:500px;} .lh-government-right{max-width:50%;} .lh-government-right h2{font-size:30px; color:#212121; margin-top:20px;} .lh-government-right pre{line-height:30px; color:#5f5f5f; margin-top:20px;} .lh-government-a{padding:70px 0;} .lh-government-a .lh-public-h{text-align:left; padding-left:36px;} .lh-government-item.list{margin-left:-40px;} .lh-government-item.list li{margin-top:40px;} .lh-government-details .container{background:#fff; padding:0; max-width:1200px;} .lh-government-details .lh-crumbs{padding:40px;} .lh-government-main>h1{font-size:30px; color:#000; text-align:center; font-weight:bold; padding:0 40px;} .lh-government-main>h2{text-align:center; color:#787878; margin-top:24px;} .lh-government-main>h2 span{margin:0 20px;} .lh-government-info{padding:40px; margin-top:30px; border-top:1px solid #EEE; color:#6b6b6b; line-height:30px;font-size: 16px;} .lh-government-info li{list-style-type:disc;margin-left: 20px;}/*****************/ .lh-government-info table{max-width:100%;} .lh-government-info table td{padding:5px;} .lh-government-info img{display:inline-block; max-width:100%; width:auto !important; height:auto !important;} .lh-solution-a.details{background:#F7F7F7;} .lh-solution-a.details .lh-public-h{text-align:left; padding-left:36px;} .lh-details-page{height:60px; line-height:60px; border-top:1px solid #ECECEC;} .lh-details-page li{float:left; width:50%; padding:0 30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .lh-details-page li:first-child{background:#ECECEC;} .lh-details-page li a{color:#6e6e6e;} .lh-details-page li a:hover{color:#087ae0;} .lh-recomNews{padding:65px 0 0;} .lh-public-h.two{text-align:left; padding-left:36px;} .lh-public-h.two h2{ font-size:24px;} .lh-recomNews-banner{margin-top:40px; overflow:hidden; margin-left:-48px;} .lh-recomNews-banner .lh-news-item{margin-left:0;} .lh-recomNews-btn{position:absolute; right:20px; top:0;} .lh-recomNews-btn a{display:block; width:34px; height:34px; line-height:34px; background:#BFBFBF; color:#fff; text-align:center; float:left; margin-left:10px;} .lh-recomNews-btn a:hover{background:#087ae0;} .lh-tps{padding:80px 0; background:#fff;} .lh-tps-pre{line-height:30px; color:#5f5f5f; margin:25px 0 45px; text-align:center;} .lh-tps-a{display:block; width:122px; height:40px; line-height:40px; text-align:center; background:#087ae0; border-radius:30px; color:#fff; box-shadow:0 0 20px rgba(246,85,76,.2); margin:auto; font-size:13px;} .lh-tps-a:hover{background:#C64340;} .lh-tps-item{margin:56px 0 0 -29px;} .lh-tps-item li{float:left; width:25%; padding-left:29px;} .lh-tps-item li a{display:block; height:100%; background:#F8F8F8; text-align:center; padding:40px 10px;} .lh-tps-item li img{margin:auto;} .lh-tps-item li .img{height:115px;} .lh-tps-item li .text h2{font-size:20px; color:#000; font-weight:bold;} .lh-tps-item li .text pre{line-height:24px; color:#5f5f5f; margin-top:10px;} .lh-tps-item li a:hover{box-shadow:0 0 20px rgba(0,0,0,.2);} .lh-techdoc{padding:90px 0; background-repeat:no-repeat; background-position:center center; background-size:cover; background-color:#fff;} .lh-techdoc-hd{text-align:center; margin:50px 0;} .lh-techdoc-hd li{display:inline-block; width:106px; height:35px; line-height:35px; text-align:center; border-radius:30px; border:2px solid #A0A0A0; transition:ease .65s; margin:0 6px; color:#545454; cursor:pointer;} .lh-techdoc-hd li.on,.lh-techdoc-hd li:hover{border-color:#087ae0; color:#087ae0;} .lh-techdoc-bd{margin-left:-29px;} .lh-techdoc-bd li{width:25%; float:left; padding-left:29px; margin-bottom:29px;} .lh-techdoc-bd li>div{background:#FFF; padding:20px; position:relative; overflow:hidden;} .lh-techdoc-bd li>div>a{position:absolute; left:0; top:0; width:100%; height:100%;} .lh-techdoc-bd li>div:before{content:''; display:block; width:100%; height:3px; background:#087ae0; position:absolute; left:0; top:0; transform:scaleX(0); transition:ease .65s;} .lh-techdoc-bd li>div:hover:before{transform:scaleX(1);} .lh-techdoc-bd li h2{font-size:16px; line-height:24px; color:#000; height:48px; overflow:hidden; transition:ease .65s;} .lh-techdoc-bd li .btn{text-align:right; margin-top:25px; position:relative; z-index:1; float:right;} .lh-techdoc-bd li .btn a{color:#6e6e6e; line-height:20px;} .lh-techdoc-bd li .btn a i{margin-right:5px; font-size:20px; position:relative; top:2px;} .lh-techdoc-bd li .btn a.download{margin-left:24px; color:#087ae0;} .lh-techdoc-bd li .btn a.download i{margin:0 0 0 5px;} .lh-techdoc-bd li .btn a:hover{color:#000;} .lh-techdoc-bd li .btn a.download:hover{color:#D63931;} .lh-techdoc-tab{margin-bottom:40px;} .lh-techdoc-bd>ul{display:none;} .lh-techdoc-bd>ul li{transform:scale(.5); opacity:0;transition:ease .45s;transition-delay:.1s;} .lh-techdoc-bd>ul li:nth-child(2n){transition-delay:.2s;} .lh-techdoc-bd>ul.on li{transform:scale(1); opacity:1;} .lh-techdoc-bd li>div:hover h2{color:#087ae0;} .lh-techdoc.software .lh-techdoc-bd li>div{background:#F5F5F5;} .lh-problem{padding:90px 0;} .lh-problem-tips{text-align:center; position:relative; color:#7d7d7d; margin:20px 0 50px; line-height:20px;} .lh-problem-tips a{position:absolute; right:0; top:0; color:#087ae0;} .lh-problem-tips a img{float:left; margin-right:5px;} .lh-problem-tips a:hover{color:#B93E39;} .lh-problem-item li{margin-bottom:7px; background:#fff;} .lh-problem-h{height:67px; line-height:67px; padding:0 25px; position:relative; cursor:pointer;} .lh-problem-h span{float:left; width:18px; height:18px; background:#087ae0; position:relative; color:#fff; line-height:18px; text-align:center; font-size:12px; z-index:1; border-radius:2px; margin:24px 16px 0 0;} .lh-problem-h span:before{content:''; display:block; width:0; height:0; border:4px solid transparent; border-top:4px solid #087ae0; position:absolute; left:-4px; bottom:-2px; transform:rotate(128deg); z-index:-1;} .lh-problem-h h2{float:left; max-width:85%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .lh-problem-h i{position:absolute; right:25px; top:50%; width:12px; height:12px; margin-top:-6px;} .lh-problem-h i:before{content:''; display:block; width:100%; height:2px; background:#7D7D7D; position:absolute; left:0; top:50%; margin-top:-1px; transition:ease .45s;} .lh-problem-h i:after{content:''; display:block; width:2px; height:100%; background:#7D7D7D; position:absolute; left:50%; top:0; margin-left:-1px; transition:ease .45s;} .lh-problem-info{border-top:1px solid #F3F3F3; padding:20px 20px 20px 60px;} .lh-problem-info span{float:left; width:18px; height:18px; background:#A1A1A1; position:relative; color:#fff; line-height:18px; text-align:center; font-size:12px; z-index:1; border-radius:2px; margin:2px 16px 0 0;} .lh-problem-info span:before{content:''; display:block; width:0; height:0; border:4px solid transparent; border-top:4px solid #A1A1A1; position:absolute; right:0px; bottom:-3px; transform:rotate(89deg); z-index:-1;} .lh-problem-info .main{float:left; max-width:94%; line-height:24px; color:#7d7d7d;} .lhAccordion .bd{display:none;} .lh-problem-item li.on .lh-problem-h i:after{transform:scaleX(0);} .lh-problem-a{display:block; width:100%; height:50px; line-height:50px; background:#F3F2F2; color:#6e6e6e; font-size:13px; text-align:center;} .lh-problem-a:hover{color:#087ae0;} .lh-three-item li h3{font-size:16px;} .lh-problem.list{padding:35px 0 80px;} .lh-problem.list .lh-problem-tips{text-align:left;} .lh-problem.list .lh-problem-h i:after{display:none;} .lh-problem.list .lh-problem-item{margin-bottom:40px;} .lh-technicalPs{padding:50px 0; background:#fff;} .lh-technicalPs-a{padding-top:50px;} .lh-technicalPs-a .img{width:400px; height:230px; overflow:hidden; display:flex; align-items:center; justify-content:center; float:left; margin-right:50px;} .lh-technicalPs-a .text h2{font-size:28px; font-weight:bold; color:#000; margin:10px 0 50px; position:relative; display:inline-block;} .lh-technicalPs-a .text h2:after{content:''; display:block; width:26px; height:3px; background:#087ae0; position:absolute; left:0; bottom:-25px;} .lh-technicalPs-a .text pre{line-height:30px; color:#5f5f5f;} .lh-technicalPs-b{padding:50px 0;} .lh-technicalPs-h h2{padding-left:42px; position:relative; font-size:28px; font-weight:bold; color:#000;} .lh-technicalPs-h h2:before{content:''; display:block; width:26px; height:4px; background:#087ae0; position:absolute; left:0; top:50%; margin-top:-2px;} .lh-technicalPs-h pre{color:#000; margin-top:10px;} .lh-technicalPs-b-item{margin-top:55px;} .lh-technicalPs-b-item li{flex:1; width:20%; float:left; padding:36px 0; position:relative; text-align:center;} .lh-technicalPs-b-item li:before{content:''; display:block; width:1px; height:100%; background:#EEE; position:absolute; left:0; top:0;} .lh-technicalPs-b-item li:first-child:before{display:none;} .lh-technicalPs-b-item li img{margin:auto;} .lh-technicalPs-b-item li .img{height:80px;} .lh-technicalPs-b-item li h2{font-size:20px; font-weight:bold; color:#000;} .lh-technicalPs-b-item li pre{line-height:25px; color:#5f5f5f; margin-top:10px;} .lh-technicalPs-c-item{margin:40px 0 0 -30px;} .lh-technicalPs-c-item li{width:25%; float:left; padding-left:30px;} .lh-technicalPs-c-item li>a{display:block; width:100%; height:100%; position:relative; overflow:hidden; z-index:1;} .lh-technicalPs-c-item li>a:before{content:''; display:block; width:100%; height:100%; background:rgba(0,0,0,.7); position:absolute; left:0; top:0; transition:ease .65s; opacity:0; z-index:1;} .lh-technicalPs-c-item li img{transition:ease .65s;} .lh-technicalPs-c-item li .text{position:absolute; left:0; bottom:0; width:100%; height:100%; padding:40px; color:#fff; transition:ease .65s; transform:translateY(78%); z-index:2;} .lh-technicalPs-c-item li .text h2{font-size:20px; position: relative; margin-bottom:50px;} .lh-technicalPs-c-item li .text h2:after{content:''; display:block; width:26px; height:4px; background:#087ae0; position:absolute; left:0; bottom:-25px; transition:ease .65s; transform:scaleX(0); transform-origin:left center;} .lh-technicalPs-c-item li .text pre{line-height:30px; transition:ease .65s; opacity:0;} .lh-technicalPs-c-item li>a:hover img{transform:scale(1.1);} .lh-technicalPs-c-item li>a:hover:before{opacity:1;} .lh-technicalPs-c-item li>a:hover .text{transform:translateY(0);} .lh-technicalPs-c-item li>a:hover pre{opacity:1;} .lh-technicalPs-c-item li>a:hover h2:after{transform:scaleX(1);} .lh-technicalPs-d{margin-top:40px;} .lh-technicalPs-d .img{float:left; width:630px; height:480px; overflow:hidden; display:flex; align-items:center; justify-content:center;} .lh-technicalPs-d .text{float:right; width:536px; margin-top:50px;} .lh-technicalPs-d .text li{padding:35px 0; border-top:1px solid #eee;} .lh-technicalPs-d .text li:first-child{border:none;} .lh-technicalPs-d .text li h2{font-size:20px; color:#000;} .lh-technicalPs-d .text li pre{font-size:14px; color:#5f5f5f; line-height:24px;} .lh-technicalPs-e-item{margin-top:45px;} .lh-technicalPs-e-item li{overflow:hidden; position:relative;} .lh-technicalPs-e-item li .img{float:left; width:50%; height:282px; overflow:hidden; display:flex; align-items:center; justify-content:center;} .lh-technicalPs-e-item li .img img{width:100%;} .lh-technicalPs-e-item li .text{position:absolute; right:0; top:50%; transform:translateY(-50%); width:50%; padding-left:6%;} .lh-technicalPs-e-item li .text h2{font-size:20px; color:#000; font-weight:bold; position:relative; margin-bottom:48px;} .lh-technicalPs-e-item li .text h2:after{content:''; display:block; width:26px; height:3px; background:#087ae0; position:absolute; left:0; bottom:-24px;} .lh-technicalPs-e-item li .text pre{line-height:30px; color:#5f5f5f;} .lh-technicalPs-e-item li:nth-child(2n) .img{float:right;} .lh-technicalPs-e-item li:nth-child(2n) .text{left:0; padding:0 6% 0 0;} .lhTabBd>ul{display:none;} .lh-recruitment-header{height:80px; background:#fff;} .lh-recruitment-logo{width:169px; margin-top:10px;} .lh-recruitment-nav li{float:left; line-height:80px; margin-left:90px; height:80px;position:relative;} .lh-recruitment-nav li a{font-size:16px; color:#393939;} .lh-recruitment-nav li.on a,.lh-recruitment-nav li a:hover{color:#087ae0;} .lh-recruitment-nav li dl{transition:all .5s;display:none;position:absolute;z-index:1;line-height: 35px;text-align: center;background: #fff;width:200%;top:80px;left:-50%;} .lh-recruitment-nav li.on dl a{color:#393939;} .lh-recruitment-nav li.on dl a.on,.lh-recruitment-nav li dl a:hover{color:#087ae0;} .lh-recruitment-nav li:hover dl{display:block;} .lh-ban.recruitment{height:700px;} .lh-ban.recruitment a{display:block; width:152px; height:49px; line-height:49px; background:#0085FF; color:#fff; text-align:center; border-radius:3px; font-size:16px; margin-top:60px;} .lh-ban.recruitment a:hover{background:#0071DB;} .lh-recruitment-a{padding:70px 0; background-position:center top; background-repeat:no-repeat; background-size:cover;} .lh-recruitment-h2{font-size:30px; font-weight:bold; color:#000; text-align:center;} .lh-recruitment-item{margin:20px 0 0 -36px;} .lh-recruitment-item li{width:33.3%; float:left; margin-top:36px; padding-left:36px;} .lh-recruitment-item li>div{background:#fff; box-shadow:0 0 20px rgba(0,0,0,.2); padding:35px; height:100%;} .lh-recruitment-item li>div .top .img{float:left; width:78px;} .lh-recruitment-item li>div .top .text h2{font-size:20px; color:#000; padding:10px 0 0;} .lh-recruitment-item li>div .top .text h3{font-size:16px; color:#000; opacity:.2;} .lh-recruitment-item li>div pre{line-height:24px; color:#3e3e3e; margin-top:20px;} .lh-recruitment-footer{padding:60px 0; background:#434343; color:#fff;} .lh-recruitment-footer-l .img{float:left; width:120px; height:120px; overflow:hidden; margin-right:30px;} .lh-recruitment-footer-l pre{float:left; line-height:30px; position:relative; top:60px;} .lh-recruitment-footer-r ul{text-align:right;} .lh-recruitment-footer-r ul li{margin-left:60px; display:inline-block; position:relative;} .lh-recruitment-footer-r ul li:before{content:''; display:block; width:1px; height:14px; background:#fff; position:absolute; left:-30px; top:50%; margin-top:-7px;} .lh-recruitment-footer-r ul li:first-child{margin:0;} .lh-recruitment-footer-r ul li:first-child:before{display:none;} .lh-recruitment-footer-r ul li a{color:#fff; font-size:16px;} .lh-recruitment-footer-r .copy{line-height:20px;} .lh-recruitment-footer-r .copy span{float:left;} .lh-recruitment-footer-r .copy a img{float:left; margin-right:8px; position:relative; top:-1px;} .lh-recruitment-footer-r .copy>a{margin:0 30px; float:left;} .lh-recruitment-footer-r .copy a{color:#fff;} .lh-recruitment-footer-r ul{margin:40px 0 28px;} .lh-recruitment-nav-btn{display:none;} .lh-recruitment-nav-btn{width:40px; height:50px; position:absolute; right:0; top:0;} .lh-recruitment-nav-btn:before{content:''; display:block; width:24px; height:2px; background:#333; position:absolute; left:0; top:30%; transition:ease .65s;} .lh-recruitment-nav-btn:after{content:''; display:block; width:24px; height:2px; background:#333; position:absolute; left:0; bottom:30%;transition:ease .65s;} .lh-recruitment-nav-btn i{display:block; width:24px; height:2px; background:#333; position:absolute; left:0; top:50%; margin-top:-1px;transition:ease .65s;} .lh-unit-item>h2{font-size:20px; color:#808080; position:relative; font-weight:bold; margin-bottom:30px;} .lh-unit-item>h2:before{content:''; display:block; width:100%; height:1px; background:#DCDCDC; position:absolute; left:0; top:50%;} .lh-unit-item>h2 span{padding-right:30px; background:#F7F7F7; position:relative; z-index:1;} .lh-unit-ul{margin-left:-22px;} .lh-unit-ul li{padding-left:22px; margin-bottom:22px; float:left; width:25%;} .lh-unit-ul li>a{width:100%; background:#fff; height:78px; overflow:hidden; display:flex; align-items:center; justify-content:center;} .lh-unit-item{margin-bottom:20px;} .lh-team-item{margin:0 0 0 -46px;} .lh-team-item li{width:25%; float:left; padding-left:46px; margin-bottom:46px;} .lh-team-item li>a{display:block; background:#fff;} .lh-team-item li>a .img{overflow:hidden; overflow:hidden; display:flex; align-items:center; justify-content:center;} .lh-team-item li>a .text{padding:25px; position:relative;} .lh-team-item li>a .text h2{font-size:16px; font-weight:bold;} .lh-team-item li>a .text h3{color:#515151; margin-top:6px;} .lh-team-item li>a .text i{display:block; width:12px; height:12px; position:absolute; right:25px; top:50%; margin-top:-6px;} .lh-team-item li>a .text i:before{content:''; display:block; width:100%; height:2px; background:#939393; position:absolute; left:0; top:50%; margin-top:-1px;} .lh-team-item li>a .text i:after{content:''; display:block; width:2px; height:100%; background:#939393; position:absolute; left:50%; top:0; margin-left:-1px;} .lh-team-item li>a:hover{box-shadow:0 0 20px rgba(0,0,0,.1); transform:translateY(-10px);} .lh-team-item.teams li{width:50%;} .lh-loading{text-align:center; line-height:24px; color:#999;} .lh-loading img{margin:auto; display:inline-block; width:24px; margin-right:5px; position:relative; top:5px; transition:ease .65s; animation:loading linear 2s infinite;} @keyframes loading{ 0%{transform:rotate(0);} 100%{transform:rotate(360deg);} } .la-about-a{background:#fff; padding:100px 0;} .la-about-a>.container{z-index:1;} .la-about-hd{color:#F6F6F6; opacity:.8; text-transform:uppercase; font-size:10.4vw; position:absolute; left:-12vw; top:-3vw; z-index:-1;font-family: "CenturyGothicbold"; line-height:10.4vw;} .la-about-video{width:424px; height:303px; position:relative; cursor:pointer; z-index:1; transition:ease .65s;} .la-about-video .img{ background-size:cover; background-position:center center; background-repeat:no-repeat; width:100%; height:100%; transition:ease .65s;} .la-about-video i{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); font-size:56px; color:#fff;} .la-about-video:before{content:''; display:block; width:92%; height:98%; background:#EDEDED; position:absolute; left:56px; top:26px; z-index:-1; transition:ease .65s;} .la-about-video:hover{transform:translate(10px,10px);} .la-about-video:hover:before{left:0; top:0;} .la-about-info{width:392px; margin-left:120px;} .la-about-info .h3{font-size:35px; color:#087ae0; line-height:40px;font-family: "CenturyGothicbold"; margin:-20px 0 20px;} .la-about-info h2{font-size:20px; color:#000; font-weight:bold;} .la-about-info pre{line-height:33px; color:#656565; margin:35px 0;} .la-about-info a{margin:0;} .la-about-item{padding-left:55px; border-left:1px solid #EEE; width:210px;} .la-about-item li{margin-top:40px; overflow:hidden;} .la-about-item li:first-child{margin-top:0;} .la-about-item li .img{float:left; width:54px;} .la-about-item li a{overflow:hidden; font-size:18px; color:#000; line-height:36px;} .la-about-item li a:hover{color:#087ae0;} .lh-about-news{padding:80px 0 60px; background:#F5F5F5;} .lh-public-h>a{float:right; line-height:35px;} .lh-public-h>a:hover{color:#087ae0;} .lh-about-news .lh-caseSuccessful-cc{margin-top:40px;} .lh-about-news .lh-public-h h2{font-size:35px;} .lh-stock{padding:40px 0 40px; background-position:center center; background-repeat:no-repeat; background-size:cover;} .lh-stock-a{color:#fff;} .lh-stock-a .left{font-size:24px;} .lh-stock-a .left span{float:left; font-weight:bold;} .lh-stock-a .left i{font-size:30px; float:left; margin-left:10px; color:#F11D0E;} .lh-stock-a .left.up i{transform:rotate(180deg) translateY(5px);} .lh-stock-a .right{line-height:22px; margin-top:5px;} .lh-stock-a .right b{font-weight:bold; font-size:18px; float:left;} .lh-stock-a .right em{float:left; padding:0 10px; background:#18AB09; margin:0 20px;line-height:24px; height:22px;} .lh-stock-a .right em.up{background:#F11D0E;} .lh-stock-a .right span{font-size:13px;} .lh-stock-item{margin-top:30px; background:rgba(0,0,0,.3); border-top:1px solid #B2B2B2; padding:38px 0 50px;} .lh-stock-item li{flex:1; width:16.666%; float:left; color:#fff; text-align:center; font-size:13px;} .lh-stock-item li h3{font-size:19px; font-weight:bold; margin-top:15px;} .lh-stock-item li h3.down{color:#18ab09;} .lh-stock-item li h3.old{color:#B8A6A4;} .lh-stock-item li h3.up{color:#F11D0E;} .lh-stock-tel{margin-top:30px; color:#fff; font-size:13px; text-align:right;} .lh-stock-tel span{opacity:.5;} .lh-stock-tel a{font-size:12px; margin-left:30px; color:#fff;} .lh-stock-tel a:hover{color:#F11D0E;} .lh-publication{background:#fff; padding:90px 0;} .lh-publication-item{margin-left:-60px;} .lh-publication-item li{width:33.3%; float:left; padding-left:60px; margin-top:60px;} .lh-publication-item li>div{position:relative;} .lh-publication-item li .img{overflow:hidden; position:relative; padding:5px solid #fff; box-shadow:0 0 20px rgba(0,0,0,.2);} .lh-publication-item li .img .btn{position:absolute; left:0; right:0; bottom:0; height:68px; background:#087ae0; overflow:hidden; transition:ease .65s; transform:translateY(100%); z-index:3;} .lh-publication-item li>div:hover .btn{transform:translateY(0);} .lh-publication-item li>div>a{display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;} .lh-publication-item li .img .btn a{display:block; float:left; width:50%; line-height:68px; color:#fff; font-size:16px; display:flex; align-items:center; justify-content:center; text-align:center; position:relative;} .lh-publication-item li .img .btn a i{font-size:24px;margin-right:5px;} .lh-publication-item li .img .btn a:last-child i{position:relative; top:-1px;} .lh-publication-item li h2{text-align:center; font-size:16px; margin-top:40px;} .lh-publication .lh-tps-a{margin-top:50px;} .lh-join{padding:60px 0; background:#F5F5F5;} .lh-joina-l{background:#fff; padding:60px; position:relative; height:486px; width:49%;} .lh-joina-h .left img{float:left;} .lh-joina-h .left{font-size:20px; color:#484848;} .lh-joina-h .left span{position:relative; left:10px; top:30px;} .lh-joina-btn{line-height:27px;margin-top: 20px;} .lh-joina-btn a{float:left; font-weight:bold; color:#BFBFBF;} .lh-joina-pa{float:left; margin:0 10px; width:auto; font-size:15px; color:#616161;} .lh-joina-pa .swiper-pagination-current{font-size:27px;} .lh-joina-banner{overflow:hidden; margin-top:60px; width:100%;} .lh-joina-banner li h2{font-size:24px; color:#212121; font-weight:bold; position:relative; margin-bottom:50px;} .lh-joina-banner li h2:after{content:''; display:block; width:34px; height:4px; background:#087ae0; position:absolute; left:0; bottom:-20px;} .lh-joina-banner li pre{color:#656565; line-height:28px; height:112px;} .lh-joina-banner li a{display:block; width:122px; height:40px; border:1px solid #7D7D7D; text-align:center; line-height:40px; color:#838383; font-size:13px; border-radius:30px; margin-top:20px; z-index:1; position:relative;} .lh-joina-banner li a:before{content:''; display:block; width:100%; height:100%; border-radius:30px; background:#087ae0; position:absolute; left:0; top:0; z-index:-1; transform:scale(0); opacity:0; transition:ease .65s;} .lh-joina-banner li a:hover{color:#fff; box-shadow:0 0 15px rgba(246,85,76,.25); border-color:#087ae0;} .lh-joina-banner li a:hover:before{opacity:1;transform:scale(.9);} .lh-joina-r{width:49%;} .lh-joinar-a>div{width:49%; height:275px; background:#fff; float:left; display:flex; align-items:center; justify-content:center; padding:20px 10px; text-align:center;} .lh-joinar-a>div.partner{float:right; background-size:cover; background-position:center center; background-repeat:no-repeat;} .lh-joinar-a .buy img{margin:auto;} .lh-joinar-a>div h2{font-size:20px; margin:20px 0 10px;} .lh-joinar-a>div pre{color:#656565; line-height:23px; font-size:13px;} .lh-joinar-a>div.partner h2{color:#fff;} .lh-joinar-a>div.partner i{color:#fff; font-size:78px;} .lh-joinar-a>div.partner h3{color:#fff;} .lh-joinar-b{background:#fff; height:192px; margin-top:19px; position:relative; padding:30px 20px;} .lh-joinar-b .lh-joina-btn{position:absolute; right:20px; top:20px; margin:0; z-index:2; background:#fff;} .lh-joinar-banner{overflow:hidden;} .lh-joinar-banner li .img{float:left; width:138px; height:138px; overflow:hidden; display:flex; align-items:center; justify-content:center; margin-right:30px;} .lh-joinar-banner li .text h2{font-size:18px; margin:10px 0;} .lh-joinar-banner li .text h3{color:#656565; line-height:28px; font-size:13px;} .lh-join-item{margin:18px 0 0 -18px;} .lh-join-item li{float:left; width:33.3%; padding-left:18px;} .lh-join-item li>div{background:#fff; line-height:28px; padding:30px; font-size:18px; color:#858585;} .lh-join-item li em{float:right; color:#212121;} .lh-join-item li em span{font-size:28px;} .lh-partner{margin-top:58px;} .lh-partner>h2{font-size:20px; color:#484848; line-height:30px;} .lh-partner>h2 i{color:#087ae0; float:left; font-size:30px; float:left; margin-right:10px; position:relative; top:-2px;} .lh-partner-item li{margin-top:20px; float:left; margin-right:60px; position:relative;} .lh-partner-item li a{color:#484848;} .lh-partner-item li a:hover{color:#087ae0;} .lh-partner-item li:after{content:''; display:block; width:1px; height:14px; background:#C4C4C4; position:absolute; right:-30px; top:50%; margin-top:-7px;} .lh-join-search-box{padding:55px 0 100px; background-position:center center; background-repeat:no-repeat; background-size:cover;} .lh-join-search-box.mtf230{background:none !important;padding:0;margin-top: -180px;} .lh-join-search{padding:0 50px; margin-top:50px; height:66px; position:relative;} .lh-join-search input,.lh-join-search .input{width:100%; height:66px; line-height:66px; position:absolute; left:0; top:0; border:1px solid #D9E1E6; background:#fff; border-radius:12px; padding:0 50px; color:#676767;} .lh-join-search .ljhirsel{width:20%;border-top-right-radius:0;border-bottom-right-radius:0} .lh-join-search .ljhirinp{width:80%;left:20%;border-top-left-radius:0;border-bottom-left-radius:0} .lh-join-search .ljhirsel option{line-height: 66px;} .lh-join-search a{position:absolute; right:0; top:0; width:124px; height:66px; line-height:66px; background:#0085FF; color:#fff; font-size:18px; text-align:center; border-radius:0 12px 12px 0;} .lh-join-search a:hover{background:#0071D8;} .lh-positionType{padding:60px 0;} .lh-positionType-item{margin:65px 0 0 -40px;} .lh-positionType-item li{width:50%; padding-left:40px; margin-bottom:40px;} .lh-positionType-item li>a{display:block; position:relative; overflow:hidden;} .lh-positionType-item li h2{position:absolute; left:0; bottom:0; height:60px; line-height:60px; padding:0 30px; color:#fff; font-size:23px;} .lh-positionType-item li>a img{transition:ease .65s;} .lh-positionType-item li>a:hover img{transform:scale(1.1);} .lh-positionType-a{display:block; width:160px; height:50px; line-height:50px; text-align:center; margin:auto; border:1px solid #0085FF; color:#0085FF; position:relative; z-index:1;} .lh-positionType-a:before{content:''; display:block; width:100%; height:100%; background:#0085FF; position:absolute; left:0; top:0; z-index:-1; transform:scale(0); transition:ease .65s; opacity:0;} .lh-positionType-a:hover{color:#fff;} .lh-positionType-a:hover:before{transform:scale(.92,.8); opacity:1;} .lh-problem.questions{background:#fff; padding:60px 0;} .lh-problem-item.questions li.on{background:#F3F7FA;} .lh-problem-item.questions li .lh-problem-h{border-bottom:1px solid #E5E5E5; transition:ease .65s;} .lh-problem-item.questions li .lh-problem-info{border:none;} .lh-problem-item.questions li.on .lh-problem-h{border-color:#fff;} .lh-problem.questions .lh-problem-a{background:none; font-size:16px;} .la-contact{padding:90px 0; background:#F7F7F7;} .la-contact-text{background:#fff;} .la-contact-text .text{background:url(../images/icon10.png) no-repeat center top; padding:40px 20px;} .la-contact-text .text h2,.la-contact-text .text .h2{border-bottom:1px solid #BFBFBF; font-size:20px; font-weight:bold; color:#545454; padding-bottom:25px; margin-bottom:15px;} .la-contact-text .text .h2 p{font-weight:300;font-size:14px;padding-top: 10px;} .la-contact-text .text pre{line-height: 35px;color: #3a3a3a;font: 14px Arial,"microsoft yahei", Helvetica, sans-serif;} .la-contact-text .text h3{line-height:35px; color:#3a3a3a; overflow:hidden;} .la-contact-text .text h3 span{font-weight:bold;} .la-contact-text .text h3 i{color:#087ae0; margin-right:10px; font-size:18px; float:left;} .lh-investors{padding:60px 0; background-repeat:no-repeat; background-position:center center;} .lh-investors-main{background:#fff; margin-top:30px; padding:80px;} .lh-investors-left{width:56%;width:60%;} .lh-investors-text{margin-top:60px; color:#A9A9A9; line-height:30px; font-size:13px; padding-left:20px;} .lh-investors-text h2{font-size:16px; color:#666666;} .lh-investors-right{width:40%;width:38%; color:#212121; line-height:36px;} .lh-investors-right h2{font-size:20px; color:#087ae0; font-weight:bold; margin:10px 0 20px;} .lh-investors-item li{float:left; width:50%;} .lh-announcement-item{margin-bottom:40px;} .lh-announcement-item li{height:66px; margin-bottom:13px; background:#fff; overflow:hidden;} .lh-announcement-item li .time{width:66px; height:66px; background:#DCDCDC; color:#fff; text-align:center; float:left; transition:ease .65s;} .lh-announcement-item li .time h2{font-size:34px; font-weight:bold; padding-top:3px;} .lh-announcement-item li .time h3{font-size:12px;} .lh-announcement-item li h4{float:left; width:80%; padding:0 30px; line-height:66px; color:#393939; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .lh-announcement-item li h5{float:right; line-height:66px; margin-right:26px; color:#6e6e6e; font-size:13px;} .lh-announcement-item li h5 i{margin-left:15px; color:#BFBFBF; font-size:20px; float:right;} .lh-announcement-item li:hover .time{background:#087ae0;} .lh-styles{background:#2D303F;} .lh-styles .img{margin-right:20px;} .lh-styles .text{color:#fff; padding-top:70px;} .lh-styles .text h2{font-size:26px; font-weight:bold;} .lh-styles .text h3{font-size:16px; position:relative; margin:10px 0 50px; display:inline-block;} .lh-styles .text h3:after{content:''; display:block; width:57px; height:5px; background:#087ae0; position:absolute; left:0; bottom:-25px;} .lh-styles .text pre{line-height:29px; opacity:.5;} .lh-styles .text .qm{position:absolute; right:0; bottom:20px;} .lh-styles-other{padding:60px 0;} .lh-styles-other .lh-team-item{margin:40px 0 0 -46px;} .lh-position{padding:40px 0; background:#fff;} .lh-position-screening dl{overflow:hidden; line-height:30px; padding:20px 0 10px; border-bottom:1px solid #EEE;} .lh-position-screening dl dt{float:left; color:#616161; font-weight:bold; margin-right:30px;} .lh-position-screening dl dd{float:left; width:90%; overflow:hidden;} .lh-position-screening dl dd a{float:left; height:30px; padding:0 15px; margin-left:20px; color:#0e0509; border-radius:3px; margin-bottom:10px;} .lh-position-screening dl dd a.on{background:#0085FF; color:#fff;} .lh-position-screening dl dd a:hover{color:#0085FF;} .lh-position-screening dl dd a.on:hover{color:#fff;} .lh-screening-type{margin-top:20px;} .lh-screening-type li{float:left; height:30px; line-height:30px; margin-right:15px; border:1px dashed #0085FF; color:#0085FF; padding:0 10px; display:flex; align-items:center; justify-content:center; cursor:pointer; transition:ease .65s; margin-bottom:15px;} .lh-screening-type li i{font-size:12px; margin-left:5px;} .lh-screening-type li:hover{border-color:#087ae0; color:#087ae0;} .lh-position-item{margin:40px 0;} .lh-position-item li{ padding:30px 10px; border-bottom:1px solid #E5E5E5;} .lh-position-item li span{flex:1; width:16.66%; float:left; text-align:center;} .lh-position-item li .blue{color:#0085FF;} .lh-position-item li .red{color:#087ae0;} .lh-position-item li.first{background:#F3F7FA; padding:20px 10px; border:none; font-weight:bold;} .lh-applications{border-top:1px solid #EBEBEB; padding:60px 0; background:#fff;} .lh-applications .title{color:#222222; font-size:30px; font-weight:bold;} .lh-applications .h2{margin-top:20px; color:#444343; fotn-size:12px;} .lh-applications .h2 span{margin-left:20px;} .lh-applications .h2 span:first-child{margin-left:0;} .lh-applications .h2 span.red{color:#087ae0;} .lh-applications .h2 span i{color:#BFBFBF; font-size:24px; margin-right:5px; position:relative; top:2px;} .lh-applications-form{margin-top:40px; padding-top:40px; border-top:1px solid #EEE;} .lh-applications-form>h2{font-size:20px; color:#616161; font-weight:bold;} .lh-applications-form>h2 span{margin-left:10px; color:#087ae0; font-weight:normal; font-size:14px;} .lh-applications-item{margin:20px 0 0 -23px;} .lh-applications-item li{margin-top:23px; width:33.3%; padding-left:23px;position:relative;} .lh-applications-item li span{color:#616161; position:absolute; left:40px; top:0; line-height:50px;} .lh-applications-item li span em{color:#087ae0;} .lh-applications-item li input{width:100%; height:50px; line-height:50px; border:1px solid #BFBFBF; position:relative; z-index:2; background:none; padding:0 10px 0 90px;} .lh-applications-item li.textarea{width:100%;} .lh-applications-item li textarea{width:100%; height:116px; padding:10px 20px;border:1px solid #BFBFBF;} .lh-applications-item li .lh-select{width:100%; height:50px; border:1px solid #BFBFBF; position:relative; z-index:2;} .lh-select select{width:100%; height:100%; background:none; border:none; text-align:right; direction: rtl; padding:0 40px; position:relative; z-index:2;} .lh-select:after{content:''; display:block; width:0; height:0; border:6px solid transparent; border-top:6px solid #000; position:absolute; right:10px; top:50%; margin-top:-3px;} .lh-upload{margin-top:35px;} .lh-upload-btn{width:137px; height:48px; position:relative; line-height:48px; margin-right:20px;} .lh-upload-btn span{cursor:pointer; width:100%; height:100%; border:1px solid #087ae0; color:#087ae0; display:block; text-align:center; position:relative; border-radius:3px; z-index:1;transition:ease .65s;} .lh-upload-btn span:before{content:''; display:block; width:100%; height:100%; background:#087ae0; position:absolute; left:0; top:0; z-index:-1; transform:scale(0); transition:ease .65s; opacity:0; border-radius:3px;} .lh-upload-btn:hover span:before{transform:scale(.9,.8);opacity:1;} .lh-upload-btn:hover span{color:#fff;} .lh-upload-btn input{width:100%; height:100%; position:absolute; left:0; top:0; opacity:0;cursor:pointer; text-indent:-9999px; z-index:2;} .lh-upload .tips{line-height:48px; color:#616161;} .lh-submit-box{margin-top:50px;} .lh-submit-box a{display:block; width:166px; height:62px; line-height:62px; background:#087ae0; border-radius:3px; color:#fff; font-size:18px; text-align:center; margin:auto;} .lh-submit-box a:hover{background:#C9433E;} .lh-submit-box h2{text-align:center; color:#616161; margin-top:20px;} .lh-positionDetails-a>a{float:left; line-height:30px; margin-right:15px;} .lh-positionDetails-b{margin-top:20px;} .lh-positionDetails-b>h1{font-size:30px; font-weight:bold;} .lh-positionDetails-b>h2{color:#c6c6c6; margin-top:20px;} .lh-positionDetails-b>h2 span{margin-right:30px;} .lh-positionDetails-main{padding:40px 0; border-bottom:1px solid #EEE;} .lh-positionDetails-info{float:left; width:70%; color:#4e4e4e; line-height:33px;} .lh-positionDetails-item{float:right; display:block;} .lh-positionDetails-item li{padding:30px 0; border-bottom:1px solid #F4F4F4;} .lh-positionDetails-item li i{display:block; font-size:30px; color:#BFBFBF;} .lh-positionDetails-item li h2{color:#7b7b7b; margin:10px 0;} .lh-positionDetails-item li h3{color:#444343; font-size:20px; font-weight:bold;} .lh-positionDetails-item li h3.red{color:#087ae0; font-size:30px;} .lh-positionDetails-item li:first-child{padding:0 0 30px;} .lh-positionDetails-item li:last-child{padding:30px 0 0; border:none;} .lh-positionDetails-btn{text-align:center; margin-top:40px;} .lh-positionDetails-btn a{display:inline-block; width:166px; height:62px; line-height:62px; background:#087ae0; color:#fff; font-size:16px; margin:0 8px;} .lh-positionDetails-btn a:hover{background:#C4403E;} .lh-positionDetails-btn a:first-child{border:1px solid #EEE; background:none; color:#616161;} .lh-positionDetails-btn a:first-child:hover{border-color:#000;} .lh-companyInt{padding:100px 0; background:#fff;} .lh-companyInt .h2{color:#087ae0; font-size:35px; line-height:40px; font-weight:bold; text-align:center;} .lh-companyInt .title{font-size:20px; color:#191919; font-weight:bold; text-align:center; margin:30px 0 50px;} .lh-companyInt .text{line-height:33px; color:#656565;/* text-align:center;*/} .lh-companyInt .lh-join-item li>div{background:#F3F3F3;} .lh-zl-item li{width:25%; float:left; margin-top:80px;} .lh-zl-item li .time{position:relative; font-size:16px; color:#a8160e; z-index:1; text-align:center;} .lh-zl-item li .time span{font-size:65px; font-weight:bold; background: -webkit-linear-gradient(-45deg,#D88F47,#824968);-webkit-background-clip: text; -webkit-text-fill-color: transparent;} .lh-zl-item li .time img{position:absolute; left:40%; top:20px; z-index:-1;} .lh-zl-item li pre{text-align:center; margin-top:30px; color:#333333; line-height:24px;} .lh-zl-item{width:110%; position:relative; left:-5%;} .lh-play{height:640px; background-size:cover; background-repeat:no-repeat; background-position:center center;} .lh-play .container{height:100%; padding:90px 10px;} .lh-play h2{font-size:30px; font-weight:bold; color:#4c4c4c;} .lh-play h3{font-size:125px; color:#087ae0;font-family: "CenturyGothicbold"; text-align:center; text-transform:uppercase; text-shadow:0 10px 9px rgba(0,0,0,.1); margin-top:10%;} .lh-play-btn{position:absolute; right:0; bottom:-50px; text-align:center; color:#6d6d6d;} .lh-play-btn i{display:block; font-size:72px; color:#087ae0; text-shadow:0 5px 13px rgba(246,85,76,.2); transition:ease .65s;} .lh-play-btn:hover i{color:#D34843;} .lh-mission{padding:70px 0; background:#fff;} .lh-mission-item li{text-align:center; width:25%;} .lh-mission-item li img{margin:auto;} .lh-mission-item li pre{line-height:20px; color:#434343; margin:30px 0 0; height:60px; font-weight:bold;} .lh-mission-item li h2{color:#777777; margin-top:20px; position:relative;} .lh-mission-item li h2:before{content:''; display:block; width:36px; height:1px; background:#BFBFBF; position:absolute; left:50%; top:-20px; margin-left:-18px;} .lh-course{padding:85px 0; background-position:center center; background-repeat:no-repeat; background-color:#fff;} .lh-course-a{height:230px; margin-top:110px; position:relative; z-index:1; padding:0 5.2vw;} .lh-course-a:before{content:''; display:block; width:100%; height:1px; background:#BFBFBF; position:absolute; left:0; top:50%;} .lh-course-banner li{width:20%;} .lh-course-banner li>div{padding:40px 2vw; text-align:center; height:230px; margin-top:91px;} .lh-course-banner{position:relative; overflow:hidden; height:230px;} .lh-course-banner li h2{font-size:16px; color:#fff; font-weight:bold; position:relative;} .lh-course-banner li pre{line-height:24px; color:#fff; margin-top:10px; height:48px;} .lh-course-banner li:nth-child(2n) pre{margin:0 0 10px;} .lh-course-banner li h2:before{content:''; display:block; width:14px; height:14px; border-radius:50%; background:#fff; position:absolute; left:50%; top:-22px; margin-left:-4px;} .lh-course-banner li:nth-child(2n) h2:before{top:inherit; bottom:-20px;} .lh-course-banner li:nth-child(2n)>div{margin-top:-18px;} .lh-course-btn a{display:block; width:36px; height:36px; border-radius:50%; background:#fff; color:#393939; text-align:center; line-height:36px; position:absolute; top:50%; margin-top:-18px;z-index:100;} .lh-course-btn a.prev{left:2vw;} .lh-course-btn a.next{right:2vw;} .lh-course-btn a:hover{background:#000;} .lh-honor{background:#fff;} .lh-honor pre{text-align:center; color:#646464; line-height:33px; margin-top:30px; position:relative; z-index:1;} .lh-honor .img{margin-top:-200px;} .lh-demeanour-box{background:#fff; padding:80px 0;} .lh-demeanour{position:relative; margin-top:50px;} .lh-demeanour-banner{overflow:hidden; margin-left:-46px;} .lh-demeanour-banner ul{margin:0;} .lh-demeanour-banner li>a{display:block; position:relative; background:#F4F4F4;} .lh-demeanour-banner li>a:hover{box-shadow:none;} .lh-demeanour-btn a{display:block; width:42px; height:42px; border-radius:50%; text-align:center; background:#EEE; color:#B3B3B3; line-height:42px; position:absolute; top:50%; margin-top:-21px;} .lh-demeanour-btn a i{font-size:20px;} .lh-demeanour-btn a.prev{left:-120px;} .lh-demeanour-btn a.next{right:-120px;} .lh-demeanour-btn a:hover{background:#DEDEDE;} .lh-demeanour-more{display:block; width:122px; height:40px; text-align:center; line-height:40px; border-radius:30px; border:1px solid #7D7D7D; color:#838383; font-size:13px; margin:auto;} .lh-demeanour-more:hover{border-color:#087ae0; color:#087ae0;} .lh-video-layer{position:fixed; left:0; top:0; width:100%; height:100%; background:#000; z-index:3000; display:flex; align-items:center; justify-content:center; opacity:0; visibility:hidden; transform:scale(1.1); transition:ease .65s;} .lh-video-layer video{max-width:100%; min-height:100%;} .lh-layer-btn{position:absolute; right:0; top:0; width:42px; height:42px; text-align:center; line-height:42px; background:#fff; z-index:2;} .lh-layer-btn i{font-size:24px;} .lh-layer-btn:hover{border-radius:50% 0 50% 50%;} .lh-video-layer{background:rgb(255,255,255,.8)} .lh-video-layer video{min-height:80%;max-width:1000px;} .Video .lh-video-layer{visibility:visible; opacity:1;transform:scale(1);} .lh-demeanour .lh-banner-tips{position:relative; top:-30px;} .lh-nav-toogle{position:absolute; left:0; top:92px; width:100%; background:#fff; overflow:hidden; padding:30px; display:none;} .lh-nav-toogle dl{float:left; margin-left:30px; line-height:40px;} .lh-nav-toogle dl:first-child{margin-left:14%;} .lh-nav-toogle dl dt a{font-size:16px; font-weight:bold; color:#333;} .lh-nav-toogle dl dd a{font-size:14px; color:#333;} .lh-nav li.hover .lh-nav-toogle{display:block;} .lh-nav li.hover>a:before{display:block;} .lh-nav li.on>a{color:#087ae0;} @media screen and (min-width: 1024px) {.lh-header-l{float:left; width:92px; height:92px; background:#087ae0; position:relative; cursor:pointer; display:none;}} @media screen and (max-width: 1024px) {.lh-header-l{float:left; width:92px; height:92px; background:#087ae0; position:relative; cursor:pointer;}} .lh-sidebar{position:absolute; left:0; top:0; z-index:99; height:100%; padding-top:92px; transform:translateX(-100%); visibility:hidden; transition:ease .25s;} .lh-sidebar-item{height:100%; width:200px; background:#001321; border-right:1px solid #0D2537; padding-top:30px; position:relative; z-index:5;} .lh-sidebar-item li{padding:0 35px; line-height:50px; cursor:pointer;color:#fff;} .lh-sidebar-item li a{color:#fff;} .lh-sidebar-item li a:hover{color:#087ae0;} .lh-sidebar-item li i{float:right;} .lh-sidebar-tel{position:absolute; left:0; width:200px; text-align:center; line-height:24px; color:#606b73; bottom:30px; z-index:6;} .lh-sidebar-two{position:absolute; left:200px; top:92px; width:200px; background:#001321; height:100%; padding-top:30px; transition:ease .25s; transform:translateX(-100%); z-index:4;} .lh-sidebar-three{position:absolute; left:400px; top:92px; background:#061C2C; width:375px; height:100%; padding-top:30px; transition:ease .25s; transform:translateX(-100%); z-index:3; visibility:hidden;} .lh-sidebar-two li,.lh-sidebar-three li{padding:0 35px; line-height:50px; cursor:pointer;color:#fff;} .lh-sidebar-two li.on,.lh-sidebar-two li.on a{color:#087ae0;} .lh-sidebar-item li.on a,.lh-sidebar-item li.on{color:#087ae0;} .lh-sidebar-two li a,.lh-sidebar-three li a{color:#fff;} .lh-sidebar-two li a:hover,.lh-sidebar-three li a:hover{color:#087ae0;} .lh-sidebar-two li i{float:right;} .lh-sidebar-three.hover,.lh-sidebar-two.hover,.lh-sidebar.hover{transform:translateX(0); visibility:visible; transition:ease .55s;} .lh-search-layer{position:absolute; left:0; right:0; top:92px; height:92px; background:rgba(0,0,0,.5); z-index:100; opacity:0; visibility:hidden; transition:ease .65s;} .lh-search{width:100%; max-width:1200px; margin:21px auto 0; height:50px; line-height:50px; position:relative;} .lh-search input{display:block; width:100%; height:50px; line-height:50px; background:#fff; border:none; position:absolute; left:0; top:0; padding:0 20px;} .lh-search a{position:absolute; right:0; top:0; width:120px; height:50px; text-align:center; background:#087ae0; color:#fff;} .lh-search a:hover{background:#C96703;} .lh-search-close{position:absolute; right:0; top:0; width:92px; height:92px; background:#000; color:#fff; text-align:center; line-height:92px;} .lh-search-close i{font-size:24px;} .lh-search-close:hover{border-radius:50% 0 50% 50%;} .Search .lh-search-layer{opacity:1; visibility:visible;} .lh-return{display:none;} .la-contact-map{width:775px; height:637px; background-position:center center; background-repeat:no-repeat; background-size:cover; position:relative;} .la-contact-map a{position:absolute; font-size:13px; color:#000; text-align:center;} .la-contact-map a i{font-size:42px; background:#D88A47; background: -webkit-linear-gradient(0deg,#D88E47,#CB5549,#7A486C);-webkit-background-clip: text;-webkit-text-fill-color: transparent;} .la-contact-map a.beijin{right:184px; top:210px; right: 154px; right:186px;right:124px} .la-contact-map a.huabei{right:180px; top:130px;right: 50px;top: 57px;} .la-contact-map a.huazhong{right:216px; top:340px;} .la-contact-map a.huadong{right:149px; top:284px;right: 117px;top: 366px;} .la-contact-map a.huanan{bottom:75px; right:258px; right: 190px;} .la-contact-map a.xibei{left:136px; top:174px; left: 260px;top: 271px; left:423px; top:314px;} .la-contact-map a.dongbei{right:60px; top:80px;} .la-contact-map a.xinan{left:358px; top:368px; left: 282px; left:359px;left:300px;} .lh-honor .pre table{width:100%;} .lh-honor .pre td{padding:5px;line-height:25px;} .lc-download li{height:70px; line-height:70px; padding:0 20px; background:#fff; margin-bottom:20px; background:#fff;} .lc-download-box{padding:30px 0 60px;} .lc-download li .title{width:75%; font-size:16px; padding-left:18px; position:relative; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;transition:cubic-bezier(0.215,.61,.355,1) .45s;} .lc-download li .title:before{content:''; display:block; width:8px; height:8px; border-radius:50%; border:2px solid #BFBFBF; position:absolute; left:0; top:50%; margin-top:-4px;transition:cubic-bezier(0.215,.61,.355,1) .45s;} .lc-download li .right{color:#6e6e6e;} .lc-download li .right .view{float:left; margin-left:20px; color:#6e6e6e;transition:cubic-bezier(0.215,.61,.355,1) .45s; display:none;} .lc-download li .right .view:hover{color:#087ae0;} .lc-download li .right .view i{float:left; margin-right:4px; font-size:20px;} .lc-download li .right span{float:left;} .lc-download li .right span.time i{float:left; margin-right:4px;} .lc-download li .right .download{color:#087ae0; margin-left:20px;} .lc-download li .right .download i{margin-left:6px; font-size:20px; float:right;} .lc-download li:hover .title{color:#087ae0;} .lc-download li:hover .title:before{border-color:#087ae0;} .lc-video-item{margin-left:-48px;} .lc-video-item li{margin-bottom:48px; padding-left:48px; float:left; width:33.3%;} .lc-video-item li>a{display:block; background:#fff;} .lc-video-item li .img{position:relative; height:238px; overflow:hidden;} .lc-video-item li .img i{position:absolute; left:50%; top:50%; font-size:24px; color:#fff; width:60px; height:60px; border-radius:50%; background:rgba(0,0,0,.6); text-align:center; line-height:60px; margin:-30px 0 0 -30px;transition:cubic-bezier(0.215,.61,.355,1) .45s; transform:translateY(-100%); opacity:0;} .lc-video-item li .text{padding:20px;} .lc-video-item li .text h3{font-size:18px; line-height:35px; height:70px; overflow:hidden;transition:cubic-bezier(0.215,.61,.355,1) .45s;} .lc-video-item li>a:hover .img i{transform:translateY(0); opacity:1;} .lc-video-item li>a:hover .text h3{color:#087ae0;} .lc-video-layer{position:fixed; left:0; top:0; width:100vw; height:100vh; z-index:1000; background:rgba(0,0,0,.8); display:flex; align-items:center; justify-content:center; animation:videLayer cubic-bezier(0.215,.61,.355,1) .45s forwards;} @keyframes videLayer{ 0%{opacity:0; transform:scale(1);} 100%{opacity:1; transform:scale(1);} } .lc-video-layer video{max-width:80%; max-height:80%; width:100%;object-fit: cover;} .lc-video-close{width:50px; height:50px; text-align:center; line-height:50px; background:rgba(0,0,0,.8); color:#fff; position:absolute; right:0; top:0;} .lc-video-layer.Close{animation:videLayer1 cubic-bezier(0.215,.61,.355,1) .45s forwards;} @keyframes videLayer1{ 0%{opacity:1; transform:scale(1);} 100%{opacity:0; transform:scale(1);} } @media screen and (max-width: 1800px){ .lh-nav-toogle dl{max-width:130px;margin-left:10px;} .lh-nav-toogle dl dd{line-height: 25px;margin-bottom: 10px;} .lh-nav-toogle dl dd a{} } @media screen and (max-width: 1600px){ .la-about-hd{left:0;} .lh-play-btn{right:0;} .lh-demeanour-btn a.next{right:-60px;} .lh-demeanour-btn a.prev{left:-60px;} .lh-header-r{padding-right:2vw;} .lh-nav-toogle dl{max-width:115px;margin-left:10px;} .lh-nav-toogle dl dd{line-height: 25px;margin-bottom: 10px;} .lh-nav-toogle dl dd a{} } @media screen and (max-width: 1440px){ .lh-logo{left:105px;} .lh-header-r{padding-right:1vw;} } @media screen and (max-width: 1366px){ .lh-about-r{width:45%;} .lh-service-r{width:53%;} .lh-about-r li{padding-left:3.5vw;} .lh-demeanour-btn{display:none;} .lh-demeanour:hover .lh-demeanour-btn{display:block;} .lh-demeanour-btn a.prev{left: 0;z-index: 9;margin-top:0;} .lh-demeanour-btn a.next{right: 0;z-index: 9;margin-top:0;} .lh-nav-toogle dl{width:100px;margin-left:10px;} .lh-nav-toogle dl dd{line-height: 20px;margin-bottom: 10px;} .lh-nav-toogle dl dd a{font-size:12px;} } @media screen and (max-width: 1300px){ } @media screen and (max-width: 1280px){ .lh-about-l pre{max-width:500px;} .lh-about-r{width:47%;} .lh-about-r li{padding-left:2.5vw;} .lh-service-r{width:49%;} .lh-service-r li{padding-left:5%;} .lh-solutions-btn{display:none;} .lh-technicalPs-d .img{width:50%; height:auto;} .lh-technicalPs-d .text{width:50%;} .la-contact-text{float:left;} .lh-zl-item{width:100%; left:0;} .lh-header-tel{display:none;} } @media screen and (max-width: 1200px){ .lh-about-r li{padding-left:1vw;} .lh-about-r li a .img{width:85px;} .lh-nav{display:none;} .lh-service-l pre{max-width:480px;} .lh-copy,.lh-copy a{font-size:12px;} .lh-addr-l{width:100%; float:none; max-width:100%;} .lh-addr-r{float:none; width:121px;} .lh-news-item{margin-left:-2.5vw;} .lh-news-item li{padding-left:2.5vw; margin-bottom:2.5vw;} .lh-other-three{padding:0 10px;} .lh-caseSuccessful-a{margin-left:-2.5vw;} .lh-government-left{width:46%;} .lh-recomNews-banner{margin-left:-2.5vw;} .lh-technicalPs-c-item li .text{padding:30px 10px;} .lh-technicalPs-e-item li .img{height:auto;} .lh-team-item li>a .img{height:auto;} .lh-joina-l{padding:30px;} .la-about-info{margin-left:60px;} .lh-investors-main{padding:40px;} } @media screen and (max-width: 1024px){ .lh-banner .text pre{font-size:40px;} .lh-banner .text h3{font-size:28px;} .lh-activity:before{width:400px; height:85px; background-size:cover;} .lh-activity{padding:30px 0 0;} .lh-activity-item{margin-top:30px;} .lh-pro-item{padding:0;} .lh-public-h h2{font-size:24px;} .lh-plan-item li{width:33.3%; height:350px;} .lh-plan-item{width:100%;} .lh-public-h h2:before{width:24px; height:1px; border-width:1px; left:30px;} .lh-pro{padding:40px 0;} .lh-public-h h3{margin-top:30px;} .lh-pro-item li{margin-top:40px;} .lh-plan{padding:40px 0 0 0;} .lh-plan-item{margin-top:40px;} .lh-plan-item li .text pre,.lh-plan-item li .text h4{display:none;} .lh-plan-item li .text{padding:0 20px; height:auto;transform: translateY(-20px);} .lh-plan-item li .text img{width:29px;} .lh-plan-item li .text h2{font-size:18px; margin:10px 0 0 0;} .lh-plan-item li .text h3{opacity:.5; font-size:16px;} .lh-plan-item li a:before{opacity:1; background:rgba(0,0,0,.2);} .lh-plan-item li a:hover .text{transform:translateY(-20px);} .lh-service-l h2{font-size:28px;} .lh-service-l h3{font-size:24px;} .lh-service-l h2:before{top:-34px;} .lh-service-r li .icon{width:40px; height:40px; background-size:22px 54px; background-position: center 10px;} .lh-service-r li:hover .icon{background-position: center -24px;} .lh-service-r li h2{margin:20px 0 10px;} .lh-service-r li pre{font-size:12px; line-height:20px;} .lh-service .container1440{padding:100px 20px 40px;} .lh-service-l pre{margin-top:24px;} .lh-service-l a{margin-top:30px;} .lh-research{padding:40px 0;} .lh-research-hd{position:static; text-align:center;transform: translateY(0); margin-top:30px;} .lh-research-hd span{display:inline-block; border:none;} .lh-research-banner{margin-top:40px;} .lh-research-banner li .item .text{padding:20px;} .lh-research-banner li .item .text h2{font-size:16px; height:18px; line-height:18px;} .lh-about-l{max-width:48%;} .lh-about-l pre{margin:30px 0; font-size:14px;} .lh-about-r{width:50%;} .lh-about-r li a .img{width:40px;} .lh-about-r li a .img img{width:31px;} .lh-about-r li a .text h2{font-size:16px; margin:0 0 2px;} .lh-about-r li{padding-left:4vw;} .lh-about-b{margin-top:30px; margin-left:-20px;} .lh-about-b li{padding-left:20px;} .lh-about-b li>div{} .lh-footer{padding:40px 0;} .lh-copy{margin-top:40px;} .lh-header-r{padding-right:120px;} .lh-ban{height:293px;} .lh-banner-tips{display:block;} .lh-government-item li{padding-left:10px;} .lh-solution-a,.lh-caseSuccessful{padding:30px 0;} .lh-other-footer:before{height:31px; top:-31px; background-size:cover;} .lh-solution-b{margin-left:-10px; margin-top:30px;} .lh-government-item.list{margin-left:-10px;} .lh-government-right h2{font-size:24px; margin-top:10px;} .lh-recruitment-nav li{margin-left:60px;} .lh-ban.recruitment{height:373px;} .lh-ban.recruitment .text .text-img{width:189px;} .lh-ban.recruitment a{width:100px; height:38px; line-height:38px; font-size:12px; margin-top:30px;} .lh-recruitment-footer-l .img{width:60px; height:60px; margin-right:10px;} .lh-recruitment-footer-l pre{font-size:12px; line-height:24px; top:10px;} .lh-recruitment-footer-r ul li a{font-size:14px;} .lh-recruitment-footer-r ul li{margin-left:20px;} .lh-recruitment-footer-r ul li:before{left:-10px;} .lh-recruitment-footer-r .copy{font-size:12px;} .lh-recruitment-footer-r .copy a{font-size:12px;} .lh-recruitment-footer-r ul{margin:10px 0 10px;} .lh-recruitment-footer{padding:30px 0;} .lh-recruitment-a{padding:30px 0;} .la-about-item{width:100%; border:none;} .la-about-item li{flex:1;} .la-about-item li:first-child{margin-top:40px;} .lh-styles .text{padding-top:20px;} .lh-styles .text .qm{bottom:20px; width:65px; right:20px;} .lh-header-l{position:absolute; right:0; top:0;} .lh-logo{left:10px;} .lh-header-b{display:none;} .lh-sidebar{transform:translateX(0); opacity:0; width:100%; height:100%; padding-top:50px;} .lh-sidebar-item{width:100%; padding-top:67px;} .lh-search-layer{top:50px; padding:0 20px; background:none; height:40px;} .lh-search{height:40px; line-height:40px; margin-top:15px;} .lh-search input,.lh-search a{height:40px; line-height:40px;} .lh-search input{padding:0 10px; font-size:14px;} .lh-search a{width:85px; font-size:12px;} .lh-search-close{display:none;} .webOn .lh-sidebar,.webOn .lh-search-layer{visibility:visible; opacity:1;} .lh-sidebar-item li{line-height:40px; padding:0 20px;} .lh-sidebar-tel{width:100%;} .lh-sidebar-a,.lh-sidebar-b{position:absolute; left:0; top:0; width:100%; height:100%; padding-top:50px; z-index:6; visibility:hidden; opacity:0;} .lh-sidebar-two{width:100%; top:50px;transform:translateX(0); visibility:hidden; opacity:0; left:0; padding-top:95px;} .lh-sidebar-two li{line-height:40px; padding:0 30px;} .lh-sidebar-a.on,.lh-sidebar-b.on{visibility:visible; opacity:1;} .lh-sidebar-two.on,.lh-sidebar-three.on{visibility:visible; opacity:1;} .lh-return{display:block; color:#fff; z-index:8; position:absolute; left:20px; top:120px;} .lh-sidebar-b{z-index:7;} .lh-sidebar-three{width:100%; top:50px;transform:translateX(0); visibility:hidden; opacity:0; left:0; padding-top:95px;} .lh-sidebar-three li{line-height:40px; padding:0 30px;} } @media screen and (max-width: 980px){ .lh-banner{height:186px;} .lh-banner .text pre{font-size:16px;} .lh-banner .text h3{font-size:16px;} .lh-banner .text a{margin-top:20px; width:100px; height:30px; font-size:12px; line-height:30px;} .lh-banner .text a i{font-size:12px;} .lh-banner .text{left:20px;} .lh-down{display:none;} .lh-activity:before{right:0; width:200px; height:127px; background-size:200px 127px;} .lh-public-h h2{font-size:20px;} .lh-pro-item li{width:50%;} .lh-pro-item li img{width:35px;} .lh-pro-item li .img{height:50px;} .lh-pro-item li h2{font-size:16px;} .lh-pro-item li a{padding:0 10px 10px;} .lh-pro-item li h4{width:100px; height:30px; line-height:30px; font-size:12px;} .lh-plan-item li{width:50%; height:200px;} .lh-plan-item li .text h2{font-size:16px;} .lh-plan-item li .text h3{font-size:14px;} .lh-service .container1440{padding:60px 10px 40px;} .lh-service-l h2{font-size:20px;} .lh-service-l h3{font-size:16px;} .lh-service-l a{width:100px; height:30px; line-height:30px; font-size:12px;} .lh-service-r{float:none; width:100%;} .lh-service-r li{padding-left:10px;} .lh-service-r li{margin-top:30px;} .lh-service-r li h2{font-size:16px;} .lh-service-r li h2{margin:10px 0;} .lh-data{padding:10px 0 30px; height:auto;} .lh-data li{width:50%; flex:none; padding:0 10px; margin-top:20px;} .lh-data li h2{font-size:30px;} .lh-data li pre{margin-top:0; white-space:normal;} .lh-data li:nth-child(3):before{display:none;} .lh-service-r li pre{white-space:normal;} .lh-research-banner li .item{padding-left:10px;} .lh-research-banner li .item .text{width:100%; padding:20px 10px; position:relative; left:0; bottom:0;} .lh-research-banner li .item .text pre{height:100px; padding-top:28px; overflow:hidden; margin-top:0; font-size:12px;} .lh-research-banner li .item .text pre:before{top:14px;} .lh-research-banner li .item:last-child{margin-top:0;} .lh-research-banner li .item:last-child .text{top:0;} .lh-research-banner li .item .text i{width:20px; height:20px; top:-20px;} .lh-research-banner li .item .text i:before{width:10px; margin-left:-5px;} .lh-research-banner li .item .text i:after{height:10px; margin-top:-5px;} .lh-research-banner li .item .text h2{font-size:14px; line-height:16px; height:16px;} .lh-research-banner{padding-top:0;} .lh-research{margin-left:-10px;} .container1440{padding:0 10px;} .lh-research-hd{margin-top:10px;} .lh-research-hd span{width:50px; height:50px; line-height:50px;} .lh-research-hd span:after{width:2px; height:24px;} .lh-about .container1440{padding:80px 10px 30px;} .lh-about-l{width:100%; float:none; max-width:100%;} .lh-about-l a{width:100px; height:30px; line-height:30px; font-size:12px;} .lh-about-r{width:100%; float:none; margin-top:30px;} .lh-about-r li{padding-left:0;} .lh-about-r li a .img{display:block; float:none; height:40px;} .lh-about-r li{margin-bottom:30px;} .lh-about-b li{padding-left:10px;} .lh-about-b li>div{} .lh-about-b li>div span{display:block; float:none; margin-top:10px;} .lh-about-b{margin-top:10px; margin-left:-10px;} .lh-footer{padding:30px 10px;} .lh-index-footer{padding:0;} .lh-footer-a>a img{width:174px;} .lh-footer-a{height:34px;} .lh-footer-share{display:none;} .lh-footer-b dl{display:none;} .lh-footer-b{margin:30px 0;} .lh-footer-b dl:last-child{display:block;} .lh-footer-b dl:last-child dt{border:none; padding:0; margin-bottom:10px;} .lh-footer-b>dl dt:before,.lh-footer-b>dl dt:after,.lh-footer-b>dl:last-child dt:first-child a:before,.lh-footer-b>dl:last-child dt:first-child a:after{display:none;} .lh-footer-b>dl dd{padding:0;} .lh-footer-b>dl i{display:none;} .lh-copy{margin-top:30px; padding-top:30px;} .lh-copy-left,.lh-copy-right{float:none; overflow:hidden;} .lh-copy-left>a{margin:0 5px 0 0;} .lh-copy-right li:first-child{margin-left:0;} .lh-about-l pre{margin:20px 0;} .lh-about-r li a .text h3{opacity:.5;} .lh-ban{height:107px;} .lh-ban .text h2{font-size:18px;} .lh-ban .text h3{font-size:14px;} .lh-news-item{margin-left:-10px;} .lh-news-item li{padding-left:10px; margin-bottom:10px; width:50%;} .container{padding:0 10px;} .lh-news-box{padding:30px 0;} .lh-news-item li .text{padding:20px 10px;font-size:14px; line-height:24px; } .lh-news-item li .text h2{height:48px;} .lh-news-item li .btn{padding:10px; font-size:12px;} .lh-news-item li .btn i{right:10px;} .lh-page{margin-top:20px;} .lh-page a{width:24px; height:24px; margin:0 2px; line-height:24px; font-size:12px;} .lh-page a i{font-size:12px;} .lh-other-nav-box{height:50px; line-height:50px; overflow:hidden;} .lh-other-nav li{height:50px; float:left;} .lh-other-nav li a{font-size:13px;} .lh-other-footer{padding:31px 0 0; background-size:980px 31px;} .lh-other-footer .lh-up{top:16px;} .lh-three-item li a{padding:0 10px;} .lh-three-item li:before{display:none;} .lh-other-three{height:50px; line-height:50px; overflow:hidden;} .lh-three-item li.lh-cursom{display:none;} .lh-three-item li{height:50px;} .lh-three-item li a{font-size:12px;} .lh-other-nav.otherNav4 li{width:auto;padding:0 10px;} .lh-solutions{padding:30px 0;} .lh-solutions-a{height:auto; margin-top:30px; overflow:inherit; padding:0 10px;} .lh-solutions-item{margin-left:-10px;} .lh-solutions-item li{width:50%; float:left; padding-left:10px; margin-bottom:10px; padding-bottom:0;} .lh-solutions-item li .left{transform: translateX(0);} .lh-solutions-item li a{padding:20px 10px;} .lh-solutions-item li .right{display:none;} .lh-solutions-item li img{width:24px;} .lh-toggle-btn{display:none;} .lh-solutions-item li a h2{font-size:16px; margin:0;} .lh-solutions-item li a h3{font-size:12px;} .lh-solutions-item li a .img{margin-right:0; width:34px;} .lh-solutions-bg{display:none;} .lh-government-item li .text{padding:10px; transform: translateY(0); height:auto; top:inherit; bottom:10px; display:block;} .lh-government-item li .text h2{font-size:12px; height:16px; line-height:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .lh-government-item li .text pre,.lh-government-item li .text h3{display:none;} .lh-government-item li a:before{display:none;} .lh-fixed{display:none;} .lh-caseSuccessful-hd li{width:98px; font-size:12px; margin:0 2px;} .lh-caseSuccessful-hd{margin:30px 0;} .lh-crumbs{padding:20px 0; font-size:12px;} .lh-crumbs a{font-size:12px;} .lh-government-left{float:none; width:100%; max-width:100%;} .lh-government-right{float:none; max-width:100%; margin-top:20px;} .lh-government-right h2{font-size:18px;} .lh-government-right pre{margin-top:10px;} .lh-government-a{padding:30px 0;} .lh-government-item.list li{width:50%; margin-top:10px;} .lh-government-a .lh-public-h{padding-left:25px;} .lh-government-details .lh-crumbs{padding:20px 10px;} .lh-government-main>h1{font-size:18px; padding:0 10px;} .lh-government-main>h2 span{margin:0 5px; font-size:12px;} .lh-government-main>h2{margin-top:10px;} .lh-government-info{padding:30px 10px;} .lh-government-info table{width:100%;} .lh-solution-a.details .lh-public-h{padding-left:25px;} .lh-details-page li{width:100%; float:none;} .lh-details-page{background:#fff; height:auto; line-height:50px;} .lh-recomNews{padding:30px 0;} .lh-recomNews-banner{margin-left:-10px; margin-top:30px;} .lh-tps{padding:30px 0;} .lh-tps-item{margin-left:-10px;} .lh-tps-item li{width:50%; padding-left:10px; margin-bottom:10px;} .lh-tps-item li img{width:38px;} .lh-tps-item li .img{height:53px;} .lh-tps-item li .text h2{font-size:16px;} .lh-tps-item li a{padding:20px 10px;} .lh-tps-item li .text pre{font-size:12px;} .lh-techdoc{padding:30px 0;} .lh-techdoc-hd{margin:30px 0;} .lh-techdoc-bd li{width:50%; padding-left:10px; margin-bottom:10px;} .lh-techdoc-bd{margin-left:-10px;} .lh-techdoc-bd li h2{font-size:14px;} .lh-techdoc-bd li>div{padding:10px;} .lh-techdoc-bd li .btn{margin-top:10px;} .lh-techdoc-bd li .btn a{font-size:12px;} .lh-techdoc-bd li .btn a.download{margin-left:10px;} .lh-problem{padding:30px 0;} .lh-problem-tips a{top:-43px;} .lh-problem-tips{margin:20px 0;} .lh-problem-h{height:50px; line-height:50px; padding:0 10px;} .lh-problem-h span{margin:15px 5px 0 0;} .lh-problem-h h2{max-width:80%;} .lh-problem-h i{right:10px;} .lh-problem-info{padding:20px;} .lh-problem-info .main{max-width:85%;} .lh-technicalPs{padding:30px 0;} .lh-technicalPs-a{padding:0;} .lh-technicalPs-a .img{float:none; width:100%; height:auto;} .lh-technicalPs-a .text{margin-top:20px;} .lh-technicalPs-a .text h2{font-size:18px; margin-bottom:40px;} .lh-technicalPs-a .text h2:after{bottom:-20px;} .lh-technicalPs-h h2{font-size:20px;} .lh-technicalPs-h h2:before{width:20px;} .lh-technicalPs-h h2{padding-left:30px;} .lh-technicalPs-b-item{margin-top:30px;} .lh-technicalPs-b{padding:20px 0;} .lh-technicalPs-b-item li{width:50%; flex:none; padding:20px 10px;} .lh-technicalPs-b-item li:nth-child(3):before{display:none;} .lh-technicalPs-b-item li:nth-child(5):before{left:inherit; right:-1px;} .lh-technicalPs-b-item li img{width:28px;} .lh-technicalPs-b-item li .img{height:40px;} .lh-technicalPs-b-item li h2{font-size:16px;} .lh-technicalPs-c-item{margin:30px 0 -10px;} .lh-technicalPs-c-item li{width:50%; padding-left:10px; margin-bottom:10px;} .lh-technicalPs-c-item li .text h2{font-size:14px; text-align:center; height:40px; line-height:40px; padding:0 10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:0;} .lh-technicalPs-c-item li .text{height:auto; padding:0;transform: translateY(0);} .lh-technicalPs-c-item li .text h2:after,.lh-technicalPs-c-item li .text pre{display:none;} .lh-technicalPs-d{margin-top:30px;} .lh-technicalPs-d .img,.lh-technicalPs-d .text{float:none; width:100%; margin:0;} .lh-technicalPs-d .text li{padding:20px 0;} .lh-technicalPs-d .text li h2{font-size:16px;} .lh-technicalPs-d .text li pre{margin-top:10px;} .lh-technicalPs-e-item li .img{width:100%; float:none;} .lh-technicalPs-e-item li .text{position:static; width:100%;transform: translateY(0); padding:20px 0;} .lh-technicalPs-e-item li .text h2{font-size:18px; margin-bottom:40px;} .lh-technicalPs-e-item li .text h2:after{bottom:-20px;} .lh-technicalPs-e-item li:nth-child(2n) .img{float:none;} .lh-technicalPs-e-item li:nth-child(2n) .text{padding:20px 0;} .lh-recruitment-header{height:50px; position:relative; z-index:100;} .lh-recruitment-logo{width:84px; position:relative; z-index:3;} .lh-recruitment-nav{width:100%; height:100vh; background:#fff; position:absolute; left:0; top:0; padding-top:60px; transition:ease .65s; transform:translateY(-100%);} .lh-recruitment-header>.container{height:100%;} .lh-recruitment-nav-btn{display:block;} .lh-recruitment-nav li{display:block; margin:0; float:none; text-align:center; line-height:50px; height:50px;} .recruitment .lh-recruitment-nav{transform:translateY(0);} .recruitment .lh-recruitment-nav-btn i{transform:scaleX(0);} .recruitment .lh-recruitment-nav-btn:before{transform:translate(0,9px) rotate(45deg);} .recruitment .lh-recruitment-nav-btn:after{transform:translate(0,-9px) rotate(-45deg);} .lh-ban.recruitment{height:137px;} .lh-ban.recruitment .text .text-img{width:80px;} .lh-ban.recruitment a{margin-top:10px; height:30px; line-height:30px; width:86px;} .lh-recruitment-h2{font-size:20px;} .lh-recruitment-a{background-size:cover;} .lh-recruitment-item{margin:10px 0 0 0;} .lh-recruitment-item li{width:100%; padding-left:0; margin-top:10px;} .lh-recruitment-item li>div{padding:20px;} .lh-recruitment-item li>div .top .img{width:32px;} .lh-recruitment-item li>div .top .text h2{padding:0; font-size:16px;} .lh-recruitment-item li>div .top .text h3{font-size:12px;} .lh-recruitment-item li>div pre{margin-top:10px; font-size:12px;} .lh-recruitment-footer-r ul{display:none;} .lh-recruitment-footer-r,.lh-recruitment-footer-l{float:none;} .lh-recruitment-footer-r{margin-top:20px; text-align:center;} .lh-recruitment-footer-r .copy span{display:block; float:none;} .lh-recruitment-footer-r .copy>a{margin:0 5px;} .lh-recruitment-footer-r .copy a img{width:9px; margin-right:5px; top:4px;} .lh-recruitment-footer{padding:20px 0;} .lh-unit-item>h2{font-size:18px; margin-bottom:20px;} .lh-unit-ul{margin-left:-10px;} .lh-unit-ul li{padding-left:10px; width:33.3%; margin-bottom:10px;} .lh-unit-ul li>a{height:auto;} .lh-unit-item{margin-bottom:10px;} .lh-team-item{margin-left:-10px;} .lh-team-item li{width:50%; padding-left:10px; margin-bottom:10px;} .lh-team-item li>a .text{padding:20px 10px;} .lh-team-item li>a .text i{right:10px;} .lh-team-item.teams li{width:100%;} .la-about-a{padding:60px 0 30px;} .la-about-hd{left:10px; top:-30px; font-size:68px;} .la-about-video{width:100%; height:260px; float:none;} .la-about-video:before{display:none;} .la-about-info{width:100%; float:none; margin-left:0; margin-top:30px;} .la-about-info .h3{font-size:24px; line-height:32px;} .la-about-info h2{font-size:18px;} .la-about-info pre{font-size:12px; margin:20px 0;} .la-about-info a{margin:auto;} .la-about-item{width:100%; padding:0; border:none; margin-top:0;} .la-about-item li{float:left; width:33.3%; margin-top:20px; flex:none;} .la-about-item li:first-child{margin-top:20px;} .la-about-item li img{width:19px;} .la-about-item li .img{width:26px;} .la-about-item li a{font-size:14px; line-height:24px;} .lh-about-news{padding:30px 0;} .lh-about-news .lh-public-h{padding-left:26px;} .lh-about-news .lh-public-h h2{font-size:24px;} .lh-public-h>a{line-height:24px;} .lh-about-news .lh-caseSuccessful-cc{margin-top:20px;} .lh-stock-a>div{float:none; overflow:hidden;} .lh-stock-item li{flex:none; width:33.3%; margin-top:30px;} .lh-stock-item{padding:0 0 30px;} .lh-publication{padding:40px 0;} .lh-publication-item{margin-left:-10px;} .lh-publication-item li{padding-left:10px; margin-top:10px;} .lh-publication-item li .img{overflow:visible;} .lh-publication-item li .img .btn a{ width:40%; font-size:12px; line-height:40px; height:40px;} .lh-publication-item li .img .btn a:first-child{width:60%;} .lh-publication-item li .img .btn a i{display:none;} .lh-publication-item li .img .btn{height:auto; text-align:center; height:40px; line-height:40px;} .lh-publication-item li h2{font-size:12px; margin-top:60px;} .lh-publication .lh-tps-a{margin-top:40px;} .lh-join{padding:40px 0;} .lh-join-a>div{float:none; width:100%;} .lh-joina-h .left img{width:28px;} .lh-joina-h .left span{top:0; font-size:16px;} .lh-joina-btn{margin-top:0;} .lh-joina-l{padding:20px 10px; height:auto;} .lh-joina-banner{margin-top:30px;} .lh-joina-banner li h2{font-size:16px;} .lh-joina-banner li pre{font-size:12px; height:auto;} .lh-joinar-a .buy img{width:32px;} .lh-joinar-a>div pre{font-size:12px;} .lh-joinar-a>div.partner i{font-size:38px;} .lh-joinar-a>div.partner h3{font-size:12px;} .lh-joina-r{margin-top:10px;} .lh-joinar-a>div{height:200px;} .lh-joinar-b{height:auto; padding:20px 10px; margin-top:10px;} .lh-joinar-banner li .img{width:90px; height:auto; margin-right:10px;} .lh-joinar-banner li .text h2{font-size:14px; font-weight:bold; margin:0;} .lh-joinar-banner li .text h3{font-size:12px; line-height:24px;} .lh-joinar-b .lh-joina-btn{right:0; top:inherit; bottom:0;} .lh-join-item{margin:10px 0 0 -10px;} .lh-join-item li{padding-left:10px;} .lh-join-item li div{padding:20px 10px; text-align:center;} .lh-join-item li div>span{display:block; font-size:14px;} .lh-join-item li em{float:none; display:block; margin-top:5px;} .lh-partner{margin-top:30px;} .lh-partner-item li{margin-right:30px; margin-top:10px;} .lh-partner-item li:after{display:none;} .lh-join-search-box{padding:40px 0;} .lh-join-search{padding:0; margin-top:30px; height:45px;} .lh-join-search input{height:45px; line-height:45px; padding:0 10px; font-size:12px;} .lh-join-search a{width:98px; height:45px; line-height:45px; font-size:12px;} .lh-positionType{padding:30px 0;} .lh-positionType-item{margin:30px 0 20px -10px;} .lh-positionType-item li{padding-left:10px; margin-bottom:10px;} .lh-positionType-item li h2{height:24px; line-height:24px; padding:0 10px; font-size:14px;} .lh-positionType-a{width:120px; height:40px; line-height:40px; font-size:12px;} .lh-problem.questions{padding:30px 0;} .la-contact{padding:40px 0;} .la-contact>.container>div{float:none;} .la-contact-text{margin-top:20px;} .la-contact-text .text{padding:20px 10px;} .la-contact-text .text h2{padding-bottom:10px; font-size:16px;} .la-contact-text .text h3 i{margin-right:5px;} .la-contact-text .text h3{font-size:13px;} .lh-investors-main{padding:20px 10px;} .lh-investors-main>div{float:none; width:100%;} .lh-investors-text{margin-top:30px; padding:0;} .lh-investors-right{margin-top:30px;} .lh-investors-right h2{font-size:18px; margin:0 0 10px;} .lh-investors{background-size:cover;} .lh-styles .img{float:none; margin:0;} .lh-styles .text h2{font-size:20px;} .lh-styles .text{padding:20px 0 80px;} .lh-styles-other{padding:30px 0 60px;} .lh-styles-other .lh-team-item{margin:20px 0 0 -10px;} .lh-position{padding:30px 0;} .lh-position-screening dl{padding:10px 0;} .lh-position-screening dl dt,.lh-position-screening dl dd{float:none; width:100%;} .lh-position-screening dl dd a{margin:10px 0 0 0; font-size:12px; width:25%; text-align:center;} .lh-screening-type li{font-size:12px;} .lh-position-item{margin:20px 0;} .lh-position-item li span:nth-child(2),.lh-position-item li span:nth-child(4),.lh-position-item li span:nth-child(5){display:none;} .lh-position-item li span:nth-child(1){flex:2;} .lh-position-item li{font-size:12px;} .lh-position-item li span{line-height:24px;} .lh-position-item li,.lh-position-item li.first{padding:10px;} .lh-applications{padding:30px 0;} .lh-applications .title{font-size:16px;} .lh-applications .h2{margin:0;} .lh-applications .h2 span{width:50%; float:left; margin:10px 0 0;} .lh-applications-form{margin-top:30px; padding-top:30px;} .lh-applications-form>h2{font-size:18px;} .lh-applications-item{margin:10px 0 0 -10px;} .lh-applications-item li{padding-left:10px; width:100%; margin-top:10px;} .lh-applications-item li span{left:20px;} .lh-applications-item li textarea{padding:10px;} .lh-upload{margin-top:30px;} .lh-upload .tips{font-size:12px; line-height:24px; display:none;} .lh-submit-box a{width:137px; height:50px; line-height:50px; font-size:14px; margin:inherit;} .lh-submit-box{margin-top:30px;} .lh-submit-box h2{font-size:12px; line-height:20px;} .lh-screening-type{margin-top:0;} .lh-positionDetails-b>h1{font-size:16px;} .lh-positionDetails-main{padding:30px 0;} .lh-positionDetails-info{float:none; width:100%; line-height:24px;} .lh-positionDetails-item{float:none; margin-top:0;} .lh-positionDetails-item li{float:left; width:50%; padding:20px 0;} .lh-positionDetails-item li:nth-child(3){border:none;} .lh-positionDetails-item li:first-child,.lh-positionDetails-item li:last-child{padding:20px 0;} .lh-positionDetails-item li h3,.lh-positionDetails-item li h3.red{font-size:16px;} .lh-positionDetails-btn a{width:120px; height:45px; line-height:45px; font-size:14px;} .lh-companyInt{padding:30px 0;} .lh-companyInt .h2{font-size:24px; line-height:32px;} .lh-companyInt .title{font-size:18px; margin:20px 0;} .lh-zl-item li{width:50%;} .lh-zl-item li{margin-top:20px;} .lh-zl-item li .time span{font-size:32px;} .lh-zl-item li .time img{width:30px; left:50%; top:10px;} .lh-zl-item li pre{font-size:12px; margin-top:20px;} .lh-play{height:170px;} .lh-play .container{padding:20px 10px;} .lh-play h2{font-size:18px;} .lh-play h3{font-size:40px; margin-top:6%;} .lh-play-btn{font-size:12px; bottom:-34px; right:10px;} .lh-play-btn i{font-size:42px;} .lh-mission-item li{width:50%; margin-top:20px;} .lh-mission-item li .img{height:30px;} .lh-mission-item li img{width:28px;} .lh-mission-item li pre{font-size:12px; margin:10px 0 0;} .lh-mission{padding:50px 0 30px;} .lh-course{padding:40px 0; background-size:cover;} .lh-course-a{margin-top:30px;} .lh-course-a{padding:0;} .lh-course-banner li pre{white-space:normal; font-size:12px;} .lh-honor .img{margin-top:-30px;} .lh-demeanour{margin-top:30px;} .lh-demeanour-banner{margin-left:-10px;} .lh-demeanour .lh-banner-tips{top:-10px;} .lh-demeanour-box{padding:30px 0;} .lh-header{height:50px; position:relative; background:#001321;} .lh-logo{width:140px; top:4px;} .lh-header-l{width:50px; height:50px;} .lh-nav-btn{top:18px; width:24px;margin-left:-12px;} .lh-header-r{padding-right:60px;} .lh-header-b li a{width:30px; height:30px;} .lh-header-a{margin-top:10px;} .lh-sidebar-item li a{font-size:16px;} .webOn{height:100%; overflow:hidden;} .lh-sidebar-tel{bottom:10px; font-size:12px; line-height:20px;} .lh-header-a .wsy{width:50px; height:13px; margin: 11px 0 0 10px;} .lh-header-a .aqy i{width:14px; height:11px; background-size:cover; margin:12px 5px 0 0;} .lh-header-a .aqy{font-size:12px;} .lh-header-a{margin-top:6px;} .la-contact-map{display:none;} .mapdn{display:block !important;} .la-contact{padding:30px 0;} .la-contact-text{margin:0; background:none;} .la-contact-text>div{margin-bottom:10px; background:#fff;} .lh-demeanour-btn{display:none;} .lc-download li{height:50px; line-height:50px; padding:0 15px; margin-bottom:10px;} .lc-download li .title{font-size:12px; width:65%;} .lc-download li .right .time{display:none;} .lc-download li .right .download{font-size:12px; margin-left:10px;} .lc-download li .right .download i{margin-left:5px; font-size:16px;} .lc-download li .right .view{margin-left:0; font-size:12px;} .lc-download li .right .view i{font-size:16px;} .lc-video-item{margin-left:-10px;} .lc-video-item li{padding-left:10px; margin-bottom:10px; width:50%;} .lc-video-item li .img{height:110px;} .lc-video-item li .text{padding:10px;} .lc-video-item li .text h3{font-size:14px; line-height:24px; height:48px;} .lc-video-item li .img i{width:36px; height:36px; line-height:35px; font-size:14px;transform: translateY(0);opacity: 1; margin:-18px 0 0 -18px;} .lh-ban .container{position: absolute;left: 0;top: 10px;bottom: 0;transform: translateX(0); display:block;} } @media screen and (max-width: 768px){ } @media screen and (max-width: 414px){ } @media screen and (max-width: 320px){ } /* 联系金莎js9999777 */ .contact{float: left; width: 100%; padding-bottom: 70px;} .contTop{float: left; width: 100%; margin-top: 0px; position: relative;} .contLe{float: left; width: 66.714286%; background: #ebebeb; padding-bottom: 60px;} .contLe .contTit{float: left; width: 100%; padding: 50px 30px 32px 80px;} .contLe .contTit h2{float: left; width: 100%; line-height: 45px; height: 45px; font-size: 30px; color: #333333;} .contLe .contTit h4{float: left; width: 100%; line-height: 36px; font-size: 16px; color: #9c9c9c;} .contLe ul{float: left; width: 100%;} .contLe ul li{float: left; width: 100%; background: #f6f6f6; padding: 35px 20px 35px 85px;} .contLe ul li:nth-child(2n){background: none;} .contLe .contBox{float: left; width: 50%; padding-left: 62px; position: relative; line-height: 28px; height: 56px; overflow: hidden;} .contLe .contBox i{position: absolute; left: 0; top: 50%; width: 42px; height: 42px; margin-top: -21px; display: block;} .contLe .contBox i img{float: left; width: 100%; display: block;} .contLe .contBox h4{float: left; width: 100%; line-height: 28px; height: 28px; font-size: 16px; color: #444;} .contLe .contBox span{float: left; width: 100%; display: block; line-height: 28px; height: 28px; font-size: 16px; color: #444;} .contLe .contBox.even{width: 100%;} .contRi{position: absolute; right: 0; top: 0; width: 30.857143%; background: #f6f6f6; padding-top: 90px; height: 100%; text-align: center;} .contRi h2{float: left; width: 100%; line-height: 60px; font-size: 30px; color: #333333; height: 60px; } .contRi .contRiBox{display:inline-block; *display:inline; *zoom:1; vertical-align: top; width: 64.583333%; margin-top: 36px;} .contRi .contRiBox img{float: left; width: 46.236559%;} .contRi .contRiBox h4{float: left; width:100%; line-height: 26px; height: 26px; font-size: 14px; color: #6d6d6d; margin-top: 22px; text-align: left;} .contRi .contRiBox span{float: left; width:100%; display: block; line-height: 30px; height: 30px; font-size: 14px; color: #a4a4a4;text-align: left;} .map{float: left; width: 100%; margin-top: 32px; overflow: hidden; position: relative; height: 556px;} .BMap_pop,.BMap_shadow,.anchorBL,.BMapLabel{display:none !important;} @media screen and (max-width:1199px){ .contLe{padding-bottom: 40px;} .contLe .contTit{padding: 40px 20px 22px 60px;} .contLe .contTit h2{line-height: 40px; height: 40px; font-size: 26px;} .contLe .contTit h4{line-height: 30px; font-size: 14px;} .contLe ul li{padding: 30px 20px 30px 65px;} } @media screen and (max-width:991px){ .contact{padding-bottom: 50px;} .contLe{padding-bottom: 30px;} .contLe .contTit{padding: 30px 20px 20px 20px;} .contLe .contTit h2{line-height: 30px; height: 30px; font-size: 22px;} .contLe .contTit h4{line-height: 20px; font-size: 12px;} .contLe ul li{padding: 20px;} .contLe .contBox{padding-left: 42px;line-height: 24px; height: 48px;} .contLe .contBox i{width: 30px; height: 30px; margin-top: -15px;} .contLe .contBox h4{line-height: 24px; height: 24px; font-size: 15px;} .contLe .contBox span{line-height: 24px; height: 24px; font-size: 14px;} .contRi {padding-top: 60px;} .contRi h2{line-height: 40px; font-size: 24px; height: 40px; } .map{height: 400px;} } @media screen and (max-width:767px){ .contTop{margin-top: 30px;} .contact{padding-bottom: 30px;} .contLe{padding-bottom: 30px; width: 100%;} .contLe .contTit{padding: 20px 15px;} .contLe .contTit h2{line-height: 30px; height: 30px; font-size: 18px;} .contLe .contTit h4{line-height: 20px; font-size: 12px;} .contLe ul li{padding: 20px 15px;} .contLe .contBox{padding-left: 35px;height: auto;} .contLe .contBox i{width: 24px; height: 24px; margin-top: -12px;} .contLe .contBox h4{ font-size: 14px;} .contLe .contBox span{height: auto; font-size: 13px;} .contRi {padding-top: 40px; padding-bottom: 30px; position: static; top: auto; right: auto; width: 100%; margin-top: 20px; float: left; } .contRi h2{line-height: 30px; font-size: 20px; height: 30px; } .contRi .contRiBox h4, .contRi .contRiBox span{text-align: center;} .map{height: 300px;} } @media screen and (max-width:369px){ .contLe .contBox{width: 100%; margin-top: 5px; padding-left: 35px;height: auto;} } .gsgs01{ line-height:200%; font-size:16px;} @media screen and (min-width: 1024px) {.gsbb{ position: absolute; right: -18px; bottom: -36px; width: 620px; height: 360px; z-index: 2; background-size: cover; }} @media screen and (max-width: 1024px) {.gsbb{ display:none; }} .gsgs03{ line-height:200%; font-size:16px;}