72 lines
3.3 KiB
CSS
Executable File
72 lines
3.3 KiB
CSS
Executable File
.banner{top:6vw; width:100%; left:0;}
|
|
.font-48{line-height: 1.35em;}
|
|
.font-18{line-height: 1.75em;}
|
|
.video_subject{width:100%; overflow: hidden; padding:7vw 0;}
|
|
.video_subject .left{width:29%; float: left; margin-right: 3%;}
|
|
.video_subject .right{width:68%; float: left;}
|
|
|
|
/*第三屏*/
|
|
.series05_three{background-color:#333435; overflow: hidden; padding-bottom: 0.6%}
|
|
.series05_three li{margin-top:0.6%; margin-right: 0.6%; float: left; width:49.4%; position: relative;}
|
|
.series05_three li:nth-child(2n){margin-right: 0;}
|
|
.series05_three .title{position: absolute; background-color:rgba(0,0,0,0.5); bottom: 0; height: 80px; width:100%; z-index: 2; line-height:80px;}
|
|
|
|
.series35_left{width:23%; float: left;}
|
|
.series35_right{width:38%; float: right;}
|
|
.series35_mt{margin-top:13vw;}
|
|
.series35_left .des{width:74%;}
|
|
.series35_two_right{width:28%; float: right;}
|
|
.series35_four_left{width:52.6%; float: left; margin-left:5%; margin-top:8.5vw; text-align: center;}
|
|
.series35_four_right{width:34%; float: right; margin-top:13vw;}
|
|
.series35_border{border:1px solid rgba(255,255,255,0.2); overflow: hidden; padding-top:4vw; margin-top:2.3vw;}
|
|
|
|
.series35_border ul{width:88%; margin:auto;}
|
|
.series35_border ul li{float: left;}
|
|
.series35_border li:nth-child(1){width:36%; margin-right: 12%; margin-left:8%; margin-bottom: 3vw;}
|
|
.series35_border li:nth-child(2){width:36%; margin-right:8%; margin-bottom: 3vw;}
|
|
.series35_border li div:nth-child(1) img{height: 100%; margin-top:-2px; margin-right: 10px;}
|
|
.series35_border li:nth-child(3), .series35_border li:nth-child(4), .series35_border li:nth-child(5){width:30%;margin-right: 5%; margin-bottom: 3vw;}
|
|
.series35_border li:nth-child(5){margin-right: 0;}
|
|
.line_height{height: 1px; width:35px; background-color:rgba(252,252,252,0.6); margin:0.5vw auto;}
|
|
|
|
/*第七屏*/
|
|
.series35_07{background: #0e0e17 url(../../images/series35/series35_07.jpg) no-repeat center; padding-top:5vw; padding-bottom: 5vw;}
|
|
/*产品列表*/
|
|
.series35_list{ margin-left:auto; margin-right: auto; margin-top:3%; margin-bottom: 2%;}
|
|
@media screen and (min-width:1200px){
|
|
.series35_list{width:1080px;}
|
|
}
|
|
@media screen and (max-width:1199px){
|
|
.series35_list{width:96%;}
|
|
}
|
|
|
|
/*自适应*/
|
|
@media screen and (max-width:1460px){
|
|
.font-60{font-size: 2.5em}
|
|
.font-32{font-size: 1.25em;}
|
|
.series35_left{width:34%;}
|
|
.series35_four_left{margin-top:5vw;}
|
|
.series35_four_right{width:38%; margin-top:6vw;}
|
|
.series05_three .title{height: 40px; line-height: 40px;}
|
|
.series35_border img{width:2.4vw;}
|
|
.series35_border li div:nth-child(1) img{margin-top:0;}
|
|
}
|
|
@media screen and (max-width:1280px){
|
|
.series35_border li:nth-child(1){width:38%; margin-right: 10%; margin-left:7%; margin-bottom: 3vw;}
|
|
.series35_border li:nth-child(2){width:38%; margin-right:7%; margin-bottom: 3vw;}
|
|
}
|
|
@media screen and (max-width:960px){
|
|
.font-60{font-size: 2em}
|
|
.font-32{font-size: 1em;}
|
|
.series35_two_right{width:40%;}
|
|
.series35_right{width:45%;}
|
|
.series35_left{width:38%;}
|
|
.padding-t-60{padding-top:0;}
|
|
.light_height_48{line-height: 30px;}
|
|
.series35_border img{width:2.8vw;}
|
|
.series35_border li div:nth-child(1) img{margin-top:0;}
|
|
.series35_border ul{width:96%;}
|
|
.series35_border li:nth-child(1){width:42%; margin-right: 8%; margin-left:4%; margin-bottom: 3vw;}
|
|
.series35_border li:nth-child(2){width:42%; margin-right:4%; margin-bottom: 3vw;}
|
|
|
|
} |