hr{
     margin-top: 0px;
     margin-bottom: 0px;
     border: 0;
     border-top: 1px solid #eee;
 }

.main_prodcut{
    display: block;
    background-color: #6091dd;
    color: #fff;
    text-align: center;
    font-size: 24px;
    font-weight: bolder;
    line-height: 45px;
    height: 45px;
}

.main_div{    padding: 10px;
    background: #ffffff;
    border: 1px solid #e3d6d6ab;
    margin: 2rem;
    border-radius: 10px;
}
 .main_div:hover{box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);transform: translateY(-5px);transition: all 0.3s ease}
 .main_div img{width: 100%;    border-radius: 6px 6px 0 0;
}

 .main_pro_t {
     position: relative;
 }

 .main_pro_t::before,
 .main_pro_t::after {
     content: "";
     position: absolute;
     top: 50%;
     width: 98%;
     border-bottom: 1px solid #b8b9bf; /* 横线样式 */
 }

 .main_pro_t::before {
     right: 100%;
 }

 .main_pro_t::after {
     left: 100%;
 }

.advantage_prodcut_div{margin: 0.2rem 1rem;}
.advantage_prodcut_div img{width: 100%;height: 20rem}
.advantage_prodcut_text{
    display: block;
    margin-top: -5px;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: bolder;
    line-height: 50px;
    height: 50px;
    width: 100%;"
}

.red-contact{
    background-color:#6091dd
}
.date{float: right;    margin: 5px;}
.red-contact p{ font-size: 40px;color: #ffffff; text-align: center;    margin: 5%;}
.red-div{display: flex;height:180px;justify-content: center;align-items: center;}
.red-btn{ width: 20rem;height:55px;border-style: solid; border-width: 0px; background-color: #fff;}
.main_pro_t{font-size:35px;font-weight: 900;color: #444;padding: 1em;}
.div-h{margin: 40px 0}
.hot_pro{padding: 0px}
.hot_single_pro{padding:10px;border: 1px solid #e3d6d6ab;}
.hot_single_pro:hover{box-shadow: 2px -2px 2px 2px #e3d6d6ab;}
.hot_pro_img img{width: 100%;
    /*height: 300px;*/
}
 .main_div img{width: 100%;
     /*height: 300px;*/
 }
.hot_pro_title{
    font-weight: 700;
    text-align: center;
    padding: 5px;
    white-space: nowrap; /* 防止文本换行 */
    overflow: hidden;
}
.hot_pro_intro{ padding: 5px;}
.hot_pro_btn{
    font-weight: bolder;
    text-align: center;
    color: #000;
    height: 45px;
    width: 100%;
    border: 1px solid #eee;
    outline: none;
}
.hot_pro_btn:hover{
    color: #fff;
    height: 45px;
    width: 100%;
    background-color: #6091dd;
    border: 1px solid #eee;
    outline: none;
}


.tool-item{margin:2rem; padding: 15px ;    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
.tool-item:hover{font-weight: bolder; -webkit-box-shadow:0 0 6px 0 #a6a6a6;box-shadow:0 0 6px 0 #a6a6a6;-webkit-transition:.5s all ease;transition:.5s all ease;transform:scale(1.03);}


.mar-b-0 {
    margin-bottom: 0;
    border-bottom: 1px solid #f1f1f1
}

.index-footer .ft-li .cart-num {
    position: absolute;
    top: .2rem;
    left: 3.2rem;
    min-width: 1rem;
    height: 1rem;
    padding: .1rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 10px;
    display: block;
    border-radius: 50%;
    text-align: center;
    line-height: .9rem;
    background: #fe3b30;
    color: #fff
}
 .post_wrap{
     position: absolute;
     display: inline-grid;
     top: 40%;
     left: 65%;
     padding: 2em;
     border-radius: 10px;
     /*transform: translate(-50%, -50%);*/
     background-color: #c5c5b7ad
 }
 .post_wrap::before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: transparent; /* 可以将遮罩的颜色设置为透明，因为背景颜色已经在 .post_wrap 上设置了 */
     z-index: -1; /* 将伪元素置于背景之后，确保内容不会被遮挡 */
 }
.about_us_btn{
    border: 1px solid;
    padding: 1.2em 1.5em;
}

 iframe {
     width: 100%;
     height: 100%;
 }

 /* 设置包装元素的宽度和高度，并设置宽度为100%以适应父元素的宽度 */
 .video-container {
     position: relative;
     width: 100%;
     height: 0;
     padding-bottom: 56.25%; /* 设置宽高比为16:9，可根据需要更改 */
     overflow: hidden;
 }

 /* 使iframe相对于包装元素定位，以保持宽高比 */
 .video-container iframe {
     position: absolute;
     top: 0;
     left: 0;
 }

.sub_title{padding: 4em 2em 6em 2em}
section{padding:  1em 0 ;margin-bottom: 1em}
 .tool-item .no{padding: 0 4px;    font-style: italic;}

 .about_us_pic{
     padding: 10px;
 }
 /*.about_us_pic iframe{*/
 /*    width: 98%;*/
 /*    max-width: 600px;*/
 /*}*/
 .about_us_info{
     padding: 10px;
 }
 .about_us_p{
     text-align: left;line-height:2;font-family: 'times new roman', times, serif; font-size: 18px;color: #7e8c8d;"
 }
 .new_pic img{max-height: 280px}

 .post img{
     width: 100%; height: 480px;
 }

 @media (min-width: 1920px){
     .hot_pro_img img{height: 460px;}
     /*.main_div img{height: 460px;}*/
 }

 @media (min-width: 1366px){
     .about_us_p{font-size: 22px}
     .about_us_info {
        margin-top: 100px;
        padding: unset;
     }
     .hot_pro_img img{max-height: 400px;}
     /*.main_div img{max-height: 400px;}*/
     .post img{
         width: 100%; height: 600px;
     }
     .post_span{
         font-size: 4rem;
     }
     .main_prodcut{
         font-size: 35px;
         font-weight: bolder;
         height: 60px;
         border-radius: 0 0 6px 6px;
         line-height: 60px;
     }
     .hot_pro_title{ font-size: 30px;padding: 20px}
     .hot_pro_intro{font-size: 30px;}
 }

 @media (min-width: 769px) {
    section{padding:  2em 0 ;margin-bottom: 3em}
    .tool-item .new_title{font-size: 18px}
    .news{
        background: #f5f5f594;
        padding: 60px;
        width: 100%!important;
    }
    .about_us_pic{
        margin-top: 100px;
        padding: 30px;
    }

    .about_us_info{
        margin-top: 6rem;
        padding: 1rem;
    }
    .about_us_span {
        text-align: left;font-family: 'arial black', sans-serif;font-size: 4rem;
    }
    .red-contact{ margin: 0;}
    .main_pro_div{margin-top: -5em!important;}
     .post_div{margin-top: -8em!important;}
    .post_span{
        font-family:Times, "Times New Roman", serif;
        font-size: 3rem;
        font-weight: bolder
    }
    .special_lfet{left: 52%;}
    .post_wrap .more_div{
        display: flex;
        justify-content: center;
        align-items: center;
    }
     .contact-div a{
         display: flex;justify-content: center;align-items: center;width: 100%;transform: translateY(80%);
     }

    .view_more_btn{
        text-align: center;
        /*margin-left: 400px;*/
        font-size: 18px;
        padding: 1em  1.5em;
        background-color: #ffc016 !important;
        max-width: 200px;
    }
     .hot_pro_title{ font-size: 22px;padding: 15px}
     .hot_pro_intro{font-size: 20px;}
}

@media(max-width: 768px) {
    .sub_title{padding: 1em 0}
    .about_us_span {
    ;font-size: 2rem;
    }
    .about_us_p{
        font-size: 16px;color: #7e8c8d;"
    }
    .red-contact p{
        font-size: 20px;
    }
    .red-div{
        height: 80px;
    }
    .red-btn{ width: 14rem;height: 50px;}
    .main_pro_t{font-size:20px;font-weight: 400;}
    .main_div{margin: 5px}
    .pro_row{ padding-right: 0px !important;
        padding-left: 0px!important;}
    .main_div img{
        /*height: 12rem;   */
        margin: 0px;}
    .main_prodcut{font-size: unset; border-radius: 0 0 6px 6px;}
    .div-h{margin: 15px  0}
    .main_pro_div div{    padding-left: 0px;padding-right: 0}
    .hot_pro_img img{height: unset;}

    .post img{
        width: 100%; height: 260px;filter: blur(1px);
    }

    .tool-item{
        margin: 0rem;
        padding: 1px;
    }
    .search_div{
        margin-left: unset;
    }

    .post_span{
        color: #eeeeee;
        padding: 1em 0em;
        font-size: 2rem;
        font-weight: bolder
    }

    .view_more_btn{
        text-align: center;
        font-size: 12px;
        padding: 1em  .6rem;
        border-radius: 5px;
        background-color: #ffc016 !important;
        max-width: 200px;
    }
    .contact-div a{
        display: flex;justify-content: center;align-items: center;width: 100%;transform: translateY(60%);
    }
    .more_div{
        text-align: center;
    }
    .post_wrap {
        position: absolute;
        display: inline-grid;
        top: 35%;
        left: 25%;
        padding: 1rem;
        border-radius: 10px;
        /* transform: translate(-50%, -50%); */
        background-color: #c5c5b7ad;
    }
    .special_lfet{left: 13%;}
    .main_pro_t::before,
    .main_pro_t::after {
        content: "";
        position: absolute;
        top: 50%;
        width: 40%;
        border-bottom: 1px solid #b8b9bf; /* 横线样式 */
    }

    .main_pro_t::before {
        right: 100%;
    }

    .main_pro_t::after {
        left: 100%;
    }
}

 .image-container {
     position: relative;
 }