.block-data{padding:0 60px 120px}@media only screen and (max-width: 767px){.block-data{padding:0 30px 100px;cursor:pointer}}.projects .common-dropdown{max-width:1200px;margin:0 auto}.projects .common-dropdown .dropdown-box{display:flex;justify-content:center;align-items:center;width:100%;gap:5px}.projects .common-dropdown .dropdown-box dropdown-el{max-width:340px}@media only screen and (max-width: 767px){.projects .common-dropdown,.projects .common-dropdown .dropdown-box{flex-direction:column}}@media only screen and (max-width: 575px){.projects .common-dropdown{padding:32px 15px 40px}}.projects-data-box{display:flex;flex-wrap:wrap;gap:150px;max-width:1500px;margin:0 auto}@media only screen and (max-width: 1575px){.projects-data-box{gap:100px}}@media only screen and (max-width: 1200px){.projects-data-box{gap:60px}}@media only screen and (max-width: 900px){.projects-data-box{flex-direction:column}}@media only screen and (max-width: 767px){.projects-data-box{gap:50px}}.project-item{width:calc(50% - 75px);max-width:775px}@media only screen and (max-width: 1575px){.project-item{width:calc(50% - 50px)}}@media only screen and (max-width: 1200px){.project-item{width:calc(50% - 30px)}}@media only screen and (max-width: 900px){.project-item{width:100%}}@media only screen and (min-width: 1201px){.project-item:hover .group .pic-box{box-shadow:15px 15px 20px #00000026}.project-item:hover .group .pic-box img{width:110%;height:110%}.project-item:hover .more-btn{opacity:1}.project-item:hover .complete-date:before{background:#ee5f32}}@media only screen and (min-width: 1201px) and (max-width: 1200px){.project-item:hover .more-btn{border:1px solid rgba(0,0,0,0);background:#ee5f32}.project-item:hover .more-btn:after,.project-item:hover .more-btn:before{background:#fff}}@media only screen and (max-width: 1200px){.project-item:active .group .pic-box{box-shadow:15px 15px 20px #00000026}.project-item:active .group .pic-box img{width:110%;height:110%}.project-item:active .more-btn{opacity:1}.project-item:active .complete-date:before{background:#ee5f32}}@media only screen and (max-width: 1200px) and (max-width: 1200px){.project-item:active .more-btn{border:1px solid rgba(0,0,0,0);background:#ee5f32}.project-item:active .more-btn:after,.project-item:active .more-btn:before{background:#fff}}.project-item .group{position:relative}.project-item .group .tag-fixed{width:100px;height:100px;padding:20px 30px;display:flex;justify-content:center;align-items:center;position:absolute;top:0;right:0;background:var(--bg-color, #000);z-index:1;text-align:center}.project-item .group .tag-fixed[txt-color=light]{color:#fff}.project-item .group .tag-fixed[txt-color=dark]{color:#000}@media only screen and (max-width: 1200px){.project-item .group .tag-fixed{width:60px;height:60px;padding:10px}}.project-item .pic-box{overflow:hidden;display:block;transition:box-shadow .3s}.project-item .pic-box img{transition:width .5s ease,height .5s ease}.project-item .pic-box:after{padding-top:68.88%}.project-item .info-group{display:flex;align-items:center;justify-content:space-between;gap:50px;padding:0 20px;margin-top:30px;text-align:left}@media only screen and (max-width: 1200px){.project-item .info-group{flex-direction:column;align-items:flex-start;gap:20px}}.project-item .info-group .content-box .des{margin-top:10px}.project-item .complete-date{display:flex;align-items:center;position:relative;margin-top:20px}.project-item .complete-date:before{content:"";width:100px;height:3px;display:block;background:#ccc;margin-right:15px;transition:background .3s}@media only screen and (max-width: 1200px){.project-item .complete-date:before{width:50px}}.project-item .complete-date .state{margin-right:10px}.project-item .more-btn{opacity:0;margin:0 0 0 auto;transition:opacity .3s,background .3s,border .3s}@media only screen and (min-width: 1201px){.project-item .more-btn:hover{border:1px solid rgba(0,0,0,0);background:#ee5f32}.project-item .more-btn:hover:after,.project-item .more-btn:hover:before{background:#fff}}@media only screen and (max-width: 1200px){.project-item .more-btn:active{border:1px solid rgba(0,0,0,0);background:#ee5f32}.project-item .more-btn:active:after,.project-item .more-btn:active:before{background:#fff}}@media only screen and (max-width: 1200px){.project-item .more-btn{opacity:1}}.more-btn{margin:50px auto 0}.block-no-data{padding-bottom:120px}@media only screen and (max-width: 767px){.block-no-data{padding-bottom:100px}}