.fluentform input,
.fluentform textarea {


    transition: 0.5s ease;

    border-color: #55a11f;

}

.n_main .fluentform input:hover,
.n_main .fluentform textarea:hover {

    border-color: #55a11f;

}

.fluentform button {

    background-color: #55a11f;
    display: none;
    color: #FFFFFF;

}

.fluentform button:hover {
	opacity: 1;
	background-color: #ff6a00;
}




.top_section .top_sns a,.mob_sns a,.con_sns a {

    border: 1px #FFFFFF solid;
    border-radius: 10px;

    display: inline-block;
    width: 32px;
    height: 32px;
    margin: 0 2px;

}

.top_section .top_sns a:hover ,.mob_sns a:hover ,.con_sns a:hover {


    background: rgba(255, 106, 0, 0.76);

}


.megamenu .sub-menu .nav_li .menu-children:hover a.img img {

    transform: translateZ(-8px) scale(0.95); /* 轻微放大/下沉 */
    box-shadow: 0 0 6px 0 rgba(0,0,0,0.8);

}
.text-hidden1 {

    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;

}

.text-hidden2 {

    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;

}

.text-hidden3 {

    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;

}



.form-products {

    margin: 20px 0;
    text-align: center;


}

.form-products .form-product a {

    display: inline-block;
    padding: 10px;
    background-color: #55a11f;
    color: #FFFFFF;
    font-size: 0.2rem;
    margin-bottom: 10px;
    border-radius: 10px;

}

.form-products .form-product a:hover {

    background-color: rgba(85, 161, 31, 0.8);

}

.con_sns1 {
    text-align: center;
}
.con_sns1 a {

    background-color: #55a11f;
}



.news-page p {

    font-size: 0.17rem;
    margin-bottom: 20px;

}

.news-page img {

    width: 100%;
    margin-bottom: 20px;

}

.news-page a {

    color: #55a11f;
    font-size: 0.15rem;
    font-weight: 700;

}

.news-page p a {

    font-size: 0.17rem;

}

.news-page a:hover {

    text-decoration: underline;

}

.news-page iframe {

    margin-bottom: 20px;

}
.news-page ul {

    margin-bottom: 20px;
}
.news-page li {

    color: #55a11f;
    content: "◆ ";
    font-size: 0.15rem;

}

.news-page li span {

    font-size: 0.2rem;
    font-weight: 700;
    color: black;

}

.news-page li strong {

    color: black;

}


.box-li {
    position: relative;
    display: inline-block;
    background: #f9f9f9;
    cursor: pointer;
    overflow: hidden;

}

/* 左上角出发 */
.box-li::before,
    /* 右下角出发 */
.box-li::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 2px solid transparent;
    transition: width 0.4s ease, height 0.4s ease;
}

.box-li::before {
    top: 0;
    left: 0;
    border-top-color: #55a11f;
    border-left-color: #55a11f;
}

.box-li::after {
    bottom: 0;
    right: 0;
    border-bottom-color: #55a11f;
    border-right-color: #55a11f;
}

/* hover 时同时展开 */
.box-li:hover::before,
.box-li:hover::after {
    width: 100%;
    height: 100%;
}

.page_num .navigation {

    background-color: #FFFFFF;
}

.page_num .navigation h2 {

    display: none;

}

.page_num .navigation .nav-links a {

    border: 1px solid #55a11f;
    font-weight: 700;
    font-size: 20px;

}

.page_num .navigation .nav-links a:hover {
    
    background-color: #55a11f;
    color: #FFFFFF;
}

.page_num .navigation .nav-links span{

    font-weight: 700;
    font-size: 20px;
    
}



/*  YouTube 懒加载  */

.youtube-facade {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    background-color: #000;
    background-size: cover;
    background-position: center;
    cursor: pointer;
    overflow: hidden;
    /*border-radius: 10px;*/
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    margin: 10px 0;
}

/*.youtube-facade:hover {*/
/*    transform: scale(1.01);*/
/*    box-shadow: 0 10px 25px rgba(0,0,0,0.35);*/
/*}*/

/* ✅ 添加类似 YouTube 的半透明黑色渐变 */
/*.youtube-facade::before {*/
/*    content: "";*/
/*    position: absolute;*/
/*    inset: 0;*/
/*    background: linear-gradient(to top, rgba(0,0,0,0.6), rgba(0,0,0,0.1));*/
/*    z-index: 1;*/
/*}*/

/* ✅ 官方红色播放按钮 */
.youtube-facade::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 68px;
    height: 48px;
    background: rgba(255,255,255,0.05);
    border-radius: 12px;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.youtube-facade .yt-play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
    width: 68px;
    height: 48px;
    background: #ff0000;
    border-radius: 12px;
    box-shadow: 0 0 20px rgba(0,0,0,0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease, box-shadow 0.25s ease;
}

.youtube-facade .yt-play-btn::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 14px solid white;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    margin-left: 3px;
}

.youtube-facade:hover .yt-play-btn {
    transform: translate(-50%, -50%) scale(1.08);
    box-shadow: 0 0 25px rgba(255,0,0,0.6);
    background-color: black;
}

.youtube-facade iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 10px;
}


/*  product  details   */

.main_text .pro_main_text p {

    line-height: 1.5;
    text-align: left;

    font-size: 16px;
    font-family: arial, helvetica, sans-serif;

    margin-bottom: 20px;
}

.main_text .pro_main_text p span {

}


.main_text .pro_main_text table {

    border-collapse: collapse;
    width: 100%;
    height: 100px;
    border-style: none;
}
.main_text .pro_main_text table tr {

    background-color: #ecf0f1;
    height: 40px;

}

.main_text .pro_main_text table tr:nth-child(2n) {

    background-color: #fff;

}

.main_text .pro_main_text table tr:hover{

    background-color: rgba(85, 161, 31, 0.18);

}

.main_text .pro_main_text table tr td {

    width: 24.2819%;
    height: 20px;
    padding-left: 40px;

}


.main_text .pro_main_text table tr td:nth-child(2n)  {

    width: 75.6795%;

}


.tab-content .tab-content-p {

    margin-bottom: 20px;
    padding: 3px 0;
    padding-left: 10px;
    /*background-color: #018189;*/
    background-color: rgba(1, 129, 137, 0.73);
    color: white;
    font-weight: 700;
    font-size: 18px;
    line-height: 2;

    direction: ltr;
    unicode-bidi: embed;
    word-break: normal;

}



.tab-content .tab-content-pt {

    margin-top: 60px;

}

.tab-content .tab-pane ul {

    list-style-type: square;

}

.tab-content .tab-pane ul li {

    margin: 10px 0;

}


.tab-content .tab-pane ul li p {

    font-family: arial, helvetica, sans-serif;
    font-size: 16px;

}


.tab-content .tab-pane .div-text-p {

    font-family: arial, helvetica, sans-serif;
    font-size: 16px;

}


.tab-content .tab-pane .div-text-p p {

    margin: 10px 0;

}

.tab-content .div-text-p strong {

    color: black;

}



.tab-content .tab-pane .table-responsive table {

    border-collapse: collapse;
    width: 100%;
    margin: 40px 0 0 0;


}
.tab-content .tab-pane .table-responsive table td {

    border: 1px solid rgba(0, 0, 0, 0.1);
    font-size: 16px;

}

.tab-content .tab-pane .table-responsive table thead tr td {

    text-align: center;
    font-size: 24px;
    font-weight: 700;
    color: #018189;
    line-height: 2;

}

.tab-content .tab-pane .table-responsive table tbody tr {

    background-color: #ecf0f1;
    font-weight: 700;
    line-height: 3;
}

.tab-content .tab-pane .table-responsive table tbody tr:nth-child(2n) {

    background-color: rgba(85, 161, 31, 0.8);
    color: #FFFFFF;

}



#whatsapp_more {        z-index: 99999999;        position: fixed;        right: 0.6rem;        bottom: 1.77rem;        font-size: 13px;    }    #floatShow_2 {        display: block;    }    #floatHide_2 {        display: none;    }    #whatsapp_tabs {        position: relative;        z-index: 9;        width: 50px;        height: 50px;        position: absolute;        right: 0;        bottom: 0;        background: #55CD6C;        border-radius: 50%;        display: flex;        align-items: center;        justify-content: center;    }    #whatsapp_tabs #floatShow_2 {        line-height: 50px;        position: relative;        color: #fff;        font-size: 13px;        text-transform: capitalize;        transition: all .4s ease;        width: 100%;        height: 100%;        display: block;    }    #whatsapp_tabs #floatShow_2 svg {        width: 30px;        height: 30px;        fill: #fff;        margin-top: 10px;        margin-left: 10px;        transition: all .4s ease;    }    #whatsapp_tabs #floatShow_2 p {        background-color: #f5f7f9;        border-radius: 4px;        -webkit-border-radius: 4px;        -moz-border-radius: 4px;        color: #43474e;        font-size: 14px;        letter-spacing: -.03em;        line-height: 1.5;        margin-right: 7px;        padding: 8px 12px;        position: absolute;        right: 100%;        top: 50%;        -webkit-transform: translateY(-50%);        -ms-transform: translateY(-50%);        transform: translateY(-50%);
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       transition: all 0s ease;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            -webkit-transition: all .4s ease;        -moz-transition: all .4s ease;        width: 156px;        font-weight: 600;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            /*margin: 5;   */
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        }
#whatsapp_tabs #floatShow_2:hover {        margin-right: 0;    }    #whatsapp_tabs #floatHide_2 {        height: 100%;        color: #fff;        width: 100%;        border-radius: 50%;        text-align: center;        position: absolute;        transition: all .4s ease;        display: block;        opacity: 0;    }    /* #whatsapp_tab #floatHide2:after{border-radius: 0;color:#999;font-size:20px; content: "\f00d";color: #fff; line-height: 50px;} */    #whatsapp_tabs #floatHide_2:after {        content: '';        width: 20px;        height: 3px;        background: #fff;        position: absolute;        top: 50%;        left: 50%;        transform: translateX(-50%) rotate(45deg);    }    #whatsapp_tabs #floatHide_2:before {        content: '';        width: 20px;        height: 3px;        background: #fff;        position: absolute;        top: 50%;        left: 50%;        transform: translateX(-50%) rotate(-45deg);    }    #whatsapp_tabs #floatShow_2:hover, #whatsapp_tabs #floatHide_2:hover {        text-decoration: none;    }    #onlineService_2 {        display: inline;        width: 350px;        display: none;        font-size: 14px;        border-top: none;        margin-bottom: 70px;        box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgba(0, 0, 0, 0.15) 0px 5px 30px 0px, rgba(0, 0, 0, 0.05) 0px 3px 3px 0px;        border-radius: 5px;        background: #f9fafa;    }    #onlineService_2 .li em {        font-style: normal;    }    a {        text-decoration: none;        color: #000;    }    #onlineService_2 .li a {        display: flex;        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NzguMTY1IDQ3OC4xNjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ3OC4xNjUgNDc4LjE2NSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUxMiIgaGVpZ2h0PSI1MTIiPjxwYXRoIGQ9Ik00NzguMTY1IDIzMi45NDZjMCAxMjguNTY3LTEwNS4wNTcgMjMyLjk2Ni0yMzQuNjc5IDIzMi45NjYtNDEuMTAyIDAtNzkuODE0LTEwLjU5OS0xMTMuNDQ1LTI4Ljk2OUwwIDQ3OC4xNjVsNDIuNDM3LTEyNS4wNGMtMjEuNDM4LTM1LjA2NS0zMy43Ny03Ni4yMDctMzMuNzctMTIwLjE1OUM4LjY2NyAxMDQuMzQgMTEzLjc2MyAwIDI0My40ODUgMGMxMjkuNjIzIDAgMjM0LjY4IDEwNC4zNCAyMzQuNjggMjMyLjk0NnpNMjQzLjQ4NSAzNy4wOThjLTEwOC44MDIgMC0xOTcuNDIyIDg3LjgwMy0xOTcuNDIyIDE5NS44NjggMCA0Mi45MTUgMTMuOTg2IDgyLjYwMyAzNy41NzYgMTE0Ljg3OWwtMjQuNTg2IDcyLjU0MiA3NS44NDktMjMuOTY4YzMxLjEyMSAyMC40ODEgNjguNDU3IDMyLjI5NiAxMDguNTgzIDMyLjI5NiAxMDguNzIzIDAgMTk3LjMyMy04Ny44NDMgMTk3LjMyMy0xOTUuOTA4IDAtMTA3Ljg4Ni04OC42LTE5NS43MDktMTk3LjMyMy0xOTUuNzA5ek0zNjEuOTMxIDI4Ni42MmMtMS4zOTUtMi4zMzEtNS4yMi0zLjc0Ni0xMC44OTgtNi44MTQtNS45MTctMi44NDktMzQuMDg5LTE2LjQ5Ny0zOS41MDgtMTguMzctNS4xNi0xLjkxMy04Ljk4Ni0yLjg0OS0xMi44MTEgMi44MjktNC4wMDUgNS42MzgtMTQuOTAzIDE4LjYyOS0xOC4yMyAyMi4zNTQtMy41NDYgMy43ODUtNi44NTQgNC4yNjQtMTIuNTUyIDEuNDM1LTUuNjE4LTIuODA5LTI0LjI2Ny04Ljg2Ni00Ni4yMDMtMjguMzkxLTE3LjA1NS0xNS4wNDItMjguNjctMzMuNzExLTMxLjk5Ny0zOS41MDgtMy40MjctNS43NTgtLjM5OC04LjgyNiAyLjQ3MS0xMS42MzUgMi42OS0yLjU5IDUuNzc4LTYuNzM0IDguNjI3LTEwLjA0MSAyLjk2OS0zLjI4NyAzLjkwNS01LjYzOCA1Ljc5OC05LjQyNCAxLjkxMy0zLjkwNS45MzYtNy4xOTItLjQ3OC0xMC4xNDEtMS40MTUtMi44NDktMTMuMDEtMzAuODgxLTE3Ljc1Mi00Mi4zMzctNC44NDEtMTEuNDE2LTkuNTQzLTkuNTIzLTEyLjg3MS05LjUyMy0zLjQ2NyAwLTcuMjEyLS40NzgtMTEuMTE3LS40NzgtMy43ODUgMC0xMC4wNDEgMS4zOTUtMTUuMzgxIDcuMTkyLTUuMiA1LjY1OC0yMC4xMjMgMTkuNDY1LTIwLjEyMyA0Ny41OTcgMCAyOC4wNTIgMjAuNjAxIDU1LjMwOCAyMy41NSA1OS4wNTMgMi44NjkgMy43ODUgMzkuNzQ3IDYzLjE5NyA5OC4zMDMgODYuMDcgNTguNDc2IDIyLjg3MiA1OC40NzYgMTUuMzIxIDY5LjExNSAxNC4zNjUgMTAuMzgtLjk1NiAzNC4wNjktMTMuODY3IDM4LjgxMS0yNy4wOTYgNC42Ni0xMy40NSA0LjY2LTI0Ljc2NiAzLjI0Ni0yNy4xMzd6IiBmaWxsPSIjMkRCNzQyIi8+PC9zdmc+) 95% center no-repeat;        background-size: 26px 26px;        align-items: center;        border-radius: 5px;        border-left: 2px solid #55CD6C;        transform: translateY(20px);        -webkit-transform: translateY(20px);        -moz-transform: translateY(20px);        will-change: opacity, transform;        opacity: 0;    }    #onlineService_2.whatsappShow .li a {        transition-delay: 2.1s;        transition: all .4s ease;        transform: translate(0);        opacity: 1;    }    #onlineService_2.whatsappShow .li a:first-child {        transition-delay: .3s;    }    #onlineService_2.whatsappShow .li a:nth-child(2) {        transition-delay: .5s;    }    #onlineService_2.whatsappShow .li a:nth-child(3) {        transition-delay: .7s;    }    #onlineService_2.whatsappShow .li a:nth-child(4) {        transition-delay: .9s;    }    #onlineService_2.whatsappShow .li a:nth-child(5) {        transition-delay: 1.1s;    }    #onlineService_2.whatsappShow .li a:nth-child(6) {        transition-delay: 1.3s;    }    #onlineService_2.whatsappShow .li a:nth-child(7) {        transition-delay: 1.5s;    }    #onlineService_2.whatsappShow .li a:nth-child(8) {        transition-delay: 1.7s;    }    #onlineService_2.whatsappShow .li a:nth-child(9) {        transition-delay: 1.9s;    }    #onlineService_2 .title {        background: #55CD6C;        display: flex;        fill: #fff;        padding: 20px;        align-items: center;    }    #onlineService_2 .title svg {        width: 80px;        height: 80px;        flex-shrink: 0;    }    #onlineService_2 .title .h4 {        color: #fff;        font-size: 20px;    }    #onlineService_2 .title p {        color: #fff;        line-height: 20px;    }    #onlineService_2 .li {        padding: 5%;    }    #onlineService_2 .li a {        background-color: #eee;        margin-bottom: 15px;        padding: 8px;        line-height: 20px;    }    #onlineService_2 .li a p {        font-family: 'poppins semibold';    }    #onlineService_2 .li a .icon svg {        width: 50px;        height: 50px;        fill: #55CD6C;        margin-right: 10px;    }    #onlineService_2 .li a:hover {        background-color: #ddd;    }    @media  screen and (max-width: 769px) {        #whatsapp_more {            right: 5px;            bottom: 68px;            left: 5px;        }        #onlineService_2 {            width: 100%;            max-height: 400px;            overflow-y: auto !important;        }        #whatsapp_tabs #floatShow_2 p {            width: 120px;            padding: 8px 8px;        }    }