.join{
    padding-bottom: 5.625rem;
}
 .join .mtitle{
    /* margin-top: 5.625rem; */
    font-size: 3rem;
    line-height: 1;
}
.join .mtitle .eng-title{
    font-size: 1.3125rem;
}
.join .join-des{
    font-size: 1.5rem;
    margin:2rem 0 5.625rem;
}

.parlayout {
    width: 100%;
    display: flex;
    /* padding: 5rem 0; */
    flex-direction: column;
}

.parlayout .par-info{
    /* width: 35%; */
}
.parlayout .img-box{
    /* width: 60%; */
    /* margin-top: 1.25rem; */
    display: flex;
    justify-content: center;
    overflow: hidden;
}
.parlayout .img-box img{
    max-width: none;
}

.parlayout .par-info .par-info-slogin{
    font-size: 3rem;
    color: #808080;
    line-height: 1;
    margin: 0.938rem 0;
}
.parlayout .par-info .par-slogin{
    margin: 2rem 0;
}
.parlayout .par-info .par-info-des{
    font-size: 1.5rem;
    color: #808080;
    line-height: 1.5;
    text-align: justify
}
.join{
    padding: 0;
}
/* 经典案例 */

.caselayout{
    
}
.caselayout .case-item{
    padding: 30px;
    display: flex;
}
.caselayout .case-item:hover .case-info-box .case-icon{
    transform: translateX(.5rem);    
    transition:all .5s;
}
.caselayout .case-item:nth-of-type(2n-1){
    background: #F5F5F5;
}
.caselayout .case-item .caseimg-box{
    width: 25rem;
    height: 18.75rem;
}
.caselayout .case-item .caseimg-box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.caselayout .case-item .case-info-box {
    width: 60%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding-left: 5rem;
}
.caselayout .case-item .case-info-box .case-title{
    font-size: 2.625rem;
    color: #333;
    line-height: 1;
    margin-top: 1.563rem
}
.caselayout .case-item .case-info-box .case-catename{
    font-size: 1.25rem;
    color: #666;
    line-height: 1;
}
.caselayout .case-item .case-info-box .case-des{
    font-size: 1rem;
    color: #666;
    text-align: justify
}
.caselayout .case-item .case-info-box .case-icon{
    color: #4d4d4d;
    transition:all .5s;
}
.casetxt{
    margin: .8rem 0;
}
.category-nav .nav-item {
    max-width: 30.25rem;
}
.category-nav {
    justify-content: center;
    background: #e4e4e4;
}

@media screen and (max-width: 1024px){
    /* .category-nav .nav-item {
        flex: 1;
    } */
    .parlayout {
        flex-direction: column;
        padding: 0 15px;
    }
    .parlayout .img-box {
        width: 100%;
    }
    .parlayout .par-info {
        width: 100%;
    }
    .join .mtitle .eng-title {
        font-size: 16px;
        display: block;
    }
    .join .mtitle {
        margin-top: 3rem;
        font-size: 23px;
    }
    .parlayout .par-info .par-info-slogin{
        font-size: 23px;
        margin: 0 3px;
    }
    .parlayout .par-info .par-slogin{
        display: flex;
    }
    .parlayout .par-info .par-info-des{
        font-size: 1rem;
    }
    .parlayout .img-box{
        padding: 0;
    }
    .category-nav .nav-item {
        max-width: 30.25rem;
    }
    .category-nav {
        justify-content: center;
        background: #e4e4e4;
    }
    /* case */
    .caselayout .case-item .caseimg-box{
        display: none;
    }
    .parlayout{
        padding: 0 !important;
    }
    .caselayout .case-item .case-info-box{
        width: 100%;
        padding-left: 0;
    }
    .caselayout .case-item .case-info-box .case-title {
        font-size: 1.625rem;
    }
    .casetxt {
        margin: .3rem 0;
    }
    .caselayout {
        margin-top: 0 !important;
    }
    .caselayout .case-item .case-info-box .case-icon{
        text-align: right;
    }
    .caselayout .case-item .case-info-box .case-catename {
        font-size: 16px;
    }
    .caselayout .case-item .case-info-box .case-des{
        font-size: 12px;
    }
    .index-banner .cate-banner-container {
        padding-left: 30px !important;
    }
    .parlayout .img-box img{
      max-width: 100%;
    }
}
/* 分页器 */
.page{
    margin-bottom: 4.375rem;
  }
  .page-list .page-item{
    margin: 0 .5rem;
  }
  .page-list .page-item .page-link{
    padding: .5rem .875rem;
  }
  .page-list .page-item span.page-link{
    background: #4d4d4d;
    color: #d1d1d1;
    border-color: #4d4d4d;
  }
  .page-list .page-item a.page-link{
    border-color: #a7a7a7;
    color: #4d4d4d;
  }
  .page-link:focus{
    box-shadow: none;
  }