/* mode02 */
.articleList01{position: relative;}
.index_02{padding: 0 0 0;}
.index_02 .box.off{display: none;}


.articleList01 .articleTitle01{display: block;position: relative;height: 48px;}
.articleList01 .articleTitle01 .title{position: absolute;left: 60px;top: 50%;transform: translateY(-50%);line-height: 48px;}
.articleList01 .articleTitle01 .title a{margin: 0 23px;position: relative;display: inline-block;}
.articleList01 .articleTitle01 .title a::after{content: '';display: block;width: 1px;height: 20px;background: #c3cecb;position: absolute;right: -23px;top: 50%;transform: translateY(-50%);}
.articleList01 .articleTitle01 .title a:first-child{margin-left: 0;}
.articleList01 .articleTitle01 .title a:last-child::after{display: none;}
.articleList01 .articleTitle01 .title a.on{color: #007071;/* font-weight: bold; */}
.articleList01 .articleTitle01 .title a.on::before{content: '';display: block;position: absolute;left: 0;right: 0;bottom: 0;height: 2px;width: 100%;background: #007071;}
.articleList01 .articleTitle01 .more a{height: 24px;position: absolute;right: 5px;top: 50%;transform: translateY(-50%);text-align: center;line-height: 28px;color: #333;}
.articleList01 .articleTitle01 .more a.off{display: none;}
.articleList01 .articleTitle01 .more a:hover{color: #007071;}

@media screen and (min-width:1024px){



}


@media screen  and (max-width:992px){
    
}

@media screen  and (max-width:767px){
  

}

@media screen and (max-width:479px){

 

}

.gp-img-responsive {
    width: 100%;
    height: 0;
    padding-bottom: 2.65%;
    overflow: hidden;
    display: block;
}

.gp-img-responsive img {
    width: 100%;
    transition: all 0.5s ease-in-out;
    max-width: none;
}

.gp-img-responsive img:hover {
    transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
}