* {
    margin: 0px;
    padding: 0px;

}

ul,
ol {
    list-style: none;
}

a {
    text-decoration: none;
}

input,
textarea {
    outline: none;
    border: none;
}

@font-face {
    font-family: "Roboto Slab";
    src: url(../fonts/RobotoSlab-Regular.ttf);
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

html {
    transition: font-size 0.3s ease;
    font-family: 'Roboto Slab', serif, "Open Sans", sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
    font-size: 16px;
}

body {
    font-size: 0.16rem;
}

.container {
    padding: 0px 0.6rem;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
}

header {
    min-height: 1.25rem ;
}

.Top_nav {
    width: 100%;
    height: 0.43rem;
    background: #00542b;
}

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

.Top_nav .left {
    display: flex;
    align-items: center;
}

.Top_nav .left h1 {
    color: #fff;
    margin: 0.65rem 0;
    margin-right: 0.3rem;
    font-size: 0.13rem;
    font-weight: 400;
}

.Top_nav .left .Contact {
    display: flex;
    align-items: center;
}

.Top_nav .left .Contact img {
    width: 0.2rem;
    height: 0.2rem;
    display: block;
    margin-right: 0.15rem;
}

.Top_nav .left .Contact li {
    display: flex;
    align-items: center;
    margin-right: 0.3rem;
}

.Top_nav .left .Contact li:last-child {
    margin-right: 0px;
}

.Top_nav .left .Contact a {
    color: #FFF;
    font-size: 0.13rem;
}

.Top_nav .left .Contact a:hover {
    color: #6bc335;
}

.Top_nav .icon_list {
    display: flex;
    align-items: center;
}

.Top_nav .icon_list li {
    margin-right: 0.3rem;
}

.Top_nav .icon_list li:last-child {
    margin-right: 0px;
}

.Top_nav .icon_list i {
    font-size: 0.18rem;
    color: #FFF;
    transition: 0.6s ease;
}

.Top_nav .icon_list i:hover {
    transform: rotate(360deg);
    color: #6bc335;
}

.Top_nav .language {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.Top_nav .language img {
    width: 0.24rem;
    height: 0.18rem;
    display: block;
    margin-right: 0.1rem;
}

.Top_nav .language span {
    font-size: 0.15rem;
    color: #FFF;
    margin-right: 0.05rem;
}

.Top_nav .language span:nth-child(3) {
    font-size: 0.1rem;
    color: #666;
    margin-right: 0px;
    display: none ;
}

.Top_nav .Search {
    width: 0.2rem;
    height: 0.2rem;
    cursor: pointer;
}

.Top_nav .Search img {
    width: 100%;
    height: 100%;
    display: block;
}

.Nav {
    width: 100%;
    background: #FFF;
    height: 0.82rem;
    position: relative ;
    top: 0px;
    z-index: 99999;
    box-shadow: 0px 0px 0.04rem #0000003a;
    transition: 0.6s ease;
}

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

.Nav .logo {
    width: 2.34rem;
    display: block;
}

.Nav .logo img {
    width: 100%;
    display: block;
}

.Nav .right {
    display: flex;
    align-items: center;
}

.Nav .right ul {
    display: flex;
    align-items: center;
}

.Nav .right ul li {
    margin-right: 0.3rem;
}

.Nav .right ul li .title {
    color: #2c2a49;
    font-size: 0.15rem;
    font-weight: 600;
    padding: 0.03rem 0px;
    text-transform: capitalize;
}


.Nav .right ul li .title:hover {
    color: #4f894d;
}

.Nav .right .Enquire {
    font-size: 0.15rem;
    font-weight: 600;
    color: #FFF;
    padding: 0.05rem 0.1rem;
    background: #00542b;
    line-height: 0.3rem;
    border-radius: 0.04rem;
}

.Nav .right .Enquire:hover {
    background: #6bc335;
}

.banner_swiper {
    width: 100%;
}

.banner_swiper .swiper-slide {
    width: 100%;
    height: 6rem;
    position: relative;
}

.banner_swiper .swiper-slide .img {
    width: 100%;
    height: 100%;
}

.banner_swiper .swiper-slide .img img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.banner_swiper .swiper-slide .text {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
    top: 0px;
    left: 0px;
    display: flex;
    align-items: center;
    padding: 0px 0.6rem;
    box-sizing: border-box;
}

.banner_swiper .swiper-slide .text .txt {
    max-width: 6rem;
    padding: 0.2rem;
    box-sizing: border-box;
    background: #ffffff85;
    border-radius: 0.1rem;
}

.banner_swiper .swiper-slide .text .txt h5 {
    font-size: 0.4rem;
    font-weight: 700;
    margin-bottom: 0.15rem;
    line-height: 1.4;
    padding-top: 0.05rem;
    color: #000;
    opacity: 0;
}

.banner_swiper .swiper-slide .text .txt p {
    color: #000;
    border: none;
    font-size: 0.18rem;
    margin-top: 0.16rem;
    margin-bottom: 0.16rem;
    line-height: 1.8em;
    opacity: 0;
}

.banner_swiper .swiper-slide-active .text .txt h5 {
    animation-name: f;
    animation-delay: 2.2s;
    animation-duration: 1.5s;
    animation-fill-mode: both;
}

.banner_swiper .swiper-slide-active .text .txt p {
    animation-name: f;
    animation-delay: 2.9s;
    animation-duration: 1.5s;
    animation-fill-mode: both;
}

@keyframes f {
    0% {
        opacity: 0;
        transform: translate3d(0, 80%, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.About {
    width: 100%;
    background: #006c38;
    padding-top: 0.4rem;
    box-sizing: border-box;
}

.About .out {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.About .out .left {
    width: 58.3333333333%;
    padding: 0.26rem 0.26rem 0.26rem 0px;
    box-sizing: border-box;
}

.About .out .left h5 {
    font-size: 0.45rem;
    color: #FFF;
    line-height: 1;
}

.About .out .left p {
    color: #FFF;
    font-size: 0.17rem;
    line-height: 1.7em;
    margin: 0.2rem 0px;
}



.About .out .right {
    width: 41.6666666667%;
    padding-left: 0.1rem;
    box-sizing: border-box;
    overflow: hidden;
}

.About .out .right img {
    width: 100%;
    display: block;
    animation: rotate 45s linear infinite;
}

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.About .out_list {
    width: 100%;
    background: url(../images/map2.png) no-repeat center;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 0.7rem;
}

.About .out_list .title {
    width: 25%;
    padding-right: 0.1rem;
    box-sizing: border-box;
    color: #FFF;
    font-size: 0.4rem;
    font-weight: bold;
}

.About .out_list ul {
    display: flex;
    justify-content: space-between;
    width: 75%;
    padding-left: 0.1rem;
    box-sizing: border-box;
}

.About .out_list ul li {
    width: 25%;
}

.About .out_list ul li img {
    width: 0.55rem;
    height: 0.55rem;
    display: block;
    margin: 0 auto;
    margin-bottom: 0.17rem;
}

.About .out_list ul li b {
    color: #FFF;
    font-size: 0.3rem;
    margin: 0 auto;
    text-align: center;
    display: block;
}

.About .out_list ul li p {
    color: #fff;
    font-weight: 500;
    margin-top: 0.1rem;
    font-size: 0.16rem;
    text-align: center;
    display: block;
}

.public_title {
    width: 50%;
    padding: 0.3rem 0px;
    box-sizing: border-box;
    margin: 0 auto;
}

.public_title p {
    text-align: center;
    color: #000;
    font-size: 0.17rem;
}

.public_title h5 {
    color: #000;
    font-size: 0.45rem;
    line-height: 100%;
    text-align: center;
    margin-bottom: 0.3rem;
}

.Our_Products {
    padding: 0.5rem 0px;
    width: 100%;
    background: #F1EFEA;
}

.Our_Products .swiper-slide {
    width: 4.24rem;
    margin-right: 0.3rem;
    background: #fff;
    border-radius: 0.15rem;
    overflow: hidden;
    box-shadow: 0 0 0.04rem #ddd;
    transition: 1s all ease;
}

.Our_Products .swiper-slide .img {
    width: 100%;
    height: 2.7rem;
    overflow: hidden;
}

.Our_Products .swiper-slide .img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.Our_Products .swiper-slide .title {
    width: 100%;
    padding: 0.15rem;
    box-sizing: border-box;
}

.Our_Products .swiper-slide .title span {
    width: 100%;
    display: block;
    color: #000;
    border-bottom: 0.01rem solid #eee;
    padding-bottom: 0.1rem;
    font-size: 0.16rem;
    font-weight: bold;
}

.Our_Products .swiper-button-next,
.Our_Products .swiper-button-prev {
    width: 0.45rem;
    height: 0.45rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .5s;
    border: 0.02rem solid #f5f5f5;
    background: #FFF;
    border-radius: 50%;
}

.Our_Products .swiper-button-next::after,
.Our_Products .swiper-button-prev::after {
    font-size: 0.15rem;
    color: #000;
}

.Our_Products .swiper-slide:hover {
    transform: scale(1.1);
}

.Our_Products {
    padding-bottom: 0px;
}

.Our_Products .public_title {
    padding-bottom: 0px;
}

.Our_Products .swiper {
    padding-top: 0.16rem;
    padding-bottom: 0.5rem;
}

.Banner_Contact {
    width: 100%;
    padding: 0.5rem 0px;
    height: 3.06rem;

}

.Banner_Contact .out {
    width: 100%;
    height: 100%;
    background: #006c38;
    display: flex;
    overflow: hidden;
}

.Banner_Contact .left {
    width: 50%;
    height: 100%;
}

.Banner_Contact .right {
    width: 50%;
    position: relative;
}

.Banner_Contact .txt {
    padding-top: 0.49rem;
    padding-bottom: 0.7rem;
    max-width: 5.5rem;
    position: relative;
    padding-left: 0.1rem;
}

.Banner_Contact .txt p {
    font-weight: 600;
    font-size: 0.24rem;
    margin-bottom: 0.2rem;
    color: #FFF;
    display: block;
}

.Banner_Contact .txt a {
    padding: 0.15rem 0.25rem;
    border: 0.01rem solid;
    color: #FFF;
    background: #005c2f;
    border-radius: 0.04rem;
    margin-top: 0.4rem;
    display: block;
    width: max-content;
}

.Banner_Contact .txt::before {
    position: absolute;
    content: "";
    bottom: 0.45rem;
    left: -2.63rem;
    border-left: 0 solid transparent;
    border-top: 2.24rem solid #006c38;
    border-right: 3.09rem solid transparent;
    transform: rotate(90deg);
    z-index: 1;
}

.Read_More {
    background: #005c2f;
    padding: 0.12rem 0.28rem;
    display: table;
    border-radius: 0.04rem;
    margin-top: 0.2rem;
    color: #ffffff;
    font-weight: bold;
    border: 0.01rem solid;
}

.Read_More:hover {
    background: #6bc335 !important;
}

.Why_Choose {
    padding: 0.5rem 0px;
    background: #faf5f5;
}

.Why_Choose ul {
    width: 100%;
    display: flex;
    padding-top: 0.3rem;
}

.Why_Choose ul li {
    width: 25%;
    padding: 0px 0.1rem;
    box-sizing: border-box;
}

.Why_Choose ul li .box {
    width: 100%;
    height: 100%;
    background: #FFF;
    text-align: center;
    box-shadow: 0px 0.01rem 0.05rem #ddd;
    border-radius: 0.15rem;
    transition: all 0.4s ease-in-out;
    padding: 0.23rem 0.15rem;
    background: #fff;
    box-sizing: border-box;
    transition: 1s ease;
}

.Why_Choose ul li .box img {
    width: 0.64rem;
    height: 0.64rem;
    display: block;
    object-fit: contain;
    margin: 0 auto;
}

.Why_Choose ul li .box b {
    color: #000;
    font-size: 0.21rem;
    padding: 0.13rem 0px;
    display: block;
}

.Why_Choose ul li .box p {
    color: #000;
    font-size: 0.17rem;
    line-height: 1.8em;
}

.Why_Choose ul li .box:hover {
    transform: translateY(-0.1rem);
}

.Professional {
    padding: 0.5rem 0px;
    background: #FFF;
}

.Professional .swiper {
    margin-top: 0.3rem;
}

.Professional .swiper-slide {
    width: 32%;
    margin-right: 2%;
    cursor: grab;
}

.Professional .swiper-slide .img {
    width: 100%;
    height: 2.6rem;
    overflow: hidden;
    border-radius: 0.1rem;
}

.Professional .swiper-slide .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: 0.6s ease all;
}

.Professional .swiper-slide h5 {
    text-align: center;
    color: #000;
    padding: 0.2rem 0px;
    display: block;
    font-size: 0.25rem;
}

.Professional .swiper-slide:hover .img img {
    transform: scale(1.1);
}

.What_New {
    width: 100%;
    padding: 0.5rem 0px;
    background: #F6F8F3;
}

.What_New_swiper .swiper-slide {
    width: 4.24rem;
    margin-right: 0.3rem;
    background: #FFF;
    border-radius: 0.1rem;
    overflow: hidden;
    box-shadow: 0px 0px 0.1rem 0.01rem #00000015;
}

.What_New_swiper .swiper-slide .img {
    width: 100%;
    height: 4.24rem;
    overflow: hidden;
}

.What_New_swiper .swiper-slide .img img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: 0.8s ease;
}

.What_New_swiper .swiper-slide:hover .img img {
    transform: scale(1.1);
}

.What_New_swiper .swiper-slide .text {
    width: 100%;
    padding: 0.14rem 0.18rem 0.3rem;
    box-sizing: border-box;
}

.What_New_swiper .swiper-slide .text .time {
    width: 100%;
    display: flex;
    align-items: center;
}

.What_New_swiper .swiper-slide .text .time i {
    width: 0.16rem;
    height: 0.16rem;
    display: block;
    margin-right: 0.07rem;
    color: #000;
}

.What_New_swiper .swiper-slide .text .time span {
    color: #000;
    font-size: 0.16rem;
}

.What_New_swiper .swiper-slide .text .title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.15rem 0px;
    border-bottom: 0.01rem solid #eee;
}

.What_New_swiper .swiper-slide .text .title h5 {
    color: #151715;
    font-size: 0.16rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 80%;
}

.What_New_swiper .swiper-slide .text .title img {
    width: 0.2rem;
    height: 0.2rem;
    display: block;
}

.What_New_swiper .swiper-slide .text p {
    color: #000;
    font-size: 0.15rem;
    line-height: 1.6em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    /* 限制为两行 */
    overflow: hidden;
    margin-top: 0.1rem;

}


.What_New_swiper .swiper-button-next,
.What_New_swiper .swiper-button-prev {
    width: 0.45rem;
    height: 0.45rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .5s;
    border: 0.02rem solid #f5f5f5;
    background: #FFF;
    border-radius: 50%;
}

.What_New_swiper .swiper-button-next::after,
.What_New_swiper .swiper-button-prev::after {
    font-size: 0.15rem;
    color: #000;
}

.footer {
    width: 100%;
    padding: 0.45rem 0 0.3rem;
    background: #006c38;
    background-image: url(../images/b_item_footer.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.footer .container {
    max-width: 13.2rem;
    padding: 0px;
    margin: 0 auto;
}

.footer ul {
    width: 100%;
    display: flex;
}

.footer ul li {
    width: 25%;
    padding: 0px 0.1rem;
    box-sizing: border-box;
}

.footer ul li h5 {
    font-size: 0.24rem;
    color: #FFF;
    margin-bottom: 0.3rem;
    line-height: 100%;
}

.footer ul li p {
    color: #FFF;
    font-size: 0.15rem;
    line-height: 1.7em;
}

.footer ul li:nth-child(2),
.footer ul li:nth-child(3) {
    padding: 0px 0.48rem;
    box-sizing: border-box;
}

.footer ul li .box {
    width: 100%;
}

.footer ul li .box a {
    display: block;
    line-height: 2.3em;
    color: #FFF;
    font-size: 0.15rem;
    transition: 0.6s ease;
}

.footer ul li .item {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 0.15rem;
}

.footer ul li .item img {
    height: 0.18rem;
    display: block;
    margin-right: 0.1rem;
}

.footer ul li .item span {
    font-size: 0.15rem;
    color: #FFF;
}

.footer ul li .box>a:hover {
    color: #bfe35c;
    padding-left: 0.03rem;
}

.footer .list {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 0.5rem;
}

.footer .list a {
    display: block;
    margin-right: 0.2rem;
}

.footer .list img {
    display: block;
    width: 0.5rem;
    height: 0.5rem;
    display: block;
}

.footer .list a:last-child {
    margin-right: 0px;
}

.Copyright {
    width: 100%;
    position: relative;
    background: #006c38;
    border-top: 0.01rem solid rgba(255, 255, 255, .1);
    text-align: center;
    padding: 0.18rem 0;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.16rem;
}

.Copyright a {
    color: #6bc335;
    font-size: 0.16rem;
    margin-left: 0.1rem;
    text-decoration: underline;
}

.banner {
    width: 100%;
    height: 3.24rem;
    position: relative;
}

.banner img {
    width: 100%;
    display: block;
    object-fit: cover;
    height: 100%;
}

.banner h5 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #121212;
    font-size: 0.45rem;
    letter-spacing: 0.03rem;
    -webkit-text-stroke-width: 0.01rem;
    stroke-width: 1;
    -webkit-text-stroke-color: #417620;
    text-transform: uppercase;
    font-weight: bold;
    font-family: 'Font Awesome 5 Pro';
    
    width: 100%;
    max-width: 4.5rem;
    text-align: center;
    
}

.Products {
    width: 100%;
    padding: 0.6rem 0px;
    background: #F6F8F3;
}

.Products .row {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.Products .row .Sidebar_Categories {
    width: 25%;
}

.Products .row .Sidebar_Categories form {
    width: 100%;
    background: #fff;
    border: 0.01rem solid #e5e5e5;
    padding: 0.2rem;
    border-radius: 0.09rem 0.09rem 0 0;
    box-shadow: 0 0.01rem 0.06rem #ddd;
    display: flex;
    align-items: center;
    box-sizing: border-box;
}

.Products .row .Sidebar_Categories form input {
    width: 100%;
    height: 0.5rem;
    padding: 0px 0.15rem;
    box-sizing: border-box;
    border-radius: 0.08rem 0px 0px 0.08rem;
    border: 0.01rem solid #dedede;
    font-size: 0.16rem;
    color: #000;
}

.Products .row .Sidebar_Categories form input::placeholder {
    color: #000;
}


.Products .row .Sidebar_Categories form button {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #00562c;
    width: 0.48rem;
    flex: none;
    height: 0.5rem;
    border-radius: 0 0.08rem 0.08rem 0;
    border: none;
    cursor: pointer;
}

.Products .row .Sidebar_Categories form button img {
    display: block;
    width: 0.2rem;
    height: 0.2rem;
}

.Products .row .Sidebar_Categories .title {
    width: 100%;
    padding: 0.1rem;
    box-sizing: border-box;
    font-size: 0.2rem;
    text-align: center;
    color: #000;
    font-weight: bold;
    background: #e2ebe1;
}

.Products .row .Sidebar_Categories ul {
    background: #FFF;
    padding: 0.1rem 0px;
    width: 100%;
}

.Products .row .Sidebar_Categories ul li {
    background: #fff;
    padding: 0.05rem 0;
    box-shadow: 0 0.01rem 0.06rem #ddd;
    border: 0.01rem solid #e5e5e5;
}

.Products .row .Sidebar_Categories ul li a {
    width: 100%;
    padding: 0.08rem 0.2rem;
    box-sizing: border-box;
    display: block;
    color: #000;
    font-size: 0.15rem;
}

.Products .row .Sidebar_Categories ul li:hover {
    background: #6bc335;
}

.Products .row .Sidebar_Categories ul li:hover a {
    color: #FFF;
}

.Products .row .right {
    width: 75%;
    padding-left: 0.2rem;
    box-sizing: border-box;
}

.Products .row .right .title {
    width: 100%;
    padding: 0.18rem;
    text-align: left;
    background-color: #fff;
    border-radius: 0.05rem;
    box-shadow: 0 0.01rem 0.08rem #efefef;
    font-size: 0.17rem;
    color: #000;
    margin-bottom: 0.2rem;
    box-sizing: border-box ;
}

.Products .row .right ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.Products .row .right ul li {
    width: 32%;
    margin-right: 2%;
    border-radius: 0.1rem;
    overflow: hidden;
    background: #FFF;
    box-shadow: 0 0.01rem 0.08rem #ddd;
    margin-bottom: 0.2rem;
}

.Products .row .right ul li:nth-child(3n) {
    margin-right: 0px;
}

.Products .row .right ul li .img {
    width: 100%;
    height: 79% ;
    overflow: hidden;
}

.Products .row .right ul li .img img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: 0.7s ease;
}

.Products .row .right ul li .text {
    padding: 0.14rem 0.18rem 0.3rem;
    box-sizing: border-box;
}

.Products .row .right ul li .text h5 {
    text-align: center;
    color: #151715;
    font-size: 0.15rem;
}

.Products .row .right ul li .text span {
    margin-top: 0.1rem;
    display: block;
    color: #fdfdfd;
    background: #00562c;
    border: 0.01rem solid #00562c;
    padding: 0.08rem 0.1rem 0.08rem;
    box-sizing: border-box;
    border-radius: 0.1rem;
    text-align: center;
    font-size: 0.15rem;
}

.Products .row .right ul li:hover .img img {
    transform: scale(1.1);
}

.About-us {
    width: 100%;
    padding: 0.6rem 0px;
    background: #FFF;
}

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

.About-us .row .left {
    width: 50%;
    padding-right: 0.1rem;
    box-sizing: border-box;
}

.About-us .row .right {
    width: 50%;
    padding-left: 0.1rem;
    box-sizing: border-box;
}

.About-us .row .right img {
    width: 100%;
    display: block;
}

.About-us .row .left h5 {
    color: #000;
    font-size: 0.45rem;
    margin-bottom: 0.3rem;
}

.About-us .row .left h5::after {
    height: 0.04rem;
    background-color: #a03739;
    width: 14%;
    display: table;
    margin-top: 0.1rem;
    content: '';
}

.About-us .row .left p {
    width: 100%;
    margin: 0.16rem 0px;
    font-size: 0.17rem;
    color: #000;
    line-height: 1.7em;
}

.Why_Choose_About .container,
.Professional_About .container {
    max-width: 13.2rem;
    margin: 0px auto;
    padding: 0px;
}

.Honor＿Certificate {
    padding: 0.6rem 0px;
    width: 100%;
}

.Honor＿Certificate .swiper-slide {
    width: 25%;
    padding: 0px 0.1rem;
    box-sizing: border-box;
}

.Honor＿Certificate .swiper-slide .img {
    width: 100%;
}

.Honor＿Certificate .swiper-slide .img img {
    width: 100%;
    display: block;
}

.About_Form {
    width: 100%;
    padding: 0.6rem 0px;
    background: #FAF5F5;
}

.About_Form .container {
    max-width: 10rem;
    margin: 0 auto;
    padding: 0px;
}

.About_Form form {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.About_Form form input {
    width: 48%;
    height: 0.5rem;
    padding: 0px 0.15rem;
    box-sizing: border-box;
    color: #000;
    font-size: 0.16rem;
    border: 0.01rem solid #dedede;
    margin-bottom: 0.07rem;
}

.About_Form form input::placeholder,
.About_Form form textarea::placeholder {
    color: #000;
}

.About_Form form textarea {
    width: 100%;
    height: 1.2rem;
    padding: 0.2rem 0.15rem;
    box-sizing: border-box;
    color: #000;
    font-size: 0.16rem;
    border: 0.01rem solid #dedede;
}

.About_Form form button {
    background: #4f8b4e;
    padding: 0.11rem 0.2rem;
    box-sizing: border-box;
    color: #000;
    font-size: 0.15rem;
    border-radius: 0.1rem;
    margin: 0 auto;
    margin-top: 0.3rem;
    border: none;
    cursor: pointer;
}

.Services {
    padding: 0.5rem 0px;
    width: 100%;
}

.Services .container {
    max-width: 13.2rem;
    margin: 0 auto;
    padding: 0px;
}

.Services .out {
    width: 100%;
}

.Services .out .box {
    padding: 0.2rem 0px;
    width: 100%;
    display: flex;
    align-items: center;
    background: #FFF;
    border-radius: 0.1rem;
    position: relative;
    box-shadow: 0 0.01rem 0.08rem #ddd;
    margin-bottom: 0.2rem;
    overflow: hidden;
}

.Services .out .box:nth-child(2n) {
    flex-direction: row-reverse;
}

.Services .out .box .left {
    width: 50%;
    padding: 0px 0.45rem;
    box-sizing: border-box;
}

.Services .out .box .left h5 {
    color: #000;
    font-size: 0.28rem;
    margin-bottom: 0.2rem;
}

.Services .out .box .left h5::after {
    height: 0.04rem;
    background-color: #a03739;
    width: 14%;
    display: table;
    margin-top: 0.1rem;
    content: '';
}

.Services .out .box .left ul li {
    font-size: 0.17rem;
    color: #000;
    line-height: 1.7em;
    font-weight: 400;
    word-wrap: break-word;
}

.Services .out .box .right {
    width: 50%;
    padding: 0px 0.1rem;
    box-sizing: border-box;
}

.Services .out .box .right img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    border-radius: 0.06rem;
}

.Services .out .text_box {
    width: 100%;
    padding: 0px 0.48rem;
    box-sizing: border-box;
    color: #000;
    font-size: 0.17rem;
    font-weight: bold;
}

.News_body {
    padding: 0.6rem 0px;
    width: 100%;
}

.News_body ul {
    display: flex;
    flex-wrap: wrap;
}

.News_body ul li {
    width: 25%;
    padding: 0.1rem;
    box-sizing: border-box;
}

.News_body ul li a {
    width: 100%;
    display: block;
    background: #FFF;

}

.News_body ul li .img {
    width: 100%;
    height: 79% ;
    overflow: hidden;
    position: relative;
}

.News_body ul li .img span {
    position: absolute;
    bottom: 0px;
    left: 0px;
    padding: 0.06rem 0.2rem;
    box-sizing: border-box;
    font-size: 0.17rem;
    color: #FFF;
    background: #00542b;
    display: block;
}

.News_body ul li .img img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: 0.7s ease;
}

.News_body ul li .text {
    width: 100%;
    padding: 0.23rem 0.16rem;
    box-sizing: border-box;
    box-shadow: 0px 0.01rem 0.05rem #ddd;
    border-radius: 0px 0px 0.15rem 0.15rem;
}

.News_body ul li .text h5 {
    color: #0b0b0c;
    font-size: 0.18rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 0.1rem;
}

.News_body ul li .text span {
    display: flex;
    align-items: center;
    color: #00542b;
    font-size: 0.18rem;
    margin-bottom: 0.1rem;
}

.News_body ul li .text span i {
    display: block;
    margin-right: 0.1rem;
}

.News_body ul li .text p {
    color: #000;
    font-size: 0.17rem;
    line-height: 1.5em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    /* 限制为两行 */
    overflow: hidden;
}

.News_body ul li:hover .img img {
    transform: scale(1.1);
}

.Contact_body {
    width: 100%;
    padding: 0.6rem 0px;
}

.Contact_body .container {
    max-width: 13.26rem;
    margin: 0 auto;
    padding: 0px;
}

.Contact_body .row {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.Contact_body .row .left,
.Contact_body .row .right {
    width: 50%;
    padding: 0px 0.1rem;
    box-sizing: border-box;
}

.Contact_body .row .left h5 {
    color: #000;
    font-size: 0.45rem;
    line-height: 1;
    margin-bottom: 0.45rem;
}

.Contact_body .row .left ul {
    width: 100%;
}

.Contact_body .row .left li {
    display: flex;
    align-items: center;
    margin-bottom: 0.16rem;
}

.Contact_body .row .left li svg {
    width: 0.4rem;
    height: 0.4rem;
    margin-right: 0.2rem;
    fill: #bfe35c;
}

.Contact_body .row .left li .txt b {
    font-size: 0.2rem;
    color: #000;
}

.Contact_body .row .left li .txt p {
    color: #000;
    font-size: 0.17rem;
    line-height: 1.7em;
}

.Contact_body .row .left li a {
    display: block;
    color: #676767;
    font-size: 0.17rem;
    line-height: 1.7em;
}

.Contact_body .row .left li a:hover {
    color: #000;
}

.Contact_body .row .right .form_box {
    width: 100%;
    padding: 0.45rem;
    box-sizing: border-box;
    background: #242c53;
}

.Contact_body .row .right .form_box h5 {
    color: #FFf;
    font-size: 0.24rem;
    margin-bottom: 0.1rem;
}

.Contact_body .row .right .form_box p {
    color: #fff;
    font-size: 0.17rem;
    margin-bottom: 0.1rem;
    line-height: 1.7em;
}

.Contact_body .row .right .form_box form {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.Contact_body .row .right .form_box form input {
    width: 48%;
    height: 0.5rem;
    padding: 0px 0.15rem;
    box-sizing: border-box;
    background: none;
    border: 0.01rem solid #dedede;
    color: #FFF;
    font-size: 0.17rem;
    margin-bottom: 0.2rem;
}

.Contact_body .row .right .form_box form textarea {
    width: 100%;
    background: none;
    border: 0.01rem solid #dedede;
    color: #FFF;
    font-size: 0.17rem;
    margin-bottom: 0.2rem;
    height: 1.2rem;
    padding: 0.2rem 0.15rem;
    box-sizing: border-box;
}

.Contact_body .row .right .form_box form button {
    background: none;
    border: none;
    color: #FFF;
    font-size: 0.17rem;
    margin-top: 0.1rem;
    font-weight: bold;
}

.map_box {
    width: 100%;
    height: 5rem;
    background: #DDDDDD;
}

.map_box iframe {
    width: 100%;
    height: 100%;
}

.News_Details {
    width: 100%;
    padding: 0.6rem 0px;
}

.News_Details .row {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.News_Details .row .left {
    padding-right: 0.1rem;
    width: 25%;
    box-sizing: border-box;
}

.News_Details .row .left .box {
    width: 100%;
    background: #FFF;
    border: 0.01rem solid #e5e5e5;
    padding: 0.2rem;
    margin-bottom: 0.4rem;
    border-radius: 0.09rem 0.09rem 0 0;
    box-shadow: 0 0.01rem 0.06rem #ddd;
    box-sizing: border-box;
}

.News_Details .row .left .box .title {
    color: #000;
    font-size: 0.24rem;
    margin-bottom: 0.1rem;
    font-weight: bold;
}

.News_Details .row .left .box ul {
    width: 100%;
}

.News_Details .row .left .box li {
    margin-bottom: 0.18rem;
}

.News_Details .row .left .box li h5 {
    color: #000;
    font-size: 0.17rem;
    margin-bottom: 0.1rem ;
}

.News_Details .row .left .box li span {
    color: #000;
    font-size: 0.17rem;
}

.News_Details .row .right {
    width: 75%;
    padding-left: 0.1rem;
    box-sizing: border-box;
}

.News_Details .row .right .title_img {
    width: 4.47rem ;
    height: 4.47rem ;
    position: relative;
    overflow: hidden ;
}

.News_Details .row .right .title_img img {
    width: 100%;
    height: 100% ;
    object-fit: cover ;
    display: block;
        transition: .5s ease-in-out;
}

.News_Details .row .right .title_img:hover img {
    transform: scale(1.1) ;
}

.News_Details .row .right .title_img span {
    position: absolute;
    bottom: 0px;
    left: 0px;
    color: #FFF;
    font-size: 0.17rem;
    background: #00542b;
    padding: 0.06rem 0.2rem;
    box-sizing: border-box;
}

.News_Details .row .right .text {
    width: 100%;
    background: #FFF;
    padding: 0.23rem 0.15rem;
    box-sizing: border-box;
    box-shadow: 0px 0.01rem 0.05rem #ddd;
    border-radius: 0px 0px 0.15rem 0.15rem;
}

.News_Details .row .right .text .title {
    width: 100%;
}

.News_Details .row .right .text .title h5 {
    font-size: 0.24rem;
    color: #000;
    margin-bottom: 0.1rem;
}

.News_Details .row .right .text .title span {
    display: flex;
    align-items: center;
    color: #00542b;
    font-size: 0.18rem;
}

.News_Details .row .right .text .title i {
    color: #00542b;
    font-size: 0.18rem;
    display: block;
    margin-right: 0.1rem;
}

.News_Details .row .right .txt {
    margin: 0.16rem 0px;
    line-height: 1.7em;
    color: #000;
    font-size: 0.17rem;
}

.News_Details .row .right .txt p {
    margin: 0.16rem 0px;
    line-height: 1.7em;
    color: #000;
    font-size: 0.17rem;
}

.Products_Details {
    width: 100%;
}

.Products_Details .container {
    max-width: 13.2rem;
    margin: 0 auto;
    padding: 0px;
}

.bread_crumbs {
    width: 100%;
    padding: 0.18rem;
    box-sizing: border-box;
    background: #FFF;
    box-shadow: 0 0.01rem 0.08rem #efefef;
    border-radius: 0.05rem;
    display: flex;
    align-items: center;
    color: #000;
    font-size: 0.17rem;
}

.bread_crumbs a {
    color: #00542b;
    font-weight: 700;
    font-size: 0.17rem;
}

.bread_crumbs span {
    display: block;
    margin: 0px 0.05rem;
}

.bread_crumbs p {
    color: #000;
    font-size: 0.17rem;
}

.Products_TopBox {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 0.2rem;
}

.Products_TopBox .left {
    width: 41%;
}

.Products_TopBox .right {
    width: 50%;
}

.Products_TopBox .right h5 {
    color: #000;
    font-size: 0.32rem;
    margin-bottom: 0.1rem;
}

.Products_TopBox .right ul {
    margin-top: 0.4rem;
    list-style: circle;
}

.Products_TopBox .right ul li {
    color: #000;
    font-size: 0.17rem;
    padding: 0.04rem 0px;
    line-height: 1.5em;
    font-weight: bold;
}

.Products_TopBox .right a {
    background: #00542b;
    color: #fff;
    padding: 0.1rem 0.15rem;
    border-radius: 0.04rem;
    font-weight: 600;
    font-size: 0.17rem;
    margin-top: 0.4rem;
    display: inline-block;
}

.Products_TopBox .left .Products_swiper {
    width: 100%;
    height: 4rem;
    border: 0.01rem solid #eee;
}

.Products_TopBox .left .Products_swiper .swiper-slide {
    width: 100%;
    height: 100%;
}

.Products_TopBox .left .Products_swiper .swiper-slide img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
}

.Products_TopBox .left .Products_swiper2 {
    width: 100%;
    margin-top: 0.1rem;
}

.Products_TopBox .left .Products_swiper2 .swiper-slide {
    width: 1.18rem;
    height: 1rem;
    margin: 0.05rem;
    border: 0.01rem solid #eee;
    box-sizing: border-box;
}

.Products_TopBox .left .Products_swiper2 .swiper-slide img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
}


.Products_TopBox .left .Products_swiper2 .swiper-button-next,
.Products_TopBox .left .Products_swiper2 .swiper-button-prev {
    width: 0.35rem;
    height: 0.35rem;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
    background: #00542b;
    border-radius: 50%;
}

.Products_TopBox .left .Products_swiper2 .swiper-button-next::after,
.Products_TopBox .left .Products_swiper2 .swiper-button-prev::after {
    color: #FFF;
    font-size: 0.17rem;
}

.Products_button_list {
    width: 100%;
    display: flex;
    align-items: center;
    margin: 0.2rem 0px;
}

.Products_button_list span {
    background: #e2ebe1;
    padding: 0.12rem 0.2rem;
    box-sizing: border-box;
    color: #518a4e;
    font-size: 0.18rem;
    font-weight: bold;
    display: block;
    cursor: pointer;
    margin: 0.04rem;
}

.Products_button_list span.active,
.Products_button_list span:hover {
    background: #00542b;
    color: #FFF;
}

.Products_Details .content_swiper {
    width: 100%;
    padding-bottom: 0.5rem;
}

.Products_Details .content_swiper .swiper-slide {
    display: none ;
    overflow: auto ;
}

.Products_Details .content_swiper .Certifications_list .row {
    display: flex ;
    flex-wrap: wrap ;
}

.Products_Details .content_swiper .Certifications_list .row .item {
    width: 25% ;
    padding: 0.1rem ;
    box-sizing: border-box;
}

.Products_Details .content_swiper .Certifications_list .row .item img {
    width: 100% ;
    height: auto ;
    display: block ;
}

.Products_Details .content_swiper .swiper-slide.active { 
    display: block ;
}

.Products_Details .content_swiper .Information {}

.Products_Details .content_swiper .Information iframe {
    min-width: 5.6rem;
    min-height: 3.15rem;
    background: #DDDDDD;
}

.Products_Details .content_swiper .Information p {
    font-size: 0.17rem;
    color: #000;
    line-height: 1.7em;
    margin: 0.16rem 0px;
}

.Products_Details .content_swiper .Information ol , .Products_Details .content_swiper .Information ul {
    padding-left: 2% ;
}

.Products_Details .content_swiper .Information h5 {
    color: #000;
    font-size: 0.24rem;
}

.Products_Details .content_swiper .Information h4{
    color: #000;
    font-size: 0.24rem;
}

.Products_Details .content_swiper .Information li {
    font-size: 0.17rem;
    color: #000;
    line-height: 1.7em;
}

.Products_Details .content_swiper .Information img {
    width: auto;
    max-width: 100%;
    height: auto;
    
  
}

.Products_Details .content_swiper .FAQ_list {
    width: 100%;
    padding: 0.2rem;
    box-sizing: border-box;
}

.Products_Details .content_swiper .FAQ_list li {
    background: #FFF;
    padding: 0.11rem 0.2rem;
    box-sizing: border-box;
    border-bottom: 0.01rem solid #c6c6c6;
    box-shadow: 0px 0px 0.1rem 0.01rem #0000001c;
    margin-bottom: 0.2rem;
    border-radius: 0.04rem;
    cursor: pointer;
}

.Products_Details .content_swiper .FAQ_list li .title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    box-sizing: border-box;
}

.Products_Details .content_swiper .FAQ_list li .title h5 {
    color: #000;
    font-size: 0.2rem;
}

.Products_Details .content_swiper .FAQ_list li .title span {
    font-size: 0.16rem;
    color: #000;
}

.Products_Details .content_swiper .FAQ_list li .txt {
    width: 100%;
    color: #000;
    font-size: 0.17rem;
    line-height: 1.7em;
    display: none;
}

.Products_Details .content_swiper .FAQ_list li .txt p {
    color: #000;
    font-size: 0.17rem;
    margin: 0.16rem 0px;
    line-height: 1.7em;
}

.Products_Details .content_swiper .FAQ_list li.active .title h5 {
    color: #518a4f;
}

.Recommended_Products {
    width: 100%;
    padding: 0.6rem 0px;
    background: #f2f3e7;
}

.Recommended_Products .container {
    max-width: 13.2rem;
    padding: 0px;
    margin: 0px auto;
}

.Recommended_Products ul {
    display: flex;
    flex-wrap: wrap;
}

.Recommended_Products li {
    width: 25%;
    padding: 0px 0.15rem;
    box-sizing: border-box;
}

.Recommended_Products li a {
    background: #fff;
    border-radius: 0.15rem;
    overflow: hidden;
    box-shadow: 0 0 0.04rem #ddd;
    transition: 1s all ease;
    width: 100%;
    display: block;
}

.Recommended_Products li .img {
    width: 100%;
    height: 2.7rem;
    overflow: hidden;
}

.Recommended_Products li .img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.Recommended_Products li .title {
    width: 100%;
    padding: 0.15rem;
    box-sizing: border-box;
}

.Recommended_Products li .title span {
    width: 100%;
    display: block;
    color: #000;
    border-bottom: 0.01rem solid #eee;
    padding-bottom: 0.1rem;
    font-size: 0.16rem;
    font-weight: bold;
}

.Recommended_Products li:hover a {
    transform: scale(1.1);
}

@keyframes slideInDown {
    0% {
        transform: translateY(-100%);
    }

    100% {
        transform: translateY(0%);
    }
}


.Nav.slideInDown  {
    position: fixed ;
    top: 0px ;
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown ;
    animation-duration: 1s ;
    background: #FFF ;
    box-shadow: 0px 0px 0.04rem #0000003a;
}

.International_language {
    position: fixed ;
    width: 100% ;
    height: 100% ;
    top: 0px ;
    left: 0px ;
    z-index: 99999 ;
    background: rgba(0, 0, 0,0.8);
    display: none ;
}

.International_language ul {
    width: auto ;
    height: auto ;
    background: white ;
    padding: 0.06rem 0.16rem ;
    box-sizing: border-box ;
    position: absolute ;
    top: 50% ;
    left: 50% ;
    transform: translate(-50%,-50%);
}

.International_language ul  li a {
    width: 100% ;
    display: flex ;
    align-items: center ;
    color: #00703E ;
    font-size: 0.15rem ;
    padding: 0.06rem 0px ;
    border-bottom: 0.01rem solid #cccccc ;
}

.International_language ul  li img {
    width: 0.24rem ;
    height: 0.24rem ;
    display: block ;
    margin-right: 0.06rem ;
}

.International_language ul  li.active a {
    font-weight: bold ;
}

.search_box {
    width: 100% ;
    position: fixed ;
    top: 0px ;
    left: 0px ;
    background: rgba(0, 0, 0,0.85) ;
    height: 100% ;
    z-index: 999999 ;
    transform: scale(0.94);
    visibility: hidden ;
    transition: 0.8s all ;
    opacity: 0 ;
}

.search_box.active {
    transform: scale(1);
    visibility: inherit ;
    opacity: 1 ;
}

.search_box  .guanbi {
    position: fixed ;
    right: 0.6rem ;
    top: 0.6rem ;
    color: #9a9797 ;
    font-size: 0.26rem ;
    cursor: pointer;
}

.search_box form {
    position: absolute ;
    top: 50% ;
    left: 50% ;
    transform: translate(-50%,-50%);
    width: 8rem ;
    height: 0.5rem ;
}

.search_box form input {
    width: 100% ;
    height: 100% ;
    background: #FFF ;
    padding: 0px 0.7rem 0px 0.2rem ;
    box-sizing: border-box ;
    border-radius: 0.06rem ;
    font-size: 0.17rem ;
}

.search_box form button {
    width: 0.4rem ;
    height: 0.4rem ;
    background: #528b4f ;
    border-radius: 0.05rem ;
    right: 0.05rem ;
    position: absolute ;
    top: 0.05rem ;
    border: none ;
    cursor: pointer;
}

.search_box form button i {
    color: #fff ;
    font-size: 0.15rem ;
}










table {
    caption-side: bottom;
    border-collapse: collapse;
}

table,
thead,
tbody,
tfoot,
tr,
td,
th {
    border: 0.01rem solid #333;
    padding: 0.05rem;
    color: #000;
    font-size: 0.17rem;
}


.menubtn {
    width: 28.44px;
    height: 28.44px;
    position: relative;
    cursor: pointer;
    display: none;
    align-items: center;
}

.menubtn span {
    display: block;
    width: 28.44px;
    height: 3px;
    background: #383635;
    position: relative;
    vertical-align: middle;
    -webkit-transition-duration: .3s, .3s;
    -moz-transition-duration: .3s, .3s;
    -ms-transition-duration: .3s, .3s;
    -o-transition-duration: .3s, .3s;
    transition-duration: .3s, .3s;
    -webkit-transition-delay: .3s, 0s;
    -moz-transition-delay: .3s, 0s;
    -ms-transition-delay: .3s, 0s;
    -o-transition-delay: .3s, 0s;
    transition-delay: .3s, 0s;
}

.menubtn span:after,
.menubtn span:before {
    content: "";
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 3px;
    left: 0;
    background-color: #383635;
    -webkit-transition-duration: .3s, .3s;
    -moz-transition-duration: .3s, .3s;
    -ms-transition-duration: .3s, .3s;
    -o-transition-duration: .3s, .3s;
    transition-duration: .3s, .3s;
    -webkit-transition-delay: .3s, 0s;
    -moz-transition-delay: .3s, 0s;
    -ms-transition-delay: .3s, 0s;
    -o-transition-delay: .3s, 0s;
    transition-delay: .3s, 0s;
}

.menubtn span:before {
    top: -10px;
    -webkit-transition-property: top, transform;
    -moz-transition-property: top, transform;
    -ms-transition-property: top, transform;
    -o-transition-property: top, transform;
    transition-property: top, transform;
}

.menubtn span:after {
    bottom: -10px;
    -webkit-transition-property: bottom, transform;
    -moz-transition-property: bottom, transform;
    -ms-transition-property: bottom, transform;
    -o-transition-property: bottom, transform;
    transition-property: bottom, transform;
}

.menubtn.active span {
    background-color: transparent;
    -webkit-transition-delay: 0s, 0s;
    -moz-transition-delay: 0s, 0s;
    -ms-transition-delay: 0s, 0s;
    -o-transition-delay: 0s, 0s;
    transition-delay: 0s, 0s;
}

.menubtn.active span:after,
.menubtn.active span:before {
    -webkit-transition-delay: 0s, .3s;
    -moz-transition-delay: 0s, .3s;
    -ms-transition-delay: 0s, .3s;
    -o-transition-delay: 0s, .3s;
    transition-delay: 0s, .3s
}

.menubtn.active span:before {
    top: 0px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.menubtn.active span:after {
    bottom: 0px;

    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.SmallScreenNavigation {
    position: fixed ;
    width: 100% ;
    height: 100vh;
    top: 0px ;
    left: 0px ;
    z-index: 9999999 ;
    transform: translateX(100%);
    visibility: hidden;
    opacity: 0 ;
    transition: 0.8s ease ;
}

.SmallScreenNavigation::after {
    content: "" ;
    position: absolute ;
    width: 100%  ;
    height: 100vh;
    background: #518a4e ;
    opacity: 0.7 ;
    z-index: 1 ;
    top: 0px ;
    left: 0px ;
}

.SmallScreenNavigation .out {
    max-width: 3rem ;
    width: 75% ;
    background: #FFF ;
    height: 100%;
    margin-left: auto ;
    position: relative;
    z-index: 10 ;
    padding-top: 0.2rem ;
}

.SmallScreenNavigation .out .logo {
    padding: 0.3rem 0.25rem ;
    box-sizing: border-box ;
    display: block ;
}

.SmallScreenNavigation .out .logo img {
    width: auto;
    max-width: 100% ;
    display: block ;
}

.SmallScreenNavigation .guanbi {
    margin-left: auto ;
    font-size: 0.3rem ;
    display: block ;
    color: #000 ;
    width: 0.3rem ;
    height: 0.3rem ;
    cursor: pointer;
}

.SmallScreenNavigation ul {
    width: 100% ;
}

.SmallScreenNavigation ul li {
    width: 100% ;
    border-top: 0.01rem solid #000 ;
}

.SmallScreenNavigation ul li a {
    color: #000 ;
    font-size: 0.19rem ;
    padding: 0.1rem 0.25rem ;
    box-sizing: border-box ;
    display: block ;
}

.SmallScreenNavigation .Enquire {
    background: #005c2f ;
    padding: 0.1rem 0.2rem ;
    color: #FFF ;
    font-size: 0.2rem ;
    display: block ;
}

.SmallScreenNavigation .icon_list {
    width: 100% ;
    display: flex ;
    justify-content: center ;
    align-items: center ;
    margin-top: 0.4rem ;
}

.SmallScreenNavigation .icon_list a {
    display: block ;
    margin: 0px 0.05rem ;
}

.SmallScreenNavigation .icon_list a i {
    font-size: 0.35rem ;
    color: #333 ;
}

.SmallScreenNavigation.active {
    transform: translateX(0px);
    visibility: visible ;
    opacity: 1 ;
}

.top-header-left {
    position: fixed;
    right: 0;
    top: 34%;
    z-index: 9
}

.top-header-left ul li a {
    text-decoration: none;
    color: #fff;
    transition: .3s ease-in-out;
    font-size: 23px;
    background: #6bc335;
    padding: 10px;
    display: block;
    margin-bottom: 2px;
    text-align: center;
    margin-left: 0
}

.top-header-left ul li a:hover {
    background: #000;
    transition: .3s ease-in-out;
    margin-left: -3px
}

@media (max-width:768px) {
    .Top_nav {
        display: none ;
    }

    .menubtn {
        display: flex ;
    }

    .Nav .right {
        display: none ;
    }

    .container {
        padding: 0px 0.2rem ;
    }

    header {
        min-height: 0.82rem ;
    }

    .Nav .logo {
        width: 1.9rem ;
    }

    .banner_swiper .swiper-slide .text {
        padding: 0px ;
    }

    .banner_swiper .swiper-slide .text .txt {
        width: 90% ;
        margin: 0 auto ;
    }

    .banner_swiper .swiper-slide .text .txt h5{
        font-size: 0.3rem ;
    }

    .About .out .left {
        width: 100% ;
        padding-right: 0px ;
    }

    .About .out .right {
        width: 100% ;
        padding-left: 0px ;
    }

    .About .out_list {
        flex-wrap: wrap ;
    }

    .About .out_list .title {
        width: 100% ;
        padding-right: 0px ;
        text-align: center ;
        font-size: 0.3rem ;
    }

    .About .out_list ul  {
        width: 100% ;
        flex-wrap: wrap ;
    }

    .About .out_list ul li {
        width: 50% ;
        padding: 0.1rem ;
        box-sizing: border-box ;
    }

    .Our_Products .swiper-slide {
        width: 100% ;
    }

    .Banner_Contact .left {
        display: none ;
    }

    .Banner_Contact .right {
        width: 100% ;
    }

    .Banner_Contact .txt {
        width: 100% ;
        padding: 0.2rem 0.2rem ;
        box-sizing: border-box ;
    }

    .public_title {
        width: 100% ;
    }

    .Why_Choose ul {
        flex-wrap: wrap ;
    }

    .Why_Choose ul li {
        width: 100% ;
        margin: 0.16rem 0px ;
    }

    .Professional .swiper-slide {
        width: 100% ;
    }

    .What_New_swiper .swiper-slide {
        width: 100% ;
    }

    .footer ul {
        flex-wrap: wrap ;
    }

    .footer ul li {
        width: 100% ;
        padding: 0px ;
        margin: 0.16rem 0px ;
    }

    .footer ul li:nth-child(2), .footer ul li:nth-child(3) {
        padding: 0px ;
        width: 100% ;
    }

    .footer .container {
        padding: 0px 0.2rem ;
        box-sizing: border-box ;
    }

    .footer ul li h5 {
        margin-bottom: 0.2rem ;
    }
    
    .Copyright {
        flex-wrap: wrap ;
    }

    .public_title h5 {
        font-size: 0.35rem ;
    }

    .banner {
        height: 1.2rem ;
    }

    .banner h5 {
        font-size: 0.3rem ;
        width: 100% ;
        text-align: center ;
    }

    .Products .row {
        flex-wrap: wrap ;
    }

    .Products .row .Sidebar_Categories {
        width: 100% ;
        padding-right: 0px ;
    }

    .Products .row .right {
        width: 100% ;
        padding-left: 0px ;
    }

    .Products .row .right .title {
        box-sizing: border-box ;
    }

    .Products .row .right ul li {
        width: 100% ;
    }

    .About-us .row {
        flex-wrap: wrap ;
    }

    .About-us .row .left {
        width: 100% ;
        padding-right: 0px ;
    }

    .About-us .row .right {
        width: 100% ;
        padding-left: 0px ;
    }

    .Why_Choose_About .container, .Professional_About .container {
        padding: 0px 0.2rem ;
        box-sizing: border-box ;
    }

    .Honor＿Certificate .swiper-slide {
        width: 100% ;
    }

    .About_Form .container , .Services .container , .Products_Details .container {
        padding: 0px 0.2rem ;
        box-sizing: border-box ;
    }

    .About_Form form input {
        width: 100% ;
    }

    .Services .out .box {
        flex-wrap: wrap ;
    }

    .Services .out .box .left {
        width: 100% ;
        padding: 0px 0.2rem ;
    }

    .Services .out .box .right {
        width: 100% ;
        margin-top: 0.2rem ;
    }

    .News_body ul li {
        width: 100% ;
    }

    .Contact_body .row .left, .Contact_body .row .right {
        width: 100% ;
    }

    .Contact_body .row .right .form_box form input {
        width: 100% ;
    }

    .Contact_body .row .right .form_box {
        padding: 0.4rem 0.2rem ;
    }

    .Contact_body .row .left h5 {
        font-size: 0.35rem ;
    }

    .Products_TopBox {
        flex-wrap: wrap ;
    }

    .Products_TopBox .left {
        width: 100% ;
    }

    .Products_TopBox .right {
        width: 100% ;
        margin-top: 0.4rem ;
    }

    .Products_TopBox .right ul {
        padding-left: 0.4rem ;
        box-sizing: border-box ;
    }

    .Products_button_list {
        flex-wrap: wrap ;
    }

    .Recommended_Products li {
        width: 100% ;
        padding: 0.1rem ;
        box-sizing: border-box ;
    }

    .Products_Details .content_swiper .FAQ_list {
        padding: 0.2rem 0px 
    }

    .Products_Details .content_swiper .Information iframe {
        min-width: auto ;
        max-width: 100% ;
        min-height: auto ;
    }

    .News_Details .row .left {
        width: 100% ;
        padding-right: 0px ;
    }

    .News_Details .row .right {
        width: 100% ;
        padding-left: 0px ;
    }

    .News_Details .row .right .title_img {
        width: 100% ;
    }
    
    .Products_Details .content_swiper .Certifications_list .row .item {
        width: 50% ;
    }

}

@media (min-width:769px) and (max-width:1024px) {
    .Top_nav{
        display: none ;
    }

    .menubtn {
        display: flex ;
    }

    header {
        min-height: 0.82rem ;
    }

    .Nav .right {
        display: none ;
    }

    .About .out .left {
        width: 100% ;
    }

    .About .out .right {
        width: 100% ;
    }

    .About .out_list {
        flex-wrap: wrap ;
    }

    .About .out_list .title {
        width: 100% ;
        text-align: center ;
    }

    .About .out_list ul {
        width: 100% ;
        margin-top: 0.4rem ;
    }

    .Banner_Contact .txt::before {
        display: none ;
    }

    .Banner_Contact .right {
        width: 80% ;
        padding-left: 0.2rem ;
        box-sizing: border-box ;
    }

    .public_title {
        width: 100% ;
    }

    .Why_Choose ul {
        flex-wrap: wrap ;
    }

    .Why_Choose ul li {
        width: 50% ;
        padding: 0.1rem ;
    }

    .Professional .swiper-slide {
        width: 50% ;
    }

    .What_New_swiper .swiper-slide {
        width: 50% ;
    }

    .footer ul {
        padding: 0px 0.6rem ;
        box-sizing: border-box ;
        flex-wrap: wrap ;
    }

    .footer ul  li {
        width: 50% ;
        padding: 0.2rem ;
        box-sizing: border-box ;
    }

    .banner {
        height: 2.6rem ;
    }

    .Products .row .right ul  {
        justify-content: space-between ;
    }

    .Products .row .right ul li .img {
        height: 3rem ;
    }

    .Products .row .right ul li {
        width: 48% ;
        margin-right: 0px ;
    }

    .News_body ul li {
        width: 50% ;
    }

    .Products_Details .container {
        padding: 0px 0.5rem ;
        box-sizing: border-box ;
    }

}

@media (min-width:1601px) and (max-width:1920px) {
    html {
        font-size: 100px;
        font-size: calc(100vw / 19.2);
    }
}

@media (min-width:1441px) and (max-width:1600px) {
    html {
        font-size: 75px;
        font-size: calc(100vw / 16);
    }
}

@media (min-width:1025px) and (max-width:1440px) {
    html {
        font-size: 100px;
        font-size: calc(100vw / 14.4);
    }
    
    .banner h5 {
        max-width: 3.3rem ;
        font-size: 0.33rem ;
    }

}

@media (min-width:769px) and (max-width:1024px) {
    html {
        font-size: 100px;
        font-size: calc(100vw / 10.24);
    }
}

@media (min-width:426px) and (max-width:768px) {
    html {
        font-size: 100px;
        font-size: calc(100vw / 7.68);
    }
}

@media (max-width:425px) {
    html {
        font-size: 100px;
        font-size: calc(100vw / 4.25);
    }
}

@media (min-width:1920px) {
    html {
        font-size: 100px;
        font-size: calc(100vw / 19.2);
    }
}