@media screen and (max-width:1600px){


}
/* max-width:1600px */
@media screen and (max-width:1400px){
  .p120{ padding:100px 0; }
  .pt120{ padding-top: 100px;}
  .fs24{ font-size:22px;}
  .fs20{ font-size:18px;}
  .fs18{ font-size:16px;}
  .fs16{ font-size:14px;}
  .fs14{ font-size:12px;}

  .ybCopyRight a{ font-size:12px; }
 
  .ybContainer_in{ padding:0 32px; }
  .ybMap_in .list{ margin-bottom: 20px; }
  .ybMap_in .list a{ margin: 10px 20px 0 0; }
  .ejIndexBanner .swiper-container-horizontal>.swiper-pagination-bullets, .ejIndexBanner .swiper-pagination-custom, .ejIndexBanner .swiper-pagination-fraction{
    width: 100%!important;
  }
  .pubMap .imgs{ width: 40%; }
  .pubMap .ybMap_in{ width: 60%; }
  /* 鍝佺墝浠嬬粛 */
  .ybBrandBox .rightImgs{ padding-left: 100px; }
  .ybBrandDt_top .txtBox .txt{ height: 180px; }
  /* 鍝佺墝绠€浠 */
  .ybProduct_in .item{ 
    width: calc(25% - 40px);
    margin-right: 53px;
  }
  .ybBrandBox .rightImgs a .txtBox{padding:20px 100px;}
  /* 浜у搧璇︽儏 */
  .popUpBox .popUpBox_in{ width: 50%; }
  /* 鎱堝杽鍏泭 */
  .ybCharity_in .list .txtBox{ min-height: 32.5vw; padding:60px; padding-left: 50%; }
  .ybCharity_in .list .txt{ line-height: 1.7; padding-bottom: 30px; }
  .indexbrand_more{ padding-top: 20px;}
  .brandSwiperBox .txtBox_in{ padding:0 30px; }
  /* 鍙戝睍鍘嗙▼ */
  .ybHistoryList{ padding: 6.25vw 60px 0; background-size: 100% 26vw; }
  /* 缃戜笂鐣欒█ */
  .onlineMsg{ width: 100%; padding:0 60px; }
  /* 鑱旂郴鎴戜滑 */
  .ybContactUs_in{ padding:40px 30px; }
  .ybContactUsBox{ padding-left: 60px; }
  .ybContactUsBox .ybContactUsBox_in .title{ padding-bottom: 30px; }
}
/* max-width:1400px */



@media screen and (max-width:1200px){
  .ybContainer{ width: 100%; }
  .ybDetail .ybDetail_in{ width: 100%; }
  .ybContainer_in{ padding:0 16px; }
  .pubMap .imgs{ width: 30%; }
  .pubMap .ybMap_in{ width: 70%; }
  /* index */
  .brandSwiperBox .txtBox_in{ padding:0 20px; }
  .brandSwiperBox .txtBox_in .title{ padding-bottom: 16px; font-size:18px; line-height: 1.4; }
  .brandSwiperBox .txtBox_in .txt{ line-height: 1.7; font-size:14px; }
  .indexaBoutUs .txtBox{ padding:40px 40px 0; }
  .ybSearchBox{ top: 60px;}
  .ybBannerTxt_in .name{ font-size:36px; }
  .brandSwiperBox .txtBox_in .txt{ height: 180px; }
  .indexbrand_more a{ font-size:14px; }
  .indexbrand_more a i{ font-size:12px; }
  .newsConterner .list a{ padding:30px 30px 70px; }
  .newsConterner .list a .title::before,.newsConterner .list a .title:after{
    left: -31px;
  }
  .indexItem5 .swiper-container{ padding-bottom: 54px; }
  .ybFooter .footer .fMenu .fmenuList{ padding:0 5%; }
  /* mheader */

  /* mheader end */
  .pubSwiperPage .swiper-pagination{ display: block; bottom: 0; }

  /* 绮惧僵娲诲姩 */
  .ybactivityBox .list .item{
    margin-right: 40px; margin-top: 60px;
    width: calc(33.33% - 27px);
  }
  .ybactivityBox .list .item a .title{
    padding:28px 20px 48px;
  }
  /* 瑙嗗浘涓撳尯 */
  .ybvideoList .item{ padding:20px 10px; }
  /* 鍝佺墝浠嬬粛 */
  .ybBrandBox .rightImgs{ padding-left: 80px; }
  .ybBrandBox .rightImgs a .txtBox{ padding: 20px 80px; }
  .ybBrandBox .leftList .item .item_in{ padding:8px 16px; }
  /* 鍝佺墝浠嬬粛璇︽儏 */
  .drinkTypeTop{ padding:0; }
  .ybBrandDt_top .txtBox{ padding:16px 60px; }
  .drinkType{ padding-top: 60px; }
  .drinkType .list .item{ margin:0 30px; }
  .ybBrandDt_top .txtBox .txt{ height: 160px; }
  /* 鍝佺墝绠€浠 */
  .ybProduct_in .item{ 
    width: calc(33.33% - 40px);
    margin-right: 60px;
  }
  .ybProduct_in .item:nth-child(4n) {
    margin-right: 60px;
  }
  .ybProduct_in .item:nth-child(3n) {
    margin-right: 0;
  }
  /* 浜у搧璇︽儏 */
  .popUpBox .popUpBox_in{ width: 60%; }
  /* 绾夸笂鍟嗗煄 */
  .onlineShopping_in .item{ padding:30px 30px 60px; }
  /* 鏈嶅姟鐑嚎 */
  .onlineMsg{ padding:100px 60px 0; }
  .ybTalents .item3 .txt{ padding-right: 100px; }
  .ybTalents .item3 .imgs{ margin:0 auto; }
  .switem2Box .ybli{ padding:40px 30px 30px }
  .ybCultivate .citem2Txt {
    padding: 0 80px;
  }
  /* 鎱堝杽鍏泭 */
  .ybCharity_in .list .txtBox{ min-height: 32.5vw; padding:40px; padding-left: 50%; }
  .ybCharity_in .list .txt{ line-height: 1.6; padding-bottom: 28px; }
  .ybCharity_in .list:nth-child(2n) .txtBox{ 
    padding-right: 50%;
    padding-left: 40px;
  }
  /* 鎱堝杽鍏泭璇︽儏 */
  .ybCharityDt_in .txt{  padding:0 0 60px; }
  /* 璐ｄ换鎶ュ憡 */
  .firstReport .txtBox{ padding-right: 8%; }
  .firstReport_in{ padding:40px 60px; } 
  /* 璐ｄ换鏁呬簨 */
  .ybzrHistory_in .list .txtBox{ padding:10px 4% 0 30px; }
  /* 閲囪喘淇℃伅 */
  .purchasingInformation{ padding:60px; }
  .purchasingInformation_in .txtBox .txt{ padding:30px 0; }
  /*闃冲厜瀹ｈ█*/
  .ybSunshine_in .item a{ padding:30px;padding-bottom: 80px; }
  .ybSunshine_in .item a .title::before,.ybSunshine_in .item a .title::after{
    left: -30px;
  }
  .ybSunshine_in .item a .more{ left: 30px; }
  .ybSunshine_in .item{ padding:10px; }
  /* 寤夋磥涓炬姤 */
  .ybPrincipleBox .item{ padding:60px 40px 120px; }
  /* 鍏徃绠€浠 */
  .ybCompany .txt{ padding:0 40px 40px; }
  .ybCompany .list{ padding:0 40px; }
  .ybCompany .listTxt{ padding:40px 0 60px; }
  /* 鍙戝睍鍘嗙▼ */
  .ybHistoryList{ padding: 6.25vw 20px 0; background-size: auto 27vw; }
  .ybHistory .year{ font-size:36px; }

  /* 浼佷笟鏂囧寲 */
  .ybCulture .list{ padding:24px; margin-top: 30px; }
  .ybCulture .list1{ margin-bottom: 60px; } 
  .ybCulture .list5 .itemBg{ padding-left: 40px; }
  .ybCulture .list5 .item, .ybCulture .list6 .item{
    width: 40%;
    padding-right: 40px;
    margin-top: 40px;
  }

  /*閲囪喘鎸囧崡*/
  .ybSingleList{ margin-top: 40px; padding-top: 30px; }
  .ybSingleList .item{ width: 50%; padding-right: 40px; }
  .ybSingleList .item:nth-child(2n){ padding-right: 0; padding-left: 40px;}
  .ybDetail .ybsingle{ width: 100%; }

}
/* max-width:1200px */


@media screen and (max-width:1024px){
  .home{ overflow: auto; }
  .pubRight{ display: none; }
  .indexBody{ overflow: auto; height: auto; }
  .body_home, .ejIndexBanner{ height: 51vw; }
  .body_home .bbBox { display: none; }
  .body_b{
    position: inherit; padding-top: 0;
  }
  .brandSwiperBox .gallery-top{ height: 29vw;}
  .brandSwiperBox .left_imgs{ width: 56.46%; }
  .body_b .indexItem1{ padding-top: 60px; }

  .indexItem5 .index_animation,.indexResponsibility .list .swiper-slide:nth-child(2n){ opacity: 1;
    transform: translate(0px, 0); 
  }
  .indexItem5 .index_animation,.indexResponsibility .list .swiper-slide,.indexItem2 .ybContainer_in,.newsCenter .newsConterner .item .imgs,.newsCenter .newsConterner .item .txtBox,.newsCenter .newsConterner .list{ 
    opacity: 1; transform: none; 
  }


}
/* max-width:1024px end */

@media screen and (max-width:1000px){

  *{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-tap-highlight-color:transparent;
  }
  .productTab a{ font-size:18px; }
  .productTab a i{ font-size:20px; }
  .ybFooter .footer .fMenu .fmenuList{ padding:0 0 0 40px; }
  .ybPageContainer .ybToptitle{ font-size:32px; padding-bottom: 40px; }
  .ybFooter .footer { flex-wrap: wrap; }
  /* .ybFooter .footer .fCode,.ybFooter .footer .fMenu{ width: 100%; } */
  .ybFooter .footer .fCode{ margin-top: 40px; }
  .ybFooter .fCode .codeList{ justify-content: center; }
  .ybFooter .fCode .codeList .cItem{ margin:0 40px; }
  .ybFooter .fCode .cItem:last-child .codeBox{ background-image: url(../image/fweixinBg.png); left: 50%; right: auto; }
  .pubMap .imgs{ width: 20%; }
  .pubMap .ybMap_in{ width: 80%; }
  .ybmNav .item{ padding:0 20px; }
  .ybBannerTxt_in .name{ font-size:32px; }
  /* index */
  .brandSwiperBox .left_imgs{ width: 62.47%; }
  .brandSwiperBox .gallery-top{ height: 32vw; }
  .brandSwiperBox .txtBox_in{ padding:0 20px; }
  .brandSwiperBox .txtBox_in .title{ padding-bottom: 10px; font-size:18px; line-height: 1.7; }
  .brandSwiperBox .txtBox_in .txt{ line-height: 1.7; font-size:14px; height: 160px; }
  .indexbrand_more{ padding-top: 10px; }
  .indexbrand_more a i{ padding:6px; }
  .indexbrand_more a{ font-size:14px; }
  .brandSwiperBox .right_imgs{ display: none; }
  .indexaBoutUs .txtBox{ padding:40px 20px 0; }
  .indexaBoutUs .txtBox .list .item .num{ font-size:36px }
  .ybSearchBox{ height: 100px; }
  .ybSearchBox .search_in{ width: calc(100% - 120px); }
  .newsConterner .list a{ padding:20px 20px 70px; }
  .newsConterner .list a .title::before,.newsConterner .list a .title:after{
    left: -21px;
  }
  /* 鍏徃鏂伴椈 */

  /* 绮惧僵娲诲姩 */
  .ybactivityBox .list .item{
    margin-right: 20px; margin-top: 40px;
    width: calc(33.33% - 14px);
  }
  /* 瑙嗗浘涓撳尯 */
  .ybvideoList .item{width: 33.33%; padding:30px 20px;}
  /* 瑙嗗浘涓撳尯 */
  .ybPicList .picItem{ padding:0 10px }
  .ybPicList .picItem .picItem_in .item{ margin-bottom: 20px; }
  /* 鍝佺墝浠嬬粛 */
  .ybBrandBox .rightImgs{ width: 56%; }
  .ybBrandBox .rightImgs{ padding-left: 40px; }
  .ybBrandBox .leftList .item{ width: calc(33.33% - 6px); }
  .ybBrandBox .rightImgs a .txtBox{ padding: 20px 60px; }
  .ybBrandBox .rightImgs a .txtBox .txt{ line-height: 1.7; }
  .ybBrandBox .rightImgs a .txtBox .linkBtn{ margin:30px auto 0; width: 140px; height: 56px; line-height: 56px; }
  .ybBrandBox .leftList .item .item_in{ padding:6px 12px; }
  /* 鍝佺墝浠嬬粛璇︽儏 */
  .drinkTypeTop{ padding:0; }
  .ybBrandDt_top .txtBox{ padding:12px 40px; }
  .ybBrandDt_top .item .txt{ line-height: 1.4; }
  .ybBrandDt_top .txtBox .topName{ padding-bottom: 10px; }
  .drinkTypeTop .topBox .topTxt{ padding:60px; }
  .drinkType .list{ padding-top: 50px; }
  .drinkType .list .item{ margin:0 20px; width: 120px; }
  .ybBrandDt_top .txtBox .txt{ height: 160px; }
  /* 鍝佺墝绠€浠 */
  .ybProduct_in .item{ 
    width: calc(33.33% - 27px);
    margin-right: 40px;
  }
  .ybProduct_in .item:nth-child(4n) {
    margin-right: 40px;
  }
  .ybProduct_in .item:nth-child(3n){
    margin-right: 0;
  }
  /* 浜у搧璇︽儏 */
  .popUpBox .popUpBox_in{ width: 70%; }
  /* 绾夸笂鍟嗗煄 */
  .onlineShopping_in .item{ padding:20px 20px 40px; }
  .onlineShopping_in .item a{ width:100px; height: 36px; line-height: 36px; font-size:14px; }
  /* 鏈嶅姟鐑嚎 */
  .onlineMsg{ padding:80px 20px 0; }
  .onlineMsgForm .item{ width: calc(50% - 20px); }
  .onlineMsgForm .ybtextarea{ width: 100%; }
  .ybTalents .item3 .txt{ padding-right: 80px; }
  .ybCultivate_in .switem2Box .swiper-pagination-bullet{ display: inline-block; opacity: 1; background-color: #fff; }
  .ybCultivate_in .switem2Box .swiper-pagination-bullet-active{ background-color: #137B40; }
  .ybCultivate .topTxt{ padding:0 80px 60px; }
  .ybCultivate .citem2Txt {
    padding: 0 60px;
  }
  /* 鎱堝杽鍏泭 */
  .ybCharity_in .list .imgs{ width: 48%; }
  .ybCharity_in .list .txtBox{ min-height: 32.5vw; padding:30px; padding-left: 48%; }
  .ybCharity_in .list .txt{ line-height: 1.6; padding-bottom: 20px; }
  .ybCharity_in .list:nth-child(2n) .txtBox{ 
    padding-right: 48%;
    padding-left: 30px;
  }
  /* 璐ｄ换鎶ュ憡 */
  .firstReport .imgs{ width: 18%; }
  .firstReport .txtBox{ padding-right: 0; }
  .ybReportBox{ padding-top: 60px;}
  .ybReportBox .list .item{ padding:0 24px; }
  .ybReportBox .list{ padding:0 16px 24px; margin-bottom: 100px;}
  .ybReportBox .list .item .year{ font-size:20px; }
  /* 璐ｄ换鏁呬簨 */
  .ybzrHistory_in .list .txtBox .title{ padding-bottom: 10px; }
  .ybzrHistory_in .list .txtBox{ padding:0 20px 0 30px; }
  .ybzrHistory_in .list .txtBox .txt{ line-height: 1.7; }
  /* 閲囪喘淇℃伅 */
  .purchasingInformation_in .txtBox{ padding-left: 40px; }
  .purchasingInformation{ padding:40px; }
  .purchasingInformation_in .txtBox .txt{ padding:20px 0; line-height: 1.7; }
  .purchasingInformation_in .txtBox a{ width: 120px; height: 48px; line-height: 48px; }
  .purchasingInformation_in .txtBox .title{ font-size:20px; }
  /* 鑱旂郴鎴戜滑 */
  .ybContactUsBox{ padding-left: 40px; }
  .ybContactUsBox .ybContactUsBox_in .title{ padding-bottom: 20px; margin-bottom: 20px; }
  .ybContactUs_in .imgs{ top:60px; }
  .ybContactUsBox .ybContactUsBox_in{ padding-right: 0; }
  /* 寤夋磥涓炬姤 */
  .ybCleanReporting_in .list2:nth-child(2n){
    padding:60px 0;
  }
  .ybPrincipleBox{ margin-top: 40px; }
  .ybPrincipleBox .item{ padding:50px 30px 120px; }
  /* 鍏徃绠€浠 */
  .ybCompany .txt{ padding:0; padding-bottom: 30px; }
  .ybCompany .list{ padding:0; }
  .ybCompany .listTxt{ padding:40px 0 60px; }
  .ybCompany .list .numBox .num{ font-size:40px; }
  /* 绠＄悊鍥㈤槦 */
  .ybTeam2_in{ width: 100%; }
  /* 鍙戝睍鍘嗙▼ */
  .ybHistoryList{ padding: 40px 20px 0; background-size: auto 30vw; }

  /* 浼佷笟鏂囧寲 */
  .ybCulture .list1 .item1 .txt{ padding-right: 40px; }
  .ybCulture .list .listBox{ padding-right: 40px; }
  .ybCulture .list7 .listBox, .ybCulture .list3 .listBox, .ybCulture .list2 .listBox, .ybCulture .list5 .listBox{
    padding-left: 40px; padding-right: 0;
  }

  /*閲囪喘鎸囧崡*/
  .ybSingleList{ margin-top: 30px; padding-top: 20px; }
  .ybSingleList .item{ width: 100%; padding:0; }
  .ybSingleList .item:nth-child(2n){ padding-right: 0; padding-left: 0; border:none; }

  /* 绮惧僵娲诲姩 */
  .ybactivityBox .topItem{ height: 360px; }
  .ybactivityBox .topItem .topItem_in{ padding:0 40px; width: 80%; }

  /* 鎷涙爣涓撳尯 */
  .ybCGInformation_Table .list{ padding:16px 1.5%; }
  .ybCGInformation_Table .list .title{ padding:0 2%; }

  /* 璧勮川鑽ｈ獕 */
  .ybHonorList .list .item{padding-right: 60px; }
  .ybHonorList .list:nth-child(2n) .item{ padding-left: 60px; padding-right: 0;}

}
/* max-width:1000px */


@media screen and (max-width:860px){

    /* mheader */
    .ejIndexBanner{ margin-top: 60px; }
    .topHeader .pcshow{ display: none;}
    .topHeader .mshow{ display: block;}
    .topHeader,  .topHeader .deMenu{ transform: none; height: 60px; align-items:center; }
    .body_home .topHeader{ transform: none; }
    .ybLogo img{ height: 35px; }
    .body_home.showdiv .topHeader{ background: #fff; box-shadow: inset 0px -1px 0px 0px #e8e8e8; }
    .ybmHeader  div{ margin-left: 36px; height: 60px; line-height: 60px; position: relative; }
    .ybmHeader .mSearchBtn{
      background-repeat: no-repeat; background-size: 100% auto;
      background-position: center bottom;
    }
    .ybmHeader  div i{ font-size:24px; line-height: 1; }
    .ybmHeader  div img{ position: absolute; bottom: -1px; left: 0; width: 100%; }
    .ybOutContainer{ padding-top: 60px; }
    .body_home.showdiv .wLogo{ display: none; }
    .body_home.showdiv .bLogo{ display: block; }
    /* mheader end */


  .productTab a{ font-size:16px; }
  .productTab a i{ font-size:18px; }
  .ybPageContainer .ybToptitle{ font-size:28px; padding-bottom: 30px; }
  .ybFooter .footer .fMenu .fmenuList{ padding:0 0 0 20px; }
  .indexaBoutUs .txtBox{ padding:40px 0px 0; }
  .indexaBoutUs .txtBox .list .item .num{ font-size:32px }
  .pubMap .imgs{ width: 0; }
  .pubMap .ybMap_in{ width: 100%; }
  .ybmNav .item{ padding:0 10px; }
  .ybBannerTxt_in .name{ font-size:26px; }
  .brandSwiperBox .txtBox_in .txt{ height: 120px; }
  /* 鍏徃鏂伴椈 */
  .newsConterner .item .txtBox a{ padding: 20px; }
  .newsConterner .item .txtBox .txt{ line-height: 1.8; }
  .newsConterner .item .txtBox .time{ font-size:18px; }
  .ejNewsBox .item .title{ padding-bottom: 12px; }
  .ejNewsBox .item .txtBox .txt{ line-height: 1.7; }
  .ejNewsBox .item .timeBox{ width: 80px; height: 80px; }
  .ejNewsBox .item .d{ font-size:28px; padding:16px 0 8px; }
  /* 绮惧僵娲诲姩 */
  .ybactivityBox .list .item{
    width: calc(50% - 20px); margin-right: 40px;
  }
  .ybactivityBox .list .item:nth-child(3n){
    margin-right: 40px;
  }
  .ybactivityBox .list .item:nth-child(2n){
    margin-right: 0;
  }
  /* 瑙嗛涓撳尯 */
  .ybvideoList .item{ width: 50%; }
  /* 瑙嗗浘涓撳尯 */
  .ybPicList .topList{ flex-wrap: wrap; }
  .ybPicList {
    padding-top: 30px;
  }
  .ybPicList .picItem{ width: 50%; } 
  .ybPicList .picItem .picItem_in .item{ padding-bottom: 66.66%; }
  /* 鍝佺墝浠嬬粛 */
  .ybBrandBox .rightImgs a .txtBox{ padding: 20px 40px; }
  .ybBrandBox .rightImgs a .txtBox .linkBtn{ width: 120px; height: 48px; line-height: 48px; font-size:14px;
    margin-top: 20px;
  }
  /* 鍝佺墝浠嬬粛璇︽儏 */
  .ybBrandDt_top .txtBox{ padding:12px 20px; }
  .drinkTypeTop .topBox .topTxt{ padding:40px; }
  .drinkType .list{ padding-top: 40px; }
  .drinkType .list .item{ margin:0 20px; width: 100px; }
  .ybBrandDt_top .txtBox .txt{ height: 140px; }
  /* 鍝佺墝绠€浠 */
  .ybProduct_in .item{ 
    width: calc(50% - 30px);
    margin-right: 60px;
  }
  .ybProduct_in .item:nth-child(3n) {
    margin-right: 60px;
  }
  .ybProduct_in .item:nth-child(2n) {
    margin-right: 0px;
  }

  .ybBrandBox .leftList .item .item_in{ padding:3px 6px; }
  /* 浜у搧璇︽儏 */
  .popUpBox .popUpBox_in{ width: 86%; }
  .rqpreNext{ padding-top: 10px; }
  .rqpreNext h4{ font-size:16px; line-height: 1; }
  .rqpreNext .item{ width: 100%; margin-top: 30px; }
  .rqpreNext .txt, .rqpreNext .txt a{ font-size:14px; }
  .rqpreNext .txt span{ padding-left: 0; display: block; line-height: 1; padding-top: 10px; }
  /* 绾夸笂鍟嗗煄 */
  .onlineShopping_in .item{width: 50%; padding:30px 30px 60px; }
  .onlineShopping_in .item a{ width:100px; height: 40px; line-height: 40px; font-size:14px; }
  /* 鏈嶅姟鐑嚎 */
  .onlineMsg{ padding:60px 0px 0; }
  .onlineMsgForm{ padding:0; }
  .hotLineBox{ padding:60px 20px; }
  .switem2Box .swiper-pagination-bullet{ display: inline-block; }
  .ybTalents .item1{ padding:46px 20px; }
  .ybTalents .item1 .tCon{  width: 100%;}
  .ybTalents .item3 .txt{ padding-right: 60px; }
  .ybCultivate .topTxt{ padding:0 40px 30px; }
  .ybCultivate .citem2Txt {
    padding: 0 40px;
  }
  /* 璐ｄ换绠＄悊 */
  .ybResponsibility_in .item1imgs{ padding:46px 20px; }
  .ybResponsibility_in .item1Txt{ width: 100%; }
  .ybResponsibility_in .topTxt{ padding:0 40px 40px;  }
  /* 鎱堝杽鍏泭璇︽儏 */
  .ybCharityDt_imgBox,.gszlBox .txtBox{ width: 100%; padding: 40px 16px;}
  .ybCharityDt_in .txt{  padding:0 0 40px; }
  .ybCharityDt_imgBox{ width: 100%; padding: 60px 32px;}
  .ybCharityDt_imgBox .imgBox_in{ width: 100%; }
  .ybCharityDt_imgBox .CharityimgBox_top{ height: calc(62vw + 64px); }
  .dtImgsBox .dtSwiperBtn{ width: 32px; height: 32px;top: 44%; }
  .dtImgsBox .dtSwiperBtn i{ font-size: 32px; line-height: 32px; }
  .dtImgsBox .dtSwiperBtn_next{ right: -48px; }
  .dtImgsBox .dtSwiperBtn_prev{ left: -48px; }
  /* 璐ｄ换鎶ュ憡 */
  .firstReport .txtBox{ padding-right: 6%; }
  .firstReport .txtBox .txt{ padding:10px 0 20px; line-height: 1.7; }
  .ybReportBox{ padding-top: 40px; }
  .ybReportBox .list{ padding:0 16px 20px;}
  .ybReportBox .list .item {
    padding: 0 12px;
  }
  /* 璐ｄ换鏁呬簨 */
  .ybzrHistory_in .list .imgs{ width: 30%; }
  /* 閲囪喘淇℃伅 */
  .purchasingInformation{ padding:30px; }
  .purchasingInformation_in .txtBox .title{ font-size:18px; }
  .purchasingInformation_in .txtBox .txt{ padding:10px 0; font-size:14px; }
  .purchasingInformation_in .txtBox{ padding-left: 20px; }
  .purchasingInformation_in .txtBox a{ font-size:12px; width: 100px; height: 32px; line-height: 32px; }
  /*闃冲厜瀹ｈ█*/
  .ybSunshine_in .item{ width: 50%; }
  /* 鑱旂郴鎴戜滑 */
  .ybContactUs_in{ padding:30px 20px; }
  .ybContactUsBox .ybContactUsBox_in .title{ padding-bottom: 20px; font-size:20px; }
  /* 寤夋磥涓炬姤 */
  .ybCleanReporting_in .list2:nth-child(2n){
    padding:40px 0;
  }
  .ybPrincipleBox{ margin-top: 30px; }
  .ybPrincipleBox .item{ padding:40px 20px 100px; background-size: auto 80px; }
  .ybPrincipleBox .item .txt{ line-height: 1.7; }
  .ybContactUs_in .imgs{ top:40px; }
  /* 鍏徃绠€浠 */
  .ybCompany .list .numBox .num{ font-size:36px; }
  /* 鍙戝睍鍘嗙▼ */
  .ybHistoryList{ padding: 30px 20px 0; background-size: auto 36vw; }
  /* 浼佷笟鏂囧寲 */
  .ybCulture .list4 .itemBox .item,.ybCulture .list5 .item, .ybCulture .list6 .item{ width: 100%; padding:0 }
  .ybCulture .list4 .itemBox .item:nth-child(2n),.ybCulture .list5 .item:nth-child(2n), .ybCulture .list6 .item:nth-child(2n){
    padding:0; border:0;
  }
  /* 鍩硅鍙戝睍 */
  .ybCultivate .b_citem2Txt .txt img{ width: 100%!important; height: auto!important; }
  .ejIndexBanner .swiper-container-horizontal>.swiper-pagination-bullets, .ejIndexBanner .swiper-pagination-custom, .ejIndexBanner .swiper-pagination-fraction{
    bottom: 30px!important;
  }
  /* 鎷涙爣涓撳尯 */
  .ybCGInformation_Table .list .status{ width: auto; }
  .ybCGInformation_Table .list .item span{display: block;}
  /* 璧勮川鑽ｈ獕 */
  .ybHonorList .list .item{padding-right: 40px; }
  .ybHonorList .list:nth-child(2n) .item{ padding-left: 40px; padding-right: 0;}
}
/* max-width:860px */


@media screen and (max-width:750px){
  .fs24{ font-size:20px;}
  .fs20{ font-size:16px;}
  .fs18{ font-size:14px;}
  .fs16{ font-size:12px;}
  .fs14{ font-size:12px;}
  .pcshow{ display: none;}
  .mshow{ display: block;}
  .p120{ padding:60px 0; }
  .pt120,.body_b .indexItem{ 
    padding-top:60px; 
  }
  body{ font-size:14px; }
  .ybmNav .item{ padding:0 8px; }
  .ybmNav .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    padding:0 10px;
  }
  .ybmNav {
    padding: 0 6px;
  }
  .ybmNav .mshow,
  .ybmNav .swiper-container {
    height: 100%;
  }
  .ybmNav .mshow a {
    position: relative;
    display: inline-block;
    height: 100%;
    line-height: 60px;
    font-weight: bold;
  }
  .ybmNav .mshow .swiper-slide.active a:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #137B40;
  }
  .ybmNav .mshow .swiper-slide.active a{ color: #137B40; }
  .ybBannerTxt_in .txt{ display: none; }
  .ybBannerTxt_in .name{ font-size: 20px; }
  /* 棣栭〉 */
  .indexTitleBox{ text-align: left; font-size:20px; }
  .indexTitleBox a i{ font-size:12px; padding:8px; }
  .newsCenter .newsTab .item{
    margin: 0 20px;
    padding: 14px 32px;
    border-radius: 50px;
  }
  .newsCenter .newsTab .item i{ font-size:16px; }
  .newsCenter .newsTab,.newsConterner{ padding-top: 30px; }
  .newsConterner .item .imgs,.newsConterner .item .txtBox{ width: 100%; }
  .newsConterner .item_in{ display: block; }
  .newsConterner .item .txtBox a{ padding:30px 20px; }
  .newsConterner .item .txtBox .title{ padding:14px 0  10px; }
  .newsConterner .list{ margin-top:0px; flex-wrap: wrap; } 
  .newsConterner .list a{ width: 100%; margin-top: 20px; padding:30px 20px 60px; }
  .newsConterner .list a .time{ bottom:30px; }
  .indexaBoutUs .txtBox{ 
    padding: 30px 0 0;
  }
  .indexaBoutUs .txtBox .list{ padding-top: 0px; flex-wrap: wrap; }
  .indexaBoutUs .txtBox .list .item{ width: 50%; margin-top: 40px; }
  .indexaBoutUs .txtBox .list .item .num{ font-size:30px; }
  .body_b .indexItem{ padding:60px 0; }
  .brandSwiperBox .right_imgs{ display: none; }
  .brandSwiperBox .gallery-top .swiper-slide{ display: block; }
  .brandSwiperBox{ padding-top: 30px; }
  .brandSwiperBox .gallery-top{ height: auto; }
  .brandSwiperBox .left_imgs{ width: 100%; height: 50.6vw; }
  .brandSwiperBox .gallery-top .sw_in { flex-wrap: wrap; }
  .brandSwiperBox .txtBox{ width: 100%; }
  .brandSwiperBox .txtBox_in{ padding:40px 16px; width: 100%; }
  .brandSwiperBox .txtBox_in .title{ padding-bottom: 10px; }
  .indexbrand_more{ padding-top: 20px;}
  .brandSwiperBox .miniImgsBox{ padding:0 54px; }
  .miniImgsBox .brand_btn{ width: 32px; height: 32px; }
  .miniImgsBox .brand_btn i{ font-size:32px; line-height: 32px; }
  .indexResponsibility .list .item .txtBox a .title{ margin-top: 10px; background-size: auto 16px; padding-left: 28px; 
    background-position: left center;
  }

  .indexResponsibility .list .item .txtBox a .txt{ height: auto; }
  .indexResponsibility .list{ padding-top: 30px; }
  /* 棣栭〉 end */
  /* footer */
  .ybFooter{ width: 100%; }
  .ybFooter .footer .fMenu,.ybFooter .footer,.ybFooter .footer .fMenu .fmenuList{ flex-wrap: wrap; }
  .ybFooter{ padding-top: 40px; }
  .ybFooter .fmenuList .item,.ybFooter .footer .fMenu,.ybFooter .footer .fMenu .ftxt,.ybFooter .footer .fCode,.ybFooter .footer .fMenu .fmenuList{ 
    width: 100%; 
  }
  .ybFooter .footer .fCode{ margin-top:20px; }
  .ybFooter .ftxt .txt{ padding-top: 10px; }
  .ybFooter .footer .fMenu .fmenuList{ padding:40px 0 0px; }
  .ybFooter .fmenuList .item{ padding:0; }
  .ybFooter .fmenuList .item .item_a{ display: none; padding-bottom: 12px; }
  .ybFooter .fmenuList .item_a a{ padding-left: 20px; font-size:14px; }
  .ybCopyRight { display: flex; flex-wrap:wrap; margin-top: 40px;flex-direction: row-reverse; }
  .ybCopyRight .copyLink{ width: 100%; text-align: center; margin:0; margin-bottom: 20px;}
  .ybFooter .fCode .codeList .cItem{ margin:0 26px; }
  .ybFooter .fmenuList h3{ position: relative; font-size:16px; }
  .ybFooter .fmenuList h3 i{ position: absolute; right: 0; top: 5px; font-size:14px; color: #9DCAC9;}
  .ybFooter .fCode .codeTitle{ font-size:16px; }
  /* footer end */

  /* 鏂伴椈涓績 */
  .ejNewsBox .item{ margin-top: 20px; }
  .ejNewsBox .item a { display: block; padding:10px; padding-bottom: 20px; }
  .ejNewsBox .item .timeBox{ display: none; }
  .ejNewsBox .item .imgs{ width: 100%; height: auto; border-radius: 8px; }
  .ejNewsBox .item .imgs img{ width: 100%; height: auto; }
  .ejNewsBox .item .txtBox{ width: 100%; padding: 10px 0 0; }
  .ejNewsBox .item .title{ padding-top: 10px; }
  .newsConterner .item .imgs{ border-radius: 0px; }
  .newsConterner .item .imgs .imgs_in{ border-radius: 8px 8px 0 0;}
  .newsConterner .item .txtBox{ border-radius: 0 0 6px 6px; border-top: none; }
  /* 绮惧僵娲诲姩 */
  .ybactivityBox .topItem{ height: 240px; overflow: hidden; border-radius: 8px; display: none; }
  .ybactivityBox .topItem img{ width: auto; height: auto; width: 100%; margin-left: 50%; transform: translateX(-50%); }
  .ybactivityBox .topItem .topItem_in{ padding:0 16px; width: 100%; }
  .ybactivityBox .topItem .topItem_in .txt{ padding:10px 0 20px; line-height: 1.4; }
  .ybactivityBox .topItem .activityMore i{ padding:10px; }
  .ybactivityBox .list .item{
    width: 100%; margin-right: 0; margin-top: 40px;
  }
  .ybactivityBox .list .item:first-child{ margin-top: 0; }
  .ybactivityBox .list .item:nth-child(3n){ margin-right: 0; }
  .ybactivityBox .list .item a .title{
    padding:20px 20px 10px;
  }
  .ybactivityBox .list .item a .txt{ height: auto; padding-bottom: 20px; }
  .ybactivityBox .list .item a{ padding-bottom: 42px;}
  .ybactivityBox .list .item a .aMore{
    bottom:20px;
  }
  /* 瑙嗛涓撳尯 */
  .ybvideoList .item{ width: 100%; padding:0; margin-bottom: 40px; }
  /* 瑙嗗浘涓撳尯 */
  .ybPicList .topList{ flex-wrap: wrap; }
  .ybPicList {
    padding-top: 30px;
  }
  .ybPicList .picItem{ width: 100%; padding:0; } 
  .ybPicList .picItem .picItem_in .item{ padding-bottom: 66.66%; }

 .jp-video-open{ top: 60px; padding: 0 16px; width: 100%!important;
  margin: 0!important;
  left: 0;
  overflow: hidden;
 }
 .jp-video .jp-close{ display: block; top: -50px; right: 12px; width: 42px; height: 45px; }
 .jp-video .jp-jplayer, .jp-video .jp-jplayer img, .jp-video .jp-jplayer video{ width: 100%!important; height: 56.25vw!important; }

  /* 鍝佺墝浠嬬粛 */
  .ybBrandBox  .leftList{ display: none; }
  .ybBrandBox .rightImgs{ padding:0; width: 100%; }
  .ybBrandBox .rightImgs a .txtBox{ padding: 20px; opacity: 1; }
  .ybBrandBox .rightImgs a .txtBox .txt{ line-height: 1.7;}
  .mybBrand_in{ width: 100%; margin-bottom: 40px; }
  .mybBrand_in .imgsFix{ padding-bottom: 60%; border-radius: 8px; overflow: hidden; }
  .mybBrand_in .swiper-slide{ width: 100%; height: 100%; border: 1px solid #E8E8E8; border-radius: 8px; }
  .mybBrand_in .swiper-slide.active{
    border-color:#137B40;
    background: #F3F8F6;
  }
  .ybBrandBox .rightImgs a .txtBox .linkBtn{ margin-top: 12px; }
  .mybBrand_in .imgsFix .imgsFix_in{ padding:2px; }
  /* 鍝佺墝浠嬬粛璇︽儏 */
  .ybBrandDt_top { flex-wrap: wrap; }
  .ybBrandDt_top .item{ width: 100%; }
  .drinkType .list{ display: none; }
  .ybBrandDt_top .item .imgsFix{ border-radius: 8px 8px 0 0; overflow: hidden; }
  .ybBrandDt_top .txtBox{ padding:40px 20px; }
  .ybBrandDt_top .item .txt{ line-height: 2; }
  .drinkTypeTop .topBox .topTxt{ padding:20px 0 40px; flex:inherit; }
  .drinkType{ padding-top: 0; }
  .drinkTypeTop .topBox{ justify-content:flex-start; display: flex; margin-top: 40px; flex-wrap:wrap; }
  .drinkTypeTop .topTxt .name{ padding-bottom: 10px; }
  .ybBrandDt_top .txtBox .txt{ height: auto }
  .drinkTypeTop .topBox .mname{ padding-top: 20px; }
  /* 鍝佺墝绠€浠 */
  .productTab{ height: 60px; }
  .productTab a{ padding:0 15px; text-align: center; font-size:14px; line-height: 60px; }
  .productTab a i{ font-size:16px; }
  .ybProduct_in .item{ 
    width: calc(50% - 20px);
    margin-right: 40px;
  }
  .productTab .dflex1 .swiper-slide{ flex: none!important; }
  .productTab .dflex1 .swiper-slide a{ padding:0 15px!important; }

  .ybProduct_in .item:nth-child(3n) {
    margin-right: 40px;
  }
  .ybProduct_in .item:nth-child(2n) {
    margin-right: 0px;
  }
  .ybProduct_in .item{ margin-top: 120px;}
  .ybProduct_in .item_in{ height: 100px; padding-left: 100px; }
  .ybProduct_in .item .p_imgs {
    width: 60px;
    height: 160px;
    position: absolute;
    bottom: 16px;
    left: 20px;
    display: flex;
    justify-content: center;
    align-items: end;
    overflow: hidden;
  }

  /* 浜у搧璇︽儏 */
  .popUpBox .popUpBox_in{ width: calc(100% - 32px); }

  /* 绾夸笂鍟嗗煄 */
  .onlineShopping_in{ border-radius: 8px; overflow: hidden; }
  .onlineShopping_in .item{width: 100%; padding:30px 30px 60px; }
  .onlineShopping_in .item a{ width:100px; height: 40px; line-height: 40px; font-size:14px; }
  .onlineShopping_in .item .title span{ margin-right: 12px; }
  /* 鏈嶅姟鐑嚎 */
  .onlineMsgForm .item{ width: 100%; }
  .onlineMsgForm .item input, .onlineMsgForm .item select,.ybtextarea textarea{ width: 100%; }
  .onlineMsgForm .item label{ width: 100%; display: block; text-align: left; padding-bottom: 10px; }
  .hotLineBox,.ybTalents .item1,.ybResponsibility_in .item1imgs,.gszlBox{padding:0; padding-top: 53.33vw; 
    background-size: auto 53.33vw;
    background-position: top center;
  }
  .hotLineBox_in,.ybTalents .item1 .tCon,.ybResponsibility_in .item1Txt{ width: 100%; padding:30px 20px; height: auto; }
  .ybTalents .item1 .tCon,.ybResponsibility_in .item1Txt,.gszlBox .txtBox{ background: #fbfbfb; }
  .hotLineBox_in .txt{ padding-top: 20px; }
  .ybTalents .title{ margin-bottom: 20px; }
  .ybTalents .item1 .txt{ height: auto; }
  .ybTalents .item2{ margin-top: 60px; }
  .ybTalents .item3Box { flex-wrap:wrap; } 
  .ybTalents .item3 .txt{ width: 100%; padding:0;
     padding-bottom: 40px; margin-bottom: 40px; border:none; border-bottom: 1px solid #f4f4f4;
  }
  .ybTalents .item3 .imgs{ margin:0 auto }
  .ybCultivate .topTxt{ padding:0 0 30px; }
  .ybCultivate .citem2Txt {
    padding: 0 20px;
  }
  .ybCultivate .citem .title{ padding-bottom: 30px; }
  .ybCultivate .citem2Txt .txt{ padding: 30px 20px; }
  .ybCultivate .b_citem2Txt{ padding-top: 60px; }
  /* 璐ｄ换绠＄悊 */
  .ybResponsibility_in .list{ padding-bottom: 60px; }
  .ybResponsibility .list2Box { flex-wrap: wrap; }
  .ybResponsibility_in .list2Box .item,.gszlBox .txtBox{ width: 100%; padding:30px 20px; }
  .ybResponsibility_in .list2Box .item .iTitle::before{ left: -20px; }
  .ybResponsibility_in .list2Box .item:nth-child(2n){
    border:1px solid #e8e8e8; border-top: none;
  }
  .ybResponsibility_in .list2Box .item .iTitle{ margin-bottom: 20px; }
  .ybResponsibility_in .topTxt{ padding:0 0 20px; }
  /* 鎱堝杽鍏泭 */
  .ybCharity_in{ margin-top: -40px; }
  .ybCharity_in .list,.ybCharity_in .list:nth-child(2n){ position: inherit; padding:0; }
  .ybCharity_in .list .imgs{ position: inherit; width: 100%; }
  .ybCharity_in .list .imgs .imgsFix{ border-radius: 8px 8px 0 0; }
  .ybCharity_in .list .txtBox,.ybCharity_in .list:nth-child(2n) .txtBox{ padding:30px 20px; min-height: auto; }
  .ybCharity_in .list .title img{ height: 22px; }
  /* 鎱堝杽鍏泭璇︽儏 */
  .ybCharityDt_imgBox .imgBox_in{ padding:10px; }
  .CharityimgBox_top .swiper-button-prev, .CharityimgBox_top .swiper-button-next{
    width: 32px; height: 32px; line-height: 32px;
  }
  .ybCharityDt_imgBox{ background-size:auto 52vw; }
  .ybCharityDt_imgBox{ padding:40px 12px; }
  .dtImgsBox .dtSwiperBtn_next{ right: 0px; }
  .dtImgsBox .dtSwiperBtn_prev{ left: 0px; }
  .CharityimgBox_thumbs_out .btn_icon{ width: 36px; height: 36px; bottom:20px;}
  .CharityimgBox_thumbs_out .btn_icon i{ font-size:20px; line-height: 36px; }
  /*鑰佹暟鎹Щ绉昏鎯呴〉*/
  .oldDataBox .ybsingle{ width: 100%; }
  /* 璐ｄ换鎶ュ憡 */
  .firstReport{ margin-bottom: 20px; }
  .firstReport .txtBox{ padding:0; width: 100%; margin-top:20px; }
  .firstReport .imgs{ width: 120px; }
  .firstReport_in { display: block; padding:20px 40px; }
  .firstReport .txtBox a i{ width: 32px; height: 32px; line-height: 32px; }
  .ybReportBox .list{ background: none; flex-wrap: wrap; padding:0; margin-top: -80px; }
  .ybReportBox .list .item{ width: 50%; margin-top: 80px; }
  .ybReportBox .list .item .year{ bottom: -40px; }
  .ybReport .ybReport_in .bTxt { text-align: left; }
  /* 璐ｄ换鏁呬簨 */
  .ybzrHistory_in .list{ flex-wrap:wrap; margin-bottom: 20px; }
  .ybzrHistory_in .list .imgs{ width: 100%; }
  .ybzrHistory_in .list .txtBox{ padding:30px 0px 10px; }
  /* 閲囪喘淇℃伅 */
  .purchasingInformation_in{ flex-wrap:wrap; }
  .purchasingInformation_in .imgs{ width: 100%; }
  .purchasingInformation{ background-image: url(../image/reportAppBg.png); }
  .purchasingInformation_in .txtBox{ padding:30px 0 60px; border:none; }
  .purchasingInformation .longPic{ width: 80px;height: 80px; right: 20px; bottom: 16px; }
  /*闃冲厜瀹ｈ█*/
  .ybSunshine_in .item{ width: 100%; padding:0; margin-bottom: 20px; }
  .ybSunshine_in .item:last-child{ margin:0; }
  .ybSunshine_in .item a .title{ margin:10px 0; }
  /* 鑱旂郴鎴戜滑 */
  .ybContactUs_in .imgs{ width: 100%; display: block; }
  .ybContactUs_in{ padding:0; flex-wrap:wrap; display: block; }
  .ybContactUsBox{ padding:0; padding-top: 20px; }
  .ybContactUsBox .ybContactUsBox_in{ padding:10px 20px 30px; }
  .ybContactUsBox .ybContactUsBox_in .title{ border-bottom: 1px solid #F4F4F4; margin-bottom: 20px; }
  .ybCleanReporting_in .gszlBox .txtBox .title { text-align: center; }
  /* 寤夋磥涓炬姤 */
  .ybCleanReporting_in .list2:nth-child(2n){
    padding:60px 0;
  }
  .ybPrincipleBox{ margin-top: 30px; }
  /* 寤夋磥涓炬姤 */
  .ybCleanReporting_in .list2:nth-child(2n){
    padding:40px 0;
  }
  .ybPrincipleBox{ margin-top: 30px; }
  .ybPrincipleBox .item{ width: 100%; padding:40px 20px 100px; background-size: auto 80px; 
    box-shadow:none;
  }
  .ybPrincipleBox .item:last-child{ border-bottom: none; }
  .ybPrincipleBox .item .txt{ line-height: 1.7; }
  .ybMap_in .list a{ display: block; margin-top: 20px; }
  .ybMap_in .list{ margin-bottom: 40px; }
  .ybMap_in .list h3{ font-size:16px; }
  /* 鍏徃绠€浠 */
  .ybCompany .list{ flex-wrap: wrap; }
  .ybCompany .list .item{ width: 50%; margin-top: 40px; }
  .ybCompany .list .numBox .num{ font-size:32px; }
  .ybCompany .txt{ padding:0; }
  .ybCompany .list .imgs{ width: 100px; height: 100px; }
  /* 绠＄悊鍥㈤槦 */
  .ybTeam2_in .item_in .title{ width: 100px; height: 100px; }
  .ybTeam2_in .item_in .txt{ padding:24px 0 0 24px; flex: 1; }
  .ybTeam2_in .title_in span{ padding-top: 4px; }
  /* 鍙戝睍鍘嗙▼ */
  .ybHistoryList{ padding: 20px 16px 0; background-size: auto 40vw; }
  .ybHistoryList_in_sw{ width: 100%; }
  .ybHistory .topinfo{ display: none; }
  .ybHistoryList_in::before{ display: none; }
  .ybHistory_swiper .swiper-button-prev, .ybHistory_swiper .swiper-button-next{ top: 50%; width: 36px; height: 36px; }
  .ybHistory_swiper .h_btn i{ border:1px solid #E8E8E8; border-radius: 100%; font-size:36px; }
  .yb_historyYear{ overflow: hidden; padding-bottom: 10px; }
  .yb_historyYear .swiper-container{ overflow: revert; }
  .pro-swiper{ border-bottom: 1px solid #A6C8B6; }
  .pro-swiper .year { font-size:18px; text-align: center; font-weight: 100; width: 100%; height: 54px; position: relative;
    font-weight: bold; line-height: 1.1; transform: none!important;
  }
  .pro-swiper .year::after{ content: ""; position: absolute; width: 12px; height: 12px; 
    background-color: #fff; left: 50%; margin-left: -6px; bottom: -6px; border-radius: 100%;
  }
  .pro-swiper .year::before{
    content: ""; position: absolute; left: 50%; width: 20px; height: 20px; margin-left: -10px; bottom: -10px; background: rgba(255,255,255,0.6);
    opacity: 0; border-radius: 100%;
  }
  .pro-swiper .swiper-slide-thumb-active .year::before{
    opacity: 1;
  }
  .pro-swiper .swiper-slide-thumb-active .year{ color: #fff; }
  .ybHistoryList_btn .swiper-button-prev, .ybHistoryList_btn .swiper-button-next{
    top: 32px;
  }
  /* 浼佷笟鏂囧寲 */
  .ybCulture .list{ padding:20px; }
  .ybCulture .list1{ margin-bottom: 40px;}
  .ybCulture .list .listBox{ padding:0; }
  .ybCulture .list1 .item1 .txt{ width: 100%; }
  .ybCulture .list .imgs{ width: 100%; }
  .ybCulture .list1 .item1{ flex-direction: column-reverse; }
  .ybCulture .list1 .item1 .txt{ padding:0; }
  .ybCulture .list1 .item, .ybCulture .list21 .item, .ybCulture .list3 .item{
    padding-bottom: 30px;
    margin-bottom: 30px;
  }
  .ybCulture .ylTxt{ font-size:16px; }
  .ybCulture .list2 .imgs{ display: none; }
  .ybCulture .list7 .listBox, .ybCulture .list3 .listBox, .ybCulture .list2 .listBox, .ybCulture .list5 .listBox{
    padding:0;
  }
  .ybCulture_in .list .itemBg{ 
    background-size: auto 100%;
  }
  .ybCulture .ylTxt span{ display: block; line-height: 2; }
  .ybCulture .list .itemBg{ padding-right: 120px; padding-bottom: 30px;}
  .ybCulture .list .imgs{ display: none; }
  .ybCulture .list1 .imgs{ display: block; }
  .ybCulture .list5 .itemBg{ background-image: url(../image/yb-about-culture-pic06.png)!important; 
    background-size: 120px auto;
  }
  .ybCulture .list5 .item:nth-child(2n), .ybCulture .list6 .item:nth-child(2n){
    width: 100%;
  }
  .ybCulture .listTitle{ font-size:20px; }
  .ybCulture .list2 .itemBg{ padding-right: 88px; padding-bottom: 20px;
    background-size: 88px auto;background-position:right center; 
  }
  /* ybPage */
  .z-page span{ display: none; }
  .z-page .crc-pub-page{ padding:20px 0 0; }
  .z-page .crc-pub-page-num, .z-page .crc-pub-page-enter, .z-page .crc-pub-page-next{
    width: 40px; height: 40px; line-height: 38px; font-size:12px;
  }
  .z-page .crc-pub-page-prev, .z-page .crc-pub-page-next, .z-page .crc-pub-page-enter{
    width: 80px; height: 40px; line-height: 38px; border-radius: 20px;
  }

  /* 缃戜笂鐣欒█ */
  .onlineMsg .crv-tips { left: 0!important;}
  .ybProService .onlineMsgForm .item input.yzm-ipt{ width: 110px; }
  .drinkClass_txt{ padding:30px 20px; }
  .ejIndexBanner .swiper-container-horizontal>.swiper-pagination-bullets, .ejIndexBanner .swiper-pagination-custom, .ejIndexBanner .swiper-pagination-fraction{
    bottom: 20px!important;
  }
  .ybProService .crv-btn{ text-align: left; }
  .ybProService .crv-btn button{ width: 120px; height: 40px; }
  .yb22837,.yb24648{ background: url(../image/yb-wap-about-horon-bg.png) no-repeat top center / 100% auto; }
  /* 鎷涙爣涓撳尯 */
  .ybCGInformation_Table .list .title{
    width: calc(100% - 88px);
    flex: auto;
  }
  .ybCGInformation_Table .list .item span{ display: inline-block; }
  .ybCGInformation_Table .list .status{ width: 200px; }
  .ybCGInformation_Table .list .status,.ybCGInformation_Table .list .type{ padding-top: 24px; }
  /* 璧勮川鑽ｈ獕 */
  .ybHonorList:after{ left: 16px; }
  .ybHonorList .list{padding:20px 0;}
  .ybHonorList .list .item{padding-left: 40px; width: 100%; padding-right: 0; }
  .ybHonorList .list:nth-child(2n) .item{padding-right: 0; padding-left: 40px;}
  .ybHonorList .list .item .title{ text-align: left; padding:12px;
    justify-content: flex-end;flex-direction: row-reverse; font-size:16px;
  }
  .ybHonorList .list .item:after,.ybHonorList .list:nth-child(2n) .item:after{ width: 22px; height: 22px; left: 5px; top: 10px; right:auto; }
  .ybHonorList .list .item::before,.ybHonorList .list:nth-child(2n) .item::before{width: 14px; height: 14px; left: 9px; top: 14px; right:auto;}
  .ybHonorList .list .item .txt{text-align: left!important; padding-top: 10px;}
  .ybHonorList .list .item .txt li{ padding-left: 20px; padding-right: 0; margin-bottom: 12px; }
  .ybHonorList .list .item .txt li:after{right: auto; top: 14px; left: 0; top: 10px;
  }  
  .ybHonorList .list:nth-child(2n) .item .txt li{ padding-left: 20px; padding-right: 0; }
  .ybHonorList .list:nth-child(2n) .item .txt li:after{ right:auto; left: 0; }

  .ybHonorList .list .item .title img{ height: 28px; margin-left: 0px; margin-right: 12px; }
  .ybHonorList .list:nth-child(2n) .item .title img{ margin-left: 0;margin-right: 12px; }

}
/* max-width:750px */
@media screen and (max-width:640px){
  .ybactivityBox .topItem .topItem_in .title{ font-size:18px; line-height: 1.4; }
  .ybProduct_in .item {
    width: calc(50% - 10px);
    margin-right: 20px;
  }
  .ybProduct_in .item:nth-child(3n) {
    margin-right: 20px;
  }
  .ybProduct_in .item:nth-child(2n) {
    margin-right: 0px;
  }
  .ybProduct_in .item_in{ height: 80px; padding-left: 80px; }
  .ybProduct_in .item .p_imgs{ left: 10px; }
  .CharityimgBox_thumbs_out{ padding:20px 40px; }
  .CharityimgBox_thumbs_out .btn_icon{ width: 32px; height: 32px; line-height: 32px; 
    bottom:6vw;
  }
  .CharityimgBox_thumbs_out .btn_icon i{ line-height: 32px; font-size:18px; }
  .ybContactUsBox{ padding:0; padding-top: 20px; }
  .ybSearchBox .search_in{ width: calc(100% - 32px); }
  .ybSearchBox .ybSearchClose{ display: none; }
  /* 鍏徃绠€浠 */
  .ybCompany .list .imgs{ width: 85px; height:85px; }
  .ybCompany .list .numBox .num{ font-size:28px; }
  /* ybPage */
  .z-page span{ display: none; }
  .z-page .crc-pub-page{ padding:20px 0 0; }
  .z-page .crc-pub-page-num, .z-page .crc-pub-page-enter, .z-page .crc-pub-page-next{
    margin:0 3px;
  }
  .ybvideoAndPicTap{ padding:0 16px; }
  .ybvideoAndPicTap .item{ width: 50%; }
  .ybvideoAndPicTap .item a{ padding:0;text-align: center; }
  /* 棣栭〉 */
  .newsCenter .newsTab .item{ width: calc(50% - 20px); text-align: center; padding:14px 0; }
  .newsCenter .newsTab .item i{ font-size:14px; }
  .ybFooter{ overflow: hidden; }

  .ybProduct_in .item .name{ padding-right: 12px; line-height: 1.4; }
  /* 浜у搧璇︽儏 */
  .popContainer_out{ padding:20px 20px 30px; }
  .popUpBox .popUpBox_in .popContainer{ padding:0; }
  .popUpBox_in .popContainer_out { position: relative; }
  .popContainer_in .popUpTxt{ width: 100%; padding:0; padding-top: 20px; flex: none; }
  .popUpBox .popContainer_in{ flex-wrap:wrap; }
  .popContainer_in .imgs{ width: 34%; }
  .popContainer_in .popUpTxt .title{ display: none; }
  .popContainer_in .mTitle{ padding:40px 0 0 20px; width: 64%; display: block; }
  .popContainer_in .popUpTxt .outTxt{ height: 100%; }
  .drinkClassTab{ justify-content: space-around; }
  .drinkClassTab a{ margin:0; }
  .ybCultivate_in .citem1{ overflow: hidden; } 
  .ybCultivate .switem2Box{ overflow: inherit;  }
  .ejIndexBanner .swiper-container-horizontal>.swiper-pagination-bullets, .ejIndexBanner .swiper-pagination-custom, .ejIndexBanner .swiper-pagination-fraction{
    bottom: 10px!important;
  }
  .indexaBoutUs .txtBox .list .item{ padding:0 2px; }
  .indexaBoutUs .txtBox .list .item .name{ padding-bottom: 0; height: 36px; line-height: 1.2; }
  .indexItem5 .ybIndexfastLink a{ padding:12px; }
  .ybIndexfastLink a .imgs{ width: 56px; height: 56px; }
  .ybIndexfastLink a .title{ padding:10px 0; font-size:16px;  }
  .ybIndexfastLink a .txt{ line-height: 1.7; }
  .fjShare .list .item .codeBox{ width: 84px; height: 84px; margin-left: -42px; padding:10px; }
  .ybBrandBox .rightImgs a .txtBox .txtBox_in{ flex-wrap: wrap; height: 80%; }
  .ybBrandBox .rightImgs a .txtBox .txtBox_in .txt{ height: 28vw; }
  .ybCompany .list .name{ height: 80px; padding:30px 0 0; line-height: 1.4; }
  .firstReport .txtBox .title{ font-size:18px; }
  .yb_historyYear{ padding:0 12px 10px; }
  .ybHistoryList{ background-size:auto 52vw; }
  .ybHistoryList_btn .swiper-button-prev, .ybHistoryList_btn .swiper-button-next{
    top: 40px; width: 30px; height: 30px;
  }
  .ybHistoryList_btn .h_btn i{font-size:30px;}

}