.w100-nav {
    width: 100%;
    border-top: 1px solid #e6e7eb;
    box-shadow: 0px 3px 5px -3px rgba(0, 0, 0, 0.12);
}

.smfnav {
    height: 40px;
    line-height: 40px;
    font-size: 0.875rem;
    display: flex;
}

.smfnav .smfCategories {
    margin-right: 1rem;
    display: flex;
}

.smfnav .smfCategories .template-main-menu {
    height: 40px;
    position: relative;
}

.smfnav .smfCategories .template-main-menu>ul>li>a {
    display: block;
    height: 40px;
    line-height: 40px;
}

.smfnav .smfCategories .template-main-menu>ul>li>a:hover {
    color: #e70012;
}

.smfnav .smfCategories .template-main-menu>ul>li>a:hover span {
    background: #e70012 !important;
}

.smfnav .smfnavbox1 {}

.smfnav .smfnavbox1 li {
    float: left;
    padding-right: 3rem;
}

.smfnav .smfnavbox1 li a:hover {
    color: #e70012;
}

/* @media screen and (max-width: 1400px) {
        .col-words p {
            font-size: 12px !important;
        }
    } */

.hover-scale {
    transition: transform 0.3s ease;
}

.hover-scale:hover {
    transform: scale(1.03);
}

.rows {
    width: 100%;
    display: grid;
    justify-content: center;
    grid-template-columns: repeat(auto-fit, minmax(32.46%, 1fr));
}

.col-img {
    display: flex;
    position: relative;

    a {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 999;
    }

    .curpimg-bg {
        width: 26.8%;
        max-width: 134px;
        display: inline-grid;
        align-items: center;
    }

    .cl-bgg {
        float: left;
        clear: both;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    img {
        max-width: 134px;
        width: 100%;
    }

    .col-words {
        width: 73.2%;
        max-width: calc(100% - 134px);
        height: 134px;
        display: flex;
        align-items: center;

        .cl-icon {
            width: 16px;
            height: 16px;
            background: url(/static/skin/default/img/cl-icon.png) no-repeat 100% /100% 100%;
            display: inline-block;
            vertical-align: middle;
        }

        h3 {
            font-size: 22px;
            font-weight: bold;
            line-height: 22px;
            color: #000;
            margin: 0;
            display: inline-block;
            margin-bottom: 5px;
            vertical-align: middle;
            float: left;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            /* 限制显示1行 */
            overflow: hidden;
            text-overflow: ellipsis;
        }

        p {
            font-size: 14px;
            color: #333;
            margin: 0 3px 0 6px;
            display: inline-block;
            vertical-align: middle;
        }
    }

    .zs-img {
        position: absolute;
        right: -75px;
        bottom: -50px;
        width: 192px;
        height: 159px;
    }
}

.curp {
    cursor: pointer;
    padding: 0;
    overflow: hidden;
    border-radius: 12px;
    width: 100%;
    height: 134px;
    max-width: 500px;
    margin-bottom: 30px;
    box-sizing: border-box;
    border: 1px solid #F3F4F6;
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.07);

    &:hover {
        border: 1px solid rgba(0, 0, 0, 0.1);
    }
}

.container-fixed-xl {
    max-width: 1540px;
    display: flex;
    justify-content: center;
}

.pic-st {
    margin-top: 40px;
    margin-bottom: 60px;
}

.main-bg {
    position: relative;
    top: 0;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

.pat-top {
    width: 150px;
    height: 150px;

    img {
        width: 150px;
        cursor: pointer;
        height: 150px;
    }
}

.pat-icon {
    width: 100%;
    height: 30px;

    img {
        width: 30px;
        height: 30px;
    }
}

.pat-bottom {
    width: 100%;
    height: 90px;

    span {
        font-size: 20px;
    }
}

.pat-mid {
    img {
        width: 150px;
        height: 150px;
        cursor: pointer;
    }
}

.top-banner {
    position: relative;
    top: 0;
    left: 0;
    background: url(../img/ban.jpg) 100% / 100% 100%;
    width: 100%;
    height: 360px;
    color: #fff;
}

.banner-title {
    text-align: center;
}

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

.title-words {
    display: inline-block;
    vertical-align: top;
    font-size: 64px;
    font-weight: bold;
    line-height: 86px;
    white-space: nowrap;
}

.banner-words {
    font-size: 24px;
    line-height: 40px;
    text-align: center;
    opacity: 0.8;

    p {
        color: #fff;
        margin: 0;
    }
}

.container-body {
    width: 100%;
    display: flex;
    justify-content: center;
    height: 680px;
    text-align: center;
    padding-top: 40px;
    /* padding-bottom: 20px; */

    .container-title {
        font-size: 42px;
        font-weight: bolder;
        margin-bottom: 30px;

        span {
            display: inline-block;
            vertical-align: middle;
            font-size: 20px;
            line-height: 42px;
            color: #333;
        }

        p {
            display: inline-block;
            vertical-align: middle;
            line-height: 42px;
            color: #000;
            margin: 0;
        }
    }
}

.three-part {
    /* width: 1540px; */
    height: 500px;
    font-size: 0;

    .part-left {
        width: 500px;
        display: inline-block;
        vertical-align: middle;
        height: 100%;
        flex-wrap: wrap;
        margin-right: 20px;
    }

    .part-bg {
        display: flex;
        flex-wrap: wrap;
    }

    .part-mid {
        width: 500px;
        height: 100%;
        display: inline-block;
        vertical-align: middle;
        cursor: pointer;
        margin-right: 20px;

        img {
            width: 500px;
            height: 500px;
        }
    }

    .part-right {
        width: 500px;
        display: inline-block;
        vertical-align: middle;
        height: 100%;
    }

    .part-sy {
        width: 240px;
        height: 420px;
        display: flex;
        justify-content: center;
    }
}

/*flag*/
.natianal {
    display: inline-block;
    width: 16px;
    height: 12px;
    background-size: contain;
    background-repeat: no-repeat;
}

.natianal_au {
    background-image: url('/static/skin/default/imgs_language/au.svg');
}

.natianal_cn {
    background-image: url('/static/skin/default/imgs_language/cn.svg');
}

.natianal_hk {
    background-image: url('/static/skin/default/imgs_language/hk.svg');
}

.natianal_id {
    background-image: url('/static/skin/default/imgs_language/id.svg');
}

.natianal_il {
    background-image: url('/static/skin/default/imgs_language/il.svg');
}

.natianal_in {
    background-image: url('/static/skin/default/imgs_language/in.svg');
}

.natianal_jp {
    background-image: url('/static/skin/default/imgs_language/jp.svg');
}

.natianal_kr {
    background-image: url('/static/skin/default/imgs_language/kr.svg');
}

.natianal_my {
    background-image: url('/static/skin/default/imgs_language/my.svg');
}

.natianal_nz {
    background-image: url('/static/skin/default/imgs_language/nz.svg');
}

.natianal_ph {
    background-image: url('/static/skin/default/imgs_language/ph.svg');
}

.natianal_sg {
    background-image: url('/static/skin/default/imgs_language/sg.svg');
}

.natianal_th {
    background-image: url('/static/skin/default/imgs_language/th.svg');
}

.natianal_vn {
    background-image: url('/static/skin/default/imgs_language/vn.svg');
}

.natianal_ar {
    background-image: url('/static/skin/default/imgs_language/ar.svg');
}

.natianal_br {
    background-image: url('/static/skin/default/imgs_language/br.svg');
}

.natianal_ca {
    background-image: url('/static/skin/default/imgs_language/ca.svg');
}

.natianal_cl {
    background-image: url('/static/skin/default/imgs_language/cl.svg');
}

.natianal_co {
    background-image: url('/static/skin/default/imgs_language/co.svg');
}

.natianal_cr {
    background-image: url('/static/skin/default/imgs_language/cr.svg');
}

.natianal_do {
    background-image: url('/static/skin/default/imgs_language/do.svg');
}

.natianal_ec {
    background-image: url('/static/skin/default/imgs_language/ec.svg');
}

.natianal_gt {
    background-image: url('/static/skin/default/imgs_language/gt.svg');
}

.natianal_hn {
    background-image: url('/static/skin/default/imgs_language/hn.svg');
}

.natianal_mx {
    background-image: url('/static/skin/default/imgs_language/mx.svg');
}

.natianal_pe {
    background-image: url('/static/skin/default/imgs_language/pe.svg');
}

.natianal_pr {
    background-image: url('/static/skin/default/imgs_language/pr.svg');
}

.natianal_ur {
    background-image: url('/static/skin/default/imgs_language/us.svg');
}

.natianal_uy {
    background-image: url('/static/skin/default/imgs_language/uy.svg');
}

.natianal_ve {
    background-image: url('/static/skin/default/imgs_language/ve.svg');
}

.natianal_do {
    background-image: url('/static/skin/default/imgs_language/do.svg');
}

.natianal_ag {
    background-image: url('/static/skin/default/imgs_language/ag.svg');
}

.natianal_dm {
    background-image: url('/static/skin/default/imgs_language/dm.svg');
}

.natianal_lc {
    background-image: url('/static/skin/default/imgs_language/lc.svg');
}

.natianal_vc {
    background-image: url('/static/skin/default/imgs_language/vc.svg');
}

.natianal_gd {
    background-image: url('/static/skin/default/imgs_language/gd.svg');
}

.natianal_tt {
    background-image: url('/static/skin/default/imgs_language/tt.svg');
}

.natianal_ru {
    background-image: url('/static/skin/default/imgs_language/ru.svg');
}

.natianal_gr {
    background-image: url('/static/skin/default/imgs_language/gr.svg');
}

.natianal_ua {
    background-image: url('/static/skin/default/imgs_language/ua.svg');
}

.natianal_lt {
    background-image: url('/static/skin/default/imgs_language/lt.svg');
}

.natianal_dk {
    background-image: url('/static/skin/default/imgs_language/dk.svg');
}

.natianal_fi {
    background-image: url('/static/skin/default/imgs_language/fi.svg');
}

.natianal_no {
    background-image: url('/static/skin/default/imgs_language/no.svg');
}

.natianal_de {
    background-image: url('/static/skin/default/imgs_language/de.svg');
}

.natianal_nl {
    background-image: url('/static/skin/default/imgs_language/nl.svg');
}

.natianal_ie {
    background-image: url('/static/skin/default/imgs_language/ie.svg');
}

.natianal_fr {
    background-image: url('/static/skin/default/imgs_language/fr.svg');
}

.natianal_it {
    background-image: url('/static/skin/default/imgs_language/it.svg');
}

.natianal_es {
    background-image: url('/static/skin/default/imgs_language/es.svg');
}

.natianal_pt {
    background-image: url('/static/skin/default/imgs_language/pt.svg');
}

.me-1 {
    margin-right: .25rem !important;
}

.btn-close {
    --bs-btn-close-color: #000;
    --bs-btn-close-bg: url(/static/skin/default/imgs_language/x.svg);
    --bs-btn-close-opacity: 0.5;
    --bs-btn-close-hover-opacity: 0.75;
    --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    --bs-btn-close-focus-opacity: 1;
    --bs-btn-close-disabled-opacity: 0.25;
    --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em .25em;
    color: #000;
    background: transparent var(--bs-btn-close-bg) center / 1em auto no-repeat;
    border: 0;
    border-radius: .375rem;
    opacity: 0.5;
}

.smfcontent {
    background: #f0f2f5;
}

.smfb10 {
    height: 1rem;
}

.smfclear {
    clear: both;
}

.smfbox {
    width: 1530px;
    margin: 0 auto;
}

.smfbox .smfleftbox {
    width: 78%;
    float: left;
    background: #fff;
    border-radius: 10px;
    padding: 2rem;
}

.smfbox .smfleftbox .content {
    padding: 0;
}

.smfbox .smfrightbox {
    width: 20%;
    float: right;
    background: #fff;
    border-radius: 10px;
}

.smfbox .smfrightbox h5 {
    border-bottom: 2px #ef233c solid;
    padding: 0.6rem 1.2rem;
    margin: 0;
}

.smfrightbox .smfside_li {
    width: 100%;
    padding: 0.4rem 1.2rem;
}

.smfrightbox .smfside_li a {
    font-size: 14px;
    color: #666
}