@charset "utf-8";

/* 调大看小 */
@media screen and (max-width: 1680px) {
    .hc_cont1410,
    .hc_cont1660{
        width: 1320px;
    }

    .mod-nav-link {
        padding: 20px 20px;
        font-size: 22px;
    }

    .about-info {
        padding: 65px 0 90px;
    }

    .about-info .text p {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .mod-tits .subtit {
        margin-top: 12px;
    }

    .mod-tits .tits {
        font-size: 40px;
    }
    
    .about-idea .item .content {
        padding: 70px 30px;
    }

    .about-idea .item .content .title {
        font-size: 24px;
    }

    .about-idea .item .content .type {
        margin-bottom: 25px;
    }

    .about-history {
        padding-top: 120px;
    }

    .about-history-item .year {
        font-size: 220px;
    }

    .about-history-list {
        width: 650px;
    }

    .about-history-slick {
        width: 900px;
    }

    .about-history-slick {
        width: 820px;
    }

    .about-history-progress {
        width: 20px;
    }
    
    .about-history-progress .progress-actives::after {
        width: 36px;
    }

    .about-history .imgs {
        margin-top: -80px;
    }

    .about-history-item .content .years {
        margin-bottom: 15px;
    }

    .about-history-item .content .years {
        margin-bottom: 10px;
    }
    
    .about-honor {
        padding: 90px 0 0;
    }

    .about-honor .right {
        width: 330px;
    }

    .about-honor .left {
        width: calc(100% - 330px);
        padding-right: 60px;
        padding-left: calc((100% - 1320px) / 2);
        padding-bottom: 70px;
    }

    .about-honor .left .text {
        margin-top: 38px;
    }

    .about-honor-item {
        padding: 0 20px;
    }

    .about-honor-list {
        margin: 0 -20px;
    }

    .about-honor-slick {
        width: 88.108527%;
        margin-top: 40px;
    }

    .about-honor-content {
        padding: 30px 30px 40px;
    }

    .about-honor-content .imgs {
        margin-bottom: 25px;
    }

    .contact .flex .left {
        padding: 50px 50px;
        border-radius: 22px;
        margin-top: -12.5%;
    }

    .contact .flex .left .title {
        font-size: 32px;
        margin-bottom: 22px;
    }

    .contact .mod_form {
        --form-margin: -9px;
        --form-padding: 9px;
        --form-item-botton: 20px;
        --form-item-br: 10px;
        --form-item-width: 100%;
        --form-item-height: 53px;
        --form-item-padding: 25px;
        --form-label-size: 16px;
        --form-textarea-height:180px;
    }

    .contact .mod_form .mod_form_item .conts button p {
        font-size: 20px;
    }

    .contact .mod_form .mod_form_item .conts button span {
        width: 28px;
        height: 28px;
    }

    .contact .flex .right .item .iconfont {
        width: 56px;
        height: 56px;
    }

    .contact .flex .right .item .content {
        width: calc(100% - 56px);
        padding-left: 20px;
    }

    .contact .flex .right .item .content .key {
        font-size: 20px;
        padding-bottom: 20px;
        padding-top: 6px;
        margin-bottom: 18px;
    }

    .contact .mod_form .mod_form_item .conts button {
        margin-top: 15px;
    }

    .contact {
        padding: 0 60px 80px;
    }
    
    .contact .flex .right .item .iconfont {
        font-size: 24px;
    }

    .news {
        padding: 90px 60px 90px;
    }

    .news .news-title {
        margin-bottom: 50px;
    }

    .news-item-link .left .imgs {
        width: 460px;
        margin-right: 45px;
    }

    .news-item-link .left .content {
        width: 700px;
    }

    .news-item-link .left .content .tits {
        font-size: 24px;
    }

    .news-item {
        padding-bottom: 45px;
        margin-bottom: 45px;
    }

    .mod_page {
        margin-top: 70px;
    }

    .product-flex {
        padding: 90px 0;
    }

    .product-flex .left {
        width: 254px;
        margin-left: 4vw;
    }

    .product-flex .right {
        margin-right: 50px;
    }

    .product-item {
        padding: 0 20px;
        margin-bottom: 60px;
    }

    .product-list {
        margin: 0 -20px -60px;
    }

    .product-link .content .tits {
        font-size: 20px;
        margin-bottom: 24px;
    }

    .product-link .imgs {
        margin-bottom: 26px;
    }

    .product-link .content .type .items {
        margin-right: 14px;
        margin-bottom: 14px;
    }

    .product-nav-item {
        padding: 24px 0;
    }

    .prodeta-flex .left {
        width: 39%;
    }

    .prodeta {
        padding-top: 90px;
        padding-bottom: 90px;
        padding-left: 6vw;
        padding-right: 60px;
    }

    .prodeta-blist .slick-dots {
        right: 32px;
        bottom: 26px;
    }

    .prodeta-info .title {
        font-size: 30px;
        margin-bottom: 24px;
    }

    .prodeta-info .parameter {
        margin-bottom: 25px;
        margin-top: 50px;
    }

    .prodeta-info .specification {
        margin-bottom: 60px;
    }

    .prodeta-info .inquire-btns {
        width: 140px;
        height: 44px;
        font-size: 16px;
    }

    .prodeta-info {
        padding-bottom: 60px;
        margin-bottom: 60px;
    }

    .prodeta-describe .prodeta-tit {
        margin-bottom: 36px;
    }

    .prodeta-describe,
    .prodeta-inquiry {
        margin-bottom: 70px;
    }

    .prodeta-inquiry .mod_form {
        --form-margin: -7px;
        --form-padding: 7px;
        --form-item-botton: 15px;
        --form-item-br: 4px;
        --form-item-width: 50%;
        --form-item-height: 50px;
        --form-item-padding: 18px;
        --form-label-size: 14px;
        --form-textarea-height: 180px;
    }

    .prodeta-inquiry .mod_form .mod_form_item.proname .conts input,
    .prodeta-inquiry .mod_form .mod_form_item.proname .conts label {
        font-size: 16px;
    }

    .prodeta-recommend-item {
        padding: 0 30px;
    }

    .prodeta-recommend-list {
        margin: 0 -30px;
    }

    .mod-structure1 .title {
        font-size: 36px;
    }

    .organic-animal-section {
        padding-top: 70px;
    }

    .organic-title {
        font-size: 26px;
    }

    .organic-title::before {
        width: 9px;
        height: 9px;
        margin: 0 15px;
        margin-top: 11px;
    }

    .organic-edit {
        padding-top: 40px;
    }

    .organic-edit p {
        font-size: 18px;
        margin-bottom: 15px;
    }

    .organic-imgs {
        margin-top: 50px;
        border-radius: 24px;
    }

    .organic-animal {
        padding: 60px 0 100px;
    }

    .organic-honor {
        margin: 36px -15px 0;
    }

    .organic-honor-item {
        padding: 0 15px;
    }

    .organic-principle-content {
        border-radius: 24px;
        padding: 40px 40px;
        min-height: 220px;
    }

    .organic-procedur {
        margin-top: 40px;
    }

    .organic-principle-content {
        border-radius: 20px;
        padding: 36px 36px;
        min-height: 220px;
    }

    .organic-principle-content .content .key {
        font-size: 20px;
    }

    .organic-procedur-item .left .iconfont {
        font-size: 44px;
        color: #199296;
        margin-bottom: 30px;
    }

    .organic-procedur-item .left .tits {
        font-size: 24px;
        margin-bottom: 15px;
    }

    .organic-procedur-item .left {
        padding-top: 30px;
        padding-bottom: 30px;
        padding-left: 70px;
        padding-right: 80px;
    }

    .organic-test-imgs {
        width:90%;
        margin-top: 80px;
    }

    .organic-production {
        padding-bottom: 100px;
    }

    .header {
        --height: 90px;
        padding: 0 50px;
    }

    .header-logo {
        width: 250px;
    }
    
    .header-language::after {
        height: 12px;
        margin: 0 18px;
    }

    .header::after {
        height: 120px;
    }

    .hd_item {
        /* margin-right: 60px; */
        margin-right: 40px;
    }

    .go-dowm {
        bottom: 30px;
    }

    .home-about .title {
        font-size: 32px;
    }

    .home-about {
        padding: 90px 0;
    }

    .home-about .text p {
        font-size: 18px;
    }

    .home-about .more-link {
        margin-top: 50px;
    }

    .home-about-list {
        margin: 7vw var(--flex-margin) -30px;
    }

    .home-about-content {
        padding: 24px 24px 14px;
    }

    .home-about-content .number {
        font-size: 60px;
        margin-right: 15px;
    }

    .home-about-content .info {
        margin-top: 8px;
    }

    .mod-tit46 {
        font-size: 40px;
    }

    .home-product {
        padding: 90px 60px;
    }

    .home-product-item {
        padding: 0 20px;
    }

    .home-product-list {
        margin: 50px -20px 0;
    }

    .home-product-link .bottom .tits p {
        font-size: 20px;
    }

    .home-product-link .bottom {
        height: 230px;
        margin-top: -50px;
        padding: 0 24px 20px;
    }

    .home-jumb-content .data span {
        font-size: 100px;
        transform: translateY(10px);
    }

    .home-jumb-content .data {
        font-size: 40px;
    }

    .home-jumb-content .title p {
        font-size: 40px;
        letter-spacing: 3px;
    }

    .home-jumb-content .title .type {
        padding: 9px 25px;
        margin-right: 40px;
    }

    .home-news {
        padding: 90px 0;
    }

    .home-news-item {
        padding: 0 20px;
    }

    .home-news-list {
        margin: 50px -20px 0;
    }

    .home-news-link .tits {
        font-size: 20px;
        margin-bottom: 16px;
    }

    .home-news-link .time {
        margin-bottom: 10px;
    }

    .home-news-link .img_box {
        margin-bottom: 28px;
    }

    .footer-top {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .footer-logo {
        width: 400px;
        margin-bottom: 40px;
    }

    .footer-top .left .section {
        margin-right: 60px;
    }

    .footer-top .left .section .content a {
        font-size: 20px;
    }

    .footer-nav {
        margin-right: 5vw;
    }

    .footer-top .left {
        padding-top: 20px;
    }

    .footer-bottom {
        padding: 30px 0;
    }

    .footer-bottom .group-link {
        margin-right: 30px;
    }

    .footer-bottom .right .items i {
        margin-right: 10px;
    }

    .footer-nav .title {
        font-size: 20px;
    }

    .custom-nutrition-think {
        padding-top: 70px;
        padding-bottom: 60px;
    }

    .custom-think-item:nth-child(even) .left {
        padding-left: 80px;
    }

    .custom-think-item .left .texts {
        margin-top: 30px;
    }

    .custom-nutrition-material .texts {
        margin-top: 45px;
    }

    .custom-think-item .left .tits {
        font-size: 26px;
    }

    .custom-material-content {
        width: 650px;
        height: 650px;
        margin-top: 90px;
    }

    .custom-material-content .c2 {
        width: 550px;
        height: 550px;
    }
    
    .custom-material-content .conts {
        width: 460px;
    }

    .custom-material-content .conts .info .subtit {
        font-size: 28px;
    }

    .custom-material-content .conts .info .tits {
        font-size: 36px;
        line-height: 100%;
    }

    .custom-material-content .conts .info .titen {
        line-height: 100%;
        margin-top: 15px;
    }

    .custom-material-content .conts .info {
        bottom: 60px;
    }

    .custom-material-item p {
        font-size: 22px;
    }

    .custom-nutrition-material {
        padding: 50px 0 110px;
    }

    .custom-raw {
        padding: 90px 0 0;
    }

    .custom-raw-chain {
        padding-top: 70px;
    }

    .custom-raw-chain .imgs {
        border-radius: 20px;
        margin-top: 50px;
    }

    .custom-raw-safety {
        padding-top: 80px;
    }

    .custom-safety-item {
        padding: 0 26px;
        margin-bottom: 30px;
    }

    .custom-safety-list {
        margin: 40px -26px -30px;
    }

    .custom-quality {
        padding-top: 90px;
    }

    .custom-quality .imgs {
        padding: 0 30px;
        margin-top: 40px;
    }

    .custom-assure-content {
        border-radius: 20px;
        padding: 70px 0 0;
    }

    .custom-assure-content .organic-title {
        margin-bottom: 40px;
    }

    .custom-assure-content .organic-edit p {
        margin-bottom: 12px;
    }

    .custom-assure-content .content {
        width: 920px;
        margin-top: -140px;
    }

    .custom-assure-item .icons {
        width: 96px;
        height: 96px;
    }

    .custom-assure-item .icons img {
        width: 42px;
    }

    .custom-assure-item:nth-child(1) .conts {
        right: 80px;
        top: 0px;
    }

    .custom-assure-item:nth-child(4) .conts {
        left: 80px;
        top: 0px;
    }

    .custom-assure-item:nth-child(2) .conts,
    .custom-assure-item:nth-child(3) .conts {
        top: calc(100% + 75px);
    }

    .custom-system {
        padding-top: 150px;
        padding-bottom: 100px;
    }

    .custom-system .organic-edit {
        padding-top: 0;
        margin-bottom: 70px;
    }

    .custom-system .organic-title {
        margin-bottom: 40px;
    }

    .custom-system-video .custom-system-play {
        width: 140px;
        height: 140px;
    }

    .custom-platform {
        padding: 90px 0 90px;
    }

    .custom-platform .organic-edit {
        width: 1170px;
    }

    .custom-platform-list {
        margin: 80px -50px 0;
    }

    .custom-platform-item {
        padding: 0 50px;
    }

    .mod-nav-link {
        font-size: 20px;
    }

    


    .home-product-link .bottom {
        height: 190px;
    }









    



    /* 1680end */
}

@media screen and (max-width: 1440px) {
    .hc_cont1410,
    .hc_cont1660{
        width: 1120px;
    }   

    .mod-nav-link {
        padding: 18px 20px;
        font-size: 20px;
    }
    
    .mod-tits .tits {
        font-size: 34px;
    }

    .about-info .text {
        margin-top: 30px;
    }

    .about-info {
        padding: 65px 0 70px;
    }

    .about-info .text p {
        font-size: 16px;
        margin-bottom: 15px;
    }

    .about-idea .item .content .title {
        font-size: 20px;
    }

    .about-idea .item .content {
        padding: 60px 30px;
    }

    .about-idea .item .content .type {
        padding: 5px 12px;
        font-size: 16px;
    }

    .about-history-slick {
        width: 680px;
    }

    .about-history-item .year {
        font-size: 180px;
    }

    .about-history {
        padding-top: 90px;
    }

    .about-history-list {
        width: 530px;
    }

    .about-history-item .content .years span {
        font-size: 30px;
    }

    .about-history-item .content .texts P {
        font-size: 16px;
        line-height: 1.75;
    }

    .about-history .imgs {
        margin-top: -60px;
    }

    .about-honor .left {
        width: calc(100% - 300px);
        padding-right: 50px;
        padding-left: calc((100% - 1120px) / 2);
        padding-bottom: 60px;
    }

    .about-honor .right {
        width: 300px;
    }

    .about-honor-content {
        padding: 24px 20px 30px;
    }

    .about-honor-content .tits {
        font-size: 16px;
    }

    .about-honor .left .text p {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .about-honor {
        padding: 80px 0 0;
    }

    .about-honor .left .text {
        margin-top: 32px;
    }

    .about-arrow .mod-prev {
        margin-bottom: 22px;
    }

    .contact .flex .left .title {
        font-size: 28px;
        margin-bottom: 20px;
    }

    .contact .mod_form {
        --form-margin: -9px;
        --form-padding: 9px;
        --form-item-botton: 20px;
        --form-item-br: 10px;
        --form-item-width: 100%;
        --form-item-height: 52px;
        --form-item-padding: 25px;
        --form-label-size: 16px;
        --form-textarea-height: 160px;
    }

    .contact .flex .left {
        padding: 40px 40px;
        border-radius: 20px;
        margin-top: -12%;
    }

    .contact .flex .right .item .content .val p, .contact .flex .right .item .content .val a {
        line-height: 180%;
    }

    .contact .flex .right .item .content .key {
        font-size: 18px;
        padding-bottom: 15px;
        padding-top: 6px;
        margin-bottom: 13px;
    }

    .contact .flex .right .item .iconfont {
        font-size: 24px;
    }

    .contact .mod_form .mod_form_item .conts button {
        height: 56px;
    }

    .contact .mod_form .mod_form_item .conts button p {
        font-size: 18px;
    }

    .contact .mod_form .mod_form_item .conts button span {
        width: 26px;
        height: 26px;
        font-size: 16px;
    }

    .contact .mod_form .mod_form_item .conts button {
        margin-top: 10px;
    }

    .contact {
        padding: 0 50px 70px;
    }

    .news {
        padding: 80px 60px;
    }

    .news .news-title {
        font-size: 32px;
    }

    .news-item-link .left .imgs {
        width: 400px;
        margin-right: 40px;
    }

    .news-item-link .left .content {
        width: 580px;
    }

    .news-item-link .left .content .tits {
        font-size: 22px;
    }

    .news-item {
        padding-bottom: 35px;
        margin-bottom: 35px;
    }

    .mod_page {
        margin-top: 60px;
    }

    .product-flex {
        padding: 80px 0;
    }

    .product-flex .left {
        width: 240px;
        margin-left: 40px;
    }

    .product-nav-item {
        padding: 22px 0;
    }

    .product-nav-link {
        font-size: 18px;
    }

    .product-item {
        padding: 0 15px;
        margin-bottom: 50px;
    }

    .product-list {
        margin: 0 -15px -50px;
    }

    .product-link .content .tits {
        font-size: 18px;
        margin-bottom: 22px;
    }

    .product-link .imgs {
        margin-bottom: 22px;
    }

    .product-link .content .type .items {
        margin-right: 12px;
        margin-bottom: 12px;
    }

    .product-flex {
        padding: 70px 0;
    }

    .product-nav-item {
        padding: 20px 0;
    }

    .product-nav {
        border-radius: 20px;
        padding: 10px 28px;
    }

    .product-flex .left {
        width: 220px;
        margin-left: 40px;
    }

    .prodeta {
        padding-top: 80px;
        padding-bottom: 80px;
        padding-left: 60px;
        padding-right: 50px;
    }

    .prodeta-info .title {
        font-size: 26px;
        margin-bottom: 22px;
    }

    .prodeta-info .parameter {
        margin-bottom: 30px;
        margin-top: 40px;
    }

    .prodeta-info .specification {
        margin-bottom: 50px;
    }

    .prodeta-info {
        padding-bottom: 50px;
        margin-bottom: 50px;
    }

    .prodeta-tit {
        font-size: 22px;
    }

    .prodeta-describe, .prodeta-inquiry {
        margin-bottom: 60px;
    }

    .prodeta-inquiry .mod_form .mod_form_item .conts button {
        margin-top: 10px;
    }

    .prodeta-recommend-item {
        padding: 0 20px;
    }

    .prodeta-recommend-list {
        margin: 0 -20px;
    }

    .mod-structure1 .title {
        font-size: 32px;
    }

    .organic-title {
        font-size: 23px;
    }

    .organic-title::before {
        width: 8px;
        height: 8px;
        margin: 0 14px;
        margin-top: 10px;
    }

    .organic-edit p {
        line-height: 186%;
    }

    .organic-animal-section {
        padding-top: 60px;
    }

    .organic-edit {
        padding-top: 34px;
    }

    .organic-imgs {
        margin-top: 40px;
        border-radius: 20px;
    }

    .organic-edit p {
        font-size: 16px;
        margin-bottom: 15px;
    }

    .organic-animal {
        padding: 60px 0 80px;
    }

    .organic-production-section {
        padding-top: 70px;
    }

    .organic-honor {
        margin: 32px -15px 0;
    }

    .organic-principle-content {
        border-radius: 20px;
        padding: 32px 30px;
        min-height: 200px;
    }

    .organic-principle-content .icons {
        width: 56px;
        height: 56px;
        margin-right: 20px;
    }

    .organic-principle-content .icons img {
        width: 30px;
    }

    .organic-procedur-item .left .texts {
        font-size: 16px;
    }

    .organic-procedur-item .left {
        padding-top: 30px;
        padding-bottom: 30px;
        padding-left: 50px;
        padding-right: 50px;
    }

    .organic-procedur-item .left .tits {
        font-size: 22px;
        margin-bottom: 15px;
    }

    .organic-procedur-item .left .iconfont {
        font-size: 40px;
        margin-bottom: 24px;
    }

    .organic-test-imgs {
        width: 90%;
        margin-top: 60px;
    }

    .organic-production {
        padding-bottom: 80px;
    }

    .header::after {
        height: 100px;
    }

    .header-logo {
        width: 210px;
    }

    .header {
        --height: 80px;
        padding: 0 40px;
    }

    .hd_item {
        margin-right: 40px;
    }

    .home-about {
        padding: 80px 0;
    }

    .home-about .title,
    .mod-tit46 {
        font-size: 32px;
    }

    .mod-tit46::after, .mod-tit46::before {
        width: 30px;
        height: 2px;
        margin: 0 20px;
    }

    .home-about .text p {
        font-size: 16px;
    }

    .home-about .text {
        width: 100%;
    }

    .home-about .more-link {
        margin-top: 50px;
    }

    .home-about-list {
        margin: 8vw var(--flex-margin) -30px;
    }

    .home-about-content .info .tits {
        font-size: 18px;
    }

    .home-about-content {
        padding: 24px 24px 24px;
    }

    .home-about-content .number{
        line-height: 1;
    }

    .home-about-content .number {
        font-size: 50px;
        margin-right: 15px;
        transform: translateY(9px);
    }

    .home-about-content .info {
        margin-top: 5px;
    }

    .home-product {
        padding: 80px 50px;
    }

    .home-product-item {
        padding: 0 15px;
    }

    .home-product-list {
        margin: 45px -15px 0;
    }

    .home-product-link .bottom .tits .iconfont {
        width: 36px;
        height: 36px;
        font-size: 16px;
    }
    
    .home-product-link .bottom .tits p::before {
        width: 14px;
        height: 14px;
        border: 4px solid #C1DA68;
        margin-right: 10px;
    }

    .home-product-link .bottom .tits p {
        font-size: 18px;
    }

    .home-jumb-content {
        padding: 60px 50px;
    }

    .home-jumb-content .title p {
        font-size: 32px;
        letter-spacing: 2px;
    }

    .home-jumb-content .data span {
        font-size: 80px;
        transform: translateY(10px);
    }

    .home-jumb-content .data {
        font-size: 32px;
    }

    .home-jumb-content .title .type {
        padding: 9px 20px;
        margin-right: 30px;
    }

    .home-jumb-content .title .type {
        font-size: 16px;
    }

    .home-news {
        padding: 80px 0;
    }

    .home-news-list {
        margin: 45px -20px 0;
    }

    .home-news-link .tits {
        font-size: 18px;
        margin-bottom: 15px;
    }

    .home-news-link .img_box {
        margin-bottom: 24px;
    }

    .footer-logo {
        width:310px;
        margin-bottom: 35px;
    }

    .footer-top .left .section .content a {
        font-size: 18px;
    }

    .footer-top .left .section {
        margin-right: 40px;
    }

    .footer-nav .title {
        font-size: 18px;
    }

    .footer-nav {
        margin-right: 4.5vw;
    }

    .footer-top .left .section .content a {
        font-size: 16px;
    }

    .footer-top {
        padding-top: 65px;
        padding-bottom: 45px;
    }

    .footer-nav .group-link a {
        margin-bottom: 14px;
    }

    .footer-bottom .right .items i {
        width: 38px;
        height: 38px;
        font-size: 18px;
    }

    .footer-bottom{
        flex-direction: column;
        align-items: flex-start;
    }

    .footer-bottom .left{
        margin-bottom: 16px;
    }

    .footer {
        padding: 0 50px;
    }

    .custom-think-item:nth-child(even) .left {
        padding-left: 50px;
    }

    .custom-think-item .left {
        padding: 40px 50px;
    }
    
    .custom-think-item .left .texts p {
        font-size: 16px;
    }

    .custom-think-item .left .tits {
        font-size: 22px;
    }

    .custom-think-item .left .texts {
        margin-top: 20px;
    }

    .custom-nutrition-think {
        padding-top: 60px;
        padding-bottom: 50px;
    }

    .custom-nutrition-material .texts {
        margin-top: 40px;
    }

    .custom-nutrition-material .texts p {
        font-size: 16px;
        margin-bottom: 12px;
    }

    .custom-material-content {
        width: 620px;
        height: 620px;
        margin-top: 70px;
    }

    .custom-material-content .c2 {
        width: 530px;
        height: 530px;
    }

    .custom-material-content .conts {
        width: 440px;
    }

    .custom-material-content .conts .info .tits {
        font-size: 32px;
    }

    .custom-material-content .conts .info .subtit {
        font-size: 22px;
    }

    .custom-material-item p {
        font-size: 20px;
    }

    .custom-raw {
        padding: 80px 0 0;
    }

    .custom-raw-chain {
        padding-top: 55px;
    }

    .custom-raw-chain .imgs {
        margin-top: 40px;
    }

    .custom-safety-item {
        padding: 0 20px;
        margin-bottom: 30px;
    }

    .custom-safety-list {
        margin: 40px -20px -30px;
    }

    .custom-quality {
        padding-top: 80px;
    }

    .custom-quality .imgs {
        padding: 0 20px;
        margin-top: 40px;
    }

    .custom-assure-content .organic-edit{
        width: 100%;
        padding: 0 60px;
    }

    .custom-assure-content .organic-edit p {
        font-size: 16px;
    }
    
    .custom-assure-content {
        padding: 65px 0 0;
    }

    .custom-assure-content .organic-title {
        margin-bottom: 32px;
    }

    .custom-assure-content .content {
        width: 800px;
        margin-top: -120px;
    }

    .custom-assure-item .icons {
        width: 72px;
        height: 72px;
    }

    .custom-assure-item .icons img {
        width: 30px;
    }

    .custom-assure-item:nth-child(1) .conts {
        right: 70px;
        top: 0px;
    }

    .custom-assure-item:nth-child(4) .conts {
        left: 70px;
        top: 0px;
    }

    .custom-assure-item:nth-child(2) .conts, .custom-assure-item:nth-child(3) .conts {
        top: calc(100% + 60px);
    }

    .custom-assure-item .conts .key {
        font-size: 18px;
    }

    .custom-system {
        padding-top: 130px;
        padding-bottom: 80px;
    }

    .custom-system{
        width: 100%;
        padding-left: 50px;
        padding-right: 50px;
    }

    .custom-system-video .custom-system-play {
        width: 120px;
        height: 120px;
    }

    .custom-system-video .custom-system-play::after {
        width: 98px;
        height: 98px;
    }

    .custom-platform {
        padding: 80px 0 90px;
    }

    .custom-platform .organic-edit {
        margin-top: 35px;
    }

    .custom-platform-content .number {
        font-size: 100px;
        margin-bottom: 35px;
    }

    .custom-platform-list {
        margin: 60px -30px 0;
    }

    .custom-platform-item {
        padding: 0 30px;
    }

    .custom-platform-content .icons {
        width: 119px;
        height: 1.2px;
        right: 6px;
        top: 39px;
    }

    .home-banner-controls {
        right: 50px;
    }

    .ct_aside1 {
        right: 50px;
        --wh: 46px;
        --fs: 24px;
    }

    .ct_aside1_item {
        margin-bottom: 24px;
    }
    
    .ct_aside1_list {
        padding: 16px 11px;
    }

    .mod-nav-link {
        font-size: 18px;
    }

    .home-product-link .list-type li {
        padding: 2px 8px;
        margin-right: 5px;
    }
    
    /* 1440end */
}

/* 1199~992 平板横屏*/
@media screen and (max-width: 1200px) {
    .hc_cont1410,
    .hc_cont1660{
        width: 940px;
    }
    
    .mod-nav-link {
        padding: 16px 20px;
        font-size: 18px;
    }

    .mod-tits .tits {
        font-size: 30px;
    }

    .about-info {
        padding: 60px 0 60px;
    }

    .about-info .text {
        margin-top: 24px;
    }

    .about-info .text p {
        margin-bottom: 10px;
    }

    .about-idea .item .content .title {
        font-size: 18px;
    }

    .about-idea .item .content {
        padding: 40px 20px;
    }

    .about-idea .item .content .type {
        margin-bottom: 20px;
    }

    .about-history {
        padding-top: 70px;
    }

    .about-history .imgs {
        margin-top: -50px;
    }

    .about-history-item .year {
        font-size: 150px;
    }

    .about-history-list {
        width: 430px;
    }

    .about-history-item .content .texts{
        width: 100%;
    }

    .about-history-slick {
        width: 520px;
    }

    .about-history-progress {
        width: 16px;
    }

    .about-history-progress .progress-actives::after {
        width: 28px;
    }

    .about-honor {
        padding: 60px 0 0;
    }

    .about-honor .left {
        width: calc(100% - 250px);
        padding-right: 40px;
        padding-left: calc((100% - 940px) / 2);
        padding-bottom: 60px;
    }

    .about-honor .right {
        width: 250px;
    }

    .about-honor .left .text {
        margin-top: 26px;
    }

    .contact .flex .left .title {
        font-size: 24px;
        margin-bottom: 18px;
    }
    
    .contact .flex .left {
        padding: 40px 30px 30px;
        border-radius: 20px;
        margin-top: -12%;
    }

    .contact .flex .right .item .iconfont {
        width: 52px;
        height: 52px;
    }

    .contact .flex .right .item .iconfont {
        font-size: 22px;
    }

    .contact .flex .right .item {
        margin-bottom: 30px;
    }
    
    .contact {
        padding: 0 40px 70px;
    }

    .news {
        padding: 70px 50px;
    }

    .news-item-link .left .imgs {
        width: 300px;
        margin-right: 25px;
    }

    .news-item-link .left .content {
        width: calc(100% - 300px - 70px);
    }

    .news-item-link .left .content .tits {
        font-size: 20px;
    }

    .news-item-link .left .content .tits {
        margin-bottom: 16px;
    }

    .news-item {
        padding-bottom: 30px;
        margin-bottom: 30px;
    }

    .news .news-title {
        margin-bottom: 40px;
    }

    .news .news-title {
        font-size: 28px;
    }

    .mod_page {
        margin-top: 50px;
    }

    .product-flex {
        padding: 60px 0 70px;
    }

    .product-flex .left{
        display: none;
    }

    .product-flex .right {
        padding-right: 40px;
        padding-left: 40px;
        margin-right: 0;
    }

    .product-flex .right{
        width: 100%;
    }

    .product-link .content .type .items {
        margin-right: 10px;
        margin-bottom: 12px;
    }

    .product .mod-nav{
        display: none;
    }

    .prodeta {
        padding-top: 70px;
        padding-bottom: 80px;
        padding-left: 50px;
        padding-right: 50px;
    }

    .prodeta-flex .left {
        width: 40%;
    }

    .prodeta-info .title {
        font-size: 24px;
        margin-bottom: 22px;
    }

    .prodeta-inquiry .mod_form {
        --form-textarea-height: 140px;
    }

    .mod-structure1 .subtit {
        font-size: 16px;
    }

    .mod-structure1 .title {
        font-size: 30px;
    }

    .organic-animal-section {
        padding-top: 50px;
    }

    .organic-title {
        font-size: 22px;
    }

    .organic-title::before {
        width: 7px;
        height: 7px;
        margin: 0px 13px;
        margin-top: 10px;
    }

    .organic-edit p {
        font-size: 16px;
        margin-bottom: 12px;
    }

    .organic-edit {
        padding-top: 30px;
    }

    .organic-imgs {
        margin-top: 35px;
        border-radius: 20px;
    }

    .organic-animal {
        padding: 60px 0 75px;
    }

    .organic-production-section {
        padding-top: 60px;
    }

    .organic-principle-content{
        flex-direction: column;
    }

    .organic-principle-content .icons {
        width: 52px;
        height: 52px;
        margin-right: 0px;
        margin-bottom: 18px;
    }

    .organic-principle-content .icons img {
        width: 28px;
    }

    .organic-principle-content {
        padding: 30px 27px;
        min-height: 150px;
    }

    .organic-procedur {
        margin-top: 35px;
    }

    .organic-procedur-item .left {
        padding-top: 30px;
        padding-bottom: 30px;
        padding-left: 40px;
        padding-right: 40px;
    }

    .organic-procedur-item .left .iconfont {
        font-size: 36px;
        margin-bottom: 22px;
    }

    .organic-production {
        padding-bottom: 70px;
    }

    /* 移动端导航 */
    nav{
        position: absolute;
        width: 100%;
        top: 80px;
        left: 0;
        padding: 25px 40px;
        background-color: var(--main-color);
        display: none;
        max-height: calc(100vh - 80px);
        overflow-y: auto;
        z-index: 100;
        background:#004844;
    }

    .hd_second {
        padding: 0px 0 0 !important;
    }

    .hd_item.active .hd_link {
        color: #fff;
    }

    .hd_item .hd_link {
        color: #fff;
    }

    .hd_item {
        margin-left: 0px;
        margin-bottom: 10px;
    }

    .hd_item:last-child {
        margin-bottom: 0;
    }

    .hd_list {
        display: block;
        margin-right: 0px;
    }

    .hd_link{
        line-height: 1.9;
        display: inline-block !important;
        padding: 5px 0;
    }

    .c_pcbtn{
        display: flex;
        align-items: center;
        margin-left: 20px;
        transform: scale(0.9);
    }

    .hd_conts{
        position: relative;
    }

    .child>.hd_conts::before,
    .child>.hd_conts::after{
        content: "";
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        transition: all 0.36s;
        background-color: #fff;
        cursor: pointer;
    } 

    .child .hd_conts::before{
        width: 14px;
        height: 2px;
        right: 0;
    }

    .child .hd_conts::after{
        width: 2px;
        height: 14px;
        right: 6px;
    }

    .hd_second{
        display: none;
        position: static;
        width: 100%;
        transform: none;
        padding: 5px 0 0;
        background-color: transparent !important;
        box-shadow: none;
        transition: none;
        opacity: 1;
        pointer-events: all;
    }

    .hd_second_link{
        color: #fff;
        line-height: 1;
        padding: 6px 20px;

    }

    .hd_second_link{
        display: inline-block;
    }

    .hd_three{
        display: none;
        padding-left: 40px;
    }

    .hd_three_item{
        margin-bottom: 4px;
    }

    .hd_three_item:last-child{
        margin-bottom: 0;
    }

    .hd_three_link{
        color: #fff;
        font-size: 14px;
        line-height: 1.75;
        display: inline-block;
        padding: 4px 0;
    }

    .hd_second_item.child .hd_conts::before{
        right: 12px;
    }

    .hd_second_item.child .hd_conts::after{
        right: 18px;
    }

    .child.open>.hd_conts::after{
        transform: translateY(-50%) rotate(-90deg);
    }

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

    .hd_second_link {
        padding: 12px 20px;
    }

    .hd_item:not(:last-child) {
        margin-right: 0px;
    }

    .c_pcbtn{
        display: flex;
        align-items: center;
    }
    /* 移动端导航 */

    .burger span{
        background-color: #fff;
    }

    .home-about .title, .mod-tit46 {
        font-size: 28px;
    }

    .mod-tit46::after, .mod-tit46::before {
        width: 26px;
        height: 2px;
        margin: 0 16px;
    }

    .home-about {
        padding: 70px 0;
    }

    .home-about .more-link {
        margin-top: 40px;
    }

    .home-about-list{
        flex-wrap: wrap;
    }

    .home-about-item{
        width: 50%;
    }

    .home-about-list {
        margin: 7vw var(--flex-margin) -30px;
    }

    .home-about .more-link i {
        width: 40px;
        height: 40px;
        font-size: 12px;
        margin-right: 16px;
    }

    .home-about-content .number {
        font-size: 40px;
        margin-right: 15px;
        transform: translateY(9px);
    }

    .home-product {
        padding: 70px 40px;
    }

    .home-jumb-content .data span {
        font-size: 60px;
        transform: translateY(7px);
    }

    .home-jumb-content .data {
        font-size: 26px;
    }   

    .home-jumb-content .title p {
        font-size: 26px;
        letter-spacing: 2px;
    }

    .home-jumb-content .title .type {
        padding: 8px 18px;
        margin-right: 25px;
    }

    .home-jumb-content {
        padding: 50px 40px;
    }

    .home-news {
        padding: 70px 0;
    }

    .home-news-link .tits {
        font-size: 18px;
        margin-bottom: 12px;
    }

    .home-news-list {
        margin: 40px -20px 0;
    }

    .footer-top .left{
        flex-direction: column;
    }

    .footer-top .left {
        padding-top: 0px;
    }

    .footer-top .left .section {
        margin-right: 0px;
        margin-bottom: 30px;
    }

    .footer-top .left .section:last-child{
        margin-bottom: 0;
    }

    .footer-top .left .section h3 {
        margin-bottom: 15px;
    }

    .footer-top {
        padding-top: 60px;
        padding-bottom: 40px;
    }

    .footer {
        padding: 0 40px;
    }

    .footer-logo {
        width: 300px;
        margin-bottom: 40px;
    }

    .footer-nav {
        margin-right: 6.5vw;
    }

    .home-product .text{
        width: 100%;
    }

    .custom-nutrition {
        padding-top: 60px;
    }

    .custom-nutrition-think {
        padding-top: 55px;
        padding-bottom: 45px;
    }

    .custom-think-item .left .tits {
        font-size: 20px;
    }

    .custom-think-item .left {
        padding: 40px 40px;
    }

    .custom-think-item:nth-child(even) .left {
        padding-left: 40px;
    }

    .custom-think-item {
        margin-bottom: 36px;
    }

    .custom-think-item .left .texts {
        margin-top: 16px;
    }

    .custom-nutrition-material {
        padding: 40px 0 90px;
    }

    .custom-material-content {
        width: 600px;
        height: 600px;
        margin-top: 50px;
    }

    .custom-material-content .c2 {
        width: 510px;
        height: 510px;
    }

    .custom-material-content .conts {
        width: 420px;
    }

    .custom-raw {
        padding: 70px 0 0;
    }

    .custom-assure-content .content {
        width: 600px;
        margin-top: -90px;
    }

    .custom-quality .imgs {
        padding: 0 10px;
        margin-top: 35px;
    }

    .custom-quality .imgs img {
        border-radius: 20px;
    }

    .custom-assure-item:nth-child(1) .conts {
        right: 60px;
        top: 0px;
    }

    .custom-assure-item:nth-child(4) .conts {
        left: 60px;
        top: 0px;
    }

    .custom-assure-item .conts .key {
        margin-bottom: 12px;
    }

    .custom-system .organic-title {
        margin-bottom: 35px;
    }

    .custom-raw-chain {
        padding-top: 45px;
    }

    .organic-edit {
        padding-top: 25px;
    }

    .custom-raw-chain .imgs {
        margin-top: 35px;
    }

    .custom-safety-list {
        margin: 35px -20px -30px;
    }
    
    .custom-system {
        padding-top: 110px;
        padding-bottom: 70px;
    }

    .custom-system-video .custom-system-play {
        width: 100px;
        height: 100px;
    }

    .custom-system-video .custom-system-play::after {
        width: 85px;
        height: 85px;
    }

    .custom-system-video .custom-system-play::before {
        width: 64px;
        height: 64px;
    }

    .custom-system-video .custom-system-play img {
        width: 18px;
    }

    .custom-platform {
        padding: 75px 0;
    }

    .custom-platform-content .number {
        font-size: 80px;
        margin-bottom: 25px;
    }

    .custom-platform-content .icons {
        width: 110px;
        height: 1.2px;
        right: 6px;
        top: 39px;
    }

    .custom-platform-content .icons .iconfont {
        width: 26px;
        height: 26px;
        font-size: 10px;
    }

    .custom-platform-content .title {
        font-size: 20px;
    }

    .custom-platform-item {
        padding: 0 20px;
    }

    .custom-platform-list {
        margin: 50px -20px 0;
    }

    .home-banner-controls {
        right: 40px;
    }

    .ct_aside1 {
        right: 40px;
        --wh: 46px;
        --fs: 22px;
    }

    /* .header-form-box */

    .home-product-link .bottom {
        height: 140px;
    }








    



    /* 1200end */
}


/* 991~768 平板竖屏 重点*/
@media screen and (max-width: 991px) {
    .hc_cont1410,
    .hc_cont1660{
        width: 100%;
        padding: 0 40px;
    }

    .mod-nav-link {
        padding: 14px 20px;
        font-size: 16px;
    }

    .mod-tits .tits {
        font-size: 28px;
    }

    .about-info {
        padding: 55px 0;
    }

    .mod-tits .subtit {
        font-size: 16px;
    }

    .about-info .text {
        margin-top: 20px;
    }

    .about-idea .item .content .type {
        padding: 6px 12px;
        font-size: 14px;
    }

    .about-idea .item .content {
        padding: 35px 20px;
    }

    .about-history-progress{
        display: none;
    }

    .about-history-item .year {
        font-size: 110px;
    }

    .about-history-list {
        width: 380px;
    }

    .about-history-item .content {
        padding: 0 0px;
    }

    .about-history-slick {
        width: 448px;
    }

    .about-history-item .content .years {
        margin-bottom: 6px;
    }

    .about-history-item .content .years span {
        font-size: 26px;
        transform: translateY(2px);
    }

    .about-honor .left {
        width:100%;
        padding-right: 40px;
        padding-left: 40px;
        padding-bottom: 60px;
    }

    .about-honor .right{
        display: none;
    }

    .contact .flex .right {
        padding: 55px 0;
    }

    .contact .flex .left .title {
        font-size: 22px;
        margin-bottom: 16px;
    }

    .contact .mod_form {
        --form-margin: -9px;
        --form-padding: 9px;
        --form-item-botton: 20px;
        --form-item-br: 10px;
        --form-item-width: 100%;
        --form-item-height: 50px;
        --form-item-padding: 20px;
        --form-label-size: 15px;
        --form-textarea-height: 140px;
    }

    .contact .mod_form .mod_form_item .conts button {
        height: 54px;
    }

    .contact .mod_form .mod_form_item .conts button p {
        font-size: 16px;
    }

    .contact .flex .right .item .iconfont {
        width: 50px;
        height: 50px;
    }
    
    .contact .flex .right .item .iconfont {
        font-size: 20px;
    }

    .news-item-link .left {
        width: 92%;
    }

    .news-item-link .left .content {
        width: 48%;
    }

    .news-item-link .left .imgs {
        width: 280px;
        margin-right: 25px;
    }

    .mod_page {
        margin-top: 40px;
    }

    .news .news-title {
        font-size: 26px;
    }

    .news {
        padding: 60px 40px;
    }

    .product-item{
        width: 50%;
    }

    .prodeta {
        padding-top: 65px;
        padding-bottom: 70px;
        padding-left: 40px;
        padding-right: 40px;
    }

    .prodeta-flex{
        flex-direction: column;
    }

    .prodeta-flex .left{
        width: 100%;
        position: static;
    }

    .prodeta-flex .right{
        width: 100%;
        padding-top: 38px;
    }

    .mod-structure1 .title {
        font-size: 26px;
    }

    .organic-title {
        font-size: 20px;
    }

    .organic-title::before {
        width: 6px;
        height: 6px;
        margin: 0px 11px;
        margin-top: 9px;
    }

    .organic-edit {
        padding-top: 25px;
    }

    .organic-animal-section {
        padding-top: 45px;
    }

    .organic-imgs {
        margin-top: 30px;
        border-radius: 20px;
    }

    .organic-animal {
        padding: 60px 0 60px;
    }
    
    .organic-production-section {
        padding-top: 50px;
    }

    .organic-principle-item{
        width: 50%;
    }

    .organic-procedur-item .left {
        padding-top: 30px;
        padding-bottom: 30px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .organic-procedur-item .left .tits {
        font-size: 20px;
        margin-bottom: 12px;
    }

    .organic-test-imgs {
        width: 100%;
        margin-top: 50px;
    }

    .home-news .text{
        width: 100%;
    }

    .footer-logo {
        width: 260px;
        margin-bottom: 40px;
    }

    .footer-top .flex{
        flex-direction: column;
    }

    .footer-top .left{
        flex-direction: row;
    }

    .footer-top .left .section{
        margin-right: 50px;
    }

    .footer-top .right{
        padding-top: 20px;
    }

    .footer-bottom .left{
        flex-direction: column;
        align-items: flex-start;
    }

    .footer-bottom .group-link{
        margin-bottom: 14px;
    }

    .footer-bottom .left {
        margin-bottom: 21px;
    }

    .footer-top {
        padding-top: 60px;
        padding-bottom: 30px;
    }

    .home-about .title, .mod-tit46 {
        font-size: 26px;
    }

    .custom-material-content {
        width: 400px;
        height: 400px;
        margin-top: 70px;
    }

    .custom-material-content .c2 {
        width: 490px;
        height: 490px;
    }

    .custom-material-content .conts {
        width: 300px;
    }

    .custom-material-item p {
        font-size: 18px;
    }

    .custom-material-item:nth-child(odd) p {
        right: 40px;
    }

    .custom-material-item:nth-child(even) p {
        left: 40px;
    }

    .custom-material-item .icons img {
        width: 28px;
    }

    .custom-material-item .icons {
        width: 56px;
        height: 56px;
    }

    .custom-nutrition-think {
        padding-top: 46px;
        padding-bottom: 40px;
    }

    .custom-think-item .left .tits {
        font-size: 18px;
    }

    .custom-think-item .left {
        padding: 35px 30px;
    }

    .custom-think-item:nth-child(even) .left {
        padding-left: 30px;
    }

    .custom-think-item .left .texts {
        margin-top: 14px;
    }

    .custom-think-item {
        margin-bottom: 34px;
    }

    .custom-nutrition-material {
        padding: 35px 0 90px;
    }

    .custom-nutrition-material .texts {
        margin-top: 30px;
    }

    .custom-material-content .conts .info .titen {
        font-size: 14px;
    }

    .custom-material-content .conts .info .subtit {
        font-size: 20px;
    }

    .custom-material-content .conts .info .tits {
        font-size: 26px;
    }

    .custom-raw {
        padding: 60px 0 0;
    }

    .custom-raw-chain {
        padding-top: 40px;
    }

    .custom-raw-chain .imgs {
        margin-top: 30px;
    }

    .custom-raw-safety {
        padding-top: 70px;
    }

    .custom-safety-conts .img_box {
        border-radius: 20px;
    }

    .custom-safety-item {
        padding: 0 15px;
        margin-bottom: 30px;
    }

    .custom-safety-list {
        margin: 35px -15px -30px;
    }

    .custom-assure-content .organic-edit {
        padding: 0 40px;
    }

    .custom-assure-content {
        padding: 55px 0 0;
    }

    .custom-assure {
        margin-top: -60px;
        padding-bottom: 110px;
    }

    .custom-assure-content .content{
        width: 100%;
        margin-top: 45px;
    }

    .custom-assure-content .content>img{
        display: none;
    }

    .custom-assure-item{
        position: static;
        width: 100%;
        transform: none;
        display: flex;
        align-items: center;
    }

    .custom-assure-item .icons{
        position: static;
        transform: none;
    }

    .custom-assure-item .conts{
        position: static;
        transform: none;
        text-align: left !important;
        width: calc(100% - 72px);
        padding-left: 20px;
    }

    .custom-assure-item{
        margin-bottom: 36px;
    }

    .custom-assure-item:last-child{
        margin-bottom: 0;
    }

    .custom-assure {
        margin-top: -60px;
        padding-bottom: 50px;
    }

    .custom-system {
        padding-top:50px;
        padding-bottom: 70px;
    }
    
    .custom-system .organic-edit p {
        font-size: 16px;
    }

    .custom-system .organic-edit p {
        line-height: 185%;
    }

    .custom-system-video {
        border-radius: 20px
    }

    .custom-system .organic-edit {
        margin-bottom: 40px;
    }

    .custom-system {
        padding-top: 50px;
        padding-bottom: 60px;
    }

    .custom-platform {
        padding: 65px 0;
    }

    .custom-platform-content .number {
        font-size: 60px;
        margin-bottom: 20px;
    }

    .custom-platform-content .icons {
        width: 90px;
        height: 1.2px;
        right: 6px;
        top: 25px;
    }

    .custom-platform-content .title {
        font-size: 18px;
        margin-bottom: 12px;
    }

    .custom-platform-item {
        padding: 0 15px;
    }

    .custom-platform-list {
        margin: 45px -15px 0;
    }

    .custom-platform {
        padding: 60px 0;
    }

    .custom-platform .organic-edit {
        margin-top: 30px;
    }


    .home-banner-controls {
        right: 30px;
    }

    .ct_aside1 {
        right: 30px;
        --wh: 46px;
        --fs: 22px;
    }



    /* 991end */
}

/* <768 移动端 重点*/
@media screen and (max-width: 768px) {
    .hc_cont1410,
    .hc_cont1660{
        padding: 0 20px;
    }

    .product-item{
        width: 100%;
    }

    .footer{
        padding-bottom: 63px;
    }

    .mod-tits .tits {
        font-size: 26px;
    }

    .about-history .flex{
        flex-direction: column;
    }

    .about-history-slick{
        padding: 0 20px;
        width: 100%;
        flex-direction: column;
    }

    .about-history-list{
        width: 100%;
        margin: 0 -15px;
    }

    .about-history-item .content{
        position: static;
        transform: translateY(0%);
    }

    .about-history-item{
        padding: 0 10px;
    }

    .about-history-slick {
        padding: 0 0px;
    }

    .about-arrow{
        flex-direction: row;
    }

    .about-arrow .mod-prev {
        margin-bottom: 0px;
        margin-right: 16px;
    }

    .about-history-item .year{
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        z-index: -1;
    }

    .about-history-slick{
        margin-left: 0px;
        margin-top: 30px;
    }

    .about-arrow .mod-prev {
        transform: rotate(-180deg);
    }

    .about-arrow .mod-next {
        transform: rotate(0deg);
    }

    .about-history .about-arrow{
        margin-top: 30px;
    }
    
    .about-honor .left {
        padding-right:20px;
        padding-left:20px;
        padding-bottom: 60px;
    }

    .about-honor .left .flex{
        flex-direction: column;
        align-items: center;
    }

    .about-honor .about-arrow{
        margin-top: 25px;
    }

    .mod-tits .tits {
        font-size: 24px;
    }

    .mod-tits .subtit {
        font-size: 15px;
    }

    .about-honor .left .text {
        margin-top: 22px;
    }

    .about-honor {
        padding: 55px 0 0;
    }

    .about-history {
        padding-top: 60px;
    }

    .about-honor-slick {
        margin-top: 35px;
    }
    
    .about-idea{
        flex-direction: column;
    }

    .about-info {
        padding: 55px 0 50px;
    }

    .page-banner img{
        max-width: initial;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        width: 800px;
    }

    .mod-tits .subtit {
        margin-top: 10px;
    }

    .about-info .text {
        margin-top: 18px;
    }

    .contact {
        padding: 0 20px 60px;
    }

    .contact .flex .left {
        padding: 40px 30px 30px;
        border-radius: 16px;
        margin-top: 60px;
        width: 100%;
    }

    .contact .flex{
        flex-direction: column;
    }

    .contact .mod_form .mod_form_item .conts button {
        height: 50px;
    }

    .contact .flex .left {
        padding: 40px 25px 30px;
        border-radius: 16px;
        margin-top: 55px;
        width: 100%;
    }

    .contact .flex .right {
        padding: 55px 0 0;
        width: 100%;
    }

    .contact .flex .right .item .iconfont {
        width: 46px;
        height: 46px;
    }

    .contact .flex .right .item .iconfont {
        font-size: 18px;
    }
    
    .news {
        padding: 55px 20px;
    }

    .news .news-title {
        font-size: 24px;
    }

    .news-item-link{
        flex-direction: column;
    }

    .news-item-link .left{
        flex-direction: column;
        width: 100%;
    }

    .news-item-link .left .imgs {
        width: 100%;
        margin-right: 0px;
    }

    .news-item-link .left .content{
        width: 100%;
        padding-top: 25px;
    }

    .news-item-link .more{
        display: none;
    }

    .product-list {
        margin: 0 -15px -40px;
    }

    .product-flex .right {
        padding-right: 20px;
        padding-left: 20px;
        margin-right: 0;
    }
    
    .prodeta {
        padding-top: 60px;
        padding-bottom: 60px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .prodeta-inquiry .mod_form {
        --form-margin: -7px;
        --form-padding: 7px;
        --form-item-botton: 15px;
        --form-item-br: 4px;
        --form-item-width: 100%;
        --form-item-height: 50px;
        --form-item-padding: 18px;
        --form-label-size: 14px;
        --form-textarea-height: 160px;
    }

    .prodeta-info {
        padding-bottom: 45px;
        margin-bottom: 45px;
    }

    .prodeta-info .parameter .val {
        font-size: 16px;
    }

    .prodeta-info .title {
        font-size: 22px;
        margin-bottom: 24px;
    }

    .prodeta-info .specification {
        margin-bottom: 40px;
    }

    .prodeta-flex .right {
        padding-top: 32px;
    }

    .organic-animal {
        padding: 55px 0 60px;
    }

    .mod-structure1 .title {
        font-size: 24px;
    }

    .organic-animal-section {
        padding-top: 40px;
    }

    .organic-title::before{
        display: none;
    }

    .organic-title {
        font-size: 20px;
    }

    .organic-edit {
        padding-top: 20px;
    }

    .organic-principle-item{
        width: 100%;
    }

    .organic-procedur-item{
        flex-direction: column !important;
    }

    .organic-procedur-item .left, .organic-procedur-item .right{
        width: 100%;
    }

    .organic-procedur-item .left{
        margin-bottom: 10px;
    }

    .organic-test-imgs {
        width: 100%;
        margin-top: 40px;
    }

    .organic-procedur-item .left .iconfont {
        font-size: 34px;
        margin-bottom: 22px;
    }

    .organic-procedur {
        margin-top: 30px;
    }

    .header::after {
        height: 90px;
    }

    .header {
        padding: 0 20px;
    }

    .ph-icons{
        display: block;
    }

    .ph-icons span{
        font-size: 22px;
        color: #fff;
    }

    .header-form-content{
        position: absolute;
        right: -20px;
        top: 100%;
    }

    .header-form-box{
        position: relative;
    }

    .header-form-content{
        display: none;
    }

    .header-logo {
        width: 180px;
    }

    .header{
        background-color: #004844;
        position: sticky;
    }

    .header::after{
        display: none;
    }

    .header-language::after{
        background-color: #fff;
    }

    .go-dowm{
        display: none;
    }

    .home-banner-controls {
        right: 20px;
        bottom: 20px;
    }

    .home-banner-controls .dots .swiper-pagination-bullet {
        width: 40px;
    }

    .home-about .title, .mod-tit46 {
        font-size: 24px;
    }

    .mod-tit46::after, .mod-tit46::before {
        width: 20px;
        height: 2px;
        margin: 0 16px;
    }

    .home-about {
        padding: 60px 0;
    }

    .home-about .more-link {
        margin-top: 35px;
    }

    .home-about-list {
        margin: 45px var(--flex-margin) -30px;
    }

    .home-about-item{
        width: 100%;
    }

    .home-about-content .number {
        font-size: 38px;
    }

    .home-product {
        padding: 60px 20px;
    }

    .home-product-list {
        margin: 35px -15px 0;
    }

    .home-product-link .bottom {
        height: 130px;
    }

    .home-jumb-content{
        position: static;
    }

    .home-jumb .img_box{
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        object-fit: cover;
        z-index: -1;
    }

    .home-jumb-content .title{
        flex-direction: column;
        align-items: flex-end;
    }

    .home-jumb-content .title p {
        font-size: 20px;
        letter-spacing: 2px;
        text-align: right;
    }

    .home-jumb-content .title .type {
        padding: 8px 18px;
        margin-right: 0px;
        margin-bottom: 20px;
    }

    .home-jumb-content .data span {
        font-size: 50px;
        transform: translateY(7px);
        margin-right: 12px;
    }

    .home-jumb-content .data {
        font-size: 22px;
    }

    .home-jumb-content {
        padding: 55px 30px 40px; 
    }

    .home-news {
        padding: 60px 0;
    }

    .home-news-list {
        margin: 30px -20px 0;
    }

    .footer {
        padding: 0 20px;
    }

    .footer-top .left{
        flex-direction: column;
    }

    .footer-top .right{
        flex-wrap: wrap;
        justify-content: space-between;
        padding-top: 40px;
        margin-bottom: -40px;
    }

    .footer-nav{
        width: 47%;
        margin-right: 0;
        margin-bottom: 40px;
    }

    .footer-bottom .right .items span{
        display: none;
    }

    .footer-bottom .right .items i{
        margin-right: 0;
    }

    .footer-bottom .content{
        flex-wrap: wrap;
    }

    .footer-bottom .content p, .footer-bottom .content a{
        margin-bottom: 10px;
    }

    .footer-logo {
        width: 240px;
        margin-bottom: 35px;
    }

    .footer-top {
        padding-top: 55px;
        padding-bottom: 30px;
    }

    .custom-material-content .c2{
        display: none
    }

    .custom-material-content .c1{
        display: none;
    }

    .custom-material-content .conts{
        display: none;
    }

    .custom-material-content{
        width: 100%;
    }

    .custom-material-item .icons,
    .custom-material-item{
        position: static;
        transform: none;
    }

    .custom-material-item p{
        position: static;
        transform: none;
        text-align: left;
    }

    .custom-material-list{
        width: 100%;
    }

    .custom-material-content{
        position: static;
        transform: none !important;
        height: initial !important;
        margin-top: 40px;
    }

    .custom-material-item{
        display: flex;
        align-items: center;
        margin-bottom: 25px;
    }

    .custom-material-item .icons {
        width: 54px;
        height: 54px;
        margin-right: 16px;
    }

    .custom-material-item .icons img {
        width: 24px;
    }

    .custom-material-item:last-child{
        margin-bottom: 0;
    }

    .custom-nutrition-material {
        padding: 35px 0 60px;
    }

    .custom .mod-nav{
        display: none;
    }

    .custom-nutrition {
        padding-top: 55px;
    }

    .custom-think-item{
        flex-direction: column-reverse !important;
    }

    .custom-think-item .right .img_box {
        border-radius: 16px;
    }

    .custom-think-item .left, .custom-think-item .right{
        width: 100%;
    }

    .custom-think-item .left {
        padding: 30px 25px;
    }

    .custom-nutrition-think {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .custom-nutrition-material {
        padding: 25px 0 55px;
    }

    .custom-nutrition-material .texts {
        margin-top: 26px;
    }

    .custom-raw {
        padding: 55px 0 0;
    }

    .organic-title {
        font-size: 18px;
        line-height: 1.65;
    }

    .custom-raw-chain {
        padding-top: 35px;
    }

    .organic-edit {
        padding-top: 15px;
    }

    .custom-raw-chain .imgs {
        border-radius: 16px;
    }

    .custom-raw-safety {
        padding-top: 55px;
    }

    .custom-safety-list{
        flex-direction: column;
    }

    .custom-safety-item{
        width: 100%;
    }

    .custom-assure-content {
        padding: 34px 0 0;
    }

    .custom-assure {
        margin-top: 0px;
        padding-bottom: 50px;
    }

    .custom-assure-content .organic-edit {
        padding: 0 0px;
    }

    .custom-quality {
        padding-top: 60px;
    }

    .custom-quality .imgs {
        padding: 0 10px;
        margin-top: 30px;
    }

    .custom-assure-content .organic-title {
        margin-bottom: 14px;
    }

    .custom-assure-item .icons {
        width: 52px;
        height: 52px;
    }

    .custom-assure-item .icons img {
        width: 22px;
    }

    .custom-assure-item .conts {
        width: calc(100% - 52px);
        padding-left: 18px;
    }

    .custom-assure-item .conts .key {
        font-size: 16px;
    }

    .custom-assure-item .conts .texts {
        font-size: 15px;
        line-height: 1.65;
    }

    .custom-assure-content .content {
        margin-top: 40px;
    }

    .custom-assure {
        padding-bottom: 30px;
    }

    .custom-system {
        padding-left: 20px;
        padding-right: 20px;
    }

    .custom-system .organic-title {
        margin-bottom: 20px;
    }

    .custom-system {
        padding-top: 30px;
        padding-bottom: 55px;
    }

    .custom-system .organic-edit {
        margin-bottom: 32px;
    }

    .custom-system-video .custom-system-play {
        border:none;
    }

    .custom-system-video .custom-system-play::before {
        width: 50px;
        height: 50px;
    }

    .custom-system-video .custom-system-play::after {
        width: 68px;
        height: 68px;
    }

    .custom-system-video .custom-system-play img {
        width: 14px;
    }

    .custom-system-video {
        border-radius: 16px;
    }

    .custom-platform {
        padding: 55px 0;
    }

    .custom-platform .organic-edit {
        margin-top: 26px;
    }

    .custom-platform-list{
        flex-direction: column;
    }

    .custom-platform-item{
        width: 100%;
        margin-bottom: 40px;
    }

    .custom-platform-item:last-child{
        margin-bottom: 0;
    }

    .custom-platform-content .icons{
        display: none;
    }

    .custom-platform-content .number {
        font-size: 50px;
        margin-bottom: 15px;
    }

    .custom-platform-list {
        margin: 40px -15px 0;
    }

    .organic-title {
        font-size: 20px;
    }

    .footer{
        padding-bottom: 63px;
    }

    .ct_aside1 {
        right: 10px;
        --wh: 46px;
        --fs: 22px;
    }

    .header-form-box{
        position: static;
    }

    .header-form-content {
        position: absolute;
        right: 20px;
        top: 100%;
        background-color: #004844;
        padding: 14px;
        border-radius:0 0 10px 10px;
    }

    .mod-tit46::after, .mod-tit46::before{
        display: none;
    }

    .mod-tit46{
        justify-content: flex-start;
    }

    .home-about .text p {
        text-align: left;
    }

    .home-about .more{
        text-align: left;
    }

    .mod-nav-link {
        padding: 14px 23px;
        font-size: 16px;
    }

    .organic-title{
        display: block;
    }

    .custom-assure-content .organic-edit p{
        text-align: left;
    }

    .about-honor .left .text p span {
        text-decoration-line: none !important;
    }

    .product-item{
        width: 50%;
    }

    .product-link .content .type .items {
        margin-right: 6px;
        margin-bottom: 12px;
        padding: 1.5px 9px;
        font-size: 13px;
    }

    .product-link .content .type .items:nth-child(4) ~ *{
        display: none;
    }
    
    .ph-imgs{
        display: block;
    }
      
    .ph-imgs img{
        width: 100%;
    }

    .custom-material-list{
        display: none;
    }

    .home-product .text p,
    .home-news .text p,
    .home .home-news .more{
        text-align: left;
    }

    .home .more-link {
        margin-top: 40px;
    }

    .about-history-item .year{
        white-space: nowrap;
    }

    .about-history-item .year {
        font-size: 80px;
    }

    
    /* 768end */
}