ul { margin-bottom: 0 !important; } li { list-style: none; } .banner { position: relative; height: 75vh; background-size: cover; background-position: center center; } .bannerImg_pc { position: fixed; top: 0; left: 0; height: 75vh; width: 100%; background-size: cover; background-position: center center; z-index: -1; } .bannerImg_h5 { display: none; } .ctitle { position: relative; height: 100vh; } .ctitleg { position: absolute; top: 34%; left: 0; transform: translate(0, -50%); } #viewBox .container { margin: 0 auto; max-width: 1300px; width: 75%; box-sizing: border-box; } .ctitleg { position: absolute; top: 37%; left: 0; transform: translate(0, -50%); } .t0 { font-size: 2.5rem; font-weight: bold; line-height: 3.75rem; color: #333333; opacity: 1; } .t1 { font-size: 3rem; font-weight: bold; line-height: 5.625rem; color: #FFFFFF; opacity: 1; } .t2 { font-size: 1.3rem; font-weight: 100; line-height: 2.125rem; color: #FFFFFF; opacity: 1; max-width: 38.75rem; } .navigation { width: 100%; height: 5rem; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.06); background-color: #FFFFFF; z-index: 11; } .ybtitle { display: flex; height: 100%; } .ybtitle .d1 { position: relative; width: 14.5625rem; font-size: 1.375rem; font-family: Regular; line-height: 5rem; color: #333333; } #viewBox .d1:after { position: absolute; content: ""; display: block; right: 0; top: 50%; width: 2px; background-color: #333333; height: 2.5rem; transform: translate(0, -50%); } .d2 { flex: 1; display: flex; } .dw1 { flex: 1; font-size: 1.375rem; font-family: Regular; line-height: 5rem; text-align: center; cursor: pointer; z-index: 2; } .title { padding-top: 5rem; padding-bottom: 4rem; background: #FFFFFF; } .dv1tt { font-size: 2.55rem; font-family: Bold; font-weight: bold; line-height: 3rem; color: #333333; margin-bottom: 3.125rem; text-align: center; } .subtitle { margin: 4rem 0 1.25rem; text-align: center; font: 500 1.75rem / 2.5rem Source Han Sans SC, Source Han Sans SC; color: #333333; } .title-desc { font: 400 1rem / 1.5rem Source Han Sans SC, Source Han Sans SC; color: #666666; } .navTitle { position: relative; display: inline-block; color: #2568F2; } .navTitle:after { position: absolute; content: ""; width: 150% !important; height: 4px; top: 100%; left: 50%; transform: translate(-50%, -50%); background-color: #2568F2; transition-duration: .5s; } .consult { display: flex; justify-content: center; align-items: center; position: relative; background-image: url('https://admin-web-files.hivoice.cn/unisound/img_consult.png'); background-size: cover; height: 25.625rem; } .consultText { font-size: 3.125rem; font-family: Bold; font-weight: bold; line-height: 5rem; color: #333333; margin-bottom: 2.75rem; } .consultBtn { position: relative; margin: 0 auto; width: 11.25rem; height: 3.75rem; cursor: pointer; font-size: 1.375rem; font-family: Regular; line-height: 3.75rem; color: #FFFFFF; background: #2568F2; border-radius: 0.375rem; text-align: center; } .consultBtn::before { content: "合作咨询"; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.375rem; line-height: 0rem; color: #333333; background-color: white; overflow: hidden; } @media screen and (max-width: 1540px) { body, html { font-size: 12px !important; } /* .navigation { display: none; } */ } @media screen and (max-width: 920px) { .navigation { display: none; } } @media screen and (max-width: 768px) { body, html { font-size: 11px !important; } #viewBox .container { margin: 0 auto; width: 92%; } .banner { height: auto; } .bannerImg_pc { display: none; } .title { padding-top: 3rem; padding-bottom: 2rem; } .subtitle { margin: 2rem 0 1.25rem; font: 500 1.25rem / 1.5rem Source Han Sans SC, Source Han Sans SC; } .ctitle { display: none; } /* 导航栏 */ .navigation { display: none; } .consult { height: 15.625rem; } /* 合作咨询 */ .consultText { font-size: 2rem; line-height: 3rem; color: #fff; margin-bottom: 2rem; } .consultBtn { width: 9.25rem; height: 3.35rem; line-height: 3.35rem; border-radius: 6px; } }