144 lines
5.6 KiB
CSS
Executable File
144 lines
5.6 KiB
CSS
Executable File
.Industry_title{font-size:2.25em; line-height: 1.5em; font-weight: 600; font-family: "LATO-MEDIUM";}
|
|
.Industry_subtitle{font-size: 1.5em; line-height: 1.8em;}
|
|
.Industry_des{font-size:1em; line-height: 1.6em;}
|
|
.Industry_Gray_bg{background-color:#f5f5f5; overflow: hidden;}
|
|
.Industry_white_bg{background-color:#FFF; overflow: hidden;}
|
|
/*Banner*/
|
|
.Industry_Banner{position: relative;height: 600px; background-image: url(../../images/industry/industry_Banner.jpg);}
|
|
.Industry_Banner img{height:600px;}
|
|
.Industry_Banner .all{position: absolute; left:0; top:0; width:100%;}
|
|
.Industry_Banner .all_text{margin-top:10vw; margin-bottom: 8vw; overflow:hidden; color:#FFF; width:60%;}
|
|
.Industry_Banner .title{font-size: 3em; line-height: 2em; font-family: "LATO-MEDIUM"; font-weight: 600; }
|
|
.Industry_Banner .des{font-size: 1.125em; margin-top:1%; line-height: 1.8em;}
|
|
@media screen and (max-width:1479px){
|
|
.Industry_Banner .all_text{width:80%; margin-left:auto; margin-right: auto; margin-top:15%;}
|
|
}
|
|
@media screen and (max-width:960px){
|
|
.Industry_Banner .all{height: 200px; top:50%; margin-top:-100px;}
|
|
.Industry_Banner .all_text{width:90%; margin:auto; }
|
|
.Industry_Banner .title{text-align: center;}
|
|
.Industry_Banner .des{text-align: center;}
|
|
}
|
|
@media screen and (max-width:540px){
|
|
.Industry_Banner .all{height: 300px; top:50%; margin-top:-150px;}
|
|
.Industry_Banner .title{line-height: 1.2em; margin-bottom: 5%;}
|
|
}
|
|
|
|
/*第一屏*/
|
|
.Industry_02{padding-top:2vw; padding-bottom: 2vw;}
|
|
.Industry_02 .left, .Industry_02 .right{float: left;}
|
|
.Industry_02 .left img{width:100%;}
|
|
.Industry_02 .right img{width:15.63vw;}
|
|
.Industry_02 .des{line-height: 1.8em;}
|
|
@media screen and (min-width:1480px){
|
|
.Industry_02 .left{width:927px; margin-right:44px;}
|
|
.Industry_02 .right{width:430px;}
|
|
}
|
|
@media screen and (max-width:1479px){
|
|
.Industry_02 .left{width:65%; margin-right:2%;}
|
|
.Industry_02 .left img{width:100%;}
|
|
.Industry_02 .right{width:32%; margin-top:5%;}
|
|
.Industry_02 .img-responsive{display: none;}
|
|
|
|
}
|
|
@media screen and (max-width:1280px){
|
|
.Industry_02 .left{margin-right:3%;}
|
|
.Industry_02 .right{width:30%; margin-top:2%;}
|
|
.Industry_02 .Industry_title{line-height: 1em; margin-bottom: 1%;}
|
|
.Industry_02 .des{line-height: 1.5em;}
|
|
}
|
|
.Industry_02 .Industry_title{color:#101010;}
|
|
@media screen and (max-width:900px){
|
|
.Industry_02 .left, .Industry_02 .left img{width:100%;}
|
|
.Industry_02 .right{width:90%; padding:1% 5% 3%;}
|
|
|
|
}
|
|
/*第三屏*/
|
|
.Industry_03{padding-top:3vw; padding-bottom: 4.2vw;}
|
|
.Industry_03 li{float: left; position: relative; width:49%;}
|
|
.Industry_03 li:last-child{float: right;}
|
|
.Industry_03 .text{color:#FFF; position: absolute; left:9%; width:42%; top:10%; font-size: 1em; line-height: 1.8em;}
|
|
.Industry_03 .Industry_title{color:#101010; text-align: center; margin-bottom: 2.2vw;}
|
|
@media screen and (max-width:1080px){
|
|
.Industry_03 .text{width:60%; line-height: 1.6em;}
|
|
}
|
|
@media screen and (max-width:768px){
|
|
.Industry_03 li{width:100%; margin-bottom: 2vw;}
|
|
.Industry_03 li:last-child{margin-bottom: 0;}
|
|
}
|
|
/*第四屏*/
|
|
.Industry_04{background-image: url(../../images/industry/industry_04.jpg); padding-top:3.9vw; padding-bottom: 3.9vw;}
|
|
.Industry_bg{background: #049bd8; overflow: hidden; color:#FFF; padding:4.5% 6.5%;}
|
|
|
|
.Industry_04 .left{width:47%; float: left;}
|
|
.Industry_04 .Industry_title{width:100%; margin-top:3%;}
|
|
.Industry_04 img{width:50.95%; margin-top:1.5%; margin-bottom: 1%;}
|
|
.Industry_04 .right{width:53%; float: left;}
|
|
.Industry_04 .Industry_des{width:57%; margin:auto;}
|
|
.Industry_04 .Industry_des p{margin-top:8%; font-size: 1.125em;}
|
|
@media screen and (max-width:1080px){
|
|
.Industry_04 .left{width:60%;}
|
|
.Industry_04 .right{width:40%;}
|
|
.Industry_04 .Industry_des{width:96%;}
|
|
}
|
|
@media screen and (max-width:768px){
|
|
.Industry_04 .left{width:100%;}
|
|
.Industry_04 .right{width:100%; margin-bottom: 3%;}
|
|
.Industry_04 img{display: none;}
|
|
.Industry_04 .Industry_title{margin-top:0%;}
|
|
.Industry_04 .Industry_des p{margin-top:4%;}
|
|
|
|
}
|
|
/*第五屏*/
|
|
.Industry_05 {padding-top:3vw; padding-bottom: 3vw;}
|
|
.Industry_05 .Industry_title{color:#101010; text-align: center; margin-bottom: 2vw;}
|
|
.Industry_05 .Industry_subtitle{color:#333333;}
|
|
.Industry_05 .Industry_des{color:#737373;}
|
|
.Industry_05 ul{width:100%;}
|
|
.Industry_05 li{width:24%; margin-right:1%; background-color:#FFF; overflow: hidden;}
|
|
.Industry_05 li:nth-child(2n){width:1%; background-color:#f5f5f5;}
|
|
.Industry_05 .all_text{width:80%; margin:10% auto; position: relative; top:0px; }
|
|
.Industry_05 .Industry_subtitle{margin-bottom:4%; font-weight: 600;}
|
|
.Industry_05 .img-responsive {position: relative; bottom:0px; text-align: center;}
|
|
|
|
|
|
@media screen and (min-width:1080px){
|
|
.swt-Table_Industry{display: table; width:100%;}
|
|
.swt-Table_Industry .Table-Row{display: table-row;}
|
|
.swt-Table_Industry .Table-Row .Table-Cell{display: table-cell; margin:0; padding:0;}
|
|
}
|
|
|
|
|
|
|
|
@media screen and (min-width:1080px){
|
|
.Industry_05 .all_text{height: 205px;}
|
|
}
|
|
@media screen and (min-width:769px) and (max-width:1079px){
|
|
.Industry_05 .all_text{height: 130px; line-height: 1.5em; text-align: center;}
|
|
.Industry_05 li{width:47%; margin-right: 1.5%; margin-left:1.5%; float: left;}
|
|
.Industry_05 li:nth-child(2n){display: none;}
|
|
}
|
|
@media screen and (min-width:361px) and (max-width:768px){
|
|
.Industry_05 li{width:47%; margin-right: 1.5%; margin-left:1.5%; float: left;}
|
|
.Industry_05 li:nth-child(2n){display: none;}
|
|
.Industry_05 .all_text{height: 170px;}
|
|
}
|
|
@media screen and (min-width:361px) and (max-width:480px){
|
|
.Industry_05 .all_text{height: 200px;}
|
|
}
|
|
@media screen and (max-width:360px){
|
|
.Industry_05 li{width:100%;}
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|