106 lines
1.4 KiB
CSS
106 lines
1.4 KiB
CSS
.company{
|
|
display: flex;
|
|
width: 100%;
|
|
}
|
|
|
|
.company_server{
|
|
width: 100%;
|
|
}
|
|
|
|
.company_server ul{
|
|
display: flex;
|
|
width: 100%;
|
|
padding: 33px;
|
|
}
|
|
|
|
.company_server ul li{
|
|
width: 25%;
|
|
padding: 10px;
|
|
}
|
|
|
|
.company_server ul li img{
|
|
width: 100%;
|
|
height: 100%;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
.company_server ul li span p{
|
|
text-align: center;
|
|
font-size: 19px;
|
|
}
|
|
|
|
.company_img{
|
|
width: 50%;
|
|
padding: 0 15px;
|
|
}
|
|
|
|
.company_img img{
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.company_in {
|
|
width: 50%;
|
|
margin: 0 15px;
|
|
text-indent: 2rem;
|
|
}
|
|
|
|
.company_in p{
|
|
margin: 8px 0;
|
|
}
|
|
|
|
.product h3{
|
|
text-align: center;
|
|
}
|
|
|
|
.product_p{
|
|
text-align: center;
|
|
}
|
|
|
|
.line_p{
|
|
position: relative;
|
|
}
|
|
|
|
.divider{
|
|
height: 60px;
|
|
}
|
|
|
|
.line{
|
|
border-bottom: 1px solid rgba(238, 238, 238, 1);
|
|
height: 36px;
|
|
}
|
|
|
|
.project span{
|
|
padding: 10px 10px;
|
|
}
|
|
|
|
@media screen and (max-width: 772px) {
|
|
.company_server ul{
|
|
display: block;
|
|
width: 100%;
|
|
padding: 33px;
|
|
}
|
|
.company_server ul li {
|
|
width: 100%;
|
|
padding: 10px;
|
|
}
|
|
.company{
|
|
display: block;
|
|
}
|
|
.company_in{
|
|
width: 100%;
|
|
}
|
|
.company_img{
|
|
width: 100%;
|
|
}
|
|
.company_img img {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.company_in {
|
|
margin: 30px 15px;
|
|
text-indent: 2rem;
|
|
}
|
|
}
|
|
|