@charset "UTF-8"; .grid-2 > li { width: 50%; } .grid-3 > li { width: 33.3333333333%; } .grid-4 > li { width: 25%; } .grid-5 > li { width: 20%; } .grid-6 > li { width: 16.6666666667%; } .font4 { font-size: 4px; } .font6 { font-size: 6px; } .font8 { font-size: 8px; } .font10 { font-size: 10px; } .font12, .lh-nav li a, .lh-news-banner .title { font-size: 12px; } .font14 { font-size: 14px; } .font16 { font-size: 16px; } .font18 { font-size: 18px; } .font20 { font-size: 20px; } .font22 { font-size: 22px; } .font24 { font-size: 24px; } .font26 { font-size: 26px; } .font28 { font-size: 28px; } .font30 { font-size: 30px; } .font32 { font-size: 32px; } .font34 { font-size: 34px; } .font36 { font-size: 36px; } .font38 { font-size: 38px; } .font40 { font-size: 40px; } @font-face { font-family: CenturyGothicbold; src: url("../font/$family-name.woff2") format("woff2"), url("../font/$family-name.woff") format("woff"), url("../font/$family-name.ttf") format("truetype"), url("../font/$family-name.eot") format("embedded-opentype"), url("../font/$family-name.svg") format("svg"); font-weight: normal; font-style: normal; } *, :before, :after { box-sizing: border-box; } article, aside, dialog, footer, header, section, footer, nav, figure, menu, main { display: block; } 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: 100%; max-width: 100%; } ul, dl, li, dt, dd { list-style: none; } body, html { min-height: 100%; } body { font: 14px Arial, "瀹嬩綋", Helvetica, sans-serif; color: #000; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); overflow-x: hidden; min-width: 1000px; background-color: #f4f4f4; } pre, input, textarea, select { font-family: Arial, "瀹嬩綋", Helvetica, sans-serif; font-size: 14px; } textarea { resize: none; overflow: hidden; } pre { white-space: pre-wrap; word-wrap: break-word; } select::-ms-expand { display: none; } a { font-size: 14px; text-decoration: none; color: #333333; outline: none; transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.45s; } .clearfix { *zoom: 1; } .clearfix:after { content: ""; display: block; clear: both; height: 0; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; } i, em { font-style: normal; } input { outline: none; -webkit-appearance: none; border-radius: 0; } input[type="text"], input[type="password"], input[type="search"], textarea, select, input[type="date"] { outline: none; -webkit-appearance: none; border-radius: 0; display: block; width: 100%; border: none; background: none; border: 1px solid #dbdbdb; padding: 6px 12px; transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.45s; } input[type="radio"], input[type="checkbox"] { display: inline-block; width: 20px; height: 20px; position: relative; top: 2px; margin-right: 5px; cursor: pointer; } input::-webkit-input-placeholder, input:-moz-placeholder, input::-moz-placeholder, input:-ms-input-placeholder, textarea::-webkit-input-placeholder, textarea:-moz-placeholder, textarea::-moz-placeholder, textarea:-ms-input-placeholder { color: #888888; } .lh-flex, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6 { display: flex; display: -webkit-flex; flex-direction: row; -webkit-flex-direction: row; flex-wrap: wrap; -webkit-flex-wrap: wrap; } .left, .grid-2 > li, .grid-3 > li, .grid-4 > li, .grid-5 > li, .grid-6 > li, .lh-search input, .lh-nav li { float: left; } .right, .lh-search .searchbtn { float: right; } video { outline: none; /*object-fit: cover;*/ } .bold, .lh-nav li { font-weight: bold; } .center, .lh-nav li, .lh-banner-hd { text-align: center; } .uppercase { text-transform: uppercase; } .overflow, .lh-banner, .lh-news-banner, .lh-news-banner .title, .lh-news-item li em, .lh-pro-banner .title, .lh-news-ul li em { overflow: hidden; } .relative, .lh-public-banner, .lh-search, .lh-nav li a { position: relative; } .absolute, .lh-banner-hd, .lh-news-banner .title, .lh-news-hd { position: absolute; } .block, .lh-news-banner a, .lh-news-banner a .img, .lh-pro-banner a, .lh-other-nav li a { display: block; width: 100%; height: 100%; } .zindex2, .lh-news-banner .title, .lh-news-hd { z-index: 2; } .nowrap, .lh-news-banner .title, .lh-news-item li em, .lh-pro-banner .title, .lh-news-ul li em { text-overflow: ellipsis; white-space: nowrap; } .img { background-position: center; background-repeat: no-repeat; background-size: cover; } .letter2 { letter-spacing: 2px; margin-left: -2px; } .shadows { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 99; animation: shadows cubic-bezier(0.215, 0.61, 0.355, 1) 0.45s; } @keyframes shadows { 0% { opacity: 0; } 100% { opacity: 1; } } .shadows.close { animation: shadows1 cubic-bezier(0.215, 0.61, 0.355, 1) 0.45s; } @keyframes shadows1 { 0% { opacity: 1; } 100% { opacity: 0; } } .whitebg { background: #fff; } .graybg { background: #F7F7F7; } .white { color: #fff; } .lhTab .bd > div, .lhTab .bd > ul { display: none; } .container { width: 100%; min-width: 1000px; max-width: 1000px; margin: auto; position: relative; } /*娴忚鍣ㄦ粴鍔ㄦ潯*/ ::-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; } .lh-header-top { height: 92px; background: url(../img/bg1.jpg) repeat-x center; padding-top: 30px; } .lh-search { margin-top: 12px; height: 20px; } .lh-search input { width: 132px; height: 20px; line-height: 20px; padding: 0 12px; border: none; background: #e7e7e8; } .lh-search .searchbtn { width: 20px; height: 20px; background: url(../img/search.jpg) no-repeat right center; margin-left: 8px; } .lh-header-nav { height: 30px; border-bottom: 1px solid #1D2088; background: url(../img/bg2.jpg) repeat-x center bottom; } .lh-nav { background: url(../img/bg6.jpg) repeat-x center; height: 29px; overflow: hidden; } .lh-nav li { line-height: 29px; width: 12.5%; } .lh-nav li a { color: #4759a3; display: block; transition: 0s; } .lh-nav li a.on, .lh-nav li a:hover { background: url(../img/bg3.png) no-repeat center bottom; } .lh-nav li a:before { content: ''; display: block; width: 2px; height: 100%; background: url(../img/bg4.png) no-repeat center bottom; position: absolute; left: 0; top: 0; } .lh-nav li a.first-child:before { display: none; } .lh-banner { height: 350px; } .lh-banner .img { display: block; width: 100%; height: 100%; } .lh-banner-hd { left: 0; bottom: 20px !important; z-index: 2; } .lh-banner-hd li { width: 20px; height: 3px; background: #fff; opacity: 1; border-radius: 0; } .lh-banner-hd li.on { background: #1C2F7A; } .lh-news-box { width: 750px; } .mt25 { margin-top: 25px; } .lh-news-mob.mt25{margin-top:10px;} .lh-news-mob.two{height:285px;} .lh-news-mob.two ul{padding-top:6px;} .lh-news-banner { width: 370px; height: 275px; } .lh-news-quick.project .lh-news-mob:nth-child(2){margin-left:20px;} .lh-news-quick { margin-top: 17px; } .lh-news-banner .title { left: 0; bottom: 0; height: 26px; line-height: 26px; color: #fff; width: 100%; background: rgba(0, 0, 0, 0.6); padding: 0 20px; } .lh-news-banner .title span { width: 60%; display: block; } .lh-news-hd { width: 40% !important; left: initial !important; right: 5px; bottom: 7px !important; text-align: right; } .lh-news-hd li { width: 5px; height: 5px; background: #fff; color: #fff; margin: 0 4px !important; font-size: 12px; text-align: center; line-height: 20px; opacity: .7; position: relative; } .lh-news-hd li.on{opacity:1;} .lh-news-mob { width: 370px; background: #fff; height: 275px; } .lh-news-h { height: 30px; line-height: 30px; background: url(../img/bg7.jpg) repeat-x center; padding-right: 15px; overflow: hidden; } .lh-news-h .title { width: 90px; display: block; float: left; background: url(../img/bg5.jpg) repeat-x center; text-align: center; font-size: 12px; color: #4759a3; } .lh-news-h .title i { font-size: 14px; font-weight: bold; } .lh-news-h .more { font-size: 12px; color: #4759a3; } .lh-news-item li { line-height: 27px; } .lh-news-item li a { font-size: 12px; display: block; overflow: hidden; padding: 0 5px; } .lh-news-item li i { float: left; color: #4759a3; } .lh-news-item li em { display: block; float: left; width: 70%; } .lh-news-item li span { float: right; } .lh-news-item li a:hover { color: #4759a3; } .lh-quick { width: 240px; } .lh-quick-a { margin-top: 10px; display: block; } .lh-pro-banner { height: 80px; background: #fff; } .lh-pro-banner .img { position: absolute; right: 0; top: 0; height: 100%; } .lh-pro-banner .img img { height: 100%; width: auto; } .lh-pro-banner .title { position: absolute; left: 0; top: 20px; width: 60%; padding-left: 20px; color: #525252; font-size: 13px; } .lh-pro-hd { position: absolute; left: 20px !important; bottom: 14px !important; z-index: 2; width: auto !important; } .lh-pro-hd li { opacity: 1; width: 6px; height: 6px; background: #BFBFBF; margin: 0 3px !important; } .lh-pro-hd li.on { background: #3F87CF; } .lh-link { background: #fff; margin-top: 10px; padding: 10px; } .lh-link .title { font-size: 15px; color: #3f87cf; font-weight: bold; } .lh-select { margin-top: 14px; height: 30px; } .lh-select select { position: absolute; left: 0; top: 0; height: 100%; border-radius: 3px; z-index: 2; background: none; font-size: 12px; } .lh-select i { position: absolute; right: 10px; top: 0; line-height: 30px; } footer { margin-top: 30px; border-top: 4px solid #1D2088; padding: 15px 0; } .lh-footer-l { line-height: 20px; font-size: 12px; } .lh-ewm li { float: left; margin-left: 10px; background: #fff; padding: 6px; } .lh-ewm li h3 { font-size: 12px; color: #4759a3; text-align: center; margin-top: 4px; } .lh-imgLayer-banner, .lh-teamLayer-banner { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 3000; background: rgba(0, 0, 0, 0.8); animation: imgLayer cubic-bezier(0.215, 0.61, 0.355, 1) 0.65s forwards; } @keyframes imgLayer { 0% { opacity: 0; transform: scale(1.1); } 100% { opacity: 1; transform: scale(1); } } @keyframes imgLayer1 { 0% { opacity: 1; transform: scale(1); } 100% { opacity: 0; transform: scale(1.1); } } .lh-imgLayer-banner li > div { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .lh-imgLayer-banner li img, .lh-teamLayer-banner li img { width: auto; max-width: 90%; max-height: 90%; } .lh-imgLayer-banner li video { width: 80%; height: 80%; } .lh-imgLayer-close { position: absolute; right: 0; top: 0; width: 60px; height: 60px; background: rgba(0, 0, 0, 0.6); text-align: center; line-height: 60px; color: #fff; z-index: 3; font-size: 20px; } .prevn, .nextn { position: absolute; top: 50%; margin-top: -30px; width: 60px; height: 60px; text-align: center; line-height: 60px; background: rgba(0, 0, 0, 0.6); color: #fff; z-index: 3; } .prevn { left: 0; } .nextn { right: 0; } .lh-imgLayer-close:hover, .prevn:hover, .nextn:hover { background: #000; } .lh-banner.ban { height: 278px; margin-top: 10px; } .lh-pro { margin-top: 20px; background: #fff; border: 1px solid #E4E6EA; box-shadow: 0 0 7px rgba(107, 107, 107, 0.2); } .lh-crumbs { height: 37px; background: url(../img/bg8.jpg) repeat-x center bottom; line-height: 37px; padding-right: 15px; font-size: 12px; color: #7E8ABE; overflow: hidden; } .lh-crumbs .title { padding: 0 30px 0 15px; font-size: 14px; font-weight: bold; background: url(../img/bg9.jpg) repeat-x center top; } .lh-crumbs .title i { float: left; } .lh-crumbs a { font-size: 12px; color: #4759a3; } .lh-crumbs span { margin: 0 5px; } .lh-pro-item li { border-top: 1px solid #E5E5E5; border-left: 1px solid #E5E5E5; padding: 60px 40px; position: relative; } .lh-pro-item li .img { height: 280px; float: right; } .lh-pro-item li .img img { height: 100%; width: auto; } .lh-pro-item li dl { position: absolute; left: 40px; top: 60px; } .lh-pro-item li dl dt { font-size: 20px; font-weight: bold; color: #525252; margin-bottom: 30px; } .lh-pro-item li dl dd { line-height: 35px; border-bottom: 1px solid #BFBFBF; } .lh-pro-item li dl dd a { color: #747474; font-size: 12px; } .lh-pro-item li dl dd a.on,.lh-pro-item li dl dd a:hover { color: #4759a3; } .lh-proDetail-img { width: 570px; } .lh-proDetail-text { width: 305px; } .lh-proDetail-a { padding: 80px 40px; } .lh-proDetail-img ul li { padding: 0; border: none; } .lh-proDetail-img ul li dl { top: 0; } .lh-proDetail-text .title { font-size: 13px; font-weight: bold; color: #3e64bb; } .lh-proDetail-text .ccont { line-height: 24px; color: #747474; margin-top: 10px; } .lh-proDetail-b { border-top: 1px solid #E5E5E5; padding: 0 40px 40px; } .lh-proDetail-b li { overflow: hidden; margin-top: 40px; } .lh-proDetail-b li .icon { float: left; } .lh-proDetail-b li .text { width: 80%; padding-left: 10px; float: left; } .lh-proDetail-b li .title { color: #50C8DC; font-size: 16px; font-weight: bold; margin: 10px 0; } .lh-proDetail-b li .cont { line-height: 24px; color: #999; font-size: 12px;color:#50C8DC; } .lh-proDetail-b li .cont p { position: relative; padding-left: 20px; } .lh-proDetail-b li .cont p:before { content: ''; display: block; width: 8px; height: 8px; background: #50C8DC; position: absolute; left: 0; top: 8px; transform: rotate(45deg); } /*.lh-proDetail-b li:nth-child(3) .title { color: #34929C; } .lh-proDetail-b li:nth-child(3) .cont p:before { background: #34929C; } .lh-proDetail-b li:nth-child(4) .title { color: #1C636E; } .lh-proDetail-b li:nth-child(4) .cont p:before { background: #1C636E; }*/ .lh-other-l { width: 210px; background: #e8e8e8; height: 100%; background: #e8e8e8; position: absolute; left: 0; top: 0px; min-height: 400px; } .lh-other-l .title { height: 128px; background: url(../img/icon1.jpg) no-repeat center; background-size: cover; line-height: 128px; color: #fff; text-align: center; margin-bottom: 5px; } .lh-other { margin-top: 20px; } .lh-other-nav li { line-height: 50px; height: 50px; } .lh-other-nav li a { border-bottom: 1px solid #C5CCD3; color: #4759a3; font-size: 12px; text-align: center; } .lh-other-nav li a.on, .lh-other-nav li a:hover { background: #3F87CF; color: #fff; } .lh-other-r { margin-top: 0; width: 775px; min-height:500px;} .lh-course { padding: 35px; } .lh-course-ccont { line-height: 28px; color: #5d5d5d; } .lh-course-item { margin-top: 30px; border-top: 1px solid #DCDCDC; padding-top: 28px; } .lh-course-item li { position: relative; margin-bottom: 20px; color: #5d5d5d; } .lh-course-item li dl:before { content: ''; display: block; width: 1px; height: 100%; background: #6F8AA3; position: absolute; left: 21px; } .lh-course-item li .time { width: 43px; height: 43px; border-radius: 50%; background: #0A62B7; color: #fff; text-align: center; font-size: 12px; padding-top: 10px; position: relative; z-index: 2; } .lh-course-item li .time h3 { height: 12px; } .lh-course-item li .time i { font-size: 12px; } .lh-course-item li dl { font-size: 12px; line-height: 24px; padding-left: 48px; position: relative; } .lh-course-item li dl dt { position: relative; } .lh-course-item li dl dt:before { content: ''; display: block; width: 24px; height: 24px; background: #0A62B7; border: 8px solid #fff; position: absolute; left: -39px; top: 0px; border-radius: 50%; } .lh-ones { padding: 60px; color: #4d4d4d; line-height: 30px; } .lh-ones img { display: inline-block; width: auto; height: auto !important; } .lh-contact { padding: 15px 40px 40px; } .lh-contact dl { border-top: 1px solid #E5E5E5; padding: 25px 0; } .lh-contact dl:first-child { border: none; } .lh-contact dl dt { font-weight: bold; } .lh-contact dl dd { overflow: hidden; margin-top: 15px; } .lh-contact dl dd p { float: left; width: 230px; margin-left: 20px; line-height: 19px; overflow: hidden; } .lh-contact dl dd p:first-child { margin-left: 0; } .lh-contact dl dd p img { float: left; margin-right: 12px; width: 19px; } .lh-leadership { padding: 14px 28px 28px; } .lh-leadership li { min-height: 170px; background: #F2F2F2; margin-top: 16px; padding: 33px; } .lh-leadership li .name { font-size: 16px; line-height: 30px; } .lh-leadership li .position { line-height: 30px; color: #767676; } .lh-ones.culture { padding: 30px; } .lh-news { padding: 35px; } .lh-news-ul li { line-height: 60px; border-bottom: 1px solid #DCDCDC; } .lh-news-ul li a { display: block; overflow: hidden; color: #5d5d5d; position: relative; padding-left: 15px; } .lh-news-ul li a b{color:red;} .lh-news-ul li em { display: block; float: left; width: 80%; } .lh-news-ul li a:before { content: ''; display: block; width: 2px; height: 7px; background: #313131; position: absolute; left: 0; top: 50%; margin-top: -3px; } .lh-news-ul li span { float: right; } .lh-news-ul li a:hover { color: #4759a3; } .lh-page { text-align: center; margin-top: 30px; } .lh-page a { display: inline-block; height: 24px; line-height: 24px; padding: 0 8px; border: 1px solid #ddd; margin: 0 4px; font-size: 12px; } .lh-page a.on, .lh-page a:hover { background: #999; color: #fff; border-color: #999; } .lh-img-item li a { display: block; overflow: hidden; padding: 20px 0; width: 100%; position: relative; border-bottom: 1px solid #DCDCDC; } .lh-img-item li a:hover .name { color: #4759a3; transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.45s; } .lh-img-item li .img { float: left; width: 205px; } .lh-img-item li .text { width: 50%; margin-left: 35px; padding-top: 25px; float: left; color: #5d5d5d; } .lh-img-item li .text .name { height: 14px; line-height: 14px; } .lh-img-item li .text .ccont { margin-top: 20px; line-height: 24px; font-size: 13px; color: #8f8f8f; height: 48px; overflow: hidden; } .lh-img-item li .time { width: 62px; height: 62px; border-radius: 4px; background: #E5E5E5; position: absolute; right: 0; top: 50%; margin-top: -31px; text-align: center; overflow: hidden; } .lh-img-item li .time .day { font-size: 18px; color: #5d5d5d; height: 35px; line-height: 35px; } .lh-img-item li .time .date { height: 27px; line-height: 27px; color: #fff; background: #3F87CF; font-size: 12px; } .lh-banner.news { height: 175px; margin-top: 10px; } .lh-news-quick.project .lh-news-mob { width: 320px; height: auto; } .lh-news-quick.project .lh-news-item { padding: 20px 15px; } .lh-news-quick.project .lh-news-item li em { width: 80%; } .lh-news-mob.media { margin-left: 20px; } .lh-message { padding: 30px 25px 120px; } .lh-message-item { border: 1px solid #DDD; border-top: 0; position: relative; height: 50px; line-height: 50px; overflow:hidden;} .lh-message-item:first-child { border-top: 1px solid #DDD; } .lh-message-item dt { width: 105px; background:#f5f5f5; float: left; text-align: center; font-weight:bold; } .lh-message-item dd { width: 84%; border-left: 1px solid #ddd; float: left; } input[type="radio"] { -webkit-appearance: checkbox; width: 14px; height: 14px; } .lh-message-item dd label { margin-left: 14px; } .lh-message-item dd > input{height:50px; line-height:50px; width:100%; border:none; padding:0 10px;} .lh-message-item.textarea { height: 115px; } .lh-message-item.textarea dt {height: 115px; } .lh-message-item.textarea dd { height: 115px; } .lh-message-item.textarea dd textarea { height: 115px; border:none; padding:18px 10px; } .lh-message-btn { margin-top: 30px; text-align: center; } .lh-message-btn a { display: inline-block; width: 190px; line-height: 35px; border-radius: 3px; margin: 0 15px; } .lh-message-btn a.submit { background: #337ab7; border: 1px solid #337ab7; color: #fff; } .lh-message-btn a.cancel { border: 1px solid #CCC; } .lh-message-btn a.cancel:hover { background: #CCC; } .lh-message-btn a.submit:hover { background: #1F6CB4; } .lh-active-banner{margin-left:-20px;} .lh-active-item li{padding-left:20px; width:25%; float:left;} .lh-active-item li h2{height:30px; line-height:30px; text-align:center; padding:0 10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .lh-active-item li .img{overflow:hidden;transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.45s; height:147px; background-position:center; background-repeat:no-repeat; background-size:cover;} .lh-active-item li a{display:block; overflow:hidden; background:#fff;} .lh-active-item li a:hover .img{transform:scale(1.1);} .lh-active-item li a:hover{color:#4759a3;} /*# sourceMappingURL=plugs.css.map */