.product_read_box {
    width: 100%;
    background-color: #F6F6F6;
    padding: calc(10px + 2rem) 0;
}

.product_read {
    max-width: 1600px;
    width: 95%;
    margin: auto;
    display: flex;
    justify-content: space-between;
}

.product_read_left {
    width: 40%;
}

.product_read_pic {
    width: 100%;
}

.product_img {
    width: 100%;
    height: calc(40px + 30rem);
    background-color: #ffffff;
}

.product_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.futu_swiper_box {
    width: 95%;
    margin: auto;
    margin-top: calc(15px + 0.5rem);
}

.futu_swiper {
    width: 100%;
}

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

.futu_item {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.futu_item_act {
    border: calc(0px + 0.1rem) #f7b014 solid;
}

.product_read_right {
    width: 56%;
}

.product_read_right .p1 {
    font-size: calc(8px + 0.5rem);
    color: #333333;
}

.product_read_right .p2 {
    font-size: calc(10px + 1rem);
    color: #2a2a2a;
    font-weight: bold;
    line-height: 1.5;
    margin-top: calc(10px + 0.5rem);
    border-bottom: 1px #dbdbdb solid;
    padding-bottom: calc(15px + 0.5rem);
}

.product_read_right .p3 {
    font-size: calc(8px + 0.5rem);
    line-height: 1.8;
}
.product_read_right .p3 h2{
    font-weight: bold;
    color: #000000;
}
.product_read_right .p3 table{
    width: 100% !important;
}
.product_read_right .p3 table td {
    font-size: calc(4px + 0.5rem) !important;
    border: 1px black solid;
    background-color: #ffffff;
}
.product_read_right .p3 table td span{
    font-size: calc(4px + 0.5rem) !important;
   
}


.pro_btn {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: calc(5px + 1rem);
    margin-top: calc(10px + 2rem);
    border-bottom: 1px #dbdbdb solid;
    padding-bottom: calc(1px + 2rem);
}

.pro_btn .more {
    margin-top: 0;

}

.pro_btn .more:nth-of-type(1):hover a {
    color: #ffffff !important;
}

.pro_intro_box {
    width: 100%;
    padding: calc(20px + 2rem) 0;
}

.pro_intro {
    max-width: 1600px;
    width: 95%;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.pro_intro_left {
    width: 66%;
}

.pro_intro_title {
    font-size: calc(8px + 1rem);
    color: #333333;
    font-weight: bold;
}

.line {
    width: 100%;
    height: 1px;
    background-color: #dbdbdb;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    margin-top: calc(6px + 0.5rem);
}

.line1 {
    width: calc(40px + 5rem);
    height: calc(1px + 0.1rem);
    background-color: #f7b014;
}

.pro_intro_left .p4 {
    margin-top: calc(10px + 1rem);
}
.pro_intro_left .p4 img{
    width: 50%;
}
.pro_intro_left .p4 p span{
    text-wrap-mode: wrap !important;
    
}
.pro_intro_left .p4 table td {
    border: 1px black solid;
    background-color: #ffffff;
    color: #555555 !important;
}
.pro_intro_left .p4 table th{
     border: 1px black solid;
    background-color: #ffffff;
    color: #555555 !important;
    font-weight: bold;
}

.pro_intro_right {
    width: 26%;
}

strong{
    font-family: poppins_bold !important;
    font-weight: bold !important;
}

.share {
    margin-top: calc(5px + 1rem);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: calc(5PX + 0.25rem);
}

.share p {
    font-size: calc(10px + 0.5rem);
    color: #333333;
    font-weight: bold;
}

.line_box {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: calc(10px + 0.5rem);
}

.link {
    width: calc(10px + 1.5rem);
    height: calc(10px + 1.5rem);
    background-color: #00000010;
}

.link a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pro_intro_left .p4 h1{
    font-size: calc(8px + 1rem);
    font-weight: bold;
    color: #333333;
}
.pro_intro_left .p4 h2{
    font-size: calc(8px + 1rem);
    font-weight: bold;
    color: #333333;
}
.pro_intro_left .p4 h3{
    font-weight: bold;
    font-size: calc(2px + 1rem);
    color: #333333;
}

.pro_intro_nav{
    width: 100%;
}

.pro_intro_nav_title{
    width: 100%;
    height: calc(15px + 3rem);
    background: #2a2a2a;
    color: #ffffff;
    font-family: poppins_bold;
    font-size: calc(6px + 1rem);
    display: flex;
    align-items: center;
    padding-left: calc(6px + 0.5rem);
}

.pro_intro_nav_box{
    background: #f3f3f3;
    padding: 0 calc(10px + 0.5rem);
    padding-bottom: calc(5px + 1rem);
}
.pro_intro_nav_item{
    font-size: calc(8px + 0.5rem);
    color: #333333;
    font-family: poppins_bold;
    border-bottom: 1px #ddd solid;
    padding: calc(5px + 1rem) 0;
}
.pro_intro_nav_item a{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: calc(5px + 0.5rem);
}
.pro_intro_nav_item .icon{
    width: calc(10px + 0.5rem);
    height: calc(10px + 0.5rem);
    border: 1px #ddd solid;
}

.pro_intro_nav_item_act .icon{
    border: none;
    background: #f7b014;
    display: flex;
    justify-content: center;
    align-items: center;
}
.pro_intro_nav_item_act .icon svg{
    transform: scale(0.8);
}

.xgcp{
    width: 100%;
    border: 1px #ddd solid;
    padding: calc(10px + 0.5rem);
    padding-top: 0;
    padding-bottom: 0;
}
.xgcp_item{
    border-bottom: 1px #ddd solid;
    padding: calc(10px + 0.5rem) 0;
}
.xgcp_item:nth-of-type(1){
    display: none;
}
.xgcp_item:nth-last-of-type(1){
    border: none;
}
.xgcp_item a{
    width:100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.xgcp_item a .xgcp_pic{
    width: calc(30px + 5rem);
    overflow: hidden;
}
.xgcp_item a .xgcp_pic img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .5s;
}

.xgcp_item a p{
    width: calc(23px + 10rem);
    font-size: calc(7px + 0.5rem);
    color: #333333;
    font-family: poppins;
}

.xgcp_item:hover p{
    color: #f7b014;
}
.xgcp_item:hover img{
    transform: scale(1.1);
}

figure{
   overflow-x: visible !important;
}

.prev_next_box{
    display: flex;
    justify-content: space-between;
    margin-top: calc(10px + 2rem);
    border-top: 1px #ddd solid;
    padding-top: calc(10px + 1rem);
}
.prev_next_box div{
    font-size: calc(8px + 0.5rem);
    font-family: poppins;
}
.news_prev{
    width:48%;
}
.news_next{
    width:48%;
}
.prev_next_box .div1{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: calc(5px + 0.25rem);
}

/*.pro_intro_left .p4 p:nth-last-of-type(1){*/
/*    flex-direction: column;*/
/*}*/
/*.pro_intro_left .p4 p:nth-last-of-type(2){*/
/*    flex-direction: column;*/
/*}*/


.tags{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: calc(5px + 1rem);
    row-gap: calc(1px + 0.2rem);
}
.tags p{
    font-size: calc(8px + 0.5rem);
    font-family: poppins_bold;
}
.tags a{
    font-size: calc(6px + 0.5rem);
    font-family: poppins;
}
.tags a:hover{
    color: #f7b014;
    text-decoration: underline;
}

.wrapper{
    flex: 1;
}
@media screen and (max-width: 1100px) {
    .product_read {
        flex-direction: column;
        justify-content: flex-start;
        gap: calc(10px + 1rem);
    }

    .product_read_left {
        width: 100%;
    }

    .product_img {
        height: calc(40px + 75rem);

    }
    .product_read_right{
        width: 100%;
    }
    .pro_intro_left{
       width: 100%;
    }
    .pro_intro_title{
        font-size: calc(14px + 1rem);
    }
    .pro_intro{
        flex-direction: column;
        justify-content: flex-start;
        gap: calc(10px + 1rem);
    }
    .pro_intro_left{
        width: 100%;
    }
    .product_read_right .p1{
        font-size: calc(10px + 1rem);
        line-height: 1.5;
    }
    .product_read_right .p2{
        font-size: calc(16px + 1rem) !important;
        line-height: 1.5 !important;
    }
    .product_read_right .p3{
        font-size: calc(10px + 1rem) !important;
        line-height: 1.5 !important;
        font-family: poppins;
        color: rgb(51, 51, 51);;
    }
     .product_read_right .p3 p{
           font-size: calc(10px + 1rem) !important;
        line-height: 1.5 !important;
        font-family: poppins;
        color: rgb(51, 51, 51);;
     }
     .pro_btn {
  
    margin-top: calc(10px + 5rem);
  
    padding-bottom: calc(1px + 7rem);
}

.pro_intro_left .p4 h1{
    font-size: calc(16px + 1rem);
    font-weight: bold;
    color: #333333;
}
.pro_intro_left .p4 h2{
    font-size: calc(16px + 1rem);
    font-weight: bold;
    color: #333333;
}
.pro_intro_left .p4 h3{
    font-weight: bold;
    font-size: calc(12px + 1rem);
    color: #333333;
}
.pro_intro_right{
    width: 100%;
}

.pro_intro_nav:nth-of-type(1){
    display: none;
}

.xgcp_item a .xgcp_pic {
    width: calc(30px + 21rem);
  
}

.xgcp_item a p {
    width: calc(23px + 47rem);
   font-size: calc(12px + 1rem);
}

.pro_intro_nav_title {
    height: calc(15px + 10rem);
  font-size: calc(14px + 1rem);
}
.product_read_right .p3 table td {
    font-size: calc(10px + 1rem) !important;
  
}
.product_read_right .p3 table td span{
    font-size: calc(10px + 1rem) !important;
   
}
.prev_next_box{
    flex-direction: column;
    justify-content: flex-start;
    gap: calc(10px + 1rem);
}
.news_prev{
    width: 100%;
}
.news_next{
    width: 100%;
}
.prev_next_box div{
    font-size: calc(10px + 1rem);
    line-height: 1.5;
}
.prev_next_box .news_next .div1{
    flex-flow: row-reverse;
} 
}