45 lines
2.3 KiB
CSS
Executable File
45 lines
2.3 KiB
CSS
Executable File
.honner_title{font-size: 2em; text-align: center; line-height: 2em; font-weight: 600;}
|
|
.honner_des{font-size: 1.125em; text-align: center; line-height: 1.875em; margin-top:0.8vw;}
|
|
@media screen and (max-width:960px){
|
|
.honner_title{font-size: 1.875em;}
|
|
.honner_des{font-size: 1.125em; width:90%; margin:auto;}
|
|
}
|
|
/*第一屏*/
|
|
.honner_01{background-image:url(../../images/honor/honner_bg_01.jpg); background-position:center; padding-top:8.8vw; padding-bottom: 8.8vw;}
|
|
.honner_01 .swt-Container{background-color:rgba(4,149,208,0.83); overflow: hidden;}
|
|
.honner_01_all{color:#FFF; padding:6% 11% 7%; width:78%;}
|
|
.honner_01_text{width:94%; padding-left: 6%;}
|
|
.honner_01 p{font-size: 1.125em; line-height: 2em;}
|
|
.honner_01_list{width:100%; margin-top:2.8%; overflow: hidden;}
|
|
.honner_01_list li{width:33.3%; text-align: center; float: left;}
|
|
.honner_01_list .big_text{font-size: 2.25em; line-height: 2em;}
|
|
.honner_01_list .small_text{font-size: 1.125em; line-height: 1.5em;}
|
|
@media screen and (max-width:960px){
|
|
.honner_01_all{color:#FFF; padding:4% 5% 5%; width:90%;}
|
|
.honner_01_list .big_text{font-size: 1.875em; line-height: 2em;}
|
|
.honner_01_list{margin-top:1%;}
|
|
.honner_01 p{font-size: 1.125em;}
|
|
.honner_01_list .small_text{font-size: 1.125em;}
|
|
}
|
|
@media screen and (max-width:480px){
|
|
.honner_01_list li{width:100%; margin-top:1%; margin-bottom: 1%; overflow: hidden;}
|
|
}
|
|
/*第二、三、四屏*/
|
|
.honner_02{background-image:url(../../images/honor/honner_bg_02.jpg); background-position:center; padding-top:2.5vw; color:#FFF;}
|
|
|
|
.honner_03{background-image:url(../../images/honor/honner_bg_03.jpg); background-position:center; padding-top:2.5vw; }
|
|
.honner_04{background-image:url(../../images/honor/honner_bg_04.jpg); background-position:center; padding-top:2.5vw; color:#FFF;}
|
|
|
|
@media screen and (min-width:1480px){
|
|
.honner_02 img, .honner_03 img, .honner_04 img, .honner_05 img{width:1440px;}
|
|
}
|
|
@media screen and (max-width:1479px){
|
|
.honner_02 img, .honner_03 img, .honner_04 img, .honner_05 img{width:96vw;}
|
|
}
|
|
.honner_03 .honner_title, .honner_05 .honner_title{color:#333;}
|
|
.honner_03 .honner_des, .honner_05 .honner_des{color:#737373}
|
|
.honner_02 .swt-Container{margin-top:0.8vw;}
|
|
.honner_03 .swt-Container{margin-top:0.6vw;}
|
|
/*第五屏*/
|
|
.honner_05{background-color:#f1f1f1; overflow: hidden; padding-top:2.5vw; padding-bottom: 0vw;}
|
|
|