/*头尾*/
.home {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
}

.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}

.body_b {
  position: fixed;
  left: 0%;
  top: 100%;
  bottom: 0;
  right: 0;
  transition: top 0.7s cubic-bezier(0.5, 0, 0.2, 1) 0s;
  /* -webkit-transform: translateZ(0); transform: translateZ(0); */
  transform: translateY(0);
  will-change: transform;
  z-index: 1;
  overflow: auto;
  outline: none;
}

.body_b.showdiv {
  top: 0;
}

.body_home .topHeader {
  background-color: #fff;
}

.body_home.showdiv .topHeader,
.pageBanner .topHeader {
  transform: none;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(255, 255, 255, 0) 100%);
  box-shadow: none;
  border: none;
}

.body_home .topHeader.whiteBg {
  background: #fff;
}

.body_home .topHeader.whiteBg * {
  color: #666 !important;
}

.body_home.showdiv .topHeader a.i1,
.pageBanner .topHeader a.i1 {
  color: #fff;
}

.body_home.showdiv .topHeader .ejMenuBox a.active1,
.pageBanner .topHeader .ejMenuBox a.active1 {
  color: #EE7800;
}

.body_home.showdiv .topitem,
.body_home.showdiv .topitem a,
.pageBanner .topitem,
.pageBanner .topitem a {
  color: #fff;
}

.logoBox {
  padding-bottom: 10px;
}

.indexBody {
  height: 100%;
  overflow: hidden;
}

.body_home,
.ejIndexBanner {
  height: 100%;
}

.pageBody .topHeader {
  background-color: #fff;
}

.body_b {
  background-color: #fff;
}

.body_home .logo_w,
.pageBody .topHeader .logo_w {
  display: none;
}

.body_home.showdiv .logo_w,
.pageBanner .logo_w {
  display: block;
}

.body_home .logo_b {
  display: block;
}

.body_home.showdiv .logo_b,
.pageBanner .logo_b {
  display: none;
}

.body_home.showdiv .topweixin .weixinIcon,
.pageBanne .topweixin .weixinIcon {
  background: rgba(0, 0, 0, 0.1);
}

.body_home.showdiv .topweixin .weixinIcon i,
.pageBanner .topweixin .weixinIcon i {
  color: #fff;
}

/* .header.topHeader.headerBg .logo_b{ display: block!important; }
.header.topHeader.headerBg .logo_w{ display: none!important; } */


/* 分页 */
.scrollbot-scrollbar-holder {
  background-color: #F3F8F6 !important;
}

.scrollbot-scrollbar {
  background-color: #C39639 !important;
}

.scrollbot-outer-parent {
  z-index: 20 !important;
}

.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #F3F8F6 !important;
  width: 5px !important;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: #C39639 !important;
  width: 5px !important;
}

.z-page {
  margin-top: 20px;
}

.z-page .crc-pub-page-num,
.z-page .crc-pub-page-enter,
.z-page .crc-pub-page-next {
  background: #fff;
  border-color: #E8E8E8;
  border-radius: 4px;
  height: 40px;
  width: 40px;
  overflow: hidden;
  line-height: 40px;
  text-align: center;
  padding: 0;
}

.crc-pub-page-span .crc-pub-page-enter {
  display: none;
}

.z-page .crc-pub-page {
  padding: 40px 0 0;
}

.z-page .crc-pub-page-text {
  height: 40px;
  width: 80px;
  border-radius: 4px;
}

.z-page .crc-pub-page-span {
  color: #666;
}

.z-page .crc-pub-page-sel {
  border: 1px solid #C39639;
  background: #C39639;
  color: #fff !important;
  border-radius: 4px;
}

.z-page .crc-pub-page-enter,
.z-page .crc-pub-page-enter:hover,
.z-page .crc-pub-page-next:hover {
  color: #fff !important;
  background: #C39639;
}

.z-page .crc-pub-page-num:hover {
  border-color: #C39639 !important;
  background: #C39639;
  color: #fff !important;
}

.z-page .crc-pub-page-prev,
.z-page .crc-pub-page-next,
.z-page .crc-pub-page-enter {
  width: 40px;
  border-radius: 4px;
  color: #666;
}

.z-page .crc-pub-page-enter {
  width: 66px;
}

/* 分页 end */
.banner {
  height: 600px;
  background: #fafafa;
}

.notBanner {
  height: 80px;
}

.beerTitle {
  background: url(../image/titleBg.png) no-repeat left top / 36px auto;
  padding-left: 10px;
}

.cBg {
  background-position: center top;
  background-size: 100% auto;
  background-repeat: no-repeat;
}

.popUpBox {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: #000;
  opacity: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: all ease-in-out 0.4;
}

.popUpBox.active {
  opacity: 0.4;
  z-index: 998;
}

.tLine {
  position: relative;
  padding-top: 28px;
}

.tLine:after {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  width: 20px;
  height: 4px;
  background: #C39639;
}

.beerSwBtn {
  width: 48px;
  height: 48px;
  text-align: center;
  line-height: 48px;
  background: #e5e5e5;
  border-radius: 100%;
  transition: all 0.4s ease;
  cursor: pointer;
}

.beerSwBtn i {
  font-size: 28px;
  color: #C39639;
  font-weight: bold;
}

.beerSwBtn:hover {
  background: #C39639;
}

.beerSwBtn:hover i {
  color: #fff;
}

.indexItem .hr_more a:hover * {
  color: #C39639;
}

.hr_more a span {
  font-size: 18px;
}

.hr_more i {
  font-size: 20px;
  line-height: 1;
}

/* i.iconfont.icon-anniu-lunbo-qianjin02{ font-size:20px; line-height: 1; } */
/* footer */
.footer {
  background-color: #FAFAFA;
  background-position: left bottom;
  background-size: 330px auto;
  background-repeat: no-repeat;
}

.fOutLink {
  padding: 64px 0;
  border-bottom: 1px solid #e5e5e5;
}

.fOutLink .fLogo img {
  height: 76px;
}

.footUs .item {
  width: 36px;
  height: 36px;
  border-radius: 6px;
  margin-left: 32px;
  cursor: pointer;
}

.footUs span {
  font-weight: bold;
}

.footUs .item img {
  max-width: 100%;
}

.footer .txtBox>div.fphone {
  margin-bottom: 22px;
}

.footer .txtBox>div img {
  width: 24px;
}

.footer .txtBox>div span {
  padding-left: 40px;
}

.fComtainer .fList .item {
  min-width: 98px;
  margin-left: 40px;
}

.fComtainer .fList .item a {
  display: block;
  color: #666;
  margin-top: 12px;
  font-size: 14px;
}

.fComtainer .fList .item a:hover {
  color: #C39639;
}

.footUs .item .footerCode {
  width: 120px;
  overflow: hidden;
  z-index: -1;
  left: 50%;
  margin-left: -60px;
  transition: all 0.4s ease-in-out;
  border-radius: 4px;
  padding: 10px 10px 10px;
  visibility: hidden;
  transform: translateY(-20px);
  opacity: 0;
  background: #fff;
  box-shadow: 0px 2px 9px 0px rgb(100 100 111 / 10%);
}

.footUs .item .footerCode .txt {
  line-height: 1.26;
  font-size: 14px;
  text-align: center;
  color: #3D3D3D;
  padding-bottom: 8px;
}

.footUs .item .footerCode img {
  max-width: 100%;
}

.copyRight {
  margin-top: 84px;
  border-top: 1px solid #e5e5e5;
  padding: 40px 0;
}

.copyRight>div {
  padding: 0 40px;
}

.copyRight>div a {
  color: #999;
}

.copyRight>div a:hover {
  color: #C39639;
}

/* index */
.logoBox a img {
  height: 48px;
}

.logoBox a img.logo_w {
  display: none;
}

.pageBanner .logoBox a img.logo_w {
  display: block;
}

.indexBannerBox {
  width: 100%;
  overflow: hidden;
  height: 100%;
}

.indexBannerBox .swiper-container .swiper-slide {
  height: 100vh;
}

.indexBannerBox .swiper-container .swiper-slide .indexBg,
.indexBannerBox .swiper-container .swiper-slide .indexBannerTxt {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.indexBannerBox .swiper-container video {
  object-fit: cover;
}

.indexBannerTxt .indexBannerTxt_in {
  position: absolute;
  bottom: 50%;
  left: 0;
  line-height: 1.4;
}

.indexBannerTxt {
  z-index: 9;
}

.indexBannerTxt .hr_outBox .hr_box_in {
  position: relative;
}

.indexBannerTxt,
.indexBannerTxt .hr_outBox .hr_box_in {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.indexBannerTxt .hr_outBox {
  height: 100%;
  overflow: hidden;
}

.indexBannerTxt .indexBannerTxt_in .bdesc {
  letter-spacing: 10px;
}

.indexBannerTxt_in .video-play {
  margin-top: 32px;
  width: 160px;
  cursor: pointer;
  ;
}

.indexBannerTxt_in .video-play i {
  width: 48px;
  height: 48px;
  font-size: 48px;
  line-height: 48px;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  text-align: center;
  border-radius: 100%;
  margin-left: 10px;
}

.indexbannerSwPageOut {
  position: absolute;
  bottom: 80px;
  left: 0;
  color: #fff;
  z-index: 10;
  left: 50%;
  transform: translateX(-50%);
}

.indexbannerSwPage .swiper-pagination {
  position: initial;
}

.indexbannerSwPage .swiper-pagination span {
  width: 100px;
  height: 24px;
  position: relative;
  border-radius: 0;
  background: none;
  opacity: 1;
}

.indexbannerSwPage .swiper-pagination span::before {
  content: "";
  width: 100%;
  height: 2px;
  background: rgba(255, 255, 255, 0.5);
  position: absolute;
  left: 0;
  top: 50%;
}

.indexbannerSwPage .swiper-pagination .swiper-pagination-bullet-active::before {
  background: rgba(255, 255, 255, 1);
}

.indexbannerSwPage .swiper-pagination span:after {
  content: "";
  width: 4px;
  height: 6px;
  background: #fff;
  position: absolute;
  right: 0;
  top: calc(50% - 2px);
  opacity: 1;
}

.indexbannerSwPage .swiper-pagination span:last-child:after {
  display: none;
}

.indexbannerSwPage .bNumItem {
  color: #fff;
  z-index: 10;
  font-size: 20px;
  font-weight: bold;
  padding: 0 10px;
  transform: translateY(-3px);
  line-height: 2;
}

.videoPup {
  position: fixed;
  top: 0px;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  visibility: hidden;
  opacity: 0;
  transform: translateY(100vh);
}

.videoPup.active {
  z-index: 320;
  visibility: visible;
  opacity: 1;
  transform: none;
}

.videoPup .videoPupBox {
  width: 100%;
  height: 100%;
}

.videoPup .closeVideoPup {
  right: 24px;
  top: 24px;
  width: 36px;
  height: 36px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  z-index: 200;
  background: rgba(255, 255, 255, 0.8);
  cursor: pointer;
}

.videoPup .closeVideoPup i {
  line-height: 1;
  color: #666;
}

.videoPup .videopup_in,
.videoPup .videopup_in .videopup_videoBox {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #000;
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  padding: 0 40px;
  height: 80px;
  background: #fff;
  border-bottom: 1px solid #DCDCDC;
  z-index: 99;
}

.header_in {
  width: 100%;
  height: 100%;
}

.topweixin {
  margin-left: 60px;
  cursor: pointer;
}

.pcMenuBtn {
  margin-left: 60px;
}

.pcMenuBtn i {
  cursor: pointer;
}

.topweixin .topCodeBox {
  overflow: hidden;
  top: 80px;
  right: 0;
  padding: 10px;
  background-color: #fff;
  border-radius: 0 0 6px 6px;
  transition: all 0.4s ease;
  transform: translateY(-30px);
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  box-shadow: 0px 6px 12px 0px rgb(0 0 0 / 8%);
}

.topweixin:hover .topCodeBox {
  transform: none;
  z-index: 1000;
  opacity: 1;
  visibility: visible;
}

.topCodeBox .txtBox {
  text-align: center;
  font-size: 14px;
  color: #3d3d3d;
  line-height: 1.2;
}

.topweixin .topCodeImg {
  width: 120px;
  height: 120px;
}

.topweixin .topCodeImg img {
  max-width: 100%;
}

.topweixin .weixinIcon {
  width: 48px;
  height: 48px;
  border-radius: 8px;
  background: rgba(70, 187, 54, 0.1);
}

.pageBanner .topweixin .weixinIcon {
  background: rgba(0, 0, 0, 0.1);
}

.topweixin .weixinIcon i {
  color: #46BB36;
  font-size: 24px;
}

.topMenuList .item {
  position: relative;
  margin-left: 60px;
  height: 100%;
}

.topMenuList .item:first-child {
  margin-left: 0;
}

.topMenu {
  height: 100%;
}

.topMenuList .item .i1 {
  line-height: 80px;
  display: block;
  font-size: 18px;
}

.topMenuList .item .i1:hover,
.topMenuList .item .i1.active_1 {
  color: #C39639;
}

.topMenuList .item .itemList {
  position: absolute;
  top: 78px;
  width: 171px;
  background-color: #fff;
  padding: 6px 15px 16px;
  left: 50%;
  transform: translate(-34%, -30px);
  transition: all 0.4s ease;
  z-index: -10;
  opacity: 0;
  visibility: hidden;
  background: #FFFFFF;
  border-width: 0px 1px 1px 1px;
  border-style: solid;
  border-color: #E5E5E5;
}

.topMenuList .item:hover .itemList {
  z-index: 1;
  opacity: 1;
  visibility: visible;
  transform: translate(-34%, 0px);
}

.topMenuList .item .itemList a {
  display: block;
  padding: 0px 5px;
  margin-top: 10px;
}

.topMenuList .item .itemList a:first-child {
  margin-top: 0;
}

.topMenuList .item .itemList a.active,
.topMenuList .item .itemList a:hover {
  background-repeat: no-repeat;
  background-size: 12px auto;
  background-position: left top;
  color: #C39639;
}

.indexTitle {
  padding-left: 10px;
  font-weight: initial;
  background-repeat: no-repeat;
  background-size: 36px auto;
  background-position: left top;
  background-image: url(../image/titleBg.png);
}

.indexnewsList {
  margin-top: 48px;
}

.indexNewsSwiper {
  padding-bottom: 40px;
  overflow: initial;
}

.indexNewsSwiper .item .imgs {
  border-radius: 4px 4px 0 0;
  overflow: hidden;
}

.indexNewsSwiper .item .txtBox {
  background: #FAFAFA;
  padding: 24px 40px 60px;
  border-radius: 0 0 4px 4px;
}

.indexNewsSwiper .item .txtBox .title {
  line-height: 1.4;
  padding: 4px 0 8px;
  height: 68px;
}

.indexNewsSwiper .item .txtBox .hr_desc {
  height: 88px;
}

.indexNewsSwiper .swiper-scrollbar {
  opacity: 1 !important;
  width: 24%;
  left: 50%;
  bottom: 0;
  background: rgba(216, 216, 216, 1);
  height: 2px;
  transform: translateX(-50%);
}

.indexNewsSwiper .swiper-scrollbar-drag {
  background: rgba(195, 150, 57, 1)
}

.indexNewsSwiper .item_in:hover .txtBox {
  box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.08);
}

.indexNewsSwiper .item_in .txtBox:hover .title {
  color: #C39639;
}

.indexNewsSwiper .item .imgs_a:hover .imgs .fullImg {
  transform: scale(1.08);
}

/* indexAboutUs */
.indexAboutUs>div {
  background-size: 948px auto !important;
}

.indexAboutUs .mAboutUsBox {
  display: none;
}

.indexAboutUs_in {
  width: 586px;
}

.moreBox {
  text-align: center;
  width: 160px;
  height: 48px;
  line-height: 48px;
  border-radius: 4px;
  background: #C39639;
  color: #fff;
}

/* indexBusiness */
.indexBusiness {
  background-color: #f8f8f8;
  background-position: top center;
  background-size: 124% auto;
}

.indexProductTab .tItem {
  width: 168px;
  height: 56px;
  line-height: 56px;
  text-align: center;
  cursor: pointer;
  border-radius: 50px;
  color: #1A1C27;
  margin-right: 24px;
  font-size: 20px;
  background: #F2F2F2;
}

.indexProductTab .tItem:hover {
  color: #C39639;
}

.indexProductTab .tItem.active {
  background: #C39639;
  color: #fff;
}

.indexProductBox .listBox .list {
  padding: 20px 76px 0;
  overflow: hidden;
}

.indexProductBox .swiper-container {
  overflow: inherit;
  padding-top: 48px;
}

.indexProductBox .list {
  display: none;
}

.indexProductBox .indexProductSwiper .imgFix {
  padding-bottom: 208.6956%;
}

.indexProductBox .indexProductSwiper3 .imgFix {
  padding-bottom: 100%;
}

.indexProductBox .indexProductSwiper .imgFix_in {
  overflow: inherit;
}

.indexProductBox .indexProductSwiper .imgFix .hr_bg {
  background-size: auto 100%;
  background-position: center bottom;
}

.indexProductBox .indexProductSwiper3 .imgFix .hr_bg {
  background-size: 100% auto;
}

.indexProductBox .indexProductSwiper .txtBox {
  text-align: center;
}

.indexProductSwiper .swiper-slide a:hover .txtBox {
  color: #C39639;
}

.indexProductSwiper .swiper-slide a:hover .fullImg {
  transform: scale(1.1);
}

/* indexhistory */
.indexhistory_in {
  flex-direction: row-reverse;
  z-index: 2;
}

.indexhistory .hr_outBox,
.indexhistory .hr_box_in,
.indexhistory_in,
.indexhistory_in .imgsBox {
  height: 100%;
}

.indexhistory {
  height: calc(100vh - 80px);
  width: 100%;
  overflow: hidden;
  position: relative;
}

.indexhistory:after {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.indexhistory_in .imgsBox>div {
  height: 100%;
}

.indexHistorySwiper {
  height: 100%;
  overflow: initial;
}

.indexHistorySwiper .imgs {
  width: 92px;
  height: 92px;
}

.indexHistorySwiper .imgs .hr_bg {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 100%;
}

.indexHistorySwiper .imgs img {
  max-width: 100%;
  max-height: 100%;
}

.indexhistory .txtBox {
  flex-direction: column;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  padding: 6% 0;
}

.indexhistory .txtBox .historySwiperBnt {
  height: 48px;
  width: 144px;
}

.indexHistorySwiper .swiper-slide-active .hr_bg {
  transform: scale(2);
}

.indexHistorySwiper .swiper-slide-prev {
  transform: translateX(-20px);
}

.indexHistorySwiper .swiper-slide-active {
  transform: translateX(-100px);
}

.indexHistorySwiper .swiper-slide-next {
  transform: translateX(-20px);
}

.indexSocial .indexSocial_in {
  flex-direction: row-reverse;
}

.indexSocial .indexSocial_in .imgsBox {
  width: 708px;
}

.indexSocial .indexSocial_in .imgsBox .imgFix {
  padding-bottom: 71.186%;
  border-radius: 4px;
  overflow: hidden;
}

.indexSocial .indexSocial_in .imgsBox .imgFix img {
  border-radius: 4px;
}

.indexSocial_in .txtBox {
  padding-right: 105px;
  flex: 1;
}

.indexSocial_in .txtBox_oin .txtBox_in {
  padding-top: 24px;
  padding-bottom: 48px;
}

/* index end */




/* 企业简介 */
.com_item1 .imgs .imgFix {
  padding-bottom: 144.37%;
}

.com_item2 .imgs .imgFix {
  padding-bottom: 63.2911%;
}

.com_item4 .imgs .imgFix {
  padding-bottom: 74.6878%;
}

.com_item4 .txtBox .sTitle {
  padding-bottom: 16px;
}

.citem .numBox {
  padding-top: 32px;
}

.citem .numBox .dw {
  font-size: 40px;
  font-weight: bold;
}

.citem .numBox .nItem {
  flex-wrap: wrap;
}

.citem .numBox .num {
  font-size: 72px;
  line-height: 1.22;
  font-weight: bold;
}

.citem .numBox .sName {
  width: 100%;
}

.bgTitle .title {
  line-height: 1.2;
}

.beerOut .com_item1 .imgs {
  width: 40.69445%;
}

.beerOut .com_item1 .txtBox {
  padding-left: 18.6%;
  flex: 1;
}

.beerOut .com_item1 .txtBox:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 200px;
  top: -160px;
  left: 0;
  background: url(../image/qyjjTBg.png) no-repeat center bottom / 100% auto;
}

.com_item3 {
  height: 622px;
}

.com_item3 .numBox:after {
  background: #fff;
}

.com_item3 .cbBox .hr_desc {
  width: 400px;
}

.com_item3:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  z-index: 1;
  background: linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0) 56%);
  opacity: 0.5;
}

.com_item3 .hr_outBox {
  position: relative;
  z-index: 2;
}

.com_item2,
.com_item4 {
  margin: 120px 0 160px;
  position: relative;
}

.com_item2 .imgBox .imgs {
  width: 948px;
}

.citem .txtPs {
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.com_item2 .txtPs .txtBox {
  width: 366px;
}

.com_item4 .txtPs .txtBox {
  padding-left: 53.125%;
}

.com_item4 .imgBox .imgs {
  width: 881px;
}

/* 企业简介 end */

/* 管理团队 */
.managerLayer .lListBox {
  width: calc(100% + 40px);
  transform: translateX(-20px);
  flex-wrap: wrap;
}

.managerLayer .lListBox .item {
  width: 25%;
  padding: 0 20px;
  margin-top: 40px;
}

.managerLayer .lListBox .item_in {
  width: 100%;
  cursor: pointer;
}

.managerLayer .item_in .imgFix {
  border-radius: 4px;
  overflow: hidden;
  padding-bottom: 100%;
}

.managerLayer .txtBox .name {
  padding: 12px 0 4px;
}

.lListBox .item_in .txtBox:hover .name {
  color: #C39639;
}

.lListBox .item_in .imgs:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  ;
  background: #000;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 4px;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.lListBox .item_in .imgs:hover:after {
  opacity: .12;
}

.lListBox .item_in .imgs:hover .fullImg {
  transform: scale(1.04);
}

.managerLayer .outTxtBox {
  margin-top: 20px;
  display: none;
}

.swiperPopup {
  background: #fff;
  width: 960px;
  position: fixed;
  padding: 0 36px 60px 56px;
  overflow: hidden;
  left: 50%;
  top: 50%;
  border-radius: 4px;
  overflow: hidden;
  margin-top: 150px;
  transform: translate(-50%, -100%);
  z-index: -1;
  opacity: 0;
}

.swiperPopup.active {
  z-index: 999;
  transform: translate(-50%, -50%);
  opacity: 1;
  margin: 0;
}

.swiperPopup .spDom {
  margin-top: 30px;
  width: 100%;
  overflow: hidden;
}

.swiperPopup .item_in {
  display: flex;
}

.swiperPopup .item_in .imgs {
  width: 38%;
  height: 100%;
}

.swiperPopup .item_in .txtBox {
  flex: 1;
  display: block;
  padding-left: 42px;
}

.swiperPopup .item_in .txtBox .outTxtBox {
  display: block;
}

.swiperPopup .item_in .hr_desc {
  color: #666;
  height: 190px;
}

.lSpBtn {
  width: 100%;
  margin-top: 65px;
  height: 2px;
  background: #EDEDED;
}

.lSpBtn .swiper-pagination {
  left: 14%;
  padding: 5px 20px;
  background: #fff;
  bottom: -16px;
  width: auto;
  color: #d8d8d8;
}

.lSpBtn .swiper-pagination-current {
  color: #C39639;
}

.lSpBtn .swiper-pagination-total {
  color: #999;
}

.sCloseBtn {
  padding-top: 24px;
}

.sCloseBtn img {
  width: 24px;
  cursor: pointer;
}

.lSpBtnBox {
  right: 0;
  background: #fff;
  padding-left: 18px;
  bottom: -18px;
}

.lSpBtnBox .noBg {
  background-image: none;
  width: 36px;
  height: 36px;
  background-color: #e5e5e5;
  text-align: center;
  line-height: 36px;
  border-radius: 100%;
  position: initial;
  margin: 0;
}

.lSpBtnBox .noBg:first-child {
  margin-right: 26px;
}

.lSpBtnBox .noBg i {
  font-weight: bold;
  font-size: 20px;
  color: #C39639;
}

.lSpBtnBox .noBg:hover {
  background: #C39639;
}

.lSpBtnBox .noBg:hover i {
  color: #fff;
}

/* 管理团队 end */

/* 资历荣誉 */
.honorsCode {
  padding-top: 82px;
}

.honorBox_in {
  padding-left: 540px;
}

.yearBox {
  width: 540px;
  left: 0;
  top: 0;
}

.yearBox.active {
  top: 160px;
  position: fixed;
}

.yearBoxSw {
  flex: 1;
  display: block;
  height: 640px;
  padding-right: 16px;
}

.yearBoxSw .swiper-slide {
  font-size: 180px;
  font-weight: bold;
  line-height: 1;
  color: #e5e5e5;
}

.yearBoxSw .swiper-slide.swiper-slide-active {
  color: #C39639;
  font-size: 200px;
}

.yearBox .yearBoxSwBtn {
  width: 32px;
  flex-direction: column;
  height: 100%;
}

.yearBox .yearBoxSwBtn>div {
  position: inherit;
  width: 32px;
  height: 32px;
  background-image: none;
  background-color: #e5e5e5;
  border-radius: 100%;
  margin: 13px 0;
  line-height: 32px;
  text-align: center;
}

.yearBox .yearBoxSwBtn>div i {
  font-size: 16px;
  font-weight: bold;
}

.yearBox .yearBoxSwBtn>div:hover {
  background: #C39639;
}

.yearBox .yearBoxSwBtn>div:hover i {
  color: #fff;
}

.honorList {
  flex: 1;
  display: block;
  overflow: hidden;
}

.honorList .list {
  padding-left: 160px;
  margin-bottom: 40px;
}

.honorList .list:last-child {
  margin-bottom: 0;
}

.honorList .item {
  margin-top: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid #EDEDED;
}

.honorList .item a:hover .title {
  color: #C39639;
}

.honorList .item .leftTxtBox {
  flex: 1;
}

.honorList .item .mm {
  right: calc(100% + 30px);
  width: 88px;
  text-align: right;
  top: -4px;
}

.honorList .item .imgs {
  width: 186px;
  height: 124px;
  overflow: hidden;
  display: none;
  border-radius: 4px;
  margin-left: 34px;
}

.honorList .leftTxtBox .title {
  padding-bottom: 10px;
}

.honorList .item .leftTxtBox .hr_desc {
  color: #666;
  line-height: 1.6;
}

.honorList .item .leftTxtBox .hAddr {
  color: #666;
}

/* 资历荣誉 end */

/* 企业动态 */
.beerNewsContaner .newsBox {
  padding-top: 40px;
}

.newsBox .fullImg {
  border-radius: 4px;
  overflow: hidden;
}

.newsBox .newsTop a {
  margin-bottom: 40px;
}

.newsBox .time {
  line-height: 1;
}

.newsTop a {
  padding-bottom: 40px;
  border-bottom: 1px solid #DCDCDC;
}

.newsTop a .imgs {
  width: 580px;
}

.newsTop a .imgs .imgFix {
  overflow: hidden;
  border-radius: 4px;
}

.newsTop .txtBox {
  padding-left: 80px;
  flex: 1;
  overflow: hidden;
}

.newsTop .txtBox .lTitle {
  padding: 40px 0 24px;
  line-height: 1.4;
}

.newsTop a:hover .lTitle {
  color: #C39639;
}

.newsBox .item {
  margin-bottom: 40px;
}

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

.newsBox .listBox .item:last-child {
  margin-bottom: 40px;
}

.newsBox .item a {
  display: block;
  padding-left: 122px;
  padding-bottom: 40px;
  border-bottom: 1px solid #DCDCDC;
}

.newsBox .item a .lTitle {
  padding: 0 0 12px;
}

.newsBox .item a:hover .lTitle {
  color: #C39639;
}

.newsBox .item .timeBox {
  left: 0;
  top: 0;
}

.newsBox .item .lTxtBox .lImgs {
  width: 286px;
}

.newsBox .item .lTxt {
  padding-right: 80px;
  flex: 1;
  overflow: hidden;
}

.MediaFocus {
  padding-top: 40px;
}

.MediaFocus .newsTop a {
  border: none;
  padding: 0;
  background: #FAFAFA;
  border-radius: 4px;
}

.MediaFocus .newsTop .txtBox {
  padding: 0 30px 0 80px;
}

.MediaFocus .listBox {
  width: calc(100% + 24px);
  flex-wrap: wrap;
  transform: translateX(-12px);
}

.MediaFocus .listBox .item {
  width: 33.33%;
  padding: 0 12px;
  margin-top: 24px;
}

.MediaFocus .item a {
  padding: 0;
  border: none;
  border-radius: 4px;
  height: 100%;
  background: #FAFAFA;
}

.MediaFocus .item .lTxtBox {
  padding: 24px 24px 40px;
}

.MediaFocus .item .lTxtBox .lTitle {
  padding: 12px 0;
  height: 80px;
}

.MediaFocus .item .lTxt {
  padding: 0;
}

.MediaFocus .item .lImgs .imgFix {
  border-radius: 4px 4px 0 0;
  overflow: hidden;
}

.MediaFocus .item .lImgs:hover .fullImg,
.MediaFocus .newsTop a .imgs:hover .fullImg,
.brandHdList .swiper-slide a .imgs:hover .fullImg {
  transform: scale(1.1);
}

.MediaFocus .item a:hover .lTitle {
  color: #333;
}

.MediaFocus .item a .lTitle:hover {
  color: #C39639;
}

.MediaFocus .item a:hover {
  box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.08);
}

/* 企业动态 end */

/* beerDtBox */
.beerDtBox {
  width: 880px;
  margin: 0 auto;
}

.single {
  width: 100%;
  overflow: hidden;
}

.single img {
  max-width: 100%;
}

.beerDtBox .dTitle {
  line-height: 1.4;
}

.beerDtBox .dtData {
  padding: 24px 0 20px;
  border-bottom: 1px solid #dcdcdc;
}

.beerDtBox .dtData span {
  color: #666;
}

.beerDtBox .single {
  margin-top: 28px;
  color: #666;
}

.beerDtBox .otherDt {
  margin: 45px 0 0;
  padding-top: 20px;
  border-top: 1px solid #dcdcdc;
}

.beerDtBox .otherDt .otherDtList>div {
  margin-bottom: 10px;
}

.beerDtBox .otherDt .otherDtList>div a {
  color: #666;
}

.beerDtBox .otherDt .otherDtList>div a:hover {
  color: #C39639;
}

.backList {
  width: 166px;
  height: 46px;
  color: #fff;
  border-radius: 4px;
  background: #C6972F;
}

/* 业绩发布 */
.performance .list {
  min-height: 88px;
}

.performance .list .listBox {
  padding-left: 162px;
}

.performance .list .year {
  left: 0;
  width: 122px;
  padding-top: 18px;
  border-top: 1px solid #E5E5E5;
}

.performance .list .year span {
  color: #666;
  font-size: 16px;
}

.performance .list .item {
  margin-bottom: 56px;
}

.performance .list .imgs {
  width: 286px;
}

.performance .list .imgs .fullImg {
  border-radius: 4px;
  overflow: hidden;
}

.performance .listBox .txtBox {
  flex: 1;
  margin-right: 80px;
  overflow: hidden;
  border-top: 1px solid #E5E5E5;
}

.performance .listBox .txtBox .pTitle {
  padding: 24px 0 18px;
}

.performance .listBox .txtBox .time {
  padding-top: 12px;
}

.performance .list a:hover .pTitle {
  color: #C39639;
}

/* 业绩发布 end */

/* 专题专栏 */
.specialColumnTab .swiper-slide {
  width: auto;
}

.liquorBox .specialColumnTab {
  margin-top: 40px;
}

.specialColumnTab .item a {
  width: 180px;
  height: 56px;
  line-height: 56px;
  border-radius: 56px;
  background: #F2F2F2;
  cursor: pointer;
  display: block;
  text-align: center;
}

.specialColumnTab .item a:hover {
  color: #C39639;
}

.liquorBox .specialColumnTab .item a,
.liquorDtBox .specialColumnTab .item a {
  width: 204px;
}

.newsTab .specialColumnTab .item a,.sunPurchase .specialColumnTab .item a{
  width: auto;
  padding: 0 32px;
}

.specialColumnTab .item.active a {
  color: #fff;
  background: #C39639;
}

.specialColumnVideo {
  flex-wrap: wrap;
  margin-top: 56px;
}

.specialColumnVideo .item .imgs .imgFix {
  padding-bottom: 56.25%;
}

.specialColumnVideo .item {
  width: 33.33%;
  padding: 0 12px;
  margin-bottom: 24px;
}

.specialColumnVideo .item .fullImg {
  border-radius: 4px 4px 0 0;
  overflow: hidden;
}

.specialColumnVideo .item .txtBox {
  background: #FAFAFA;
  padding: 24px 24px 32px;
  border-radius: 0 0 4px 4px;
}

.specialColumnVideo .item_in {
  border-radius: 4px;
  cursor: pointer;
}

.specialColumnVideo .item_in .vBtn {
  left: 50%;
  top: 50%;
  text-align: center;
  transform: translate(-50%, -50%);
  z-index: 10;
  width: 48px;
  height: 48px;
  border-radius: 100%;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.6);
  line-height: 48px;
}

.specialColumnVideo .item_in .vBtn i {
  color: #fff;
  font-size: 48px;
}

.specialColumnVideo .item_in:hover .vBtn {
  background: #C39639;
}

.specialColumnVideo .item_in:hover .txtBox_in {
  color: #C39639;
}

/* 专题专栏 end */

/* 产品与服务 */
.pNav {
  width: 100%;
  height: 80px;
  background: #F6F7F9;
  line-height: 80px;
}

.pNav a {
  line-height: 80px;
  position: relative;
  margin: 0 50px;
  font-size: 20px;
  padding-left: 6px;
}

.pNav a:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 6px;
  opacity: 0;
  width: calc(100% - 6px);
  background: #C6972F;
  height: 3px;
}

.pNav a.active {
  color: #C39639;
  background: url(../image/titleBg.png) no-repeat left 26px / 15px auto;
}

.pNav a.active:after {
  opacity: 1;
}

.proList .item {
  margin-top: 56px;
  border: 1px solid #d8d8d8;
  border-radius: 8px;
  overflow: hidden;
}

.proList .item .li {
  width: 50%;
}

.proList .item .fullImg {
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

.proList .item .li.sPic .sImgs {
  width: 48.68%;
}

.proList .item .li.sPic .sImgs .imgFix {
  padding-bottom: 100%;
}

.proList .item .li.sPic img {
  max-height: 100%;
  max-width: 100%;
}

.proList .item .li .txtBox a {
  margin-top: 24px;
  width: 146px;
  color: #fff;
  display: block;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 4px;
  background: #C6972F;
}

.proList .item .li .txtBox {
  width: 100%;
  z-index: 2;
  padding: 0 40px 40px;
  bottom: 0;
  transform: translateY(100%);
  opacity: 0;
}

.proList .item .li .imgs:after {
  z-index: 1;
  opacity: 0;
  border-radius: 8px;
  overflow: hidden;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.47) 100%);
  transition: all 0.4s ease;
}

.proList .item .bPic:hover .txtBox {
  transform: none;
  opacity: 1;
}

.proList .item .bPic:hover .imgs:after {
  opacity: 1;
}

.proList .item .li .txtBox .proTitle {
  line-height: 1.7;
  padding-bottom: 12px;
}

.proList .item .mLink {
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

/* 白酒 */
.aboutKing {
  flex-direction: row-reverse;
  padding-top: 40px;
}

.aboutKing .imgs {
  width: 708px;
}

.aboutKing .imgs .imgFix {
  padding-bottom: 69.4925%;
}

.aboutKing .txtBox {
  flex: 1;
  padding-left: 47px;
}

.aboutKing .txtBox .kLogo {
  height: 131px;
  margin-bottom: 60px;
}

.aboutKing .txtBox .kLogo img {
  height: 100%;
}

.aboutKing .txtBox .hr_desc {
  height: 300px;
}

.liquorList {
  margin-top: 56px;
  width: 100%;
  overflow: hidden;
}

.liquorList_in {
  width: calc(100% + 24px);
  transform: translateX(-12px);
  flex-wrap: wrap;
  margin-top: -24px;
}

.liquorList_in .item {
  width: 25%;
  padding: 0 12px;
  margin-top: 24px;
}

.liquorList_in .item a {
  display: block;
  width: 100%;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  overflow: hidden;
}

.liquorList_in .item a .imgs {
  width: 100%;
}

.liquorList_in .item a .imgs .imgFix {
  padding-bottom: 68.421%;
}

.liquorList_in .item a .fullImg {
  border-radius: 2px 2px 0 0;
  overflow: hidden;
}

.liquorList_in .item a .txtBox {
  background: #fafafa;
  padding: 14px 20px;
}

.liquorList_in .item a .viewDt {
  display: none;
}

.liquorList_in .item a:hover {
  border-color: #C39639;
}

.liquorList_in .item a:hover .txtBox {
  background: #C39639;
  color: #fff;
}

/* 白酒详情 */
.liquorDtBox {
  width: 100%;
  overflow: hidden;
}

.liquorMsgSw {
  width: 708px;
}

.liquorMsgSw .imgFix {
  padding-bottom: 68.36158%;
}

.liquorMsgSw .liquorMsgSwsmimg .imgFix {
  padding-bottom: 100%;
}

.liquorInfo {
  flex: 1;
  padding-left: 64px;
}

.liquorMsgSw .liquorMsgSwBigimg {
  width: 100%;
  height: 100%;
  border: 1px solid #e5e5e5;
}

.liquorMsgSw .gallery-top,
.liquorMsgSw .gallery-thumbs {
  width: 100%;
  height: 100%;
}

.liquorMsgSwsmimg {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 12px;
}

.liquorMsgSw .swiper-slide img {
  max-width: 100%;
  height: 100%;
}

.liquorMsgSw .gallery-thumbs {
  margin: 0 10px;
}

.liquorMsgSw .gallery-thumbs .swiper-slide {
  border: 1px solid #E5E5E5;
  text-align: center;
}

.liquorMsgSwsmimg .swiper-button-prev {
  left: 0;
}

.liquorMsgSwsmimg .swiper-button-next {
  right: 0;
}

.swBtndt {
  height: 20px;
  width: 27px;
  margin-top: -10px;
  background: none;
}

.liquorMsgSwsmimg .swBtndt {
  position: initial;
  margin: 0;
  line-height: 1;
  top: 0;
  height: auto !important;
}

.swBtndt i {
  font-size: 26px;
}

.liquorMsgSw .gallery-thumbs .swiper-slide.swiper-slide-thumb-active {
  border-color: #C39639;
}

.liquorInfo .title {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 12px;
  margin-bottom: 16px;
  line-height: 1.4;
}

.liquorInfo .txtBox {
  height: 400px;
  overflow: hidden;
  line-height: 2;
}

.liquorInfo .txtBox p {
  margin-bottom: 12px;
}

.liquorInfo .onlineLink {
  margin-top: 30px;
}

.liquorInfo .onlineLink a {
  padding: 8px 30px 8px 10px;
  border-radius: 8px;
  margin-right: 14px;
  border: 1px solid #E5E5E5;
}

.liquorInfo .onlineLink a img {
  width: 36px;
  height: 36px;
  margin-right: 12px;
}

.liquorMsgSwBigimg .sBig {
  z-index: 90;
  width: 100%;
  height: 100%;
  background-color: #fff;
}

.liquorMsgSwBigimg .sBig img {
  max-width: 100%;
  max-height: 100%;
}

.liquorPop {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  visibility: hidden;
  transition: all .3s;
  transform: scale(0.8);
  z-index: -1;
}

.liquorPop.active {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
  z-index: 1000;
}

.liquorPop_in,
.liquorPop_in .liquorPopSw {
  width: 100%;
  height: 100%;
}

.liquorPop_in .liquorPopSw .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
}

.liquorPop_in .liquorPopSw .swiper-slide img {
  max-width: 100%;
  max-height: 100%;
}

.liquorPop .swBtndt,
.closeLiquorPop {
  position: absolute;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 24px;
  border-radius: 32px;
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
  transition: all .3s;
}

.closeLiquorPop {
  right: 16px;
  top: 16px;
  cursor: pointer;
  z-index: 301;
  background-color: rgba(255, 255, 255, 0.2);
}

.closeLiquorPop i {
  font-size: 16px;
}

.liquorPop .swBtndt:hover,
.closeLiquorPop:hover {
  transform: scale(1.3);
}

.liquorPop_in .swiper-pagination {
  color: #fff;
}

.liquorxxms .hr_single {
  margin-top: 40px;
  margin-bottom: 40px;
}

.liquorDtBox .specialColumnTab .item {
  margin: 0 16px;
}

/* 产品与服务 end */

/* 产品与服务 */
.brandJj {
  width: 100%;
  overflow: hidden;
  background: #F2F3F5;
}

.brandJj .imgs,
.brandJj .txtBox {
  width: 50%;
}

.brandJj .txtBox {
  padding-left: 80px;
  width: 660px;

}

.brandJj .brTitle {
  padding-bottom: 10px;
}

.brandJj .linkList .item {
  margin-right: 24px;
}

.brandJj .linkList .item a {
  background: #fff;
  width: 160px;
  border-radius: 8px;
  height: 52px;
  padding: 0 10px;
  color: #666;
}

.brandJj .linkList .item a img {
  width: 36px;
  height: 36px;
  margin-right: 10px;
}

.brandJj .linkList .item a:hover {
  color: #C39639;
}

.brandVideo .brandVideoBox {
  padding-top: 156px;
}

.brandVideo .brandVideoBox.singleVideoOutBox {
  padding: 156px 0;
}

.brandHdListSwiper .swiper-slide {
  background: #FAFAFA;
  border-radius: 4px;
  height: auto;
}

.brandHdListSwiper .swiper-slide:hover {
  box-shadow: 0px 6px 12px 0px rgb(0 0 0 / 8%);
}

.brandHdListSwiper .swiper-slide .time {
  font-size: 24px;
}

.brandHdListSwiper .swiper-slide .txtBox {
  padding: 20px 40px 30px;
}

.brandHdListSwiper .swiper-slide .txtBox:hover .title {
  color: #C39639;
}

.brandHdListSwiper .swiper-slide .title {
  padding: 4px 0 8px;
  height: 72px;
  line-height: 1.6;
  font-size: 20px;
}

.hdListSwiperBtn {
  margin-top: 9px;
  position: relative;
  padding-bottom: 80px;
}

.hdListSwiperBtn>div {
  position: initial;
  margin: 0;
  background-image: none;
  width: 36px;
  height: 36px;
  border-radius: 100%;
  background: #E5E5E5;
  text-align: center;
  margin-left: 24px;
}

.hdListSwiperBtn>div i {
  color: #C39639;
  font-size: 20px;
  line-height: 36px;
  font-weight: bold;
}

.hdListSwiperBtn>div:hover {
  background: #C39639;
}

.hdListSwiperBtn>div:hover i {
  color: #fff;
}

.brandHdListSwiper .swiper-slide .hr_desc {
  color: #666;
}

.gobackBrandList {
  border-top: 1px solid #E5E5E5;
  padding-top: 40px;
}

.gobackBrandList>a {
  width: 170px;
  height: 50px;
  background: #F2F2F2;
  border-radius: 4px;
  line-height: 40px;
  color: #3D3D3D;
}

.gobackBrandList>a.NotBtn {
  opacity: 0.35;
  cursor: inherit;
}

.gobackBrandList>a.NotBtn:hover .imgs {
  background: #fff;
}

.gobackBrandList>a.NotBtn:hover .imgs i {
  color: #C39639;
}

.gobackBrandList>a.backListLink {
  width: 132px;
  left: 50%;
  transform: translateX(-50%);
}

.gobackBrandList>a .imgs {
  width: 30px;
  height: 30px;
  overflow: hidden;
  background: #fff;
  border-radius: 4px;
  line-height: 30px;
  text-align: center;
  margin: 0 10px;
}

.gobackBrandList>a .imgs i {
  color: #C39639;
}

.gobackBrandList>a:hover .imgs {
  background: #C39639;
}

.gobackBrandList>a:hover .imgs i {
  color: #fff;
}

.backListLink:hover {
  color: #C39639;
}

#certify .swiper-button-prev,
#certify .swiper-container-rtl .swiper-button-next {
  background: none;
}

.brandVideoBox #certify .lbSwBtn {
  background-image: none;
  width: 66px;
  height: 66px;
  border-radius: 100%;
  background: #fff;
  text-align: center;
  margin-top: -72px;
}

.brandVideoBox #certify .lbSwBtn i {
  color: #C39639;
  font-size: 32px;
  line-height: 66px;
  font-weight: bold;
}

.brandVideoBox #certify .lbSwBtn:hover {
  background: #C39639;
}

.brandVideoBox #certify .lbSwBtn:hover i {
  color: #fff;
}

.brandVideoBox .hr_box_in {
  padding: 0 86px;
}

.brandHd .brandHdList {
  overflow: hidden;
  padding: 0 6px;
  width: 100%;
}

.brandHd .brandHdList .swiper-container {
  overflow: initial;
  padding: 40px 0 20px
}

.productDtBox .title span.beerTitle {
  line-height: 1.6;
  display: inline-block;
}

/* 产品与服务 详情 */

/* 责任践行 */
.responsibilityBox .list .imgs,
.responsibilityBox .list .txtBox {
  width: 50%;
}

.responsibilityBox .list:nth-child(2n) {
  flex-direction: row-reverse;
}

.responsibilityBox .list .txtBox {
  padding: 0 110px 0 80px;
}

.responsibilityBox .list:nth-child(2n) .txtBox {
  padding: 0 80px 0 110px;
}

.responsibilityBox .list .txtBox .hr_desc {
  padding: 24px 0 52px;
  color: #666;
}

.responsibilityBox .list .txtBox a {
  border-radius: 4px;
  width: 160px;
  border: 1px solid #C6972F;
  color: #C39639;
  height: 48px;
}

.responsibilityBox .list .txtBox a:hover {
  background: #C39639;
  color: #fff;
}

.responsibilityBox .list .imgs:hover .fullImg {
  transform: scale(1.1);
}

.responsibilityBox .list:hover .title {
  color: #C39639;
}

/* 责任践行 end */

/*责任报告*/
.responsibilityReporting {
  width: 100%;
  overflow: hidden;
}

.responsibilityReporting_in {
  width: 100%;
  flex-wrap: wrap;
  margin-top: -80px;
}

.responsibilityReporting_in .item {
  width: 25%;
  padding: 0 12px;
  margin-top: 80px;
}

.responsibilityReporting_in .item a {
  display: block;
  width: 100%;
}

.responsibilityReporting_in .item a .imgs {
  border-radius: 4px;
  overflow: hidden;
  border: 1px solid #d8d8d8;
}

.responsibilityReporting_in .item a .imgFix {
  padding-bottom: 127.08%;
}

.responsibilityReporting_in .item a .imgFix .fullImg {
  border-radius: 4px;
  overflow: hidden;
}

.responsibilityReporting_in .item a .txtBox {
  padding: 16px 0;
  font-size: 20px;
}

.responsibilityReporting_in .item a:hover .fullImg {
  transform: scale(1.1);
}

.responsibilityReporting_in .item a:hover .txtBox {
  color: #C39639;
}

/*责任报告 end*/

/* 人才理念 */
.rsg .txt {
  padding-top: 40px;
}

.jdList {
  width: 100%;
  overflow: hidden;
}

.jdList_in {
  transform: translateX(-12px);
  width: calc(100% + 24px);
}

.jdList_in .item {
  width: 33.33%;
  padding: 0 12px;
}

.jdList_in .item .imgs {
  width: 94px;
  height: 94px;
  overflow: hidden;
  margin: 0 auto;
}

.jdList_in .item .imgs img {
  width: 100%;
}

.jdList_in .item .title {
  padding: 30px 0 14px;
  line-height: 1.7;
}

.jdList_in .item_in {
  background: #fafafa;
  border-radius: 8px;
  padding: 60px 50px;
  height: 100%;
}

/* 人才理念 end */
/* 人才培养 */
.pxProList a {
  margin-top: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #e5e5e5;
  overflow: hidden;
}

.pxProList a .imgs {
  width: 320px;
  margin-right: 67px;
}

.pxProList a .imgs .fullImg {
  border-radius: 4px;
  overflow: hidden;
}

.pxProList a .txtBox {
  flex: 1;
  overflow: hidden;
}

.pxProList a .title {
  margin-bottom: 12px;
  margin-top: 16px;
  line-height: 1.5;
}

.pxProList a .time {
  padding-top: 8px;
}

.pxProList a:hover .title {
  color: #C39639;
}

.rsg .txt {
  color: #666;
}

/* 人才培养 end */

/* 阳光宣言 */
.sunshine:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  background: #fafafa;
  height: 60px;
  bottom: 0;
}

.sunManifesto .imgs {
  width: 464px;
}

.sunManifesto .imgs .imgFix {
  padding-bottom: 139.87%;
}

.sunManifesto .imgs .fullImg {
  background-size: auto 100%;
  background-position: center center;
}

.sunManifesto .txtBox {
  width: 708px;
  padding-bottom: 80px;
}

.sunshine .hr_outBox {
  z-index: 2;
}

.honest {
  background: #fafafa;
}

.honest_in {
  flex-direction: row-reverse;
}

.honest .imgs {
  width: 708px;
}

.honest .imgs .imgFix {
  padding-bottom: 74.435%;
}

.honest .txtBox {
  flex: 1;
  padding-right: 24px;
}

.sunshine .fullImg,
.honest .fullImg {
  overflow: hidden;
  border-radius: 4px;
}

/* 阳光宣言 end */

/* 投诉举报 */
.ReportComplaints {
  padding: 76px 0;
}

.ReportComplaints_in {
  width: 720px;
  background: #fff;
  padding: 64px 46px;
}

.ReportComplaints_in .txt {
  padding-top: 24px;
  color: #666;
  font-size: 16px;
}

.ReportComplaints_in .sTitle {
  padding-bottom: 16px;
}

.ReportComplaints_in .sTitle:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 24px;
  height: 4px;
  background: #C39639;
}

/* 投诉举报 end */
.qqtsBanner {
  width: 100%;
  overflow: hidden;
}

.qqtsBanner img {
  max-width: 100%;
}

.qqtsBox {
  background: #fff;
  padding: 80px 60px;
  transform: translateY(-100px);
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.06);
  border-radius: 4px;
  flex-wrap: wrap;
}

/*清欠投诉*/
.qqtsBox .person {
  padding: 0 20px;
}

.qqtsBox .item .iname {
  padding: 16px 0 8px;
}

.qqtsBox .item.files .txt {
  /* text-decoration: underline;  */
  position: relative;
}

.qqtsBox .item.files .txt:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 2px;
  height: 2px;
  background: #333;
  width: 100%;
}

.qqtsBox .item a:hover .txt {
  color: #C39639;
}

.qqtsBox .item.files a:hover .txt:after {
  background: #C39639;
}

/*清欠投诉 end*/
/* 联系我们 */
.contactUs .hr_box_in {
  height: 100vh;
  width: 100%;
}

.contactUs .hr_box_in>div {
  width: 100%;
}

.contactUs .txtBox {
  background: rgba(255, 255, 255, .9);
  padding: 20px 60px 80px;
  width: 665px;
}

.contactUs .txtBox .item {
  margin-top: 60px;
}

.contactUs .txtBox .item .imgs {
  width: 40px;
}

.contactUs .txtBox .item .imgs img {
  width: 100%;
}

.contactUs .txtBox .item .r {
  flex: 1;
  display: block;
  overflow: hidden;
  padding-left: 30px;
}

.contactUs .txtBox .item .r .sheng {
  font-size: 24px;
  color: #333;
}

.contactUs .txtBox .item .r .addr {
  padding: 4px 0;
}

.contactUs .txtBox .item .r .type span {
  margin-right: 32px;
}

/* 联系我们 end */
.nullDiv {
  height: 80px;
}

.ybBanner {
  width: 100%;
  overflow: hidden;
}

.ybBanner img {
  max-width: 100%;
}

.ybBanner .yyBannerBox {
  z-index: 2;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.productBanner .yyBannerBox {
  display: none;
}

.ybBanner .yyBannerBox .hr_outBox,
.ybBanner .yyBannerBox .hr_box_in {
  height: 100%;
  overflow: hidden;
}

.dtBanner {
  height: 38vw;
  width: 100%;
  overflow: hidden;
}

.dtBanner .swiper-container,
.dtBanner .swiper-wrapper,
.dtBanner .swiper-slide {
  width: 100%;
  height: 100%;
}

.dtBanner .dtBanner-pagination {
  bottom: 40px;
}

.dtBanner .dtBanner-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  opacity: 0.6;
  background: #FFFFFF;
  border: 1px solid #C39639;
}

.dtBanner .dtBanner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
  background: #C39639;
}

.rqpreNext .item {
  float: none;
  color: #666;
  display: flex;
}

.rqpreNext .item.hr_fr {
  margin-top: 10px;
}

.rqpreNext .item .txt span {
  display: none;
}

.rqpreNext .item .txt span.power-prevNext-no {
  display: block;
}

.rqpreNext .item a {
  color: #666;
}

.wjMapBox .itemBox {
  margin-left: -60px;
  flex-wrap: wrap;
}

.wjMapBox .itemBox .item {
  margin-top: 12px;
  margin-left: 60px;
}

.wjMapBox .itemBox .item a:hover {
  color: #C39639;
}

.hr_fade_up {
  opacity: 0;
  transition: all 1.2s ease-out 0.2s;
  transform: translate(0px, 80px);
}

.hr_fade_down {
  opacity: 0;
  transition: all 1.2s ease-out 0.2s;
  transform: translate(0px, -80px);
}

.hr_fade_right {
  opacity: 0;
  transition: all 1.2s ease-out 0.2s;
  transform: translate(80px, 0px);
}

.hr_fade_left {
  opacity: 0;
  transition: all 1.2s ease-out 0.2s;
  transform: translate(-80px, 0px);
}

.showdiv .showdiv .hr_fade_up,
.showdiv .indexNews.hr_fade_up,
.showdiv .showdiv .hr_fade_down,
.showdiv .showdiv .hr_fade_right,
.showdiv .showdiv .hr_fade_left {
  opacity: 1;
  transform: none;
}

.body_b .indexNews {
  overflow: hidden;
}

/* 年龄提示 */
.yMoveClass {
  transition: all ease-in-out 1s;
}

.yearHintBox {
  overflow: hidden;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: all 1s;
}

.yearHintBox .yLogo {
  height: 9vh;
  overflow: hidden;
  margin: 9vh auto 7vh
}

.yearHintBox .yLogo img {
  height: 100%;
}

.yearHintBox .yBtn {
  font-size: 100px;
  line-height: 1;
  margin: 3vh 0 5vh;
  position: relative;
}

.yearHintBox .yBtn:after {
  content: "";
  position: absolute;
  height: 100%;
  width: 2px;
  background: #C39639;
  left: 50%;
}

.yearHintBox .yTxt {
  letter-spacing: 0.69em;
  font-weight: bold;
}

.yearHintBox .yBtn .btn {
  cursor: pointer;
}

.yearHintBox .yBtn .btn.yes_btn {
  margin-right: 100px;
}

.yearHintBox .yPic {
  height: 38vh;
  overflow: hidden;
}

.yearHintBox .yPic img {
  height: 100%;
}

.yearHintBox .ycopy {
  font-weight: 600;
  width: 100%;
  height: 60px;
  bottom: 4vh;
  left: 0;
  right: 0;
  font-size: 16px;
}

.yearHintBox .ycopy .yfCopy {
  padding-top: 6px;
  font-weight: 400;
}

.ytopTxt.active,
.alertMd.active {
  opacity: 0;
  transform: translateY(-100px);
}

.yfootTxt.active,
.yPic.active {
  opacity: 0;
  transform: translateY(100px);
}

.yearHintBox.active {
  opacity: 0.5;
}

@media screen and (max-height:900px) {
  .yearHintBox .yLogo {
    margin: 8vh 0 6vh;
  }

  .yearHintBox .yBtn {
    font-size: 80px;
  }

  .yearHintBox .yTxt {
    font-size: 30px;
  }
}

@media screen and (max-height:860px) {
  .yearHintBox .yBtn {
    font-size: 70px;
  }

  .yearHintBox .yTxt {
    font-size: 28px;
  }

  .yearHintBox .yLogo {
    margin: 7vh 0 5vh;
  }
}

@media screen and (max-height:800px) {
  .yearHintBox .yBtn {
    font-size: 60px;
  }

  .yearHintBox .yTxt {
    font-size: 26px;
  }

  .yearHintBox .yBtn {
    margin: 2vh 0 4vh;
  }
}

@media screen and (max-width:1380px) {
  .yearHintBox .yPic img {
    max-width: 100%;
  }
}

@media screen and (max-width:1180px) {
  .yearHintBox .yBtn {
    font-size: 56px;
  }

  .yearHintBox .yPic {
    height: auto;
  }

  .yearHintBox .yPic img {
    max-width: 100%;
    height: auto;
  }

  .yearHintBox_in {
    height: calc(96% - 100px);
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
  }

  .yearHintBox .yLogo {
    margin: 4vh auto 0;
  }

  .yearHintBox .yBtn {
    margin: 40px 0 0;
  }
}

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

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

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

@media screen and (max-width:640px) {
  .yearHintBox .yLogo {
    margin: 2vw auto 0;
  }

  .yearHintBox_in {
    height: 100%;
    padding-bottom: 40px;
  }

  .yearHintBox .yTxt {
    font-size: 20px;
  }

  .yearHintBox .yBtn {
    font-size: 50px;
    margin-top: 20px;
  }

  .yearHintBox .yBtn .btn.yes_btn {
    margin-right: 60px;
  }

  .alertMd {
    padding: 5vw 0;
  }

  .yearHintBox .ycopy {
    font-size: 12px;
    bottom: 20px;
    padding: 0 16px;
    height: auto;
  }
}

/* pubMap */
.pubMap {
  opacity: 0;
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(61, 61, 61, 0.3);
  z-index: 0;
  top: 0;
  display: none;
}

.pubMap.active {
  transform: none;
  opacity: 1;
  z-index: 300;
  display: block;
}

.pubMap_in {
  width: 100%;
  height: 100%;
}

.pubMap .imgs {
  width: 50%;
  height: 100%;
}

.pubMap .ybMap_in {
  width: 50%;
  height: 100%;
  background-color: #fff;
  padding: 36px 60px;
  position: relative;
}

.pubMap .ybClose {
  text-align: right;
  border-radius: 100%;
}

.pubMap .ybClose i {
  cursor: pointer;
  border-radius: 100%;
  text-align: center;
  width: 48px;
  height: 48px;
  line-height: 48px;
  display: inline-block;
  background-color: #C39639;
  color: #fff;
  font-size: 20px;
}

.pubMap .ybMap_in .listBox {
  overflow: hidden;
  height: calc(100% - 180px);
}

.pubMap .ybMap_in .mapAboutUs {
  position: absolute;
  left: 60px;
  bottom: 40px;
  padding-top: 20px;
}

.mapAboutUs .footUs {
  flex-wrap: wrap;
}

.mapAboutUs .footUs span {
  display: block;
  width: 100%;
  padding-bottom: 20px;
  font-size: 20px;
  font-weight: 400;
}

.mapAboutUs .footUs .item {
  margin-left: 0;
  margin-right: 32px;
}

.mapAboutUs .footUs .item .footerCode {
  transform: translateY(-20px);
  bottom: 40px;
}

.footUs .item.wxItem:Hover .footerCode {
  visibility: visible;
  opacity: 1;
  transform: none !important;
  z-index: 10;
}

/* 网站地图 */
.ybMap_in .list {
  margin-bottom: 36px;
}

.ybMap_in .list h3 {
  font-size: 20px;
  line-height: 1;
}

.ybMap_in .list:last-child {
  margin: 0;
}

.ybMap_in .list a {
  color: #666;
  margin-top: 16px;
  display: inline-block;
  margin-right: 50px;
}

.ybMap_in .list a:hover {
  color: #C39639;
}

.ybMap_in .list.outLinkNav a {
  margin: 0;
  color: #333;
}

.ybMap_in .list.outLinkNav a:hover {
  color: #C39639;
}

/* 企业文化 */
.cultureBox .whTitle {
  font-size: 56px;
  padding-left: 8px;
  line-height: 1.3;
  background: url(../image/titleBg.png) no-repeat left top / 30px;
}

.wh_sswList {
  margin-top: 87px;
  padding-bottom: 100px;
}

.wh_sswList .imgs {
  width: 414px;
}

.wh_sswList .imgs img {
  width: 100%;
}

.wh_listBox {
  flex-wrap: wrap;
  width: 57%;
  height: 100%;
}

.wh_listBox .item {
  width: 340px;
  margin-bottom: 30px;
}

.wh_listBox .item .name {
  color: #C39639;
  font-size: 24px;
  font-weight: bold;
}

.cultureBox .txt {
  font-size: 18px;
}

.cultureBox .whSm {
  width: 100%;
  overflow: hidden;
}

.cultureBox .whSmBox {
  width: 780px;
  position: relative;
  margin: 120px 0;
}

.cultureBox .whYj .whSmBox {
  position: relative;
  margin: 0;
}

.cultureBox .whSmBox_in {
  padding: 60px;
  background: #fff;
}

.cultureBox .whSmBox .imgs {
  top: -120px;
  right: 700px;
  width: 1200px;
}

.cultureBox .whSmBox .imgs img {
  width: 100%;
  z-index: -1;
}

.cultureBox .whcTitle {
  margin-top: 24px;
  line-height: 1.4;
  font-size: 32px;
  position: relative;
  padding-bottom: 20px;
}

.cultureBox .whcTitle:after {
  content: "";
  width: 24px;
  height: 4px;
  background: #C39639;
  bottom: 0;
  left: 0;
  position: absolute;
}

.cultureBox .whXhjs .whcTitle {
  padding-bottom: 0;
}

.cultureBox .whXhjs .whcTitle:after {
  display: none;
}

.cultureBox .whSmBox_in .item {
  margin-top: 36px;
}

.cultureBox .name {
  font-size: 24px;
  padding-bottom: 10px;
}

.cultureBox .whfList .name {
  font-size: 32px;
}

.cultureBox .whYj .whSmBox {
  width: 50%;
  padding-right: 90px;
}

.cultureBox .whYj {
  background-position: right center;
  background-size: 50% auto;
  margin-top: 120px;
  margin-bottom: 208px;
}

.cultureBox .whYj .list {
  flex-wrap: wrap;
}

.cultureBox .whYj .list .item {
  width: 49%;
  margin-top: 32px;
}

.cultureBox .whYj .list .item:nth-child(3) {
  width: 100%;
}

.cultureBox .whXhjs {
  padding: 160px 0;
  background-position: center bottom;
}

.cultureBox .whXhjs .txt {
  padding-top: 16px;
}

.cultureBox .whfList {
  padding: 60px 0 100px;
}

.cultureBox .whfList .ygList {
  padding-left: 200px;
  padding-bottom: 40px;
}

.cultureBox .whfList .ygList .name {
  position: absolute;
  left: 0;
  font-weight: bold;
}

.cultureBox .whfList .ygList .list {
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #d8d8d8;
}

.cultureBox .whfList .ygList .list:last-child {
  margin: 0;
}

.cultureBox .whfList .ygList .list .ftTitle {
  font-size: 24px;
  font-weight: bold;
}

.cultureBox .whfList .ygList .list .itemBox {
  display: none;
}

.cultureBox .whfList .ygList .list .itemBox .item {
  padding-top: 30px;
  width: 48%;
}

.cultureBox .whfList .ygList .list .itemBox .item .sTitle {
  font-size: 18px;
  font-weight: bold;
}

.cultureBox .whfList .txt {
  padding-top: 10px;
}

.cultureBox .whfList .btns {
  right: 0;
  top: 2px
}

.cultureBox .whfList .btns>div {
  width: 36px;
  height: 36px;
  line-height: 34px;
  text-align: center;
  font-size: 20px;
  border-radius: 100%;
  display: none;
}

.cultureBox .whfList .btns>div.minus {
  background: #C39639;
  color: #fff;
}

.cultureBox .whfList .btns>div.add {
  border: 1px solid #d8d8d8;
  display: block;
}


/* 企业文化确认版 */
.cultureBoxv1 .cList {
  border-radius: 8px;
  padding: 40px;
  border: 1px solid #D8D8D8;
  margin-top: 40px;
}

.cultureBoxv1 .cList1 {}

.cultureBoxv1 .imgs {
  width: 268px;
}

.cultureBoxv1 .imgs.imgs1 {
  width: 480px;
}

.cultureBoxv1 .imgs img {
  width: 100%;
}

.cultureBoxv1 .txtBox_in {
  flex-wrap: wrap;
  margin-top: -30px;
}

.cultureBoxv1 .txtBox_in .li {
  width: 40%;
  margin-top: 30px;
}

.cultureBoxv1 .cList1 .txtBox_in .li {
  margin-top: 0;
}

.cultureBoxv1 .cList1 .txtBox_in .li .li_in {
  margin-top: 30px;
}

.cultureBoxv1 .txtBox {
  padding-left: 8%;
  flex: 1;
}

.cultureBoxv1 .txtBox .name {
  font-size: 24px;
  padding-bottom: 8px;
}

.cultureBoxv1 .txtBox .whTxt {
  font-size: 16px;
  color: #666;
}

.cultureBoxv1 .cvItem2 .txtBox .whTxt {
  font-size: 16px;
}

.cultureBoxv1 .sTitle {
  font-size: 24px;
  padding-bottom: 18px;
  line-height: 1;
}

.cultureBoxv1 .cvItem2 .txtBox .li .whTxt p {
  margin-bottom: 16px;
}

.cultureBoxv1 .hr_color {
  color: #F99D35;
}

/* mLeft */
.mNavBox {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 303;
  transform: translateX(90%);
  opacity: 0.5;
  visibility: hidden;
}

.mNavBox.active {
  opacity: 1;
  transform: none;
  visibility: visible;
}

.mNavBox_in {
  height: 100%;
}

.mNavBox .mtop {
  height: 44px;
  box-shadow: inset 0px -1px 0px 0px #E8E8E8;
}

.mNavBox .mtop .mlogo {
  height: 30px;
  margin-left: 16px;
}

.mNavBox .mtop .mlogo a {
  display: block;
  height: 100%;
}

.mNavBox .mtop img {
  height: 100%;
}

.mNavBox .mtop .mCloseNavBtn {
  margin-right: 16px;
  width: 24px;
  height: 24px;
}

.mNavBox .mtop .mCloseNavBtn i {
  font-size: 24px;
  line-height: 1;
}

.mNavList {
  padding: 20px 0 0px;
  height: calc(100% - 56px);
  overflow: auto;
}

.mNavList .m_a1 {
  font-size: 18px;
  padding: 18px 16px 18px 18px;
}

.mNavList .m_a2 {
  color: #5a5a5a;
  font-size: 16px;
  padding: 14px 16px 14px 24px;
}

.mNavList .m_a3 {
  color: #9e9e9e;
  font-size: 14px;
  padding: 12px 16px 12px 24px;
}

.mNavList a i {
  font-size: 12px;
  color: #333;
  font-weight: bold;
}

.mNavList a.active i {
  color: #C39639;
}

.mNavList a.active i {
  transform: rotateZ(180deg);
}

.mNavList .cmItemBox,
.mNavList .mItem ul {
  display: none;
  padding: 10px 0;
  background: #fafafa;
}

.mNavList .m_a1.active~.cmItemBox {
  display: block;
}

.mNavList .mItem .m_a2.active~ul {
  display: block;
}

.mNavList a.active,
.mNavList i,
.ejcompany_profile .item3 .pMore a i,
.flinkListBox a:hover,
.ejFooterMian .fNav .item ul li a:hover,
.ejcompany_profile .item3 .pMore a:hover {
  color: #C39639;
}

/* detail */
.beerDetailPage {
  width: 880px;
  margin: 0 auto;
}

.beerDetailPage .title {
  line-height: 1.4
}

.beerDetailPage .dtData {
  margin: 24px 0 28px;
  padding-bottom: 20px;
  border-bottom: 1px solid #dcdcdc;
}

.beerDetailPage .dtData span {
  color: #666;
  font-size: 14px;
  margin-right: 20px
}

.preAndNextPage {
  margin-top: 40px;
  padding-top: 20px;
  border-top: 1px solid #dcdcdc;
  flex-wrap: wrap;
}

.preAndNextPage .rqpreNext {
  display: block;
  overflow: hidden;
}

.preAndNextPage .goBackList {
  width: 166px;
  color: #fff;
  height: 46px;
  border-radius: 4px;
  background: #C6972F;
}

.preAndNextPage .goBackList span {
  line-height: 1;
}

/* goback */
.goTopBtn_in {
  width: 100%;
  height: 40px;
  background-color: #f2f2f2;
  line-height: 40px;
  text-align: center;
  color: #666;
  font-size: 12px;
}

/* 采购合作指南 */
.cgHandbook .list {
  margin-top: 24px;
  padding: 40px 0;
}
.cgHandbook .list .cgimgs {
  width: 96px;
  margin: 0 106px 0 80px;
}
.cgHandbook .list .cgimgs img {
  max-width: 100%;
}
.cgHandbook .list .cgRight,.cgHandbook .list .cgRight .t {
  flex: 1;
}
.cgHandbook .list .cgRight .hr_desc {
  margin-top: 20px;
}
.cgHandbook .list .cgRight .cgTitleBox{ align-items: baseline; } 
.cgHandbook .list .cgRight i{ color: #C39639; }
.cgHandbook .list .cgRight a:hover{ color: #C39639; }
.cgHandbook .list .cgRight a{ margin-left: 48px; }

/*廉洁合规承诺书*/
.ljLetter .letter_in{ margin-top: -24px; flex-wrap: wrap; }
.ljLetter .letter_in .list{ margin-top: 24px; 
  width: calc(50% - 12px); padding:32px;
  background: linear-gradient(90deg, #FAFAFA 0%, rgba(250, 250, 250, 0) 100%);
}
.ljLetter .letter_in .list .n{
  width: 58px;
  font-size: 56px;
  line-height: 1;
  font-weight: 600;
  letter-spacing: 0px;
  font-variation-settings: "opsz" auto;
  color: #E5E5E5;
}
.ljLetter .letter_in .list .hr_desc{ flex: 1; padding-left: 16px; }
.ljEmailContainer{ padding:103px 0; 
  border-radius: 4px;
}
.ljEmailContainer_in{ margin-left: 60px;
  width: 817px;background-color: #FAFAFA; padding:60px 89px 68px 60px;
}
.emailListOut{ margin-top: -8px; }
.emailListOut .emailList{ margin-top: 48px; }
.emailListOut .emailList .eImg{ width: 28px; }
.emailListOut .emailList .eImg img{ width: 100%; }
.emailListOut .emailList .eAddr{ flex: 1; padding-left: 16px; }
.emailListOut .emailList .eAddr .addr{ padding-bottom: 8px; }
.ljEmailContainer_in{ background-repeat: no-repeat; background-size: 198px auto; 
  background-position: -50px -60px;
}
/* 华润啤酒供应商准则 */
.supplierIntro{ margin-top: 40px; }
.supplierIntro_in .imgsBox{ width: 590px; }
.supplierIntro_in .imgsBox .imgFix{ padding-bottom: 74.74%; }
.supplierIntro_in .imgsBox .imgFix_in{ border-radius: 4px; overflow: hidden; }
.supplierIntro_in .supplierIntroTabBox{ flex: 1; overflow: hidden; 
  padding-right: 100px;
}
.supplierIntroList{ width: 100%; border-bottom: 1px solid #D8D8D8; }
.supplierIntroList  .swiper-wrapper{ justify-content: space-between; }
.supplierIntroList .swiper-slide{ cursor: pointer;
  width: auto; padding-bottom: 18px; font-size:24px; position: relative;
}
.supplierIntroList .swiper-slide.swiper-slide-thumb-active{
  color: #C39639;
}
.supplierIntroList .swiper-slide:after{
  content: ""; position: absolute; bottom: 0; width: 100%; left: 0; height: 2px; background: #C39639;
  opacity: 0;
}
.supplierIntroList .swiper-slide.swiper-slide-thumb-active:after{
  opacity: 1;
}
.supplierIntro_top{ padding-top: 40px; }
.supplierComtainer .cLis1{ margin-top: 40px; background: #FAFAFA;}
.supplierComtainer .cLis2{ background-color: #FBFBFB; 
  background-position: right bottom; background-repeat: no-repeat;
  background-size: 60% auto;
}
.supItem .cTct{ padding-top: 24px; padding-bottom: 40px;}
.supplierComtainer .cLis1 ul{
  flex-wrap: wrap; margin-top: -24px;
}
.supplierComtainer .cLis1 ul li{
  width: calc(50% - 12px); margin-top: 24px; background-color: #fff;
  padding:40px;
}
.supplierComtainer .cLis1 ul li .li_in{
  position: relative; padding-left: 72px;
}
.supplierComtainer .cLis1 ul li .li_in .n{
  font-size:60px; font-weight: bold; color: #e5e5e5;
  position: absolute; left: 0; top: 0; line-height: 1;
}
.supplierComtainer .cLis1 ul li .li_in .img{ height: 64px; }
.supplierComtainer .cLis1 ul li .li_in .img img{ height: 100%; }
.supplierComtainer .cLis1 ul li .li_in .name{ margin-top: 20px; 
  font-size:24px;
}
.supplierComtainer .cLis1 ul li .li_in .hr_desc{ padding-top: 16px; color: #666; }
.cLis2Swiper .cLis2SwiperList{ width: 350px; }
.cLis2Swiper_top{ flex: 1; margin-left: 50px; 
  background-color: #fff; 
  background-position: right top;
  background-image: url(../image/pcRightBg.png);
  background-repeat: no-repeat;
  background-size: 200px auto;
}
.cLis2Swiper_top .swiper-slide{
  padding:60px; width: 100%;
}
.cLis2Swiper_top .cBox .imgs{ height: 84px; }
.cLis2Swiper_top .cBox .imgs img{ height: 100%; }
.cLis2Swiper_top .cBox .name{ margin:20px 0 16px; 
  font-size:24px;
}
.cLis2Swiper_top .cBox .hr_desc{ color: #666; }
.cLis2SwiperList .swiper-slide{ height: auto; cursor: pointer;
  color: #666; font-size:20px;
}
.cLis2SwiperList .swiper-slide.swiper-slide-thumb-active{ color: #C39639; }
.supItem3{ margin-top: 56px; }
.supItem3Comtainer .imgs{
  width: 586px;
}
.supItem3Comtainer .imgs .imgFix{
  padding-bottom: 130.54%; 
}
.supItem3Comtainer .imgs .imgFix_in{ border-radius: 4px; overflow: hidden; }
.supItem3Comtainer .supItem3Right{ flex: 1; margin-left: 146px; }
.supItemListPub .list{ margin-top: 40px; }
.supItemListPub .list:first-child{ margin-top: 0;}
.supItemListPub .pTitle{ font-size:24px; }
.supItemListPub .pTitle img{ width: 48px; margin-right: 12px; }
.supItemListPub .hr_desc{ padding-top: 12px; }
.supItem4Comtainer .sup4List1 .img{ width: 586px; }
.supItem4Comtainer .sup4List1 .img .imgFix{ padding-bottom: 82.423%; }
.supItem4Comtainer .sup4List1 .img .imgFix_in{ overflow: hidden;  
  border-radius: 100px 0px 100px 0px;
}
.supItem4Comtainer .sup4List1 .supItem4Left{ flex: 1; margin-right: 146px; }
.supItem4Comtainer .sup4List2 .list{ margin-top: 40px; }
.supItem4Comtainer ul{margin-top: 16px;}
.supItem4Comtainer ul li{ width: calc(100%/4 - 18px); padding:28px;
  border-radius: 80px 8px 8px 8px;
  opacity: 1;
  background: #FAFAFA;
}
.supItem4Comtainer ul li .imgs{
  width: 72px; height: 72px; text-align: center; margin: 0 auto;
}
.supItem4Comtainer ul li .imgs img{ max-width: 100%; max-height: 100%; }
.supItem4Comtainer ul li .txt{ padding-top: 12px; }
.supContactWay .imgs{ position: absolute; width: 58%; height: 100%; border-radius: 4px;}
.supContactWay .imgs img{ display: none; border-radius: 4px; }
.supContactWay_in{ padding:64px 0; }
.supContactWay_cc{ width: 830px; background: rgba(255,255,255,.9); padding:60px 60px 110px; }
.supContactWay_cc .txt{ padding-top: 40px; }
.supItem6 .supContactWay .imgs{ right: 0; }
.supItem6 .supContactWay .aout{ margin-top: 40px; padding:28px 40px; 
  border-radius: 8px;
  background: #FAFAFA;
}
.supItem6 .supContactWay .aout .l img{ height: 56px; }
.supItem6 .supContactWay .aout .r img{ height:40px;}
.supItem6 .supContactWay .aout span{ color: #C39639; font-size:20px; }
.supItem6 .supContactWay .aout .x{ margin:0 32px; height: 65px; 
  background: #D8D8D8; width: 1px;
}