.pc{
    background-color: #000 !important;
}
.pc .banner{
    width: 100vw;
    height: 100vh;
    position: relative;
    overflow: hidden;
}
.pc .banner img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.pc .banner .banner_line{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: clamp(240px, 23.18vw, 445px);
    background: url(../images/banner_pc/banner_line.webp) repeat-x;
}
.pc .banner .tit1{
    position: absolute;
    bottom: clamp(80px, 7.29vw, 140px);
    left: clamp(24px, 2.19vw, 42px);
    font-size: clamp(44px, 4.69vw, 90px);
    color: #fff;
    font-family: 'Barlow-Bold';
}
.pc .banner .tit2{
    position: absolute;
    bottom: clamp(50px, 4.69vw, 90px);
    left: clamp(24px, 2.19vw, 42px);
    font-size: clamp(15px, 1.04vw, 20px);
    color: #fff;
    font-family: 'Barlow-Regular';
}
.pc .wrap>.title{
    margin-top: clamp(32px, 3.13vw, 60px);
    height: clamp(110px, 10.94vw, 210px);
    line-height: clamp(110px, 10.94vw, 210px);
    font-size: clamp(36px, 3.75vw, 72px);
    color: #fff;
    font-family: 'Barlow-Regular';
}                   
.pc .line{
    position: relative;
    width: 100%;
    height: 2px;
    background-color: #2264dc;
}
.pc .infos{
    font-family: 'Barlow-Regular';
    margin-top: clamp(32px, 3.13vw, 60px);
    color: #fff;
    font-size: clamp(15px, 1.04vw, 20px);
    line-height: clamp(18px, 1.3vw, 25px);
    columns: 2;
    column-gap: clamp(22px, 1.98vw, 38px);
}
.pc .infos>div{
    display: block;
    width: 100%;
    height: auto;
}
.pc .infos p{
    margin-bottom: clamp(20px, 1.56vw, 30px);
}
.pc .imgs{
    position: relative;
    margin-top: clamp(84px, 8.33vw, 160px);
    display: flex;
    padding: 0 clamp(24px, 2.19vw, 42px);
    grid-row: 2;
    gap: clamp(22px, 1.98vw, 38px);
    flex-wrap: wrap;
    justify-content: space-between;
}
.pc .imgs a{
    width: calc((100% - clamp(22px, 1.98vw, 38px)) / 2);
    box-sizing: border-box;
    display: block;
}
.pc .imgs a .img_item{
    width: 100%;
    overflow: hidden;
}
.pc .imgs a .img_item img{
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    display: block;
    transition: transform 0.6s ease;
}
.pc .imgs a:hover .img_item img{
    transform: scale(1.05);
}
.pc .imgs a .img_item .title{
    font-family: 'Barlow-Regular';
    position: relative;
    color: #fff;
    font-size: clamp(20px, 1.56vw, 30px);
    line-height: clamp(22px, 1.88vw, 36px);
    margin-top: clamp(15px, 1.04vw, 20px);
}
.pc .imgs a .img_item .location{
    font-family: 'Barlow-Regular';
    position: relative;
    color: #7d7d7d;
    font-size: clamp(17px, 1.25vw, 24px);
    margin-top: clamp(8px, 0.52vw, 10px);
}




.phone .box .banner{
    position: relative;
    top: 0;
    left: 0;
    width: 15rem;
    height: 8.53rem;
}
.phone .box .banner img{
    width: 100%;
    height: 100%;
}

.phone .box{
    position: relative;
    margin-top: 2.7rem;
}
.phone .box .infos{
    position: relative;
    width: 15rem;
    height: 16rem;
}
.phone .box .infos .title{
    margin-top: 1.2rem;
    padding-left: 0.75rem;
    height: 3rem;
    line-height: 3rem;
    font-size: 1.1rem;
    color: #fff;
    border-bottom: .03rem solid #2264dc;
}
.phone .box .infos .content{
    color: #fff;
    font-size: .52rem;
    line-height: .65rem;
    padding: 0 .8rem;
    text-align: justify;
    letter-spacing: -0.025rem;
}
.phone .box .infos .content p{
    margin-top: 0.6rem;
}

.phone .box .imgs{
    position: relative;
    width: 15rem;
}
.phone .box .imgs .img_item{
    position: relative;
    width: 15rem;
    margin-top: 0.7rem;
}
.phone .box .imgs .img_item img{
    padding: 0 .8rem;
    width: 13.4rem;
    height: auto;
}
.phone .box .imgs .img_item .title{
    position: relative;
    padding: .5rem .8rem;
    width: 13.4rem;
    color: #fff;
    font-size: .7rem;
    line-height: .75rem;
    letter-spacing: -0.025rem;
}