@font-face { font-family: 'alimama'; /* 阿里妈妈数黑体 */ src: url('../font/alimamashuheiti.ttf'); } @font-face { font-family: 'yanshixieheiti'; /* 演示写黑体 */ src: url('../font/Source-KeynoteartHans.otf'); } .indexBox { box-sizing: border-box; position: relative; margin-left: auto; margin-right: auto; padding-left: 0px; padding-right: 0px; max-width: 1200px } .swiper-pagination { display: flex; justify-content: center; height: 3px; overflow: hidden; } .my-bullet { box-sizing: content-box; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #fff; background-clip: padding-box; opacity: .5; transition: opacity .6s ease; } .swiper-pagination-bullet-active { background: #fff !important; opacity: 1; } /* sc-component-id: sc-fAjcbJ */ .customerSay { margin-top: 30px; } .customerSay .indexBox { display: flex; flex-wrap: wrap; } .customerSay .box { width: 33.33%; } .customerSay .title { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; font-size: 24px; font-weight: 500; color: rgba(162, 177, 190, 1); line-height: 33px; padding-left: 25px; position: relative; margin-bottom: 60px; } .customerSay .title img { position: absolute; right: 0; top: -10px; } .customerSay .comment-item { margin-bottom: 60px; min-height: 200px; } .customerSay .comment-item .comment { box-sizing: border-box; min-height: 300px; height: 100%; width: 90%; margin: 0 auto; background: rgba(255, 255, 255, 1); box-shadow: 0px 10px 30px 0px rgba(49, 83, 212, 0.1); border-radius: 5px; padding: 40px; } .customerSay .comment-item .comment p { font-size: 14px; font-weight: 400; color: rgba(13, 25, 36, 1); line-height: 32px; text-align: justify; position: relative; padding-left: 10px; margin-top: 20px; } .customerSay .comment-item .comment p:before { position: absolute; content: '鈥�'; top: 2px; left: 0px; font-size: 18px; font-family: Helvetica; color: rgba(50, 65, 72, 1); line-height: 32px; } .customerSay .banner-control { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 100px; } .customerSay .banner-control .iconfont:hover { color: #fff; background: #007aff; } .customerSay .banner-control .iconfont:first-child { margin-right: 20px; } .customerSay .headimg { width: 50px; height: 50px; border-radius: 25px; overflow: hidden; margin-right: 10px; float: left; } .customerSay .comment b { display: block; } .customerSay .comment span { font-size: 14px; color: #999; } /* sc-component-id: customerSay */ .mycustomer .partner-wrap { padding: 100px 0; background-color: #FFFFFF; } @media (max-width:48em) { .mycustomer .partner-wrap { padding: 60px 0; } .customerSay .box { width: 100%; } } .mycustomer .partner-wrap .part-title { font-weight: 500; color: rgba(13, 25, 36, 1); font-size: 36px; text-align: center; margin-bottom: 10px; } @media (max-width:48em) { .mycustomer .partner-wrap .part-title { font-weight: 400; margin-bottom: 23px; padding: 0px 31px; } .mycustomer .partner-wrap .part-title::after { content: ''; width: 40px; display: block; height: 2px; background: #007aff; border-radius: 3px; margin: 0 auto; margin-top: 5px; } } .mycustomer .partner-wrap .part-item-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 1192px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 auto; margin-top: 35px; } @media (max-width:48em) { .mycustomer .partner-wrap .part-item-wrap { width: 340px; } } .mycustomer .partner-wrap .part-item-wrap .part-item { width: 200px; background: rgba(255, 255, 255, 1); height: 80px; margin-right: 47px; margin-top: 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } @media (max-width:48em) { .mycustomer .partner-wrap .part-item-wrap .part-item { width: 100px; height: 40px; margin-right: 20px; margin-top: 7px; margin-bottom: 8px; } .mycustomer .partner-wrap .part-item-wrap .part-item:nth-child(3n) { margin-right: 0; } .mycustomer .partner-wrap .part-item-wrap .part-item:nth-child(5n) { margin-right: 20px; } .mycustomer .partner-wrap .part-item-wrap .part-item:nth-child(15n) { margin-right: 0; } } /* sc-component-id: sc-jAaTju */ .UAVox { min-width: 280px; flex: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; background: #fff; box-shadow: 0px 10px 30px 0px rgba(49, 83, 212, 0.1); margin: 0 10px; flex-wrap: wrap; } .UAVox:first-child { margin-top: 0; } .UAVox .header { height: 90px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding-left: 30px; background-color: #007aff; background-position: right; background-repeat: no-repeat; } .UAVox .header span:first-child { font-size: 16px; font-weight: 300; color: rgba(255, 255, 255, 1); line-height: 22px; } .UAVox .header span:last-child { font-size: 18px; font-weight: 400; color: rgba(255, 255, 255, 1); line-height: 25px; } .UAVox .product-list>div { /* border-bottom: 1px solid #eee; */ } .UAVox .product-list>div:last-child { border-bottom: none; } /* sc-component-id: sc-jDwBTQ */ /* sc-component-id: sc-kgAjT */ .bMDRlo { width: 100%; } .product-list-wrapper { display: flex; margin-top: 20px; } .qywxBox .UAVox { padding: 30px; text-align: center; } @media (max-width:768px) { .product-list-wrapper { display: initial; } .UAVox { margin: 16px auto 0 auto; width: 100%; } } .Home-PC-intro-reason-contentTitle { font-size: 28px; margin-bottom: 20px; color: #007aff; } .Home-PC-intro-reason-contentDesc { text-align: left; font-size: 14px; color: #666; } .Home-PC-intro-reason-contentImg { margin-bottom: 20px; height: 100px; clear: both; overflow: hidden; } .Home-PC-intro-reason-contentImg img { height: 50px; margin-top: 20px; } .Home-PC-intro-reason-contentImg .iconfont { font-size: 66px; color: #007aff } .epyeoM { height: calc(100vh - 100px - 86px); min-height: 700px; max-height: 750px; width: 100%; background: url(../image/indexfunnel.png) no-repeat center bottom; /* background-position: center top; */ /* background-repeat: no-repeat; */ /* background-size: cover; */ box-sizing: border-box; margin-top: 64px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; } .bannerOne { height: calc(100vh - 100px - 86px); min-height: 700px; max-height: 750px; width: 100%; background: url(../image/banner_bg.svg) no-repeat center top; background-size: cover; box-sizing: border-box; margin-top: 64px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; } @media (max-width:48em) { .epyeoM, .bannerOne { height: auto; min-height: auto !important; } } @media (max-width:48em) { .epyeoM { height: calc(100vh - 100px) !important; padding: 0 5vw; background-position: center; } .epyeoM .content { width: 100vw !important; max-width: 100vw !important; justify-content: flex-start !important; padding-top: 100px; } .epyeoM .content h3 { text-align: center; font-size: 50px !important; } .epyeoM .content h2 { margin-top: 16px; text-align: center; font-size: 26px !important; line-height: 1.5 !important; display: flex; flex-direction: column; } .epyeoM .content h2 .banner-span-2 { display: none; } .epyeoM .content p.desc, .epyeoM .content p.partner-item { display: none; } .epyeoM .content .control-wrapper { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .epyeoM .financing-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-left: auto; margin-right: auto; margin-top: 6vh !important; } .epyeoM .financing-content h3 { text-align: center; font-size: 22px !important; margin-bottom: 0; } .epyeoM .financing-content h2 { margin-top: 16px; text-align: center; font-size: 32px !important; line-height: 1.5 !important; } .epyeoM .financing-content h2 b { display: block; font-size: 52px; line-height: 1; } .epyeoM .financing-content p.desc { overflow: hidden; background: #fff; font-size: 14px; padding: 0 8px; } } @media (max-width:768px) { .epyeoM { background-image: url(../image/shoujiduan-1.jpg) !important; background-size: 100%; background-position: bottom; margin-top: 0px !important; } } .epyeoM::after { content: ""; position: absolute; pointer-events: none; left: 0; right: 0; top: 0; bottom: 0; background-image: url(); background-position: center center; background-repeat: no-repeat; background-size: cover; } @media (max-width:768px) { .epyeoM.banner-wrapper-partner { margin-top: 0; height: 100vh; background-size: contain; } } .epyeoM.banner-wrapper-partner::after { background-size: 800px; background-position: 85% 50%; } @media (max-width:768px) { .epyeoM.banner-wrapper-partner::after { background-image: none; } } .epyeoM.banner-wrapper-partner .financing-content { margin-top: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .epyeoM.banner-wrapper-partner h2 { color: #fff !important; margin-bottom: 30px; } .epyeoM.banner-wrapper-partner .partner-item { color: #fff; font-size: 32px; line-height: 45px; font-weight: 400; margin: 0; } .epyeoM.banner-wrapper-partner .partner-item img { margin-bottom: 24px; } .epyeoM.investment-partner::after { background-size: 600px; } .epyeoM>div { height: 100%; } .epyeoM>div>div { height: 100%; } .epyeoM .financing-content { margin-top: 15vh; } .epyeoM .financing-content h3 { font-size: 32px; font-weight: 400; color: #fff; line-height: 45px; margin-bottom: 16px; } .epyeoM .financing-content h2 { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 50px; font-weight: 500; color: rgba(13, 25, 36, 1); line-height: 84px; border-bottom: none; margin-top: 0; margin-bottom: 24px; } .epyeoM .financing-content h2 b { font-size: 72px; font-weight: 500; color: #ff0000; line-height: 70px; } .epyeoM .financing-content .desc { color: #fff; font-weight: 400; font-size: 32px; line-height: 45px; } .epyeoM .content { /* margin-top: 10vh; */ display: flex; flex-direction: column; justify-content: center; } .epyeoM .content h3 { /* color: rgba(13, 25, 36, 1); */ line-height: 45px; margin-bottom: 16px; margin-top: 0; font-family: 'yanshixieheiti'; font-size: 50px; font-weight: 900; line-height: normal; letter-spacing: 0em; font-variation-settings: "opsz" auto; background: linear-gradient(270deg, #B2B5FF 0%, #3653D0 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; /* text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.2); */ } .epyeoM .content h2 { color: rgba(13, 25, 36, 1); line-height: 70px; border-bottom: none; margin-bottom: 20px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; line-height: 84px; border-bottom: none; margin-top: 0; font-family: 'yanshixieheiti'; font-size: 36px; font-weight: 900; line-height: normal; letter-spacing: 0em; font-variation-settings: "opsz" auto; font-feature-settings: "kern" on; color: #619BFF; } .epyeoM .content p.partner-item { color: #000; line-height: 45px; font-weight: 400; margin: 0; font-family: Microsoft YaHei; font-size: 16px; font-weight: normal; line-height: normal; letter-spacing: 0em; font-variation-settings: "opsz" auto; color: #666666; } .epyeoM .content .desc { font-size: 20px; font-weight: 400; color: rgba(102, 102, 102, 1); line-height: 21px; } .epyeoM .img-content { position: absolute; right: 0; bottom: 0; } .epyeoM .img-content.img-financing { margin-top: 6vh; } @media (max-width:48em) { .epyeoM .img-content { display: none; } } .epyeoM .control-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 5vh; } .epyeoM .control-wrapper .iconfont { margin-right: 20px; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; border-radius: 50%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 50px; height: 50px; background: #007aff; box-shadow: 0px 10px 20px 0px rgba(31, 49, 175, 0.2); font-size: 14px; color: #fff; cursor: pointer; } .epyeoM .control-wrapper .btn { cursor: pointer; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 160px; height: 50px; border-radius: 40px; border: 2px solid #007aff; background-color: #007aff; font-size: 16px; font-weight: 500; color: #fff; line-height: 22px; } .epyeoM .control-wrapper .btn:hover { background-color: #fff; color: #007aff; } .jGYXVY { height: calc(100vh - 100px - 86px); min-height: 700px; max-height: 750px; width: 100%; background-image: url(../image/banner-two-02.png); background-position: top -260px right -260px; background-repeat: no-repeat; background-size: 520px; box-sizing: border-box; margin-top: 64px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; overflow: hidden; } .jGYXVY .jGYXVY-round-bg { position: absolute; width: 1000px; height: 1000px; top: 330px; right: 10%; z-index: -1; } .jGYXVY .jGYXVY-round-bg .round-bg-two { position: absolute; top: 0; left: -70px; z-index: 9; } @media (max-width:48em) { .jGYXVY { height: calc(100vh - 100px) !important; padding: 0 5vw; /* background-color: #172355; */ background-position: center; background-size: cover; text-align: center; min-height: auto; } .jGYXVY .content { width: 100vw !important; max-width: 100vw !important; } .jGYXVY .content h3 { text-align: center; font-size: 22px !important; } .jGYXVY .content h2 { margin-top: 16px; text-align: center; font-size: 32px !important; line-height: 1.5 !important; } .jGYXVY .content p.desc { display: none; } .jGYXVY .content .control-wrapper { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .jGYXVY .financing-content { display: flex; align-items: center; justify-content: start !important; flex-direction: column; margin-left: auto; margin-right: auto; margin-top: 100px !important; } .jGYXVY .financing-content h3 { text-align: center; font-size: 22px !important; margin-bottom: 0; } .jGYXVY .financing-content .banner-tit-img { margin-bottom: 16px !important; } .jGYXVY .financing-content .banner-tit-img img { width: 76% !important; } .jGYXVY .financing-content h2 { margin-top: 16px; text-align: center; font-size: 26px !important; line-height: 1.5 !important; display: flex; flex-direction: column; } .jGYXVY .financing-content h2 b { display: block; font-size: 52px; line-height: 1; } .jGYXVY .financing-content p.desc { overflow: hidden; background: #fff; font-size: 14px; padding: 0 8px; } } /* @media (max-width:768px) { .jGYXVY { background-image: url(http://cdn.byai.com/static/intro/img/partner-mobile-1230-42000.png) !important; margin-top: 0px !important; } } */ /* .jGYXVY::after { content: ""; position: absolute; pointer-events: none; left: 0; right: 0; top: 0; bottom: 0; background-image: url(http://cdn.byai.com/static/intro/img/partner-second-1230-1.png); background-position: center center; background-repeat: no-repeat; background-size: cover; } */ @media (max-width:768px) { .jGYXVY.banner-wrapper-partner { margin-top: 0; background-size: inherit; background-position: top; } } .jGYXVY.banner-wrapper-partner::after { background-size: 800px; background-position: 85% 50%; } @media (max-width:768px) { .jGYXVY.banner-wrapper-partner::after { background-image: none; } } .jGYXVY.banner-wrapper-partner .financing-content { margin-top: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; } .jGYXVY.banner-wrapper-partner h2 { color: #000; margin-bottom: 30px; } .jGYXVY.banner-wrapper-partner .partner-item { color: #000; font-size: 18px; line-height: 45px; font-weight: 400; margin: 0; } .jGYXVY.banner-wrapper-partner .partner-item img { margin-bottom: 24px; } .jGYXVY.investment-partner::after { background-size: 600px; } .jGYXVY>div { height: 100%; } .jGYXVY>div>div { height: 100%; } .jGYXVY .financing-box { margin-left: -0px; margin-right: -0px; flex-grow: 0; flex-shrink: 0; align-items: normal; } .jGYXVY .financing-content { margin-top: 15vh; } /* .jGYXVY .financing-content h3 { margin-bottom: 30px; margin-top: 0; } */ .jGYXVY .financing-content .banner-tit-img { margin-bottom: 30px; margin-top: 0; } .jGYXVY .financing-content .banner-tit-img img { width: 320px; } .jGYXVY .financing-content h3 .p-tit-1 { /* position: absolute; */ /* z-index: 9; width: 100%; height: 100%; top: 0; left: 0; font-family: 'yanshixieheiti'; font-size: 50px; font-weight: 900; line-height: normal; letter-spacing: 0em; font-variation-settings: "opsz" auto; background: linear-gradient(88deg, #88B0FB -6%, #B2B5FF -6%, #8CB4FC 99%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.2); */ } .jGYXVY .financing-content h3 .p-tit-2 { /* position: absolute; */ /* z-index: 1; width: 100%; height: 100%; top: 0; left: 0; font-family: 'yanshixieheiti'; font-size: 50px; font-weight: 900; line-height: normal; letter-spacing: 0em; font-variation-settings: "opsz" auto; background: linear-gradient(88deg, #88B0FB -6%, #B2B5FF -6%, #8CB4FC 99%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.2); */ } .jGYXVY .financing-content h2 { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /* font-weight: 700; */ /* color: rgba(13, 25, 36, 1); */ line-height: 84px; border-bottom: none; margin-top: 0; margin-bottom: 0; font-family: yanshixieheiti; font-size: 36px; font-weight: 900; line-height: normal; letter-spacing: 0em; font-variation-settings: "opsz" auto; color: #619BFF; } .jGYXVY .financing-content h2 b { font-size: 72px; font-weight: 500; color: #ff0000; line-height: 70px; } .jGYXVY .financing-content .desc { color: #fff; font-weight: 400; font-size: 32px; line-height: 45px; } .jGYXVY .content { margin-top: 10vh; } @media (max-width:48em) { .jGYXVY .content { margin-top: 6vh; } } .jGYXVY .content h3 { font-size: 32px; font-weight: 400; color: rgba(13, 25, 36, 1); line-height: 45px; margin-bottom: 0px; } .jGYXVY .content h2 { font-size: 50px; font-weight: 500; color: rgba(13, 25, 36, 1); line-height: 70px; border-bottom: none; margin-bottom: 20px; } .jGYXVY .content .desc { font-size: 12px; font-weight: 400; color: rgba(102, 102, 102, 1); line-height: 21px; } .jGYXVY .img-content { margin-top: 18vh; height: 80vh; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .jGYXVY .img-content.img-financing { margin-top: 6vh; } @media (max-width:48em) { .jGYXVY .img-content { display: none; } } .jGYXVY .control-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 5vh; } .jGYXVY .control-wrapper .iconfont { margin-right: 20px; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; border-radius: 50%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 50px; height: 50px; background: #007aff; box-shadow: 0px 10px 20px 0px rgba(31, 49, 175, 0.2); font-size: 14px; color: #fff; cursor: pointer; } .jGYXVY .control-wrapper .btn { cursor: pointer; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 160px; height: 50px; border-radius: 40px; border: 2px solid #8FB7FC; font-size: 16px; font-weight: 500; color: #8FB7FC; line-height: 22px; } .jGYXVY .control-wrapper .btn:hover { border: 2px solid #8FB7FC; background-color: #8FB7FC; color: #fff; } .epXpZa { padding-top: 60px; padding-bottom: 120px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; } @media (max-width:768px) { .epXpZa { padding: 0 5%; padding-bottom: 30px; } } .epXpZa h3.desc-title { padding: 0 30px; font-size: 36px; font-weight: 500; color: rgba(13, 25, 36, 1); line-height: 50px; text-align: center; } @media (max-width:768px) { .epXpZa h3.desc-title { width: 80%; margin: 0 auto; padding: 20px 0; font-size: 24px; line-height: 1.4; text-align: start; display: flex; flex-direction: column; } .epXpZa h3.desc-title .tit-span-2 { display: none; } .epXpZa h3.desc-title .tit-span-3 { text-align: right; } } .epXpZa p.desc-content { padding: 0 30px; font-size: 16px; color: rgba(102, 102, 102, 1); line-height: 24px; text-align: center; margin-bottom: 60px; } @media (max-width:768px) { .epXpZa p.desc-content { display: none; padding: 0 24px; line-height: 1.6; } .jGYXVY.banner-wrapper-partner .partner-item { display: none; } } .dHLurd { /* display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; */ display: inline-block; } .dHLurd div { width: 80px; height: 80px; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: rgba(255, 255, 255, 1); box-shadow: 0px 10px 30px 0px rgba(49, 83, 212, 0.1); color: #0d1924; font-size: 34px; border-radius: 50%; } .dHLurd span { font-size: 14px; color: #666; margin-top: 16px; text-align: center; } .dHLurd span .iconfont { margin-left: 3px; } /* sc-component-id: sc-jhAzac */ .iaraAh { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } @media (max-width:768px) { .iaraAh { padding-left: 0 !important; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 100%; } } .iaraAh h3, .iaraAh h4 { margin-top: 20px; font-size: 36px; font-weight: 500; color: rgba(13, 25, 36, 1); line-height: 42px; } @media (max-width:768px) { .hHnLfl { padding: 30px 0 !important; } .iaraAh h3, .iaraAh h4 { margin-top: 12px; padding-left: 0 !important; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } .iaraAh h3 { display: flex; flex-direction: column; font-size: 24px; line-height: 36px; } .iaraAh h3 .iaraAh-h3-span-3 { display: none; } } .iaraAh h4 { font-size: 28px; font-weight: 400; } .iaraAh p { padding-top: 10px; color: #666; font-size: 16px; } @media (max-width:768px) { .iaraAh h4 { font-size: 18px; } .iaraAh p { display: block; font-size: 14px; } } .iaraAh>div { padding-top: 20px; text-align: center; } @media (max-width:768px) { .iaraAh>div { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin: 16px 0 0 0; } } .iaraAh>div>div { margin-right: 50px; } .iaraAh>div>div:last-child { margin-right: 32px; margin-right: 0px; } .related { height: 1170px; /* background-color: #f8f9fb; */ padding-top: 70px; box-sizing: border-box; } .action-p1 { text-align: center; font-size: 32px; color: #000; } .action-p2 { text-align: center; margin: 21px 0 56px; font-size: 18px; color: #54545A; } .related-part { max-width: 1200px; margin: auto; height: 740px; } .related-card { width: 366px; height: 350px; background-color: #ffffff; border-radius: 6px; float: left; margin-right: 50px; margin-bottom: 50px; box-sizing: border-box; border: 2px solid #FFFFFF; box-shadow: 0px 10px 30px 0px rgba(49, 83, 212, 0.1); padding: 30px 30px 0px 30px; } .related-card:nth-child(3n) { margin-right: 0; } .related-card-img { text-align: center; margin-bottom: 20px; } .related-card-img i { font-size: 60px; color: #007aff; } .related-card-title1 { font-size: 24px; font-weight: bold; color: #141E38; line-height: 25px; text-align: center; margin-bottom: 34px; } .related-card-text { font-size: 18px; font-weight: 400; color: #5C6276; line-height: 30px; } @media (max-width:768px) { .iaraAh>div>div { margin-right: 16px; } .related-card { width: 90%; margin: 20px auto; float: none; } .related-card-text { font-size: 16px; } .related-part, .related { height: auto; } .related { padding: 30px 0; } .action-p1 { font-size: 24px; } .action-p2 { margin: 10px 0 30px; font-size: 14px; } .related-card:nth-child(3n) { margin-right: auto; } }