.workingbody { width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; }

.workingbody .worktitle { width: 100%; height: 2.72rem; overflow: hidden; position: relative; background: url("../../assets/image/working.png") no-repeat center center; background-size: cover; }

.workingbody .worktitle .name {padding-left: 3.51rem; width: 50%; height: 1.92rem; position: absolute; left: 0; top: 0px; display: flex; flex-direction: column; justify-content: center;background: linear-gradient(90deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%); padding-top: .8rem; }

.workingbody .worktitle .name .zh { font-family: Alibaba PuHuiTi 2.0; font-size: .4rem; font-weight: 500; line-height: normal; letter-spacing: 0em; font-variation-settings: "opsz" auto; font-feature-settings: "kern" on; color: #FFFFFF; }

.workingbody .worktitle .name .en { margin-top: .08rem; font-family: DingTalk JinBuTi; font-size: .2rem; font-weight: normal; line-height: normal; text-transform: uppercase; letter-spacing: 0em; font-variation-settings: "opsz" auto; font-feature-settings: "kern" on; color: rgba(255, 255, 255, 0.4); }

.workingbody .content { width: 1200px; }

.workingbody .content .breadcrumbs { margin: 40px 0; }

.workingbody .content .workList .work { width: 100%; height: 264px; margin-bottom: 25px; padding: 24px; box-sizing: border-box; display: flex; align-items: center; cursor: pointer; }

.workingbody .content .workList .work:hover { background-color: #D3192B; }

.workingbody .content .workList .work:hover .info .name { color: #fff; }

.workingbody .content .workList .work:hover .info .introduction { color: #fff; opacity: .6; }

.workingbody .content .workList .work:hover .info .button { color: #fff; opacity: .6; }
.workingbody .content .workList .work:hover .info .button .grayRight {display: none;}
.workingbody .content .workList .work:hover .info .button .whiteRight {display: inline-block;}
.workingbody .content .workList .work .info .button .whiteRight {display: none;}
.workingbody .content .workList .work .cover { width: 384px; height: 100%; margin-right: 40px; }

.workingbody .content .workList .work .cover img { width: 100%; height: 100%; }

.workingbody .content .workList .work .info { flex: 1; }

.workingbody .content .workList .work .info .name { font-family: Alibaba PuHuiTi 2.0; font-size: 24px; font-weight: 500; line-height: normal; letter-spacing: 0em; font-variation-settings: "opsz" auto; font-feature-settings: "kern" on; color: #333; }

.workingbody .content .workList .work .info .introduction { margin: 24px 0 28px; font-family: Alibaba PuHuiTi 2.0; font-size: 18px; font-weight: normal; line-height: 30px; letter-spacing: 0em; font-variation-settings: "opsz" auto; font-feature-settings: "kern" on; color: #999999; word-break: break-all; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

.workingbody .content .workList .work .info .button { font-family: Alibaba PuHuiTi 2.0; font-size: 18px; font-weight: normal; line-height: 24px; letter-spacing: 0em; font-variation-settings: "opsz" auto; font-feature-settings: "kern" on; color: #999999; }

.workingbody .content .workList .work .info .button:hover { opacity: 1; }

.workingbody .content .Pagination { width: 100%; }

@media (max-width: 750px) { .workingbody { transform: none; }
  .workingbody .worktitle { box-sizing: border-box; padding-left: .24fem;height: 2rem; }
  .workingbody .worktitle .name { height: 100%;padding-left: 0.24rem;top: 0; padding-top: 0; }
  .workingbody .worktitle .name .zh {font-size: .5rem;}
  .workingbody .worktitle .name .en {font-size: .28rem;}
  .workingbody .content { width: 100%; }
  .workingbody .content .breadcrumbs { padding-left: .24rem; margin: .4rem 0; }
  .workingbody .content .workList { width: 100%;box-sizing: border-box; }
  .workingbody .content .workList .work { width: 100%; height: auto; padding: .24rem;margin: 0; }
  .workingbody .content .workList .work .cover { width: 2.6rem; height: 1.7rem; margin-right: .24rem; }
  .workingbody .content .workList .work .info .name { font-size: .32rem; } 
  .workingbody .content .workList .work .info .introduction { margin: .06rem 0;font-size: .25rem; line-height: .4rem; -webkit-line-clamp: 2; } 
  .workingbody .content .workList .work .info .button {font-size: .25rem;}
  .workingbody .content .workList .work .info .button .icon{font-size: .25rem;}
}