@media screen and (max-width: 1920px){}
@media screen and (max-width: 1680px){}
@media screen and (max-width: 1440px){}
@media screen and (max-width: 1366px){
  .art-box {
    width: 90%;
  }
  .art-box .hea-box h3 {
    font-size: 40px;
  }
}
@media screen and (max-width: 1280px){
  .art-box {
    width: 85%;
  }
  .art-box .hea-box h3 {
    font-size: 35px;
  }
}
@media screen and (max-width: 1024px){
  .art-box {
    width: 80%;
  }
  .art-box .hea-box h3 {
    font-size: 30px;
  }
}
@media screen and (max-width: 768px){

}
@media screen and (max-width: 767px){
  .art-box {
    width: 84%;
  }
  .art-box .hea-box h3 {
    font-size: 16px;
  }
  .art-box .hea-box p {
    font-size: 12px;
  }
  .art-box .hea-box p span {
    margin: 0 4px
  }
}