.home-content-a { height: 18.133rem; background-image: url("../../static/image/sjbanner.jpg"); padding: 2.027rem 0 0 0; display: flex; flex-direction: column; align-items: center; }

.home-content-a .title { font-size: 0.533rem; line-height: 0.907rem; }

.home-content-a .sub-title { margin-bottom: 0.427rem; font-size: 0.853rem; font-weight: 600; line-height: 1.28rem; }

.home-content-a .desc { max-width: 7.733rem; margin-bottom: 1.813rem; font-size: 0.373rem; line-height: 0.64rem; }

.home-content-a .bg { height: 6.133rem; object-fit: contain; }

.home-content-b { background-color: #ffffff; padding: 2.133rem 0; }

.home-content-b .title { width: fit-content; margin: 0 auto 0.853rem auto; font-size: 1.067rem; line-height: 1.547rem; }

.home-content-b .nav { border-bottom: 1px solid #E5E6EB; display: flex; position: relative; }

.home-content-b .nav-bar { width: 50%; height: 2.667rem; display: flex; justify-content: center; align-items: center; font-size: 0.64rem; line-height: 0.96rem; }

.home-content-b .nav-indicator { width: calc(50% - 1.173rem); height: 0.107rem; background-color: #1890FF; position: absolute; bottom: 0; transition: left 0.3s; }

.home-content-b .main-item { padding: 0.853rem 0.533rem 0 0.533rem; height: 13.12rem; overflow-x: auto; display: flex; scrollbar-width: none; -ms-overflow-style: none; }

.home-content-b .main-item::-webkit-scrollbar { display: none; }

.home-content-b .main-item__inner { flex-shrink: 0; width: 8.933rem; height: 12.267rem; padding: 1.387rem 0 0 0; border: 1px solid #F3F4F5; display: inline-flex; flex-direction: column; align-items: center; }

.home-content-b .main-item__inner .icon { width: 2.667rem; height: 2.667rem; }

.home-content-b .main-item__inner .name { margin: 1.067rem 0; font-size: 0.64rem; line-height: 0.96rem; }

.home-content-b .main-item__inner .img-split { height: 0.533rem; object-fit: contain; margin-bottom: 1.067rem; }

.home-content-b .main-item__inner .desc { width: 7.627rem; font-size: 0.373rem; color: #7a7a7a; line-height: 0.587rem; }

.home-content-b .main-item .main-item__inner + .main-item__inner { margin-left: 0.533rem; }

.home-content-c { height: 21.6rem; background-image: url("../../static/image/hangyebg.png"); background-size: cover; padding: 2.133rem 0.533rem 1.893rem 0.533rem; }

.home-content-c .title { width: fit-content; margin: 0 auto 1.227rem auto; font-size: 1.067rem; line-height: 1.28rem; }

.home-content-c .main { background-color: #ffffff; }

.home-content-c .main-nav { height: 2.08rem; padding: 0 0.533rem; border-bottom: 1px solid #DBDEE4; overflow-x: auto; scrollbar-width: none; -ms-overflow-style: none; display: flex; position: relative; }

.home-content-c .main-nav::-webkit-scrollbar { display: none; }

.home-content-c .main-nav-bar { flex-shrink: 0; width: 2.667rem; height: 100%; display: flex; justify-content: center; align-items: center; font-size: 0.533rem; line-height: 0.8rem; }

.home-content-c .main-nav-bar.selected { font-weight: 600; }

.home-content-c .main-nav--indicator { width: 2.667rem; height: 0.107rem; background-color: #1890FF; position: absolute; bottom: 0; transition: all 0.3s; }

.home-content-c .main-content { background-color: #ffffff; }

.home-content-c .main-content__inner { padding: 0.96rem 0.533rem 0.64rem 0.533rem; }

.home-content-c .main-content__inner .title { margin: 0 0 0.853rem 0; font-size: 0.533rem; font-weight: 600; line-height: 0.8rem; }

.home-content-c .main-content__inner .content-item { height: 3.68rem; background-color: #F7F8FA; padding: 0.533rem; }

.home-content-c .main-content__inner .content-item-title { margin-bottom: 0.213rem; font-size: 0.48rem; line-height: 0.693rem; }

.home-content-c .main-content__inner .content-item-desc { font-size: 0.373rem; color: #7a7a7a; line-height: 0.533rem; }

.home-content-c .main-content__inner .content-item + .content-item { margin-top: 0.533rem; }

.home-content-c .main-content__inner button { display: block; width: 5.333rem; height: 1.067rem; background-color: #1890FF; border: none; border-radius: 4px; margin: 0.8rem auto 0 auto; font-size: 0.373rem; color: #ffffff; line-height: 0.533rem; }

.home-content-c .main-content__inner button:active { background-color: #1682e6; }

.home-content-d { height: 9.653rem; background-color: #ffffff; padding: 1.333rem 0.8rem 0 0.8rem; display: flex; justify-content: space-between; flex-wrap: wrap; }

.home-content-d .item { width: calc((100% - 0.64rem) / 2); }

.home-content-d .item .value { margin-bottom: 0.213rem; display: flex; align-items: baseline; }

.home-content-d .item .value .count { margin-right: 0.267rem; font-size: 1.333rem; color: #1890FF; line-height: 1.707rem; }

.home-content-d .item .value .unit { font-size: 0.373rem; color: #1890FF; line-height: 0.427rem; }

.home-content-d .item .label { font-size: 0.533rem; color: #7a7a7a; line-height: 0.693rem; }

.home-content-e { padding: 2.133rem 0.533rem; background-color: #F3F5F7; }

.home-content-e .title { width: fit-content; margin: 0 auto 1.067rem auto; font-size: 1.067rem; line-height: 1.547rem; }

.home-content-e .item { height: 12.267rem; background-color: #ffffff; padding: 0.533rem; border-radius: 8px; }

.home-content-e .item .bg { width: 100%; height: 4.267rem; object-fit: cover; }

.home-content-e .item .title { width: fit-content; margin: 0.64rem auto 0.427rem auto; font-size: 0.533rem; line-height: 0.747rem; }

.home-content-e .item .content { display: flex; }

.home-content-e .item .content-icon { width: 1.28rem; height: 2.933rem; }

.home-content-e .item .content-text { margin: 0 0.427rem; font-size: 0.373rem; color: #7a7a7a; line-height: 0.64rem; }