@keyframes identifier {
    0% {
        width:0;
        left:0;
    }
    25% {
        width:100%;
        left:0;
     }
    50% {
        width:0;
        left:100%;
     }
    75% {
        width:100%;
        left:0;
    }
    100% {
        width:0;
        left:0;
    }
 }


@media(max-width: 1350px){
.b-text.series.right{width: 100%;right: 0;padding-left: 1.066rem;padding-right: 1.066rem;transform: translate(0,-50%) scale(0.95,1);overflow: hidden;}
}
@media(max-width: 639px){
    .b-tit{font-size: 28px;margin-bottom: 8px;line-height:1.5}
    .b-text.series,
    .b-text.series.right{position: relative;top: 0;transform: translate(0,0);text-align: left;padding: 5vw 0.533rem 0.533rem !important;}
    .b-des{line-height: 1.03;text-align: justify;font-size: 24px}
    .b-text.series.right .b-des{text-align: left;}
    .b-text.series.right .b-des-s{display: none}
    .b-text.series.left{position: relative;top: 0;left:0;transform: translate(0,0);text-align: right;padding: 5vw 0.533rem 0.533rem !important;}
    .b-des{line-height: 1.2;text-align: justify;font-size: 22px}
    .b-text.series.left .b-des{text-align: right;}
    .b-text.series.left .b-des-s{display: none}
    .b-box.pro{padding-top: 65.266%;}
    .b-img.pc{display: none;}
    .b-img.phone{display: block;}
    .b-but{width:100%;line-height:40px}
}

@media screen and (max-width:670px) {
    .header .nav-list{padding:70px 5% 2%;}
    /*集团简介*/
    .ag_about3 .box, .ag_about3 .box-large {flex: 1 1 calc(100% - 20px);max-width: calc(100% - 20px);}
    .ag_about4 li {width: 100%;margin: 0 0 1em 0;padding:0}
    .ag_about4 li .txt{height:auto;}
    .ag_about4 li .pic,.new_list .pic{overflow: hidden;}
    .ag_about4 li .txt .date{margin-top: 10px;}
    .ag_about4 li .txt .date_f{display: none}
    /*集团简介 end*/
    
    .message .btn button{width: 120px;height: 40px;}
    .message .yz,.sqbom .item p,.message .yz .L span{font-size: 16px;}
    .news{margin-right: 0;}
    .news li{width: 100%;margin:0 0 1em 0;}
    .head_t{display:none;}
    .navBtn{right: 1em;}
    .navBtn{top:6px;}
    

}
@media screen and (max-width:764px)  {
    .w50{width:90%;margin:0 auto;}
    .w80{width:90%;margin:0 auto;}
    .f60{font-size:34px;}
    .f36{font-size:30px;}
    .f30{font-size:28px;}
    .f28{font-size:26px;}
    .f26{font-size:24px;}
    .f24{font-size:22px;}
    .f22{font-size:20px;}
    .f20{font-size:18px;}
    .f18{font-size:16px;}
    .f16{font-size:14px;}
    
    .mb80{margin-bottom: 30px}
    .mb50{margin-bottom: 10px}
    .mt80{margin-top:30px}
    .mt50{margin-top:10px}
    .ag_pr_s310 img{width:100%}
    /*header*/
    .header .head_c .logo{margin-top: 0;}
    .header .head_c .logo{max-width: 200px;}
    .header .head_c .logo img{zoom:.7;padding-left:10px;}
    .header .search{margin-right: 0;}
    .header .search{display: none;}
    
    /*footer*/
    .footer .footer-content{flex-direction:column;text-align:center;}
    .footer .logo,.title{justify-content:center;}
    .footer .title{font-size:1.3rem;}

    /*page banner*/
    .ag_page .pc{display: none;}
    .ag_page .phone{display: block}
    
    /*文案排版一*/
    .ag_section{text-align:left}
    
    
    /*集团简介*/
    .ag_about2{display: block;overflow: hidden;}
    .ag_about2 .ag_people{flex-direction: column;}
    .ag_about2 .pic{width: 100%;}
    .ag_about2 .txt{width: 100%;padding:20px 0;}
    .ag_about3{flex-direction: column;}
    .ag_about3 .box {flex: 1 1 calc(100% - 20px);max-width: calc(100% - 20px);padding:30px;margin:10px 0}
    .ag_about3 .box-large {flex: 1 1 calc(100% - 20px);max-width: calc(100% - 20px);}
    .ag_about5 li{width:100%;margin:0 0 1em 0;}
    .ag_about5 li .txt{height:150px;}
    .ag_about5 li .pic,.new_list .pic{overflow:hidden;}
    .ag_about5 li .txt .date{margin-top:10px;}
    .ag_about5 li .txt .date_f{display:none}
    .ag_about6 .apply{width: 90%;margin:0 auto;}
    .ag_about6 .apply .apply_news{margin-left: 0}
    .ag_about6 .apply .apply_news li {width: 100%;margin: 0 0 1em 0;}
    .ag_about7 .cont-img {flex-direction: column;padding: 10px;}
    .ag_about7 .left-img, .ag_about7 .right-img {height: 50%;width: 100%;}
    /*集团简介 end*/
    
    /*企业文化*/
    .ag_culture1 .ag_firm {border-bottom: 1px solid #dfdfdf;display: block;}
    .ag_culture1 .ag_firm .pic{width: 100%;}
    .ag_culture1 .ag_firm .txt{width: 100%;margin-top: 5%;}
    .ag_culture1 .ag_finca{display: block;}
    .ag_culture2 .ag_finca .pic{width: 100%;}
    .ag_culture2 .ag_finca:nth-child(odd),.ag_culture2 .ag_finca:nth-child(even) {flex-direction: column;}
    .ag_culture2 .ag_finca .txt{width: 100%;margin-top: 0}
    .ag_culture2 .ag_finca .txt h6{font-size: 20px;}
    .ag_culture2 .ag_finca .txt2{width: 90%;margin-top: 0}
    .ag_culture2 .ag_finca .txt2 h6{font-size: 20px;}
    .ag_culture3 .i-service{display:none}
     /*企业文化 end*/
     
     /*科研中心*/
    .ag_rd1 .ag_firm {border-bottom: 1px solid #dfdfdf;display: block;}
    .ag_rd1 .ag_firm .pic{width: 100%;}
    .ag_rd1 .ag_firm .txt{width: 100%;margin-top: 5%;}
    .ag_rd1 .ag_finca{display: block;}
    .ag_rd2{display: flex;flex-direction: column;width: 100%}
    .ag_rd2 .pic{display: block;width:60%;margin:auto;}
    .ag_rd2 .txt{width:100%;margin-top: 5%}
    .ag_rd2 .txt img{width:100%;}
    .ag_rd3 .x-about7{width:100%;}
    .ag_rd3 .x-about7 .x-cont .x-swiper .x-t .x-p{font-size:0.74rem;text-align:center;}
    .ag_rd3 .x-about7 .x-cont .x-swiper{padding:0 0.4rem;margin-top:0.3rem;}
    .ag_rd3 .x-about7 .x-cont .x-swiper .x-box .swiper .swiper-wrapper .swiper-slide .x-img{height:10rem;}
    .ag_rd3 .x-about7 .x-cont .x-swiper .x-box .x-but .x-b{width:22%;}
    .ag_rd3 .x-about7 .x-cont .x-swiper .x-box .x-but .swiper-scrollbar{width:68%;height:2px;}
    .ag_rd3 .x-about7 .x-cont .x-swiper .x-box .x-but .x-b .swiper-button-prev{width:0.5rem;height:0.5rem;}
    .ag_rd3 .x-about7 .x-cont .x-swiper .x-box .x-but .x-b .swiper-button-prev::before{width:5px;height:8px;}
    .ag_rd3 .x-about7 .x-cont .x-swiper .x-box .x-but .x-b .swiper-button-next{width:0.5rem;height:0.5rem;}
    .ag_rd3 .x-about7 .x-cont .x-swiper .x-box .x-but .x-b .swiper-button-next::before{width:5px;height:8px;}
    /*科研中心 end*/
    /*瑷露德玛芦荟庄园*/
    .ag_tourism1 .card-grid5 {grid-template-columns: 1fr;max-width: 500px;margin: 0 auto;}
    .ag_tourism1 .image-box5 {height: auto;}
    .ag_tourism2 .timeline::before{left:20px;}
    .ag_tourism2 .node{flex-direction:column;margin-left:10px;}
    .ag_tourism2 .content,.image{flex:1 1 100%;width:100%;margin-bottom:20px;padding:0}
    .ag_tourism2 .node::after,.node::before{left:-40px;transform:translateY(-50%);}
    .ag_tourism2 .node::after{display:none}
    .ag_tourism3 .ag_finca .pic{width: 100%;}
    .ag_tourism3 .ag_finca:nth-child(odd),.ag_tourism3 .ag_finca:nth-child(even) {flex-direction: column;}
    .ag_tourism3 .ag_finca .txt{width: 100%;margin-top: 0}
    .ag_tourism3 .ag_finca .txt h6{font-size: 20px;}
    .ag_tourism3 .ag_finca .txt2{width: 90%;margin-top: 0}
    .ag_tourism3 .ag_finca .txt2 h6{font-size: 20px;}
    .ag_tourism4 .card-grid3{grid-template-columns:1fr;max-width:500px;margin:0 auto;}
    .ag_tourism4 .image-box3{height:auto;}
    /*瑷露德玛芦荟庄园 end*/
    /*芦荟有机种植*/
    .ag_plantations1 .grid{grid-template-columns:1fr;max-width:500px;margin:0 auto;}
    .ag_plantations1 .card{padding:25px;}
    .ag_plantations2 .content img{width:100%}
    .ag_plantations2 .timeline::before{left:0px;}
    .ag_plantations2 .node{flex-direction:column;margin-left:10px;}
    .ag_plantations2 .content,.image{flex:1 1 100%;width:100%;margin-bottom:20px;padding:0}
    .ag_plantations2 .node::after,.node::before{left:-40px;transform:translateY(-50%);}
    .ag_plantations2 .node::after{display:none}
    .ag_plantations3 .ag_finca .pic{width: 100%;}
    .ag_plantations3 .ag_finca:nth-child(odd),.ag_plantations3 .ag_finca:nth-child(even) {flex-direction: column;}
    .ag_plantations3 .ag_finca .txt{width: 100%;margin-top: 0}
    .ag_plantations3 .ag_finca .txt h6{font-size: 20px;}
    .ag_plantations3 .ag_finca .txt2{width: 90%;margin-top: 0}
    .ag_plantations3 .ag_finca .txt2 h6{font-size: 20px;}
    .ag_plantations4 .grid2{grid-template-columns:1fr;max-width:500px;margin:0 auto;}
    .ag_plantations4 .grid2 .card2{padding:25px;}
    .ag_plantations4 .grid2 .main-title2{font-size:1.5em;}
    /*芦荟有机种植end*/
    /*芦荟知识科普*/
    .ag_aloe1 .carousel-container {overflow: hidden;margin:0}
    .ag_aloe1 .carousel-cont{padding:0}
    .ag_aloe1 .nav-item{padding:10px 10px;text-align:left;margin:0;font-size:16px}
    .ag_aloe1 .control-btn{width:35px;height:35px;}
    .ag_aloe2 .ag_lh .pic {width:100%;}
    .ag_aloe2 .ag_lh .txt{width:100%;margin:0}
    .ag_aloe2 .ag_lh .txt .t-h6 {margin-top: 20px;line-height: 1.6;}
    .ag_aloe4 .ag_firm{flex-direction: column;}
    .ag_aloe4 .ag_firm .pic,.ag_aloe4 .ag_firm .pic3{width:100%;}
    .ag_aloe4 .ag_firm .txt{width:100%;margin:0;}
    /*芦荟知识科普 end*/
    
    /*瑷之旅会员俱乐部*/
    .ag_organic1 .card-grid4{grid-template-columns:1fr;max-width:500px;margin:0 auto;}
    .ag_organic1 .image-box4{height:200px;}
    .ag_organic2 .welfare {flex-direction: column;}
    .ag_organic2 .welfare .block{margin-top:10px}
    .ag_organic2 .welfare .block:nth-child(n){border-right:none;}
    .ag_organic3 .effect{grid-template-columns:1fr;}
    .ag_organic3 .effect .card{width:auto;padding:20px}
    .ag_organic4 .requ{width:auto;padding:20px;top:-50px}
    .ag_organic4 .require{flex-direction: column;align-items: center;}
    .ag_organic4 .text-container{margin:0}
    .ag_organic4 .require .table-container, .text-container {width:100%}
    .ag_organic5 .fee table,thead,tbody,th,td,tr{display:block;}
    .ag_organic5 .fee th,td{padding:10px;text-align:right;position:relative;}
    .ag_organic5 .fee th::before,td::before{content:attr(data-label);position:absolute;left:0;width:50%;padding-left:10px;font-weight:bold;text-align:left;}
    .ag_organic5 .fee th{background-color:transparent;color:#333;}
    /*瑷之旅会员俱乐部 end*/
    /*瑷露德玛*/
    .ag_aloderma1 .ag_firm {display: block;text-align:center}
    .ag_aloderma1 .ag_firm .pic{width: 100%;}
    .ag_aloderma1 .ag_firm .txt{width: 100%;margin-top: 5%;}
    .ag_aloderma1 .ag_firm .ag-booth{margin:auto}
    .ag_aloderma2 .cards3-container{grid-template-columns:1fr;}
    .ag_aloderma2 .card3-image{height:300px;}
    .ag_aloderma3 .concept .box-s{flex:1 1 100%;}
    .ag_aloderma4 .ag_finca .pic{width: 100%;}
    .ag_aloderma4 .ag_finca:nth-child(odd),.ag_aloderma4 .ag_finca:nth-child(even) {flex-direction: column;}
    .ag_aloderma4 .ag_finca .txt{width: 100%;margin-top: 0}
    .ag_aloderma4 .ag_finca .txt h6{font-size: 20px;}
    .ag_aloderma4 .ag_finca .txt2{width: 90%;margin-top: 0}
    .ag_aloderma4 .ag_finca .txt2 h6{font-size: 20px;}
    /*瑷露德玛 end*/
    
    /*瑷菲诗*/
    .ag_alofab1 .ag_firm {display: block;text-align:center}
    .ag_alofab1 .ag_firm .pic{width: 100%;}
    .ag_alofab1 .ag_firm .txt{width: 100%;margin-top: 5%;}
    .ag_alofab1 .ag_firm .ag-booth{margin:auto}
    .ag_alofab2 .cards3-container{grid-template-columns:1fr;}
    .ag_alofab2 .card3-image{height:300px;}
    .ag_alofab3 .feature{flex:1 1 100%;}
    .ag_alofab4 .ag_finca .pic{width: 100%;}
    .ag_alofab4 .ag_finca:nth-child(odd),.ag_alofab4 .ag_finca:nth-child(even) {flex-direction: column;}
    .ag_alofab4 .ag_finca .txt{width: 100%;margin-top: 0}
    .ag_alofab4 .ag_finca .txt h6{font-size: 20px;}
    .ag_alofab4 .ag_finca .txt2{width: 90%;margin-top: 0}
    .ag_alofab4 .ag_finca .txt2 h6{font-size: 20px;}
    /*瑷菲诗 end*/
    /*瑷露德玛芦荟生活馆*/
    .ag_house1 .ag_firm {display: block;text-align:center}
    .ag_house1 .ag_firm .pic{width: 100%;}
    .ag_house1 .ag_firm .txt{width: 100%;margin-top: 5%;}
    .ag_house1 .ag_firm .ag-booth{margin:auto}
    .ag_house2 .phyloge li{width:100%;margin:0 0 1em 0;}
    .ag_house2 .phyloge li .txt{height:100px;}
    .ag_house2 .phyloge li .pic,.new_list .pic{overflow:hidden;}
    .ag_house2 .phyloge li .txt .date{margin-top:10px;}
    .ag_house2 .phyloge li .txt .date_f{display:none}
    .ag_house2 .shop{display:flex;flex-direction:column;margin-bottom:50px;}
    .ag_house2 .shop .left-section,.shop .right-section{width:100%;}
    .ag_house2 .shop .right-section {width:100%}
    .ag_house2 .aghg-shg1 .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px;justify-content:center;}
    .ag_house3 .t-icon{display:none;}
    .ag_house3 .item{min-width:45%;}
    .ag_house4 .content {line-height:1.6}
    .ag_house5 .cont3{padding:0}
    .ag_house5 .number3{position:relative}
    .ag_house5 .block3{width:100%;border-bottom:1px solid #ccc;}
    .ag_house5 .block3:last-child{border-bottom:none;}
    .ag_house6 .cont-logo{width:100%;}
    .ag_house6 .grid4{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;justify-items:center;}
    .ag_house6 .logo{padding:20px 10px}
    .ag_house7 .grid{grid-template-columns:repeat(1,1fr);}
    
    /*合作洽谈*/
    .ag_recruitment1 .ag_firm {border-bottom: 1px solid #dfdfdf;display: block;}
    .ag_recruitment1 .ag_firm .pic{width: 100%;}
    .ag_recruitment1 .ag_firm .txt{width: 100%;margin-top: 5%;}
    .ag_recruitment2 .ag_firm {display: block;text-align:center}
    .ag_recruitment2 .ag_firm .pic{width: 100%;}
    .ag_recruitment2 .ag_firm .txt{width: 100%;margin-top: 5%;}
    .ag_recruitment2 .ag_firm .ag-booth{margin:auto}
    .ag_recruitment2 .e-grid{grid-template-columns:1fr;}
    .ag_recruitment2 .e-grid .i-label{width:auto}
    .ag_recruitment3 .ag_firm .txt{width:100%;margin:0;}
    .ag_recruitment3 .ag_firm{display:flex;align-items:center;flex-direction:column;padding:20px 10px}
    .ag_recruitment3 .ag_firm .pic{width:100%;}

    
    
    .navBtn{display: block;}
    .navBtn{z-index: 30;}
    .cpshow li{width:100%}
    .cpshow ul{margin:0}
    .crumbs{padding-left:10px;margin:20px 0}

    
    
    .cpmin .pic{width: 100%;height: 430px;}
    .cpmin .xq{width:100%;text-align:justify;margin-top:25%}
    .cpmin .txt{width: 100%;}
    .cpmin .txt h6{font-size: 20px;}
    .cpmin .txt h2{font-size: 26px;}
    .cpmin .txt a{width:40%}
    
    .tb-s310 a{line-height: 430px;}
    .tb-s310, .tb-s310 a{height: 430px;}
    .tb-s310, .tb-s310 img{max-height: 430px;}
    .ft{position: relative;}
    
    /*商品*/
    .good_list {margin: 10px auto 10px;width: 90%;}
    .good_list .slick-next{right:-30px;}
    .good_list .slick-prev {left:-30px;}
    .good_list .txt .t img{display: none}
    .good_list .txt .t{text-align: center}
    
    .new_min .cont{flex-direction:column;gap:20px;padding:0}
    .new_min .main-content,.sidebar{flex:0 0 100%;}
    .new_min .article-title{font-size:1.8rem;}
    .new_min .article-navigation{flex-direction:column;gap:15px;}
    .new_min .nav-btn{text-align:center;}

    .new_list .slick-prev { left: 0px;background: url("../images/left501.png")no-repeat;}
    .new_list .slick-next { right: 0px;background: url("../images/right5.png")no-repeat;}
        
}
@media screen and (max-width:800px) {
    .wrap2 {width: 98%;margin: 0 auto;}
    /*header*/
    .header .head_c .headR{width: 60%;}
    .header .search{width: 65%;}
    .header .search .input{width: 186px;}
    
    .message .item .iem{width: 98%;}
    .message .item .iem:nth-child(1){margin-bottom: 1em;}
    .message .item textarea{width: 95%;}
    .message .btn button{width: 160px;height: 50px;font-size: 20px;}
    
    
    /*footer*/
    footer{padding:30px 0;}
    footer .link a{font-size: 16px;}
}
@media screen and (max-width:1024px) {
    /*header*/
    .header .nav2{display: none;}
    .header{z-index: 9999;position: relative;}
    .header .nav2 li a{font-size: 14px;}
    .header .head_c{padding:9px 0;}
    .header .search{margin-right:50px;width: 50%;}
    .header .nav-list{padding:109px 5% 2%;}
    
    .message .yz .L{width: 50%;}
    .message .yz .L input{width: 100px;}
    .message{margin-top: 25px;margin-bottom: 50px;}
    .message .item{margin-bottom: 1em;}
    .message .item .iem{width: 100%;}
    .message .yz .L,.message .yz .R{width: 100%;}
    .message .yz{margin-top: 1em;}
    .message .item .iem input{width: 64%;}
    
    
}
@media screen and (max-width:1200px) {
    /*header*/
    .header .nav2{width: 75%;}
    .header .nav2 li a{font-size: 14px;}
    /*科研中心*/
    .ag_rd3 .x-about7 .x-cont .x-swiper .x-box .x-but .swiper-scrollbar{width:78%;}
    .ag_rd3 .x-about7 .x-cont .x-swiper .x-box .x-but .x-b{width:14%;}
}
@media screen and (max-width:1280px) {
    .wrap2 .wrap,footer .wrap{width: 90%;}
    .message .yz .L{width: 48%;}
}
@media screen and (max-width:1366px) {
    .wrap2 .wrap{width: 90%;}
}