.product_read_box {
    width: 100%;
    padding: calc(3px + 3rem) 0;
}

.product_read {
    max-width: 1550px;
    width: 85%;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.product_read_pic {
    width: 50.8387%;
    display: flex;
    justify-content: space-between;
}

.product_pic_sub {
    width: calc(20px + 5rem);
    height: calc(150px + 20rem);
}

.pro_swiper {
    width: 100%;
    height: 100%;
}

.pro_swiper .swiper-slide {
    width: 100%;
    height: 100%;
}

.pro_sub_pic {
    width: 100%;
    height: calc(20px + 5rem);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.pro_sub_pic img {
    width: 80%;
    object-fit: cover;
}

.product_read_pic_main {
    width: 81.2183%;
    height: calc(40px + 30rem);
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #EEEEF0;
}

.product_read_pic_main img {
    width: 81.25%;
}

.pro_sub_pic_act .pro_sub_pic {
    border: 1px solid #521FEA;
}

.product_read_right {
    width: 41.2903%;
}

.product_read_right .p1 {
    font-family: Roboto_Bold;
    font-weight: 400;
    font-size: calc(6px + 1.5rem);
    color: #521FEA;
    line-height: calc(10px + 1.5rem);
}
.product_read_right .p2{
font-family: Roboto_Regular;
font-weight: 400;
font-size: calc(6px + 0.5rem);
color: #333333;
line-height: calc(2px + 1.5rem);
margin-top: calc(3px + 1rem);
}
.product_read_right .p2 strong{
    font-weight: bold;
}

.pro_btn{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: calc(30px + 4rem);
}
.pro_btn p{
font-family: Roboto_Regular;
font-weight: 400;
font-size: calc(8px + 0.5rem);
color: #666666;
line-height: calc(10px + 0.5rem);
margin-left: calc(4px + 1.5rem);
margin-right: calc(8px + 0.5rem);
}
.pro_btn .tel{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: calc(0px + 0.5rem);
}
.pro_btn .tel{
font-family: Roboto_Regular;
font-weight: 400;
font-size: calc(10px + 0.5rem);
color: #000000;
line-height: calc(3px + 1rem);
}

@media screen and (max-width: 1100px){
    .pro_btn{
        align-items: flex-end;
    }
    .product_read_pic{
        width: 100%;
    }
    .product_pic_sub {
        width: calc(30px + 5rem);
       
    }
    .product_read_pic_main{
        height: auto;
    }
    .product_read_right{
        width: 100%;
        margin-top: calc(10px + 1rem);
    }
    .product_read_right .p1{
        font-size: calc(16px + 1rem);
    }
    .product_read_right .p2{
        font-size: calc(10px + 1rem);
        line-height: 1.5;
    }
    .pro_btn p{
        font-size: calc(10px + 1rem);
    }
    .pro_btn .tel{
        font-size: calc(10px + 1rem);
    }
}