.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: 2.25em; font-weight: 600; color: #101010; text-align: center; padding-top: 4%; padding-bottom: 2%; line-height: 1.8em; } .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.5em; color: #101010; line-height: 1.8em; margin-bottom: 2.8%; } .culture_vision .left p { display: inline-block; width: 90%; margin-left: 10%; text-align: left; } .culture_vision .right p { display: inline-block; width: 90%; margin-right: 10%; text-align: left; } .culture_vision .des { font-size: 1em; color: #737373; line-height: 1.8em; } .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: 2.6em; } .culture_new_banner .des { font-size: 1.125em; 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: 2.25em; color: #333; padding: 4.5% 0 1%; font-weight: 600; line-height: 2em; } .culture_new .des { font-size: 1.125em; color: #737373; width: 70%; margin: auto; line-height: 1.8em; } .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: left; font-size: 0.875em; width: 92%; line-height: 1.8em; 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 #333; display: inline-block; } .culture_new_gray .title { font-size: 1.5em; color: #101010; line-height: 2em; margin-bottom: 3%; } .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%; } } /*我们会*/ @media screen and (min-width: 1440px) { .culture_weweill { width: 1440px; margin: auto; } } @media screen and (max-width: 1339px) { .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; font-weight: 600; } .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: 3.5%; } .cul_font_01 { font-size: 2em; } .cul_text { font-size: 1.125em; } } @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: 2em; } .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.5em; } .cul_text { font-size: 0.9em; } .culture_r { width: 99.5%; margin: auto; } .cu_img_t { display: none; } .cul_line { margin: 2% 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: #333; font-weight: 600; padding-bottom: 3.5%; } @media screen and (min-width: 768px) { .we_tech_img { width: 32.53%; } .we_title, .we_change { font-size: 2em; } } @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; font-weight: 600; color: #333; } .we_tech_text { font-size: 1em; text-align: left; width: 88%; margin: auto; color: #737373; line-height: 1.8em; } .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.5%; } .we_change_small { margin: auto; text-align: center; font-size: 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.125em; 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: left; width: 80%; margin: auto; } /*我们是*/ .weare_bg { background: #fff; } @media screen and (min-width: 1100px) { .weare_idea { width: 50%; padding: 2% 4%; float: left; } .weare_img_r { width: 38%; float: right; } .weare_text { font-size: 1em; line-height: 1.6em; } } .weare_c_all { line-height: 0.1em; padding: 3% 4.5% 5%; vertical-align: middle; } .weare_c_b { color: #101010; font-size: 2em; font-weight: 600; } .weare_c_a { color: #737373; font-size: 2em; } .weare_p { margin: 0 2%; } .weare_text p { padding: 1% 0; } @media (min-width: 900px) and (max-width: 1099px) { .weare_idea { width: 46%; padding: 2%; float: left; } .weare_idea h5 img { max-width: 70%; } .weare_img_r { width: 50%; float: right; } .weare_text { font-size: 1em; line-height: 1.5em; } } @media (min-width: 768px) and (max-width: 899px) { .weare_idea { width: 46%; padding: 2%; float: left; } .weare_idea h5 img { max-width: 60%; } .weare_img_r { width: 50%; float: right; } .weare_img_r img { width: 100%; } .weare_text { font-size: 0.8em; line-height: 1.5em; } } @media (max-width: 767px) { .weare_idea { width: 96%; padding: 3% 2%; margin: auto; } .weare_idea h5 img { max-width: 50%; } .weare_img_r { width: 96%; margin: auto; } .weare_img_r img { width: 100%; margin-bottom: 5%; } .weare_text { font-size: 1em; line-height: 1.8em; } } .weare_h { margin-bottom: 3%; } .weare_text { text-indent: 2em; } .weare_office { font-size: 1.5em; text-align: center; padding-bottom: 2%; color: #333; } .weare_office_img { padding: 2% 0 0; } .weare_office_img li h4 { text-align: center; color: #333; } @media screen and (min-width: 768px) { .weare_office_img li h4 { font-size: 1.1em; padding: 6% 0 0; } .weare_office_img li { margin-right: 1.5%; text-align: center; } .we_change_small { width: 60%; } .weare_office_img li { width: 32.33%; float: left; } .weare_office_img li:last-child { margin-right: 0; } .weare_office_img li img { width: 100%; } } @media screen and (max-width: 767px) { .weare_office_img li h4 { font-size: 1.2em; padding: 6% 0; } .we_change_small { width: 96%; } .weare_office_img li { margin: 2% auto; width: 96%; } .weare_office_img li img { margin-bottom: 2%; width: 100%; } } .weare_p { padding-top: 3%; } .weare_icon_title { font-size: 1.5em; text-align: center; padding: 5% 0; font-weight: 600; color: #333; }