You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
71 lines
2.8 KiB
71 lines
2.8 KiB
.block6 .title {
|
|
text-align: center;
|
|
padding-top: 57px;
|
|
padding-bottom: 68px;
|
|
}
|
|
|
|
.block6 .title p {
|
|
font-size: 42px;
|
|
line-height: 88px;
|
|
color: #292b33;
|
|
}
|
|
|
|
.block6 .title div {
|
|
font-size: 16px;
|
|
color: #474b59;
|
|
line-height: 1.3;
|
|
margin-top: 3px;
|
|
}
|
|
|
|
.block6 .w1400 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-bottom: 100px; overflow: hidden;display: block;}
|
|
.block6 .w1400 .img { font-size: 0; width: 100%;height: 100%;position: relative;}
|
|
.block6 .w1400 .img img{position:absolute;left:50%;top:50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);width:100%;height: auto;max-height:100%;}
|
|
.block6 .w1400 .block-left {width: 50%;height: auto;float: left;padding-right: 35px;}
|
|
.block6 .w1400 .block-left .desc h3{font-size:28px;line-height:68px;font-weight:normal;}
|
|
.block6 .w1400 .block-left .desc p{font-size:16px;line-height:32px;color: #666666;min-height:175px;}
|
|
.block6 .w1400 .block-left .desc{}
|
|
.block6 .w1400 .block-right {width: 50%;height: 100%;right:0;position: absolute;padding-left: 35px;padding-bottom:100px;}
|
|
.block6 .w1400 ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
|
|
.block6 .w1400 ul li { flex:1; text-align: right; position: relative; }
|
|
.block6 .w1400 ul li:first-child {display: inline-block;width: auto;flex:none;}
|
|
.block6 .w1400 ul li p { font-size: 22px; color: #000; font-family: number; }
|
|
.block6 .w1400 ul li p span { font-size: 58px; font-family: number; font-weight: bold; }
|
|
.block6 .w1400 ul li>div {display: inline-block;}
|
|
.block6 .w1400 ul li>div>div { font-size: 18px; color: #333; margin-top: 13px;text-align: left; }
|
|
|
|
|
|
@media (max-width: 750px) {
|
|
.block6 .title {
|
|
padding: 30px 0;
|
|
}
|
|
|
|
.block6 .title p {
|
|
font-size: 7vw;
|
|
line-height: 2;
|
|
}
|
|
|
|
.block6 .title div {
|
|
font-size: 3.5vw;
|
|
}
|
|
|
|
.block6 .w1400 { padding-bottom: 50px; }
|
|
.block6 .w1400 .img { margin-bottom: 30px; }
|
|
|
|
.block6 .w1400 .block-left .desc h3{font-size:24px;}
|
|
.block6 .w1400 .block-left{width:100%;padding-right:0;}
|
|
.block6 .w1400 .block-right{width:100%;padding-bottom:20px;position: relative;padding-left:0;}
|
|
.block6 .w1400 .block-right .img {margin:0;}
|
|
.block6 .w1400 .img img {position: relative;max-height:auto;left: 0;
|
|
top: 0;
|
|
-webkit-transform: translate(0,0);
|
|
-ms-transform: translate(0,0);
|
|
transform: translate(0,0);}
|
|
|
|
.block6 .w1400 ul { -ms-flex-wrap: wrap; flex-wrap: wrap; }
|
|
.block6 .w1400 ul li { width: 50%; margin-bottom: 15px; }
|
|
.block6 .w1400 ul li:nth-child(2n+1)::after { display: none; }
|
|
.block6 .w1400 ul li p { font-size: 5vw; }
|
|
.block6 .w1400 ul li p span { font-size: 7vw; }
|
|
.block6 .w1400 ul li div { font-size: 14px; }
|
|
|
|
}
|