.project { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 40px 0; }

.project .title-wrapper { width: 100%; text-align: left; }

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

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

.project .title-wrapper .wrapper-cn { font-weight: bold; font-size: 22px; margin: 10px 0; position: relative; }

.project .left-wrapper { width: 20%; padding: 20px; box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; }

.project .right-wrapper { width: 75%; padding: 20px; box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; }

.project .nav-wrapper { overflow: scroll; overflow-y: auto; overflow-x: hidden; }

.project .nav-wrapper::-webkit-scrollbar { width: 5px; height: 5px; }

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

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

.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; min-height: 600px; }

.project .nav-wrapper .nav-list .nav-item { white-space: nowrap; height: 45px; line-height: 45px; cursor: pointer; }

.project .nav-wrapper .nav-list .nav-item p { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

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

.project .nav-wrapper .nav-list .nav-item .active::after { display: block; position: relative; bottom: 6px; left: 0; right: 0; content: ""; width: 100%; height: 3px; background-color: #003399; }

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

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

.project-wrapper { display: flex; flex-direction: column; justify-content: space-between; }

.project-wrapper .pro-right-box { position: relative; margin-top: 30px; color: #333; }

.project-wrapper .pro-right-box .h1-title { font-weight: bold; color: #003399; font-size: 40px; margin-bottom: 20px; }

.project-wrapper .pro-left-box { display: flex; flex-direction: column; justify-content: space-between; }

.project-wrapper .pro-left-box .top-img { margin-bottom: 25px; }

.project-wrapper .pro-left-box .top-img img { width: 860px; height: 329px; display: block; }

.project-wrapper .pro-left-box .bottom-img { display: flex; justify-content: space-between; }

.project-wrapper .pro-left-box .bottom-img img { width: 270px; height: 155px; display: block; }

#Case { position: relative; top: -90px; }