.head-img{position:relative;height:695px}.head-img img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.head-img:before{position:absolute;top:0;left:0;width:100%;height:100%;content:"";background:rgba(36,42,59,0.5);z-index:10}.head-img>div{position:absolute;z-index:11;font-family:PingFangSC-Semibold,PingFang SC;color:#ffffff;text-align:center;left:50%;top:51%;transform:translate(-50%, -50%)}.head-img>div p:first-child{font-size:60px;font-weight:600}.head-img>div p:last-child{font-size:32px;font-weight:300}.work-content{width:1180px;margin:0 auto}.utils{background:#242a3b;height:calc(83px - 32px);padding:16px 30px;cursor:pointer;margin-top:30px}.utils .drop-down{display:flex;flex-wrap:wrap;justify-content:space-between;cursor:pointer}.utils .drop-down .select{width:333px;position:relative}.utils .drop-down .select>div{display:flex;justify-content:space-between;align-items:center;color:#fff;padding:0 30px;background:#3a3f4e;height:52px}.utils .drop-down .select>div img{width:19px;height:14px}.utils .drop-down .select>div span{font-size:18px;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600;color:#ffffff}.utils .drop-down .select ul{visibility:hidden;position:absolute;left:0;background:#818fa0;width:350px;transition:all .5s;opacity:.5}.utils .drop-down .select ul li{color:white;list-style:none;padding:20px}.drop-down-content{background:#80919f;font-size:20px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#ffffff;line-height:28px;display:none;margin-bottom:100px;cursor:pointer}.drop-down-content>section{display:grid;padding:50px 30px;grid-template-columns:repeat(3, 33%);grid-column-gap:23px;grid-row-gap:20px}.work-list{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;align-content:flex-start;padding-bottom:50px}.work-list .work-list-item{border-bottom:1px solid #97daf0;padding-bottom:21px;padding-top:21px}.work-list .work-list-item .work-title{display:flex;align-items:center;justify-content:space-between;cursor:pointer;width:534px}.work-list .work-list-item .work-title img{width:24px;height:24px}.work-list .work-list-item .work-title p{font-size:20px;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600;color:#242a3b}.work-list-drop-down{display:block;transition:all .5s;max-height:500px}.work-list-drop-down .tag{margin-top:53px;margin-bottom:34px;font-size:16px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#242a3b;background-color:#cbecf7;padding:7px 18px;display:inline-block}.work-list-drop-down .work-desc{font-size:16px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#242a3b;width:534px}.hidden{max-height:0;opacity:0;position:relative;z-index:-100}.border-top{border-top:1px solid #97daf0}