.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_top{ background: #F2F2F2; } .culture_top img{ height: auto; max-width: 100%; } .culture_bril_con {background: #F2F2F2; overflow: hidden; display:flex} .culture_bril_div {width:29%;height:597px;background: #fff; overflow: hidden;text-align:center;margin-left:6%;margin-top:80px;margin-bottom:80px;border-radius:16px} .culture_bril_div:first-child{margin-left:0;} .culture_bril_div .iconimg{margin:0 auto;margin-top:50px;} .culture_bril_div .title{font-size:18px;font-weight:600;font-family: Montserrat-Bold, Montserrat;margin-top:32px;width: 90%;margin-left: 5%;} .culture_bril_div .subtitle{width:80%;font-size:14px;color: #707070;font-family: Montserrat-Medium, Montserrat;margin-top:22px;margin-left:10%} @media screen and (min-width:1461px) and (max-width:1720px){ .culture_bril_div .iconimg{margin:0 auto;margin-top:36px;} .culture_bril_div .iconimg img{margin:0 auto;width:323px;height:178px} } @media screen and (max-width:1459px){ .culture_bril_div {width:29%;height:450px;background: #fff; overflow: hidden;text-align:center;margin-left:6%;margin-top:80px;margin-bottom:80px;border-radius:16px} .culture_bril_div .iconimg{margin:0 auto;margin-top:36px;} .culture_bril_div .iconimg img{margin:0 auto;width:283px;height:138px} .culture_bril_div .title{font-size:14px;font-weight:600;font-family: Montserrat-Bold, Montserrat;margin-top:25px;} .culture_bril_div .subtitle{width:80%;font-size:10px;color: #707070;font-family: Montserrat-Medium, Montserrat;margin-top:15px;margin-left:10%;padding-bottom:5%} } .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 .left img,.culture_vision .right img{ border-radius: 16px; } .culture_vision .center { width: 6.6%; } .culture_vision .right { width: 46.7%; text-align: center; vertical-align: middle; } .culture_vision .subtitle { font-size: 20px; color: #101010; line-height: 2em; margin-bottom: 2%; font-weight: 600; font-family: Montserrat-Bold, Montserrat; } .culture_vision .left p { text-align: left; display: inline-block; width: 90%; } .culture_vision .right p { margin-left: 5%; text-align: left; display: inline-block; width: 90%; margin-right: 10%; } .culture_vision .des { font-size: 16px; color: #737373; line-height: 1.6rem; font-family: Montserrat-Medium, Montserrat; } .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; } .culture_vision .subtitle { color: #101010; line-height: 2em; margin-bottom: 2%; font-weight: 600; } .culture_vision .des { color: #737373; line-height: 1.6em; } .culture_vision .right p { margin-left: 0; } .culture_vision .left p { margin-left: -10%; } } @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: left; 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: left; } .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: left; 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%; } } @media screen and (min-width:769px){ .swt-Table{display: table; width:100%;} .swt-Table .Table-Row{display: table-row;} .swt-Table .Table-Row .Table-Cell{display: table-cell; margin:0; padding:0;} } /*我们是*/ .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%; } }