.clearfix:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0;content:".";}
.pore {
    position: relative;}
.subnav3 {
  margin: 40px auto;}

.subnav3 ul {
  overflow-y: hidden;
  overflow-x: auto;
  white-space: nowrap;
  text-align: center;
  padding-bottom: 10px;}

.subnav3 ul li {
  font-size: 20px; /* 1.25rem × 16px = 20px */
  margin: 0 24px; /* 1.5rem × 16px = 24px */
  position: relative;
  padding-bottom: 25px;
  display: inline-block;}

.subnav3 ul li.on a {
  color: #ab2e36;}

.subnav3 ul li.on {
  background: url(images2022/sub3line.png) no-repeat bottom center;}

.subnav3 ul::-webkit-scrollbar {
  height: 4px;}

.subnav3 ul::-webkit-scrollbar-track {
  border-radius: 5px;
  background: #eee;}

.subnav3 ul::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #ab2e36;}

.flex-center {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;}
.flex-v-center {
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;}
.bg-mask .pic{overflow: hidden;}
.bg-mask .pic .a{background-repeat: no-repeat;background-position: center;background-size: cover;height: 100%;display: block;-webkit-transition: all .4s;-o-transition: all .4s;transition: all .4s;transform:scale(1.01);}

.worklist {
  margin-bottom: 48px;}

.worklist li:nth-child(1) {
  width: 68%;
  margin-bottom: 19.2px;}

.worklist li:nth-child(6) {
  width: 68%;
  float: right;}

.worklist li:nth-child(1) .pic {
  height: 456px;}

.worklist li:nth-child(6) .pic {
  height: 456px;}

.worklist li:nth-child(1) .txt1 p {
  font-size: 18px;}

.worklist li:nth-child(6) .txt1 p {
  font-size: 18px;}

.worklist li:nth-child(2) {
  position: absolute;
  top: 0;
  right: 0;}

.worklist li:nth-child(3) {
  position: absolute;
  top: 237.6px; /* 14.85rem × 16px = 237.6px */
  right: 0;}

.worklist li:nth-child(4) {
  position: absolute;
  top: 475.2px; /* 29.7rem × 16px = 475.2px */
  left: 0;}

.worklist li:nth-child(5) {
  position: absolute;
  bottom: 0;
  left: 0;}

.worklist li {
  width: calc(32% - 19.2px); /* 1.2rem × 16px = 19.2px */
  overflow: hidden;}

.worklist li .pic {
  height: 218.4px; /* 13.65rem × 16px = 218.4px */
  position: relative;}

.worklist li .pic img {
  display: none;}

.worklist li a {
  display: block;
  position: relative;}

.worklist li .txt {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  color: #fff;
  transition: 0.3s;
  padding: 3.2px;}

.worklist li .txt p {
  color: #fff;
  line-height: 1.4em;
  font-size: 16px;}

.worklist li .txt time {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(45deg, #fa3e46 0%, #ff6a5b 100%);
  padding: 0 3.2px; /* 0.2rem × 16px = 3.2px */
  z-index: 3;}

.worklist li .hidet {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(153, 0, 0, 0.8);
  background-size: cover;
  padding: 24px; /* 1.5rem × 16px = 24px */
  color: #fff;
  transition: 0.4s;
  z-index: 3;
  opacity: 0;
  visibility: hidden;}
.worklist li .hidet p{color:#fff;}
.worklist li .hidet .txt1 {
  position: relative;
  width: 100%;
  height: 100%;}

.worklist li .hidet .txt1 p {
  line-height: 1.5em;
  text-align: center;}

.worklist li .hidet .izom {
  padding-bottom: 24px;}

.worklist li:hover .hidet {
  opacity: 1;
  visibility: visible;}

.worklist li:hover .pic:before {
  opacity: 0;}

.worklist li:hover .pic:after {
  opacity: 0;}

@media (max-width: 980px) {
  .worklist {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;}
  
  .worklist:after {
    display: none;}
  
  .worklist li:nth-child(1) {
    width: calc(50% - 12.8px); /* 0.8rem × 16px = 12.8px */
    margin-bottom: 24px;}
  
  .worklist li:nth-child(6) {
    width: calc(50% - 12.8px); /* 0.8rem × 16px = 12.8px */
    float: inherit;}
  
  .worklist li:nth-child(1) .pic {
    height: 28vw;}
  
  .worklist li:nth-child(6) .pic {
    height: 28vw;}
  
  .worklist li:nth-child(2) {
    position: static;
    top: 0;
    right: 0;}
  
  .worklist li:nth-child(3) {
    position: static;
    top: 0;
    right: 0;}
  
  .worklist li:nth-child(4) {
    position: static;
    top: 0;
    left: 0;}
  
  .worklist li:nth-child(5) {
    position: static;
    bottom: 0;
    left: 0;}
  
  .worklist li {
    width: calc(50% - 12.8px); /* 0.8rem × 16px = 12.8px */
    overflow: hidden;
    margin-bottom: 24px;}
  
  .worklist li .pic {
    height: 28vw;
    position: relative;}
  
  .worklist li .txt1 p {
    font-size: 18px;}
}

@media screen and (max-width: 640px) {
  .worklist li {
    width: 100%;
    overflow: hidden;
    margin-bottom: 24px;}
  
  .worklist li:nth-child(1) {
    width: 100%;}
  
  .worklist li:nth-child(6) {
    width: 100%;}
  
  .worklist li:nth-child(1) .pic {
    height: 50vw;}
  
  .worklist li:nth-child(6) .pic {
    height: 50vw;}
  
  .worklist li .pic {
    height: 50vw;}
}
.location .weizhi a,
.location .weizhi{
font-size:14px!important;}
.span21020157{ color:#fff;line-height: 36px;}
.span11020157{ color:#fff;line-height: 36px;}