.inner-page-banner .inner-banner-txt{top:32%}.project-box{position:relative;padding-bottom:50px;width:100%;background:#fbf7ef;box-sizing:border-box}.project-box .project-container{position:relative;top:-55px;margin:0 auto;width:1200px;background:#fff;box-shadow:0 0 40px 0 rgba(85,50,0,0.1);box-sizing:border-box}.project-box .project-top{display:flex}.project-box .project-top .top-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 5px;flex:1;min-height:55px;box-sizing:border-box;cursor:pointer;transition:all .3s}.project-box .project-top .top-item .item-en{font-size:12px;font-weight:400;color:#8e8c88;line-height:14px;text-align:center;text-transform:uppercase;transition:all .3s}.project-box .project-top .top-item .item-ch{padding-top:3px;font-size:13px;font-weight:400;color:#504e4c;line-height:15px;text-align:center;transition:all .3s}.project-box .project-top .top-item.active,.project-box .project-top .top-item:hover{background:#ff6625}.project-box .project-top .top-item.active .item-en,.project-box .project-top .top-item:hover .item-en{color:#fff}.project-box .project-top .top-item.active .item-ch,.project-box .project-top .top-item:hover .item-ch{color:#fff}.project-box .project-bottom{padding:50px 15px 65px;box-sizing:border-box}.project-box .project-bottom .bottom-box{display:none;margin:0 auto;width:1160px;border-left:1px solid #d1d1d1}.project-box .project-bottom .bottom-box .bottom-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5px 3px;width:145px;height:145px;background:#fff2e9;word-break:break-word;border-right:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1;box-sizing:border-box}.project-box .project-bottom .bottom-box .bottom-item .item-en{max-height:60px;font-size:14px;font-weight:normal;color:#504e4c;line-height:20px;text-align:center;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.project-box .project-bottom .bottom-box .bottom-item .item-ch{margin-top:4px;max-height:40px;font-size:14px;font-weight:normal;color:#504e4c;line-height:20px;text-align:center;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.project-box .project-bottom .bottom-box .bottom-item:nth-child(-n + 8){border-top:1px solid #d1d1d1}.project-box .project-bottom .bottom-box.active{display:flex;flex-wrap:wrap}@media screen and (max-width:1240px){.project-box{padding:0 30px}.project-box .project-container{top:-30px;width:100%}.project-box .project-bottom{padding:50px 15px 65px}.project-box .project-bottom .bottom-box{width:1015px}.project-box .project-bottom .bottom-box .bottom-item{width:145px;height:145px}.project-box .project-bottom .bottom-box .bottom-item:nth-child(-n + 8){border-top:none}.project-box .project-bottom .bottom-box .bottom-item:nth-child(-n + 7){border-top:1px solid #d1d1d1}}@media screen and (max-width:1200px){.inner-page-banner .inner-banner-txt{top:30%}}@media screen and (max-width:1125px){.project-box .project-bottom{padding:30px 15px 50px}.project-box .project-bottom .bottom-box{width:870px}.project-box .project-bottom .bottom-box .bottom-item{width:145px;height:145px}.project-box .project-bottom .bottom-box .bottom-item:nth-child(-n + 7){border-top:none}.project-box .project-bottom .bottom-box .bottom-item:nth-child(-n + 6){border-top:1px solid #d1d1d1}}@media screen and (max-width:1005px){.project-box .project-container{top:-20px}.project-box .project-bottom{padding:30px 15px 40px}.project-box .project-bottom .bottom-box{width:726px}.project-box .project-bottom .bottom-box .bottom-item{width:145px;height:145px}.project-box .project-bottom .bottom-box .bottom-item:nth-child(-n + 6){border-top:none}.project-box .project-bottom .bottom-box .bottom-item:nth-child(-n + 5){border-top:1px solid #d1d1d1}}@media screen and (max-width:830px){.inner-page-banner .inner-banner-txt{top:25%}.project-box .project-bottom{padding:30px 15px 40px}.project-box .project-bottom .bottom-box{width:581px}.project-box .project-bottom .bottom-box .bottom-item{width:145px;height:145px}.project-box .project-bottom .bottom-box .bottom-item:nth-child(-n + 5){border-top:none}.project-box .project-bottom .bottom-box .bottom-item:nth-child(-n + 4){border-top:1px solid #d1d1d1}}@media screen and (max-width:700px){.inner-page-banner .inner-banner-txt{top:25%}.project-box .project-bottom{padding:30px 15px 40px}.project-box .project-bottom .bottom-box{width:522px}.project-box .project-bottom .bottom-box .bottom-item{width:130px;height:130px}}@media screen and (max-width:630px){.project-box .project-top{flex-wrap:wrap}.project-box .project-top .top-item{min-width:33%}.project-box .project-bottom{padding:30px 15px 40px}.project-box .project-bottom .bottom-box{width:391px}.project-box .project-bottom .bottom-box .bottom-item{width:130px;height:130px}.project-box .project-bottom .bottom-box .bottom-item:nth-child(-n + 4){border-top:none}.project-box .project-bottom .bottom-box .bottom-item:nth-child(-n + 3){border-top:1px solid #d1d1d1}}@media screen and (max-width:510px){.project-box{padding:0 10px}.project-box .project-bottom{padding:30px 10px 40px}.project-box .project-bottom .bottom-box{width:342px}.project-box .project-bottom .bottom-box .bottom-item{width:170px;height:170px}.project-box .project-bottom .bottom-box .bottom-item:nth-child(-n + 3){border-top:none}.project-box .project-bottom .bottom-box .bottom-item:nth-child(-n + 2){border-top:1px solid #d1d1d1}}@media screen and (max-width:380px){.project-box .project-bottom .bottom-box{width:322px}.project-box .project-bottom .bottom-box .bottom-item{width:160px;height:160px}}@media screen and (max-width:360px){.project-box .project-bottom .bottom-box{width:302px}.project-box .project-bottom .bottom-box .bottom-item{width:150px;height:150px}}@media screen and (max-width:340px){.project-box .project-bottom .bottom-box{width:282px}.project-box .project-bottom .bottom-box .bottom-item{width:140px;height:140px}}