.layui-tab-card { border-radius: 0; box-shadow: none; border: 0; } .layui-tab { margin-top: 20px } .layui-tab-title { border-bottom-width: 0 } .layui-tab-title li { font-size: 16px; padding: 0 46px; } .layui-tab-card>.layui-tab-title .layui-this { color: #fff; position: relative; z-index: 1 } .layui-tab-card>.layui-tab-title .layui-this:after { width: 0; height: 0; border-radius: 0; content: ''; position: absolute; z-index: 2; left: 50%; margin-left: -8px; top: 40px; border-width: 8px; border-style: solid } #nav .layui-nav-item { margin: 0 12px; line-height: 50px } #nav .layui-nav-item>a { color: rgba(65,67,85,1) !important; font-size: 15px } .ly-header.active #nav .layui-nav-item>a { color: rgba(51,51,51,1) !important } .ly-header.active .layui-nav .layui-nav-item>a:hover { color: #264298 } .ly-header #nav .layui-nav-item { float: left } .layui-nav-tree { width: 220px } .layui-nav-tree .layui-nav-itemed:after { background-color: #999 } #nav .layui-nav-child { font-size: 15px; border: 0; top: 80px; background: rgba(255,255,255,1); box-shadow: #1b92ea } #nav .layui-nav-more { display: none } #nav .layui-nav-child a { color: #444 } .layui-nav-tree .layui-nav-item>a { color: #555 } .layui-nav-tree .layui-nav-item>a:hover { background: #efeeee; color: #444 } .layui-nav-tree .layui-nav-item { border-bottom: 1px solid #efeeee } .layui-nav-tree>.layui-this, .layui-nav-tree>.layui-this>a, .layui-nav-tree>.layui-this>a:hover,.layui-nav-item.layui-nav-itemed { background-color: #efeeee } .layui-layer-content { margin: auto } .layui-nav-tree .layui-nav-child dd { background: #fff } .layui-nav-tree .layui-nav-child dd a { color: #999 } .layui-nav-tree .layui-nav-child dd a:hover { color: #333 } .layui-nav-tree .layui-nav-child dd.layui-this,.layui-nav-tree .layui-nav-child dd.layui-this>a { background: #fff; color: #1b92ea } .layui-breadcrumb a cite { color: #555 } .ly-print { margin: 5px 5px 0 0 } .ly-print:hover { border-color: #1b92ea; color: #1b92ea } @font-face { font-family: 'iconfont'; /* project id 1169755 */ src: url('./font_1169755_15t1jy3nx9u.eot'); src: url('./font_1169755_15t1jy3nx9u.eot?#iefix') format('embedded-opentype'), url('./font_1169755_15t1jy3nx9u.woff2') format('woff2'), url('./font_1169755_15t1jy3nx9u.woff') format('woff'), url('./font_1169755_15t1jy3nx9u.ttf') format('truetype'), url('./font_1169755_15t1jy3nx9u.svg#iconfont') format('svg'); } @font-face { font-family: 'HELVETICANEUELTPRO-THEX'; src: url('./HELVETICANEUELTPRO-THEX.OTF'); font-weight: normal; font-style: normal; } .iconfont { font-family: 'iconfont'; font-style: normal; display: inline-block; vertical-align: top; *display: inline; zoom: 1; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } .ly-header { width: 100%; height: auto; z-index: 10; top: 0; background: rgba(255,255,255,.3) } .ly-header { position: fixed } .ly-header { background: #fff\9 } /*ie8*/ .ly-header.normal { position: relative } .ly-header .ly-main { padding: 15px 0 } .ly-header .logo { width: 92% } .ly-header:hover { background: rgba(255,255,255,1); transition: all 2s } #nav { margin-left: 88px } .ly-header.active { background: rgba(255,255,255,1); box-shadow: 0 0 4px #ececec; transition: background 1s; -moz-transition: background 1s; -webkit-transition: background 1s; -o-transition: background 1s; } .ly-header.active ul li a { color: #555 } .ly-header.active ul li.on a { color: #ed5900 } .ly-header.active ul li.on:after { background: #ed5900 } .ly-header.active input { background: #f3f3f3 } .ly-head-nav { margin-left: 40px } .ly-head-nav li { float: left; padding: 0 13px; font-size: 15px; margin-top: 8px } .ly-head-nav li a { color: #433b7d } .ly-head-nav li.on a { position: relative; z-index: 1 } .ly-head-nav li.on a:after { position: absolute; z-index: 2; width: 100%; height: 4px; content: ''; top: 30px; left: 0 } .ly-head-search { position: relative; z-index: 1 } .ly-head-search input { border-radius: 4px; border: 0 } .ly-head-search input { background:#f3f3f3\9; border-radius: 4px; border: 0 } .ly-head-search i { width: 38px; height: 38px; position: absolute; z-index: 2; right: 0; top: 0; border-radius: 0 4px 4px 0; color: #fff; line-height: 38px; text-align: center; font-size: 20px; background: url("./fontsearch.jpg") no-repeat 90% 90%\9; } #newsIndex a:hover { cursor: pointer } .ly-content { background: #fff; margin-top: -90px; position: relative; z-index: 2; color: #666 } .ly-content.m { margin-top: 0; z-index: 1 } .ly-content h2,.ly-content strong { color: #333 } .ly-content.page { margin-top: 0 } .ly-content.bg1 { background: url("./se-banner-img3.jpg") no-repeat top left; background-size: 100% auto } .ly-content .ly-nav { height: 152px; margin-top: -60px } .ly-content .ly-nav .layui-col-md8 { width: 70%; height: 100%; display: flex } .ly-content .ly-nav .layui-col-md4 { width: 30%; height: 100% } .ly-content .ly-nav .layui-col-md8 { overflow: hidden } .ly-content .ly-nav .layui-col-md8 li { flex: 1; text-align: center; padding-top: 15px; position: relative; z-index: 1; font-weight: lighter; cursor: pointer } .ly-content .ly-nav .layui-col-md8 li div { width: 100%; height: 100%; position: absolute; left: 0 } .ly-content .ly-nav .layui-col-md8 li div img { width: 100%; height: 100% } .ly-content .ly-nav .layui-col-md8 li div:first-child { z-index: 2; top: -152px } .ly-content .ly-nav .layui-col-md8 li div:last-child { z-index: 3; top: 0 } .ly-content .ly-nav .layui-col-md8 .one div:last-child { background: #ee9b51 } .ly-content .ly-nav .layui-col-md8 .two div:last-child { background: #f2c14d } .ly-content .ly-nav .layui-col-md8 .three div:last-child { background: #eae44e } .ly-content .ly-nav .layui-col-md8 .four div:last-child { background: #abe270 } .ly-content .ly-nav .layui-col-md8 .five div:last-child { background: #43cf95 } .ly-content .ly-nav .layui-col-md8 .six div:last-child { background: #1ad5e1 } .ly-content .ly-nav .layui-col-md8 .seven div:last-child { background: #1b92ea } .ly-content .ly-nav .layui-col-md8 li i { font-size: 47px; color: #fff; margin: 20px 0 15px 0 } .ly-content .ly-nav .layui-col-md8 li p { position: absolute; z-index: 2; bottom: 25px; left: 50%; margin-left: -34px; font-weight: bold; font-size: 17px; color: #fff; opacity: .8 } .ly-content .ly-nav .layui-col-md8 .one i { font-size: 45px } .ly-content .ly-nav .layui-col-md8 .two i { margin-top: 17px; font-size: 50px } .ly-content .ly-nav .layui-col-md8 .three i { font-size: 43px; margin-top: 22px } .ly-content .ly-nav .layui-col-md8 .four i { font-size: 50px } .ly-content .ly-nav .layui-col-md8 .five i { font-size: 46px; margin-top: 23px } .ly-content .ly-nav .layui-col-md8 .six i { font-size: 52px; margin-top: 22px } .ly-content .ly-nav .layui-col-md8 .seven i { font-size: 43px; margin-top: 23px } .ly-content .ly-nav .kx { padding: 20px 10px 0 25px; color: #fff } .ly-content .ly-nav .kx a { color: #fff } .ly-content .ly-nav .kx a:hover { text-decoration: underline } .ly-content .ly-nav .kx>div img { float: left; height: 22px; margin: 4px 6px 0 0 } .ly-content .ly-nav .kx>div { width: 200px; font-size: 16px; line-height: 30px; float: left } .ly-content .ly-nav .kx>img { width: 100px; margin-left: 10px; float: left } .ly-content .ly-nav .kx>a { float: left; opacity: .8; color: #fff; margin-top: 9px; font-size: 13px; line-height: 20px } .ly-content .ly-nav .kx>a:hover { opacity: 1; text-decoration: none } .ly-content .ly-news { padding: 50px 0 } .ly-content .ly-news .head { width: 44%; margin-left: 28% } .ly-content .ly-news .layui-tab { width: 1050px; margin: 40px 20px 0 20px } .ly-content .ly-news .layui-tab .layui-tab-title { width: 700px; margin-left: 200px; border-width: 0; margin-bottom: 20px; position: relative; z-index: 1 } .ly-content .ly-news .layui-tab .layui-tab-title li { font-size: 18px; color: #333; cursor: pointer } .ly-content .ly-news .layui-tab .layui-tab-title i { display: inline-block; width: 1px; height: 20px; background: #fff; border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; position: absolute; z-index: 2; top: 10px; right: 110px } .ly-content .ly-news .layui-tab .layui-tab-title li:last-child { margin-left: 40px; padding-left: 30px; color: #213e91 } .ly-content .ly-news .layui-tab.layui-tab-brief>.layui-tab-title .layui-this { color: #ed5900 } .ly-content .ly-news .layui-tab.layui-tab-brief>.layui-tab-title .layui-this:after { border-width: 0 } .ly-content .ly-news .layui-tab.layui-tab-brief>.layui-tab-content { height: 300px; overflow: hidden } .ly-content .ly-news .ly-s-banner { width: 540px; position: absolute; z-index: 2; top: 0; left: 70px } .ly-content .ly-news .ly-s-banner img { width: 100% } .ly-content .ly-news dl { width: 370px } .ly-content .ly-news dl dt { height: 90px } .ly-content .ly-news dl dt,.ly-content .ly-news dl dd { width: 100%; line-height: 24px; float: left } .ly-content .ly-news dl dt img { width: 120px; height: 90px; margin-right: 20px } .ly-content .ly-news dl dd { border-bottom: 1px dashed #ddd; padding: 15px 0; overflow: hidden } .ly-content .ly-news dl dd i { width: 0; height: 0; border-top: 5px solid transparent; border-left: 6px solid #cdcdcd; border-bottom: 5px solid transparent; float: left; margin: 7px 5px 0 0 } .ly-content .ly-news dl dd span { display: inline-block } .ly-content .ly-news .video,.ly-content .ly-news .video img { width: 500px } .ly-content .ly-news .video img { margin-left: 300px } .ly-friend { padding: 25px 20px; border-radius: 6px; margin: 10px auto } .ly-friend b { float: left; } .ly-friend span { margin-left: 30px } .ly-footer-bg img { width: 100%; position: fixed; z-index: -1; bottom: 0; left: 0 } .ly-footer { line-height: 24px; color: #c4c4c4; font-size: 13px; padding: 16px 0; z-index: 2 } .ly-footer.footer2 { padding: 10px 0; color: #999999 } .ly-footer.footer2 span { display: inline-block; margin: 0 10px } .ly-footer a { color: #d0d0d0 } .ly-footer a:hover { color: #fff; cursor: pointer } .ly-footer .ly-f14 { color: #8a8c98; } .ly-footer .erweimaBox { float: right; text-align: center } .ly-footer .erweima { padding: 6px; background: #fff; border-radius: 6px } .ly-footer .erweima img { width: 90px } .ly-footer .footer-img { width: 140px; margin-top: 6px } .ly-footer dl { margin-right: 60px; line-height: 30px } .ly-footer dl:last-child { margin-right: 0 } .ly-footer dl dt { position: relative; z-index: 1; margin-bottom: 20px } .ly-footer dl dt a { color: #dfdfdf } .ly-footer dl dt:after { width: 30px; height: 1px; background: #c1c3c7; content: ''; position: absolute; z-index: 2; left: 0; top: 35px } .ly-footer.bottom span { margin: 0 15px } .ly-footer dl dd a { width: 100px; display: inline-block } .ly-footer dl dd i { width: 20px ; display: inline-block } #wrapper { width: 655px; height: 400px; position:relative; color:#fff; text-shadow:rgba(0,0,0,0.1) 2px 2px 0 } #slider-wrap { width: 655px; height: 100%; position:relative; overflow:hidden } #slider-wrap ul#slider { width:100%; height:100%; position:absolute; top:0; left:0 } #slider-wrap ul#slider li { float:left; position:relative; width: 655px; height:100%} #slider-wrap ul#slider li > div { width: 100%; height: 40px; line-height: 40px; padding-left: 20px; position: absolute; bottom:0; left: 0; background: rgba(0,0,0,.7) } #slider-wrap ul#slider li > div span { font-family: Neucha, Arial, sans serif; font-size: 14px } #slider-wrap ul#slider li i { text-align:center; line-height:300px; display:block; width:100%; font-size:90px } /*btns*/ #slider-wrap .btns { position:absolute; width:50px; height:60px; top:50%; margin-top:-25px; line-height:57px; text-align:center; cursor:pointer; background:rgba(0,0,0,0.1); z-index:100; -webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; -ms-user-select: none; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; -ms-transition: all 0.1s ease; transition: all 0.1s ease; } #slider-wrap .btns:hover { background:rgba(0,0,0,0.3) } #slider-wrap #next { right:-50px; border-radius:7px 0 0 7px;} #slider-wrap #previous { left:-50px; border-radius:0 7px 7px 7px;} #slider-wrap #counter { bottom: 10px; right: 20px; width:auto; position:absolute } #slider-wrap.active #next { right:0 } #slider-wrap.active #previous { left:0 } /*bar*/ #slider-wrap #pagination-wrap { min-width:20px; margin-top:20px; margin-left: auto; margin-right: auto; height:15px; position:relative; text-align:center } #slider-wrap #pagination-wrap ul { width:100% } #slider-wrap #pagination-wrap ul li { margin: 0 4px; display: inline-block; width:5px; height:5px; border-radius:50%; background:#fff; opacity:0.5; position:relative; top:0 } #slider-wrap #pagination-wrap ul li.active { width:12px; height:12px; top:3px; opacity:1; box-shadow:rgba(0,0,0,0.1) 1px 1px 0 } /*ANIMATION*/ #slider-wrap ul, #pagination-wrap ul li{ -webkit-transition: all 0.3s cubic-bezier(1,.01,.32,1); -moz-transition: all 0.3s cubic-bezier(1,.01,.32,1); -o-transition: all 0.3s cubic-bezier(1,.01,.32,1); -ms-transition: all 0.3s cubic-bezier(1,.01,.32,1); transition: all 0.3s cubic-bezier(1,.01,.32,1); } .ly-content-head { font-size: 20px; color: #333; line-height: 48px; border-bottom: 1px solid #ececec; position: relative; z-index: 1 } .ly-content-head.s { font-weight: bold; border-bottom: 0 } .ly-content-head b { position: relative; z-index: 1 } .ly-content-head b:after { width: 100%; height: 3px; background: #636363; content: ''; position: absolute; z-index: 2; left: 0; top: 36px } .ly-news2 { margin-top: 15px } /*.ly-news2 .layui-tab-title li { font-size: 16px; color: #666; padding: 0; margin: 0 49px 0 0 }*/ /*.ly-news2 .layui-tab-title li:last-child { margin-right: 0 }*/ .ly-news2 .layui-tab-brief>.layui-tab-title .layui-this { color: #333; font-weight: bold } .ly-news2 .layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after { border-bottom: 2px solid #d9531f !important; } .ly-news2 .layui-tab-content dd { font-size: 14px; padding: 6px 20px 6px 5px; line-height: 24px } .ly-news2 .layui-tab-content dd.top { margin-bottom: 10px } .ly-news2 .layui-tab-content dd a:hover { color: #264298 } .ly-news-date p { background: #ececec; border-radius: 4px; text-align: center; margin-right: 15px; color: #999 } .ly-news-date p:first-child { font-size: 36px; line-height: 50px; margin-bottom: 2px; color: #333 } .ly-news-date>img { width: 100%; height: 100% } .ly-main-work .item dl { padding: 20px; border: 1px solid #ececec; background: #fff } .ly-main-work .item dl dt span { font-size: 18px; line-height: 50px; color: #323232; font-weight: normal; position: relative; z-index: 1 } .ly-main-work .item dl dt span:after { width: 20%; height: 1px; background: #323232; content: ''; position: absolute; z-index: 2; left: 0; top: 30px } .ly-main-work .item dl dt p { color: #c1c1c1; font-weight: normal } .ly-main-work .item dl dt i { margin-left: 20px; font-size: 24px; margin-right: 10px } .ly-main-work .item dl dd { overflow: hidden; color: #848484; line-height: 24px; padding: 15px 0; font-size: 13px } .ly-main-work .item:first-child dl dt i { font-size: 30px } .ly-main-work .item:hover dl { box-shadow: 0 0 30px #ddd } .ly-main-work .item>a { width: 100%; height: 240px; background: #000; display: block; overflow: hidden } .ly-main-work .item>a img { width: 100%; transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; opacity: .7 } .ly-main-work .item:hover>a img { width: 101%; transform: scale(1.1); opacity: 1 } .ly-main-work .item:hover dl dt span { font-weight: bold } .ly-main-work .item:hover dl dt span a:hover { cursor: pointer } .ly-main-work .item:hover dl dt span:after { transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; width: 100% } /*手机端*/ .ly-main-work .item.m>a { height: 150px; border-radius: 10px 10px 0 0 } .ly-main-work .item.m dl { padding: 10px 20px 0; border-radius: 0 0 10px 10px } .ly-main-work .item.m { padding: 15px } .ly-main-work .item.m .img { height: 150px; border-radius: 10px; background-size: cover; background-position: center center; position: relative; z-index: 1 } .ly-main-work .item.m .img:after { width: 100%; height: 100%; border-radius: 10px; background: rgba(0,0,0,.5); content: ''; position: absolute; z-index: 2; top: 0; left: 0 } .ly-main-work .item.m .title { font-weight: bold } .ly-main.page { background: #fff; margin-top: 240px } /*更多*/ .ly-more p { display: inline-block; vertical-align: middle } .ly-more p~a:before { bottom: 15px } .ly-more a { float: right } .ly-more a { font-size: 16px; color: #999; font-weight: normal; position: relative; z-index: 1 } .ly-more a:hover { color: #323232 } .ly-more a:before { content: ''; position: absolute; width: 0; height: 9px; background: #7bbcff; bottom: 3px; left: 0; transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; opacity: 1; z-index: -1 } .ly-more.h a:before { bottom: 15px } .ly-more a:hover:before { width: 100% } .ly-page-head { width: 200px; color: #fff; padding: 30px 0 20px 20px; line-height: 30px; font-size: 18px } .ly-page-head p { text-transform: uppercase; font-size: 14px; font-family: HELVETICANEUELTPRO-THEX } .ly-page-main-work-head { line-height: 30px; font-size: 18px; position: relative; z-index: 1; padding-left: 20px } .ly-page-main-work-head:before { position: absolute; z-index: 2; width: 6px; height: 18px; content: ''; left: 0; top: 5px } .ly-bread { position: absolute; z-index: 2; right: 0; top: 0 } /*浮动窗*/ .ly-floatImg { width: 180px; height: 70px; position: fixed; z-index: 2; right: 0; top: 70% } .ly-floatImg img { width: 100%; height: 100% } .ly-floatImg i { position: fixed; z-index: 3; right: 10px; top: 67%; font-size: 24px; opacity: .8; cursor: pointer } /*首页 子公司部分*/ #subsidiary { width: 700px; height: 320px; overflow: hidden; margin: 10px 0 } #subsidiary li { float: left; width: 38px; height: 100%; background: no-repeat left center; position: relative; color: #fff; line-height: 1.2; cursor: pointer; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; background-size: auto 100%; } #subsidiary li a { color: #fff; display: block; font-size: 12px; position: absolute; top: 20px; left: 13px; width: 12px; z-index: 2 } #subsidiary li a::before { content: ""; display: block; width: 4px; height: 4px; background: #fff; position: absolute; top: -10px; left: 3px } #subsidiary li.active a { left: 30px } #subsidiary li::after { content: ""; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(110, 110, 110, 0.85) } #subsidiary li.active { width: 430px } #subsidiary li.active::after { background: rgba(0, 0, 0, 0) url('./blue.png') no-repeat left top; background-size: auto 100% } /*page*/ .ly-page-nav { display: flex; width: 70%; margin: auto } .ly-page-nav p { flex: 1; margin: 20px 10px; text-align: center } .ly-page-nav p a { line-height: 30px; font-size: 15px } .ly-page-nav p.on { background: #b1bbda; position: relative; z-index: 1 } .ly-page-nav p.on:after { width: 0; height: 0; border-radius: 0; background: #b1bbda; content: ''; position: absolute; z-index: 2; left: 50%; margin-left: -8px; top: 30px; border-width: 8px; border-style: solid; border-color: #b1bbda #ffffff #ffffff #ffffff; } .ly-page-nav p.on a { color: #fff } .ly-page-content { padding: 20px 30px; line-height: 30px } .ly-page-content p { color: #555; text-indent: 2rem; font-size: 15px } .ly-page-content>img { width: 80%; margin: 10px 10% } /*list*/ .ly-page-banner img { width: 100% } .ly-m-page-banner { width: 100%; height: 150px; margin-top: 44px; background-size: cover; background-position: center center } .no-more { color: #999; padding: 20px 0 } #newscontent { padding: 20px } #newscontent p { line-height: 32px; text-indent: 2rem; text-align: justify } #newscontent p img { margin-left: -30px } #newscontent { padding: 30px 0 } #newscontent p>strong,.ly-content-value p>strong { font-size: 18px; line-height: 50px } .ly-list { padding: 0 20px } .ly-list .ly-item { border-bottom: 1px dashed #ececec } .ly-list .ly-item>div { display: inline-block; vertical-align: middle; line-height: 24px; padding: 10px 0 } .ly-list .ly-item .img { height: 180px; margin-bottom: 15px; border-radius: 8px; background-size: cover; background-position: center center } .ly-list .ly-item .ly-text { margin-top: -8px; padding-left: 15px } .ly-list .ly-item .ly-text .content { color: #999; height: 44px; overflow: hidden } .ly-list .ly-item .ly-text h3 { line-height: 28px; margin: 18px 0 10px 0; font-weight: normal } .ly-list .ly-item .ly-text.m h3 { margin-top: 8px } .ly-list .ly-item .ly-text p { line-height: 24px; color: #999; margin-bottom: 10px } .ly-list .ly-item .ly-text p span { display: inline-block; vertical-align: middle; margin-right: 8px } .ly-left-contact { width: 218px; border: 1px dashed #ececec } .ly-left-contact dt { padding: 15px 20px; border-bottom: 1px dashed #ececec } .ly-left-contact dd p { padding: 10px 15px } .ly-left-contact dd { margin-top: 10px; line-height: 24px; color: #929292; font-family: HELVETICANEUELTPRO-THEX } .ly-left-contact dd i { font-size: 17px; margin-right: 10px } .ly-left-contact dd p:first-child { font-size: 13px } .ly-left-contact dd p:last-child { background: #ececec; color: #555; margin-top: 10px; padding: 15px 10px } .ly-left-contact dd p:last-child i { font-size: 21px } .ly-child-company-name { color: #333; font-size: 24px; font-weight: bold; margin: 30px auto 10px auto } .ly-child-company-name.m { font-size: 18px } .ly-child-photos .img { width: 200px; height: 130px; float: left; margin: 0 20px 50px 0; overflow: hidden } .ly-child-photos .img img { width: 100%; height: 100%; cursor: pointer } .ly-child-photos.m .img { width: 112px; height: 70px; float: left; margin: 10px 5px 0 5px; overflow: hidden } .ly-child-photos .img img { width: 100%; height: 100%; cursor: pointer } .ly-child-nav { position: fixed; z-index: 2; right: 15px; bottom: 350px } .ly-child-nav dl { position: relative; z-index: 2 } .ly-child-nav dl:before { position: absolute; z-index: 3; width: 6px; height: 6px; border-radius: 10px; background: #fff; border: 2px solid #ddd; content: ''; top: -12px; left: -1px } .ly-child-nav dl:after { position: absolute; z-index: 3; width: 6px; height: 6px; border-radius: 10px; background: #fff; border: 2px solid #ddd; content: ''; bottom: -14px; left: -1px } .ly-child-nav dd { color: #898989; line-height: 30px; position: relative; z-index: 2; padding-left: 20px; cursor: pointer } .ly-child-nav dd:before { position: absolute; z-index: 3; width: 2px; height: 30px; content: ''; background: #ddd; left: 3px; top: 0 } .ly-child-nav dd i { width: 6px; height: 6px; background: #ddd; position: absolute; z-index: 3; border: 1px solid #fff; border-radius: 10px; display: block; left: 0; top: 12px } .ly-child-nav dd.on { color: #32abe4 } .ly-child-nav dl .ly-child-nav-bar { position: absolute; z-index: 4; width: 28px; height: 12px; top: 8px; left: -5px } .ly-child-nav dl .ly-child-nav-bar i { width: 16px; height: 12px; background: #32abe4; display: inline-block } .ly-child-nav dl .ly-child-nav-bar b { width: 0; height: 0; border: 6px solid; border-right-color: transparent; border-top-color: transparent; border-left-color: #32abe4; border-bottom-color: transparent; display: inline-block } .ly-content-main { padding: 40px; padding-bottom: 0 } .ly-content-main h2 { font-size: 1.625rem } .ly-content-info p { display: inline-block; vertical-align: middle; margin: 15px; color: #999 } .ly-content-info .ly-content-font-size span { margin: 0 5px; cursor: pointer } .ly-content-info .ly-content-font-size span:hover { color: #333 } .ly-content-value p { width: 100%; margin: 0 10px; font-size: 16px; color: #666; line-height: 32px; text-indent: 2rem; display: table; text-align: justify } .ly-content-value p strong { color: #333; line-height: 40px } .ly-content-value p.tr { text-align: right !important; } .ly-content-value p.tl { text-indent: 0 !important } .ly-content-value h3 { margin: 20px; font-weight: bold } .ly-content-value img { width: 70%; height: auto; margin: 10px auto; display: table-cell } .ly-content-footer a { margin: 0 0 0 10px; border-right: 1px solid #ece4e4; padding-right: 10px; cursor: pointer } .ly-content-footer a:last-child { border-right: 0 } .ly-to-top { padding: 0 12px; cursor: pointer; line-height: 50px; text-align: center; color: #fff; border-radius: 6px; position: fixed; z-index: 2; right: 100px; bottom: 100px } .ly-to-top i { font-size: 30px } .ly-to-top.m { right: 15px; font-size: .75rem; padding: 5px 7px; line-height: 24px } .ly-to-top.m i { font-size: 16px } .xha-leader.leader { text-align: center; overflow: hidden } .xha-leader.leader dl { padding: 10px 20px; margin: 20px } .xha-leader dl dt { font-size: 20px } .xha-leader dl dd { line-height: 30px } .xha-leader.leader dl,.xha-leader.leader dl dt { color: #fff } .xha-leader.leader dl dt { font-size: 22px } .xha-leader.cont dl { background: #eaf6ff; color: #888; text-align: center; padding: 40px 20px } .xha-leader.cont dl dt { line-height: 36px; color: #333; position: relative } .xha-leader.cont dl dd { color: #788893 } /*组织架构*/ .ly-organize { color: #777; margin-top: 50px } .ly-organize .relative { position: relative; z-index: 1 } .ly-organize .absolute { position: absolute; z-index: 2 } .ly-organize .item { color: #fff; padding: 10px 20px; border-radius: 6px; display: inline-block; position: relative; z-index: 1 } .ly-organize .item:after { width: 0; border-left: 2px dashed #ddd; content: ''; position: absolute; z-index: 2 } .ly-organize .item { background: #2fa4f9 } .ly-organize .top:after,.ly-organize .name:after { background: #2fa4f9 } .ly-organize .top { margin: 20px 0; padding-left: 180px; position: relative; z-index: 1 } .ly-organize .top:after,.ly-organize .name:after { width: 10px; height: 10px; border-radius: 40px; content: ''; position: absolute; z-index: 2; top: 50px } .ly-organize .top:after { left: 296px } .ly-organize .top .item:after { height: 50px; top: 55px; left: 120px } .ly-organize .row { position: relative; z-index: 1 } .ly-organize .name { text-indent: 0 !important } .ly-organize .name:before { height: 0; border-top: 2px dashed #ddd; position: absolute; z-index: 2; content: ''; top: -10px } .ly-organize .name.first:before { width: 230px; right: -165px; } .ly-organize .name.first:after { top: -15px; left: 50% } .ly-organize .name.second:before { width: 200px; left: 160px } .ly-organize .name.second:after { top: -15px; left: 49% } .ly-organize .row.one { margin-top: 80px } .ly-organize .row.one dl.one { margin-top: 45px; position: relative } .ly-organize .row.one dl.one:before { width: 0; height: 30px; border-left: 2px dashed #ddd; position: absolute; z-index: 2; left: 50%; top: -45px; content: '' } .ly-organize .row.one .item:after { height: 15px; top: -20px; left: 20px } .ly-organize .row.one .item:before { width: 40px; height: 0; border-top: 2px dashed #ddd; content: ''; position: absolute; z-index: 2; left: 22px; top: -26px } .ly-organize .row.one .item:last-child:before { width: 0 } .ly-organize .row.two { margin-top: 50px; margin-left: 100px } .ly-organize .row.two:before { width: 0; height: 181%; border-left: 2px dashed #ddd; content: ''; position: absolute; z-index: 2; left: -23px; top: -335px } .ly-organize .row.two dl { margin-left: 30px } .ly-organize .row.two dl dd { display: block; margin-bottom: 10px } /*.ly-organize .row.two .item:after { width: 15px; top: 0; left: -20px }*/ .ly-organize .row.two .item:before { width: 40px; height: 0; border-top: 2px dashed #ddd; content: ''; position: absolute; z-index: 2; left: -50px; top: 20px } .ly-organize .vertical { width: 20px; padding: 10px; margin-top: 20px; writing-mode: vertical-lr; writing-mode: tb-lr; text-align: left; letter-spacing: 3px } .ly-organize .item.vertical { height: 222px; margin: 0 4px } .ly-friend dd { display: inline-block } #ly-friend>a { min-width: 100px; display: inline-block } .ly-history { position: relative; z-index: 0 } .ly-history .layui-tab { width: 100%; margin-top: 0 } .ly-history .layui-tab .layui-tab-content { margin-top: 50px } .ly-history:after { width: 3px; height: 95%; background: #f3f3f3; content: ''; position: absolute; z-index: 1; left: 46px; top: 130px } .ly-history .item { width: 80%; margin-left: 113px; display: block; font-size: 16px; color: #666; margin-bottom: 40px } .ly-history .item h3 { font-family: HELVETICANEUELTPRO-THEX; font-weight: bold; position: relative; z-index: 2 } .ly-history .item h3:before { width: 10px; height: 10px; border: 4px solid #f3f3f3; border-radius: 10px; content: ''; position: absolute; z-index: 3; top: -2px; left: -84px } .ly-history .item span { line-height: 24px; padding: 15px 0; display: block } .ly-history .item img { width: 60%; border: 10px solid #fff; box-shadow: 0 0 6px #ddd } .ly-history.m:after { top: 105px; left: 32px } .ly-history.m .layui-tab { width: auto } .ly-history.m .layui-tab .layui-tab-content { margin-top: 20px } .ly-history.m .item h3:before { left: -41px } .ly-history.m .item { margin-left: 55px } .ly-history .layui-tab-title,.ly-history.m .layui-form { display: block } .ly-history.m .layui-tab-title,.ly-history .layui-form { display: none } .ly-video-item { border-bottom: 1px dashed #ddd; border-right: 1px dashed #ddd } .ly-video-item.m { border: 0; background: #f3f3f3 } .ly-video-item .img { width: 90%; height: 120px; margin: 0 5%; background-size: cover; background-position: center center } .ly-search { width: 1100px; padding: 50px; background: #fff } .ly-search dl { border-bottom: 1px dashed #ddd; padding: 20px 10px } .ly-search dl:last-child { border-bottom: 0 } .ly-search dl dt { font-size: 16px; line-height: 36px } .ly-search dl dd { color: #999 } .ly-index-top { position: relative; z-index: 1 } .ly-lt-module { width: 100%; max-height: 800px; padding: 10px 0 50px 0; overflow: hidden } .ly-lt-module.bg1 { background: url("./lvtoubg.jpg") no-repeat; background-size: cover; background-position: center center } .layui-tab-title .layui-this:after { border: 0; color: #1b92ea } .ly-lt-module .layui-tab li { width: 65px; height: 50px; line-height: 50px; border-radius: 300px; display: block; font-size: 22px; font-weight: bold; color: #ddd } .ly-lt-module .layui-tab li.layui-this { color: #fff; font-size: 30px } .ly-lt-module .layui-tab li:first-child { background: #1cb450; margin-left: 240px; margin-top: 40px } .ly-lt-module .layui-tab li:nth-child(2) { background: #3172b6; margin-left: 300px; margin-top: 30px } .ly-lt-module .layui-tab li:nth-child(3) { background: #d6c88b; margin-left: 330px; margin-top: 40px } .ly-lt-module .layui-tab li:nth-child(4) { background: #d46c49; margin-left: 290px; margin-top: 40px } .ly-lt-module .layui-tab li:nth-child(5) { background: #6f22a0; margin-left: 240px; margin-top: 40px } .ly-lt-module .left { height: 500px; background: url("./lvtouleft.png") no-repeat; background-size: 80% 100%; background-position: center left; margin-top: 90px; position: relative; z-index: 2 } .ly-lt-module .left li { z-index: 2 } .ly-lt-module .title { font-size: 36px; color: #fff; text-align: center; line-height: 50px; margin: 20px 0 } .ly-lt-module .content { position: relative; z-index: 1 } .ly-lt-module .content .img { width: 490px; position: absolute; z-index: 2; left: -600px; top: 87px } .ly-lt-module .content .layui-col-md2 img { width: 100%; height: auto; margin-top: 20px; border-radius: 100px } .ly-lt-module .content dl { color: #fff; margin: 15px; width: 90% } .ly-lt-module .content dt { font-size: 24px; color: #fff } .ly-lt-module .content dd { line-height: 30px; font-size: 16px } .ly-lt-module .content dd p,.ly-lt-module .contentWhite p { color: #fff } .ly-p-img { padding: 100px 20px 50px 20px; color: #fff; font-size: 16px } .ly-p-img p { color: #fff; font-size: 16px } .ly-p-img img { padding: 20px } .ly-new { background: #de2e2e; border-radius: 4px; color: #fff; margin-left: 10px; margin-top: -2px; padding: 0 5px; font-weight: normal; font-size: 12px; display: inline-block; vertical-align: top } .ly-m-head-line.bottom-dashed { border-bottom: 1px dashed #f3f3f3 } .ly-m-head-line { position: relative; z-index: 1; font-size: 16px; color: #444; text-align: center; line-height: 50px } .ly-m-head-line:before,.ly-m-head-line:after { width: 87px; height: 4px; background-size: cover; content: ''; position: absolute; z-index: 2; top: 23px } .ly-m-head-line:before { left: 18%; background-image: url("./line-left1.png"); } .ly-m-head-line:after { right: 18%; background-image: url("./line-right1.png"); } .ly-m-head.fixed { position: fixed; z-index: 2; top: 0; left: 0 } .ly-m-head { padding: 0 10px; height: 44px; background: rgba(255,255,255,.6); line-height: 44px } .ly-m-head img { width: 34% } .ly-m-nav { width: 80%; height: auto; padding: 15px 10% 50px 10%; background: rgba(255,255,255,1); position: fixed; z-index: 2; top: 44px; left: 0; display: none; } .ly-m-nav.page a { color: #fff } .ly-m-nav>div { position: relative; z-index: 2 } .ly-m-nav>div #mNav { height: 450px; overflow-y: auto } .ly-m-nav .item { border-bottom: 1px dashed #ddd } .ly-m-nav .item b { font-size: 16px; line-height: 36px } .ly-m-nav .item dl dd { color: #888; line-height: 24px; display: inline-block; vertical-align: middle; padding: 5px 10px } .ly-m-nav>div .ly-return { width: 100%; text-align: center; position: absolute; z-index: 4; bottom: -38px; left: 0 } .ly-m-nav.page>div .ly-return { color: #fff } .ly-m-main-work { text-align: center; padding: 10px } .ly-m-main-work:last-child { margin-right: 0 } .ly-m-main-work .img { width: 80%; margin-left: 10%; height: 60px; line-height: 60px; text-align: center } .ly-m-main-work .iconfont { font-size: 36px; color: #a4c3ec } .ly-m-main-work .title { width: 72%; margin-left: 14%; font-size: 15px; color: #33307c } .ly-index-tab { border-top: 10px solid #f3f3f3; display: flex } .ly-index-tab li { flex: 1; text-align: center; padding: 10px 0; margin: 0 30px } .ly-index-tab li.layui-this { border-bottom: 3px solid } .ly-index-list dl dd { padding: 15px 10px; border-bottom: 1px solid #efefef } .ly-index-list dl dd .img { height: 100px; border-radius: 6px; background-size: cover; background-position: center center } .ly-m-footer { background: #ddd; padding: 20px; margin-top: 20px; font-size: 12px; color: #949494 } .ly-m-footer img { border: 10px solid #fff; width: 70%; border-radius: 4px; float: right } .ly-m-header { width: 100%; height: 44px; line-height: 44px; font-size: 16px; color: #fff; text-align: center; position: fixed; z-index: 2; top: 0; left: 0 } .ly-icon-return,.ly-icon-nav,.ly-to-index { position: absolute; z-index: 3; top: 0 } .ly-m-header a { color: #fff; display: block } .ly-icon-nav { right: 0 } .ly-icon-nav p { display: block } .ly-to-index { left: 40px; font-size: 12px } .ly-third-nav { display: flex } .ly-third-nav .item { flex: 1; line-height: 40px; color: #333; padding: 8px 15px 0 18px; text-align: center; font-size: 16px; cursor: pointer } .ly-third-nav .item.on { border: 1px solid; background: url("./zeren.png") no-repeat #fff; padding-left: 18px; background-size: 100% auto; background-position: left top; font-weight: bold; font-size: 18px; margin-bottom: -1px; border-bottom: 0; border-radius: 6px 6px 0 0 } .ly-third-content { border-top: 1px solid; padding-top: 40px } #compDetail .layui-row p img { margin-left: -32px } .ly-files { display: none; position: relative; z-index: 1 } .ly-files:before { position: absolute; z-index: 2; background: #fff; padding: 10px 20px; color: #666; top: -20px; left: 20px; content: '附件 :'; font-size: 16px } .ly-files ul { width: 100%; border-top: 1px solid #ddd; margin: 80px 0 10px 0 } .ly-files ul li { display: inline-block; padding: 20px; border: 1px solid #ddd; margin: 40px 20px 20px 40px } /*主题色为蓝色*/ body.blue #nav .layui-this:after,.layui-nav-bar { background-color: #2fa4f9 } body.blue #nav .layui-nav-bar { background-color: #2fa4f9 } body.blue #newsIndex a:hover { color: #2fa4f9 } body.blue .layui-nav-tree .layui-nav-bar { background: #2fa4f9 } body.blue .layui-laypage .layui-laypage-curr .layui-laypage-em { background-color: #2fa4f9 } body.blue .layui-tab-card>.layui-tab-title .layui-this { background-color: #2fa4f9 } body.blue .ly-main-work .item:hover dl dt span a:hover { color: #2fa4f9 } body.blue .ly-page-head { background: #2fa4f9 } body.blue .ly-page-main-work-head:before { background: #2fa4f9 } body.blue .ly-bread a:hover { color: #2fa4f9 !important; } body.blue .ly-list .ly-item .ly-text a:hover { color: #2fa4f9 } body.blue .ly-content-main h2 { color: #2fa4f9 } body.blue .ly-content-footer a:hover { color: #2fa4f9 } body.blue .ly-to-top { background: #98caef } body.blue .ly-to-top:hover { background: #2fa4f9 } body.blue .xha-leader.leader { background: #2fa4f9 } body.blue .ly-m-nav.page { background: #2fa4f9 } body.blue .ly-m-nav>div .ly-return { color: #2fa4f9 } body.blue .ly-index-tab li.layui-this { border-color: #2fa4f9; color: #2fa4f9 } body.blue .ly-m-header { background: #2fa4f9 } body.blue .ly-third-nav .item.on { border-color: #2fa4f9; color: #2fa4f9 } body.blue .ly-third-content { border-color: #2fa4f9 } body.blue .layui-tab-card>.layui-tab-title .layui-this:after { border-color: #2fa4f9 #ffffff #ffffff #ffffff; } body.blue .layui-nav-tree>.layui-this, .layui-nav-tree>.layui-this>a, .layui-nav-tree>.layui-this>a:hover,.layui-nav-item.layui-nav-itemed { color: #2fa4f9 } body.blue .ly-header #nav .layui-nav-item.layui-this>a { color: #007cd6 !important } body.blue .ly-head-nav li:hover a,.ly-head-nav li.on a { color: #007cd6 } body.blue .ly-head-nav li.on a:after { background: #007cd6 } body.blue .ly-footer { background: #004a91 } body.blue .ly-footer.footer2 { background: #00407d } body.blue .ly-history .item h3:before { background: #01AAED } body.blue .ly-history .item h3 { color: #1b92ea } body.blue .ly-content-info .ly-content-font-size span.on { color: #1b92ea } body.blue .layui-nav .layui-nav-child dd.layui-this a, .layui-nav-child dd.layui-this { background-color: #2fa4f9; color: #fff !important; } /*主题色为红色*/ body.red #nav .layui-this:after,.layui-nav-bar { background-color: #d32d26 } body.red #nav .layui-nav-item-daohang_action:after { background-color: #d32d26; content: ''; top: auto; bottom: 0; width: 100%; position: absolute; left: 0; height: 5px; transition: all .2s; -webkit-transition: all .2s; } body.red #nav .layui-nav-bar { background-color: #d32d26 } body.red #newsIndex a:hover { color: #d32d26 } body.red .layui-nav-tree .layui-nav-bar { background: #d32d26 } body.red .layui-laypage .layui-laypage-curr .layui-laypage-em { background-color: #d32d26 } body.red .layui-tab-card>.layui-tab-title .layui-this { background-color: #d32d26 } body.red .ly-main-work .item:hover dl dt span a:hover { color: #d32d26 } body.red .ly-page-head { background: #d32d26 } body.red .ly-page-main-work-head:before { background: #d32d26 } body.red .ly-bread a:hover { color: #d32d26 !important; } body.red .ly-list .ly-item .ly-text a:hover { color: #d32d26 } body.red .ly-content-main h2 { color: #d32d26 } body.red .ly-content-footer a:hover { color: #d32d26 } body.red .ly-to-top { background: #ffbebb } body.red .ly-to-top:hover { background: #d32d26 } body.red .xha-leader.leader { background: #d32d26 } body.red .ly-m-nav.page { background: #d32d26 } body.red .ly-m-nav>div .ly-return { color: #d32d26 } body.red .ly-index-tab li.layui-this { border-color: #d32d26; color: #d32d26 } body.red .ly-m-header { background: #d32d26 } body.red .ly-third-nav .item.on { border-color: #d32d26; color: #d32d26 } body.red .ly-third-content { border-color: #d32d26 } body.red .layui-tab-card>.layui-tab-title .layui-this:after { border-color: #d32d26 #ffffff #ffffff #ffffff; } body.red .layui-nav-tree>.layui-this, .layui-nav-tree>.layui-this>a, .layui-nav-tree>.layui-this>a:hover,.layui-nav-item.layui-nav-itemed { color: #d32d26 } body.red .ly-header #nav .layui-nav-item.layui-this>a { color: #d32d26 !important } body.red .ly-head-nav li:hover a,.ly-head-nav li.on a { color: #d32d26 } body.red .ly-head-nav li.on a:after { background: #d32d26 } body.red .ly-footer { background: #d32d26; color: #e4e4e4 } body.red .ly-footer.ds { color: #e4e4e4 } body.red .ly-footer.footer2 { background: #212121 } body.red .ly-footer a { color: #efefef } body.red .ly-footer a:hover { color: #d4b1b1 } body.red .ly-footer .ly-f14 { color: #efefef } body.red .ly-history .item h3:before { background: #d32d26 } body.red .ly-history .item h3 { color: #ff6e6e } body.red .ly-content-info .ly-content-font-size span.on { color: #f58581 } body.red .layui-nav .layui-nav-child dd.layui-this a, .layui-nav-child dd.layui-this { background-color: #d32d26; color: #fff !important; } .ly-index-fixed { position: fixed; z-index: 1000; top: 50%; right: 0 } .ly-index-fixed.index-xuan { width: 210px; height: 150px } .ly-index-fixed.index-xuan img { width: 100%; border-radius: 10px 0 0 10px } .ly-header-bg-img { width: 100%; position: absolute; z-index: 2; top: 0; left: 0 } .ly-main-box { position: relative; z-index: 3; padding-bottom: 90px } .ly-bg-footer { width: 100%; position: absolute; z-index: 2; bottom: 0; left: 0 }