178 lines
7.8 KiB
CSS
Executable File
178 lines
7.8 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_new{width:100%; }
|
|
.culture_new .title{font-size: 2.25em; color:#101010; padding:4% 0 1%; font-weight: 600; line-height: 1.8em;}
|
|
.culture_new .des{font-size: 1.125em; color:#737373; width:70%; margin:auto; line-height: 2em; }
|
|
.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: 1.125em; text-align: center; padding-top:5%; padding-bottom: 2%;}
|
|
.culture_new li .list-des{color: #737373; text-align: center; font-size: 0.875em; width:96%; line-height: 1.8em; margin-bottom: 3%; nargub-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.375em; color:#101010; line-height: 2em; margin-bottom: 2%;}
|
|
.culture_new_gray .subtitle{font-size: 1em; color:#737373; margin-bottom: 2%; line-height: 1.8em;}
|
|
.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: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%;}
|
|
}
|
|
/*我们会*/
|
|
@media screen and (min-width:1516px){
|
|
.culture_weweill {width:1516px; margin:auto;}
|
|
}
|
|
@media screen and (max-width:1515px){
|
|
.culture_weweill {width:96%; margin:auto;}
|
|
}
|
|
.c_wewill_p {padding: 3% 0;}
|
|
.culture_left {width:31%; float: left;}
|
|
.culture_left img {width:100%;}
|
|
.culture_r {position: relative;width:65%; float: right;}
|
|
.cu_img_t {text-align:right; position: absolute;right: 0;top:0;}
|
|
.font_color {color:#0e0e0e;}
|
|
.cul_line {width:40px; height: 3px; background: #0e0e0e; margin: 2% 0;}
|
|
.cul_text {color: #868686; width:90%;}
|
|
|
|
|
|
@media screen and (min-width:1280px){
|
|
.culture_all {padding-top:6%;position: absolute;}
|
|
.cul_text {line-height:2em;}
|
|
.cul_text_p {padding-top:7%;}
|
|
.cul_font_01 { font-size: 2.25em;}
|
|
.cul_text {font-size: 1.1em;}
|
|
}
|
|
|
|
@media (min-width:900px) and (max-width:1279px){
|
|
.culture_all {padding-top:4%;position: absolute; left:2%;}
|
|
.cul_text {line-height:1.5em;}
|
|
.cul_text_p {padding-top:4%;}
|
|
.cul_font_01 { font-size: 1.5em;}
|
|
.cul_text {font-size: 1.1em;}
|
|
}
|
|
|
|
@media (min-width:768px) and (max-width:899px){
|
|
.culture_all {padding-top:5%;position: absolute; left:2%;}
|
|
.cul_text {line-height:1.5em;}
|
|
.cul_text_p {padding-top:3%;}
|
|
.cul_font_01 { font-size: 1.5em;}
|
|
.cul_text {font-size: 0.9em;}
|
|
}
|
|
|
|
@media (max-width:767px){
|
|
.culture_left {width:99.5%; margin:0 auto 2%; text-align: center;}
|
|
.culture_all {}
|
|
.cul_text {line-height:1.8em;}
|
|
.cul_text_p {padding-top:3%;}
|
|
.cul_font_01 { font-size: 1.2em;}
|
|
.cul_text {font-size: 0.9em;}
|
|
.culture_r { width:99.5%; margin: auto;}
|
|
.cu_img_t {display: none;}
|
|
.cul_line{margin: 1% 0;}
|
|
}
|
|
|
|
/*新技术专研实力*/
|
|
.wewill_bg {background: #f1f1f1;}
|
|
@media screen and (min-width:1440px){
|
|
.weweill_w {width:1440px; margin:auto;}
|
|
}
|
|
@media screen and (max-width:1399px){
|
|
.weweill_w {width:98%; margin:auto;}
|
|
}
|
|
.we_tech_img {padding: 3% 0; }
|
|
.we_white {background: #fff;}
|
|
.we_title { text-align: center; color: #101010; font-weight: 600; padding-bottom: 5%;}
|
|
@media screen and (min-width:768px){
|
|
.we_tech_img {width:32.53%; }
|
|
.we_title,.we_change {font-size:2.25em;}
|
|
}
|
|
@media screen and (max-width:767px){
|
|
.we_tech_img {width:98%; margin:0 auto 2%;}
|
|
.we_img_s { text-align: center; width:90%; margin:auto; }
|
|
.we_title,.we_change {font-size:1.5em; padding: 2% 0 5%;}
|
|
}
|
|
|
|
.we_tech_img:last-child{margin-right: none;}
|
|
.we_img_s { text-align: center; }
|
|
.we_img_s img {max-width:100%; text-align: center;}
|
|
.we_tech_title{ font-size: 1.125em; text-align: center; padding: 3% 0 2%; font-weight: 600;color: #333;}
|
|
.we_tech_text {font-size: 0.9em; text-align: center; width:88%; margin: auto;}
|
|
|
|
.we_tech_height {width:1%;}
|
|
.we_change_height {width:15%;}
|
|
|
|
@media screen and (min-width:768px){
|
|
.lj-tech-Table{display: table;}
|
|
.lj-tech-Table .Table-Row{display: table-row;}
|
|
.lj-tech-Table .Table-Row .Table-Cell{display: table-cell;}
|
|
}
|
|
.we_change { text-align: center; color: #101010; font-weight: 600; padding-bottom: 2%;}
|
|
.we_change_small { margin: auto; text-align: center; font-size: 1.1em;color: #737373; line-height: 1.8em;}
|
|
.wewill_change_img { padding: 2% 0 0;}
|
|
.wewill_change_img li img {width:100%;}
|
|
.wewill_change_img li{ margin-right:4%;text-align: center;}
|
|
.wewill_change_img li h4 { text-align: center;color: #333; }
|
|
|
|
@media screen and (min-width:768px){
|
|
.wewill_change_img li h4{font-size:1.1em;padding: 6% 0 0;}
|
|
.we_change_small {width:60%;}
|
|
.wewill_change_img li{width:30.33%; float: left; }
|
|
.wewill_change_img li:last-child {margin-right: 0;}
|
|
}
|
|
@media screen and (max-width:767px){
|
|
.wewill_change_img li h4{font-size:1.2em;padding: 6% 0;}
|
|
.we_change_small {width:90%;}
|
|
.wewill_change_img li{width:90%; margin: auto; text-align: center;}
|
|
|
|
}
|
|
|
|
.wewill_blame {padding-bottom: 3%;}
|
|
.we_blame_text {font-size: 0.9em; text-align: center; width:80%; margin: auto;}
|
|
|