@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; } .ejMenuBox{ margin-left: 8%; } } /* 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;} .ejMenuBox{ margin-left: 6%; } .ybLogo img{ height:54px; } } /* 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;} }