.title{font-size: 32px; color:#ef4e3a; margin:30px 0 25px 0;}
    .desp{font-size:20px; color:#333; margin-bottom:20px;}
    .gallerybox{font-size:0;}
    .gallerybox>a{width:294px; height:294px; display: inline-block; margin-right: 7px; overflow: hidden;}
    .gallerybox>a:nth-of-type(4n){margin-right: 0;}
    .gallerybox img{width:294px; height:294px; object-fit: cover; cursor: pointer;transform: scale(1); transition-duration: 500ms;}
    .gallerybox>a:hover img{transform: scale(1.2);}
    .introbox{display: flex;}
    .introbox img{width: 507px; height:296px;}
    .introbox .right{flex:1 1 auto;font-size:20px; line-height:24px; margin-left:18px;}
    .introbox .right div{margin-bottom:14px;}
    .introbox .right h5{color:#00a2ea; }
    @media screen and (max-width: 500px) {
      .pages-base{padding:0 15px;}
      .title{font-size: 22px;  margin:20px 0 15px 0;}
      .desp{font-size:18px; }

      .introbox{display: flex; flex-wrap: wrap;}
      .introbox img{width: 384px; height:223px;}
      .introbox .right{ flex:0 0 384px; font-size:14px; line-height:22px; margin-left:0; margin-top:15px;}
      .introbox .right div{margin-bottom:5px;}
      .tec-img{width: 384px;}

      .gallerybox>a{width:191px; height:191px; display: inline-block; margin-right: 2px; margin-bottom:2px;}
      .gallerybox>a:nth-of-type(4n){margin-right: auto;}
      .gallerybox>a:nth-of-type(2n){margin-right: 0;}

      .gallerybox img{width:191px; height:191px; object-fit: cover; cursor: pointer;transform: scale(1); transition-duration: 500ms;}
    }