feat: nas客户合作页
This commit is contained in:
282
public/static/index/css/topic_nas_cooperation.css
Executable file
282
public/static/index/css/topic_nas_cooperation.css
Executable file
@@ -0,0 +1,282 @@
|
||||
.narshzhbPage {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
overflow-y: auto;
|
||||
background: #fafafa;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-banner {
|
||||
width: 100%;
|
||||
height: 35rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
color: #3e3a39;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-banner .narshzhb-banner-content {
|
||||
min-width: 1200px;
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-top: 12.75rem;
|
||||
margin-bottom: 4.25rem;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-banner .narshzhb-banner-content .t1 {
|
||||
font-size: 1.875rem;
|
||||
padding-bottom: 0.8rem;
|
||||
line-height: 2.25rem;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-banner .narshzhb-banner-content h2 {
|
||||
font-size: 3.125rem;
|
||||
line-height: 3.75rem;
|
||||
margin-bottom: 8.6875rem;
|
||||
color: #3e3a39;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-banner .narshzhb-banner-content .narshzhb-banner-btct {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
grid-row: 11.5rem;
|
||||
color: #3e3a39;
|
||||
font-size: 1rem;
|
||||
line-height: 1.1875rem;
|
||||
font-size: 1rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-banner .narshzhb-banner-content .narshzhb-banner-btct span {
|
||||
margin-right: 11.5rem;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-banner .narshzhb-banner-content .narshzhb-banner-btct span:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-topinfo {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
background: #fafafa;
|
||||
padding-top: 8.25rem;
|
||||
padding-bottom: 8.25rem;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-topinfo .narshzhb-topinfo-main {
|
||||
margin: 0 auto;
|
||||
width: 75rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-topinfo .narshzhb-topinfo-main .narshzhb-tif-top {
|
||||
width: 75rem;
|
||||
height: auto;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
margin-bottom: 8.125rem;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-topinfo .narshzhb-topinfo-main .narshzhb-tif-top .hzcp1 {
|
||||
width: 46.875rem;
|
||||
height: 22.5rem;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-topinfo .narshzhb-topinfo-main .narshzhb-tif-top .narshzhb-if {
|
||||
height: 22.5rem;
|
||||
background: #fafafa;
|
||||
font-size: 0.75rem;
|
||||
color: #595757;
|
||||
/*padding-left: 5.25rem;*/
|
||||
padding: 0 2.25rem;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-topinfo .narshzhb-topinfo-main .narshzhb-tif-top .narshzhb-if .cttop {
|
||||
padding-top: 5.5625rem;
|
||||
line-height: 1.5rem;
|
||||
padding-bottom: 2rem;
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-topinfo .narshzhb-topinfo-main .narshzhb-tif-top .narshzhb-if h3 {
|
||||
color: #004bfa;
|
||||
font-size: 1.5rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-topinfo .narshzhb-tif-bottom {
|
||||
margin: 0 auto;
|
||||
width: 75rem;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-topinfo .narshzhb-tif-bottom .narshzhb-tif-it {
|
||||
width: 32.5%;
|
||||
height: 23.4rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-topinfo .narshzhb-tif-bottom .narshzhb-tif-it .ithzcp {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-topinfo .narshzhb-tif-bottom .narshzhb-tif-it .st {
|
||||
background: #fff;
|
||||
width: 100%;
|
||||
height: 9.5rem;
|
||||
font-size: 12px;
|
||||
color: #595757;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-topinfo .narshzhb-tif-bottom .narshzhb-tif-it .st span {
|
||||
line-height: 1.5rem;
|
||||
margin: 0 2.5rem;
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-topinfo .narshzhb-tif-bottom .narshzhb-tif-it:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-hzys {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
padding-bottom: 8.25rem;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-hzys .hzys-title {
|
||||
font-size: 30px;
|
||||
padding-bottom: 3.5625rem;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-hzys .narshzhb-hzys-main {
|
||||
width: 75rem;
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-hzys .narshzhb-hzys-main .narshzhb-hzys-it {
|
||||
width: 21.125rem;
|
||||
height: 25.8125rem;
|
||||
margin-right: 1rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-hzys .narshzhb-hzys-main .narshzhb-hzys-it .hz-ico1 {
|
||||
width: 5rem;
|
||||
height: 5rem;
|
||||
margin: 3.75rem auto;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-hzys .narshzhb-hzys-main .narshzhb-hzys-it .lite-titel {
|
||||
font-weight: bold;
|
||||
margin: 0 auto;
|
||||
font-size: 1.25rem;
|
||||
color: #3e3a39;
|
||||
line-height: 1.5rem;
|
||||
padding-bottom: 1.25rem;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-hzys .narshzhb-hzys-main .narshzhb-hzys-it .cts {
|
||||
margin: 0 2.5rem;
|
||||
font-weight: 400;
|
||||
font-size: 0.75rem;
|
||||
color: #595757;
|
||||
line-height: 1.5rem;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-hzys .narshzhb-hzys-main .narshzhb-hzys-it:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-qdhz {
|
||||
width: 75rem;
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-bottom: 12.5rem;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-qdhz .hzys-title {
|
||||
font-size: 1.875rem;
|
||||
color: #3e3a39;
|
||||
line-height: 2.25rem;
|
||||
padding-bottom: 3.75rem;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-qdhz .nars-qdhz-part {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-qdhz .nars-qdhz-part .nars-qdhz-it {
|
||||
background: #fff;
|
||||
width: 24.4rem;
|
||||
height: 18.75rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-right: 1rem;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-qdhz .nars-qdhz-part .nars-qdhz-it .qdhzico {
|
||||
width: 5rem;
|
||||
height: 5rem;
|
||||
margin-bottom: 2.625rem;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-qdhz .nars-qdhz-part .nars-qdhz-it .qdhzewico {
|
||||
width: 7.875rem;
|
||||
height: 7.875rem;
|
||||
margin-bottom: 2.625rem;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-qdhz .nars-qdhz-part .nars-qdhz-it .qdhzct {
|
||||
text-align: center;
|
||||
font-size: 1rem;
|
||||
color: #595757;
|
||||
line-height: 1.5625rem;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-qdhz .nars-qdhz-part .nars-qdhz-it:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
.orico_footer .fotter{
|
||||
margin-top: 0 !important;
|
||||
}
|
||||
Reference in New Issue
Block a user