|
@@ -0,0 +1,251 @@
|
|
|
|
+.main {
|
|
|
|
+ background-color: rgb(241, 241, 241);
|
|
|
|
+
|
|
|
|
+ .prduct_container {
|
|
|
|
+ position: relative;
|
|
|
|
+ width: 100vw;
|
|
|
|
+ height: 470px;
|
|
|
|
+
|
|
|
|
+ .prduct_background {
|
|
|
|
+ width: 100vw;
|
|
|
|
+ height: 470px;
|
|
|
|
+ position: absolute;
|
|
|
|
+ top: 0;
|
|
|
|
+ left: 0;
|
|
|
|
+ z-index: 10;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .image_text {
|
|
|
|
+ position: absolute;
|
|
|
|
+ top: 110px;
|
|
|
|
+ left: 0;
|
|
|
|
+ width: 100%;
|
|
|
|
+ height: 300px;
|
|
|
|
+ z-index: 10;
|
|
|
|
+ color: #fff;
|
|
|
|
+
|
|
|
|
+ .text_value {
|
|
|
|
+ width: 60%;
|
|
|
|
+ height: 100%;
|
|
|
|
+ margin: auto;
|
|
|
|
+ display: flex;
|
|
|
|
+ justify-content: center;
|
|
|
|
+ align-items: center;
|
|
|
|
+ text-align: center;
|
|
|
|
+
|
|
|
|
+ p:first-child {
|
|
|
|
+ font-size: 32px;
|
|
|
|
+ font-family: Arial;
|
|
|
|
+ font-weight: bold;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ p:last-child {
|
|
|
|
+ font-size: 18px;
|
|
|
|
+ font-family: SourceHanSansSC;
|
|
|
|
+ font-family: bold;
|
|
|
|
+ line-height: 2;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .left_text {
|
|
|
|
+ p {
|
|
|
|
+ font-size: 32px;
|
|
|
|
+ font-family: PingFangSC-regular;
|
|
|
|
+ margin-bottom: 0;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ span {
|
|
|
|
+ font-size: 20px;
|
|
|
|
+ font-family: PingFangSC-regular;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .right_text {
|
|
|
|
+ display: flex;
|
|
|
|
+ justify-content: space-around;
|
|
|
|
+ flex-direction: column;
|
|
|
|
+
|
|
|
|
+ span {
|
|
|
|
+ color: #fff;
|
|
|
|
+ font-family: SourceHanSansSC-regular;
|
|
|
|
+ font-size: 14px;
|
|
|
|
+ position: relative;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ span:before {
|
|
|
|
+ position: absolute;
|
|
|
|
+ content: "";
|
|
|
|
+ display: inline-block;
|
|
|
|
+ top: 50%;
|
|
|
|
+ right: 110%;
|
|
|
|
+ width: 50px;
|
|
|
|
+ height: 1px;
|
|
|
|
+ background-color: #fff;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+ span:first-child {
|
|
|
|
+ font-size: 18px;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ span:first-child:before {
|
|
|
|
+ position: absolute;
|
|
|
|
+ content: "";
|
|
|
|
+ display: inline-block;
|
|
|
|
+ top: 50%;
|
|
|
|
+ right: 110%;
|
|
|
|
+ width: 75px;
|
|
|
|
+ height: 1px;
|
|
|
|
+ background-color: #fff;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .lightspot_container {
|
|
|
|
+
|
|
|
|
+ .light_title {
|
|
|
|
+ font-size: 32px;
|
|
|
|
+ font-family: SourceHanSansSC-regular;
|
|
|
|
+ font-weight: bold;
|
|
|
|
+ text-align: center;
|
|
|
|
+ margin: 44px auto;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .advantage_detail {
|
|
|
|
+ width: 445px;
|
|
|
|
+ line-height: 18px;
|
|
|
|
+ border-radius: 20px;
|
|
|
|
+ background-color: rgba(255, 255, 255, 1);
|
|
|
|
+ display: flex;
|
|
|
|
+ align-items: center;
|
|
|
|
+ flex-direction: column;
|
|
|
|
+
|
|
|
|
+ .advantage_detail_1 {
|
|
|
|
+ font-size: 100px;
|
|
|
|
+ margin: 36px auto;
|
|
|
|
+ color: #58BE70;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .advantage_detail_3 {
|
|
|
|
+ margin: auto;
|
|
|
|
+
|
|
|
|
+ >p {
|
|
|
|
+ display: flex;
|
|
|
|
+ height: 50px;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ span:first-child {
|
|
|
|
+ width: 24px;
|
|
|
|
+ height: 24px;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ span {
|
|
|
|
+ width: 100%;
|
|
|
|
+ height: 24px;
|
|
|
|
+ font-size: 17px;
|
|
|
|
+ color: rgb(51, 51, 51);
|
|
|
|
+ font-family: SourceHanSansSC-regular;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .software_container {
|
|
|
|
+ width: 100vw;
|
|
|
|
+ height: 520px;
|
|
|
|
+ background: rgba(146, 146, 146, .3) url('../../static/web/org/bsns/11.jpg') no-repeat 0 0;
|
|
|
|
+ background-size: 100% 100%;
|
|
|
|
+ background-origin: padding-box;
|
|
|
|
+ background-clip: border-box;
|
|
|
|
+ position: relative;
|
|
|
|
+
|
|
|
|
+ .software_bcg {
|
|
|
|
+ position: absolute;
|
|
|
|
+ width: 100vw;
|
|
|
|
+ height: 520px;
|
|
|
|
+ background-color: rgba(113, 113, 113, .5);
|
|
|
|
+ z-index: 10;
|
|
|
|
+
|
|
|
|
+ .title {
|
|
|
|
+ font-size: 32px;
|
|
|
|
+ color: #fff;
|
|
|
|
+ font-family: SourceHanSansSC-regular;
|
|
|
|
+ text-align: center;
|
|
|
|
+ margin: 48px auto;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .btn {
|
|
|
|
+ width: 70%;
|
|
|
|
+ margin: 0 auto;
|
|
|
|
+ height: 350px;
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+ .ant-btn {
|
|
|
|
+ width: 100%;
|
|
|
|
+ height: 48px;
|
|
|
|
+ border-radius: 9px;
|
|
|
|
+ font-size: 18px;
|
|
|
|
+ line-height: 18px;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .ant-space {
|
|
|
|
+ width: 100%;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .core_function {
|
|
|
|
+ .core_title {
|
|
|
|
+ text-align: center;
|
|
|
|
+ margin: 66px auto;
|
|
|
|
+ font-size: 36px;
|
|
|
|
+ font-family: Arial-regular;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .core_container {
|
|
|
|
+ width: 70%;
|
|
|
|
+ max-width: 100%;
|
|
|
|
+ margin: auto;
|
|
|
|
+ padding: 50px 0;
|
|
|
|
+
|
|
|
|
+ .ant-space-item {
|
|
|
|
+ position: relative;
|
|
|
|
+
|
|
|
|
+ .ant-divider {
|
|
|
|
+ margin: 12px 0;
|
|
|
|
+ width: 30%;
|
|
|
|
+ min-width: 0;
|
|
|
|
+ border-top: 3px solid #58BE70;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .title {
|
|
|
|
+ font-size: 26px;
|
|
|
|
+ font-family: Arial;
|
|
|
|
+ font-weight: bold;
|
|
|
|
+ color: #58BE70;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ p {
|
|
|
|
+ font-size: 14px;
|
|
|
|
+ font-family: Arial-regular;
|
|
|
|
+ font-weight: 300;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ p:before {
|
|
|
|
+ content: "•";
|
|
|
|
+ display: inline-block;
|
|
|
|
+ width: 1em;
|
|
|
|
+ text-align: center;
|
|
|
|
+ margin-right: 0.5em;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+}
|