@charset "utf-8";
/* ===================首页样式========================== */

.baner{width: 100%;position: relative;z-index: 1;margin-top: 88px}
#banner-animated{position:absolute;left：0;top:0;width:100%;height:100%}
.baner-show{width: 100%;position: relative;}
.baner-bg{width: 100%;}
.baner-bg img{width: 100%;height: calc(100vh);object-fit: cover}
.baner-pc{display: block;}
.baner-mb{display: none;}
.baner-content{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index:4}
.baner-content .contain{display: flex;justify-content: space-between;align-items: center;height: 100%;}
.baner-intro{width: 40%;}
.baner-intro .banModel{color:#fff;line-height:1}
.baner-intro .banTit{font-weight: 700;color: #fff;line-height: 1.1;}
.baner-list{width: 100%;display: flex;}
.baner-list img{max-width: 100%;object-fit: cover;}
.baner li{position:relative;color:#fff;font-size:16px;padding-left:20px}
.baner li:after{content:'';width:10px;height:10px;border-radius:50%;background:#fff;position:absolute;left:0;top:7px}
.baner li+li{margin-top:10px}
.baner-btn{display: flex;width: 100%;}
.baner-btn a+a{margin-left: 14px;}
.baner-btn .btn:hover{background-color: #fff;color: #016fdf;}
.baner-img{width: 60%;display: flex;justify-content:center}
.baner-img img{max-width: 80%;max-height: 80%;object-fit: cover;width: auto;height: auto}
.baner-prev,.baner-next{width: 20px;height: 32px;background: url('../images/ban_Arr.png')no-repeat center;position:absolute;left: 48px;top: 50%;margin-top: -16px;z-index: 3;cursor: pointer;transition: all .4s ease;}
.baner-next{transform: rotate(180deg);left: auto;right: 48px;}
.baner-prev:hover,.baner-next:hover{background: url('../images/ban_ArrH.png')no-repeat center;}
.baner-nav {position: absolute;width: 100%;bottom: 56px;z-index: 3;}
.baner-nav .swiper-pagination{position: static;}
.baner-nav .swiper-pagination .swiper-pagination-bullet{width:8px;height:8px;background:#fff;opacity:1;border-radius: 50%;position:relative;transition:all .4s ease}
.baner-nav .swiper-pagination .swiper-pagination-bullet:not(:first-child){margin-left:310px}
.baner-nav .swiper-pagination .swiper-pagination-bullet:not(:first-child):before{content:'';width:290px;height:1px;background:rgba(255,255,255,.5);position:absolute;left:-301px;top:4px;}
.baner-nav .swiper-pagination .swiper-pagination-bullet-active{box-shadow: inset 0 0 0 2px #01853c;background-color: transparent;}
.baner-nav .swiper-pagination .swiper-pagination-bullet .text{font-size: 14px;color: #fff;font-family: DIN-pro;opacity: .7;position: absolute;top: -32px;left: 0;width: 200px;margin-left: -100px;text-align: center;}
.baner-nav .swiper-pagination .swiper-pagination-bullet-active .text{opacity: 1;}
.incom-title{width: 100%;text-align: center;}
.incom-title .name{color: #005848;line-height: 1.1;}
.incom-title .name span{border: 1px solid #005848;border-top-left-radius: 50%;border-bottom-right-radius: 50%;padding: 10px 20px; display: inline-block;}
.incom-title .text{color: #959595;text-transform: uppercase;letter-spacing: 4px;line-height: 1.1;font-family: DIN-pro}
.incom-title.white .name{color: #fff;}
.incom-title.white .name span{border: 1px solid #fff;}
.incom-title.white .text{color: #fff;}
.incom-title.white .name,.incom-title.white .text{color: #fff;}
/*.baner .swiper-slide-active .baner-intro{animation: fadeInLeft 1s ease both .4s}*/
/*.baner .swiper-slide-active .baner-img{animation: fadeInRight 1s ease both .4s}*/
.baner video{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;z-index:3}

.btn {display: flex;justify-content: center;align-items: center;width: 110px;height: 42px; border:2px solid #fff; border-radius: 20px;font-size: 14px;color: #fff;transition: all .6s ease;line-height: 1}

.inabout{width: 100%;background: url('../images/about-bg.png')no-repeat center;overflow: hidden;}
.inabout-items{display: flex;justify-content: space-between;width: 100%;}
.inabout-intro{width: 50%;position: relative;padding-top: 8%;}
.inabout-cont{width: 100%;}
.inabout-cont h2{line-height: 60px;font-size: 42px;color: #c29d66;margin-bottom: 12px;}
.inabout-cont p{font-size: 16px;color: #888;line-height: 26px;}
.inabout-cont .btn{background-color: #01853c;border: 2px solid #01853c;}
.inabout-data{display: flex;flex-wrap: wrap}
.inabout-data li{width: 50%;height: 156px;background-color: #fff;border: 1px solid #e6ebf3;padding: 0 30px;display: flex;align-items: center}
.inabout-data li .data-icon{width: 65px}
.inabout-data li .data-icon img{max-width: 100%;object-fit: cover}

.inabout-show{display: flex;justify-content: center;align-items: center;position: relative;}

.inabout-title{width: 100%;text-align: center;position: absolute;z-index: 10;}
.inabout-title .name{color: #005848;line-height: 1.1;margin-bottom: 20px}
.inabout-title .name:before{ content:""; position:absolute; left:50%; top:40px; width:30px; height:2px; background:#aeaeae; margin-left:-15px;}
.inabout-title .text{color: #959595;text-transform: uppercase;letter-spacing: 4px;line-height: 1.1;font-family: DIN-pro}
.inabout-title .more {display: flex;justify-content: center;align-items: center;}
.inabout-title .more .btn{background: #f7c300;}

.inabout-img{width: 704px;height: 610px;position: relative;}
.inabout-img img{width: 100%;height: 100%;object-fit: cover;}
.inabout-earth{animation: cleQiuS 25s linear infinite;position: relative;z-index: 1;animation:cleQiu 25s linear infinite}
.inabout-earth::after{content: '';width: 704px;height: 468px;position: absolute;right: -4%;bottom: -4%;z-index: -1;}
.inabout-dots{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 3;}
.dots-img i{display: inline-block;width: 14px;height: 14px;border-radius: 50%;border: 1px solid #01853c;position: absolute;transform: rotateX(45deg);animation: sitequan 2s linear infinite .5s;}
.dots-img i::before{content: '';width: 10px;height: 10px;border-radius: 50%;background-color: #01853c;position: absolute;left: 50%;top: 50%;margin-top: -5px;margin-left: -5px;animation: sitequan 2s linear infinite;}
.dots-li1{position: absolute;right: 32%;top: 25%;}
.dots-li1 .dots-img i{left:-3px;bottom: -4px;}
.dots-li2{position: absolute;right: 42%;top: 35%;}
.dots-li2 .dots-img i{right:-3px;bottom: -4px;}
.dots-li3{position: absolute;right: 25%;top: 37%;}
.dots-li3 .dots-img i{left:-3px;bottom: -4px;}
@keyframes sitequan {0%{transform:scale(1)}50%{transform:scale(0.8)}100%{transform:scale(1)} }
@keyframes cleQiu{0%{transform:rotate(0);}50%{transform: rotate(0deg);}100%{transform: rotate(0);}}

.brand-cate {margin-top: 30px;}
.brand-cate ul{display: flex;flex-wrap: wrap; align-items: start;justify-content: space-between;}
.brand-cate ul li{text-align: center;width: 20%;}
.brand-cate ul li .img{height: 100px;background: url('../images/brand-shadow.png') no-repeat center bottom;}
.brand-cate ul li .info{width: 55%;margin: 0px auto; color: #01853c;font-size: 18px;}
.brand-list .full-cover {border-radius: 10px;}
.brand-list .lft{width:75%;}
.brand-list .lft .swiper-container{height:670px}
.brand-list .lft img{min-height:670px}
.brand-list .lft .info{width:100%;position: absolute;bottom: 10%;left: 0;padding: 20px;color: #fff}
.brand-list .lft .info .title{font-size:36px;-webkit-line-clamp:2;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;}
.brand-list .lft .info .desc{font-size:14px;}

.brand-list .lft video{position:absolute;left:0;top:0;display:none;transition:none}
.brand-list .lft .player{width:70px;height:70px;background:rgba(1,133,58,.5);color:#fff;border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);cursor:pointer}
.brand-list .rgt{width:25%;padding:0px 40px 0px;}
.brand-list .rgt .tit{font-size:18px;color:#333;line-height:1;font-weight:700}
.brand-list .rgt span{color:#777;font-size:14px;display:block;margin-top:6px;font-weight:lighter}
.brand-list .rgt .btns button{color:#7b7b7b;cursor:pointer}
.brand-list .rgt .btns{display:none !important}
.brand-list .rgt .player{width:70px;height:70px;color:#fff;border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);cursor:pointer}
.anomaly4__imgbg:before,.news-img>a::before,.swiper-news-img a::before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.7)));
    background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.7) 100%);
    background: -o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.7) 100%);
    background: linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,.7) 100%);
    border-radius: 0 0 2px 2px;
    width: 100%;
    height: 50%;
    z-index: 1
}

.brand-items{height:670px;width:100%;}
.brand-items .swiper-wrapper{display:block;overflow-y:auto}
.brand-items .swiper-wrapper::-webkit-scrollbar {width: 4px;}
.brand-items .swiper-wrapper::-webkit-scrollbar-thumb {background: #01853c;}
.brand-items .swiper-wrapper::-webkit-scrollbar-track {background: #f1f1f1;}
.brand-items .swiper-wrapper{scrollbar-color:#01853c #f1f1f1;scrollbar-width:thin;}
.brand-items .swiper-wrapper{scrollbar-face-color: #01853c;scrollbar-shadow-color: #01853c;scrollbar-arrow-color: #000;scrollbar-track-color: #f1f1f1;}
.brand-items .swiper-container{width:100%;height:100%}
.brand-items .brand-item{cursor:pointer;height:204px;position: relative;border-radius: 20px;margin-bottom: 29px;}
.brand-items .brand-item:last-child{margin-bottom: 0px;}
.brand-items .brand-item.active .title{color:#01853c}
.brand-items .pic{height:100%;width:100%}
.brand-items .info{width:100%;position: absolute;bottom: 0;left: 0;padding: 20px;z-index: 3;}
.brand-items .info .title{font-size:16px;line-height:24px;overflow:hidden;-webkit-line-clamp:2;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;color: #fff}

/*nutrition center*/
.people-list .lft{width:50%;}
.people-list .lft .top {margin: 15% 0 12%;}
.people-list .lft .top .people-desc{display: flex;}
.people-list .lft .top .people-desc .pic{width:320px;}
.people-list .lft .top .people-desc .pic img{width:320px;height:200px;border: 5px solid #a89c6c;}
.people-list .lft .top .people-desc .info{margin-left: 4%;color: #fff}
.people-list .lft .top .people-desc .info .title{margin-bottom: 3%;font-size: 22px;}
.people-list .lft .top .people-desc .info .title span{padding-left: 5%;}
.people-list .lft .top .people-desc .info .desc{font-size: 14px;line-height: 26px}
.people-list .lft .bottom .people-item{width:160px;height:160px;margin-right: 6px;cursor: pointer;}
.people-list .lft .bottom .pic{background: #fff;border-radius: 50%;border: 5px solid #01a039;}
.people-list .lft .bottom .pic img{width:150px;height:150px;border-radius: 50%;}
.people-list .lft .bottom .active .pic{border: 5px solid #c29d66;}

.people-list .rgt{width:50%;}
.people-list .rgt .swiper-container{height:650px}
.people-list .rgt .pic{position: absolute;top: -7px;}
.people-list .rgt .pic img{height:650px;border-radius: 50%;}

.nutrition-items{width:650px;height:650px;position: relative;background: url('../images/people-bg.png')no-repeat center;}

.product{width: 100%;}
.product-items{width: 100%;}
.product-items ul{display: flex;justify-content: space-between;flex-wrap: wrap;width: 100%;}
.product-items li{display: flex;justify-content: space-between;width: 31.5%;margin-top: 1%;}
.product-coulmn{width:100%;border-radius: 30px;padding: 34px 15px;border:1px solid #d5e5db;overflow: hidden;background-position: center;background-repeat: no-repeat;background-size: cover;background: #ecf9f0}
.product-coulmn:hover img{transform: scale(0.95)}
.product-intro{width: 100%;}
.product-intro h2{font-size: 22px;color: #01853c;font-weight: 700;line-height: 1.1;margin-bottom: 12px;}
.product-intro .label{padding:0 2px;display: flex;justify-content: space-between;height:30px;line-height:30px;vertical-align:top;}
.product-intro .label span{border:1px solid #01853c;border-radius:15px;color:#01853c;padding:0px 10px;}
.product-intro .label span:hover{color:#e05a5a;text-decoration:none;background:#01853c; color:#fff;border:1px solid #01853c;}
.product-intro p{font-size: 16px;color: #01853c;margin-top: 20px;}
.product-show{display: flex;justify-content: center;align-items: center; width: 100%;height: auto;}
.product-show img{max-width:100%;max-height:100%;object-fit: cover;width: auto;height: auto;transition: all .4s ease}


.nutrition,.market{width: 100%;background: url('../images/foot-bg.png') center center #009845;}


.news{width: 100%;position: relative;overflow: hidden}
.news-coulmn{display: flex;justify-content: space-between;flex-wrap: wrap; width: 100%;}
.news-lft{width: 49.7%;position: relative;}
.news-show{width: 100%;border-radius: 5px;overflow: hidden;position: relative;display: block}
.news-show img{width: 100%;height: 100%;max-height: 463px;object-fit: cover;transition: all .4s ease}
.news-show:hover img{transform: scale(1.04)}
.news-intro{padding: 0 45px;width: 100%;position: absolute;bottom: 0}
.news-intro h2{font-size: 18px;color: #fff;font-weight: 700;}
.news-intro p{font-size: 14px;color: #fff; line-height: 26px;padding: 10px 0 10px;border-bottom: 1px solid #fff;}
.news-intro span{display: block;font-size: 13px;color: #fff;opacity: .7;margin: 10px 0 20px;font-family: DIN-pro}
.news-btn{display: inline-block;font-size: 14px;color: #fff;line-height: 1;padding-right:18px;background: url(../images/news_btn.png) no-repeat center right;}
.news-rgt{width: 47.7%;display: flex;flex-direction: column;justify-content: space-between;}
.news-item{display: flex;flex-wrap: wrap; width: 100%;height: 49%; border-bottom: 1px solid #d8dde3; border-radius: 5px;overflow: hidden;position: relative;padding: 15px 0; margin-bottom: 15px;}
.news-item:last-child{margin-bottom: 0px;}
.news-item:hover{background-color: #f1f4f8;}
.news-date{width: 13%;height: 100%;overflow: hidden;display: block; padding: 5px;border: 1px solid #d8dde3; text-align: center;}
.news-date h5{font-size: 22px;margin-top: 10px;font-weight: 700}
.news-date p{font-size: 16px; line-height: 40px;}
.news-cont{width: 85%;position: relative;margin-left: 2%;}
.news-cont h2{color: #444;line-height: 30px; font-weight: bold; font-size: 16px; overflow: hidden;-webkit-line-clamp: 2;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.news-cont p{color: #828282;opacity: 1;line-height: 28px;}


.market-items{overflow:hidden; zoom:1;}
.scrollBox .ohbox{overflow:hidden; position:relative;width:1600px;left:45px}
.scrollBox {position:relative;overflow:hidden;zoom:1;}
.market-items li{width: 32%;height: 100%;background: #fff;border-radius: 10px;text-align: center;box-sizing:unset;}
.market-items li.null{margin-right: 0}
.market-items li .proCotent {
    position: relative;
}
.market-items li .proCotent .proPic {
    object-fit: cover;
    width: 100%;
    height: 100%;
    min-height: 300px;
    max-height: 300px;
    transition: all .5s ease;
    transform: scale(1);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.market-items li .dbt {
    width: 100%;
    height: 154px;
    position: relative;
    top: 0px;
    margin: 0 auto;
    text-align: center;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.market-items li .dbt h3{
    height: 54px;
    line-height: 54px;
    overflow: hidden;
    font-size: 18px;
    padding: 0 20px;
    color: #01853c;
    text-align: left;
}
.market-items li .dbt p{
    line-height: 28px;
    font-size: 14px;
    padding: 0 20px 20px;
    text-align: left;
}
.market-items li .dbt:hover {
    background:#01853c;
    color: #fff;
    cursor: pointer;
}
.market-items li .dbt:hover a {
    color: #fff;
}

.message{
    width: 100%;
    background-image: url(../images/message-bg.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 305px;
    padding-top: 74px;
    letter-spacing: .002em;
    text-align: center;
}
.message .title-warp {
    color: #01853c;
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 12px;
}
.message .content-warp {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 32px;
}
.message .link-btn {
    background: #01853c;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    height: 42px;
    line-height: 42px;
    width: 142px;
    border-radius: 4px
}
.message .link-btn:hover {
    background-color: #01853c;
    border-color: #01853c;
}


/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
}

@media all and (max-width:1599px) {
    /* 1440 × (700)  */
    .baner-nav{bottom: 40px}
    .inabout-num span{font-size: 70px}
    .inabout-img { width: 656px;height: 610px;}
    .dots-li3 {right: 24%;}
    .baner-img{justify-content: center}
    .inabout-data li{height: 140px;padding: 0 20px}

    .brand-list .rgt{padding: 0px 30px}
    .brand-items .info{padding-left: 20px}
    .brand-list .lft img{min-height: 670px}
    .brand-items{height: 670px}
    .brand-list .lft .player{width: 60px;height: 60px}

    .news-intro{padding: 20px 30px}
    .news-intro span{margin: 5px 0 5px}
    .news-intro h2{font-size: 16px}
    .news-cont .news-intro h2{line-height: 24px;height: 48px}
    .product-coulmn{padding: 15px 15px 30px}
    .product-show{height: 220px}
    .product-show.first{height: 450px}
    .product-intro h2{font-size: 20px;margin-bottom: 8px}
    .product-intro p{font-size: 16px}
    .baner-img img{transform:scale(0.8)}
}

@media all and (max-width:1439px) {
    /* 1360 */
}

@media all and (max-width:1359px) {
    /* 1280 */
    .baner-prev, .baner-next{opacity: 0;}
}

@media all and (max-width:1279px) {
    /* 1152 × (700) */
    .baner-nav .swiper-pagination .swiper-pagination-bullet:not(:first-child){margin-left:210px}
    .baner-nav .swiper-pagination .swiper-pagination-bullet:not(:first-child):before{width:188px;left:-200px;}
    .baner-prev, .baner-next{opacity: 1;}
    .baner-img img{max-width: 60%;max-height: 60%}

    .inabout-cont p{font-size: 14px}
    .inabout-cont h2{margin-bottom:5px}
    .inabout-text p{font-size: 14px;line-height: 22px;font-weight:normal;}
    .inabout-num{margin-bottom: 0}
    .inabout-num span{font-size:38px}
    .inabout-num b{margin-left: 5px}
    .inabout-data li .data-icon{width: 55px}
    .inabout-data li .data-icon img{max-width: 36px}
    .inabout-data li{height: 130px}
    .inabout-img { width: 600px;height:400px;}
    .inabout-show{justify-content: flex-end}
    .dots-li3 {right: 18%;top: 35%}
    .dots-li2{top:32%;right: 41%}
    .dots-li1{right: 22%;top: 20%}

    .brand-cate ul li .info{width: 90%;font-size: 16px;}

    .brand-list .lft img{min-height: 420px}
    .brand-list .rgt .btns button svg{width: 20px;height: 20px}
    .brand-list .rgt{padding: 0px 20px}
    .brand-items{height: 670px}
    .brand-items .info .title{font-size: 14px;line-height: 20px;height: 40px}
    .brand-items .info{padding-left: 15px}

    .product-coulmn {padding: 25px 20px}
    .product-show{height: 200px}
    .product-intro p{font-size: 15px;}
    .incom-title .text{letter-spacing: 0}
    .news-intro {bottom:35px;padding: 20px;}
    .news-cont .news-intro h2{line-height: 26px;height: 52px;}
}

@media all and (max-width:1151px) {
    /* 1024 */
    .baner-prev, .baner-next{opacity: 0;}
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .baner-bg img{min-height:618px;height: auto}
    .baner-img img {max-width: 80%;max-height: 80%;transform:scale(1)}
    .baner-nav .swiper-pagination .swiper-pagination-bullet:not(:first-child){margin-left:128px}
    .baner-nav .swiper-pagination .swiper-pagination-bullet:not(:first-child):before{width:110px;left:-120px;}
    .baner-nav{bottom: 40px;}
    .btn{border-width: 1px}
    .baner-btn a+a{margin-left: 10px}
    .baner .swiper-slide-active .baner-intro,.baner .swiper-slide-active .baner-img{animation: none}
    .baner li+li{margin-top:5px}
    .baner li:after{width:7px;height:7px;top:8px}
    .baner li{padding-left:15px}

    .inabout-items{flex-direction: column;}
    .inabout-intro{width: 100%;padding-top: 0%;padding-bottom: 5%;}
    .inabout-cont h2 {font-size: 22px;}
    .inabout-data{width: 100%;}
    .inabout-num span{font-size: 38px;}
    .inabout-show{width: 100%;justify-content: center}
    .inabout-earth::after{right: -68%;bottom: -60%;}

    .brand-cate ul li .info{width: 100%;font-size: 14px;}

    .brand-list .lft img{min-height: 350px}
    .brand-list .lft .swiper-container{height: 100%}
    .brand-items{height: 100%}
    .brand-list .lft .player{width: 50px;height: 50px}
    .brand-list .lft .player svg{width: 29px;height: 29px}
    .brand-list .lft{width: 100%}
    .brand-list .rgt{width: 100%}
    .brand-items .pic{width: 100%}
    .brand-items .info{width: 100%}
    .brand-list .rgt .swiper-wrapper{display: flex;justify-content: space-between;}
    .brand-items .brand-item{width: 32%;height: 100%;margin-bottom:0px;}
    .brand-list .rgt{padding: 25px 0px}
    .swiper-pagination.com .swiper-pagination-bullet-active{width: 8px;height: 8px}

    .people-list .lft{width: 100%}
    .people-list .lft .top {margin: 0% 0 2%;}
    .people-list .lft .top .people-desc .pic{width:60%;}
    .people-list .lft .top .people-desc .pic img{width:100%;height:auto;}
    .people-list .lft .top .people-desc .info .title{font-size: 18px;}
    .people-list .lft .top .people-desc .info .desc{font-size: 12px;line-height: 22px}
    .people-list .lft .bottom .swiper-wrapper{justify-content: space-between;}
    .people-list .lft .bottom .people-item{width:23%;height:100%}
    .people-list .lft .bottom .pic img{width:100%;height:100%;}
    .people-list .rgt{width: 100%;display: none;}

    .product-items li{width: 100%;margin-top: 4%;}
    .product-show {height: 200px;}
    .product-show.first{height: auto}
    .product-intro h2{font-size: 18px;margin-bottom: 5px}
    .partner-list li{width: 32%}

    .news-lft{width: 100%;}
    .news-rgt{width: 100%;margin-top: 28px;}
    .news-item{height: auto;background-color: transparent;}

    .market-items li{width: 100%;}
    .market-items li .proCotent .proPic {min-height: 100%;}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .baner{margin-top: 54px}
    .baner-bg img{min-height:580px;height: auto}
    .baner-pc{display: none;}
    .baner-mb{display: block;}
    .baner-content .contain{flex-direction: column;justify-content: center;}
    .baner-intro{width: 100%;}
    .baner-img{width: 100%;margin-top: 28px;height:45%;display:flex;align-items:center}
    .baner li{font-size:14px}
    .baner-prev, .baner-next{opacity: 1;left: 4%;display:none}
    .baner-next {left: auto;right: 4%}
    .baner-nav{display: none;}
    .incom-title .name{font-size: 24px}

    .inabout-cont h2 {line-height: 36px;font-size: 22px;margin-bottom: 8px;}
    .inabout-data li .data-icon{width: 40px}
    .inabout-data li .data-icon img{max-width: 26px}
    .inabout-data li{padding: 0 15px;height: 100px}
    .inabout-text p{font-size: 12px;}
    .inabout-num span{font-size: 30px}
    .inabout-num{font-size: 13px;}
    .inabout-img {width: 100%;height: 100%;}

    .brand-cate ul li{width: 18%;}
    .brand-cate ul li .img {height: 88px;}
    .brand-cate ul li .info{width: 100%;font-size: 14px;}

    .brand-list .lft img{min-height: 280px}
    .brand-list .lft .info .title{font-size:20px;}
    .brand-items{height: 100%}
    .brand-items .pic{width: 100%}
    .brand-items .info{width: 100%;}
    .brand-items .info .title{color: #fff;}
    .brand-list .rgt .swiper-wrapper{display: flex;justify-content: space-between;}
    .brand-items .brand-item{width: 32%;height: 100%;margin-bottom:0px;}
    .brand-list .rgt{padding: 25px 0px}

    .nutrition-items {width: 300px;height: 300px;background-size: 100%;}

    .product-items li:last-child{width: 100%;flex-wrap: wrap}
    .product-items li:last-child .product-coulmn{width: 100%}
    .product-items li:last-child .product-coulmn:not(:first-child){margin-top:4%}
    .product-items li{width: 100%;margin-top: 4%;}
    .product-coulmn{height: auto;}
    .product-show {height: auto;margin-top: 0px;padding: 0px 0 10px}
    .product-show.first{height: auto}
    .product-intro .label{justify-content: space-between;}
    .product-intro .label span{margin: 0 0px;padding: 0px 8px;font-size: 12px;}
    .product-intro p{font-size: 14px;}

    .news-intro{bottom: 0px;}
    .news-intro p{border-bottom: 0px;padding-bottom: 0px}
    .news-intro span{display: none;}
    .news-rgt {margin-top: 20px;}
    .news-item {padding: 10px 0;margin-bottom: 5px}
    .news-img {width: 100%;height: auto;}
    .news-cont {width: 100%; margin-left: 0%;}
    .news-cont .news-intro{position: static;padding: 28px 20px;}
    .news-date {display: none;}
    .dots-li3{right: 12%;top: 34%}
    .dots-li1{right: 17%;top: 18%}

    .market-items li{width: 100%;margin-top: 4%;}
    .market-items li .proCotent .proPic {min-height: 100%;}
    .market-items li .dbt {font-size: 14px; height: auto;line-height: 44px;}
    .message .title-warp {font-size: 26px;}
    .message .content-warp {font-size: 16px; padding: 0 15px;}
    .message .link-btn {font-size: 16px;}
}