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

@font-face {
    font-family: "MiSans-Regular";
    src: url("/bocstatic/web/fonts/MiSans-Regular.woff2") format("woff2"),
        url("/bocstatic/web/fonts/MiSans-Regular.woff") format("woff"),
        url("/bocstatic/web/fonts/MiSans-Regular.ttf") format("truetype"),
        url("/bocstatic/web/fonts/MiSans-Regular.eot") format("embedded-opentype"),
        url("/bocstatic/web/fonts/MiSans-Regular.svg") format("svg");
}
@font-face {
    font-family: "MiSans-Semibold";
    src: url("/bocstatic/web/fonts/MiSans-Semibold.woff2") format("woff2"),
        url("/bocstatic/web/fonts/MiSans-Semibold.woff") format("woff"),
        url("/bocstatic/web/fonts/MiSans-Semibold.ttf") format("truetype"),
        url("/bocstatic/web/fonts/MiSans-Semibold.eot") format("embedded-opentype"),
        url("/bocstatic/web/fonts/MiSans-Semibold.svg") format("svg");
}
@font-face {
    font-family: "MiSans-Demibold";
    src: url("/bocstatic/web/fonts/MiSans-Demibold.woff2") format("woff2"),
        url("/bocstatic/web/fonts/MiSans-Demibold.woff") format("woff"),
        url("/bocstatic/web/fonts/MiSans-Demibold.ttf") format("truetype"),
        url("/bocstatic/web/fonts/MiSans-Demibold.eot") format("embedded-opentype"),
        url("/bocstatic/web/fonts/MiSans-Demibold.svg") format("svg");
}
@font-face {
    font-family: "Saans-Bold";
    src: url("/bocstatic/web/fonts/Saans-Bold.woff2") format("woff2"),
        url("/bocstatic/web/fonts/Saans-Bold.woff") format("woff"),
        url("/bocstatic/web/fonts/Saans-Bold.ttf") format("truetype"),
        url("/bocstatic/web/fonts/Saans-Bold.eot") format("embedded-opentype"),
        url("/bocstatic/web/fonts/Saans-Bold.svg") format("svg");
}
@font-face {
    font-family: "Montserrat-Medium";
    src: url("/bocstatic/web/css/fonts/Montserrat-Medium.woff2") format("woff2"),
        url("/bocstatic/web/css/fonts/Montserrat-Medium.woff") format("woff"),
        url("/bocstatic/web/css/fonts/Montserrat-Medium.ttf") format("truetype"),
        url("/bocstatic/web/css/fonts/Montserrat-Medium.eot") format("embedded-opentype"),
        url("/bocstatic/web/css/fonts/Montserrat-Medium.svg") format("svg");
}
@font-face {
    font-family: "Montserrat-Regular";
    src: url("/bocstatic/web/css/fonts/Montserrat-Regular.woff2") format("woff2"),
        url("/bocstatic/web/css/fonts/Montserrat-Regular.woff") format("woff"),
        url("/bocstatic/web/css/fonts/Montserrat-Regular.ttf") format("truetype"),
        url("/bocstatic/web/css/fonts/Montserrat-Regular.eot") format("embedded-opentype"),
        url("/bocstatic/web/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;
}
.mid {
    font-family: 'MiSans-Demibold';
    font-weight: normal;
}
.mim {
    font-family: 'MiSans-Medium';
    font-weight: 500;
}
.mis {
    font-family: 'MiSans-Semibold';
    font-weight: 500;
}
.sas {
    font-family: 'Saans-Bold';
}
.mom {
    font-family: 'Montserrat-Medium';
    font-weight: 450;
}
.mob {
    font-family: 'Montserrat-Bold';
}
.pc-block {
    display: block;
}
.mb-block {
    display: none;
}
.mnt {
    font-family: 'Montserrat';
}
.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;
}
.f450 {
    font-weight: 450;
}
.f500 {
    font-weight: 500;
}
.f600 {
    font-weight: 600;
}
.f700 {
    font-weight: 700;
}
.f1f {
    color: #1f1f1f;
}
.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%;
    z-index: 5;
    transition: all .3s;
    opacity: 1;
}

.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);
    /* border-bottom:1px solid rgba(0,0,0,.1); */
    box-shadow: 4px 3px 14px 1px rgba(0, 0, 0, .1);
}

.header_list .header-logo a {
    display: flex;
    width: 3.1rem;
}
.header_list .header-logo a svg {
    width: 100%;
    height: 1.275rem;
}
.header_list .header-logo a img {
    width: 100%;
}
.header-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    padding-left: 7.25rem;
    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.active a::after{
    width: 100%;
    
}
.header-nav .ul .li {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-right: 1.375rem;
}

.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: 2rem;
    width: 180%;
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    z-index: 1;
    transform: translateX(-50%) translateY(10px);
    transition: all .3s .1s;
    padding-top: .2rem;
    border-radius: .15rem;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, .1);
}
.header-nav .ul .li:nth-last-child(-n + 2) .li-nav {
    width: 3.5rem;
}
.wrapheader .header-nav .ul .li:nth-last-child(-n + 2) .li-nav {
    width: 100%;
}
.header-nav .ul .li .li-nav a {
    display: block;
    text-align: center;

    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: .2rem;
}

.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: center;
    height: 100%;
}
.header-end .shop {
    display: flex;
    align-items: center;
    margin-right: .45rem;
    color: #272636;
    height: 100%;
    /* transition: all .6s; */
    position: relative;
}
.header-end .shop_show {
    display: flex;
    align-items: center;
    cursor: default;
    height: 100%;
}
.header-end .shop .dw {
    transition: all .6s;
}
.header-end .shop:hover .dw {
    transform: rotate(-180deg);
}
.header-end .shop_hide {
    position: absolute;
    left: 50%;
    top: 100%;
    width: 7rem;
    height: auto;
    background-color: #fff;
    padding: 0rem .25rem;
    border-top: 1px solid rgba(0, 0, 0, .1);
    opacity: 0;
    transform: translate(-53%, -0.5rem);
    visibility: hidden;
    z-index: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .15rem;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, .1);
}
.header-end .shop_hide a:hover .hide_img {
    opacity: 1;
    visibility: visible;
}
.header-end .shop_hide .hide_img {
    position: absolute;
    left: 50%;
    top: 100%;
    width: 3rem;
    height: 3rem;
    transform: translate(-50%, 0);
    padding: .25rem;
    opacity: 0;
    visibility: hidden;
    transition: all .6s;
}
.header-end .shop_hide .hide_img img {
    width: 2.5rem;
    height: 2.5rem;
}
.header-end .shop_hide a > img {
    /* filter: invert(1); */
    max-width: 1.25rem;
    transform: scale(.8);
    transition: all .6s;
}
.header-end .shop_hide a:hover img {
    transform: scale(1);
}
.header-end .shop:hover {
    color: #069538;
}
.header-end .shop:hover path {
    fill: #069538;
}
.header-end .launge:hover svg path {
    stroke: #069538;
}
.header-end .launge:hover > a {
    color: #069538;
}
.header-end .shop svg.icon-shop {
    width: .475rem;
    height: .475rem;
}
.header-end .shop:hover .shop_hide {
    opacity: 1;
    visibility: visible;
    transform: translate(-53%, 3px);
    z-index: 1;
    transition: all .6s;
}
.header-end .shop_hide  a {
    display: inline-block;
    margin: .25rem .25rem;
}
.header-end .shop_hide  a > img {
    max-width: 1.25rem;
    max-height: 1.25rem;
}

.header-end .shop svg.dw {
    width: .175rem;
    height: .1rem;
}
.header-end .shop svg path {
    transition: all .6s;
}
.header-end .launge span {
    margin-left: .125rem;
    display: block;
    line-height: 1;
    font-size: .325rem;
}
.header-end .shop span {
    display: block;
    margin: 0 .125rem;
}
.header-end .launge {
    display: flex;
    height: 100%;

    align-items: center;
    border-radius: .375rem;
    /* overflow: hidden; */
    transition: all .6s;
}
.header-end .launge_show {
    display: flex;
    align-items: center;
    justify-content: center;
}
.header-end .launge_hide {
    position: absolute;
    left: 0;
    top: 100%;
    width: auto;
    height: auto;
    background-color: #fff;
    padding: 0rem .25rem;
    /* border-top: 1px solid rgba(0, 0, 0, .1); */
    opacity: 0;
    transform: translateY(-0.5rem);
    visibility: hidden;
    z-index: 0;
    transition: all .3s .1s;
    /* padding-top: .2rem; */
    border-radius: .15rem;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, .1);
}
.header-end .launge:hover .launge_hide {
    opacity: 1;
    transform: translateY(3px);
    visibility: visible;
    z-index: 1;
    transition: all .6s;
}
.header-end .launge_hide  a {
    display: block;
    margin: .125rem;
}
.header-end .launge a:hover,
.header-end .launge_hide  a:hover {
    color: #069538;
}
.header-end .launge svg {
    width: .55rem;
    height: .55rem;
}
.header-end .launge svg path {
    stroke: #272636;
    transition: all .6s;
}
.header-end .launge a {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    line-height: normal;
}
.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(3px);
        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);
    }
}

.m-header .nume {
    width: 30px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    position: relative;
    margin-top: 4px;
}

.m-header .nume .line {
    width: 100%;
    height: 3px;
    background-color: #c40e24;
    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;
}

.m-header .nume .line1 {
    top: 0;
}

.m-header .nume .line2 {
    top: 9px;
}

.m-header .nume .line3 {
    top: 18px;
}

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

.m-header .nume.cur .line1 {
    transform: rotate(45deg);
    transform: translate3d(0, 8px, 0) rotate(45deg);
}

.m-header .nume.cur .line2 {
    opacity: 0;
}

.wrapheader {
    display: none;
}

.m-header .nume.cur .line3 {
    transform: rotate(-45deg);
    transform: translate3d(0, -10px, 0) rotate(-45deg);
}

.m-header {
    display: none;
}

.wrapheader {
    position: absolute;
    opacity: 0;
    visibility: hidden;
}

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

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

.fixed-header {
    height: 2rem;
}
.slide_user {
    position: fixed;
    left: 0;
    top: 2rem;
    width: 100%;
    height: calc(100vh - 2rem);
    display: none;
}
.slide_user .mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: -1;
}
.slide_user .slide_user_box {
    border-top: 1px solid #c9c9c9;
    background-color: #fff;
    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 span i {
    opacity: 0;
    transition: all .6s;
}
.slide_user .user_list a:hover span i {
    opacity: 1;
}
.slide_user .user_list a:hover img {
    transform: scale(1.1);
}

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

    padding: 0 1.65rem 0 2.45rem;
}
.footer_logo {
    margin-bottom: 1.125rem;
}
.footer_logo img {
    width: 3.65rem;
    height: 1.5rem;
}
.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: .8rem;
    color: #808080;
}
.footer_l p span {
    margin-bottom: .175rem;
    line-height: .5rem;
    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 {
    margin-left: .15rem;
    width: .175rem;
    height: .1rem;
    transition: all .6s;
}
.ul_footer_nav .li_show:hover svg path {
    fill: #069538;
}

.li_hide_box {
    position: absolute;
    left: 50%;
    top: 100%;
    width: auto;
    transform: translateX(-50%);
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    transition: all .6s;
}
.footer_r .li_hide_box .li_hide {
    padding: .5rem .5rem;
    width: max-content;
}
.footer_r .li_hide_box .li_hide a {
    color: #999;
    /* white-space: nowrap; */
}
.footer_r .li_hide_box a {
    display: block;
}

.ul_footer_nav .li:last-child {
    margin-right: 0;
}
.back_top {
    text-align: center;
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-left: 3rem;
    color: #333;
    transition: all .3s;
}
.back_top svg {
    width: .65rem;
    margin-bottom: .125rem;
}
.back_top svg  path {
    stroke: #333;
    transition: all .3s;
}
.back_top:hover {
    color: #069538;
}
.back_top:hover svg  path {
    stroke: #069538;
}
.hot_line {
    margin-top: 3.5rem;
    margin-right: 3.8rem;
}
.hot_line span {
    display: block;
    margin-bottom: .525rem;
}
.hot_line .li {
    position: relative;
    margin-top: 1.95rem;
    max-width: max-content;
}
.hot_line .li_show {
    width: 5.3rem;
    height: 1.15rem;
    flex-shrink: 0;
    border-radius: 1.25rem;
    border: .05rem solid rgba(200, 203, 204, .6);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 .8rem 0 .7rem;
    cursor: default;
}
.hot_line .li_show svg {
    width: .25rem;
    height: .125rem;
    transition: all .6s;
    transform: rotate(-180deg);
}
.hot_line .li_hide_box {
    top: auto;
    bottom: 100%;
    width: 100%;
    border-radius: 20px;
}
.hot_line   .li_hide_box  .li_hide {
    width: auto;
}
.follow {
    margin-top: 3.2rem;
}
.follow .ul_icon {
    display: flex;
    align-items: center;
    margin-top: .8rem;
}
.follow .li_icon {
    margin-right: 1rem;
    position: relative;
}
.follow .li_icon  .hide_er {
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translateX(-50%);
    width: 3.125rem;
    height: 3.35rem;
    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/web/img/6.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: .4rem .175rem .175rem;
}
.follow .li_icon  .hide_er  img {
    width: 100%;
}
.follow .li_icon  svg {
    width: .7rem;
    height: .7rem;
}
.follow .li_icon:hover svg path {
    fill: #069538;
    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%;
}
.footer_r .li_hide_box .li_hide a:hover {
    color: #069538;
}
.footer_r .li:hover .li_hide_box {
    opacity: 1;
    visibility: visible;
    transition: all .6s;
}
.ul_footer_nav .li:hover .li_show a {
    color: #069538;
}
.ul_footer_nav .li:hover svg {
    transform: rotate(-180deg);
}

.hot_line .li:hover svg {
    transform: rotate(-180deg);
}

.side_list {
    position: fixed;
    right: -.5rem;
    top: 50%;
    transform: translateY(-50%);
    z-index: 555;
    /* display: none; */
    transition: all .6s .3s;
    opacity: 0;
    visibility: hidden;
}
.side_list.fadeLeft {
    right: 0;
    opacity: 1;
    visibility: visible;
}
.side_list_box {
    width: 100%;
    transition: all .6s;
    background: #008428;

    /* background: rgba(108, 108, 108, 0.60); */
    backdrop-filter: blur(10px);
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
    overflow: hidden;
}
.side_list a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /* margin-top: .5rem; */
    color: #fff;
    width: 1.15rem;
    font-size: .3rem;
    font-weight: 380;
    line-height: .35rem;
    padding: .25rem .1rem;
}
.side_list a:first-child {
    margin-top: 0;
}
.side_list a span {
    display: none;
}
.side_list a .icon {
    width: .575rem;
    height: .575rem;
    margin-bottom: .1rem;
}
.side_list a .icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.side_list:hover a span {
    display: block;
}
.side_list .side_list_box {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
    background: #069538;
    backdrop-filter: blur(.25rem);
}
.side_list a:hover {
    background-color: rgb(1, 132, 39);
}
.side_list:hover a {
    width: auto;
}

@media (min-width: 700px) and (max-width: 996px) {
    .header-nav {
        padding-left: 2rem;
        justify-content: flex-end;
    }

    .header-nav .ul {
        display: none;
    }
    .footer_top {
        width: 88%;
        padding: 0;
        margin: 0 auto;
        display: block;
    }
    .footer_l {
        padding-top: 2rem;
        padding-bottom: 1.5rem;
        padding-right: 0;
        border-right: none;
    }
    .footer_r {
        padding-top: 0;
        padding-bottom: 1.5rem;
        padding-left: 0;
        display: block;
    }
    .ul_footer_nav {
    }

    .ul_footer_nav .li {
        margin-right: .75rem;
    }
    .back_top {
        display: none;
    }
    .hot_line {
        margin-top:1.5rem;
        margin-right: 0rem;
    }
    .follow {
        margin-top: 1.5rem;
    }
    .footer_bottom{
        width: 100%;
        padding:.5rem 6%;
    }
}

.hot_line .li:hover .li_show svg{
    transform: rotate(0);
}<!--ºÄʱ1756663037.6537Ãë-->