.special-box { font-size: 0; }

.special-box .list { float: left; position: relative; overflow: hidden; }

.special-box .list:hover .img { -webkit-transform: scale(1.1); transform: scale(1.1); }

.special-box .list .icon { position: absolute; top: 15px; right: 15px; max-height: 48px; z-index: 2; }

.special-box .list .img { width: 100%; height: 100%; object-fit: cover; transition: all 0.4s; }

.special-box .list .title { font-size: 24px; line-height: 26px; color: #fff; padding: 20px; position: absolute; left: 0; bottom: 0; }

@media screen and (max-width: 750px) {
  /* .container{
    padding: 20px 10px;
  } */
}

@media screen and (max-width: 1500px) { 
  .main .special .list-wrap{
    margin-bottom: 40px;
  }
 }

@media screen and (max-width: 1250px) { .special-box .list .title { font-size: 18px; padding: 15px; }
  .special-box .list .icon { max-height: 35px; } }

@media screen and (max-width: 950px) { 
  .special-box .list .title { font-size: 16px; line-height: 18px; padding: 10px; }
 
  .special .list-wrap .list{
    position: relative;
    width: 100%!important;
    margin-left: 0!important;
    margin-right: 0!important;
    margin-bottom: 20px!important;
    height: 35vw!important;
  }
}

@media screen and (max-width: 650px) { 
  .special-box .list .title { font-size: 14px; line-height: 16px; padding: 5px; }
  .special-box .list .icon { max-height: 20px; top: 8px; right: 8px; }
}



.special-box h3{
  font-size: 24px;
  font-weight: bold;
  color: #333333;
  margin-bottom: 30px;
}

.special .list-wrap{
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 80px;
}
.container{
  border-top: 1px solid rgba(0, 0, 0, .1);
}
.page-nav-link .container{
  border-top: 0;
}
.download .container{
  border-top: 0;
}


.special .list-wrap .list{
  position: relative;
  width: calc(33% - 10.6px);
  margin-bottom: 20px;
  height: 17vw;
}


.other-box .list-wrap .list:nth-child(1){
  width: calc(50% - 10px);
  margin-right: 20px;
}
.other-box .list-wrap .list:nth-child(2){
  width: calc(50% - 10px);
}
.other-box .list-wrap .list:nth-child(4){
  margin: 0 20px;
}


.normal-box .list-wrap .list{
  width: calc(33% - 10.6px);
  margin-bottom: 20px;
  height: 17vw;
}

.normal-box .list-wrap .list:nth-child(2),.normal-box .list-wrap .list:nth-child(5){
  margin-left: 20px;
  margin-right: 20px;
}

.download{
  margin-top: 50px;
}