.project { padding: 0.1rem 0; display: flex; justify-content: space-between; }

.project .left-wrapper { width: 25%; border-radius: 0.2rem; box-shadow: rgba(0, 0, 0, 0.16) 0rem 0.01rem 0.04rem; padding: 0rem 0.1rem; box-sizing: border-box; -webkit-box-sizing: border-box; }

.project .right-wrapper { width: 73%; }

.project .title-wrapper { padding-top: 0.2rem; text-align: start; }

.project .title-wrapper .wrapper-en { font-weight: bold; font-size: 0.22rem; color: #003399; }

.project .title-wrapper .wrapper-en span { color: #8abc18; }

.project .title-wrapper .wrapper-cn { font-weight: bold; margin-top: 0.3rem; font-size: 0.26rem; position: relative; }

.project .title-wrapper .wrapper-cn:after { display: block; content: ""; width: 5%; height: 0.03rem; background-color: #cacaca; position: absolute; bottom: -0.15rem; left: 50%; transform: translateX(-50%); }

.project .nav-wrapper { margin-top: 0.1rem; overflow: scroll; overflow-x: auto; overflow-y: hidden; padding-bottom: 0.1rem; }

.project .nav-wrapper::-webkit-scrollbar { width: 0.05rem; height: 0.05rem; }

.project .nav-wrapper::-webkit-scrollbar-track { background: #fafafa; border-radius: 0.02rem; }

.project .nav-wrapper::-webkit-scrollbar-thumb { background: #cccccc; border-radius: 0.1rem; }

.project .nav-wrapper::-webkit-scrollbar-thumb:hover { background: #999; }

.project .nav-wrapper::-webkit-scrollbar-corner { background: #cccccc; }

.project .nav-wrapper .nav-list { display: flex; flex-direction: column; }

.project .nav-wrapper .nav-list .nav-item { white-space: nowrap; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; height: 0.45rem; line-height: 0.45rem; cursor: pointer; font-size: 0.22rem; }

.project .nav-wrapper .nav-list .nav-item.active { color: #003399; font-weight: 600; }

.project-container { display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: space-between; align-items: center; }

.project-container > div { display: none; }

.project-wrapper { box-shadow: rgba(0, 0, 0, 0.16) 0rem 0.01rem 0.04rem; border-radius: 0.3rem; display: flex; flex-direction: column; justify-content: space-between; padding: 0.2rem; box-sizing: border-box; -webkit-box-sizing: border-box; }

.project-wrapper .top-box { display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; }

.project-wrapper .top-box .left-img img { width: 4.6rem; display: block; }

.project-wrapper .top-box .right-img { display: flex; margin-top: 0.2rem; }

.project-wrapper .top-box .right-img img { width: 1.4rem; margin-right: 0.2rem; display: block; }

.project-wrapper .top-box .right-img img:last-child { margin-right: 0; }

.project-wrapper .text-box { margin-top: 0.1rem; padding-bottom: 0.4rem; }

.project-wrapper .text-box .h1-title { font-weight: bold; color: #003399; font-size: 0.4rem; margin-bottom: 0.2rem; }

#Case { position: relative; top: -0.9rem; }