@font-face {
    font-family: "MiSans-Medium";
    src: url("/bocstatic/m/fonts/MiSans-Medium.woff2") format("woff2"),
        url("/bocstatic/m/fonts/MiSans-Medium.woff") format("woff"),
        url("/bocstatic/m/fonts/MiSans-Medium.ttf") format("truetype"),
        url("/bocstatic/m/fonts/MiSans-Medium.eot") format("embedded-opentype"),
        url("/bocstatic/m/fonts/MiSans-Medium.svg") format("svg");
}

@font-face {
    font-family: "MiSans-Regular";
    src: url("/bocstatic/m/fonts/MiSans-Regular.woff2") format("woff2"),
        url("/bocstatic/m/fonts/MiSans-Regular.woff") format("woff"),
        url("/bocstatic/m/fonts/MiSans-Regular.ttf") format("truetype"),
        url("/bocstatic/m/fonts/MiSans-Regular.eot") format("embedded-opentype"),
        url("/bocstatic/m/fonts/MiSans-Regular.svg") format("svg");
}
@font-face {
    font-family: "Saans-Bold";
    src: url("/bocstatic/m/fonts/Saans-Bold.woff2") format("woff2"),
        url("/bocstatic/m/fonts/Saans-Bold.woff") format("woff"),
        url("/bocstatic/m/fonts/Saans-Bold.ttf") format("truetype"),
        url("/bocstatic/m/fonts/Saans-Bold.eot") format("embedded-opentype"),
        url("/bocstatic/m/fonts/Saans-Bold.svg") format("svg");
}
@font-face {
    font-family: "Montserrat-Medium";
    src: url("/bocstatic/m/css/fonts/Montserrat-Medium.woff2") format("woff2"),
        url("/bocstatic/m/css/fonts/Montserrat-Medium.woff") format("woff"),
        url("/bocstatic/m/css/fonts/Montserrat-Medium.ttf") format("truetype"),
        url("/bocstatic/m/css/fonts/Montserrat-Medium.eot") format("embedded-opentype"),
        url("/bocstatic/m/css/fonts/Montserrat-Medium.svg") format("svg");
}
@font-face {
    font-family: "Montserrat-Regular";
    src: url("/bocstatic/m/css/fonts/Montserrat-Regular.woff2") format("woff2"),
        url("/bocstatic/m/css/fonts/Montserrat-Regular.woff") format("woff"),
        url("/bocstatic/m/css/fonts/Montserrat-Regular.ttf") format("truetype"),
        url("/bocstatic/m/css/fonts/Montserrat-Regular.eot") format("embedded-opentype"),
        url("/bocstatic/m/css/fonts/Montserrat-Regular.svg") format("svg");
}
html.over {
    overflow: hidden;
}

::-webkit-scrollbar {
    background-color: rgba(217, 217, 217, .1) !important;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(0, 132, 40, 1) !important;
}

.mir {
    font-family: 'MiSans-Regular';
    font-weight: normal;
}
.mim {
    font-family: 'MiSans-Medium';
    font-weight: 500;
}
.sas {
    font-family: 'Saans-Bold';
    /* font-weight: bold; */
}
.pc-block {
    display: block;
}
.mb-block {
    display: none;
}
.mnt {
    font-family: 'Montserrat';
}
.mom {
    font-family: 'Montserrat-Regular';

    font-weight: 450;
}
.w100 {
    width: 100%;
    position: relative;
    overflow: hidden;
}
.w1800 {
    width: calc(100% - 1.5rem * 2);
    margin: 0 auto;
}
.w1720 {
    width: calc(100% - 2.5rem * 2);
    margin: 0 auto;
}
.w1600 {
    width: calc(100% - 4rem * 2);
    margin: 0 auto;
}
.w1500 {
    width: calc(100% - 5.25rem * 2);
    margin: 0 auto;
}
.w1450 {
    width: calc(100% - 5.875rem * 2);
    margin: 0 auto;
}

.imgcover {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.f300 {
    font-weight: 300;
}
.f330 {
    font-weight: 330;
}
.f350 {
    font-weight: 350;
}
.f380 {
    font-weight: 380;
}

.f500 {
    font-weight: 500;
}
.f600 {
    font-weight: 600;
}
.f700 {
    font-weight: 700;
}
.f1f {
    color: #1f1f1f;
}
.header-nav .ul .li a:hover{
    color: #008c3f;
}
.line-5 {
    line-height: 1.5;
}
.ellipsis {
    text-wrap: nowrap;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1;
}

.ellipsis-multiline {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ellipsis_3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}
header {
    position: fixed;
    width: 100%;
    transition: all .3s;
    background: rgba(255, 255, 255, .85);
    backdrop-filter: blur(.25rem);
    opacity: 1;
    z-index:999;

}

.fix-header {
    height: 2rem;
    display: none;
}

.pc-header {
    width: 100%;
    display: block;
}
header {
    background: rgba(255, 255, 255, .85);
    backdrop-filter: blur(.25rem);
}
.header_list {
    display: flex;
    align-items: center;
    padding: 0 1.075rem 0 .825rem;
    height: 2rem;
    justify-content: space-between;
    transition: all .6s;
    background: rgba(255, 255, 255, 1);
    /* box-shadow: 4px 3px 14px 1px rgba(0, 0, 0, .1); */
}

.header_list .header-logo a {
    display: flex;
    width: 3.1em;
}
.header_list .header-logo a svg {
    width: 100%;
    height: 1.275em;
}
.header_list .header-logo a img {
    width: 100%;
}
.header-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    padding-left: 7.25em;
    flex: 1;
}

.header-nav .ul {
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: flex-start;
    transition: all .3s;
    transition-delay: .1s;
}

.header-nav .ul .li {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-right: 1.375em;
}

.header-nav .ul .li:last-child {
    margin-right: 0;
}
.header-nav .ul .li:last-child::after {
    display: none;
}
.header-nav .ul a {
    transition: all .6s;
    position: relative;
}
.header-nav .ul .li > a {
    display: flex;
    align-items: center;
    height: 100%;
}
/* .header-nav .ul .li > a::after{
    position: absolute;
    bottom: 0;
    width: 0%;
    height: .075rem;
    background-color: #069538;
    content: '';
    left: 50%;
    transform: translateX(-50%);
    transition: all .6s;
} */
.header-nav .ul a.cur {
    color: #069538;
}
/* .header-nav .ul a.cur::after,
.header-nav .ul .li > a:hover::after{
    width: 100%;
opacity: 1;
} */

.header-nav .ul .li .li-nav {
    position: absolute;
    left: 50%;
    top: 2.5em;
    width: 6em;
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    z-index: 1;
    transform: translateX(-50%) translateY(10px);
    border-top: .05rem solid rgba(154, 1, 0, .5);
    padding: 0 .25rem;
    transition: all .3s .1s;
}
.header-nav .ul .li:nth-last-child(-n + 2) .li-nav {
    width: 3.5em;
}
.wrapheader .header-nav .ul .li:nth-last-child(-n + 2) .li-nav {
    width: 100%;
}
.header-nav .ul .li .li-nav a {
    margin: .375em 0;
    display: block;
    text-align: center;
    padding-bottom: .375em;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header-nav .ul .li .li-nav a path {
    transition: all .3s;
}
.header-nav .ul .li .li-nav > a:last-child {
    margin-bottom: 0;
}
.header-nav .ul .li .li-nav a:last-child {
    margin-bottom: 0;
}
.header-nav .ul .li .li-nav .lib {
    margin-bottom: 0;
}
.header-nav .ul .li .li-nav .libbox {
    opacity: 0;
    visibility: hidden;
    left: 6rem;
    bottom: 0;
    width: 5rem;
    background: #fff;
    transform: translateY(.5rem);
    transition: all .3s;
}
.header-nav .ul .li.cur .li-nav  .libbox {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.header-end {
    display: flex;
    align-items: stretch;
}
.header-end .shop {
    display: flex;
    align-items: center;
    margin-right: .45rem;
    color: #272636;
}
.header-end .shop.cur svg.dw {
    transform: rotate(-180deg);
}
.header-end .shop svg {
    width: .75rem;
    height: auto;
}
.header-end .shop svg.icon-shop {
    width: .4rem;
    height: .4rem;
}
.header-end .shop svg.dw {
    width: .35rem;
    height: auto;
    margin-left: .1rem;
    transition: all .6s;
    display: none;
}
.header-end .shop.cur  path {
    fill: #069538;
}
.header-end .shop{
    font-size: 34px !important;
}
.header-end .shop svg{
    width: .75em;
}
.header-end .shop span {
    display: block;
    margin: 0 .125rem;
}
.header-end .launge {
    display: flex;
    align-items: center;
    border-radius: .375rem;
}
.header-end .launge svg {
    width: .25rem;
    /* height: .55rem; */
    height: .25rem;
    margin-top: .05rem;
    margin-left: .1rem;
    transition: all .6s;
}
.header-end .launge svg path {
    /* stroke: #272636; */
}
.header-end .launge a {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;

    line-height: normal;
}
.header-end .launge > a {
    font-size: .45rem;
    line-height: 1;
}
.header-end .launge a.cur {
    border-radius: .375rem;

    background: rgba(255, 255, 255);
}

.header_wrap {
    position: fixed;
    left: 0;
    top: 2.5rem;
    width: 100%;
    height: calc(100vh - 2.5rem);
    background: rgba(17, 17, 17, 0.80);
    backdrop-filter: blur(.375rem);
    display: none;
}
.header_wrap .w1600 {
    padding-top: 5.225rem;
    padding-bottom: 7rem;
}
.header_wrap .w1600 > .tit-20 {
    line-height: .675rem;
    margin-bottom: 1.25rem;
}
.header_wrap .nav_box {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
}
.header_wrap .side_ul {
    display: flex;
    flex-direction: column;
    padding-right: 2.5rem;
    border-right: 1px solid #d9d9d9;
}
.header_wrap .side_ul .lis {
    width: auto;
    line-height: .675rem;
    margin-bottom: 1.25rem;
    position: relative;
    text-transform: uppercase;
}
.header_wrap .side_ul .lis  span {
    position: relative;
}
.header_wrap .side_ul .lis  span::after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0%;
    height: .05rem;
    background-color: #fff;
    content: '';
    transition: all .3s;
}
.header_wrap .side_ul .lis:hover span::after,
.header_wrap .side_ul .lis.cur span::after {
    width: 100%;
}
.header_wrap .side_ul .lis:last-child {
    margin-bottom: 0;
}
.header_wrap  .side_li_box {
    flex: 1;
}
.header_wrap  .side_li_box .side_lis {
    display: none;
}
.header_wrap  .side_li_box .side_lis_li {
    padding-left: 2.5rem;
    flex-wrap: wrap;
    display: flex;
}
.header_wrap  .side_li_box .side_lis .side_li_li {
    margin-right: 3.5rem;
}
.header_wrap .side_li_box .side_lis .side_li_li:nth-child(3) {
    margin-right: 4.35rem;
}
.header_wrap  .side_li_box .side_lis .side_li_li:last-child {
    margin-right: 0;
}
.header_wrap  .side_li_box a {
    line-height: normal;
    margin-bottom: 2.25rem;
    display: block;
}
.header_wrap  .side_li_box a span {
    position: relative;
}
.header_wrap  .side_li_box a span::after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0%;
    content: '';
    height: .05rem;
    background-color: #fff;
    transition: all .3s;
}
.header_wrap  .side_li_box a:hover span::after {
    width: 100%;
}

@media (min-width: 1024px) {
    .header-nav .ul .li:hover .li-nav {
        transform: translateX(-50%) translateY(0rem);
        opacity: 1;
        visibility: visible;
    }

    .header-nav .ul .li.active::after,
    .header-nav .ul .li:hover::after {
        opacity: 1;
        visibility: visible;
    }

    .header-nav .ul .li.active > a,
    .header-nav .ul .li:hover > a {
        color: rgba(0, 132, 40, 1);
    }

    .header-nav .ul .li .li-nav a:hover {
        color: rgba(0, 132, 40, 1);
    }
    .header-nav .ul .li .li-nav a:hover svg path {
        fill: rgba(0, 132, 40, 1);
    }
}

.header_list .nume {
    width: 29px;
    height: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    position: relative;
    /* margin-top: 4px; */
}

.header_list .nume .line {
    width: 100%;
    height: 2px;
    background-color: #272636;
    position: absolute;
    border-radius: .25rem;
    left: 0;
    transition: transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1),
        background-color 0.5s 0s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}

.header_list .nume .line1 {
    top: 0;
}

.header_list .nume .line2 {
    top: 100%;
}

.header_list .nume .line3 {
    /* top: 18px; */
}

.header_list .nume.cur {
    transform: rotateY(-180deg);
}

.header_list .nume.cur .line1 {
    transform: rotate(45deg);
    transform: translate3d(0, 4px, 0) rotate(45deg);
}

.header_list .nume.cur .line2 {
    /* opacity: 0; */
    transform: rotate(-45deg);
    transform: translate3d(0, -4px, 0) rotate(-45deg);
}
.header_list .nume.cur .line {
    background-color: #008c3f;
}
.header_list .nume.cur .line1 {
    margin-bottom: 0;
}

/* .header_list .nume.cur .line3 {
    transform: rotate(-45deg);
    transform: translate3d(0, -10px, 0) rotate(-45deg);
} */
.wrapheader {
    display: none;
}
.m-header {
    display: none;
}

.wrapheader {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    z-index: 999;
}

.wrapheader .header-nav {
    display: none;
}

.pagination {
    display: flex;
    align-items: center;
    justify-content: center;
}

.fixed-header {
    height: 1.5rem;
}
.slide_user {
    position: fixed;
    left: 0;
    top: 2rem;
    width: 100%;
    display: none;
    background-color: #fff;
}
.slide_user .slide_user_box {
    border-top: 1px solid #c9c9c9;
    width: 100%;
    height: 12.5rem;
    display: flex;
    align-items: stretch;
    padding: 1.9rem 6.625rem 1.875rem;
}
.slide_user .user_box {
    height: auto;
    padding-right: 1.875rem;
    border-right: .025rem solid #c9c9c9;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
.slide_user .user_box a {
    display: flex;
    align-items: center;
    padding: .75rem 0;
    color: #474747;
    line-height: 1.4;
    letter-spacing: -0.025rem;
    transition: all .6s;
}
.slide_user .user_box a span {
    position: relative;
}
.slide_user .user_box a span::after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0%;
    height: .025rem;
    background-color: #069538;
    content: '';
    transition: all .6s;
}
.slide_user .user_box a.cur,
.slide_user .user_box a:hover {
    color: #069538;
}
.slide_user .user_box a.cur span::after,
.slide_user .user_box a:hover span::after {
    width: 100%;
}
.slide_user .user_box a.cur svg,
.slide_user .user_box a:hover svg {
    opacity: 1;
}
.slide_user .user_box svg {
    width: .875rem;
    height: auto;
    margin-right: .55rem;
    opacity: 0;
    transition: all .6s;
}
.slide_user .user_list_box {
    flex: 1;
    padding: 1.475rem 3.3rem 2.25rem 3.3rem;
}
.slide_user .user_list.cur {
    display: flex;
}
.slide_user .user_list {
    display: none;
    align-items: center;
}
.slide_user .user_list a {
    margin-right: .775rem;
    display: block;
    width: 6.25rem;
    transition: all .6s;
}
.slide_user .user_list .img::after {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    background: rgba(199, 199, 199, .1);
    z-index: 0;
}
.slide_user .user_list .img {
    width: 100%;
    height: 3.75rem;
    margin-bottom: .825rem;
    overflow: hidden;
    position: relative;
}
.slide_user .user_list .img img {
    width: 100%;
    transition: all .6s;
}
.slide_user .user_list a:hover {
    color: #069538;
}
.slide_user .user_list a:hover img {
    transform: scale(1.1);
}
.header_list .nume {
    display: none;
}
@media (max-width: 996px) {
    .m-header {
        display: flex;
        align-items: center;
    }
    .header_list .nume {
        display: flex;
    }
    .m-header .search {
        width: .55rem;
        height: .55rem;
        margin: 0 .55rem;
    }

    .m-header .lunage {
        font-size: .55rem;
    }

    .pc-header {
        display: none;
    }

    .pc-block {
        display: none;
    }

    .mb-block {
        display: block;
    }
    .header_list .header-logo a {
        width: 62px;
        transform: translateX(26px);
    }

    .header_list  .header-nav .ul {
        display: none;
    }
    .header_list .wrapheader .header-nav .ul {
        display: none;
        opacity: 1;
    }
    .header-end .launge {
        width: auto;
        padding: 0 0 0 .25rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .header_list {
        height: 2rem;
        padding: 0 6%;
    }

    .header-nav.cur {
        display: flex;
    }

    .sub-banner {
        height: 7rem;
    }

    .sub-banner .banner_nav {
        display: none;
    }

    .wrapheader .header-nav {
        display: block;
        background-color: #fff;
    }

    .wrapheader {
        display: none;
        position: fixed;
        left: 0;
        flex-direction: column-reverse;
        top: 1.51em;
        width: 100%;
        opacity: 1;
        visibility: visible;
        height: calc(100vh - 1.5em);
        /* border-top: 1px solid rgba(0, 0, 0, .1); */
        overflow: auto;
        background-color: #fff;
    }

    .header-nav {
        position: relative;
        left: auto;
        top: auto;
        height: 100%;
        width: 100%;
        padding: 0;
    }
    .wrapheader  .header-nav {
        padding: .5rem 6% 0;
    }
    .header-nav .ul {
        flex-direction: column;
        width: 100%;
        margin-right: 0;
        transition: none;
    }
    .header-nav .ul .li {
        width: 100%;
        height: auto;
        margin-right: 0;
        display: block;
        padding: 0;
        margin: 0;
        justify-content: flex-start;
    }
    .header-nav .ul .li > a,
    .header-nav .ul .li  .lis_show {
        display: block;
        border-bottom: 1px solid rgba(36, 221, 118, .2);
        width: 100%;
        position: relative;
        padding: .35em 0%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .header-nav .ul .li > .lis_show.cur .y {
        opacity: 0;
    }
    .header-nav .ul .li svg {
        width: .5em;
        height: .5em;
        transition: all .6s;
    }
    .header-nav .ul .li svg  rect {
        fill: #000;
    }
    .wrapheader .header-nav .ul .li > a {
        position: relative;
        padding: .5em 0%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .header-nav .ul .li a {
        padding: 0 0;
    }

    .header-nav .ul .li::after {
        display: none;
    }
    .header-nav .ul .lis .li-nav,
    .header-nav .ul .li .li-nav {
        left: 0;
        transform: translateX(0);
        padding: 0;
        position: relative;
        display: none;
        opacity: 1;
        width: 100%;
        top: auto;
        visibility: visible;
        transform: translateY(0);
        transition: none;
    }
    .header-nav .ul .lis .li-nav a,
    .header-nav .ul .li .li-nav a {
        text-align: left;
        text-indent: 2em;
        border-bottom: none;
        display: block;
    }

    .header-nav .ul .li.cur {
        position: relative;
        width: 100%;
    }
    .w1800 {
        width: 92%;
        margin: 0 auto;
    }
}

footer {
    background: #f0f1f2;
}
.footer_top {
    display: flex;

    padding: 0 1.65rem 0 2.45rem;
}
.footer_logo {
    margin-bottom: 1.125em;
}
.footer_logo img {
    width: 3.65em;
    height: 1.5em;
}
.footer_l {
    padding-top: 1.45rem;
    padding-bottom: 1.35rem;
    padding-right: 3.75rem;
    border-right: 1px solid rgba(98, 98, 98, .1);
}

.footer_l p {
    line-height: .475rem;
    margin-bottom: .8em;
    color: #808080;
}
.footer_l p span {
    margin-bottom: .175em;
    line-height: .5em;
    display: block;
}
.footer_r {
    padding-top: 2.275rem;
    padding-bottom: 1.35rem;
    padding-left: 3.925rem;
    display: flex;
    flex-wrap: wrap;
    flex: 1;
}
.ul_footer_nav {
    display: flex;
    align-items: stretch;
}
.ul_footer_nav .li {
    margin-right: 1.95rem;
    position: relative;
    z-index: 1;
    height: fit-content;
}
.ul_footer_nav .li_show {
    display: flex;
    align-items: center;

    padding-bottom: .5rem;
}
.ul_footer_nav .li_show a {
    transition: all .6s;
    line-height: 1;
}
.ul_footer_nav .li_show svg {
    width: .5em;
    height: .5em;
    transition: all .6s;
}

.li_hide_box {
    width: 100%;
    display: none;
}
.footer_r .li_hide_box .li_hide {
    padding: .25rem .5rem;
    width: 100%;
    height: auto;
    overflow: auto;
    font-size: 34px !important;

}
.footer_r .li_hide_box .li_hide a {
    color: #999;
    margin: .25em 0;
    font-size: .45em;
}
.footer_r .hot_line .li_hide_box .li_hide a {
    font-size: .35rem;
    margin: .15rem 0;
}
.footer_r .li_hide_box a {
    display: block;
    width: 100%;
}

.ul_footer_nav .li:last-child {
    margin-right: 0;
}
.back_top {
    text-align: center;
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-left: 3.35rem;
}
.back_top svg {
    width: .65rem;
    margin-bottom: .125rem;
}
.hot_line {
    margin-top: 3.2rem;
    margin-right: 3.8rem;
}
.hot_line span {
    display: block;
    margin-bottom: .525em;
}
.hot_line .li {
    position: relative;
    margin-top: 1.95rem;
}
.hot_line .li_show {
    width: 5.3rem;
    height: 1.15rem;
    flex-shrink: 0;
    border-radius: 1.25rem;
    border: .025rem solid rgba(200, 203, 204, .6);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 .8rem 0 .7rem;
}
.hot_line .li_show svg {
    width: .25rem;
    height: .125rem;
    transition: all .6s;
    transform: rotate(-180deg);
}
.hot_line .li_hide_box {
    width: 100%;
    border-radius: 20px;
    position: absolute;
    left: 0;
    bottom: 100%;
    background: rgba(255, 255, 255, 1);
    display: none;
}
.hot_line .li_show.cur {
    color: #069538;
}
.hot_line .li_show.cur svg path {
    stroke: #069538;
}
.hot_line .li_show.cur svg {
    transform: rotate(0deg);
}
.follow {
    margin-top: 3.2rem;
    width: 100%;
}
.follow .ul_icon {
    display: flex;
    align-items: center;
    margin-top: .8em;
}
.follow .li_icon > img {
    margin-right: .25em;
}
.follow .li_icon {
    margin-right: .5rem;
    position: relative;
    width: .75rem;
    height: auto;
}
.follow .li_icon  .hide_er {
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translateX(-50%);
    width: 3.125em;
    height: 3.35em;
    opacity: 0;
    visibility: hidden;
    transition: all .6s;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    /* padding-top: .2rem; */
    /* background-image: url("/bocstatic/m/img/6.png"); */
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 0em .175em .175em;
}
.follow .li_icon  .hide_er  img {
    width: 100%;
}
.follow .li_icon svg {
    /* width: .75em;
    height: auto; */
}
.follow .li_icon:hover {
    z-index: 2;
}
.follow .li_icon:hover svg path {
    fill: #069538;
    z-index: 2;
    transition: all .3s;
}
.follow .li_icon:hover  .hide_er {
    visibility: visible;
    opacity: 1;
}
.footer_bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #9f9f9f;
    padding: .65rem 1.625rem .9rem 2.425rem;
    width: 100%;
}

.ul_footer_nav .li.cur .li_show a {
    color: #069538;
}
.ul_footer_nav .li.cur svg {
    transform: rotate(-90deg);
}
.ul_footer_nav .li.cur svg path {
    stroke: #069538;
}
.hot_line .li.cur svg {
    transform: rotate(-90deg);
}

.side_list {
    position: fixed;
    right: .75rem;
    bottom: 2.75rem;
    z-index: 555;
    display: none;
    transition: all .6s;
}
.side_list_box {
    width: 100%;
    transition: all .6s;
    background: rgba(108, 108, 108, 0.60);
    backdrop-filter: blur(10px);
    padding: .75rem .45rem;
}
.side_list a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: .5rem;
    color: #fff;
    font-size: .3rem;
    transition: all .6s;
    font-weight: 380;
    line-height: .35rem;
}
.side_list a:first-child {
    margin-top: 0;
}
.side_list a span {
    opacity: 0;
    height: 0;
    visibility: hidden;
    font-size: 0;
}
.side_list a .icon {
    margin-bottom: .1rem;
}
.side_list:hover a span {
    font-size: inherit;
    opacity: 1;
    height: auto;
    visibility: visible;
    transition: all .6s;
}
.side_list:hover .side_list_box {
    border-radius: .125rem;
    background: #008428;
    backdrop-filter: blur(.25rem);
}
.swiper-pagination {
    z-index: 1;
}

header .shop_list_box {
    position: fixed;
    left: 0;
    top: 1.5em;
    width: 100%;
    font-size: 34px !important;
    height: calc(100vh - 1.5em);
    /* box-shadow: 4px 3px 14px 1px rgba(0, 0, 0, .1); */
    display: none;
}
header .shop_list_box .shop_list {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    opacity: 0;
    padding: .25rem 6%;
    transition: all 0s;
    background: rgba(255, 255, 255, .5);
    visibility: hidden;
    backdrop-filter: blur(10px);
}
header .shop_list_box.cur .shop_list {
    opacity: 1;
    visibility: visible;
    transition: all .6s;
}
header .shop_list_box .shop_list  a .hide_img {
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translate(-50%, 12%);
    width: 2.5rem;
    height: 2.5rem;
    opacity: 0;
    visibility: hidden;
    transition: all 0s;
}
header .shop_list_box .shop_list  a:hover .hide_img {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, 8%);
    transition: all .5s;
}

header .shop_list_box .shop_list  a > img {
    width: 1em;
    transform: scale(.8);
    transition: all .6s;
}
header .shop_list_box .shop_list  a:hover > img {
    transform: scale(1);
}
header .shop_list_box .shop_list  a .hide_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
header .shop_list_box .mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, .5);
    z-index: -1;
}
.header-nav .ul_ul .ul_show .ss,
.header-nav .ul_ul .ul_show {
    color: #008c3f;
}
.header-nav .ul_ul .ul_show .lines {
    width: 62%;
    height: 1px;
    border: 1px solid rgba(36, 221, 118, .1);
}
.header-nav .ul_ul {
    border-bottom: none !important;
}

.header-nav .ul_ul .ul_show svg path {
    fill: #008c3f;
}
.header-nav .ul a {
    font-size: .4em;
}
.header-end {
    height: 100%;
    display: flex;
    align-items: center;
}
.header-end .launge {
    height: 100%;
    font-size: 34px ;
}
.header-end .launge.cur > a {
    color: #008c3f;
}

.header-end .launge_hide {
    position: absolute;
    left: 63%;
    top: 100%;
    width: 80%;
    height: auto;
    background-color: #fff;
    padding: 0rem .25rem;
    /* border-top: 1px solid rgba(0, 0, 0, .1); */
    opacity: 0;
    transform: translateX(-50%) translateY(-0.5rem);
    visibility: hidden;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, .1);
    z-index: 0;
}
.header-end .launge_hide a {
    padding: 0;
}
.header-end .launge_hide a:hover {
    color: #008c3f;
}

.header-end .launge.cur  .launge_hide {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
    visibility: visible;
    z-index: 1;
    transition: all .6s;
}
.header-end .launge.cur svg {
    transform: rotate(-180deg);
}
.header-end .launge.cur  svg path {
    fill: #008c3f;
}
footer .footer_bottom {
    padding-bottom: 1.7rem;
}
.dbxf {
    width: 100%;
    height: auto;
    background: #008c3f;
    border-radius: .3em .3em 0px 0px;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 5;
    font-size: 0;
    padding-bottom: 0rem;
    display: flex;
    align-items: stretch;
    padding: .4em 0;
}
.dbxf a {
    display: inline-block;
    /* width: 33.333%; */
    width: calc(100% / 5);
    height: auto;
    text-align: center;
    color: #fff;
    display: flex;
    align-items: center;

    vertical-align: top;
    justify-content: center;
    border-right: .05px solid #fff;
    position: relative;
}
.dbxf a:last-child{
    border-right: none;
}
.dbxf a .tit-15 {
    font-size: 0.3em;
    line-height: 1.2;

}

<!--0.0001671314239502-->