* {
    margin: 0;
    border: 0;
    outline: 0;
    padding: 0
}


@font-face {
    font-family: menu_font;
    src: url(/fonts/NEXA-RUST-SLAB-BLACK-SHADOW-01-2.OTF) format("truetype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: nature-magic;
    src: url(/fonts/D-DIN-PRO-400-Regular.otf) format("truetype");
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: nature-magic;
    src: url(/fonts/D-DIN-PRO-500-Medium.otf) format("truetype");
    font-style: normal;
    font-weight: 500;
}

@font-face {
    font-family: nature-magic;
    src: url(/fonts/D-DIN-PRO-600-SemiBold.otf) format("truetype");
    font-style: normal;
    font-weight: 600;
}

@font-face {
    font-family: nature-magic;
    src: url(/fonts/D-DIN-PRO-700-Bold.otf) format("truetype");
    font-style: normal;
    font-weight: 700;
}

@font-face {
    font-family: nature-magic;
    src: url(/fonts/D-DIN-PRO-800-ExtraBold.otf) format("truetype");
    font-style: normal;
    font-weight: 800;
}

@font-face {
    font-family: nature-magic;
    src: url(/fonts/D-DIN-PRO-900-Heavy.otf) format("truetype");
    font-style: normal;
    font-weight: 900;
}

html, body {
    font-size: 16px;
    font-family: nature-magic, -apple-system, Helvetica, sans-serif;
    line-height: 1.5;
    background-color: #FFFFFF;
    color: rgb(19, 46, 32);
    display: block;
    scrollbar-width: none;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
}

input, textarea {
    font-size: 16px;
    font-family: nature-magic, -apple-system, Helvetica, sans-serif;
    line-height: 1.5;
    color: rgb(19, 46, 32)
}

a {
    color: rgb(19, 46, 32);
    text-decoration: none;
}

a:hover {
    color: #005627;
    text-decoration: none;
}

/* 自定义整个滚动条 */
::-webkit-scrollbar {
    width: 8px; /* 设置滚动条的宽度 */
    height: 8px;
}

/* 自定义滚动条轨道 */
::-webkit-scrollbar-track {
    background: rgba(225, 242, 217);
    border-radius: 4px;
}

/* 自定义滚动条的滑块（thumb） */
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background: rgba(19, 46, 30)
}

/* 当滑块悬停或活动时自定义滚动条的滑块 */
::-webkit-scrollbar-thumb:hover {
    background: #005627
}


.share {
    position: fixed;
    width: 0;
    height: 0;
    left: 0;
    top: 0;
}

.main_bg {
    position: fixed;
    left: 0;
    width: 100%;
    top: 0;
    height: 100%;
    overflow: hidden;
}

.main_bg:before {
    position: absolute;
    content: '';
    left: 0;
    width: 100%;
    top: 0;
    height: 100%;
    background: rgba(19, 29, 23, .7);
    opacity: .5;
    z-index: 2;
}

.main_bg:after {
    position: absolute;
    content: '';
    left: 0;
    width: 100vw;
    top: 0;
    height: 100vh;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.main_bg_1 {
    z-index: 2;
}

.main_bg_1:after {
    background-image: url("/images/bg1.jpg");
}

.main_bg_2 {
    z-index: 1
}

.main_bg_2:after {
    background-image: url("/images/bg2.jpg");

}

.scrollTop {
    position: fixed;
    right: 20px;
    top: 20px;
    padding: 10px 20px;
    border-radius: 20px;
    font-size: 11px;
    background: #FFF;
    z-index: 9;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    display: none;
}

.container {
    position: relative;
    display: flex;
    flex-direction: column;
    z-index: 3;
    overflow: hidden;
    width: 100%;
}

.content {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    max-width: 100%;
    margin: auto;
    padding: 0 1.2rem;
}

.bar {
    background-color: #132E1F;
    width: 100%;
}

.bar .content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    width: 100%;
}

.since {
    display: flex;
    align-items: center;
}

.since .ico {
    color: #FFF;
    width: 1.5rem;
}

.since .txt {
    color: #FFF;
    transform: scale(.9);
    transform-origin: 0 50%;
    margin-left: .3rem;
    font-size: .7rem;
    white-space: nowrap;
}

.links {
    display: flex;
    align-items: center;
}

.links .item {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.19rem;
    color: #FFF;
    padding-left: .63rem;
}

.links .item .ico {
    width: 1.5rem;
    height: auto;
}

.header {
    position: relative;
    background: #FFF;
    height: 3.8rem;
}

.menu {
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: row;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
}

.menu .logo {
    position: relative;
    display: flex;
    align-items: center;
}

.menu .logo .i {
    max-width: 300px;
    height: auto;
}

.menu .nav {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex: 1;
    height: 100%;
    padding-left: 5rem;
}

.menu .nav .item {
    font-family: 'menu_font';
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color .3s;
    margin: 0 1rem;
    text-decoration: unset;
    height: 100%;
}

.menu .nav .item:hover {
    color: #005626;
}

.menu .nav .item_active {
    color: #005626 !important;
}

.menu .location {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
}

.menu .location .search {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 1rem;
    cursor: pointer;
    height: 100%;
}

.menu .location .search .ico {
    width: 1.5rem;
    height: auto;
}

.menu .location .store {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 1rem;
    cursor: pointer;
}

.menu .location .store:before,
.menu .location .store:after {
    position: absolute;
    content: '';
    width: 1px;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #eee;
    opacity: .7;
}

.menu .location .store:after {
    right: 0;
    left: unset;
}

.menu .location .store .ico {
    width: 1.5rem;
    height: auto;
}

.menu .location .store .txt {
    margin-left: .3rem;
    color: #005627;
}

.header_flex {
    position: fixed;
    left: 0;
    width: 100%;
    height: 3.8rem;
    /*background: #FFFFFF;*/
    background: #fff;
    z-index: 9;
    display: none;
    animation: header_flex .3s linear forwards;
    transform: translate3d(0, -100%, 0);
    box-shadow: 0 0 10px 0 rgba(19, 46, 30, .2);
}

@keyframes header_flex {
    to {
        transform: translate3d(0, 0, 0);
    }
}

.banner_mobile {
    position: relative;
    display: none;
    width: 100vw;
    height: calc(100vh - 5.99rem);
    background-image: url("/images/mbg.jpeg");
    background-position: center bottom;
    background-size: cover;
}


.banner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgb(19, 46, 30);
    min-height: 31rem;
}

.banner .content {
    box-sizing: border-box;
    overflow: hidden;
}

.banner_bg {
    position: relative;
    width: 100%;
    height: auto;
}

.banner_bg:before {
    position: absolute;
    content: '';
    left: 0;
    width: 100%;
    top: 0;
    height: 100%;
    background: linear-gradient(to right, rgb(0, 0, 0, .8), rgba(0, 0, 0, 0));
}


.banner_mask {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    z-index: 3;
}

.banner_mask .bg1 {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 12.5rem;
    width: auto;
}

.banner_mask .bg2 {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 11.25rem;
    width: auto;
}

.banner_mask .bg3 {
    position: absolute;
    right: 0;
    top: 0;
    height: 9.4rem;
    width: auto;
}

.banner_mask .bg4 {
    position: absolute;
    left: 10%;
    top: 0;
    height: 6.25rem;
    width: auto;
}


.banner .content {
    position: relative;
    display: flex;
    width: 100%;
    height: 34rem;
    padding: 0 2rem !important;
    z-index: 4;
}


.banner_txt {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    max-width: 50%;
    left: 2rem;
    right: 2rem;
    top: 5rem;
    bottom: 5rem;
    padding-bottom: 4rem;
    z-index: 2;
}

.natureMagic_title {
    font-size: 2.5rem;
    font-weight: 800;
    color: #FFF;
    margin-bottom: 1rem;
}

.natureMagic_sub_title {
    font-size: 1.1rem;
    color: rgb(94, 159, 70);
    text-align: left;
    word-break: break-word;
}


.natureMagic_button {
    display: flex;
    align-items: center;
    padding: 1rem 1.6rem;
    background-color: rgb(19, 46, 32);
    border-radius: .625rem;
    cursor: pointer;
    animation: natureMagic_button 2s linear infinite;
    transform: translate3d(0, 0, 0);
    user-select: none;
    text-decoration: none;
    margin-top: 5rem;
}

.natureMagic_txt {
    font-weight: bold;
    color: #FFF;
}

@keyframes natureMagic_button {
    0% {
        box-shadow: 0 0 0 0 rgba(94, 159, 70, 0);
    }
    70% {
        box-shadow: 0 0 10px 0 rgba(94, 159, 70, 1);
    }
    100% {
        box-shadow: 0 0 20px 0 rgba(94, 159, 70, 0);
    }
}

.natureMagic_button .txt {
    color: #FFF;
    user-select: none;
}

.natureMagic_button .ico {
    margin-left: .625rem;
    width: 1.5rem;
}

.natureMagic_button:hover {
    animation: none;
}


.product_view {
    position: relative;
    display: flex;
    background-color: #FFFFFF;
    padding: 5rem 0;
    text-decoration: none;
    overflow: hidden;
}

.product_view .t1, .product_view .t2 {
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    opacity: .1;
    text-decoration: none;
}

.product_view .t1 {
    background-image: url("/images/t1.png");
    background-size: 11rem auto;
}

.product_view .t2 {
    background-image: url("/images/t2.png");
    background-size: 22rem auto;
    background-position: right bottom;
    text-decoration: none;
}

.product_view .content {
    position: relative;
    display: flex;
    flex-direction: row;
    width: 100%;
    z-index: 2;
    text-decoration: none;
}

.product_view .content .product {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 1;
    text-decoration: none;
    transition: all .3s ease-in-out;
}

.product_view .content .product .title {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20rem;
    text-decoration: none;
}

.product_view .content .product .title .ico {
    position: absolute;
    left: 0;
    width: 2rem
}

.product_view .content .product .title .txt {
    font-size: 1.8rem;
    font-weight: 800;
    white-space: nowrap;
    text-decoration: none;
}

.product_view .content .product .img {
    width: 20rem;
    height: 25rem;
    background-color: rgba(225, 242, 217, .5);
    margin: 1rem 0;
    border-radius: 1rem;
}

.product_view .content .product .img .i {
    width: 100%;
    height: auto;
    transition: all .3s ease-in-out;
}

.product_view .content .product:hover .img .i {
    transform: scale(1.05);
}

.product_view .content .product .sub_title {
    opacity: .6;
    font-size: 1rem;
    text-decoration: none;
}

.product_view .content .product .learn_more {
    display: flex;
    align-items: center;
    margin-top: 1rem;
    cursor: pointer;
    user-select: none;
    transition: all .3s ease-in-out;
    transform: translate3d(0, 0, 0);
    text-decoration: none;
}

.product_view .content .product:hover .learn_more {
    transform: translate3d(10%, 0, 0);
}

.product_view .content .product .learn_more .txt {
    font-size: 1.1rem;
    font-weight: bold;
    white-space: nowrap;
    text-decoration: none;
}

.product_view .content .product .learn_more .ico {
    width: 1.2rem;
    height: auto;
    margin-left: .625rem
}

.ad {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 45rem;
    overflow: hidden;
    border-bottom: 2rem solid rgb(19, 46, 30);
}

.ad .i {
    width: 100%;
    height: auto;
}

.whyNatureMagic {
    position: relative;
    background-color: #FFFFFF;
    padding: 5rem 0;
}

.whyNatureMagic .content {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.whyNatureMagic .content .ad1 {
    width: 70%;
    height: auto;
}

.whyNatureMagic .content .title {
    font-size: 2.5rem;
    font-weight: 800;
    text-align: center;
    color: rgb(19, 46, 32);
}

.whyNatureMagic .content .msg {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}

.whyNatureMagic .content .msg .item {
    display: flex;
    flex-direction: column;
    flex: 1;
    max-width: calc(33.33% - 1.5rem);
    min-width: calc(33.33% - 1.5rem);
    margin-right: 2.25rem;
    margin-top: 3.125rem;
}

.whyNatureMagic .content .msg .item:nth-of-type(3n+3) {
    margin-right: 0;
}

.whyNatureMagic .content .msg .item .item_title {
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 10px;
    color: rgb(19, 46, 32);
}

.whyNatureMagic .content .msg .item .item_content {
    color: rgb(94, 159, 70);
}

.blog {
    display: flex;
    flex-direction: column;
    background-color: #FFFFFF;
}

.blog .content {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 80px 0;
}

.ad2 {
    width: 70%;
    height: auto;
}


.blog .content .title {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.blog .content .title .txt {
    font-size: 42px;
    font-weight: 800;
}

.blog .content .title .more {
    padding: 10px 30px;
    cursor: pointer;
    background: #005627;
    border-radius: 20px;
    color: #FFF;
}

.blog .list {
    display: flex;
    align-items: center;
    margin-top: 50px
}

.blog .list .item {
    display: flex;
    flex-direction: column;
    flex: 1;
    background: #FFF;
    margin-right: 30px;
}

.blog .list .item .img {
    padding-top: 70%;
    background: rgba(71, 124, 58, .05);
}

.blog .list .item:last-child {
    margin-right: 0;
}

.blog .list .item .tags {
    padding: 10px 20px;
    color: #005627;
}

.blog .list .item .title {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.3;
    padding: 0 20px 20px 20px;
}

.product_info {
    padding-top: 3rem;
}

.product_info .content {
    text-align: center;
    font-size: 1.2rem;
    font-weight: bold;
}

.product_info .content .t1 {
    font-size: 1rem;

}

.product_info .content .t2 {
    font-size: 2rem;
    font-weight: 800;

}

.product_info .content .t3 {
    color: #005627;
    font-size: 1rem;
}

.product_list {
    padding-bottom: 3rem;
}

.product_list .content {
    position: relative;
    flex-direction: row;
    flex-wrap: wrap;
}

.product_list .content .item {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: calc(33.33% - 2rem);
    max-width: calc(33.33% - 2rem);
    background: #FFFFFF;
    margin-right: 3rem;
    margin-top: 3rem;
    border-radius: 1rem;
    overflow: hidden;
    line-height: 1;
    cursor: pointer;
}

.product_list .content .item:nth-of-type(3n+3) {
    margin-right: 0;
}

.product_list .content .item .img {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding-top: 95%;
    margin-bottom: 1.5rem;
    overflow: hidden;
}

.product_list .content .item .img .ico {
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    z-index: 2;
}

.product_list .content .item .img .i {
    position: absolute;
    width: 100%;
    height: auto;
    top: 0;
    transition: all .5s;
}

.product_list .content .item:hover .img .i {
    transform: scale(1.05);
}

.product_list .content .item .sub-title {
    display: flex;
    padding: 0 1rem;
    font-size: .8rem;
    color: #005627;
}

.product_list .content .item .title {
    margin-top: .7rem;
    padding: 0 1rem;
    font-weight: 800;
    font-size: 1.3rem;
    text-transform: uppercase;
}

.product_list .content .item .star {
    margin-top: .7rem;
    margin-bottom: 1.5rem;
    display: flex;
    align-items: center;
    padding: 0 1rem;
}

.product_list .content .item .star .i {
    width: 1rem;
    height: auto;
}

.product_list .content .item .star .flex {
    flex: 1;
}

.product_list .content .item .star .t {
    transform: scale(.8);
    transform-origin: 100% 50%;
    opacity: .6;
}

.footer {
    display: flex;
    flex-direction: column;
    background-color: #FFFFFF;
}

.footer_nav {
    display: flex;
    align-items: center;
    background-color: #005627;
}

.footer_nav .content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
}

.footer_nav .content .nav {
    display: flex;
    align-items: center;
}

.footer_nav .content .nav .item {
    display: flex;
    align-items: center;
    height: 58px;
    margin-right: 20px;
    font-size: 13px;
    text-decoration: none;
    color: #FFF;
    transition: opacity .3s;
}

.footer_nav .content .nav .item:hover {
    opacity: .5;
}

.footer_nav .content .search {
    display: flex;
    align-items: center;
    margin-left: 20px;
    border-radius: 5px;
    background-color: rgba(255, 255, 255, .1);
}

.footer_nav .content .search .input {
    background-color: transparent;
    flex: 1;
    height: 36px;
    padding: 0 10px;
}

.footer_nav .content .search .input::placeholder {
    font-size: 14px;
    color: rgba(255, 255, 255, .3);
}

.footer_nav .content .search .ico {
    width: 18px;
    height: auto;
    margin-right: 10px;
}

.footer_link {
    display: flex;
    align-items: center;
    background-color: #FFF;
}

.footer_link .content {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}

.footer_link .content .item {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    font-size: 11px;
    margin: 0 10px;
    text-decoration: none;
    color: rgba(51, 51, 51);
    transition: color .3s;
}

.footer_link .content .item:hover {
    color: #005627;
}

.footer_bg {
    position: relative;
    display: flex;
    flex-direction: column;
    background-size: 100% auto;
    overflow: hidden;
    max-width: 100%;
}

.footer_bg .content {
    position: relative;
    padding: 50px 0 20px 0;
    width: 100%;
}

.footer_bg .content .slogan_x {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 40px;
}

.footer_bg .content .zip_search {
    position: relative;
    display: flex;
    align-items: center;
    width: auto;
    margin: auto;
    z-index: 2;
}

.footer_bg .content .zip_search .input {
    display: flex;
    align-items: center;
    font-size: 20px;
    height: 48px;
    padding: 0 55px 0 15px;
    border-radius: 5px;
    width: 160px;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, .08);
    transition: all .5s;
}

.footer_bg .content .zip_search .input:focus {
    border: 1px solid rgba(94, 159, 70, .5);
    box-shadow: 0 0 10px 0 rgba(94, 159, 70, .5);
}

.footer_bg .content .zip_search .input::placeholder {
    font-size: 14px;
    color: rgba(0, 0, 0, .2);
}

.footer_bg .content .zip_search .button {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    border-radius: 0 5px 5px 0;
    padding: 0 15px;
    cursor: pointer;
    right: 0;
    top: 0;
    z-index: 2;
}

.footer_bg .content .zip_search .button .ico {
    width: 20px;
    height: auto;
}

.footer_pets {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: -30px;
}

.footer_pets .i {
    width: 340px;
    height: auto;
}

.footer_grass {
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 100%;
    z-index: 3;
}

.footer_grass .i {
    width: 100%;
    height: auto;
}

.footer_products {
    position: absolute;
    left: 100px;
    bottom: -10px;
    height: auto;
}

.footer_products .i {
    width: 300px;
    height: auto;
}

.copy_right {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: #333;
}

.copy_right .content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    width: 100%;
}

.copy_right .all_rights {
    font-size: 11px;
    color: rgba(255, 255, 255, .5);
    margin-right: 50px;
}

.copy_right .site_by {
    font-size: 11px;
    color: rgba(255, 255, 255, .5);
}

.copy_right .site_by .light {
    color: #005627;
}


.FAQ {
    padding: 5rem 0;
}

.FAQ .content {
    display: flex;
    align-items: flex-start;
    flex-direction: row;
}

.FAQ .content .faq_left {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.FAQ .content .faq_left .text_1 {
    font-size: 3rem;
    font-weight: 800;
    line-height: 1;
}

.FAQ .content .faq_right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    flex: 1;
}

.FAQ .content .faq_right .faq_input {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-bottom: 2rem;
}

.FAQ .content .faq_right .faq_input .label {
    font-size: .8rem;
    color: #005627;
    margin-bottom: .5rem;
}

.FAQ .content .faq_right .faq_input .in {
    line-height: 1.5;
    font-size: 1rem;
    font-weight: bold;
    background: transparent;
    border-bottom: 1px solid #eee;
    resize: none;
}

.faq_button {
    position: relative;
    display: flex;
    align-items: center;
    padding: 1rem 1.6rem;
    background-color: #005627;
    color: #FFF;
    border-radius: .625rem;
    cursor: pointer;
    user-select: none;
    width: auto;
}

.contactus {
    justify-content: center;
    align-items: center;
    padding: 5rem 0;
}

.contactus_text_1 {
    font-size: 3rem;
    font-weight: 800;
    line-height: 1;
    text-align: center;
}

.contact_title {
    font-size: 1.5rem;
    font-weight: bold;
    margin-top: 2rem;
    text-align: center;
}

.contact_text {
    text-align: center;
    margin-top: 1rem;
    opacity: .7;
}

.advantage {
    padding: 8rem 0;
}

.advantage .content {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}

.advantage .content .item {
    display: flex;
    align-items: center;
    padding: 0 5rem;
}

.advantage .content .item .ico {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 1rem;
}

.advantage .content .item .ico .i {
    width: 3rem;
}

.advantage .content .item .text {
    display: flex;
    flex-direction: column;
}

.advantage .content .item .text .i {
    font-weight: bold;
    font-size: 1.5rem;
    white-space: nowrap;
    line-height: 1;
}

.advantage .content .item .text .i:last-child {
    font-size: 1rem;
    color: #005627;
    margin-top: .3rem;
}


.our_story {
    position: relative;
    padding: 5rem 0;
}

.our_story .content {
    position: relative;
    display: flex;
    flex-direction: row;
}

.our_story .img {
    position: relative;
    background: rgb(19, 46, 30);
    min-width: 40%;
    max-width: 40%;
    padding-top: 50%;
    border-radius: 1rem;
    overflow: hidden;
}

.our_story .img .i {
    position: absolute;
    z-index: 2;
    left: 0;
    width: 100%;
    height: auto;
    bottom: 0;

}

.our_story .msg {
    position: relative;
    background: rgba(255, 255, 255, .1);
    border-radius: 1rem;
    display: flex;
    flex-direction: column;
    flex: 1;
    margin-left: 4rem;
    padding: 2rem;
}

.our_story .msg .msg_title {
    font-size: 2.5rem;
    font-weight: 800;
}


.our_story .msg .msg_txt {
    display: flex;
    flex-direction: column;
    line-height: 2;
}

.learn_more_nm {
    padding: 8rem 0;
}


.learn_more_title {
    font-size: 2.5rem;
    font-weight: 800;
    text-align: center;
}

.learn_more_list {
    display: flex;
    align-items: flex-start;
    margin-top: 3rem;
}

.learn_more_list .item {
    display: flex;
    flex-direction: column;
    flex: 1;
    margin-right: 2rem;
}

.learn_more_list .item:last-child {
    margin-right: 0;
}

.learn_more_list .item .img {
    position: relative;
    background: rgb(19, 46, 30);
    border-top: .4rem solid #005627;
    border-radius: 1rem;
    width: 100%;
    padding-top: 60%;
    overflow: hidden;
}

.learn_more_list .item .img .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
}

.learn_more_list .item .title {
    padding: 1rem;
    font-size: 1.5rem;
    font-weight: bold;
}

.learn_more_list .item .msg {
    padding: 0 1rem;
    font-size: 1rem;
    opacity: .7;
}

.ourStory {
    position: fixed;
    left: 0;
    width: 100%;
    top: 0;
    height: 100%;
    display: none;
    overflow: hidden;
    z-index: 9;
}

.ourStory_mask {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, .5);
    opacity: 0;
    animation: ourStory_mask_show .3s forwards;
}

@keyframes ourStory_mask_show {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}


.pur {
    position: fixed;
    /*display: flex;*/
    align-items: center;
    justify-content: center;
    left: 0;
    width: 100%;
    top: 0;
    height: 100%;
    overflow: hidden;
    z-index: 99;
    display: none;
    animation: pur_show .5s ease-in-out forwards;
    opacity: 0;
    transform: translate3d(0, -10rem, 0);
}

@keyframes pur_show {
    from {
        opacity: 0;
        transform: translate3d(0, -10rem, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

.pur_mask {
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    height: 100%;
    overflow: hidden;
    background: rgba(0, 0, 0, 1);
    animation: pur_show_mask .5s linear .5s forwards;
    opacity: 0;
}

@keyframes pur_show_mask {
    to {
        opacity: .3;
    }
}

.pur_content {
    position: relative;
    max-width: 1100px;
    width: 80%;
    height: 80%;
    background: #FFF;
    border-radius: 1rem;
    display: flex;
    align-items: center;
    z-index: 2;
    overflow: hidden;
    box-shadow: 0 0 1rem 0 rgba(0, 86, 39, .5);
}

.pur_cls {
    position: absolute;
    width: 2.4rem;
    cursor: pointer;
    transition: all .3s;
    transform: translate3d(-150%, 50%, 0);
    z-index: 9;
    background-color: #fff;
    border-radius: 50%;
}

.pur_content .cls:hover {
    opacity: 1;
}

.pur_content .img {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28rem;
    min-width: 28rem;
    height: 100%;
    background: #FFFFFF;
    overflow: hidden;
}

.pur_content .img .i {
    position: absolute;
    width: 100%;
    height: auto;
}

.pur_content .img .ico {
    position: absolute;
    width: 100%;
    height: auto;
    left: 0;
    top: 0;
}

.pur_content .msg {
    position: relative;
    flex: 1;
    padding: 3rem;
    display: flex;
    flex-direction: column;
    height: 100%;
    box-sizing: border-box;
    overflow: hidden;
    overflow-y: auto;
}

.pur_content .msg .class {
    font-size: .8rem;
    color: #005627;
}

.pur_content .msg .title {
    font-size: 1.8rem;
    font-weight: 800;
    margin-bottom: 2rem;
    text-transform: uppercase;
}

.pur_content .msg .lb {
    font-weight: 800;
    font-size: 1.2rem;
    margin-bottom: .5rem;
}

.pur_content .msg .pl {
    padding-bottom: 2rem;
    text-transform: lowercase;
}

.pur_content .msg .plb {
    font-weight: bold;
}

.pur_content .msg .pltd {
    position: relative;
    width: 100%;
    display: block;
    margin-bottom: 2rem;
    overflow-y: hidden;
    overflow-x: auto;
}


.pur_content .msg .size {
    display: flex;
    align-items: center;
    margin-bottom: 2rem;
}

.pur_content .msg .size .label {
    font-weight: 800;
    font-size: 1.2rem;
    min-width: 7rem;
}

.pur_content .msg .size .value {
    display: flex;
    align-items: center;
    text-transform: uppercase;
}

.pur_content .msg .size .value i {
    font-size: 1rem;
    font-style: normal;
    padding: .3rem 1rem;
    background-color: rgba(225, 242, 217);
    margin-left: 2rem;
    border-radius: 2rem;
}


.pur_content .msg .plt {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    font-size: .8rem;
    border-collapse: collapse;
    border: none;
    outline: none;
}

.pur_content .msg .plt thead {
    background-color: rgba(225, 242, 217);
}


.pur_content .msg .plt thead tr td {
    font-weight: bold;
    background-color: rgba(225, 242, 217);
}

.pur_content .msg .plt tr td {
    background-color: #FFF;
}

.pur_content .msg .plt thead td,
.pur_content .msg .plt tr td {
    text-align: center;
    white-space: nowrap;
    padding: 1rem;
}

th, td:first-child {
    position: sticky;
    left: 0;
    z-index: 1;
    background-color: #005627 !important;
    font-weight: bold;
}

.pur_content .msg .thead div {
    flex: 1;
    text-align: center;
    padding: .5rem 0;
}

.pur_content .msg .where {
    font-size: .8rem;
    padding-top: 1rem;
    border-top: 1px solid #eee;
}

.banner_xx {
    position: absolute;
    z-index: 2;
    width: 30rem;
    height: 30rem;
    right: 0;
    bottom: 0;
    overflow: hidden;
}

.banner_xx .xl {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    height: 30rem;
    transition: all .5s linear;
}

.banner_xx .xl .x {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30rem;
    height: 30rem;
    transform: translate3d(0, 0, 0);
}

.banner_xx .xl .x .i {
    width: 80%;
    height: auto;
}


.mobile_menu {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 3.8rem;
    transition: background-color .3s linear;
    display: none;
}

.mobile_menu_open {
    background-color: rgb(19, 46, 32);
}

.mobile_menu_ico {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 0;
    width: 100%;
    top: 0;
    height: 100%;
}

.mobile_menu_ico .i {
    position: absolute;
    display: flex;
    align-items: center;
    width: 1.6rem;
    height: .2rem;
    background: rgb(19, 46, 32);
    border-radius: .2rem;
}

.mobile_menu_ico .i:nth-of-type(1) {
    transform: translate3d(0, -.6rem, 0);
}

.mobile_menu_ico .i:nth-of-type(2) {
    transform: translate3d(0, 0, 0);
}

.mobile_menu_ico .i:nth-of-type(3) {
    transform: translate3d(0, .6rem, 0);
}

.mobile_menu_open .mobile_menu_ico .i:nth-of-type(1) {
    animation: menu_i_1 .5s linear forwards;
}

@keyframes menu_i_1 {
    0% {
        transform: translate3d(0, -.6rem, 0) rotate(0);
        background: rgb(19, 46, 32);
    }
    40% {
        transform: translate3d(0, 0, 0) rotate(0);
    }
    100% {
        transform: translate3d(0, 0, 0) rotate(225deg);
        background: rgba(225, 242, 217, .5)
    }
}


.mobile_menu_open .mobile_menu_ico .i:nth-of-type(2) {
    animation: menu_i_2 .2s linear forwards;
}

@keyframes menu_i_2 {
    from {
        opacity: 1;
        background: rgb(19, 46, 32);
    }
    to {
        opacity: 0;
        background: rgba(225, 242, 217, .5);
    }
}

.mobile_menu_open .mobile_menu_ico .i:nth-of-type(3) {
    animation: menu_i_3 .5s linear forwards;
}

@keyframes menu_i_3 {
    0% {
        transform: translate3d(0, .6rem, 0) rotate(0);
        background: rgb(19, 46, 32);
    }
    40% {
        transform: translate3d(0, 0, 0) rotate(0);
    }
    100% {
        transform: translate3d(0, 0, 0) rotate(-225deg);
        background: rgba(225, 242, 217, .5)
    }
}


.mobile_menu_hide .mobile_menu_ico .i:nth-of-type(1) {
    animation: menu_hide_i_1 .5s linear forwards;
}


@keyframes menu_hide_i_1 {
    0% {
        transform: translate3d(0, 0, 0) rotate(225deg);
        background: rgba(225, 242, 217, .5);
    }
    60% {
        transform: translate3d(0, 0, 0) rotate(0);
    }
    100% {
        transform: translate3d(0, -.6rem, 0) rotate(0);
        background: rgb(19, 46, 32);
    }
}

.mobile_menu_hide .mobile_menu_ico .i:nth-of-type(2) {
    animation: menu_hide_i_2 .2s linear .3s forwards;
}


@keyframes menu_hide_i_2 {
    0% {
        opacity: 0;
        background: rgba(225, 242, 217, .5);
    }
    100% {
        opacity: 1;
        background: rgb(19, 46, 32);
    }
}

.mobile_menu_hide .mobile_menu_ico .i:nth-of-type(3) {
    animation: menu_hide_i_3 .5s linear forwards;
}


@keyframes menu_hide_i_3 {
    0% {
        transform: translate3d(0, 0, 0) rotate(-225deg);
        background: rgba(225, 242, 217, .5);
    }
    60% {
        transform: translate3d(0, 0, 0) rotate(0);
    }
    100% {
        transform: translate3d(0, .6rem, 0) rotate(0);
        background: rgb(19, 46, 32);
    }
}

.mobile_menu_list {
    position: fixed;
    left: 0;
    width: 100%;
    top: 3.8rem;
    bottom: 0;
    z-index: 10;
    max-height: 0;
    overflow: hidden;
    display: none;
}

.mobile_menu_list_show {
    display: block !important;
    animation: mobile_menu_list_show .3s linear forwards;
}

@keyframes mobile_menu_list_show {
    from {
        max-height: 1000px;
        background-color: rgba(0, 0, 0, 0);
    }
    to {
        max-height: 1000px;
        background-color: rgba(0, 0, 0, .5);
    }
}

.mobile_menu_list_hide {
    display: block !important;
    animation: mobile_menu_list_hide .5s linear forwards;
}

@keyframes mobile_menu_list_hide {
    0% {
        max-height: 1000px;
        background-color: rgba(0, 0, 0, .5);
    }
    49% {
        max-height: 1000px;
        background-color: rgba(0, 0, 0, .5);
    }
    100% {
        max-height: 1000px;
        background-color: rgba(0, 0, 0, 0);
    }
}

.mobile_menu_list_mask {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.mobile_menu_list_content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    z-index: 2;
}

.mobile_menu_nav {
    position: revert;
    display: flex;
    flex-direction: column;
    width: calc(100% - 3rem);
    padding: 5rem 3rem;
    background-color: #fff;
    /*transform: translate3d(0, -10rem, 0);*/
    /*opacity: 0;*/
}

.mobile_menu_nav .item {
    position: relative;
    height: 4rem;
    display: flex;
    align-items: center;
    font-size: 1.6rem;
    text-decoration: none;
    font-family: 'menu_font';
}

.mobile_menu_nav .item:after {
    position: absolute;
    content: '';
    left: 0;
    width: 100%;
    height: 1px;
    background: #eee;
    transform: scale(1, .5);
    bottom: 0;
}

.mobile_menu_nav .item:before {
    position: absolute;
    content: '';
    top: 50%;
    right: 0;
    transform: translate3d(0, -50%, 0);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    background-image: url("/images/angle-right-solid.svg");
    background-repeat: no-repeat;
    background-size: 50% auto;
    background-position: center right;
    opacity: 0.3;
}

.mobile_menu_nav .item_active {
    padding-left: 1rem;
    color: #005627;
    font-weight: 800;
}

.mobile_menu_list_show .mobile_menu_nav {
    transform: translate3d(0, -20rem, 0);
    opacity: 0;
    animation: mobile_menu_nav_show .3s linear .2s forwards;
}

@keyframes mobile_menu_nav_show {
    from {
        transform: translate3d(0, -20rem, 0);
        opacity: 0;
    }
    to {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.mobile_menu_list_hide .mobile_menu_nav {
    transform: translate3d(0, 0, 0);
    opacity: 1;
    animation: mobile_menu_nav_hide .3s linear forwards;
}

@keyframes mobile_menu_nav_hide {
    from {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
    to {
        transform: translate3d(0, -20rem, 0);
        opacity: 0;
    }
}

.food_safty {
    background: #FFFFFF;
}

.food_safty .content {
    flex-direction: column;
    padding: 5rem 0;
}

.food_safty_img {
    display: flex;
    align-items: center;
    width: 100%;
    overflow: hidden;
    border-bottom: 1.5rem solid rgb(19, 46, 32);
}

.food_safty_img .i {
    width: 100%;
    height: auto;
}


.food_safty_title {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 2.5rem;
    font-weight: 800;
    margin-bottom: 1rem;
    text-align: center;
}

.food_safty_txt {
    text-align: center;
    margin-bottom: 3rem;
    font-size: 1.2rem;
}


.foood_safty_icons_co {
    font-size: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.foood_safty_icons_co i {
    display: flex;
    width: 1px;
    height: 1rem;
    background: #EEE;
    margin: 0 1rem;
}

.foood_safty_icons {
    display: flex;
    align-items: center;
}

.foood_safty_icons .item {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    flex: 1;
}

.foood_safty_icons .item .ico {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 8rem;
    height: 8rem;
    background: rgba(225, 242, 217, .5);
    border-radius: 1rem;
}

.foood_safty_icons .item .ico img {
    width: 80%;
    height: auto;
}

/*.foood_safty_icons .item:nth-of-type(3n+1) .ico{*/
/*    background:  rgb(19, 46, 30)*/
/*}*/

/*.foood_safty_icons .item:nth-of-type(3n+3) .ico{*/
/*    background:  #005627*/
/*}*/


.food_safty_imgs {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.food_safty_imgs .item {
    width: 48%;
    background: #eee;
}

.food_safty_imgs .item .i {
    width: 100%;
    height: auto;
}


.content_side {
    position: absolute !important;
    display: flex;
    justify-content: center;
    z-index: 2;
}

.index_content_txt {
    line-height: 1 !important;
    display: flex;
    flex-direction: column;
    color: #FFF;
}

.index_content_txt .t1 {
    font-size: 3.3rem;
    font-weight: 900;
    text-transform: uppercase;
}


.index_content_txt .t2 {
    font-size: 1.2rem;
    font-weight: 500;
    margin-top: .8rem;
    max-width: 45vw;
}

.index_content_txt .t3 {
    display: flex;
    align-items: center;
    margin-top: 2rem;
}

.index_content_txt .t3 .t31 {
    background: #FF8201;
    padding: .8rem 1.5rem;
    border-radius: .5rem;
    font-size: 1.2rem;
    font-weight: 900;
    color: #132E1F;
}

.s1 {
    position: relative;
    background: #FFF;
}

.ss {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: unset;

    padding: 4rem 0 4rem 0 !important;
}

.ss img {
    width: 3.37rem;
    height: 3.37rem;
    margin: 0 2rem;
}

.ss .txts {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.ss .txts .t1 {
    font-size: 2.5rem;
    font-weight: 800;
    color: #FF8201;
    text-align: center;
    text-transform: uppercase;
    line-height: 3.37rem;
}

.ss .txts .t2 {
    color: #005725;
    margin-top: .6rem;
    text-align: center;
    line-height: 1.5;
    font-size: 1.6rem;
    font-weight: 600
}

.ss .txts .t2 span {
    font-weight: 800;
    font-size: 2.3rem
}

.p1s {
    background: #fff;
}

.p1ss {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}

.p1ss .lb, .p1ss .rb {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 3.2rem;
    background: #005627;
    color: #fff;
    font-size: 2rem;
    font-weight: 900;
    overflow: hidden;
}

.p1ss .ll {
    position: relative;
    display: flex;
    align-items: center;
    flex: 1;
    overflow: hidden;
    margin: 0 2rem;
}

.ll_list {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}

.p1ss .ll .box {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 25%;
    max-width: 25%;
    min-width: 25%;
    min-height: 100px;
}

.p1ss .ll .box .img {
    width: 80%;
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.p1ss .ll .box .img img:nth-of-type(1) {
    width: 100%;
    height: auto;
}

.p1ss .ll .box .img img:nth-of-type(2) {
    position: absolute;
    width: 100%;
    height: auto;
    z-index: 2;
    opacity: 0;
    transition: all .3s;
}

.p1ss .ll .box:hover .img img:nth-of-type(2) {
    opacity: 1;
}

.p1ss .ll .box .txt {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 1.5rem;
}

.p1ss .ll .box .txt .t1 {
    font-size: 1.5rem;
    font-weight: 900;
    line-height: 1;
    color: #18643D;
}

.p1ss .ll .box .txt .t2 {
    font-size: .87rem;
    font-weight: 600;
    line-height: 1;
    color: #18643D;
    margin-top: .5rem;
}

.p1ss .ll .box .txt .t3 {
    font-size: .87rem;
    font-weight: 500;
    line-height: 1;
    color: #18643D;
    margin: 1rem 0;
}

.p1ss .ll .box .txt .t4 {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .8rem;
}

.p1ss .ll .box .txt .t4 img {
    width: auto;
    height: 1rem;
    margin-right: 2rem;
}

.nms {
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden;
    background: #FFF;
    margin-top: 6rem;
}

.nms .lef {
    position: relative;
    min-width: 40%;
    background-image: url("/images/bsbs.jpg");
    background-position: right center;
    background-size: auto 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    flex-direction: column;
    color: #FFF;
    min-height: 36rem;
    max-height: 36rem;
    overflow: hidden;
}

.nms .lef .t1 {
    margin-right: 10%;
    width: 80%;
    max-width: 600px;
    font-size: 1.75rem;
    font-weight: 800;
    line-height: 1;
    margin-bottom: 1.85rem;
}

.nms .lef .t2 {
    margin-right: 10%;
    width: 80%;
    max-width: 600px;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: .7rem;
}

.nms .lef .t3 {
    width: 80%;
    max-width: 600px;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
    margin: 1rem 10% 0 0;
    display: flex;
    flex-direction: column;
}

.nms .lef .t3 .t31 {
    display: flex;
    align-items: center;
    margin-bottom: .7rem;
}

.nms .lef .t3 .t31:last-child {
    margin-bottom: 0;
}

.nms .lef .t3 .t31 img {
    width: 2rem;
    height: auto;
    margin-right: .5rem;
}

.nms .lef .t4 {
    margin-right: 10%;
    margin-top: 1rem;
    width: 80%;
    max-width: 600px;
    display: flex;
    align-items: center;
}

.nms .lef .t4 .t41 {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    font-weight: 800;
    padding: .7rem 1.3rem;
    border-radius: 2rem;
    line-height: 1;
    color: #122E1F;
    background: #FF8201;
}


.nms .rxs {
    position: relative;
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    min-height: 36rem;
    max-height: 36rem;
}

.nms .rxs img {
    width: 100%;
    height: auto;
}

.sasdx {
    display: flex;
    flex-direction: column;
    background: #fff;
    padding: 4rem 0;
}

.sasdx_title {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.sasdx_title .t1 {
    font-size: 1.75rem;
    font-weight: 800;
    color: #005626;
    line-height: 1;
}

.sasdx_title .t2 {
    font-size: 1.3rem;
    font-weight: 500;
    color: #005626;
    line-height: 1;
    margin-top: .5rem;
}

.sasdxas {
    position: relative;
    width: 100%;
    margin-top: 2.5rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: row;
    overflow: hidden;
}

.sasdxas .item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25%;
    min-width: 25%;
    max-width: 25%;
    overflow: hidden;
}

.sasdxas .item img {
    width: 100%;
    height: auto;
}

.sasdxas .item .ii {
    position: absolute;
    z-index: 2;
    left: 0;
    width: 100%;
    top: 0;
    height: 100%;
    overflow: hidden;
    background: #073119;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #fff;
    transform: translate3d(0, 100%, 0);
    opacity: 0;
    transition: all .3s;
}

.sasdxas .item:hover .ii {
    transform: translate3d(0, 0, 0);
    opacity: 1;
}

.sasdxas .item .ii .txt {
    width: 80%;
    line-height: 1.5;
    font-size: .87rem;
    margin-bottom: .5rem;
}

.sasdxas .item .ii .tag {
    width: 80%;
    font-size: .87rem;
    margin-bottom: .5rem;
}

.sasdxas .item .ii .img {
    display: flex;
    align-items: center;
    width: 80%;
}

.sasdxas .item .ii .img img {
    width: auto;
    height: 1rem;
}

.new_footer_flex {
    height: 4rem;
    background: #FFF;
}

.new_footer {
    position: relative;
    background: #073119;
}

.new_footer .content {
    display: flex;
    align-items: flex-start;
    flex-direction: row;
    padding: 5rem 1.1rem;
    color: #fff;
}

.asdss {
    display: flex;
    flex-direction: column;
    margin-right: 10rem;
}

.asdss:last-child {
    margin-right: 0;
}

.asdss .t1 {
    text-align: center;
    font-size: 2rem;
    font-weight: 800;
    line-height: 1;
    margin-bottom: 2rem;
}

.asdss .t2 {
    font-size: 1.13rem;
    color: #FD8200;
    line-height: 1;
    margin-bottom: 1rem;
    font-weight: 600;
}

.asdss .t3 {
    font-size: .87rem;
    line-height: 1;
    margin-bottom: 1rem;
}

.asdss .t4 {
    line-height: 1;
    margin-bottom: 1rem;
    font-weight: 500;
    color: #fff;
}

.asdss .t5 {
    display: flex;
    align-items: center;
}

.asdss .t5 input {
    height: 2.5rem;
    width: 15rem;
    border-radius: 6rem;
    border: 1px solid #FF8201;
    background: transparent;
    padding: 0 1rem;
    color: #fff;
    font-weight: 500;
    font-size: 1rem;
}

.asdss .t5 input::placeholder {
    color: #FF8201;
}

.asdss .t5 .t51 {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .87rem;
    font-weight: 800;
    color: #FFF;
    height: 2.5rem;
    padding: 0 2rem;
    background: #FF8201;
    border-radius: 3rem;
    margin-left: 1rem;
}

.asdss .t6 {
    width: 7rem;
    height: auto;
    margin-top: 1.5rem;
}

.flexP {
    flex: 1;
}

.copyss {
    position: relative;
    background: #073119;
}

.copyss .content {
    color: #fff;
    padding-bottom: 2rem;
}

.sssss1 {
    background-color: #fff;
}

.sssss1 .content {
    flex-direction: column;
}

.sssss1 .t1 {
    justify-content: center;
    display: flex;
    align-items: center;
    margin-top: 4rem;
    font-size: 2.4rem;
    font-weight: 900;
    color: #015728;
}

.sssss1 .t2 {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    overflow: hidden;
    margin-top: 2rem;
}

.sssss1 .t2 img {

}

.sssss1 .t2 .txt {
    display: flex;
    flex-direction: column;
    width: 40%;
    margin-left: 2rem;
}

.sssss1 .t2 .txt .tt {
    font-size: 1.2rem;
    line-height: 2;
    margin-bottom: 2rem;
}

.sssss2 {
    background-image: url("/images/bsbs.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    margin-top: 4rem;
}

.sssss2 .content {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #FFF;
}

.sssss2 .content .t1 {
    display: flex;
    align-items: center;
    margin-top: 4rem;
}

.sssss2 .content .t1 img {
    width: 5.2rem;
    height: auto;
}

.sssss2 .content .t1 .l {
    height: 2rem;
    width: 1px;
    background: #fff;
    margin: 0 1rem;
}

.sssss2 .content .t2 {
    font-size: 2.4rem;
    font-weight: 900;
    line-height: 1;
    margin-top: 2rem;
}

.sssss2 .content .t3 {
    text-align: center;
    line-height: 1.7;
    font-size: 1.37rem;
    font-weight: 900;
    margin-top: 2rem;
}

.sssss2 .content .t4 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2rem;
    margin-bottom: 4rem;
}


.sssss2 .content .t4 .item {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin: 0 1rem;
}


.sssss2 .content .t4 .item img {
    width: 8rem;
    height: 8rem;
}

.sssss2 .content .t4 .item div {
    font-weight: 900;
    font-size: 1.37rem;
    margin-top: .8rem;
    line-height: 1;
}

.sssss3 .content {
    display: flex;
    flex-direction: column;
}

.sssss3 .content .t1 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 4rem;
    font-size: 2.4rem;
    font-weight: 900;
    color: #015728;
}

.sssss3 .content .t2 {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    margin-top: 2rem;
}

.sssss3 .content .t2 .item {
    display: flex;
    flex-direction: column;
    margin-right: 2rem;
    width: 24rem;
    overflow: hidden;
}

.sssss3 .content .t2 .item:last-child {
    margin-right: 0;
}

.sssss3 .content .t2 .item img {
    width: 24rem;
    height: auto;
}

.sssss3 .content .t2 .item .tt {
    text-align: center;
    font-size: 2rem;
    margin-top: 2rem;
    margin-bottom: 1rem;
    font-weight: 900;
}

.sssss3 .content .t2 .item .ttt {
    color: #005629;
}

.imgss {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    margin-top: 1rem;
}

.imgss .ims {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.imgss .ims .t {
    font-size: 1rem;
    font-weight: 600;
    margin-top: .7rem;
    text-transform: uppercase;
}

.imsxa {
    position: relative;
    display: flex;
    align-items: center;
    padding-top: 7rem;
}

.imsxa .box {
    position: absolute;
    top: 0;
    width: 100%;
    height: 7rem;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-left: 1rem;
}

.imsxa .box .t1n {
    font-size: 1.8rem;
    font-weight: 600;
    text-transform: uppercase;
}

.imsxa .box .t2n {
    max-width: 40rem;
}

.txtxta .t3, .txtxta .t4 {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
}

.txtxta .t3 span {
    margin: 0 1rem;
    font-weight: 600;
}

.asdasd .content {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    padding: 2rem;
    border-radius: 1rem;
    background: rgba(6, 49, 25, .2);
}

.asdasd .content .t1 {
    font-size: 1.4rem;
    font-weight: 800;

}


.asdasd .content .t2 {
    font-size: 1.2rem;
    margin-top: .5rem;
}