/* ========================================
   组件样式合集 public.css
======================================== */


/* --- 导航栏组件 --- */
BODY #c_product_list_029-1640595258837 .e_loop-18 .p_list {
    DISPLAY: NONE;
}

* {
    word-break: break-word;
}

body .L_nav .header1>.header-left .fl {
    width: 100px;
    margin: 1px auto 3px 0;
}

.L_nav li.hvr-left .home-dec {
    text-transform: uppercase;
}

body .L_nav li.hvr-left .home-dec:after {
    bottom: -1px;
    left: 50%;
}

body .L_nav li.hvr-left:hover .home-dec:after {
    left: 0%;
}

.L_nav .pc_nav {
    z-index: 9999;
    border-bottom: 1px solid rgb(255 255 255 / 10%);
}

body .on .L_nav_right {
    border-left: 0px solid #bfbfbf;
}

body .L_nav_right li {
    text-align: right;
}

body .L_nav_right {
    position: relative;
    margin: 0 0 0 16px;
    padding: 0 0 0 6px;
    border-left: 0px solid #fff;
}

body .L_nav_right a {
    font-size: 17px;
    font-weight: normal;
    padding: 0 20px;
    margin: 5px 0px 5px 1px;
    /* border: 1px solid #fff; */
    display: block;
    overflow: hidden;
    border-radius: 18px;
    line-height: 36px;
}

body .L_nav_right a img {
    max-width: 26px;
    margin: 0 6px 0 0;
    border: 1px solid #fff;
    border-radius: 50%;
    height: 26px;
}

body .L_nav_right a:nth-last-child(1) {
    padding: 0 18px;
    /* margin: 5px 1px 5px 10px; */
}

body div.L_nav .L_nav_right li:nth-child(1) a {
    padding: 0 3px;
    /* margin: 5px 1px 5px 10px; */
}

body .L_nav.on .L_nav_right a {
    /*border: 0px solid #333;*/
}

body .L_nav.on .L_nav_right a img {
    filter: brightness(0.3);
}

body .L_nav_right a.lan {
    display: block;
    padding: 0;
    margin-left: 16px;
}

body .L_nav_right .lan_list {
    display: none;
    position: absolute;
    top: 96%;
    right: -36px;
    background: rgba(255, 255, 255, 0.88);
    box-shadow: 0px 3px 4px 0 rgb(0 0 0 / 15%);
    min-width: 102px;
    border-radius: 4px;
    padding: 12px 0;
    width: 120px;
}

body .L_nav_right .lan_list li {
    text-align: center;
}

body .L_nav_right .lan_list li a {
    display: block;
    border: none !important;
    color: #333;
    font-size: 14px;
    padding: 0 10px;
    margin: 0;
    line-height: 28px;
}

body .L_nav_right a.lan:hover+.lan_list {}

body .L_nav_right li:hover .lan_list {
    display: block;
}

body .L_nav_right .lan_list li:hover a {
    color: #e60012;
}


body #c_effect_027-1642754549847 {
    /* display:none; */
}

body #c_static_001_P_6989-16663398777270 {
    display: none;
}

body #c_static_624-1665213342702 {
    display: none;
}



body #c_static_001_P_6989-16655447288610 .e_loop-14 .p_loopitem {
    margin-bottom: 80px;
}

body #c_static_001_P_6989-16655447288610 .e_loop-14 .p_loopitem .s_layout {
    position: absolute;
    left: 10%;
    z-index: 9;
    background: #e60012;
    bottom: -60px;
    width: 80%;
    padding: 2% 6% 5% 6%;
    height: auto;
}

body #c_static_001_P_6989-16655447288610 .e_loop-14 .p_loopitem .s_layout * {
    color: #fff;
    line-height: 1.5em;
    letter-spacing: 0 !important;
}

body #c_static_001-1665544702353 .e_loop-2 .p_loopitem {
    padding: 0 0 0px 0;
}

body #c_static_001-1665544702353 .e_loop-2 .p_loopitem .s_layout {}

body #c_static_001-1665544702353 .e_loop-2 .p_loopitem .s_layout>.p_item {}

body #c_static_001-1665544702353 .e_loop-2 .p_loopitem .s_layout>.p_item:nth-last-child(1) {}

body #c_static_001-1665544702353 .e_loop-2 .p_loopitem .s_layout>.p_item:nth-last-child(1)>* {
    padding: 0 8%;
}

body #c_static_001-1665544702353 .e_loop-2 .p_loopitem:nth-child(2) .s_layout>.p_item:nth-last-child(1) {
    order: -1;
}


body #c_static_001-1665195413051 .e_image-8 {
    border-radius: 15px;
}

/*title*/
body #c_static_001-1665195413051 .e_text-3,
body #c_static_001_P_6989-16655447288610 .e_text-12,
body #c_static_001-1665544702353 .e_text-1,
body #c_static_001_P_6989-1665199183956 .e_text-12 {
    position: relative;
    overflow: hidden;
    padding: 18px 0 0 0;
    font-weight: 600;
    z-index: 9;
    font-size: 30px;
}

body #c_static_001-1665195413051 .e_text-3:after,
body #c_static_001_P_6989-16655447288610 .e_text-12:after,
body #c_static_001-1665544702353 .e_text-1:after,
body #c_static_001_P_6989-1665199183956 .e_text-12:after {
    color: #e60012;
    content: "ABOUT";
    TEXT-ALIGN: CENTER;
    DISPLAY: BLOCK;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    font-size: 56px;
    font-weight: bold;
    z-index: -9;
    font-family: Montserrat;
    opacity: 0.3;
    text-transform: uppercase;
    width: 100%;
}

body #c_static_001_P_6989-16655447288610 .e_text-12:after {
    content: "products";
}

body #c_static_001-1665544702353 .e_text-1:after {
    content: "Marine anti-corrosion";
}

body #c_static_001_P_6989-1665199183956 .e_text-12:after {
    content: "NEWS";
}

body #c_static_001_P_6989-1665199183956 .e_loop-14 .p_loopitem {
    flex-basis: calc((100% - 30px) / 3);
    margin-right: 15px;
}




/*index gun*/
body #c_static_001-1665195413051 .e_html-6 .about-num ul.f-cb li {
    /* width: calc((100% - 0px) / 4); */
}

body #c_static_001-1665195413051 .e_html-6 .about-num ul.f-cb h2.counter {
    font-size: 48px;
    color: #e60012;
}

body #c_static_001-1665195413051 .e_html-6 .about-num ul.f-cb li p {
    color: #666666;
    text-align: left;
    margin-top: 12px;
    font-size: 18px;
    /* font-weight: normal; */
    max-width: 240px;
    border-top: 1px solid #dbddde;
    padding: 18px 0 0 0;
    min-width: 200px;
}

body #c_static_001-1665195413051 .e_html-6 i.count-unit {
    color: #e60012;
    text-align: center;
    margin-top: 4px;
    font-size: 15px;
    /* font-weight: bold; */
}


body #c_static_001-1663722326731 .e_bottomNav-25 span {
    font-size: 14px;
}

#c_static_001-1663722326731 .e_bottomNav-25 .p_level1Item>p>a>span {
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
}

body #c_static_001-1663722326731 .e_bottomNav-25 .p_level1Item>p:after {
    opacity: 0;
}

body .sidebar ul li a:hover {
    background: #e60012;
}

body .sidebar ul li .txtli {
    color: #e60012;
}


body #c_product_list_029-1640595258837 .e_text-16 {}

body #c_product_list_029-1640595258837 .e_text-16 a {
    line-height: 46px;
    padding: 0 0 0 28px;
    display: block;
    font-size: 14.2px;
}

body #c_product_list_029-1640595258837 .e_text-16 a:after {
    content: "";
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    z-index: 9999;
    position: absolute;
    left: 12px;
    top: 18px;
    width: 7px;
    height: 7px;
    opacity: 1;
    background: none;
}

body #c_product_list_029-1640595258837 .e_text-16 a:hover {
    background: #e60012;
    color: #fff;
}

body #c_product_list_029-1640595258837 .e_loop-15 {
    box-shadow: 0px 0px 8px 0 rgb(0 0 0 / 8%);
    background: none;
}

body #c_static_001_P_6989-1665199183956 .e_loop-14 .swiper-container {
    /* margin: 30px; */
}

body #c_static_001_P_6989-1665199183956 .e_loop-14 .p_rollContainer {}

body #c_static_001_P_6989-1665199183956 .e_loop-14 .p_rollPagination {}

body #c_static_001_P_6989-1665199183956 .e_loop-14 .p_rollWrapper {}

body #c_static_001_P_6989-1665199183956 .e_loop-14 .p_rollWrapper .p_list {
    padding: 0 50px;
}

body #c_static_001_P_6989-1665199183956 .swiper-button-prev {
    left: 0;
}

body #c_static_001_P_6989-1665199183956 .swiper-button-next {
    right: 0;
}



@media screen and (max-width: 768px) {
    body #c_static_001-1665195413051 .e_text-3 {
        padding: 20px 0 0px 0;
        text-align: center;
        font-size: 26px;
    }

    body #c_static_001-1665195413051 .e_text-3:after,
    body #c_static_001_P_6989-16655447288610 .e_text-12:after,
    body #c_static_001-1665544702353 .e_text-1:after {
        text-align: center;
        font-size: 26px;
        display: block;
        width: 100%;
    }

    body #c_static_001-1663722326731 .e_container-21 .cbox-21-2 {
        flex: 0 0 100%;
        margin: 32px 0 0;
    }

    body #c_static_001-1663722326731 .e_container-28 {
        margin: 0 auto;
    }

    body #c_static_001-1663722326731 .e_text-24 {
        text-align: center;
        max-width: 100%;
    }

    body #c_static_001-1663722326731 .e_bottomNav-25 {
        margin: 20px auto;
    }

    body #c_static_001-1663722326731 .e_bottomNav-25 .p_level1Box ul {
        display: block;
    }

    body #c_static_001-1663722326731 .e_bottomNav-25 .p_level1Item {
        padding: 10px 0 20px 20px;
        width: calc(100% / 2);
        float: left;
    }

    body #c_static_001-1665195413051 .e_container-1 {
        display: block;
        padding-top: 0px;
    }

    body #c_static_001-1665195413051 .e_container-1 .cbox-1-1 {
        padding: 20px 0 0;
    }

    body #c_static_001_P_6989-16655447288610 {}

    body #c_static_001-1663722326731 .e_richText-40,
    body #c_static_001-1663722326731 .e_richText-31 {
        margin: 10px auto 0 20px;
    }

    #c_effect_054-1676514243297 .e_loop-14 .p_list>div {
        width: calc((100% - 26px) / 2);
        margin-left: 0px;
    }

    body #c_static_001_P_3516-1663840969127 .e_container-11 .p_item {
        margin-bottom: 10px;
        height: auto;
        height: 276px;
    }

    body #c_static_001_P_6989-16655447288610 .e_container-23 {
        display: block;
    }

    body #c_static_001_P_6989-16655447288610 .e_container-25 {
        display: block;
    }

    body body #c_static_001-1665195413051 .e_container-11 {
        display: block;
    }

    html body #c_static_001-1665195413051 .e_container-11:after {
        font-size: 30px;
        left: calc(50% - 60px);
    }

    body #c_static_001-1665195413051 .e_container-11 {
        display: block;
    }

    html body #c_static_001-1665195413051 .e_container-11 .cbox-11-0:before {
        left: 22%;
    }

    body #c_static_001_P_7580-1666340244733 .e_container-11 {
        display: block;
    }

    body #c_static_001_P_7580-1666340244733 .e_container-13 {
        display: block;
    }

    body #c_new_list_180-1666313467875 .e_container-86 {
        display: block;
    }

    body #c_new_list_180-1666313467875 .e_container-88 {
        display: block;
    }

    body #c_static_001_P_6989-16663121906850 .e_container-23 {
        display: block;
    }

    body #c_static_001_P_6989-16663121906850 .e_container-25 {
        display: block;
    }

    html body #c_static_001_P_6989-16663121906850 .e_loop-14 .p_loopitem {
        flex-basis: calc((100% - 40px) / 2);
        margin-bottom: 10px;
    }

    html body #c_static_001_P_6989-16655447288610 .e_loop-28 .p_loopitem {
        flex-basis: calc((100% - 20px) / 2);
        margin: 5px;
    }

    html body #c_static_001_P_6989-16655447288610 .e_loop-28 .p_loopitem:nth-child(1),
    html body #c_static_001_P_6989-16655447288610 .e_loop-28 .p_loopitem:nth-child(2) {
        flex-basis: calc((100% - 10px) / 1) !important;
        display: block;
        margin: 5px;
    }

    html body #c_static_001_P_6989-16655447288610 .e_loop-28 .p_loopitem:nth-child(1) .e_image-29,
    body #c_static_001_P_6989-16655447288610 .e_loop-28 .p_loopitem:nth-child(2) .e_image-29 {}

    html body #c_static_001_P_6989-16655447288610 .e_loop-28 .p_loopitem:nth-child(1) .e_text-30,
    body #c_static_001_P_6989-16655447288610 .e_loop-28 .p_loopitem:nth-child(2) .e_text-30 {
        position: relative;
        top: auto;
        left: auto;
    }

    html body #c_static_001_P_6989-16655447288610 .e_loop-28 .p_loopitem:nth-child(1) .s_title,
    html body #c_static_001_P_6989-16655447288610 .e_loop-28 .p_loopitem:nth-child(2) .s_title,
    html body #c_static_001_P_6989-16655447288610 .e_loop-28 .p_loopitem:nth-child(1) .btn,
    html body #c_static_001_P_6989-16655447288610 .e_loop-28 .p_loopitem:nth-child(2) .btn {
        position: relative;
        top: auto;
        left: 10px;
        margin-bottom: 10px;
    }

    html body #c_static_001_P_7580-1666340244733 div[class^="swiper-button"] {
        position: relative;
        float: left;
        /* clear: both; */
        left: auto;
        right: auto;
        opacity: 0;
    }

    html body #c_static_001_P_7580-1666340244733 .e_loop-1 .p_loopitem {
        margin: 10px 0px 0px;
    }

    html body #c_new_list_180-1666313467875 .e_container-79 {
        padding: 17px 22px 0px 16px;
    }

    html body #c_new_list_180-1666313467875 {
        padding: 50px 0 60px;
    }

    /*index btn*/
    html body #c_static_001_P_6989-16655447288610 .e_button-24,
    html body #c_static_001_P_7580-1666340244733 .e_button-12,
    body #c_new_list_180-1666313467875 .e_button-87,
    body #c_static_001_P_6989-16663121906850 .e_button-24,
    html body #c_static_001-1665195413051 .e_button-9 {
        margin: 0 auto 20px;
    }


    body .main {
        /* display:none; */
    }

    body:after {
        /*content:"Please browse on your computer";*/
        font-size: 22px;
        text-align: center;
        display: block;
        padding: 122px 0 0 0;
        word-break: break-word;
    }

    body #c_static_001-1665195413051 .e_html-6 .about-num ul.f-cb {
        display: block;
        overflow: hidden;
    }

    body #c_static_001-1665195413051 .e_html-6 .about-num ul.f-cb li {
        width: calc(100% / 2);
        float: left;
        text-align: center;
        padding: 0 10px 15px 10px;
    }

    body #c_static_001-1665195413051 .e_html-6 .about-num ul.f-cb h2.counter {
        font-size: 40px;
    }

    body #c_static_001-1665195413051 .e_html-6 {
        padding-bottom: 2px;
    }

    body #c_static_001_P_6989-16655447288610 .e_loop-14 .p_loopitem {
        margin: 0 0 82px 0;
    }

    body #c_static_001_P_6989-16655447288610 .e_loop-14 .p_loopitem .s_layout {
        width: 92%;
        padding: 0% 1% 4% 3%;
        left: 4%;
    }

    body #c_static_001-1665544702353 .e_loop-2 .p_loopitem .s_layout {
        display: block;
    }

    body #c_static_001-1665544702353 .e_loop-2 .p_loopitem .s_layout>.p_item:nth-last-child(1)>* {
        padding: 0 4% 0%;
        margin-bottom: 2px;
    }

    body .e_breadcrumb-16 {
        overflow: hidden;
    }

    body .e_breadcrumb-16 .p_breadcrumb {
        display: block !important;
        float: left;
    }

    body .e_breadcrumb-16 .p_breadcrumb .p_breadcrumbItem {
        float: left;
    }

    html body #c_static_001-1665195413051 .e_html-6 .about-num ul.f-cb li p {
        font-size: 16px;
        text-align: center;
        min-width: 60px;
    }

    html body #c_static_001_P_6989-16703947875410 .e_richText-26,
    html body #c_static_001_P_6989-16655447288610 .e_richText-26,
    html body #c_static_001-1665195413051 .e_richText-13,
    html body #c_static_001_P_7580-1666340244733 .e_richText-14,
    html body #c_new_list_180-1666313467875 .e_richText-89,
    html body #c_static_001_P_6989-16663121906850 .e_richText-26,
    body #c_static_001_P_6989-16704619339270 .e_richText-26 {
        font-size: 28px;
        margin-bottom: 0px;
        text-align: center;
    }

    body #c_static_001_P_6989-16704619339270 .e_container-23 {
        display: block;
        text-align: center;
    }

    body #c_static_001_P_6989-16704619339270 .e_button-24 {
        margin: 6px auto 20px;
    }

    body #c_static_001_P_6989-16655447288610 .e_line-39,
    body #c_static_001_P_6989-16704619339270 .e_line-39,
    body #c_new_list_180-1666313467875 .e_line-94 {
        margin: 8px auto;
    }

}

body #c_static_001_P_6989-16663121906850 .e_loop-14 .p_loopitem {
    flex-basis: calc((100% - 80px) / 4);
}

body #c_static_001_P_6989-16663121906850 .e_image-16 {
    padding: 0 0 40% 0;
    border: 1px solid #e2e2e2;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
}

body #c_static_001_P_6989-16663121906850 .e_image-16 a {}

body #c_static_001_P_6989-16663121906850 .e_image-16:hover {
    border: 1px solid #e60012;
}

body #c_static_001_P_6989-16663121906850 .e_image-16 img {
    max-width: 100%;
}

/*title*/
body #c_static_001_P_6989-16655447288610 s_title.e_richText-26 {
    position: relative;
    text-align: left;
}

body #c_static_001_P_6989-16655447288610 .e_richText-26:before {
    content: "";
    background: #e60012;
    width: 12px;
    height: 24px;
    display: block;
    position: absolute;
    right: 29px;
    top: 6px;
    transform: skewX(-15deg);
    opacity: 0;
}

body #c_static_001_P_6989-16655447288610 .e_richText-26:after {
    content: "";
    background: #e60012;
    width: 3px;
    height: 24px;
    display: block;
    position: absolute;
    right: 20px;
    top: 6px;
    transform: skewX(-15deg);
    opacity: 0;
}

body #c_static_001-1665195413051 .e_richText-13 {
    position: relative;
}

body #c_static_001-1665195413051 .e_richText-13:before {
    content: "";
    background: #e60012;
    width: 12px;
    height: 24px;
    display: block;
    position: absolute;
    right: 9px;
    top: 6px;
    transform: skewX(-15deg);
    opacity: 0;
}

body #c_static_001-1665195413051 .e_richText-13:after {
    content: "";
    background: #e60012;
    width: 3px;
    height: 24px;
    display: block;
    position: absolute;
    right: 0px;
    top: 6px;
    opacity: 0;
    transform: skewX(-15deg);
}

body #c_static_001_P_7580-1666340244733 .e_richText-14 {
    position: relative;
}

body #c_static_001_P_7580-1666340244733 .e_richText-14:before {
    content: "";
    background: #e60012;
    width: 12px;
    height: 24px;
    display: block;
    position: absolute;
    right: 29px;
    top: 10px;
    transform: skewX(-15deg);
}

body #c_static_001_P_7580-1666340244733 .e_richText-14:after {
    content: "";
    background: #e60012;
    width: 3px;
    height: 24px;
    display: block;
    position: absolute;
    right: 20px;
    top: 10px;
    transform: skewX(-15deg);
}

body #c_new_list_180-1666313467875 .e_richText-89 {
    position: relative;
}

body #c_new_list_180-1666313467875 .e_richText-89:before {
    content: "";
    background: #e60012;
    width: 12px;
    height: 24px;
    display: block;
    position: absolute;
    right: 29px;
    top: 6px;
    transform: skewX(-15deg);
    opacity: 0;
}

body #c_new_list_180-1666313467875 .e_richText-89:after {
    content: "";
    background: #e60012;
    width: 3px;
    height: 24px;
    display: block;
    position: absolute;
    right: 20px;
    top: 6px;
    transform: skewX(-15deg);
    opacity: 0;
}


body #c_static_001_P_6989-16663121906850 .e_richText-26 {
    position: relative;
}

body #c_static_001_P_6989-16663121906850 .e_richText-26:before {
    content: "";
    background: #e60012;
    width: 12px;
    height: 24px;
    display: block;
    position: absolute;
    right: 29px;
    top: 6px;
    transform: skewX(-15deg);
    opacity: 0;
}

body #c_static_001_P_6989-16663121906850 .e_richText-26:after {
    content: "";
    background: #e60012;
    width: 3px;
    height: 24px;
    display: block;
    position: absolute;
    right: 20px;
    top: 6px;
    transform: skewX(-15deg);
    opacity: 0;
}

body #c_static_001-1665195413051 {
    border-top: 5px solid #e60012;
    border-bottom: 5px solid #e60012;
}

body #c_static_001_P_7580-1666340244733 {
    border-top: 5px solid #e60012;
}

body #c_new_list_180-1666313467875 {
    /* border-top:5px solid #e60012; */
}

body #c_static_001-1665195413051 .e_container-11 {
    position: relative;
}

body #c_static_001-1665195413051 .e_container-11:after {
    content: "ABOUT";
    width: auto;
    font-size: 158px;
    color: rgba(42, 47, 130, 0.08);
    position: absolute;
    left: 0;
    top: -16px;
    z-index: 1;
    line-height: 1em;
    font-family: arial;
    font-weight: bold;
}

body #c_static_001-1665195413051 .e_container-11:before {
    content: "";
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 100%;
    height: 1px;
    background: rgba(37, 33, 37, 0.1);
}

body #c_static_001-1665195413051 .e_container-11 .cbox-11-0:before {
    content: "";
    position: absolute;
    bottom: -6px;
    left: 0;
    width: 60%;
    height: 1px;
    background: #e60012;
}

body #c_grid-16638442497500 {}

body #c_grid-16638442497500:after {
    content: "";
    background-image: linear-gradient(to top, rgba(255, 0, 0, 0), rgba(0, 0, 0, 0.12));
    position: absolute;
    width: 100%;
    height: 126px;
    top: 0;
    z-index: 1;
    opacity: 1;
    left: 0;
}

body .L_nav .header1>.header-left {
    display: flex;
    max-width: 1580px;
    width: 96%;
}


body #c_static_001_P_7580-1666340244733 {
    overflow: hidden;
    display: none;
}

body #c_static_001_P_7580-1666340244733 .e_loop-1 .p_loopitem {
    margin: 10px;
    flex-basis: calc((100% - 20px) / 4);
    /* padding: 10px; */
    flex: 0 0 calc(20% - 120px);
    margin: 20px 10px 10px;
    display: block;
}

body #c_static_001_P_7580-1666340244733 .p_loopitem .s_layout {
    display: block;
}

body #c_static_001_P_7580-1666340244733 .e_loop-1 .swiper-slide {}


body #c_static_001_P_7580-1666340244733 .e_image-2 a {
    display: block;
    padding: 0 0 100%;
    height: 0;
    overflow: hidden;
    position: relative;
    margin-bottom: 0px;
    background: #fff;
}

body #c_static_001_P_7580-1666340244733 .e_image-2 a img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    object-fit: unset;
    transform: translate(-50%, -50%);
    max-width: 100%;
    height: auto;
    width: 100%;
}

body #c_static_001_P_7580-1666340244733 .e_loop-1 .swiper-container {}

body #c_static_001_P_7580-1666340244733 .e_loop-1 .swiper-container .p_list {
    padding: 0 50px;
    overflow: hidden;
    padding: 0;
}

body #c_static_001_P_7580-1666340244733 .s_list {
    overflow: hidden;
}

body #c_static_001_P_7580-1666340244733 .s_list>div {}

body #c_static_001_P_7580-1666340244733 .e_loop-1 .p_loopitem .s_img {
    overflow: visible;
}

body #c_static_001_P_7580-1666340244733 .e_loop-1 .p_loopitem img {}

body #c_static_001_P_7580-1666340244733 .e_loop-1 .p_loopitem {
    ransition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    margin: 0px;
    flex: 0 0 calc(20% - 20px);
    /* padding: 20px 10px 10px; */
    background: #fff;
    margin: 20px 10px 10px;
    border-radius: 18px;
    overflow: hidden;
}

body #c_static_001_P_7580-1666340244733 .e_loop-1 .p_loopitem:hover {
    transform: translateY(-10px);
}

body #c_static_001_P_7580-1666340244733 .e_loop-1 .p_loopitem:hover .s_img a {
    /* box-shadow: 0 0px 12px rgb(0 0 0 / 18%); */
}

body #c_static_001_P_7580-1666340244733 .e_loop-1 .p_loopitem:hover .s_title {
    color: #e60012;
}

body #c_static_001_P_7580-1666340244733 .e_loop-1 .p_loopitem .s_title {
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
}

body #c_static_001_P_7580-1666340244733 .e_loop-1 .p_loopitem .s_title.e_richText-4 {
    max-height: 38px;
    overflow: hidden;
    display: none;
}

body #c_static_001_P_7580-1666340244733 .e_loop-1 .p_loopitem .s_title.e_text-4 {
    transform: translateY(0px);
    padding: 4px 10px 5px;
    position: relative;
    font-size: 20px;
}

body #c_static_001_P_7580-1666340244733 .e_loop-1 .p_loopitem .s_title.e_text-4 {
    text-align: center;
    display: none;
}

body #c_static_001_P_7580-1666340244733 .e_image-2 {}

body #c_static_001_P_7580-1666340244733 .e_image-2 img {
    max-width: 100%;
}

body #c_static_001_P_7580-1666340244733 .swiper-slide {
    display: block;
}

body #c_static_001_P_7580-1666340244733 div[class^="swiper-button"] {
    top: 55%;
}


body #c_static_001_P_6989-16663398777270 .e_loop-14 .p_loopitem {
    flex-basis: calc((100% - 80px) / 4);
}

body #c_static_001_P_6989-16663398777270 .e_image-16 {
    padding: 0 0 40% 0;
    border: 1px solid #e2e2e2;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
}

body #c_static_001_P_6989-16663398777270 .e_image-16 a {
    pointer-events: none;
    cursor: pointer;
}

body #c_static_001_P_6989-16663398777270 .e_image-16:hover {
    border: 1px solid #e60012;
}

body #c_static_001_P_6989-16663398777270 .e_image-16 img {
    width: auto;
    min-height: 100%;
    object-fit: contain;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all .5s ease;
    /* cursor: auto; */
    cursor: pointer;
    max-width: 100%;
}


@media screen and (max-width: 768px) {
    body #c_static_001_P_6989-16663398777270 .e_loop-14 .p_loopitem {
        flex-basis: calc((100% - 40px) / 2);
        margin-bottom: 10px;
    }

    BODY #c_static_001-1663722326731 {
        background-image: none;
    }

    html body #c_static_001_P_6989-16655447288610 .e_loop-34 .p_loopitem {
        flex-basis: calc((100% - 20px) / 2);
        margin: 5px;
    }

    body #c_static_001-1663722326731 .e_container-9 {
        width: 100%;
        background-color: rgba(9, 17, 30, 0.46);
    }

    body #c_static_001-1663722326731 .e_container-38 {
        display: block;
    }

    body #c_static_001-1663722326731 .e_provider-39 {
        text-align: center;
    }

    body .sidebar ul li:last-child a {
        width: calc(100% + 1px);
        border: none;
    }

    body #c_static_001-1663722326731 .e_image-27 {
        margin: 0 auto;
    }
}





body #c_static_001_P_6989-16655447288610 .e_loop-28 .p_loopitem {
    flex-basis: calc((100% - 80px) / 4);
    margin: 10px;
    background: #fff;
}

html body #c_static_001_P_6989-16655447288610 .e_loop-28 .p_loopitem:hover .s_title a {
    color: #e60012;
}

html body #c_static_001_P_6989-16655447288610 .e_loop-28 .p_loopitem:hover {
    transform: translate(0px, -6px);
    box-shadow: 0px 5px 15px 0 rgb(0 0 0 / 15%);
}

body #c_static_001_P_6989-16655447288610 .e_loop-28 .p_loopitem:nth-child(1),
body #c_static_001_P_6989-16655447288610 .e_loop-28 .p_loopitem:nth-child(2) {
    flex-basis: calc((100% - 40px) / 2);
    margin: 10px;
    background: #fff;
    text-align: right;
    /* padding: 0 0 0 40%; */
    overflow: hidden;
    margin: 10px;
}

body #c_static_001_P_6989-16655447288610 .e_image-29 {}

body #c_static_001_P_6989-16655447288610 .e_image-29 a {
    display: block;
    width: 100%;
    padding: 0 0 75% 0;
    position: relative;
}

body #c_static_001_P_6989-16655447288610 .e_image-29 a img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

body #c_static_001_P_6989-16655447288610 .e_loop-28 .p_loopitem .e_text-30 {
    text-align: center;
    padding: 12px 0 0px 0;
    font-weight: bold;
}

body #c_static_001_P_6989-16655447288610 .e_loop-28 .p_loopitem .e_text-33 {
    text-align: center;
    padding: 0px 0 18px 0;
}

body #c_static_001_P_6989-16655447288610 .e_loop-28 .p_loopitem:nth-child(1) .e_text-30,
body #c_static_001_P_6989-16655447288610 .e_loop-28 .p_loopitem:nth-child(2) .e_text-30 {
    position: absolute;
    top: 40px;
    left: 40px;
    z-index: 9;
    text-align: left;
}

body #c_static_001_P_6989-16655447288610 .e_loop-28 .p_loopitem:nth-child(1) .e_text-33,
body #c_static_001_P_6989-16655447288610 .e_loop-28 .p_loopitem:nth-child(2) .e_text-33 {
    position: absolute;
    top: 88px;
    left: 40px;
    z-index: 9;
    text-align: left;
}

body #c_static_001_P_6989-16655447288610 .e_loop-28 .p_loopitem:nth-child(1) .s_button1,
body #c_static_001_P_6989-16655447288610 .e_loop-28 .p_loopitem:nth-child(2) .s_button1 {
    position: absolute;
    top: 128px;
    left: 40px;
    z-index: 9;
    background: #e60012;
    display: block;
    border-radius: 0;
    padding: 6px 6px;
}

body #c_static_001_P_6989-16655447288610 .e_loop-28 .p_loopitem:nth-child(1) .s_button1 *,
body #c_static_001_P_6989-16655447288610 .e_loop-28 .p_loopitem:nth-child(2) .s_button1 * {
    color: #fff;
    font-size: 14px;
}

body #c_static_001_P_6989-16655447288610 .btn {
    display: none;
}

body #c_static_001_P_6989-16655447288610 .e_loop-28 .p_loopitem {
    transition: all .5s ease;
}

body #c_static_001_P_6989-16655447288610 .e_loop-28 .p_loopitem:nth-child(1) .e_image-29,
body #c_static_001_P_6989-16655447288610 .e_loop-28 .p_loopitem:nth-child(2) .e_image-29 {
    /* MAX-WIDTH: 320px; */
    /* float: right; */
    /* display: inline; */
    /* float: right; */
}

body #c_static_001_P_6989-16655447288610 .e_loop-28 .p_loopitem:nth-child(1) .e_image-29 a,
body #c_static_001_P_6989-16655447288610 .e_loop-28 .p_loopitem:nth-child(2) .e_image-29 a {
    display: block;
    MAX-WIDTH: 320px;
    float: right;
    padding: 0 0 38% 0;
}




body #c_static_001_P_6989-16655447288610 .e_loop-34 .p_loopitem {
    flex-basis: calc((100% - 80px) / 4);
    margin: 10px;
    /* background: #fff; */
    padding: 0 0 20px 0;
}

html body #c_static_001_P_6989-16655447288610 .e_loop-34 .p_loopitem:hover .s_title a {
    color: #e60012;
}

body #c_static_001_P_6989-16655447288610 .s_title,
body #c_static_001_P_6989-16655447288610 .e_text-37 {
    TEXT-ALIGN: CENTER;
    padding: 2px 0 0;
    text-align: left;
}

html body #c_static_001_P_6989-16655447288610 .e_loop-34 .p_loopitem:hover {
    transform: translate(0px, -6px);
    /* box-shadow: 0px 5px 15px 0 rgb(0 0 0 / 15%); */
}

/*body #c_static_001_P_6989-16655447288610 .e_loop-34 .p_loopitem:nth-child(1),
body #c_static_001_P_6989-16655447288610 .e_loop-34 .p_loopitem:nth-child(2){flex-basis: calc((100% - 40px) / 2);margin: 10px; background: #fff;text-align: right; overflow: hidden; margin: 10px;}*/
body #tj_pro.s_list .s_img {
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    background: #fff;
    border-radius: 10px;
    margin-bottom: 13px;
}

body #c_static_001_P_6989-16655447288610 .p_loopitem:hover .e_image-35 {
    box-shadow: 0px 1px 12px 0 rgb(42 47 130 / 15%);
}

body #tj_pro.s_list .s_img a {
    display: block;
    width: 100%;
    padding: 0 0 100% 0;
    position: relative;
}

body #tj_pro.s_list .s_img a img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

body #c_static_001_P_6989-16655447288610 .e_loop-34 .p_loopitem .e_text-30 {
    text-align: center;
    padding: 12px 0 0px 0;
    font-weight: bold;
}

body #c_static_001_P_6989-16655447288610 .e_loop-34 .p_loopitem .e_text-33 {
    text-align: center;
    padding: 0px 0 18px 0;
}

body #c_static_001_P_6989-16655447288610 .e_loop-34 .p_loopitem {
    transition: all .5s ease;
}

body #c_static_001_P_6989-16655447288610 .e_loop-34 .swiper-container {
    /* padding: 0 60px 30px; */
    /* overflow: visible; */
    /* margin: 0 60px; */
}

body #c_static_001_P_6989-16655447288610 .e_loop-34>div {
    /* padding: 0 60px 30px; */
    overflow: hidden;
}

body #c_static_001_P_6989-16655447288610 .e_loop-34 .swiper-container .swiper-wrapper {
    /* margin: 0 60px; */
    /* padding: 0 60px; */
}

#c_static_001_P_6989-16655447288610 .e_loop-34 .swiper-container .swiper-wrapper .p_list {
    padding: 0 56px;
}

body #c_static_001_P_6989-16655447288610 .e_loop-34 .swiper-container .swiper-button-next {
    right: 8px;
}

body #c_static_001_P_6989-16655447288610 .e_loop-34 .swiper-container .swiper-button-prev {
    left: 8px;
}



/*body #c_static_001_P_6989-16655447288610 .e_loop-34 .p_loopitem:nth-child(1) .e_text-30,
body #c_static_001_P_6989-16655447288610 .e_loop-34 .p_loopitem:nth-child(2) .e_text-30{position: absolute;top: 40px;left: 40px;z-index: 9;text-align: left;}
body #c_static_001_P_6989-16655447288610 .e_loop-34 .p_loopitem:nth-child(1) .e_text-33,
body #c_static_001_P_6989-16655447288610 .e_loop-34 .p_loopitem:nth-child(2) .e_text-33{position: absolute;top: 88px;left: 40px;z-index: 9;text-align: left;}
body #c_static_001_P_6989-16655447288610 .e_loop-34 .p_loopitem:nth-child(1) .s_button1,
body #c_static_001_P_6989-16655447288610 .e_loop-34 .p_loopitem:nth-child(2) .s_button1{position: absolute;top: 128px; left: 40px; z-index: 9;background: #e60012;display: block; border-radius: 0;padding: 6px 6px;}
body #c_static_001_P_6989-16655447288610 .e_loop-34 .p_loopitem:nth-child(1) .s_button1 *,
body #c_static_001_P_6989-16655447288610 .e_loop-34 .p_loopitem:nth-child(2) .s_button1 *{color: #fff; font-size: 14px;}
body #c_static_001_P_6989-16655447288610 .e_loop-34 .p_loopitem:nth-child(1) .e_image-29,
body #c_static_001_P_6989-16655447288610 .e_loop-34 .p_loopitem:nth-child(2) .e_image-29{}
body #c_static_001_P_6989-16655447288610 .e_loop-34 .p_loopitem:nth-child(1) .e_image-29 a,
body #c_static_001_P_6989-16655447288610 .e_loop-34 .p_loopitem:nth-child(2) .e_image-29 a{display: block; MAX-WIDTH: 320px; float: right; padding: 0 0 38% 0;}*/


body #c_new_list_180-1666313467875 .e_loop_I-70 {
    box-shadow: 0px 0px 16px 0 rgb(0 0 0 / 15%);
    background: #fff;
}

body #c_new_list_180-1666313467875 .e_loop_I-70 .p_first {
    position: relative;
    /* width: 640px; */
}

body #c_new_list_180-1666313467875 .e_loop_I-70 .p_first .p_first_item:after {
    content: "";
    background-image: linear-gradient(to top, rgba(42, 47, 130, 0.58), rgba(42, 47, 130, 0.01));
    position: absolute;
    width: 100%;
    height: 146px;
    bottom: 0px;
    z-index: 2;
    opacity: 0.8;
    left: 0;
}

body #c_new_list_180-1666313467875 .e_loop_I-70 .p_right {}

body #c_new_list_180-1666313467875 .e_container-79 {
    background: none !important;
    /* border-bottom: 1px solid #eee; */
    padding: 17px 22px 0px 0;
    margin-bottom: 0%;
}

body #c_new_list_180-1666313467875 .p_loopitem:nth-last-child(1) .e_container-79 .p_item {
    border: none;
}

body #c_new_list_180-1666313467875 .e_container-79>.p_item {
    border-bottom: 1px solid #eee;
    padding: 13px 0;
}


body #c_new_list_180-1666313467875 .e_timeFormat-82 {
    font-size: 16px;
    font-weight: normal;
    color: #888;
}

body #c_new_list_180-1666313467875 .e_text-80 {}

body #c_new_list_180-1666313467875 .e_text-81 {
    min-height: 42px;
}

body #c_new_list_180-1666313467875 .e_timeFormat-91 {
    position: absolute;
    bottom: 52px;
    left: 32px;
    color: #fff;
    font-size: 16px;
    z-index: 9;
}

body #c_new_list_180-1666313467875 .e_text-72 {
    position: absolute;
    bottom: 20px;
    left: 32px;
    color: #fff;
    font-size: 22px;
    z-index: 9;
}

body #c_new_list_180-1666313467875 .e_loop_I-70 .p_first_item {
    position: relative;
    z-index: 9;
}

body #c_new_list_180-1666313467875 .e_image-71 {
    position: relative;
    /* padding: 0 0 75%; */
    height: auto;
}

body #c_new_list_180-1666313467875 .e_image-71 img {
    /* position: absolute; */
    /* top: 50%; */
    /* left: 50%; */
    /* transform: translate(-50%,-50%); */
    max-width: 100%;
    /* height: auto; */
}


body #info_info_li {
    padding: 0 0 22px 0;
    overflow: hidden;
}

body #info_info_li li {
    line-height: 2em;
    font-size: 18px;
    width: 50%;
    float: left;
    padding: 0px 0 0 13px;
    position: relative;
}

body #info_info_li li:after {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    background: #969797;
    border-radius: 50%;
    left: 0px;
    top: 14px;
    opacity: 0.75;
}




body #c_static_001-1666578355905 .e_text-4 {}

body #c_static_001-1666578355905 .e_text-4 a {
    line-height: 46px;
    padding: 0 0 0 28px;
    display: block;
    font-size: 14.2px;
}

body #c_static_001-1666578355905 .e_text-4 a:after {
    content: "";
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    z-index: 9999;
    position: absolute;
    left: 12px;
    top: 18px;
    width: 7px;
    height: 7px;
    opacity: 1;
    background: none;
}

body #c_static_001-1666578355905 .e_text-4 a:hover {
    background: #e60012;
    color: #fff;
}

body #c_static_001-1666578355905 .e_loop-3 {
    box-shadow: 0px 0px 8px 0 rgb(0 0 0 / 8%);
    background: none;
}



body div[class^="e_richText"] img {
    max-width: 100% !important;
}


body div[class^="e_richText"] h3 {
    font-size: 30px;
    color: #010039;
    font-weight: bold;
}

body div[class^="e_richText"] h4 {
    font-size: 26px;
    color: #010039;
    font-weight: bold;
}

body .pl_empty {
    display: none;
}




body .main div[class^="e_categoryB"] {
    z-index: 99999;
    overflow: visible;
}

body .main div[class^="e_categoryB"] .p_c_mbtn {
    width: 100%;
    border-radius: 0 !important;
    line-height: 1.8em;
    font-size: 16px !important;
    background: #e60012 !important;
}

body .main div[class^="e_categoryB"] .p_c_tree {
    z-index: 9999999 !important;
}

body .main div[class^="e_categoryB"] .p_c_content {
    z-index: 99999;
}

body .main div[class^="e_categoryB"] .p_c_content .p_c_images {
    display: none !important;
}

body .main div[class^="e_categoryB"] .p_c_item {}

body .main div[class^="e_categoryB"] .p_c_item.active>p {
    background: #e60012 !important;
    border-bottom: 1px solid #e60012 !important;
}

body .main div[class^="e_categoryB"] .p_c_title1 {}

body .main div[class^="e_categoryB"] .p_c_title1:hover {
    background: #e60012 !important;
    border-bottom: 1px solid #e60012 !important;
}

body .main div[class^="e_categoryB"] .p_c_title1:hover>a>* {
    color: #fff !important;
}

body .main div[class^="e_categoryB"] .p_c_title1 a {}

body .main div[class^="e_categoryB"] .p_c_title1>a>* {
    font-size: 18px;
}

body .main div[class^="e_categoryB"] .p_c_content .p_c_content {}

body .main div[class^="e_categoryB"] .p_c_content .p_c_content .p_c_item {}

body .main div[class^="e_categoryB"] .p_c_content .p_c_content .p_c_title2 {
    line-height: 40px !important;
}

body .main div[class^="e_categoryB"] .p_c_content .p_c_content .p_c_title2:hover {
    background: #e60012 !important;
    border-bottom: 1px solid #e60012 !important;
}

body .main div[class^="e_categoryB"] .p_c_content .p_c_content .p_c_title2:hover>a>* {
    color: #fff !important;
}

body .main div[class^="e_categoryB"] .p_c_content .p_c_content .p_c_item {}

body .main div[class^="e_categoryB"] .p_c_content .p_c_content .p_c_title2 a {}

body .main div[class^="e_categoryB"] .p_c_content .aaa {}




@media screen and (max-width: 768px) {
    body .main div[class^="e_categoryB"] .p_c_tree {
        left: 10% !important;
        width: 90% !important;
        box-shadow: 0px 0px 8px 0 rgb(0 0 0 / 15%);
        display: none;
    }

    body .main div[class^="e_categoryB"] .p_c_tree.p_leftani {
        display: block;
        background: rgba(200, 200, 200, 0.72) !important;
        background: rgba(200, 200, 200, 0.972) !important;
    }

    html body .main div[class^="e_categoryB"]>.p_c_tree>.p_c_content {
        padding: 60px 0 0;
        display: block !important;
    }

    html body .main div[class^="e_categoryB"]>.p_c_tree>.p_c_content li {
        width: 100%;
    }

    html body .main #pro_type .p_c_tree .p_c_content .p_c_item .p_c_title1 a span {
        color: #fff;
    }

    html body .main #pro_type .p_c_tree .p_c_content .p_c_content {
        position: relative;
    }

}


body #c_product_list_029-1640595258837 {
    z-index: 9;
}

body div[id^="c_category_010"] {
    z-index: 9;
}

body #c_product_list_029-1640595258837 .e_container-9>.p_item:nth-child(1) {
    z-index: 9999;
    position: relative;
}


@media (min-width: 769px) and (max-width: 1366px) {
    body .L_nav_right .lan_list {
        right: 0;
    }

}

body .L_nav .header2 .sub-menu ul {
    height: auto;
}

@media only screen and (min-width: 769px) {
    body .nav_lan {
        display: none;
    }
}

.nav_lan {
    width: 100%;
    height: auto;
    z-index: 999999999;
    display: block;
    min-height: 52px;
    float: right;
    padding: 40px 0px 20px 0px;
}

.nav_lan li {
    width: 50%;
    float: left;
    padding: 0 10px 28px !important;
}

.nav_lan li a:hover {
    background: #e60012;
    color: #fff;
}

.nav_lan li a {
    display: block;
    text-align: center;
    width: 100%;
    line-height: 40px;
    background: #fff;
    font-size: 16px;
}

body #c_static_001_P_6989-16663121906850 {
    display: none;
}

body #index_pro_type.s_list .p_list {
    display: block;
}

body #index_pro_type.s_list .p_loopitem {
    flex-basis: calc((100% - 40px) / 2);
    margin: 10px;
    float: left;
    width: calc((100% - 40px) / 2);
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}

body #index_pro_type.s_list .p_loopitem:after {
    content: "";
    background-image: linear-gradient(to top, rgba(42, 47, 130, 0.7), rgba(42, 47, 130, 0.01));
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    position: absolute;
    width: 100%;
    height: 146px;
    bottom: 0px;
    z-index: 2;
    opacity: 0.8;
    left: 0;
}

body #index_pro_type.s_list .p_loopitem:hover:after {
    filter: brightness(0.2);
    ;
    height: 190px;
}

body #index_pro_type.s_list .p_loopitem .s_img {
    padding: 0 0 100%;
    overflow: hidden;
    position: relative;
    /* border-radius: 10px; */
}

body #index_pro_type.s_list .p_loopitem .s_img a {}

body #index_pro_type.s_list .p_loopitem .s_img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: auto;
    max-width: 100%;
}

body #index_pro_type.s_list .p_loopitem .s_title.e_text-36 {
    bottom: 56px;
    font-size: 24px;
}

body #index_pro_type.s_list .p_loopitem .s_title {
    position: absolute;
    bottom: 22px;
    left: 30px;
    color: #fff;
    z-index: 99;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
}

body #index_pro_type.s_list .p_loopitem:nth-child(2) .s_img,
body #index_pro_type.s_list .p_loopitem:nth-child(3) .s_img {
    padding: 0 0 calc(50% - 10px);
}

body #index_pro_type.s_list .p_loopitem:hover .s_title {
    bottom: 80px;
}

body #index_pro_type.s_list .p_loopitem:hover .s_title.e_text-36 {
    bottom: 110px;
}

body #index_pro_type.s_list .p_loopitem .btn {
    position: absolute;
    bottom: -50px;
    left: 30px;
    color: #fff;
    z-index: 99;
}

body #index_pro_type.s_list .p_loopitem:hover .btn {
    bottom: 20px;
}


@media screen and (max-width: 768px) {
    body #index_pro_type.s_list .p_loopitem {
        flex-basis: calc((100% - 20px) / 1);
        width: calc((100% - 20px) / 1);
    }

    body #index_pro_type.s_list .p_loopitem .s_img {
        padding: 0 0 80% !important;
    }

    html body #index_case.s_list .p_loopitem {
        flex-basis: calc((100% - 20px) / 2);
        margin: 5px;
    }

    html body #tj_pro.s_list .s_img {
        margin: 5px 4px 5px;
    }


}


body #index_case.s_list .p_loopitem {
    flex-basis: calc((100% - 100px) / 5);
    margin: 10px;
    border-radius: 10px;
    overflow: hidden;
}

body #index_case.s_list .p_loopitem .s_img {}

body #index_case.s_list .p_loopitem .s_img img {}

body #index_case.s_list .p_loopitem .s_title {
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    color: #fff;
    position: absolute;
    text-align: center;
    bottom: 10px;
    width: 100%;
    z-index: 96;
    font-size: 20px;
}

body #index_case.s_list .p_loopitem .s_img a:after {
    content: "";
    background-image: linear-gradient(to top, rgba(42, 47, 130, 0.37), rgba(42, 47, 130, 0.001));
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    position: absolute;
    width: 100%;
    height: 106px;
    bottom: 0px;
    z-index: 2;
    opacity: 0.8;
    left: 0;
}

body #index_case.s_list .p_loopitem:hover .s_img a:after {
    background: rgba(42, 47, 130, 0.7);
    height: 100%;
}

body #index_case.s_list .p_loopitem:hover .s_title {
    bottom: calc(0% - 56px);
    color: #fff;
}


body #index_case.s_list .p_loopitem .s_img a:before {
    content: "+";
    font-size: 52px;
    font-family: arial;
    color: #fff;
    position: absolute;
    top: -20%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
    font-weight: normal;
    border: 2px solid #fff;
    height: 60px;
    width: 60px;
    text-align: center;
    line-height: 58px;
    border-radius: 50%;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
}

body #index_case.s_list .p_loopitem:hover .s_img a:before {
    top: 50%;
}

body #index_case.s_list .hd a {
    opacity: 0;
}

body #c_static_001_P_249-16638442497551 #top_search .p_formItem {}

body #c_static_001_P_249-16638442497551 #top_search {
    display: none;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    position: fixed;
    top: 100px;
    left: 0;
    width: 100%;
    max-width: 100%;
    background: rgba(255, 255, 255, 0.65);
    padding: 35px 0 26px 0;
    box-shadow: 0px 5px 8px 0 rgb(0 0 0 / 10%);
    z-index: 99;
}

body #c_static_001_P_249-16638442497551 #top_search .s_layout {
    max-width: 640px;
}

body #c_static_001_P_249-16638442497551 #top_search.on {
    top: 81px;
}

body #c_static_001_P_249-16638442497551 #top_search.no_sub {
    display: none;
}

body #c_static_001_P_249-16638442497551 #top_search.active {
    display: block;
}

body #c_static_001_P_249-16638442497551 #top_search.active.no_sub {
    /* display: ; */
}

body #c_static_001_P_249-16638442497551 #top_search .s_form-control {
    padding: 0 10px;
    /*height: calc(1.05em + 0.6rem + 12px);*/
    height: 37px;
    border: 1px solid #ced4da;
}


body #c_static_001_P_6989-16704619339270 .e_loop-45 .p_loopitem {
    margin: 10px;
    flex-basis: calc((100% - 80px)/ 4);
}

body #c_static_001_P_6989-16704619339270 .e_loop-45 .p_loopitem .aaa {}

body #c_product_detail_007-16656587639490 .e_imageList-52 {}

body #c_product_detail_007-16656587639490 .e_imageList-52 .swiper-container {}

body #c_product_detail_007-16656587639490 .e_imageList-52 .gallery-top .swiper-slide,
body #c_product_detail_007-16656587639490 .e_imageList-52 .gallery-thumbs .swiper-slide {
    border: 1px solid #eee;
    cursor: pointer;
}




body #c_effect_022-1676513172187 .e_image-8 {
    position: relative;
    padding: 0 0 100%;
    background: #f9f9f9;
}

body #c_effect_022-1676513172187 .e_image-8 img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: auto;
    max-width: 100%;
    max-height: 120%;
}

body #c_effect_022-1676513172187 .e_container-7>.p_item:hover .e_container-9 {
    background: #e60012;
}



body .zoomify.zoomed {
    z-index: 99999996;
}

body .zoomify-shadow {
    z-index: 99999991;
}

.zoomBig>div {
    overflow: visible !important;
}


#ssfl.s_list {
    display: block;
}

#ssfl.s_list .p_loopItem {
    width: auto;
    float: left;
    padding: 0 10px 0 0;
    min-width: 52px;
}

#ssfl.s_list .p_loopItem .s_title {}

#ssfl.s_list .p_loopItem .s_title a {}

body .main #keywords_list {
    display: block;
}

#keywords_list .p_item p {
    line-height: 2.1em;
}

#keywords_list .s_list {
    display: block !important;
}

#keywords_list .p_loopItem {
    width: auto !important;
    float: left;
    padding: 0 8px 3px 0;
}

#keywords_list .p_loopItem p {
    border: 1px solid #ddd;
    padding: 3px 10px;
    border-radius: 6px;
    background: #fff;
    line-height: 1.6em;
    cursor: pointer;
}




body #c_static_001-1679546914186 {
    padding: 96px 0 36px;
}

body #c_static_001-1679546914186:after {
    content: "";
    position: absolute;
    left: 0;
    width: 75%;
    height: 33%;
    background: url(../img/bg_4fc3cd9d.jpg) no-repeat left center;
    display: block;
    top: 0;
    z-index: 0;
}

body #c_static_001-1679546914186>div {
    position: relative;
    z-index: 9;
}

body #index_pro_app_list {}

body .main #index_pro_app_list .p_rollPagination {
    /* display:none; */
}

body .main #index_pro_app_list .p_rollPagination span {
    background: #828589;
    width: 12px;
    height: 12px;
}

body .main #index_pro_app_list .p_rollPagination span.swiper-pagination-bullet-active,
body .main #index_pro_app_list .p_rollPagination span.p_swiperBullet_active {
    background: #b02821;
}

body .main #index_pro_app_list .p_rollContainer {
    padding-bottom: 78px;
    margin-right: 48px;
}

body .main #index_pro_app_list .p_rollNext {
    right: 0;
    background: #912824;
    padding: 0px;
    color: #fff;
    height: 56px;
    width: 30px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
}

body .main #index_pro_app_list .p_rollNext:hover {
    background: #d9281e;
}

body .main #index_pro_app_list .p_rollNext:after {
    font-size: 24px;
    color: #fff;
}

body .main #index_pro_app_list .p_rollPrev {
    display: none;
}

body .main #index_pro_app_list .p_loopitem {
    padding: 0px;
    /*overflow: hidden;*/
    /*margin: 10px;*/
    margin: 32px;
    /*flex: 0 0 calc((100% - 60px)/3);*/
    flex: 0 0 calc((100% - 200px)/3);
}

body #index_pro_app_list .p_loopitem .pic_bg {
    position: relative;
}

body #index_pro_app_list .p_loopitem .pic_bg a:after {
    content: "";
    height: 40%;
    width: 103%;
    background: linear-gradient(0deg, #d9281e 10%, rgba(0, 71, 157, 0) 88%);
    z-index: 9;
    bottom: 0;
    left: -1%;
    position: absolute;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
}

body #index_pro_app_list .p_loopitem .pic_bg a {
    /* z-index: 5; */
    display: block;
    position: relative;
    padding: 0 0 150%;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
}

body #index_pro_app_list .p_loopitem .pro_pic.s_img {}

body #index_pro_app_list .p_loopitem .pro_pic.s_img img {
    position: relative;
}

body #index_pro_app_list .p_loopitem .pro_pic {
    z-index: 9;
    position: absolute;
    bottom: 0;
    right: -76px;
}

body #index_pro_app_list .p_loopitem:hover .s_img.pic_bg img {
    transform: translate(-50%, -50%) scale(1.05);
}

body #index_pro_app_list .p_loopitem .s_img.pic_bg img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: auto;
    width: 100%;
    max-width: 100%;
}

body #index_pro_app_list .p_loopitem .s_title {
    width: 180px;
    position: absolute;
    left: 20px;
    bottom: 36px;
    z-index: 9;
    font-family: Gotham;
    text-transform: uppercase;
    /* width: 100%; */
    word-break: break-word;
    min-width: 140px;
    max-width: 100%;
}

body #index_pro_app_list .p_loopitem:nth-child(2) {
    /* margin-top: 20px; */
    transform: translateY(32px);
}

body #index_pro_app_list .p_loopitem:nth-child(5) {
    /* margin-top: 20px; */
    transform: translateY(32px);
}

body .main #index_pro_app_list.sub .p_loopitem {
    transform: translateY(0px);
}

body .main #index_pro_app_list.sub .p_loopitem:nth-child(even) {
    /* transform: translateY(32px); */
}

body #index_pro_app_list.sub .p_loopitem .pro_pic.s_img {
    right: -56px;
}

body #index_pro_app_list .p_list[data-swiper-slide-index="0"] .p_loopitem:nth-child(2) .pic_bg a:after {
    background: linear-gradient(0deg, #4f4f4f 10%, rgba(0, 71, 157, 0) 88%);
}

body #index_pro_app_list .p_list[data-swiper-slide-index="0"] .p_loopitem:nth-child(3) .pic_bg a:after {
    background: linear-gradient(0deg, #00a150 10%, rgba(0, 71, 157, 0) 88%);
}

body #index_pro_app_list .p_list[data-swiper-slide-index="1"] .p_loopitem:nth-child(1) .pic_bg a:after {
    background: linear-gradient(0deg, #2b89c6 10%, rgba(0, 71, 157, 0) 88%);
}

body #index_pro_app_list .p_list[data-swiper-slide-index="1"] .p_loopitem:nth-child(2) .pic_bg a:after {
    background: linear-gradient(0deg, #22179a 10%, rgba(0, 71, 157, 0) 88%);
}

body #index_pro_app_list .p_list[data-swiper-slide-index="1"] .p_loopitem:nth-child(3) .pic_bg a:after {
    background: linear-gradient(0deg, #6d4611 10%, rgba(0, 71, 157, 0) 88%);
}

body #index_pro_app_list .p_list[data-swiper-slide-index="2"] .p_loopitem:nth-child(1) .pic_bg a:after {
    background: linear-gradient(0deg, #ae8414 10%, rgba(0, 71, 157, 0) 88%);
}


body #index_pro_app_list.sub .p_list .p_loopitem:nth-child(2) .pic_bg a:after {
    background: linear-gradient(0deg, #4f4f4f 10%, rgba(0, 71, 157, 0) 88%);
}

body #index_pro_app_list.sub .p_list .p_loopitem:nth-child(3) .pic_bg a:after {
    background: linear-gradient(0deg, #00a150 10%, rgba(0, 71, 157, 0) 88%);
}

body #index_pro_app_list.sub .p_list .p_loopitem:nth-child(4) .pic_bg a:after {
    background: linear-gradient(0deg, #2b89c6 10%, rgba(0, 71, 157, 0) 88%);
}

body #index_pro_app_list.sub .p_list .p_loopitem:nth-child(5) .pic_bg a:after {
    background: linear-gradient(0deg, #22179a 10%, rgba(0, 71, 157, 0) 88%);
}

body #index_pro_app_list.sub .p_list .p_loopitem:nth-child(6) .pic_bg a:after {
    background: linear-gradient(0deg, #6d4611 10%, rgba(0, 71, 157, 0) 88%);
}

body #index_pro_app_list.sub .p_list .p_loopitem:nth-child(7) .pic_bg a:after {
    background: linear-gradient(0deg, #ae8414 10%, rgba(0, 71, 157, 0) 88%);
}

body #index_pro_app_list.sub .p_loopitem .pic_bg a {
    padding: 0 0 80%;
}

body #c_static_001-1679546914186 .e_text-3 {
    font-size: 15px;
}

body #c_static_001-1679546914186 .e_text-2 {
    font-family: "f37_judge_testRgEx";
    font-size: 60px;
}

body #c_static_001-1679549340335 .e_text-7 {
    font-family: "f37_judge_testRgEx";
    line-height: 1em;
    font-size: 60px;
}

body #c_static_001-1679548168304 .e_text-7 {
    font-family: "f37_judge_testRgEx";
    font-size: 60px;
}



body #c_static_001-1679548168304 .e_video-2 {
    position: relative;
    padding: 0 18px 24px 0;
}

body #c_static_001-1679548168304 .e_video-2:after {
    content: "";
    background: #b11825;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 0;
    display: block;
    width: 96%;
    height: 20%;
}

body #c_static_001-1679548168304 .e_video-2 .p_video {
    z-index: 9;
}

body #c_static_001-1679548168304 .e_video-2 .p_video .playBtn {
    filter: brightness(1000%);
}

body #c_static_001-1679548168304 .e_video-2 .p_video .coverImage {}

body #c_static_001-1679548168304 .e_video-2 .p_video .coverImage img {
    object-fit: fill;
}

body #c_static_001-1679548168304 .e_text-3 {
    font-family: Bebas;
}

body #index_gun.s_list .about-num ul.f-cb h2.counter {
    color: #d9281e;
    font-family: Bebas;
    font-size: 61px;
}

body #index_gun.s_list i.count-unit {
    color: #d9281e;
    font-size: 18px;
}

body #index_gun.s_list .about-num ul.f-cb li p {
    color: #666666;
    text-transform: uppercase;
    font-size: 12px;
    border-top: 1px solid #2a3138;
    padding: 14px 0 0;
    margin-top: 12px;
    color: #fff;
    border-top: 1px solid #494d52;
}

@media screen and (max-width: 768px) {
    html body #index_pro_app_list .p_loopitem .s_img.pic_bg img {
        max-width: 102%;
    }

    html body #index_pro_app_list.sub .p_loopitem .pro_pic.s_img {
        max-width: 120px;
        right: -16px;
        bottom: 22px;
    }

    body #index_gun.s_list .about-num ul.f-cb li p {
        color: #fff;
        border-top: 1px solid #5e6062;
    }

    body #index_gun.s_list .about-num ul.f-cb h2.counter {
        font-size: 32px;
    }

    body #index_gun.s_list .about-num ul.f-cb {
        display: block;
        padding: 0 4px 0 10px;
        overflow: hidden;
    }

    body #index_gun.s_list .about-num ul.f-cb li:nth-child(1) {
        width: 100%;
    }

    body #index_gun.s_list .about-num ul.f-cb li {
        width: 48%;
        float: left;
        min-height: 128px;
        margin-right: 2%;
    }
}




#index_news_list {}

#index_news_list .p_list {}

#index_news_list .p_list .p_loopitem {
    border-right: 1px solid #373738;
}

#index_news_list .p_list .p_loopitem .s_img {}

#index_news_list .p_list .p_loopitem .s_img a {
    position: relative;
    height: auto;
    padding: 0 0 176%;
    display: block;
}

#index_news_list .p_list .p_loopitem .s_img img {
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 220%;
    max-width: 220%;
}

#index_news_list .p_list .p_loopitem:hover .s_img img {
    opacity: 0.75;
}

#index_news_list .p_list .p_loopitem .s_layout {
    position: absolute;
    top: 0%;
    left: 0;
    padding: 68% 32px 20px;
    border-bottom: 4px solid #1d1d1d;
    height: 100%;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
}

#index_news_list .p_list .p_loopitem:hover .s_layout {
    background: linear-gradient(0deg, rgba(217, 40, 30, 0.8) 0%, rgba(217, 40, 30, 0) 88%);
    border-bottom: 4px solid #d9281e;
    padding: 130% 32px 20px;
}

#index_news_list .p_list .p_loopitem .s_layout .s_title[class^="e_text"] {
    text-transform: uppercase;
    font-family: Gotham;
    font-size: 28px;
}

#index_news_list .p_list .p_loopitem:hover .s_layout .s_title.clearfix {
    color: #fff !important;
}

#index_news_list .p_list .p_loopitem .s_layout .s_title.clearfix {
    line-height: 1.36em;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    margin: 10px 0;
}

#index_news_list .p_list .p_loopitem .s_layout .btn {
    background: none;
    padding: 0;
    width: auto;
    float: left;
}

#index_news_list .p_list .p_loopitem .s_layout .btn * {
    font-size: 30px;
    color: #7b7b7b;
}

#index_news_list .p_list .p_loopitem:hover .s_layout .btn * {
    color: #fff;
}

#index_news_list .p_list .p_loopitem .btn_masker {
    position: absolute;
    top: 0%;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    opacity: 0;
}


@media screen and (max-width: 768px) {
    #index_news_list .p_list .p_loopitem .s_layout .s_title.clearfix {
        color: #fff;
    }

    body .main #index_news_list .p_list {
        display: block;
        flex-wrap: unset;
    }

    #index_news_list .p_list .p_loopitem {
        display: block;
        width: 96%;
        margin: 0 auto 20px;
        border: none;
    }

    html #index_news_list .p_list .p_loopitem .s_img a {
        padding: 0 0 75%;
    }

    body #index_news_list .p_list .p_loopitem .s_layout {
        padding: 0 5px 0 15px !important;
        position: relative;
    }

    body #index_news_list .p_list .p_loopitem .s_img {
        display: none;
    }

    body #index_news_list .p_list .p_loopitem .s_layout .s_title[class^="e_text"] {
        font-size: 20px;
    }

}



body .main #index_news_type {}

body .main #index_news_type .p_loopitem {
    max-width: 288px;
}

body .main #index_news_type .p_loopitem .s_title {}

body .main #index_news_type .p_loopitem .s_title a {
    display: block;
    width: 100%;
    height: auto;
    color: #888;
    text-transform: uppercase;
    font-size: 24px;
    line-height: 2em;
    border-bottom: 1px solid #565655;
    margin-bottom: 5px;
    font-family: "f37_judge_testRgEx";
}

body .main #index_news_type .p_loopitem .s_title a span {
    float: right;
}

body .main #index_news_type .p_loopitem .s_title a:hover {
    color: #d9281e;
}





body .main #index_ppts {}

body .main #index_ppts .InProList {
    overflow: hidden;
}

body .main #index_ppts .InProList>div {}

body .main #index_ppts .InProList .swiper-container {
    padding: 0;
    max-width: 100%;
    width: 100%;
    margin: 0 0%;
}

body .main #index_ppts {}

body .main #index_ppts .p_loopitem {
    overflow: hidden;
    position: relative;
    margin: 15px !important;
    flex: 0 0 calc((100% - 90px)/3);
}

body .main #index_ppts .p_loopitem .s_img {
    margin: 0;
    padding: 0 0 100% 0;
    position: relative;
    float: right;
    width: 100%;
    border-radius: 5px;
}

body .main #index_ppts .p_loopitem .s_img a {}

body .main #index_ppts .p_loopitem .s_img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: auto;
}

body .main #index_ppts .p_loopitem:hover .s_img img {
    transform: translate(-50%, -50%) scale(1.06);
    opacity: 0.8;
}

body .main #index_ppts .p_loopitem .s_layout {
    position: absolute;
    /* left:0; */
    bottom: 0%;
    z-index: 9999;
    background: linear-gradient(0deg, #00479d 0%, rgba(0, 71, 157, 0) 88%);
    /* opacity: 0; */
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    padding: 12% 4% 6% 4%;
    border-radius: 12px;
    /* width: 70%; */
    /* min-height: 280px; */
    /* transform: translateY(-140px); */
    /* position: relative; */
    /* display: none; */
    height: 32%;
}

body .main #index_ppts .p_loopitem:hover .s_layout {
    background: linear-gradient(0deg, rgba(0, 71, 157, 0.78) 0%, rgba(0, 71, 157, 0.78) 88%);
    height: 100%;
}

body .main #index_ppts .p_loopitem:hover .s_layout .s_title {
    opacity: 0;
}

body .main #index_ppts .p_loopitem.swiper-slide-next .s_layout {
    opacity: 1;
}

body .main #index_ppts .p_loopitem.swiper-slide-next {
    padding: 0 0 0 0px;
}

body .main #index_ppts .p_loopitem.swiper-slide-next .s_img {
    /* width: calc(100% - 100px); */
}

body .main #index_ppts .p_loopitem.swiper-slide-next .s_img img {
    /* transform: translate(-50%,-50%) scale(1.5); */
}

body .main #index_ppts .p_loopitem .s_title {
    color: #fff;
    margin: 0;
    font-size: 20px;
    text-align: center;
    padding: 10px 0 0 0;
    clear: both;
}

body .main #index_ppts .p_loopitem .s_title a:hover {
    color: #ddd;
}

body .main #index_ppts .p_loopitem .s_title.clearfix {
    margin: 20px 0 0;
    font-size: 16px;
    display: none;
}

body .main #index_ppts .p_loopitem .btn {
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    background: none;
    border-radius: 50%;
    z-index: 9999;
    border: 1px solid #fff;
    width: 56px;
    height: 56px;
    padding: 0;
    opacity: 0;
}

body .main #index_ppts .p_loopitem:hover .btn {
    opacity: 1;
}

body .main #index_ppts .p_loopitem .btn * {
    font-size: 42px;
    color: #fff;
    font-weight: 100;
    font-family: 'swiper-icons';
    line-height: 48px;
}

body .main #index_ppts .InProList .e_container-5 .s_layout.e_container-6 .s_img {
    margin: 0;
}

body .main #index_ppts .InProList .e_container-5 .s_layout.e_container-6 {
    transform: perspective(0px) rotate3d(0, 0, 0, 0deg);
    z-index: 2;
    opacity: 1;
    filter: alpha(opacity=100);
    padding: 0;
}

body .main #index_ppts .InProList .e_container-5 .s_layout.e_container-7 {
    transform: perspective(0px) rotate3d(0, 0, 0, 0deg);
    z-index: 2;
    opacity: 0;
    filter: alpha(opacity=100);
    z-index: -2;
}



#pro_list {}

#pro_list .p_loopitem {}

#pro_list .p_loopitem .s_img {
    padding: 0 0 75% 0;
    max-width: 300px;
    margin: 0 auto;
    width: 100%;
}

#pro_list .p_loopitem .s_img img {
    width: 100%;
    min-height: auto;
    object-fit: cover;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

#pro_list .p_loopitem:hover .s_img img {
    transform: translate(-50%, -50%) scale(1.08);
}

#pro_list .p_loopitem .s_title {
    color: #fff;
}

#pro_list .p_loopitem:hover .s_title {
    color: #d9281e;
}

body .main #pro_type {}

body .main #pro_type .p_c_mbtn {}

body .main #pro_type .p_c_tree {
    max-width: 1580px;
    margin: 0 auto;
}

body .main #pro_type .p_c_tree .p_c_content {
    display: flex;
    justify-content: center;
}

body .main #pro_type .p_c_tree .p_c_content .p_c_content {
    display: none !important;
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translate(-50%, 0%);
    width: 100%;
    z-index: 999;
    background: rgba(0, 0, 0, 0.18);
    border-radius: 4px;
    padding: 6px 0;
}

body .main #pro_type .p_c_tree .p_c_content .p_c_item:hover .p_c_content {
    display: block !important
}

body .main #pro_type .p_c_tree .p_c_content .p_c_item {
    position: relative;
}

body .main #pro_type .p_c_tree .p_c_content .p_c_item .p_c_title1 {
    background: none !important;
    border: none !important;
}

body .main #pro_type .p_c_tree .p_c_content .p_c_item.active .p_c_title1 {
    background: none !important;
    border: none !important;
}

body .main #pro_type .p_c_tree .p_c_content .p_c_item .p_c_title1 .p_arrbtm {
    display: none;
}

body .main #pro_type .p_c_tree .p_c_content .p_c_item .p_c_title1 a {
    padding: 0 16px;
    border-radius: 5px;
    border: 1px solid #726e6e;
    margin: 6px;
    /* background: #212020; */
}

body .main #pro_type .p_c_tree .p_c_content .p_c_item .p_c_title1 a span {
    color: #ddd;
}

body .main #pro_type.bbg .p_c_tree .p_c_content .p_c_item .p_c_title1 a span {
    color: #666;
}

body .main #pro_type .p_c_tree .p_c_content .p_c_item:hover .p_c_title1 a span {
    color: #fff !important;
}

body .main #pro_type .p_c_tree .p_c_content .p_c_item:hover .p_c_title1 a {
    background: #d9281e !important;
    border: 1px solid #d9281e;
}

body .main #pro_type .p_c_tree .p_c_content .p_c_item:nth-child(2):hover .p_c_title1 a {
    background: #4f4f4f !important;
    border: 1px solid #4f4f4f;
}

body .main #pro_type .p_c_tree .p_c_content .p_c_item:nth-child(3):hover .p_c_title1 a {
    background: #00a150 !important;
    border: 1px solid #00a150;
}

body .main #pro_type .p_c_tree .p_c_content .p_c_item:nth-child(4):hover .p_c_title1 a {
    background: #2b89c6 !important;
    border: 1px solid #2b89c6;
}

body .main #pro_type .p_c_tree .p_c_content .p_c_item:nth-child(5):hover .p_c_title1 a {
    background: #22179a !important;
    border: 1px solid #22179a;
}

body .main #pro_type .p_c_tree .p_c_content .p_c_item:nth-child(6):hover .p_c_title1 a {
    background: #6d4611 !important;
    border: 1px solid #6d4611;
}

body .main #pro_type .p_c_tree .p_c_content .p_c_item:nth-child(7):hover .p_c_title1 a {
    background: #ae8414 !important;
    border: 1px solid #ae8414;
}

body .main #pro_type .p_c_tree .p_c_content .p_c_content .p_c_item {
    width: 100%;
}

body .main #pro_type .p_c_tree .p_c_content .p_c_content .p_c_item p {
    background: none;
    border-bottom: none;
}

body .main #pro_type .p_c_tree .p_c_content .p_c_content .p_c_item p a {
    padding: 6px 0;
    line-height: 18px;
}

body .main #pro_type .p_c_tree .p_c_content .p_c_content .p_c_item p a span {
    display: block;
    text-align: center;
    width: 100%;
    color: #e5e5e5;
    color: #fff;
}

body .main #pro_type .p_c_tree .p_c_content .p_c_content .p_c_item p:hover {
    background: none !important;
    border: none !important;
}





@media (min-width: 1200px) and (max-width: 1440px) {
    body #index_news_list .p_list .p_loopitem:hover .s_layout {
        padding: 98% 26px 20px;
    }

    html body #index_gun.s_list .about-num ul.f-cb h2.counter {
        font-size: 52px;
    }

    html body #c_static_001-1679546914186 .e_text-2 {
        font-size: 50px;
    }

    body #c_static_001-1679549340335 .e_text-7 {
        font-size: 52px;
    }

    body #c_static_001-1679548168304 .e_text-7 {
        font-size: 52px;
    }


}



@font-face {
    font-family: 'f37_judge_testRgEx';
    src: url('../fonts/f37_judge_testRgEx.woff2') format('woff2'),
        url('../fonts/f37_judge_testRgEx.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham.woff2') format('woff2'),
        url('../fonts/Gotham.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'thinti';
    src: url('../fonts/thinti.woff2') format('woff2'),
        url('../fonts/thinti.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body #c_static_001-1679548168304 .e_richText-4,
body #c_static_001-1679546914186 .e_richText-4 {
    /* font-family: thinti; */
}

#sub_banner {}

#sub_banner img {
    max-width: 100%;
    height: auto !important;
}

#sub_banner_info {
    width: auto;
    position: absolute;
    left: 50%;
    top: calc(50% - 18px);
    z-index: 9999;
    font-size: 42px;
    color: #fff;
    transform: translate(-50%, -10px);
    z-index: 0;
}

BODY #c_effect_022-1679639862742 .e_text-10 {
    padding: 0 0 1px;
    color: #ddd;
    font-size: 16px;
    margin: 12px auto;
}

body #c_effect_022-1679639862742 .e_image-8 {
    position: relative;
    padding: 0 0 60%;
}

body #c_effect_022-1679639862742 .e_image-8 img {
    max-width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
}

body #c_effect_022-1679639862742 .e_container-7 {
    background: #3e3e3e;
    padding: 15px 10px 10px;
}

body #c_effect_022-1679639862742 .p_loopitem:hover .e_image-8 img {
    transform: translate(-50%, -50%) scale(1.06);
}

#support_list {}

#support_list .p_loopitem {}

#support_list .p_loopitem .s_img {
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
}

#support_list .p_loopitem:hover .s_img {
    transform: translateY(-5px);
}

#support_list .p_loopitem .s_img a {
    display: block;
    position: relative;
    padding: 0 0 60%;
    height: auto;
}

#support_list .p_loopitem .s_img a:after {
    content: "";
    background: linear-gradient(0deg, #4f4f4f 10%, rgba(0, 71, 157, 0) 88%);
    position: absolute;
    bottom: -40px;
    left: 0;
    width: 100%;
    height: 56%;
    OPACITY: 0.5;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
}

#support_list .p_loopitem .s_img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: auto;
}

#support_list .p_loopitem .s_title {
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    bottom: 26px
}

#support_list .p_loopitem:hover .s_title {
    bottom: 16px;
    color: #d9281e;
}

#support_list .p_loopitem:hover .s_img a:after {
    bottom: 0px;
    opacity: 0.65;
}


@media screen and (max-width: 768px) {
    body .main #support_list .p_loopitem {
        flex: calc((100% - 30px)/1);
    }

}


body #c_magiccube_009-1680111114738 .p_top {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    background: #353535;
}

body #c_magiccube_009-1680111114738 .p_top .top {
    border-right: 0px solid #999999;
    max-width: 1580px;
    width: 100%;
    padding: 6px 6px 0px;
    background: #282828;
    margin: 0 auto;
}

body #c_magiccube_009-1680111114738 .p_top .top .p_tab.p_active {
    background: #d9281e;
    color: #FFF;
}

body #c_magiccube_009-1680111114738 .p_top .top .p_tab {
    border: 0px solid #999999;
    border-right: none;
    font-size: 20px;
    /* border-radius: 6px; */
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    color: #fff;
    font-weight: NORMAL;
    line-height: 52px;
    width: auto;
    margin-right: 6px;
    width: 25%;
    padding: 0 48px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
}

body #c_magiccube_009-1680111114738 .p_top .p_content_wrapper {
    max-width: 1520px;
    width: 96%;
}

body #c_magiccube_009-1680111114738 .p_top .p_content_wrapper .p_content {}

body #c_magiccube_009-1680111114738 .p_top .p_content_wrapper .p_rollPagination {
    display: none;
}

body #c_magiccube_009-1680111114738 .p_top .p_content_wrapper .s_list {}

body #c_magiccube_009-1680111114738 .p_top .p_content_wrapper .p_rollContainer {}

body #c_magiccube_009-1680111114738 .p_top .p_content_wrapper .p_rollSlide {
    padding: 50px 40px 0;
}

body #c_magiccube_009-1680111114738 .p_top .p_content_wrapper .p_loopitem {
    flex-basis: calc((100% - 120px) / 4);
    margin: 20px 15px 4px;
    background: none;
}

body #c_magiccube_009-1680111114738 .p_top .p_content_wrapper .s_img {
    padding: 0 0 36%;
    position: relative;
    height: auto;
    background: #fff;
}

body #c_magiccube_009-1680111114738 .p_top .p_content_wrapper .s_img img {
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    max-width: 100%;
}

body #c_magiccube_009-1680111114738 .p_top .p_content_wrapper .s_title {
    background: #fff;
    line-height: 1.8em;
    /* font-size: 16px; */
    margin: 4px 0px 2px;
    /* text-align:center; */
    background: none;
}

body #c_magiccube_009-1680111114738 .p_top .p_content_wrapper .s_title a {
    /* color:#fff; */
}

body #c_magiccube_009-1680111114738 .p_top .p_content_wrapper .aaa {}

body #c_magiccube_009-1680111114738 .p_top .p_content_wrapper .swiper-button-prev {
    left: 0;
}

body #c_magiccube_009-1680111114738 .p_top .p_content_wrapper .swiper-button-next {
    right: 0;
}

body #c_magiccube_009-1680111114738 {
    position: relative;
    z-index: 7;
}

@media screen and (max-width: 768px) {
    html body #c_magiccube_009-1680111114738 .p_top .p_content_wrapper .p_loopitem {
        margin: 10px 5px 20px 5px;
        flex-basis: calc((100% - 20px) / 1);
    }

    html body #c_magiccube_009-1680111114738 .p_top .p_content_wrapper .swiper-button-next,
    html body #c_magiccube_009-1680111114738 .p_top .p_content_wrapper .swiper-button-prev {
        display: none;
    }

    html body #c_magiccube_009-1680111114738 .p_top .p_content_wrapper .p_rollSlide {
        padding: 20px 0px 0;
    }

    html body #c_magiccube_009-1680111114738 .p_top .top .p_tab {
        font-size: 14px;
        padding: 0;
    }

    html body .main #index_pro_app_list .p_loopitem {
        margin: 5px;
        flex: 0 0 calc((100% - 30px)/3);
    }

    html body .main #index_pro_app_list .p_rollContainer {
        margin-right: 38px;
    }

    body .main #index_pro_app_list.sub .p_loopitem {
        flex: 0 0 calc((100% - 20px)/2);
    }

    html body #index_pro_app_list .p_loopitem .s_title {
        font-size: 13px;
        left: 6px;
        bottom: 7px;
        width: 88%;
        font-family: arial;
        font-weight: normal;
    }

    body #c_static_001-1679549340335 .e_container-1 .cbox-1-0 {
        overflow: visible;
        max-height: none;
        height: auto;
        display: block;
        order: 1;
        width: 100%;
    }

    body #c_static_001-1679549340335 .e_container-1 .cbox-1-1 {
        overflow: visible;
        max-height: none;
        height: auto;
        display: block;
        order: 0;
    }

    body #c_static_001-1679549340335 {
        padding: 30px 0;
    }


}

@media (min-width: 769px) and (max-width: 1366px) {
    body #c_magiccube_009-1680111114738 .p_top .p_content_wrapper .p_rollSlide {
        padding: 28px 40px 0 40px;
    }

    html body #c_magiccube_009-1680111114738 {
        margin-top: 32px;
    }
}

#c_static_001_P_249-16638442497551 .e_input-5 .invalid-feedback {
    display: none;
}

html body #c_static_001-1679549340335 .e_text-7,
html body #c_static_001-1679546914186 .e_text-2,
html body #c_static_001-1679548168304 .e_text-7,
html body #c_static_001-1679548168304 .e_text-3 {
    font-size: 32px;
}


#network {
    position: relative;
}

#network>div>img {
    max-width: 100%;
}

body .main div#network .p_lists {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-32px, 230px);
    /*! opacity: 0; */
}

body .main div#network .p_lists .p_loopitem {}

#network #map_list {
    position: absolute;
    top: 0;
    left: 0%;
    width: 100%;
    height: auto;
    display: block;
}

#network #map_list .p_list {
    display: block;
}

#network .p_loopitem .s_title.clearfix {
    /* opacity: 0; */
    position: absolute;
    top: 30px;
    left: -50%;
    width: 220px;
    display: none;
    background: rgba(100, 100, 100, 0.8);
    padding: 10px 12px;
    border-radius: 6px;
    word-break: break-all;
    z-index: 99999;
}

#network .p_loopitem .s_title.clearfix * {
    word-break: initial;
    overflow-wrap: break-word;
}

#network .p_lists:hover .p_loopitem .s_title.clearfix {
    display: block;
    color: #ddd;
}

#network .p_lists .p_loopitem .s_title.clearfix h3 {
    color: #fff;
    font-size: 20px;
}

#network .p_loopitem .map_masker {
    position: relative;
    height: 16px;
    width: 16px;
    cursor: pointer;
    z-index: 9;
}

#network .p_loopitem .map_masker:before {
    content: "";
    background: #e60012;
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    border-radius: 50%;
    /*position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);*/
    -webkit-animation: circleScale3 4s linear infinite;
    -moz-animation: circleScale3 4s linear infinite;
    -ms-animation: circleScale3 4s linear infinite;
    animation: circleScale3 4s linear infinite;
}

#network .p_loopitem .map_masker:after {
    content: "";
    background: #e60012;
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    border-radius: 50%;
    /* position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);*/
    -webkit-animation: circleScale3 4s linear infinite;
    -moz-animation: circleScale3 4s linear infinite;
    -ms-animation: circleScale3 4s linear infinite;
    animation: circleScale3 4s linear infinite;
    animation-delay: 2s;
}

@keyframes circleScale3 {
    0% {
        transform: scale(0);
        opacity: 1;
    }

    100% {
        transform: scale(2);
        opacity: 0;
    }
}


body .main div#network .p_lists:nth-child(2) {
    transform: translate(280px, 160px);
}

body .main div#network .p_lists:nth-child(3) {
    transform: translate(130px, 296px);
}

body .main div#network .p_lists:nth-child(4) {
    transform: translate(448px, 446px);
}

body .main div#network .p_lists:nth-child(5) {
    transform: translate(391px, 325px);
}

body .main div#network .p_lists:nth-child(6) {
    transform: translate(374px, 405px);
}

body .main div#network .p_lists:nth-child(7) {
    transform: translate(29px, 417px);
}

body .main div#network .p_lists:nth-child(8) {
    transform: translate(-290px, 480px);
}

body .main div#network .p_lists:nth-child(9) {
    transform: translate(-462px, 160px);
}

body .main div#network .p_lists:nth-child(10) {
    transform: translate(-450px, 300px);
}

body .main div#network .p_lists:nth-child(11) {
    transform: translate(-482px, 246px);
}

body .main div#network .p_lists:nth-child(12) {
    transform: translate(482px, 550px);
}

body .main div#network .p_lists:nth-child(13) {
    transform: translate(130px, 325px);
    opacity: 1;
}

body .main div#network .p_lists:nth-child(4s) {
    transform: translate(-448px, 310px);
}

body .main div#network .p_lists:nth-child(14) {
    transform: translate(20px, 230px);
    opacity: 1;
}

body .main div#network .p_lists:nth-child(15) {
    transform: translate(-472px, 250px);
    opacity: 1;
}

body .main div#network .p_lists:nth-child(16) {
    transform: translate(-280px, 500px);
    opacity: 1;
}


/*
body .main div#network .p_lists:nth-child(2){transform: translate(-61px, 257px);}
body .main div#network .p_lists:nth-child(3){transform: translate(-60px, 246px);}
body .main div#network .p_lists:nth-child(4){transform: translate(-78px, 296px);}
body .main div#network .p_lists:nth-child(5){transform: translate(-39px, 245px);}
body .main div#network .p_lists:nth-child(6){transform: translate(-31px, 257px);}
body .main div#network .p_lists:nth-child(7){transform: translate(-51px, 287px);}
body .main div#network .p_lists:nth-child(8){transform: translate(412px, 319px);}
body .main div#network .p_lists:nth-child(9){transform: translate(352px, 450px);}
body .main div#network .p_lists:nth-child(10){transform: translate(362px, 409px);}
body .main div#network .p_lists:nth-child(11){transform: translate(437px, 326px);}
body .main div#network .p_lists:nth-child(12){transform: translate(482px, 550px);}
body .main div#network .p_lists:nth-child(13){transform: translate(130px, 325px);opacity: 1;}
body .main div#network .p_lists:nth-child(4s){transform: translate(-448px, 310px);}
body .main div#network .p_lists:nth-child(14){transform: translate(20px, 230px);opacity: 1;}
body .main div#network .p_lists:nth-child(15){transform: translate(-472px, 250px);opacity: 1;}
body .main div#network .p_lists:nth-child(16){transform: translate(-280px, 500px);opacity: 1;}
*/




body #c_grid-1680111147998 {
    display: none;
}

#certify {
    position: relative;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}

#certify .swiper-container {
    position: relative;
    width: calc(100% - 20px);
    margin: 0 auto;
    overflow: visible;
}

#certify .swiper-button-next {
    right: -10px;
    width: 38px;
    height: 38px;
    background: transparent;
    border-radius: 100%;
    color: #e60012;
    line-height: 38px;
    text-align: center;
    border: 1px solid #e60012;
    top: 54%;
    background: #fff;
}

#certify .swiper-button-prev {
    left: -10px;
    width: 38px;
    height: 38px;
    background: transparent;
    border-radius: 100%;
    color: #e60012;
    line-height: 38px;
    text-align: center;
    border: 1px solid #e60012;
    top: 54%;
    background: #fff;
}

#certify .swiper-button-next:after {
    content: "↼";
}

#certify .swiper-button-prev:after {
    content: "⇀";
}

#certify .swiper-button-prev:after,
#certify .swiper-button-next:after {
    font-size: 24px;
    color: #e60012;
    /* background: #fff; */
}

#certify .swiper-button-prev:hover,
#certify .swiper-button-next:hover {
    background: #e60012;
}

#certify .swiper-button-prev:hover:after,
#certify .swiper-button-next:hover:after {
    color: #fff;
}

#certify .swiper-slide {
    width: 340px;
    height: 490px;
    border: 1px solid #e8e8e8;
    position: relative;
    padding: 20px;
    background-color: #fff;
    transform-origin: bottom;
    box-shadow: 1px 2px 12px rgb(0 0 0 / 10%);
    margin-bottom: 20px;
}

body #c_effect_022-1677424298687 .e_image-8 {
    position: relative;
    padding: 0 0 150%;
    overflow: hidden;
    border: 1px solid #f5f5f5;
}

body #c_effect_022-1677424298687 .e_image-8 img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 100%;
    height: auto;
}

body #c_product_list_178-16771313767560 .e_image-28 {
    position: relative;
    padding: 0 0 142%;
    height: auto;
}

body #c_product_list_178-16771313767560 .e_image-28 img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: auto;
    width: auto;
    max-width: 100%;
}

#certify .swiper-button-prev::after {
    content: "↼";
}

#certify .swiper-button-next::after {
    content: "⇀";
}



body #c_product_list_029-16796467471400 .e_text-29 {
    white-space: pre-line;
    line-height: 1.68em;
}

.pro_inqury {
    overflow: hidden;
    margin: 18px auto 0;
    display: block;
}

.pro_inqury li {
    display: block;
    width: auto;
}

.pro_inqury li a {
    background: #adadad;
    display: block;
    float: left;
    margin: 0 15px 0 0px;
    border-radius: 6px;
    padding: 8px 15px;
}

.pro_inqury li a svg {
    width: 26px;
    height: 24px;
}

.pro_inqury li a svg * {
    fill: #000000;
}

.pro_inqury li a:hover {
    background: #e60012;
    color: #fff;
}

.pro_inqury li a:hover svg * {
    fill: #fff;
}



#c_static_001_P_18840-1681707985920 .swiper-wrapper .swiper-slide:nth-child(even) .e_container-21>.p_item {
    /* transform: translateY(-280px); */
    vertical-align: bottom;
    /* display: flex; */
    height: 100%;
}

body #c_static_001_P_18840-1681707985920 .e_loop-20 {
    /* padding: 200px 75px 0; */
}

/*
body #c_static_001_P_18840-1681707985920 .e_loop-20>div{padding: 360px 0 0 0;}
#c_static_001_P_18840-1681707985920 .swiper-wrapper .swiper-slide:nth-child(even) .e_text-22{order: 2;}
#c_static_001_P_18840-1681707985920 .swiper-wrapper .swiper-slide:nth-child(even) .e_text-24{order: -1;}
body #c_static_001_P_18840-1681707985920 .e_container-16 > .p_item:before{top:420px;}
body #c_static_001_P_18840-1681707985920 .yx_Prev{ top: 360px;}
body #c_static_001_P_18840-1681707985920 .yx_Next{top:360px;}
body #c_static_001_P_18840-1681707985920 .e_loop-20 .date_swiper{}
#c_static_001_P_18840-1681707985920 .swiper-wrapper .swiper-slide:nth-child(even) .e_container-21 em{background:url(../img/icon_decoration.png);transform: translateY(32px);}

*/


body .main .detail h3 {
    background: none;
    position: relative;
    color: #fff;
    text-transform: uppercase;
    line-height: 42px;
    margin: 20px auto 15px;
    font-family: "f37_judge_testRgEx";
    font-size: 24px;
    padding: 3px 0 0;
    font-weight: normal;
    font-family: arial;
}

body .main .detail h3:after {
    content: "";
    width: 100%;
    height: calc(100% - 14px);
    background: #696969;
    position: absolute;
    left: 0;
    top: 5px;
    z-index: -1;
    border-radius: 5px;
}

body .main .detail h3 img {
    margin: 0 10px 0 0;
    transform: translate(0px, -4px);
    max-width: 52px !important;
    height: auto !important;
}

body .main .detail h3 .icon {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    transition: all .3s;
}

body .main .detail h3 .icon img  {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: 100%;
    opacity: 0;
}

body .main .detail h3 .icon .normal,
body .main .detail h3.on .icon .active {
    opacity: 0;
}
body .main .detail h3.on .icon .normal,
body .main .detail h3 .icon .active {
    opacity: 1;
}

body .main .detail .table {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.3s ease;
    overflow: hidden;
}
body .main .detail .table.on {
    grid-template-rows: 1fr;
}
/* 内层容器：同时 min-height:0 + min-width:0，强制允许被压缩到0尺寸 */
body .main .detail .table > * {
    min-height: 0;
    min-width: 0;
    /* 新增：把内部元素最小内容尺寸禁用，关键！ */
    min-block-size: 0;
}


body #c_product_list_029-16820453804540 .e_text-27 {
    font-family: "f37_judge_testRgEx";
    font-weight: bold;
    text-transform: uppercase;
    font-size: 46px;
}

body #c_product_list_029-16820453804540 .e_text-40 {
    font-family: "f37_judge_testRgEx";
    font-weight: bold;
    text-transform: uppercase;
    font-size: 32px;
    color: rgba(80, 80, 80, 1);
}

body #c_product_list_029-16820453804540 .e_imageList-35 .p_img {
    border: none;
}

body #c_product_list_029-16820453804540 .e_imageList-35 .gallery-thumbs .p_img {
    border: 1px solid #eee;
    border-radius: 6px;
    cursor: pointer;
}

body #c_product_list_029-16820453804540 .e_imageList-35 .gallery-thumbs .swiper-wrapper {
    justify-content: center;
}

body #c_product_list_029-16820453804540 .e_imageList-35 .swiper-button-next:after {
    content: "→";
    font-weight: normal;
}

body #c_product_list_029-16820453804540 .e_imageList-35 .swiper-button-prev:after {
    content: "←";
    font-weight: normal;
}

body #c_product_list_029-16820453804540 .e_imageList-35 .swiper-button-next {
    right: 0;
}

body #c_product_list_029-16820453804540 .e_imageList-35 .swiper-button-prev {
    left: 0;
}

body #c_product_list_029-16820453804540 .e_imageList-35 .swiper-button-white {
    background: #e60012;
    opacity: 1;
    height: 38px;
    width: 38px;
    border-radius: 6px;
}

body #c_product_list_029-16820453804540 .e_imageList-35 .swiper-button-white:after {
    color: #fff;
    font-size: 22px;
}


.pro {
    width: 100%;
}

.pro tr {}

.pro tr td {
    text-align: center;
    border: 1px solid #ccc;
}

.pro tr.th td {
    background: #e6e6e6;
    padding: 5px;
    border: 1px solid #ccc;
    text-align: center;
    /*color: #d9281e;*/
    color: #333 !important;
    font-weight: bold !important;
}

.pro th {
    background: #e6e6e6;
    padding: 5px;
    border: 1px solid #ccc;
    text-align: center;
    /*color: #d9281e;*/
    color: #333 !important;
    font-weight: bold !important;
}


@media screen and (max-width: 768px) {
    .pro tr.th td {
        line-height: 1em;
        padding: 2px 1px;
        font-size: 13px;
    }
    .pro th {
        line-height: 1em;
        padding: 2px 1px;
        font-size: 13px;
    }

    body .pro tr td {
        line-height: 1em;
        padding: 2px 1px;
        font-size: 13px;
    }

    body table.info {}

    body table.info tr {}

    body table.info tr td {
        display: block;
        width: 100%;
    }

    body .main {
        overflow: hidden;
    }

    html body div.main .p_loopItem .s_title.detail {
        overflow-x: hidden;
        display: block;
        width: 100%;
        max-width: 96%;
        float: left;
        margin: 0 auto;
        padding: 0 2%;
    }

    body .main table.pro {
        /* overflow: scroll; */
        width: 380px;
        max-width: 100%;
        display: flow-root;
        overflow-X: scroll;
        /* overflow: hidden; */
        position: static;
        padding: 0 0 6px;
    }

    body .main table.pro tbody {
        width: 100%;
        min-width: 600px;
        display: block;
    }

    body .main table.pro tbody tr {
        width: 100%;
        /* display: table-header-group; */
    }

    body .main table.pro::-webkit-scrollbar {
        width: 2px;
        height: 3px;
    }

    body .main table.pro::-webkit-scrollbar-track {
        background: #e4e4e4;
        border-radius: 3px;
    }

    body .main table.pro::-webkit-scrollbar-thumb {
        background: #a59e9e;
        border-radius: 3px;
    }

    body .main table.pro::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

    body .main table.pro.chatroom-username {
        color: #768387;
        font-size: 3px;
    }

    body .main table:not(.pro) {
        max-width: calc(100% - 0px);
    }

    body .main table:not(.pro) td {
        display: block;
        width: 100%;
    }

}



body #c_product_list_029-1640595258837 .e_loop-2 .p_loopitem {}

body #c_product_list_029-1640595258837 .e_loop-2 .p_loopitem>.btn {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 79;
    opacity: 0;
}

body #c_product_list_029-1640595258837 .e_loop-2 .p_loopitem .s_layout {
    background: #383838;
    width: calc(100% - 72px);
    border-radius: 8px;
    padding: 20px 0px 6px 40px;
    margin-bottom: 20px;
    position: relative;
    /* border-bottom: 4px #d9281e solid; */
    /* margin-right: 60px; */
    overflow: visible;
    margin-top: 20px;
}

body #c_product_list_029-1640595258837 .e_loop-2 .p_loopitem .s_layout:after {
    content: "";
    background: #d9281e;
    height: 7px;
    width: 100%;
    bottom: 0;
    position: absolute;
    left: 0;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    /* border-radius: 10px; */
    z-index: 0;
}

body #c_product_list_029-1640595258837 .e_loop-2 .p_loopitem .s_layout .p_item {
    overflow: visible;
    z-index: 9;
}

body #c_product_list_029-1640595258837 .e_loop-2 .p_loopitem .s_layout .p_item .btn {
    width: 38px;
    background: #d9281e;
    padding: 0 0 2px;
    transform: translate(72px, -40px);
    position: absolute;
    left: 22%;
}

body #c_product_list_029-1640595258837 .e_loop-2 .p_loopitem .s_layout .p_item .btn * {
    color: #fff;
    font-size: 22px;
    line-height: 38px;
}

body #c_product_list_029-1640595258837 .e_loop-2 .p_loopitem .s_layout .p_item hr {
    max-width: 72px;
    /* float: left; */
    margin: 0 auto 18px 0;
    border-radius: 4px;
    border-top-width: 6px;
}

body #c_product_list_029-1640595258837 .e_loop-2 .p_loopitem .s_layout .p_item .s_img {
    /*transform: translate(58px, 0px);*/
    transform: translate(32%, 0px);
    overflow: visible;
}

body #c_product_list_029-1640595258837 .e_loop-2 .p_loopitem .s_layout .p_item .s_title.e_text-7 {
    color: #fff;
    text-align: left;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    font-size: 26px;
    font-family: "f37_judge_testRgEx";
    text-transform: uppercase;
    line-height: 1.36em;
    font-weight: bold;
    letter-spacing: 0.6px;
    height: 72px;
}

body #c_product_list_029-1640595258837 .e_loop-2 .p_loopitem .s_layout .p_item .s_title.clearfix {
    color: #656565;
    line-height: 1.35em;
    padding: 6px 0 0px 0;
    -webkit-line-clamp: 5;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    font-size: 14px;
    margin-bottom: 16px;
}

body #c_product_list_029-1640595258837 .e_loop-2 .p_loopitem .s_layout .p_item .s_list {
    display: block;
    margin-bottom: 8px;
    overflow: hidden;
}

body #c_product_list_029-1640595258837 .e_loop-2 .p_loopitem .s_layout .p_item .s_list .p_loopItem {
    width: auto;
    float: left;
    background: #5c5c5c;
    border-radius: 4px;
    margin: 0 7px 0 0px;
    padding: 8px 10px;
    margin-bottom: 6px;
}

body #c_product_list_029-1640595258837 .e_loop-2 .p_loopitem .s_layout .p_item .s_list .s_title {
    font-size: 14px;
    color: #fff;
}

@media screen and (max-width: 768px) {
    html body #c_product_list_029-16820453804540 .e_text-27 {
        font-size: 28px;
    }

    html body #c_product_list_029-16820453804540 .e_text-40 {
        font-size: 22px;
    }

    body #c_product_list_029-1640595258837 .e_loop-2 .p_loopitem .s_layout {
        padding: 10px 0px 6px 10px;
        width: calc(100% - 22px);
    }

    body #c_product_list_029-1640595258837 .e_loop-2 .p_loopitem .s_layout .p_item .s_img {
        transform: translate(12px, 10px);
        width: 110%;
    }

    html body #c_product_list_029-1640595258837 .e_loop-2 .p_loopitem .s_layout .p_item .s_title.e_text-7 {
        font-size: 20px;
    }

    html body #c_product_list_029-1640595258837 .e_loop-2 .p_loopitem .s_layout .p_item hr {
        margin: 10px auto 8px 0;
    }

    #network #map_list {
        zoom: 0.56;
        /* left: 32%; */
        /* top: 12%; */
    }

    body #network {
        zoom: 0.5;
    }


    body #c_effect_103-16802283275930 .e_loop-1 .p_list .sfq {
        height: 100%;
        /* display: block; */
        margin: 0 0 20px 0;
    }

    body #c_effect_103-16802283275930 .e_loop-1 .p_list .s_layout {
        order: 2;
    }

    body #c_effect_103-16802283275930 .s_img {
        position: relative;
        left: 0%;
        top: 0%;
        transform: translate(0%, 0%);
        height: auto;
        padding: 0 0 40%;
        opacity: 1;
    }

    body #c_effect_103-16802283275930 .e_loop-1>h3 {
        position: relative;
        color: #333;
        font-size: 28px;
        margin: 26px auto 6px;
    }

    body #c_effect_103-16802283275930 .e_loop-1>div {}

    body #c_effect_103-16802283275930 .e_loop-1>div .p_list {
        display: block;
        max-height: none;
        height: auto;
    }

    body #c_effect_103-16802283275930 .e_loop-1 .p_list .sfq div.s_title {
        padding: 0;
        line-height: 2em;
    }

    html body #c_static_001-1679546914186:after {
        width: 100%;
        height: 44%;
        top: 0;
    }

    body #c_static_001-1679546914186 .e_container-1 .cbox-1-0 {
        padding-right: 0px;
    }

    html body #c_static_001-1679546914186 .e_text-2,
    body #c_static_001-1679549340335 .e_text-7,
    body #c_static_001-1679548168304 .e_text-7,
    html body #c_static_001-1679548168304 .e_text-3,
    body #index_gun.s_list .about-num ul.f-cb h2.counter {
        font-family: arial;
    }

    body * {
        font-family: arial !important;
    }

    body #certify .swiper-button-prev::after,
    body #certify .swiper-button-next::after {
        /* line-height: 24px; */
        transform: translate(0px, -2px);
    }

    body #c_product_list_178_P_014-1681707306967 .e_image-28 img {}

    body #c_product_list_178_P_014-1681707306967 #certify .swiper-wrapper .swiper-slide {
        /* zoom:0.8; */
    }

    body #c_product_list_178_P_014-1681707306967 #certify .swiper-wrapper .swiper-slide {
        max-width: 100%;
        transform: translateX(0px) scale(0.85) !important;
    }

}

@media (min-width: 1000px) and (max-width:1680px) {
    body #c_product_list_029-16820453804540 {
        width: 90%;
        margin: 0 auto;
    }

}


body #xgcp {
    clear: both;
}

/* --- Banner/横幅组件 --- */
.z_H_banner .yx_Banner_N {
    position: relative;
    height: 27vw;
    overflow: hidden;
    background: #000;
    max-height: 500px;
}

.z_H_banner .yx_BN_Img {
    position: absolute;
    width: 100%;
    height: 100%;
    transition: all 0.6s ease;
    object-fit: cover;
    opacity: 1;
    background-attachment: fixed;
    filter: gray;
    background-repeat: repeat-y;
    background-position: center;
}

.z_H_banner .yx_BN_Img img {
    position: absolute;
    min-height: 100%;
    width: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 1;
    object-fit: cover;
}

.z_H_banner .yx_BN_Con {
    position: absolute;
    /*top: 53%;*/
    /*left: 50%;*/
    /*transform: translate(-50%, -50%);*/
    top: 54%;
    transform: translateY(-50%);
    /*bottom: 3vw;*/
    left: 8vw;
    z-index: 2;
    text-shadow: rgba(0, 0, 0, 0.2) 0px 2px 6px;
    margin: 0 auto;
    width: 94%;
    /*width: fit-content;*/
    padding-left: 10px;
    padding-right: 10px;
    max-width: 1340px;
    text-align: center;
    text-align: start;
    line-height: 1.5;
}

.z_H_banner .yx_BN_Con:after {
    content: '';
    position: absolute;
    top: -1rem;
    left: 10px;
    width: 2.2rem;
    background: #b4332c;
    height: 2px;
}

.z_H_banner .yx_Banner_N:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, #e60012, rgba(255, 255, 255, 1));
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 2;
}

.z_H_banner .yx_Banner_N .yx_Title {
    color: #fff;
    opacity: 1;
    font-size: 52px;
    text-transform: uppercase;
    /*text-align: center;*/
    text-align: start;
    /* letter-spacing: 5px; */
    font-weight: 500;
    line-height: 1em;
    margin: 0;
}

.z_H_banner .yx_Banner_N .yx_Summary {
    font-size: 20px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    font-weight: normal;
    margin-top: 4px;
    margin: 0;
}

.z_H_banner .yx_Banner_N .yx_Line {
    position: relative;
    width: 21px;
    height: 30px;
    overflow: hidden;
    border-radius: 21px;
    margin: 48px auto 0;
    border: 2px solidrgba(255, 255, 255, 0.85);
    display: none;
}

.z_H_banner .yx_Banner_N .yx_Line:before {
    content: '';
    display: block;
    width: 2px;
    height: 6px;
    position: absolute;
    left: 45%;
    bottom: 5px;
    transform: translateX(-50%);
    background: #fff;
    -webkit-animation: scroll-icon 1.6s infinite ease;
    animation: scroll-icon 2s infinite ease;
    margin: 2% auto 0;
}

@keyframes scroll-icon {
    0% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
        opacity: 0;
    }

    30%,
    70% {
        opacity: 1;
    }

    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        opacity: 0;
    }
}

@media only screen and (max-width: 768px) {
    .z_H_banner .yx_Banner_N {
        height: 25vh;
    }

    .z_H_banner .yx_BN_Img img {
        width: 100%;
        min-height: 101%;
        object-fit: cover;
    }

    .z_H_banner .yx_BN_Img {
        background-size: auto 100%;
        background-attachment: scroll;
        background-position: center;
    }

    .z_H_banner .yx_Banner_N .yx_Title {
        font-size: 24px;
        word-break: break-word;
        text-align: center;
    }

    .z_H_banner .yx_Banner_N .yx_Summary {
        font-size: 24px;
    }

    .z_H_banner .yx_Banner_N .yx_Line {
        margin: 28px auto 0;
    }
    .z_H_banner .yx_BN_Con {
        bottom: unset;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }
    .z_H_banner .yx_BN_Con:after {
        display: none;
    }
}

#sub .z_H_banner .yx_Banner_N {
    height: 18vw;
}

#sub .z_H_banner .yx_BN_Con {
    top: 60%;
}

.detail .z_H_banner .yx_Banner_N {
    max-height: 360px;
}

/* --- 首页轮播Banner --- */
.homeBanner .swiper-container .p_info {
    display: none;
}

.homeBanner {
    width: 100%;
    height: auto;
    max-height: 1440px;
    /* position: fixed; */
    /* left: 0; */
    /* top: 0; */
}

.homeBanner .swiper-container {
    width: 100%;
    height: 100%;
    max-height: 1440px;
}

.homeBanner .swiper-container .p_img {
    width: 100%;
    height: 100%;
    max-height: 1440px;
    position: relative;
}

.homeBanner .swiper-container .p_img a {
    width: 100%;
    height: 100%;
    display: block;
}

.homeBanner .swiper-container .p_img:before {
    content: "";
    display: block;
    width: 100%;
    height: 10%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.14), transparent);
    opacity: 0.66;
}

.homeBanner .swiper-container .p_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.homeBanner .swiper-container .p_info .L_banner_more:hover {
    background: #fff;
}

.homeBanner .swiper-container .p_info .L_banner_more {
    border: 1px solid #fff;
    line-height: 36px;
    display: block;
    width: auto;
    float: left;
    padding: 0 20px;
    margin: 30px auto 0;
    font-size: 16px;
    text-shadow: 0 0 6px rgb(0 0 0 / 15%);
}

.homeBanner .swiper-container .p_info {
    position: absolute;
    left: 50%;
    top: 46%;
    z-index: 4;
    width: 100%;
    max-width: 1280px;
    transform: translate(-50%, -50%);
    color: #fff;
    padding: 1px 1px 1px 0px;
    word-break: break-word;
}

.homeBanner .swiper-container .p_info:before {
    content: "";
    display: block;
    /* width: 300px; */
    /* height: 150%; */
    /* border: 10px solid #fff; */
    position: absolute;
    /* left: 15px; */
    /* top: 50%; */
    /* transform: translate(-100px, -50%); */
    /* opacity: 0; */
    transition: all 0.5s ease 0.3s;
}

.homeBanner .swiper-container .p_info h1 a {
    font-size: 62px;
    font-weight: bold;
    line-height: 1em;
}

.homeBanner .swiper-container .p_info h1 {
    font-size: 62px;
    text-transform: uppercase;
    opacity: 0;
    transform: translate(0, 100px);
    transition: all 0.5s ease 0.5s;
    text-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
    font-weight: bold;
    color: #fff !important;
    max-width: 640px;
}

.homeBanner .swiper-container .p_info h6 {
    font-size: 5rem;
    opacity: 0;
    transform: translate(0, 100px);
    transition: all 0.5s ease 0.7s;
    font-weight: bold;
    text-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
    display: none;
}

.homeBanner .swiper-container .p_info p {
    font-size: 1.25rem;
    text-transform: uppercase;
    opacity: 0;
    transform: translate(0, 100px);
    transition: all 0.5s ease 1s;
    text-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
    font-weight: bold;
    max-width: 640px;
}

.homeBanner .swiper-container .swiper-slide.swiper-slide-active .p_info:before {
    /* transform: translate(0, -50%); */
    /* opacity: 0.3; */
}

.homeBanner .swiper-container .swiper-slide.swiper-slide-active .p_info h1 a {
    color: #fff;
}

.homeBanner .swiper-container .swiper-slide.swiper-slide-active .p_info h1 {
    opacity: 1;
    transform: translate(0, 0);
}

.homeBanner .swiper-container .swiper-slide.swiper-slide-active .p_info h6 {
    opacity: 1;
    transform: translate(0, 0);
}

.homeBanner .swiper-container .swiper-slide.swiper-slide-active .p_info p {
    opacity: 1;
    transform: translate(0, 0);
}

.homeBanner .p_pagenation {
    position: absolute;
    left: 0;
    bottom: 60px;
    z-index: 6;
    width: 100%;
    display: flex;
    justify-content: center;
    opacity: 0;
}

.homeBanner .p_pagenation span {
    background: #fff;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    border-radius: 5px;
    transition: all 0.5s;
    opacity: 0.5;
}

.homeBanner .p_pagenation span.swiper-pagination-bullet-active {
    width: 40px;
    background: #fff;
    opacity: 1;
}

.homeBanner .js_editor_click:hover {
    background: #e60012;
}

body .swiper-button-prev {
    left: 68px;
}

body .swiper-button-next {
    right: 68px;
}

.homeBanner .js_editor_click {
    transition:
        all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    width: 30px;
    height: 56px;
    display: block;
    border-radius: 50%;
    color: #fff;
    line-height: 66px;
    text-align: center;
    background: rgba(91, 112, 136, .22);
    border-radius: 0;
    top: calc(50% - 28px);
}

.homeBanner .js_editor_click:hover:after {
    color: #fff;
}

.homeBanner .js_editor_click:after {
    font-size: 24px;
}

@media screen and (max-width:768px) {
    .homeBanner .swiper-container .p_info {
        padding: 15px 15px 15px 50px;
        transform: translate(-50%, -20%);
    }

    .homeBanner .swiper-container .p_info:before {
        left: 20px;
    }

    .homeBanner .swiper-container .p_info h6 {
        font-size: 3rem;
    }

    .homeBanner .swiper-container .p_img {
        overflow: hidden;
        /* height: auto; */
    }

    .homeBanner .swiper-container .p_img img {
        transform: translate(0%, 0);
        width: 100%;
        /* height: auto; */
        /* object-fit: contain; */
    }

    .homeBanner .js_editor_click {
        display: none;
    }

    body .homeBanner {
        width: 120%;
        margin: 0 -10%;
    }

    body .homeBanner .p_pagenation {
        bottom: 10px;
    }

    body #c_banner_027-1656998106711 {
        overflow: hidden;
        margin-top: 82px;
    }

    body #c_banner_019_P_129-1664518884025 {
        overflow: hidden;
        margin: 0;
    }
}



/* --- 分页器组件 --- */
/*QQ24795216*/
* {}

body .main .p_page {}

body .main .p_page .page_con {}

body .main .p_page .page_con .page_a {
    line-height: 36px;
    height: auto;
    margin: 0 2px 3px;
    color: rgba(180, 180, 180, 1);
    background: #EFEFEF;
    padding: 0 12px;
    border-radius: 4px;
    border: 1px solid #a6a6a6;
    width: auto;
    background: rgba(244, 244, 245, 0.5);
}

body .main .p_page .page_con a.page_num {
    background: #fff;
}

body .main .p_page .page_con a.current {
    background: #e60012;
    color: #ffffff;
    border-color: #e60012;
}

body .main .p_page .page_con a.page_prev {}

body .main .p_page .page_con a.page_next {
    background: rgba(244, 244, 245, 0.5);
}

body .main .p_page .page_con a.page_a.disabled {}

body .main .page_a:hover {
    color: #e60012;
    border-color: #e60012;
    background-color: rgba(255, 255, 255, 0);
}

body .main .page_a.current {
    background-color: rgba(34, 42, 53, 1);
    font-size: 14px;
    font-family: Arial;
    color: rgba(255, 255, 255, 1);
    border-style: solid;
    border-width: 0;
    border-color: rgba(34, 42, 53, 1);
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}

body .main .page_a.current:hover {
    background-color: rgba(71, 75, 82, 1);
    color: rgba(255, 255, 255, 1);
    border-color: rgba(64, 158, 255, 1);
}

body .main .page_jump {
    font-size: 14px;
    color: rgba(116, 116, 116, 1);
}

body .main .page_jump:hover {
    color: rgba(116, 116, 116, 1);
}

body .main .page_a.disabled {
    background-color: rgba(244, 244, 245, 1);
    font-size: 14px;
    color: rgba(192, 196, 204, 1);
    border-style: solid;
    border-width: 1px;
    border-color: rgba(244, 244, 245, 1);
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}

body .main .page_a.disabled:hover {
    background-color: rgba(244, 244, 245, 0.5);
    color: rgba(192, 196, 204, 1);
    border-color: rgba(244, 244, 245, 0.3);
}

body .main .page_input {
    background-color: rgba(255, 255, 255, 0);
    font-size: 14px;
    color: rgba(96, 98, 102, 1);
    border-style: solid;
    border-width: 1px;
    border-color: rgba(235, 235, 235, 1);
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    background: #fff;
}

body .main .page_input:hover {
    background-color: rgba(255, 255, 255, 0);
    color: rgba(96, 98, 102, 1);
    border-color: #e60012;
}



body .main .p_page>div {
    border-radius: 4px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
}

body .main .p_page .font {
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
}

body .main .p_page {
    float: none;
    margin: 10px auto 6px;
    display: table;
    border: none !important;
    clear: both;
}

body .main .e_box .p_page .font {
    line-height: 30px;
    height: 30px;
}

body .main .e_box .p_page * {
    line-height: 36px;
    height: 36px;
    margin: 0 5px 0 5px;
}

body .main .p_page .p_PageInterval {
    padding-right: 14px;
    padding-left: 14px;
}

body .main .p_page .pageNum {
    padding-right: 14px;
    padding-left: 14px;
    min-width: 30px;
    width: auto;
    line-height: 38px;
    height: 38px;
}

body .main .p_page .pageNum:hover {
    background: #e60012;
    color: #ffffff;
}

body .main .p_page .pageNum:hover {
    background: #e60012;
    color: #ffffff;
    border-color: #e60012;
    line-height: 38px;
    height: 38px;
}

body .main .p_page .pageNum.active {
    background: #e60012;
    color: #ffffff;
    border-color: #e60012;
    line-height: 38px;
    height: 38px;
}

body .main .p_page .next {
    color: rgba(54, 56, 66, 1);
    background: #EFEFEF;
}

body .main .p_page .next:hover {
    background: #e60012;
    border-color: #e60012;
}

body .main .p_page .next:active {
    background: #e60012;
    border-color: #e60012;
}

body .main .p_page .pre {
    color: rgba(102, 102, 102, 1);
    background: #EFEFEF;
    line-height: 30px;
    height: 30px;
}

body .main .p_page .pre:hover {
    background: #e60012;
    border-color: #e60012;
}

body .main .p_page .pre:active {
    background: #e60012;
}


@media only screen and (min-width: 769px) {

    .p_CommonSquareNumBtn.active,
    .p_CommonSquareNumBtn:hover {
        background-color: #e60012;
        color: #fff;
    }

    .p_CommonSquareNumBtn {
        border-radius: 50%;
    }
}

@media only screen and (max-width: 769px) {
    body .p_pagebox .next {
        /*background-color:#e60012;*/
        background: #fff;
        color: #000;
    }

    body .p_pagebox .next .iconfont {
        color: #bbb;
    }

    body .p_pagebox .pre .iconfont {
        color: #bbb;
    }

    body .p_pagebox .next:hover {
        border-color: #e60012;
        background-color: #e60012;
    }

    body .p_pagebox .next:active {
        background-color: #e60012;
    }

    body .p_pagebox .pre {
        /*background-color:#e60012;*/
        background: #fff;
        color: #000;
        /* margin: 0px 0 0 4%; */
    }

    body .p_pagebox .pre:hover {
        border-color: #e60012;
        /* background-color:#e60012; */
        background: #fff;
        color: #000;
    }

    body .p_pagebox .pre:active {
        /* background-color:#e60012; */
    }

    body .p_pagebox .NumBox {
        border: 0px solid #e0e0e0;
        background: none;
        width: 28%;
        margin: 0 8%;
    }

    .p_pagebox .num {
        color: #888;
    }

    .p_pagebox .num .iconfont {
        display: none;
    }

    /*body .p_pagebox{margin:0 auto; width:auto;display: table;}*/
}



body .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    margin: 0 5px;
    background: rgba(228, 228, 228, 1);
    opacity: 1;
    border-radius: 9px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
}

body .swiper-pagination-bullet.swiper-pagination-bullet-active,
body .swiper-pagination-bullet.p_swiperBullet_active {
    background-color: #e60012;
    width: 34px;
}



html body .swiper-button-prev,
body .swiper-button-next {
    color: #999;
}

html body .swiper-button-prev:hover,
html body .swiper-button-next:hover {
    color: #e60012;
}



.swiper-button-next,
.swiper-button-prev {
    color: #ccc;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
    color: #e60012;
}

.swiper-pagination-bullet-active {
    background: #e60012;
}




body .lightbox {
    z-index: 999999999999;
}

body .lightbox .picview img.pic {
    max-width: 96%;
    max-height: 96%;
}

body .fancybox__container,
body .fancybox__container {
    z-index: 9999999999;
}



/*
body #c_static_001-1665195413051 .e_button-9{background: #e60012;border-radius:0;color:#fff;text-align:left;padding:0px;width: auto;display: table;min-width: 146px;}
body #c_static_001-1665195413051 .e_button-9 *{color:#fff;line-height: 42px;padding: 0 20px;font-size: 16px;}
body #c_static_001-1665195413051 .e_button-9::after{content:"鈫?;color:#fff;font-size: 16px;opacity: 1;right: 32px;top: 7px;left: auto;}
*/




body #c_static_001_P_6989-16663121874530 .e_button-24 {
    background: #e60012;
    border-radius: 0;
    color: #fff;
    text-align: left;
    padding: 0px;
    width: auto;
    display: table;
    min-width: 146px;
    background: none;
    border: 1px solid #e60012;
}

body #c_static_001_P_6989-16663121874530 .e_button-24 * {
    color: #e60012;
    line-height: 42px;
    padding: 0 20px;
    font-size: 16px;
}

body #c_static_001_P_6989-16663121874530 .e_button-24:after {
    content: "→";
    color: #e60012;
    font-size: 16px;
    opacity: 1;
    right: 32px;
    top: 7px;
    left: auto;
}

body #c_static_001_P_6989-16663121874530 .e_button-24:hover:after {
    color: #fff;
}

body #c_static_001_P_6989-16663121874530 .e_button-24:hover {
    background: #e60012;
}

body #c_static_001_P_6989-16663121874530 .e_button-24:hover * {
    color: #fff;
}

body #c_static_001-1665195413051 .e_button-9 {
    background: #e60012;
    border-radius: 0;
    color: #fff;
    text-align: left;
    padding: 0px;
    width: auto;
    display: table;
    min-width: 136px;
    /* background: none; */
    border: 1px solid #e60012;
    border-radius: 6px;
}

body #c_static_001-1665195413051 .e_button-9 * {
    color: #fff;
    line-height: 40px;
    padding: 0 20px;
    font-size: 16px;
}

body #c_static_001-1665195413051 .e_button-9:after {
    content: "→";
    color: #fff;
    font-size: 16px;
    opacity: 1;
    right: 34px;
    top: 7px;
    left: auto;
}

body #c_static_001-1665195413051 .e_button-9:hover:after {
    color: #fff;
}

body #c_static_001-1665195413051 .e_button-9:hover {
    background: #e60012;
}

body #c_static_001-1665195413051 .e_button-9:hover * {
    color: #fff;
}

body #c_static_001_P_6989-16655447288610 .e_button-24 {
    background: #e60012;
    border-radius: 0;
    color: #fff;
    text-align: left;
    padding: 0px;
    width: auto;
    display: table;
    min-width: 136px;
    /* background: none; */
    border: 1px solid #e60012;
    border-radius: 6px;
}

body #c_static_001_P_6989-16655447288610 .e_button-24 * {
    color: #fff;
    line-height: 40px;
    padding: 0 20px;
    font-size: 16px;
}

body #c_static_001_P_6989-16655447288610 .e_button-24:after {
    content: "→";
    color: #fff;
    font-size: 16px;
    opacity: 1;
    right: 34px;
    top: 7px;
    left: auto;
}

body #c_static_001_P_6989-16655447288610 .e_button-24:hover:after {
    color: #fff;
}

body #c_static_001_P_6989-16655447288610 .e_button-24:hover {
    background: #e60012;
}

body #c_static_001_P_6989-16655447288610 .e_button-24:hover * {
    color: #fff;
}

body #c_new_list_180-1666313467875 .e_button-87 {
    background: #e60012;
    border-radius: 0;
    color: #fff;
    text-align: left;
    padding: 0px;
    width: auto;
    display: table;
    min-width: 136px;
    /* background: none; */
    border: 1px solid #e60012;
    border-radius: 6px;
}

body #c_new_list_180-1666313467875 .e_button-87 * {
    color: #fff;
    line-height: 40px;
    padding: 0 20px;
    font-size: 14px;
}

body #c_new_list_180-1666313467875 .e_button-87:after {
    content: "→";
    color: #fff;
    font-size: 16px;
    opacity: 1;
    right: 34px;
    top: 7px;
    left: auto;
}

body #c_new_list_180-1666313467875 .e_button-87:hover:after {
    color: #fff;
}

body #c_new_list_180-1666313467875 .e_button-87:hover {
    background: #e60012;
}

body #c_new_list_180-1666313467875 .e_button-87:hover * {
    color: #fff;
}

body #c_static_001_P_6989-16663121906850 .e_button-24 {
    background: #e60012;
    border-radius: 0;
    color: #fff;
    text-align: left;
    padding: 0px;
    width: auto;
    display: table;
    min-width: 146px;
    background: none;
    border: 1px solid #e60012;
}

body #c_static_001_P_6989-16663121906850 .e_button-24 * {
    color: #e60012;
    line-height: 42px;
    padding: 0 20px;
    font-size: 16px;
}

body #c_static_001_P_6989-16663121906850 .e_button-24:after {
    content: "→";
    color: #e60012;
    font-size: 16px;
    opacity: 1;
    right: 32px;
    top: 7px;
    left: auto;
}

body #c_static_001_P_6989-16663121906850 .e_button-24:hover:after {
    color: #fff;
}

body #c_static_001_P_6989-16663121906850 .e_button-24:hover {
    background: #e60012;
}

body #c_static_001_P_6989-16663121906850 .e_button-24:hover * {
    color: #fff;
}


body #c_static_001_P_7580-1666340244733 .e_button-12 {
    background: #e60012;
    border-radius: 0;
    color: #fff;
    text-align: left;
    padding: 0px;
    width: auto;
    display: table;
    min-width: 146px;
    background: none;
    border: 1px solid #e60012;
}

body #c_static_001_P_7580-1666340244733 .e_button-12 * {
    color: #e60012;
    line-height: 42px;
    padding: 0 20px;
    font-size: 16px;
}

body #c_static_001_P_7580-1666340244733 .e_button-12:after {
    content: "→";
    color: #e60012;
    font-size: 16px;
    opacity: 1;
    right: 32px;
    top: 7px;
    left: auto;
}

body #c_static_001_P_7580-1666340244733 .e_button-12:hover:after {
    color: #fff;
}

body #c_static_001_P_7580-1666340244733 .e_button-12:hover {
    background: #e60012;
}

body #c_static_001_P_7580-1666340244733 .e_button-12:hover * {
    color: #fff;
}



body #c_static_001_P_6989-16704619339270 .e_button-24 {
    background: #e60012;
    border-radius: 0;
    color: #fff;
    text-align: left;
    padding: 0px;
    width: auto;
    display: table;
    min-width: 136px;
    /* background: none; */
    border: 1px solid #e60012;
    border-radius: 6px;
}

body #c_static_001_P_6989-16704619339270 .e_button-24 * {
    color: #fff;
    line-height: 40px;
    padding: 0 20px;
    font-size: 16px;
}

body #c_static_001_P_6989-16704619339270 .e_button-24:after {
    content: "→";
    color: #fff;
    font-size: 16px;
    opacity: 1;
    right: 34px;
    top: 7px;
    left: auto;
}

body #c_static_001_P_6989-16704619339270 .e_button-24:hover:after {
    color: #fff;
}

body #c_static_001_P_6989-16704619339270 .e_button-24:hover {
    background: #e60012;
}

body #c_static_001_P_6989-16704619339270 .e_button-24:hover * {
    color: #fff;
}


#c_new_list_180-1666313467875 .s_layout .e_button-93 {
    padding: 2px 0;
    background: #fff;
    width: 90px;
}

#c_new_list_180-1666313467875 .s_layout .e_button-93 * {
    font-size: 14px;
    text-align: left;
}

body #c_new_list_180-1666313467875 .e_button-93:after {
    content: "→";
    color: #363636;
    font-size: 16px;
    opacity: 1;
    right: 22px;
    top: -2px;
    left: auto;
}

#c_new_list_180-1666313467875 .s_layout .e_button-93:hover * {
    color: #e60012;
}

#c_new_list_180-1666313467875 .s_layout .e_button-93:hover:after {
    color: #e60012;
}



body #c_static_001_P_6989-16703947875410 .p_list .p_loopitem .btn {
    background: #e60012;
    border-radius: 0;
    color: #fff;
    text-align: left;
    padding: 0px;
    width: auto;
    display: table;
    min-width: 136px;
    /* background: none; */
    border: 1px solid #e60012;
    border-radius: 6px;
}

body #c_static_001_P_6989-16703947875410 .p_list .p_loopitem .btn * {
    color: #fff;
    line-height: 40px;
    padding: 0 20px;
    font-size: 16px;
}

body #c_static_001_P_6989-16703947875410 .p_list .p_loopitem .btn:after {
    content: "→";
    color: #fff;
    font-size: 16px;
    opacity: 1;
    right: 34px;
    top: 7px;
    left: auto;
}

body #c_static_001_P_6989-16703947875410 .p_list .p_loopitem .btn:hover:after {
    color: #fff;
}

body #c_static_001_P_6989-16703947875410 .p_list .p_loopitem .btn:hover {
    background: #e60012;
}

body #c_static_001_P_6989-16703947875410 .p_list .p_loopitem .btn:hover * {
    color: #fff;
}






/*body #c_static_001-1679546914186 .e_button-5{padding: 12px 20px;border-radius:0;background: none;border:1px solid #f3182c;margin:20px auto 0 0;background: #f3182c;}
body #c_static_001-1679546914186 .e_button-5:before{content: "鈬€"; color:#f3182c; font-size:22px;opacity:1; right:38px;top:5px;left:auto; position:absolute;top:12px;right:30px; font-size:22px;font-weight:100;}
body #c_static_001-1679546914186 .e_button-5 *{line-height: 32px;color: #fff;text-align: left;}
body #c_static_001-1679546914186 .e_button-5:hover{background:#f3182c;}
body #c_static_001-1679546914186 .e_button-5:hover:before{color:#fff;}
body #c_static_001-1679546914186 .e_button-5:hover *{color:#fff;}*/



html body .main .s_layout .p_item .z_btn {
    padding: 12px 20px !important;
    border-radius: 0 !important;
    background: none !important;
    border: 1px solid #f3182c;
    margin: 20px auto 0 0;
}

html body .main .s_layout .p_item .z_btn:before {
    content: "→";
    color: #f3182c;
    font-size: 22px;
    opacity: 1;
    right: 38px;
    top: 5px;
    left: auto;
    position: absolute;
    top: 10px;
    right: 30px;
    font-size: 22px;
    font-weight: 100;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
}

html body .main .s_layout .p_item .z_btn * {
    line-height: 32px;
    color: #f3182c;
    text-align: left;
}

html body .main .s_layout .p_item .z_btn:hover {
    background: #f3182c !important;
}

html body .main .s_layout .p_item .z_btn:hover:before {
    color: #fff;
}

html body .main .s_layout .p_item .z_btn:hover * {
    color: #fff;
}

html body .main .s_layout .p_item .z_btn.on {
    background: #f3182c !important;
}

html body .main .s_layout .p_item .z_btn.on:before {
    color: #fff;
}

html body .main .s_layout .p_item .z_btn.on * {
    line-height: 32px;
    color: #fff;
    text-align: left;
}

html body .main .s_layout .p_item .z_btn.on:hover {
    background: #f3182c !important;
}


/* --- 底部社交分享 --- */
.bottom_share {}

.bottom_share li {
    margin: 0 6px 0;
    float: left;
}

.bottom_share li a {
    display: block;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: #5f5f5f;
    padding: 5px;
}

.bottom_share li:hover a {
    background: #767676;
    transform: translateY(-2px);
}

.bottom_share li img {
    max-width: 100%;
    filter: brightness(0.1);
}



#bottom_mes {}

#bottom_mes textarea {
    background: none;
    border: 1px solid #3e4247;
    border-radius: 0;
}

#bottom_mes input {
    background: none;
    border: 1px solid #3e4247;
    border-radius: 0;
    color: #ccc;
}

#bottom_mes .btn {
    background: #d9281e;
    border-radius: 0;
    color: #fff;
    font-size: 14px;
    padding: 7px;
}

#bottom_mes input::placeholder {
    color: #525456;
}


body .main div#mbx {}

body .main div#mbx .p_breadcrumb {}

body .main div#mbx .p_breadcrumb li {}

body .main div#mbx .p_breadcrumb li a {}

body .main div#mbx .p_breadcrumb li span {
    color: #999;
}

body .main div#mbx .p_breadcrumb li * {
    color: #999;
}







#ssfl.s_list .p_loopItem {
    width: auto;
    float: left;
    padding: 0 10px 0 0;
    min-width: 52px;
}

#cpfj.s_list {
    padding: 6px 0 0 0;
}

#cpfj.s_list .p_loopItem .s_title {}

#cpfj.s_list .p_loopItem .s_title a {
    display: inline-block;
    width: auto;
    /* background:#034091; */
    padding: 5px 12px;
    border-radius: 8px;
    color: #034091;
    min-width: 140px;
    /* padding: 8px 0; */
    /* border-bottom: 1px dotted #ddd; */
    border: #034091 1px solid;
    text-align: center;
}

#cpfj.s_list .p_loopItem .s_title a:hover {
    background: #034091;
    color: #fff;
}

#ssfl.s_list {
    display: block;
    overflow: hidden;
}

#ssfl.s_list .p_loopItem {
    width: auto;
    float: left;
    padding: 0 10px 0 0;
    min-width: 52px;
}

#ssfl.s_list .p_loopItem .s_title {}

#ssfl.s_list .p_loopItem .s_title a {}

body .main #keywords_list {
    /* display: block; */
}

#keywords_list .p_item p {
    line-height: 2.1em;
}

#keywords_list .s_list {
    display: block !important;
}

#keywords_list .p_loopItem {
    width: auto !important;
    float: left;
    padding: 0 10px 3px 0;
}

#keywords_list .p_loopItem p {
    border: 1px solid #ddd;
    padding: 3px 10px;
    border-radius: 6px;
    background: #fff;
    line-height: 1.6em;
    cursor: pointer;
}

#xgcp {}

#xgcp .p_list {}

#xgcp .p_list .p_loopitem {}

#xgcp .p_list .p_loopitem .s_layout {}

#xgcp .p_list .p_loopitem .s_img {
    position: relative;
    height: auto;
    padding: 0 0 75%;
    overflow: hidden;
}

#xgcp .p_list .p_loopitem .s_img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: auto;
}

#xgcp .p_list .p_loopitem .s_title {}

#xgcp .p_list .p_loopitem .s_title.clearfix {}


body .clearfix h1 {
    font-size: 32px;
}

body .clearfix h2 {
    font-size: 26px;
}

body .clearfix h3 {
    color: #0b3775;
    font-size: 22px;
}

body .clearfix h4 {
    font-size: 20px;
}

body .clearfix h5 {
    font-size: 18px;
}

body .clearfix h6 {
    font-size: 16px;
}




::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #d7d7d7;
    border-radius: 6px;
}

::-webkit-scrollbar-thumb {
    background: #a59e9e;
    border-radius: 6px;
}

::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.chatroom-username {
    color: #768387;
    font-size: 11px;
}




/* web link*/
a:link {
    /* color: ; */
    text-decoration: none;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
}

a>div {
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
}

a * {
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
}

a div div {
    transition: all 0s;
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -o-transition: all 0s;
}

a:visited {
    /* color: ; */
    text-decoration: none;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
}

a:hover {
    color: #e60012;
    text-decoration: none;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
}

a:active {
    color: #e60012;
    text-decoration: none;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
}