@charset "utf-8";
.info_base {
    width: 40%;
    /* margin: 20px 0; */
}
.swiper{
    width:40vw;
    height: 506.2px;
    box-shadow: 0px 0px 8px #bbbaba8e;
    background-color: rgba(255, 255, 255, 0.7);
}
.swiper h2{
    font-weight: 600;
    letter-spacing: .2vh;
    color: #333;
    background-color:#d1d1d1;
    font-size: 1.2rem;
    padding: 10px 20px;
    margin-bottom: 30px;
}
.swiper h2 span {
    font-weight: normal;
    font-size: .85rem;
    letter-spacing: normal;
    margin-left: 20px;

}
.info_slide {
    display: grid;
    justify-content: center;
    padding: 0 20px;
}
.info_slide img{
    grid-row: 1;
    width: 100%;
    height: 250px;
    object-fit: cover;
}
.info_slide3 img {
    object-position: right;
}
.info_slide4 img {
    object-position: left;
}
.info_slide5 img {
    object-position: right;
}
.info_title {
    grid-row: 2;
}
.info_title h3 {
    font-size: 1.2rem;
    font-weight: bold;
    border-bottom: 1px solid #333;
    margin: 10px 0 5px;
    position: relative;
}
.info_title p {
    line-height: 1.2rem;
}
.info_cate {
    display: inline;
    font-weight: normal;
    background-color: #4E4E4E;
    color: #fff;
    font-size: .8rem;
    padding: .1rem .5rem;
    border-radius: .5rem;
    position: absolute;
    top: 3px;
    right: 0;
    letter-spacing: .05rem;
}
.info_product {
    background-color: #004b88;
 
}
.swiper-button-next, .swiper-button-prev{
    top: 30%;
}
:root{
    --swiper-theme-color: #004b88;
    --swiper-navigation-size: 2rem;
}