164 lines
2.3 KiB
CSS
164 lines
2.3 KiB
CSS
.server{
|
|
height: 100%;
|
|
background-image: url("/img/pbg.jpg");
|
|
background-repeat: no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|
|
|
|
.server span p{
|
|
font-size: 48px;
|
|
color: #ffff;
|
|
text-align: center;
|
|
padding-top: 83px;
|
|
}
|
|
|
|
.server_r_top,.server_r_bottom{
|
|
padding: 0 15px;
|
|
}
|
|
|
|
.server p{
|
|
color: rgba(232, 232, 232, 1);
|
|
line-height: 1.5;
|
|
font-size: 18px;
|
|
text-align: center;
|
|
}
|
|
|
|
.zz-comp{
|
|
width: 48px;
|
|
height: 60px;
|
|
}
|
|
|
|
.server_img{
|
|
width: 400px;
|
|
height: 260px;
|
|
margin: auto;
|
|
}
|
|
|
|
.server_img_m{
|
|
width: 100%;
|
|
}
|
|
|
|
.server_img p img{
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.server_er{
|
|
width: 100%;
|
|
display: flex;
|
|
padding-top: 20px;
|
|
}
|
|
|
|
.server_er .server_l{
|
|
width: 50%;
|
|
}
|
|
|
|
.server_er img{
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.server_title{
|
|
text-align: center;
|
|
}
|
|
|
|
.server_r_top p{
|
|
color: rgba(135, 135, 135, 1);
|
|
line-height: 1.5;
|
|
font-size: 16px;
|
|
text-align: left;
|
|
}
|
|
|
|
.server_r_bottom{
|
|
color: rgba(179, 179, 179, 1);
|
|
line-height: 1.5;
|
|
font-size: 16px;
|
|
text-align: left;
|
|
}
|
|
|
|
.product_product{
|
|
text-align: center;
|
|
}
|
|
|
|
.product_product p{
|
|
color: #999999;
|
|
text-align: center;
|
|
}
|
|
|
|
.server_inr{
|
|
padding: 0 40px;
|
|
}
|
|
|
|
.server_l{
|
|
padding: 0 15px;
|
|
}
|
|
|
|
.server_r_bottom p img{
|
|
width: 60%;
|
|
height: 60%;
|
|
}
|
|
|
|
.server_bottom_m{
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
.server_bottom{
|
|
background-image:url('/img/bgb.png');
|
|
background-repeat:no-repeat;
|
|
background-attachment:fixed;
|
|
background-size: 100% 100%;
|
|
}
|
|
|
|
.server_bottom_l{
|
|
text-align: left;
|
|
padding: 0 15px;
|
|
}
|
|
|
|
.server_bottom_l h2{
|
|
font-size: 36px;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.server_bottom_l p{
|
|
color: rgba(218, 218, 218, 1);
|
|
line-height: 1.5;
|
|
font-size: 14px;
|
|
text-align: left;
|
|
}
|
|
|
|
.server_bottom_r{
|
|
padding: 0 15px;
|
|
padding-top: 43px;
|
|
}
|
|
|
|
.server_bottom_r button{
|
|
border: 1px solid #dcdfe6;
|
|
border-radius: 4px 4px 4px 4px;
|
|
padding: 12px 40px 12px 40px;
|
|
color: #606266;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.server_pro{
|
|
width: 100%;
|
|
}
|
|
|
|
.server_pro ul{
|
|
width: 80%;
|
|
display: flex;
|
|
margin: auto;
|
|
}
|
|
|
|
.server_pro ul li{
|
|
width: 33.33336%;
|
|
text-align: center;
|
|
}
|
|
|
|
.server_pro ul li img{
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.server_type{
|
|
margin: 0 12px;
|
|
} |