201 lines
10 KiB
CSS
Executable File
201 lines
10 KiB
CSS
Executable File
.culture-Menu{background-color:#f1f1f1; overflow: hidden;}
|
|
.culture{background-color:#e8eef0; overflow: hidden}
|
|
.culture .title{color:#002855; font-weight: 600; padding:5% 0 3%;}
|
|
.culture .punctuation{color:#ff9800; margin-left:8px; font-size: 1.25em;}
|
|
@media screen and (min-width:1440px){
|
|
.culture-Menu img{margin:auto;}
|
|
.culture .Container{width:1440px; margin:auto;}
|
|
}
|
|
@media screen and (max-width:1339px){
|
|
.culture-Menu img{margin:auto; width:27%;}
|
|
.culture .Container{width:96%; margin:auto;}
|
|
}
|
|
.culture .des{width:90%; margin: 0 auto 2%; color:#002855; line-height: 2em}
|
|
.culture .line{width:4.25%; height: 5px; background-color:#002855; overflow: hidden; margin:0 auto 2%;}
|
|
.culture-l{width:12%; float: left; text-align: right; padding-right:2%; line-height: 2em; padding-top:2em; font-family: "SourceHanSans-Light"; font-weight: bold;color:#002855;}
|
|
.culture-l span{display: block; position: absolute; width: 10px; height: 10px; border-radius: 5px; background-color: #002855;right: -5px; top: 2.5em;}
|
|
.culture-r{border-left:1px solid #b0bbc7; width:72%; float: left; padding-left:7%; line-height: 2em; padding-top:2em; font-family: "SourceHanSans-Light"}
|
|
.culture-Menu .Menu{margin-bottom:3%; overflow: hidden}
|
|
.culture-Menu a{display:inline-block;border-radius:2em; margin-left:1%; color: #009fdf; text-decoration: none; cursor: pointer;}
|
|
.culture-Menu .active{background-color:#002855; border:2px solid #002855; color:#FFF;}
|
|
@media screen and (min-width:480px){
|
|
.culture-Menu a{ padding:0.5% 2%; margin-right:1%; border:2px solid #009fdf;}
|
|
}
|
|
@media screen and (max-width:479px){
|
|
.culture-Menu a{ padding:0.5% 1.5%; margin-right:0.5%; border:1px solid #009fdf;}
|
|
}
|
|
|
|
|
|
|
|
/*愿景与使命*/
|
|
.culture_vision{background-color:#FFF; overflow: hidden}
|
|
.culture_vision .title{font-size: 3em; font-weight: 600; color:#101010; text-align: center; padding-top:2.3%; padding-bottom: 2%; line-height: 2em; font-family: "LATO-MEDIUM"}
|
|
.culture_vision .left{width:46.7%; text-align: center; vertical-align: middle;}
|
|
.culture_vision .center{width:6.6%;}
|
|
.culture_vision .right{width:46.7%; text-align: center; vertical-align: middle;}
|
|
.culture_vision .subtitle{font-size: 1.75em; color:#101010; line-height: 2em; margin-bottom: 2%; font-weight: 600;}
|
|
.culture_vision .left p{display: inline-block; width:90%; margin-left:10%;}
|
|
.culture_vision .right p{display: inline-block; width:90%; margin-right: 10%;}
|
|
.culture_vision .des{font-size: 1em; color:#737373; line-height: 1.6em;}
|
|
.culture_vision .swt-Table{margin-bottom:4%;}
|
|
@media screen and (max-width:768px){
|
|
.culture_vision .left, .culture_vision .right{width:100%;}
|
|
.culture_vision p{width:90%; margin-left:5%; margin-right: 5%;}
|
|
.culture_vision .subtitle{margin-top:5%;}
|
|
.culture_vision_02 {display: none;}
|
|
.culture_vision_view{display: block;}
|
|
.culture_vision .left p{margin-left:5%;}
|
|
}
|
|
@media screen and (min-width:769px){
|
|
.culture_vision_02 {display: block;}
|
|
.culture_vision_view{display: none;}
|
|
|
|
}
|
|
/*文化与价值观*/
|
|
.culture_new_banner{width:100%; position: absolute; color:#FFF; bottom:32vw; text-align: center;}
|
|
.culture_new_banner .title{font-size: 3em; line-height: 2em;}
|
|
.culture_new_banner .des{font-size: 1em; line-height: 1.6em;}
|
|
@media screen and (max-width:1440px){
|
|
.culture_new_banner .title{font-size: 2em; line-height: 2em;}
|
|
.culture_new_banner .des{font-size: 1em; line-height: 1.6em;}
|
|
|
|
}
|
|
@media screen and (max-width:768px){
|
|
.culture_new_banner .des{display: none;}
|
|
}
|
|
@media screen and (max-width:480px){
|
|
.culture_new_banner{bottom:30vw;}
|
|
.culture_new_banner .title{font-size: 1.5em;}
|
|
}
|
|
|
|
.culture_new{width:100%; }
|
|
.culture_new .title{font-size: 2em; color:#101010; padding:4.5% 0 0.6%; font-weight: 600; line-height: 1.8em; font-family: "LATO-MEDIUM";}
|
|
.culture_new .des{font-size: 1em; color:#737373; width:70%; margin:auto; line-height: 1.6em; }
|
|
.culture_new ul{margin-top:3%; margin-bottom: 3%; }
|
|
.culture_new li{width:29.4%; padding:1.5%; box-shadow: 5px 5px 15px rgba(0,0,0,0.1);margin-bottom: 4%;}
|
|
.culture_new li .list-title{color: #333333; font-size: 1em; text-align: center; padding-top:5%; padding-bottom: 3.5%; font-weight: 600;}
|
|
.culture_new li .list-des{color: #737373; text-align: center; font-size: 1em; width:92%; line-height: 1.6em; margin-bottom: 3%; margin-left:auto; margin-right: auto;}
|
|
.culture_new .R-margin{width:1.4%; box-shadow: none; padding:0;}
|
|
.culture_new_gray{width:100%; background-color:#f5f5f5; padding:2.8% 0; overflow: hidden;}
|
|
.culture_new_gray .center_bg{background-color:#FFF; overflow: hidden;}
|
|
.culture_new_gray .left{width:50.3%; float: left;}
|
|
.culture_new_gray .right{width:49.7%; float: right;}
|
|
.culture_new_gray .content{width:95%; margin:3% 2% 3% 3%;}
|
|
.culture_new_gray p{display: inline-block; width:100%; margin:auto; }
|
|
.culture_new_gray p span{border-bottom:2px solid #101010; display: inline-block;}
|
|
.culture_new_gray .title{font-size: 1.5em; color:#101010; line-height: 1.8em; margin-bottom: 2.8%; font-weight: 600;}
|
|
.culture_new_gray .subtitle{font-size: 1em; color:#737373; margin-bottom: 2.7%; line-height: 1.6em;}
|
|
.culture_new_gray .des{font-size: 0.875em; color:737373; line-height: 1.8em;}
|
|
|
|
@media screen and (min-width:540px){
|
|
.culture_new .swt-Table{display: table; width:100%; margin-top:3.4%; margin-bottom: 4.5%;}
|
|
.culture_new .swt-Table .Table-Row{display: table-row;}
|
|
.culture_new .swt-Table .Table-Row .Table-Cell{display: table-cell; text-align: center; padding-top:1.3%; padding-bottom: 1.3%;}
|
|
}
|
|
@media screen and (max-width:539px){
|
|
.culture_new li{width:92%; text-align: center; padding-top:5%; padding-bottom: 5%; margin-left:auto; margin-right: auto;}
|
|
.culture_new .title{padding:3% 0 2% 0;}
|
|
}
|
|
@media screen and (max-width:768px){
|
|
.culture_new_gray .right{width:100%; text-align: center; margin-top:2%;}
|
|
.culture_new_gray .left{width:96%; margin:auto;}
|
|
|
|
}
|
|
@media screen and (max-width:742px){
|
|
.culture_new_gray .right{margin-top:0;}
|
|
.culture_new_gray .right img{width:100%;}
|
|
}
|
|
|
|
/*我们会*/
|
|
.wewill_title{font-size: 2em; font-family: "LATO-MEDIUM"; font-weight: 600; color:#101010;}
|
|
.wewill_des{font-size: 1em; color:#737373; line-height: 1.6em;}
|
|
.wewill_des_text{font-size: 0.875em; line-height: 1.5em; }
|
|
@media screen and (max-width:960px){
|
|
.wewill_title{font-size: 1.5em;}
|
|
.wewill_des{line-height: 1.4em;}
|
|
.wewill_des_text{font-size: 1em;}
|
|
}
|
|
.cul_line {width:40px; height: 3px; background: #0e0e0e; margin: 2% 0;}
|
|
|
|
.wewill_01{padding:3.2% 0; background-image: url(../../images/culture/wewill_bg.jpg); overflow: hidden; background-repeat: no-repeat;}
|
|
.wewill_01 .left{width:32.5%; float: left;}
|
|
.wewill_01 .right{width:55%; float: left; padding-top:5%; padding-left:6%}
|
|
.wewill_01 .wewill_des{margin-top:4%;}
|
|
@media screen and (max-width:1280px){
|
|
.wewill_01 .right{padding-top:3%; width:60%}
|
|
}
|
|
@media screen and (max-width:960px){
|
|
.wewill_01 .right{padding-top:0; width:60%}
|
|
.wewill_01 .wewill_des{margin-top:2%;}
|
|
}
|
|
|
|
@media screen and (max-width:480px){
|
|
.wewill_01 .left{width:100%;}
|
|
.wewill_01 .wewill_title{margin-top:4%;}
|
|
.wewill_01 .right{width:100%; padding:2% 0 3%;}
|
|
.wewill_01 .wewill_des{margin-top:3%;}
|
|
}
|
|
|
|
.wewill_bg {background: #f1f1f1; padding:3% 0;}
|
|
.wewill_02 .wewill_title{text-align: center; margin-bottom: 2.5%;}
|
|
.wewill_02 .wewill_des{text-align: center; font-weight: 600; color:#333333; margin-top:5%; margin-bottom: 3%;}
|
|
.wewill_02 .text_width{width:32.4%; background-color:#ffffff; overflow: hidden; box-shadow: 0px 5px 15px #e6e6e6;}
|
|
.wewill_02 .spacing{width:1.4%;}
|
|
.wewill_02 .text_all{width:88%; margin:6% auto;}
|
|
.wewill_02 .wewill_des_text{text-align: center;}
|
|
.wewill_02 .sub_title{font-size: 1em; color:#737373; width:70%; margin:auto; text-align: center; margin-bottom: 3%;}
|
|
|
|
.wewill_03{background-color:#FFF; overflow: hidden;}
|
|
.wewill_03 .wewill_title{text-align: center; margin-bottom: 2.5%;}
|
|
.wewill_03 .wewill_des{width:70%; margin:auto; text-align: center;}
|
|
.wewill_03 ul{width:100%; margin-top:3%;}
|
|
.wewill_03 li{width:31%; margin-right: 3.5%; float: left;}
|
|
.wewill_03 li:last-child{margin-right: 0;}
|
|
.wewill_03 .wewill_des_text{font-size: 1.25em; font-family: "LATO-MEDIUM"; color:#333333; text-align: center; margin-top:5%;}
|
|
@media screen and (max-width:768px){
|
|
.wewill_02 .text_width{width:100%; margin-bottom: 3%;}
|
|
.wewill_02 .spacing{display: none;}
|
|
.wewill_02 .text_all{width:80%; margin:6% auto; text-align: center;}
|
|
.wewill_03 li{width:100%; text-align: center; overflow: hidden;}
|
|
.wewill_03 li:last-child{margin-bottom: 0;}
|
|
.wewill_03 .wewill_des_text{margin-top:2%; margin-bottom: 5%;}
|
|
.wewill_03 .wewill_des{width:80%;}
|
|
}
|
|
|
|
|
|
/*我们是*/
|
|
.weare_bg {background: #f5f5f5; padding:3vw 0; overflow: hidden;}
|
|
.weare_bg_white{background-color:#FFF;}
|
|
.weare_idea .left{width:70%;}
|
|
.weare_idea .right{width:20%; vertical-align: middle; line-height: 1.4em;}
|
|
.weare_idea_all{width:90%; padding:5%; }
|
|
.weare_idea_all .wewill_title{margin-bottom: 4%;}
|
|
.weare_idea p{margin-bottom: 2%;}
|
|
.weare_idea .margin-top{margin-top:3.5%;}
|
|
|
|
.weare_03{margin-top:5%; margin-bottom: 5%; overflow: hidden;}
|
|
.weare_03 li{width:31%; float: left; margin-right:3.5%; text-align: center;}
|
|
.weare_03 li:last-child{margin-right: 0;}
|
|
.weare_03 .wewill_des{font-weight: 600; margin-top:3%; color:#333333;}
|
|
.weare_03 .wewill_des_text{margin-top:3%; overflow: hidden;}
|
|
|
|
.weare_04 .wewill_title{text-align: center;}
|
|
.weare_04 .wewill_des{text-align: center; color:#333333; margin-top:1.5%; font-weight: 600; font-size: 1.5em;}
|
|
.weare_04 .wewill_des_text{text-align: center; margin-top:1%; width:76%; margin-left:auto; margin-right: auto; font-size: 1em;}
|
|
.weare_04 ul{margin-top:2%; overflow: hidden;}
|
|
.weare_04 li{width:32%; margin-right:2%; float: left;}
|
|
.weare_04 li:last-child{margin-right:0;}
|
|
|
|
@media screen and (max-width:768px){
|
|
.weare_idea .left{width:100%; text-align: center;}
|
|
.weare_idea .right{width:100%; text-align: center; padding-bottom: 7%; overflow: hidden;}
|
|
.weare_idea .right img{max-width:100%; display: block;}
|
|
.weare_03 li{width:100%; margin-top:3%; margin-right:0;}
|
|
.weare_04 li{width:100%; text-align: center; margin-bottom: 2%;}
|
|
}
|
|
|
|
|
|
|
|
|
|
|