.bannerBar { position: relative; padding-top: 20.834%; cursor: pointer; margin-top: 0; } .bannerBar img { position: absolute; width: 100%; height: 100%; left: 0; top: 0; object-fit: cover; } .bannerBar img:nth-child(2) { display: none; } .aboutBar { margin-top: 0; } .newsBar { padding-top: 20px; } .newsBar .li { margin-top: 60px; cursor: pointer; } .newsBar .img { width: 37.5%; padding-top: calc(37.5% * (338 / 600)); position: relative; height: 0; } .newsBar .img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; } .newsBar .area { padding-left: 40px; position: relative; } .newsBar .title { font-size: 30px; font-family: FZLTZHJW--GB1-0, FZLTZHJW--GB1; font-weight: normal; color: #1A1A1A; line-height: 36px; margin-top: 30px; } .newsBar .li:hover .title { color: #006FBC; } .newsBar .txt { font-size: 18px; font-family: FZLTHJW--GB1-0, FZLTHJW--GB1; font-weight: normal; color: #656B6F; line-height: 26px; height: 130px; margin-top: 30px; } .newsBar .txt * { font-size: inherit !important; font-family: inherit !important; font-weight: inherit !important; color: inherit !important; line-height: inherit !important; background: inherit !important; } .newsBar .txt img { display: none !important; } .newsBar .li:hover .txt { color: #231815; } .newsBar .date { font-size: 18px; font-family: FZLTHJW--GB1-0, FZLTHJW--GB1; font-weight: normal; color: #656B6F; line-height: 21px; position: absolute; bottom: 30px; } .newsBar .more { font-size: 12px; font-family: FZLTXIHJW--GB1-0, FZLTXIHJW--GB1; font-weight: normal; color: #006FBC; line-height: 30px; letter-spacing: 1px; border: 1px solid #006FBC; border-radius: 4px; width: 90px; margin: 40px auto; text-align: center; display: none; } .newsBar .more.no { border-color: #E0E3E7; color: #656B6F; } .newsBar .footZw { height: 30px; } .newsDetailBar { } .newsDetailBar .title { font-size: 40px; font-family: FZLTZHJW--GB1-0, FZLTZHJW--GB1; font-weight: normal; color: #1A1A1A; line-height: 66px; margin-top: 80px; } .newsDetailBar .date { font-size: 16px; font-family: FZLTXIHJW--GB1-0, FZLTXIHJW--GB1; font-weight: normal; color: #acacac; line-height: 30px; margin-top: 8px; } .newsDetailBar .txt { font-size: initial; font-family: initial; color: initial; line-height: initial; padding: 40px 0 60px 0; white-space: pre-wrap; } .newsDetailBar .end { border-top: 1px solid #E0E3E7; padding: 40px 0 60px 0; } .newsDetailBar .prev, .newsDetailBar .next { font-size: 18px; font-family: FZLTXIHJW--GB1-0, FZLTXIHJW--GB1; font-weight: normal; color: #656B6F; line-height: 30px; cursor: pointer; max-width: 40%; } .newsDetailBar .prev:hover, .newsDetailBar .next:hover { color: #006FBC; } .newsDetailBar .prev:not(.no):hover span, .newsDetailBar .next:not(.no):hover span { border-bottom: 1px solid #006FBC; } .newsDetailBar .prev.no, .newsDetailBar .next.no { cursor: default; color: #c2c4c6; } .honorBar { padding-top: 80px; } .honorBar .cap { font-size: 40px; font-family: FZLTDHJW--GB1-0, FZLTDHJW--GB1; font-weight: normal; color: #1A1A1A; line-height: 48px; } .honorBar .box { margin-top: 60px; padding-bottom: 100px; border-bottom: 1px solid #E0E3E7; } .honorBar .img { width: 25%; padding-top: calc(25% * (605 / 400)); height: 0; position: relative; } .honorBar .img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; } .honorBar .area { padding-left: 60px; } .honorBar .title { font-size: 40px; font-family: FZLTDHJW--GB1-0, FZLTDHJW--GB1; font-weight: normal; color: #1A1A1A; line-height: 48px; } .honorBar .txt { font-size: 18px; font-family: FZLTHJW--GB1-0, FZLTHJW--GB1; font-weight: normal; color: #656B6F; line-height: 26px; margin: 60px 0 96px 0; white-space: pre-wrap; min-height: calc(100% - 310px); } .honorBar .end { } .honorBar .icon { padding: 8px 0; } .honorBar .icon img { display: block; width: 56px; height: 56px; object-fit: contain; } .honorBar .icon span { margin-top: 10px; display: block; font-size: 14px; font-family: FZLTHJW--GB1-0, FZLTHJW--GB1; font-weight: normal; color: #1a1a1a; line-height: 18px; } .honorBar .prev { width: 52px; height: 52px; cursor: pointer; border-radius: 50%; border: 1px solid #E0E3E7; background: url(https://cdn-aliyun.nanlux.com/resource/img/prev7.png) center center no-repeat; background-size: 15px auto; } .honorBar .prev:hover { border-color: #231815; background: #231815 url(https://cdn-aliyun.nanlux.com/resource/img/prev8.png) center center no-repeat; background-size: 15px auto; } .honorBar .next { width: 52px; height: 52px; cursor: pointer; border-radius: 50%; border: 1px solid #E0E3E7; background: url(https://cdn-aliyun.nanlux.com/resource/img/next7.png) center center no-repeat; background-size: 15px auto; margin-left: 40px; } .honorBar .next:hover { border-color: #231815; background: #231815 url(https://cdn-aliyun.nanlux.com/resource/img/next8.png) center center no-repeat; background-size: 15px auto; } .honorBar .certs { padding-top: 100px; overflow: hidden; margin-left: -160px; } .honorBar .li { width: calc(25% - 160px); margin-left: 160px; float: left; margin-bottom: 42px; cursor: pointer; } .honorBar .simg { padding-top: calc(100% / (240 / 326)); position: relative; height: 0; background: rgba(244, 247, 251, 0.6); border: 1px solid #E0E3E7; } .honorBar .simg img { position: absolute; left: 22px; top: 22px; width: calc(100% - 44px); height: calc(100% - 44px); object-fit: cover; } .honorBar .stitle { font-size: 16px; font-family: FZLTXIHJW--GB1-0, FZLTXIHJW--GB1; font-weight: normal; color: #999; line-height: 18px; height: 36px; text-align: center; margin-top: 24px; } .callBar { } .callBar .box { margin-top: 60px; padding-top: calc(100% * (500 / 1600)); position: relative; } .callBar .area { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .callBar .map { height: 100%; background: #F3F5F7; border-radius: 12px; overflow: hidden; } .callBar .map-info { width: 360px; position: relative; height: 2px; } .callBar .map-ct { border-radius: 8px; box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1); position: absolute; background: #fff; left: 0; bottom: 0; right: 0; } .callBar .map-ct span { border-radius: 8px 8px 0 0; display: block; padding: 20px 20px 12px 20px; background: #f9fbfd; font-size: 18px; font-family: FZLTZHJW--GB1-0, FZLTZHJW--GB1; font-weight: normal; color: #231815; line-height: 21px; border-bottom: 1px solid #F4F7FB; white-space: normal; word-break: break-all; } .callBar .map-ct div { padding: 16px 20px 20px 46px; font-size: 14px; font-family: FZLTHJW--GB1-0, FZLTHJW--GB1; font-weight: normal; color: #656B6F; line-height: 20px; min-height: 76px; white-space: normal; background: url(https://cdn-aliyun.nanlux.com/resource/img/gps.png) top 16px left 20px no-repeat; background-size: 18px auto; } .callBar .map-ct::after { content: ''; position: absolute; left: 50%; top: 100%; border: 10px solid transparent; border-top-color: #fff; margin-left: -10px; } .callBar .list { width: 42.5%; height: 100%; background: #f3f5f7; margin-left: 20px; border-radius: 12px; overflow-y: auto; padding: 0 30px 30px 30px; } .callBar .li { padding-top: 30px; } .callBar .tname { font-size: 24px; font-family: FZLTDHJW--GB1-0, FZLTDHJW--GB1; font-weight: normal; color: #1A1A1A; line-height: 29px; cursor: pointer; } .callBar .name { font-size: 18px; font-family: FZLTZHJW--GB1-0, FZLTZHJW--GB1; font-weight: normal; color: #231815; line-height: 21px; margin-top: 20px; cursor: pointer; white-space: normal; word-break: break-all; } .callBar .address { font-size: 14px; font-family: FZLTHJW--GB1-0, FZLTHJW--GB1; font-weight: normal; color: #656B6F; line-height: 20px; margin-top: 16px; } .callBar .address em { font-size: 14px; font-family: FZLTHJW--GB1-0, FZLTHJW--GB1; font-weight: normal; color: #006FBC; line-height: 20px; padding-right: 18px; background: url(https://cdn-aliyun.nanlux.com/resource/img/arrow12.png) right center no-repeat; background-size: 18px auto; cursor: pointer; margin-left: 40px; } .callBar .txt { margin-top: 16px; border-top: 1px solid #E0E3E7; overflow: hidden; } .callBar .group { width: 33.33%; padding-right: 6px; padding-top: 12px; float: left; } .callBar .item { font-size: 12px; font-family: FZLTHJW--GB1-0, FZLTHJW--GB1; font-weight: normal; color: #656B6F; line-height: 20px; margin-top: 4px; } .callBar .iname { width: 4em; } .callBar .form { padding-top: 100px; } .callBar .title { font-size: 40px; font-family: FZLTDHJW--GB1-0, FZLTDHJW--GB1; font-weight: normal; color: #1A1A1A; line-height: 48px; text-align: center; margin-bottom: 60px; } .callBar .line { clear: both; padding-bottom: 40px; position: relative; } .callBar .line[half] { width: calc(50% - 20px); float: left; clear: none; } .callBar .line[half]:nth-child(odd) { padding-left: 40px; width: calc(50% + 20px); } .callBar .cap { font-size: 16px; font-family: FZLTHJW--GB1-0, FZLTHJW--GB1; font-weight: normal; color: #231815; line-height: 18px; } .callBar .cap i { color: #D31C1C; margin-left: 4px; } .callBar .select { margin-top: 10px; position: relative; } .callBar .select span { display: block; border: 1px solid #E0E3E7; height: 48px; padding: 0 14px; font-size: 16px; font-family: FZLTHJW--GB1-0, FZLTHJW--GB1; font-weight: normal; color: #231815; line-height: 48px; cursor: pointer; } .callBar .select span:empty::before { content: attr(data-empty); color: #bbb; } .callBar .selectAt { position: absolute; left: 0; right: 0; top: 60px; background: #FFFFFF; box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.08); border-radius: 8px; z-index: 666; padding: 14px 10px 16px 10px; opacity: 0; pointer-events: none; transform: translateY(-20px); } .callBar .selectAt.show { opacity: 1; pointer-events: auto; transform: translateY(0); } .callBar .selectAt b { background: #FFFFFF; border-radius: 8px 8px 0 0; font-size: 16px; font-family: FZLTZHJW--GB1-0, FZLTZHJW--GB1; font-weight: normal; color: #000; line-height: 50px; border-bottom: 1px solid #eee; text-align: center; position: relative; display: none; } .callBar .selectAt i { position: absolute; right: 0; top: 0; width: 50px; height: 50px; background: url(https://cdn-aliyun.nanlux.com/resource/img/close5.png) center center no-repeat; background-size: 20px auto; } .callBar .selectAt em { font-size: 16px; font-family: FZLTZHJW--GB1-0, FZLTZHJW--GB1; font-weight: normal; color: #656B6F; line-height: 19px; padding: 12px 20px; display: block; margin-top: 2px; border-radius: 8px; cursor: pointer; } .callBar .selectAt em:hover { background: #f3f5f7; color: #1a1a1a; } .callBar .input { margin-top: 10px; } .callBar .input input { background: #FFFFFF; border: 1px solid #E0E3E7; width: 100%; height: 48px; padding: 0 14px; font-size: 16px; font-family: FZLTHJW--GB1-0, FZLTHJW--GB1; font-weight: normal; color: #231815; line-height: 18px; outline: none; } .callBar .input input:focus { border-color: #656B6F; } .callBar .input input::-webkit-input-placeholder { color: #bbb; } .callBar .textarea { margin-top: 10px; } .callBar .textarea textarea { background: #FFFFFF; border: 1px solid #E0E3E7; width: 100%; height: 124px; padding: 14px; font-size: 16px; font-family: FZLTHJW--GB1-0, FZLTHJW--GB1; font-weight: normal; color: #231815; line-height: 18px; outline: none; resize: none; } .callBar .textarea textarea:focus { border-color: #656B6F; } .callBar .textarea textarea::-webkit-input-placeholder { color: #bbb; } .callBar .error { font-size: 14px; font-family: FZLTHJW--GB1-0, FZLTHJW--GB1; font-weight: normal; color: #D31C1C; line-height: 18px; position: absolute; right: 0; top: 0; } .callBar .btn { width: 150px; background: #231815; font-size: 16px; font-family: FZLTHJW--GB1-0, FZLTHJW--GB1; font-weight: normal; color: #F3F5F7; line-height: 50px; letter-spacing: 2px; text-align: center; cursor: pointer; margin: 20px auto 100px auto; } .callBar .follow { background: #fbfcfc; } .callBar .followLi { height: 368px; } .callBar .followLi img { width: 140px; height: 140px; border: 1px solid #E0E3E7; padding: 10px; margin-bottom: 20px; } .callBar .followLi:hover img { border-image: linear-gradient(270deg, rgba(159, 217, 246, 1), rgba(0, 111, 188, 1)) 1 1; } .callBar .followLi span { font-size: 18px; font-family: FZLTZHJW--GB1-0, FZLTZHJW--GB1; font-weight: normal; color: #231815; line-height: 28px; } .callBar .followLi em { font-size: 14px; font-family: FZLTHJW--GB1-0, FZLTHJW--GB1; font-weight: normal; color: #656B6F; line-height: 20px; margin-top: 12px; } .callBar .map2 { position: relative; } .callBar .image2 { width: 100%; } .callBar .slogan2 { position: absolute; top: 119px; left: 164px; font-size: 50px; font-family: FZLTHJW--GB1-0, FZLTHJW--GB1; font-weight: normal; color: #1A1A1A; line-height: 66px; } .callBar .list2 { position: absolute; top: 60px; right: 160px; width: 20%; height: 88%; background: #F3F5F7; border-radius: 4px; overflow-y: auto; padding: 30px; } .callBar .li2 { padding-bottom: 42px; } .callBar .tname2 { font-size: 24px; font-family: FZLTDHJW--GB1-0, FZLTDHJW--GB1; font-weight: normal; color: #1A1A1A; line-height: 28px; margin-bottom: 24px; } .callBar .name2 { font-size: 18px; font-family: FZLTZHJW--GB1-0, FZLTZHJW--GB1; font-weight: normal; color: #231815; line-height: 21px; margin-bottom: 24px; white-space: normal; word-break: break-all; } .callBar .address2 { font-size: 12px; font-family: FZLTHJW--GB1-0, FZLTHJW--GB1; font-weight: normal; color: #656B6F; line-height: 20px; } .callBar .address2 em { font-size: 12px; font-family: FZLTHJW--GB1-0, FZLTHJW--GB1; font-weight: normal; color: #006FBC; line-height: 20px; height: 20px; padding-right: 24px; background: url(https://cdn-aliyun.nanlux.com/resource/img/arrow12.png) right center no-repeat; background-size: 18px auto; cursor: pointer; margin-left: 24px; } .callBar .item2 { font-size: 12px; font-family: FZLTHJW--GB1-0, FZLTHJW--GB1; font-weight: normal; color: #656B6F; line-height: 20px; margin-bottom: 12px; } .callBar .iname2 { width: 4em; } /* PC兼容 */ @media screen and (min-width:769px) and (max-width:1660px) { .newsBar { padding-top: 0; } .newsBar .li { margin-top: 40px; } .newsBar .area { padding-left: 30px; } .newsBar .title { font-size: 26px; line-height: 30px; margin-top: 30px; } .newsBar .txt { font-size: 16px; line-height: 22px; height: 110px; margin-top: 20px; } .newsBar .date { font-size: 16px; bottom: 26px; } .newsDetailBar .title { font-size: 32px; line-height: 56px; margin-top: 50px; } .newsDetailBar .date { font-size: 14px; } .newsDetailBar .txt { /* font-size: 16px; line-height: 26px; */ padding: 40px 0; } .newsDetailBar .end { padding: 40px 0; } .newsDetailBar .prev, .newsDetailBar .next { font-size: 16px; } .honorBar { padding-top: 60px; } .honorBar .cap { font-size: 34px; line-height: 40px; } .honorBar .box { margin-top: 40px; padding-bottom: 60px; } .honorBar .area { padding-left: 50px; } .honorBar .title { font-size: 34px; line-height: 40px; } .honorBar .txt { font-size: 16px; line-height: 22px; margin: 50px 0; min-height: calc(100% - 230px); } .honorBar .icon img { width: 46px; height: 46px; } .honorBar .icon span { margin-top: 8px; font-size: 12px; } .honorBar .certs { padding-top: 60px; margin-left: -120px; } .honorBar .li { width: calc(25% - 120px); margin-left: 120px; margin-bottom: 30px;} .honorBar .stitle { font-size: 14px; margin-top: 20px; } .callBar .map-ct span { padding: 12px 14px; font-size: 16px; } .callBar .map-ct div { padding: 12px 14px 12px 38px; font-size: 13px; line-height: 19px; background-position: top 15px left 14px; background-size: 16px auto; } .callBar .list { padding: 0 20px 20px 20px; } .callBar .li { padding-top: 20px; } .callBar .tname { font-size: 20px; line-height: 26px; } .callBar .name { font-size: 16px; margin-top: 14px; } .callBar .address { font-size: 13px; margin-top: 14px; } .callBar .address em { font-size: 13px; margin-left: 30px; } .callBar .txt { margin-top: 14px; } .callBar .group { padding-right: 0; padding-top: 10px; } .callBar .item { font-size: 11px; line-height: 20px; margin-top: 4px; } .callBar .form { padding-top: 60px; } .callBar .title { font-size: 32px; margin-bottom: 40px; } .callBar .line { padding-bottom: 30px; } .callBar .cap { font-size: 14px; } .callBar .select span { font-size: 14px; } .callBar .selectAt em { font-size: 14px; } .callBar .input input { font-size: 14px; } .callBar .textarea textarea { font-size: 14px; } .callBar .btn { font-size: 14px; margin: 20px auto 40px auto; } .callBar .followLi { height: 280px; } .callBar .followLi img { width: 120px; height: 120px; padding: 6px; margin-bottom: 10px; } .callBar .followLi span { font-size: 16px; line-height: 22px; } .callBar .followLi em { font-size: 12px; margin-top: 6px; } .callBar .slogan2 { position: absolute; top: 110px; left: 150px; font-size: 46px; line-height: 62px; } .callBar .list2 { position: absolute; top: 50px; right: 150px; width: 23%; padding: 30px; } .callBar .li2 { padding-bottom: 42px; } .callBar .tname2 { font-size: 20px; line-height: 25px; margin-bottom: 24px; } .callBar .name2 { font-size: 18px; line-height: 18px; margin-bottom: 24px; } .callBar .address2 { font-size: 12px; line-height: 20px; } .callBar .address2 em { font-size: 12px; line-height: 20px; height: 20px; padding-right: 24px; margin-left: 24px; } .callBar .item2 { font-size: 12px; line-height: 20px; margin-bottom: 12px; } } @media screen and (min-width:769px) and (max-width:1400px) { .newsBar .li { margin-top: 30px; } .newsBar .title { font-size: 22px; line-height: 28px; margin-top: 18px; } .newsBar .txt { font-size: 14px; line-height: 20px; height: 100px; margin-top: 16px; } .newsBar .date { font-size: 14px; bottom: 20px; } .callBar .slogan2 { position: absolute; top: 80px; left: 120px; font-size: 42px; line-height: 58px; } .callBar .list2 { position: absolute; top: 40px; right: 120px; width: 25%; padding: 25px; } .callBar .li2 { padding-bottom: 30px; } .callBar .tname2 { font-size: 16px; line-height: 20px; margin-bottom: 16px; } .callBar .name2 { font-size: 14px; line-height: 17px; margin-bottom: 14px; } .callBar .address2 { font-size: 12px; line-height: 16px; } .callBar .address2 em { font-size: 12px; line-height: 16px; height: 16px; padding-right: 16px; margin-left: 16px; } .callBar .item2 { font-size: 12px; line-height: 16px; margin-bottom: 12px; } } @media screen and (min-width:769px) and (max-width:1200px) { .newsBar .area { padding-left: 24px; } .newsBar .title { font-size: 18px; line-height: 22px; margin-top: 12px; } .newsBar .txt { font-size: 12px; line-height: 18px; height: 90px; margin-top: 12px; } .newsBar .date { font-size: 12px; bottom: 16px; } .newsDetailBar .title { font-size: 26px; line-height: 46px; margin-top: 32px; } .newsDetailBar .date { font-size: 12px; } .newsDetailBar .txt { /* font-size: 14px; line-height: 24px; */ padding: 20px 0; } .newsDetailBar .end { padding: 30px 0; } .newsDetailBar .prev, .newsDetailBar .next { font-size: 14px; } .honorBar { padding-top: 40px; } .honorBar .cap { font-size: 28px; } .honorBar .box { margin-top: 30px; padding-bottom: 40px; } .honorBar .area { padding-left: 40px; } .honorBar .title { font-size: 28px; line-height: 34px; } .honorBar .txt { font-size: 14px; margin: 30px 0; min-height: calc(100% - 178px); } .honorBar .icon img { width: 40px; height: 40px; } .honorBar .certs { padding-top: 40px; margin-left: -80px; } .honorBar .li { width: calc(25% - 80px); margin-left: 80px; margin-bottom: 30px;} .honorBar .stitle { font-size: 14px; margin-top: 20px; } .callBar .box { margin-top: 40px; } .callBar .map-ct span { padding: 10px 12px; font-size: 14px; } .callBar .map-ct div { padding: 10px 12px 10px 32px; font-size: 12px; line-height: 18px; background-position: top 10px left 12px; } .callBar .list { padding: 0 16px 16px 16px; } .callBar .li { padding-top: 16px; } .callBar .tname { font-size: 16px; } .callBar .name { font-size: 14px; margin-top: 6px; } .callBar .address { font-size: 12px; margin-top: 8px; } .callBar .address em { font-size: 12px; margin-left: 20px; } .callBar .txt { margin-top: 10px; padding-top: 6px; } .callBar .group { padding-top: 0; width: 50%; } .callBar .group:nth-child(odd):last-child { width: 100%; overflow: hidden; } .callBar .group:nth-child(odd):last-child .item { width: 50%; float: left; } .callBar .form { padding-top: 40px; } .callBar .title { font-size: 26px; } .callBar .followLi { height: 220px; } .callBar .followLi img { width: 90px; height: 90px; padding: 4px; margin-bottom: 8px; } .callBar .followLi span { font-size: 14px; line-height: 18px; } .callBar .followLi em { font-size: 12px; margin-top: 2px; } .callBar .slogan2 { position: absolute; top: 70px; left: 100px; font-size: 30px; line-height: 46px; } .callBar .list2 { position: absolute; top: 35px; right: 100px; width: 28%; padding: 20px; } .callBar .li2 { padding-bottom: 25px; } .callBar .tname2 { font-size: 16px; line-height: 20px; margin-bottom: 16px; } .callBar .name2 { font-size: 13px; line-height: 16px; margin-bottom: 13px; } } @media screen and (min-width:769px) and (max-width:1000px) { .newsBar .area { padding-left: 20px; } .newsBar .title { font-size: 16px; line-height: 20px; margin-top: 8px; } .newsBar .txt { font-size: 12px; line-height: 16px; height: 80px; margin-top: 8px; } .newsBar .date { font-size: 12px; bottom: 10px; } .callBar .slogan2 { position: absolute; top: 60px; left: 80px; font-size: 26px; line-height: 42px; } .callBar .list2 { position: absolute; top: 30px; right: 80px; width: 30%; padding: 15px; } .callBar .li2 { padding-bottom: 20px; } .callBar .tname2 { font-size: 16px; line-height: 20px; margin-bottom: 16px; } .callBar .name2 { font-size: 12px; line-height: 15px; margin-bottom: 12px; } } /* H5兼容 */ @media screen and (max-width:768px) { .bannerBar { margin-top: 0; padding-top: calc(100vw * (300 / 375)); } .bannerBar img:nth-child(1) { display: none; } .bannerBar img:nth-child(2) { display: block; } .bannerBar[h5hide] { display: none; } .aboutBar { margin-top: 0; } .newsBar { padding: 4px 16px 0 16px; } .newsBar .li { margin-top: 20px; padding-bottom: 10px; display: block; } .newsBar .img { width: 100%; padding-top: calc(100% * (198 / 343)); border-radius: 8px; overflow: hidden; } .newsBar .img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; } .newsBar .area { padding-left: 0; position: static; } .newsBar .title { font-size: 16px; font-family: FZLTZHJW--GB1-0, FZLTZHJW--GB1; font-weight: normal; color: #231815; line-height: 24px; margin-top: 12px; } .newsBar .txt { display: none; } .newsBar .date { font-size: 12px; font-family: FZLTHJW--GB1-0, FZLTHJW--GB1; font-weight: normal; color: #656B6F; line-height: 14px; margin-top: 4px; position: static; bottom: 0; } .newsBar .more { display: block; } .pageBar { display: none; } .newsDetailBar { margin-top: 44px; } .newsDetailBar .title { font-size: 20px; font-family: FZLTZHJW--GB1-0, FZLTZHJW--GB1; font-weight: normal; color: #1A1A1A; line-height: 30px; margin-top: 20px; padding: 0 16px; } .newsDetailBar .date { font-size: 13px; font-family: FZLTHJW--GB1-0, FZLTHJW--GB1; font-weight: normal; color: #aaa; line-height: 15px; margin-top: 12px; padding: 0 16px; } .newsDetailBar .txt { /* font-size: 14px; font-family: FZLTHJW--GB1-0, FZLTHJW--GB1; font-weight: normal; color: #656B6F; line-height: 22px; */ padding: 24px 16px 40px 16px; } .newsDetailBar .end { padding: 6px 16px 40px 16px; display: block; } .newsDetailBar .prev, .newsDetailBar .next { font-size: 14px; font-family: FZLTXIHJW--GB1-0, FZLTXIHJW--GB1; font-weight: normal; color: #006FBC; line-height: 17px; margin-top: 24px; max-width: none; } .honorBar { padding: 24px 16px 0 16px; } .honorBar .cap { font-size: 20px; font-family: FZLTDHJW--GB1-0, FZLTDHJW--GB1; font-weight: normal; color: #231815; line-height: 24px; letter-spacing: 1px; } .honorBar .box { margin-top: 16px; display: block; padding-bottom: 40px; } .honorBar .img { width: 100%; padding-top: calc(100% * (519 / 343)); } .honorBar .area { padding-left: 0; padding-top: 20px; } .honorBar .title { font-size: 20px; font-family: FZLTDHJW--GB1-0, FZLTDHJW--GB1; font-weight: normal; color: #1A1A1A; line-height: 24px; } .honorBar .txt { font-size: 14px; font-family: FZLTHJW--GB1-0, FZLTHJW--GB1; font-weight: normal; color: #656B6F; line-height: 20px; margin: 8px 0 20px 0; min-height: auto; } .honorBar .icon { padding: 0; } .honorBar .icon img { width: 32px; height: 32px; } .honorBar .icon span { margin-top: 6px; font-size: 12px; line-height: 14px; } .honorBar .prev, .honorBar .prev:hover { width: 36px; height: 36px; background: url(https://cdn-aliyun.nanlux.com/resource/img/prev12.png) center center no-repeat; background-size: 14px auto; border-color: #E0E3E7; } .honorBar .next, .honorBar .next:hover { width: 36px; height: 36px; background: url(https://cdn-aliyun.nanlux.com/resource/img/next12.png) center center no-repeat; background-size: 14px auto; margin-left: 20px; border-color: #E0E3E7; } .honorBar .certs { padding-top: 40px; margin-left: -15px; } .honorBar .li { width: calc(50% - 15px); margin-left: 15px; margin-bottom: 16px; } .honorBar .simg { padding-top: calc(100% / (160 / 214)); } .honorBar .simg img { left: 12px; top: 12px; width: calc(100% - 24px); height: calc(100% - 24px); } .honorBar .stitle { font-size: 14px; font-family: FZLTXIHJW--GB1-0, FZLTXIHJW--GB1; font-weight: normal; margin-top: 12px; } .callBar { } .callBar .list { width: 100%; height: auto; margin-left: 0; border-radius: 0; overflow: hidden; padding: 0; background: #fff; } .callBar .li { padding-top: 24px; margin-bottom: 16px; } .callBar .tname { font-size: 20px; font-family: FZLTDHJW--GB1-0, FZLTDHJW--GB1; font-weight: normal; color: #231815; line-height: 24px; letter-spacing: 1px; padding: 0 16px; } .callBar .name { font-size: 20px; font-family: FZLTZHJW--GB1-0, FZLTZHJW--GB1; font-weight: normal; color: #1A1A1A; line-height: 30px; margin-top: 8px; padding: 0 16px; } .callBar .address { font-size: 14px; font-family: FZLTHJW--GB1-0, FZLTHJW--GB1; font-weight: normal; color: #656B6F; line-height: 20px; margin-top: 8px; padding: 0 16px; } .callBar .address em { display: none; } .callBar .txt { margin: 16px 16px 12px 16px; } .callBar .group { width: 100%; padding-right: 0; float: none; padding-top: 8px; } .callBar .map { height: calc(100vw * (260 / 375)); border-radius: 0; } .callBar .map-ct { left: 50px; right: 50px; bottom: -10px; } .callBar .map-ct span { padding: 12px; font-size: 14px; font-family: FZLTZHJW--GB1-0, FZLTZHJW--GB1; font-weight: normal; color: #231815; line-height: 17px; } .callBar .map-ct div { padding: 8px 12px 12px 34px; font-size: 12px; font-family: FZLTHJW--GB1-0, FZLTHJW--GB1; font-weight: normal; color: #656B6F; line-height: 18px; min-height: 38px; background: url(https://cdn-aliyun.nanlux.com/resource/img/gps2.png) top 9px left 12px no-repeat; background-size: 16px auto; } .callBar .form { padding: 24px 16px 0 16px; } .callBar .title { font-size: 20px; font-family: FZLTDHJW--GB1-0, FZLTDHJW--GB1; font-weight: normal; color: #231815; line-height: 24px; letter-spacing: 1px; text-align: left; margin-bottom: 20px; } .callBar .line { padding-bottom: 20px; } .callBar .line[half] { width: 100%; float: none; } .callBar .line[half]:nth-child(odd) { padding-left: 0; width: 100%; } .callBar .cap { font-size: 13px; font-family: FZLTHJW--GB1-0, FZLTHJW--GB1; font-weight: normal; color: #231815; line-height: 15px; } .callBar .cap i { margin-left: 0; } .callBar .select { margin-top: 8px; } .callBar .select span { height: 35px; padding: 0 12px; font-size: 13px; font-family: FZLTHJW--GB1-0, FZLTHJW--GB1; font-weight: normal; color: #231815; line-height: 33px; } .callBar .selectAt { position: fixed; z-index: 9999; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); padding: 0; max-height: none; border-radius: 0; display: -webkit-box; display: box; display: -webkit-flex; display: flex; -webkit-box-pack: end; box-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; -webkit-box-orient: vertical; box-orient: vertical; -webkit-flex-direction: column; flex-direction: column; } .callBar .selectCt { background: #FFFFFF; padding: 14px 0; height: 50vh; overflow-y: auto; position: relative; } .callBar .selectAt b { display: block; } .callBar .input { margin-top: 8px; } .callBar .input input { height: 35px; padding: 0 12px; font-size: 13px; font-family: FZLTHJW--GB1-0, FZLTHJW--GB1; font-weight: normal; color: #231815; line-height: 15px; } .callBar .textarea { margin-top: 8px; } .callBar .textarea textarea { height: 100px; padding: 10px 12px; font-size: 13px; font-family: FZLTHJW--GB1-0, FZLTHJW--GB1; font-weight: normal; color: #656B6F; line-height: 15px; } .callBar .error { font-size: 12px; line-height: 15px; } .callBar .btn { width: auto; font-size: 14px; font-family: FZLTZHJW--GB1-0, FZLTZHJW--GB1; font-weight: normal; color: #F3F5F7; line-height: 45px; margin: 20px auto 40px auto; } .callBar .follow { background: #f3f5f7; } .callBar .follow .dpwBar { display: block; padding: 0 16px; } .callBar .followLi { height: 200px; position: relative; padding-right: 140px; -webkit-box-align: start; box-align: start; -webkit-align-items: flex-start; align-items: flex-start; } .callBar .followLi:not(:first-child) { border-top: 1px solid #E0E3E7; } .callBar .followLi img { width: 120px; height: 120px; border: none; padding: 0; margin-bottom: 0; position: absolute; right: 0; top: 50%; margin-top: -60px; } .callBar .followLi span { font-size: 18px; font-family: FZLTZHJW--GB1-0, FZLTZHJW--GB1; font-weight: normal; color: #231815; line-height: 26px; } .callBar .followLi em { font-size: 12px; font-family: FZLTHJW--GB1-0, FZLTHJW--GB1; font-weight: normal; color: #656B6F; line-height: 14px; } } /* 英文 */ body.en { font-family: OpenSans !important; } body.en .newsBar .title { font-size: 24px; line-height: 33px; } body.en .newsBar .txt { font-size: 16px; line-height: 22px; -webkit-line-clamp: 4; height: auto; } body.en .newsBar .date { bottom: 26px; } body.en .newsDetailBar .title { font-size: 30px; line-height: 41px; font-weight: bold; } body.en .newsDetailBar .date { font-size: 18px; line-height: 24px; margin-top: 18px; } body.en .honorBar .cap { font-size: 34px; line-height: 49px; font-weight: bold; } body.en .honorBar .title { font-size: 34px; line-height: 49px; font-weight: bold; } body.en .callBar .map [role="dialog"] { padding: 0 !important; max-width: none !important; max-height: none !important; } body.en .callBar .map [role="dialog"]>.gm-style-iw-d { padding: 0 !important; max-height: none !important; overflow: hidden !important; } body.en .callBar .map [role="dialog"]>button { display: none !important; } body.en .callBar .map .map-info { height: auto; } body.en .callBar .map .map-ct { position: static; } body.en .callBar .tname { font-size: 20px; line-height: 27px; font-weight: bold; } body.en .callBar .name { font-size: 16px; line-height: 22px; margin-top: 12px; } body.en .callBar .address { margin-top: 12px; } body.en .callBar .address em { display: none; } body.en .callBar .iname { width: auto; display: block; } body.en .callBar .txt { padding-top: 4px; } body.en .callBar .group { width: 50%; padding-top: 12px; } body.en .callBar .title { font-size: 34px; line-height: 46px; font-weight: bold; } body.en .callBar .btn { width: 175px; } body.en .callBar .follow { display: none; } /* 英文 - PC兼容 */ @media screen and (min-width:769px) and (max-width:1660px) { body.en .newsBar .title { font-size: 20px; line-height: 29px; } body.en .newsBar .txt { font-size: 14px; line-height: 20px; } body.en .newsBar .date { font-size: 12px; bottom: 20px; } body.en .honorBar .cap { font-size: 32px; line-height: 40px; } body.en .honorBar .title { font-size: 32px; line-height: 40px; } body.en .callBar .address { font-size: 13px; } body.en .callBar .txt { margin-top: 14px; } body.en .callBar .btn { font-size: 14px; margin: 20px auto 40px auto; } } @media screen and (min-width:769px) and (max-width:1200px) { body.en .newsBar .title { font-size: 12px; line-height: 21px; } body.en .newsBar .txt { font-size: 12px; line-height: 18px; } body.en .newsBar .date { font-size: 12px; bottom: 10px; } body.en .newsDetailBar .title { font-size: 24px; line-height: 38px; } body.en .newsDetailBar .date { font-size: 12px; } body.en .honorBar .cap { font-size: 28px; } body.en .honorBar .title { font-size: 28px; line-height: 34px; } body.en .callBar .tname { font-size: 16px; } body.en .callBar .name { font-size: 14px; margin-top: 6px; } body.en .callBar .address { font-size: 12px; margin-top: 8px; } body.en .callBar .txt { margin-top: 10px; padding-top: 6px; } body.en .callBar .group { padding-top: 0; } body.en .callBar .group:nth-child(odd):last-child { width: 100%; overflow: hidden; } body.en .callBar .group:nth-child(odd):last-child .item { width: 50%; float: left; } } /* 英文 - H5兼容 */ @media screen and (max-width:768px) { body.en .newsBar .area { padding-left: 0; position: static; } body.en .newsBar .title { font-size: 16px; line-height: 24px; margin-top: 10px; } body.en .newsBar .date { margin-top: 4px; position: static; bottom: 0; } body.en .newsDetailBar .title { font-size: 16px; line-height: 20px; font-weight: 600; } body.en .newsDetailBar .date { font-size: 13px; line-height: 18px; margin-top: 8px; } body.en .newsDetailBar .end { padding-top: 12px; } body.en .newsDetailBar .prev, body.en .newsDetailBar .next { font-size: 13px; line-height: 18px; margin-top: 18px; } body.en .callBar .title { font-size: 20px; line-height: 27px; } body.en .callBar .btn { width: auto; } } /* 西班牙文 */ body.sp { font-family: OpenSans !important; } body.sp .newsBar .title { font-size: 24px; line-height: 33px; } body.sp .newsBar .txt { font-size: 16px; line-height: 22px; -webkit-line-clamp: 4; height: auto; } body.sp .newsBar .date { bottom: 26px; } body.sp .newsDetailBar .title { font-size: 30px; line-height: 41px; font-weight: bold; } body.sp .newsDetailBar .date { font-size: 18px; line-height: 24px; margin-top: 18px; } body.sp .honorBar .cap { font-size: 34px; line-height: 49px; font-weight: bold; } body.sp .honorBar .title { font-size: 34px; line-height: 49px; font-weight: bold; } body.sp .callBar .map [role="dialog"] { padding: 0 !important; max-width: none !important; max-height: none !important; } body.sp .callBar .map [role="dialog"]>.gm-style-iw-d { padding: 0 !important; max-height: none !important; overflow: hidden !important; } body.sp .callBar .map [role="dialog"]>button { display: none !important; } body.sp .callBar .map .map-info { height: auto; } body.sp .callBar .map .map-ct { position: static; } body.sp .callBar .tname { font-size: 20px; line-height: 27px; font-weight: bold; } body.sp .callBar .name { font-size: 16px; line-height: 22px; margin-top: 12px; } body.sp .callBar .address { margin-top: 12px; } body.sp .callBar .address em { display: none; } body.sp .callBar .iname { width: auto; display: block; } body.sp .callBar .txt { padding-top: 4px; } body.sp .callBar .group { width: 50%; padding-top: 12px; } body.sp .callBar .title { font-size: 34px; line-height: 46px; font-weight: bold; } body.sp .callBar .btn { width: 168px; } body.sp .callBar .follow { display: none; } /* 西班牙文 - PC兼容 */ @media screen and (min-width:769px) and (max-width:1660px) { body.sp .newsBar .title { font-size: 20px; line-height: 29px; } body.sp .newsBar .txt { font-size: 14px; line-height: 20px; } body.sp .newsBar .date { font-size: 12px; bottom: 20px; } body.sp .honorBar .cap { font-size: 32px; line-height: 40px; } body.sp .honorBar .title { font-size: 32px; line-height: 40px; } body.sp .callBar .address { font-size: 13px; } body.sp .callBar .txt { margin-top: 14px; } body.sp .callBar .btn { font-size: 14px; margin: 20px auto 40px auto; } } @media screen and (min-width:769px) and (max-width:1200px) { body.sp .newsBar .title { font-size: 12px; line-height: 21px; } body.sp .newsBar .txt { font-size: 12px; line-height: 18px; } body.sp .newsBar .date { font-size: 12px; bottom: 10px; } body.sp .newsDetailBar .title { font-size: 24px; line-height: 38px; } body.sp .newsDetailBar .date { font-size: 12px; } body.sp .honorBar .cap { font-size: 28px; } body.sp .honorBar .title { font-size: 28px; line-height: 34px; } body.sp .callBar .tname { font-size: 16px; } body.sp .callBar .name { font-size: 14px; margin-top: 6px; } body.sp .callBar .address { font-size: 12px; margin-top: 8px; } body.sp .callBar .txt { margin-top: 10px; padding-top: 6px; } body.sp .callBar .group { padding-top: 0; } body.sp .callBar .group:nth-child(odd):last-child { width: 100%; overflow: hidden; } body.sp .callBar .group:nth-child(odd):last-child .item { width: 50%; float: left; } } /* 西班牙文 - H5兼容 */ @media screen and (max-width:768px) { body.sp .newsBar .area { padding-left: 0; position: static; } body.sp .newsBar .title { font-size: 16px; line-height: 24px; margin-top: 10px; } body.sp .newsBar .date { margin-top: 4px; position: static; bottom: 0; } body.sp .newsDetailBar .title { font-size: 16px; line-height: 20px; font-weight: 600; } body.sp .newsDetailBar .date { font-size: 13px; line-height: 18px; margin-top: 8px; } body.sp .newsDetailBar .end { padding-top: 12px; } body.sp .newsDetailBar .prev, body.sp .newsDetailBar .next { font-size: 13px; line-height: 18px; margin-top: 18px; } body.sp .callBar .title { font-size: 20px; line-height: 27px; } body.sp .callBar .btn { width: auto; } }