@keyframes more1{
	0%{ transform:translateX(-95px); }
	100%{  transform:translateX(0); }
}
@keyframes bb{
	0%{transform:translate(0,0);opacity:0;}
	20%{transform:translate(0,3px);opacity:1;}
	80%{transform:translate(0,10px);opacity:1;}
	90%{transform:translate(0,10px);opacity:0;}
	100%{transform:translate(0,10px);opacity:0;}
}
@font-face {
	font-family: 'Impact';
	src:url(../font/Impact.ttf),url('../font/Impact.ttf?#iefix') format('embedded-opentype');
}
@font-face {
	font-family: 'Ddin';
	src:url(../font/Impact.ttf),url('../font/D-DIN-Bold.ttf?#iefix') format('embedded-opentype');
}
@font-face {
	font-family: 'HYCuSongJ';
	src:url(../font/HYCuSongJ.ttf),url('../font/HYCuSongJ.ttf?#iefix') format('embedded-opentype');
}
@font-face {
	font-family: 'DDINExp';
	src:url(../font/D-DINExp.ttf),url('../font/D-DINExp.ttf?#iefix') format('embedded-opentype');
}
/* .ybzhiti{ font-family: Impact!important;} */
.ybzhiti{ font-family: DDINExp!important;}
* a:hover{ color:#018E64; }
.scrollbot-scrollbar-holder{background-color:#F3F8F6!important;}
.scrollbot-scrollbar{ background-color:#018E64!important; }
.scrollbot-outer-parent{ z-index:20!important; }
.mCSB_scrollTools{ width: 8px!important; }
.mCSB_scrollTools .mCSB_draggerRail{background-color: #F3F8F6!important; width: 5px!important;}
.historyRBox .mCSB_scrollTools .mCSB_draggerRail{background-color: #ebebeb!important; width: 5px!important;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background: #018E64!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; height: 48px; width: 48px; overflow: hidden;
  line-height: 48px; text-align: center; padding:0; color: #666;
}
.z-page .crc-pub-page { padding:40px 0 0; }
.z-page .crc-pub-page-text{ height:48px; width: 100px; }
.z-page .crc-pub-page-span{ color: #666; }
.z-page .crc-pub-page-sel { border:1px solid #F99C34; background:#F99C34; color:#fff!important; }
.z-page .crc-pub-page-enter,.z-page .crc-pub-page-enter:hover,.z-page .crc-pub-page-next:hover { color:#fff!important; background:#F99C34; }
.z-page .crc-pub-page-num:hover { border-color:#F99C34!important; background: #F99C34; color:#fff!important; }
.z-page .crc-pub-page-prev,.z-page .crc-pub-page-next,.z-page .crc-pub-page-enter{
  width: 100px;
}
.ts{ 
	transition:all ease 0.4s; 
	-webkit-transition:all ease 0.4s; 
	-o-transition:all ease 0.4s; 
	-moz-transition:all ease 0.4s; 
}
.ts1{ 
	transition:all ease 1s; 
	-webkit-transition:all ease 1s; 
	-o-transition:all ease 1s; 
	-moz-transition:all ease 1s; 
}
.tsout4{ 
	-webkit-transition: all .4s ease-out 0s;
	-moz-transition: all .4s ease-out 0s;
	-o-transition: all .4s ease-out 0s;
	transition: all .4s ease-out 0s;
}
.iBox{ display:inline-block; overflow:hidden; }
.testBg{ background: #666; }

.dfcl{ color: #018E64;  }
.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;
  transform: translateZ(0);
	z-index: 1;
	overflow: auto;
	outline: none;
}
.body_b.showdiv{
	top: 0;
}
.bbBox { width: 100%; left: 0; top: 58%; z-index: 1; }
.body_home .bb {
	text-align: center;
	color: #fff;
	font-size: 16px;
	font-family: icon;	
}
.body_home .bb .bbBtn{	cursor: pointer; 
  animation: bb 2s linear 0s infinite;
  font-weight: bold;
}
.body_home .bb .bbBtn i{ width: 18px; height: 30px; margin-right: 20px; border:2px solid #fff; border-radius: 10px; position: relative;}
.body_home .bb .bbBtn i:after{
  content: ""; width: 2px; height: 10px; background: #018E64; position: absolute; top: 5px; left: 50%; margin-left: -1px;
}
.body_home .topHeader{
  transform: translateY(-48px);
  background-color: #fff;
}
.body_home.showdiv .topHeader { 
  transform: none;
  background: linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0));
  box-shadow: none;
}
.body_home.showdiv .topHeader .ejMenuBox a{ color: #fff; }
.body_home.showdiv .topitem,.body_home.showdiv .topitem a { color: #fff;}

.c6{ color: #666;}
.c9{ color: #999;}
.cf{ color: #fff;}
.position_r{ position: relative;}
.position_a{ position:absolute;}
.pcshow{display: block; }
.mshow{ display: none;}
.bg_nor{ background-repeat: no-repeat!important;}
.fb{ font-weight: bold; }
.fs48{ font-size:48px; }
.fs40{ font-size:40px; }
.fs32{ font-size:32px; }
.fs24{ font-size:24px;}
.fs20{ font-size:20px;}
.fs18{ font-size:18px;}
.fs16{ font-size:16px;}
.fs14{ font-size:14px;}
.fullImg{ display: flex; justify-content: center; align-items: center;overflow: hidden;
  flex: 0 0 auto;  /* IE */
  object-fit: scale-down; /* FF */
}
.fullImg img{ max-width: 100%; max-height: 100%;
  flex: 0 0 auto;  /* IE */
  object-fit: scale-down; /* FF */
}
.brandSwiperBox .fullImg{width: 100%; height: 100%;}
.dflex1{ display: flex; justify-content:flex-start; }
.dflex2{ display: flex; justify-content:flex-end; }
.dflex3{ display: flex; justify-content:center; }
.dflex4{ display: flex; justify-content:space-between; }
.dflex5{ display: flex; justify-content:space-around; }
.dflexItem1{ align-items:flex-start; }
.dflexItem2{ align-items:flex-end; }
.dflexItem3{ align-items:center; }
.dflexItem4{ align-items:baseline; }
.dflexItem5{ align-items:stretch; }
.dfReverse{ flex-direction: row-reverse; }
.mshow{ display: none; }
.pcshow{ display: block;}
.pt120{ padding-top:120px; }
.p120{ padding:120px 0;}
.p80{ padding:80px 0 120px;}
.ybaBg{  background-position: center; background-repeat: no-repeat; background-size: cover;}
.txt{ line-height: 2; text-align: justify;}
.txt img{ max-width: 100%!important; }

/* indexbanner */

/* 首页动效 */
.indexItem2 .ybContainer_in{ opacity: 0;transition: all 1s ease-out 0.2s; transform: translate(0px, 60px); }

.indexResponsibility .list .swiper-slide{ opacity: 0;transition: all 0.8s ease-out 0.2s; transform: translate(0px, -60px); }


.indexResponsibility .list .swiper-slide:nth-child(2n){
  transform: translate(0px, 60px);
  transition: all 1s ease-out 0.2s;
}
.indexItem5 .index_animation{
  opacity: 0;
  transform: translate(0px, -20px);
  transition: all 0.1s ease-out 0.2s;
}
.indexItem5 .index_animation:nth-child(2){
  transition: all 0.4s ease-out 0.2s;
  transition-delay:0.2s;
}
.indexItem5 .index_animation:nth-child(3){
  transition: all 0.4s ease-out 0.2s;
  transition-delay:0.4s;
}
.indexItem5 .index_animation:nth-child(4){
  transition: all 0.4s ease-out 0.2s;
  transition-delay:0.6s;
}
.indexItem5 .index_animation:nth-child(5){
  transition: all 0.4s ease-out 0.2s;
  transition-delay:0.8s;
}

.indexItem2.showdiv .ybContainer_in{ 
  opacity: 1; transform: none; 
}

/* 首页动效 end */

.ejIndexBanner .swiper-container {
  width: 100%;
  height: 100%;
}

.ejIndexBanner .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.ejIndexBanner .swiper-pagination-bullet {
  width: 48px;
  height: 4px;
  background-color: rgba(255, 255, 255, 0.6);
  color: #fff;
  opacity: 1;
  position: relative;
  display: inline-block;
  line-height: 40px;
  border-radius: 0;
}

.ejIndexBanner .swiper-pagination-bullet:after {
  content: '';
  height: 1px;
  background: #fff;
  width: 0;
  transition: all ease 0.4s;
  vertical-align: middle;
}

.ejIndexBanner .swiper-pagination-bullet-active.swiper-pagination-bullet:after {
  width: 48px;
  display: inline-block;
  margin: 0 10px 0 8px;
  display: none;
}

.ejIndexBanner .swiper-pagination-bullet-active {
  font-size: 24px;
  background-color: rgba(255, 255, 255, 1);
}

.ejIndexBanner .swiper-container-horizontal>.swiper-pagination-bullets,
.ejIndexBanner .swiper-pagination-custom,
.ejIndexBanner .swiper-pagination-fraction {
  right: 0;
  width: 1180px;
  margin: 0 auto;
  text-align: center;
  bottom: 40px;
}
.ejIndexBanner .indexBg{width: 100%; height: 100%;overflow: hidden;}
/* indexbanner end */



.ybContainer{width: 1180px; margin:0 auto;  }
.ybContainer_in{ width: 100%; }
.w100{ width: 100%; }
.ybSingle{ overflow: hidden; width: 100%;}
.ybSingle img{ max-width: 100%!important; height: auto!important;}
.moveBorder{ position: relative; }
.moveBorder:after{ transition: all ease-in-out 0.4s;
  content: ""; width: 0; background-color: #018E64; height: 2px;
  position: absolute; left: 0; bottom: 0;
}
/* .moveBorder:hover:after{ width: 100%;} */
.ybvideoList .item .moveBorder:hover:after{width: 100%;}
.imgsFix{ width: 100%; padding-bottom:100%; position: relative;}
.imgsFix .imgsFix_in{position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden;}
.popContainer .imgsFix .imgsFix_in{padding:20px;}
.imgsFix .imgsFix_in .fullImg{ width: 100%; height: 100%; }
.whiteBg{ background-color: #fff; position: relative;}
.whiteBg::before{ content: ""; background-color: #fff; width: 200%; position: absolute; top: 0; left: -50%; 
  height: 100%; z-index: -1;
}
.whiteBg .topMenu *{ color: #333!important; }
.whiteBg .topMenu .onlineMall a i{ color: #fff!important; }

.body_home .wLogo,.pageBody .topHeader .wLogo{ display: none; }
.body_home.showdiv .wLogo{ display: block; }
.body_home .bLogo{ display: block; }
.body_home.showdiv .bLogo{ display: none; }
.ybSingleBox{ width: 100%; overflow: hidden; }
.ybSingleBox img{ max-width: 100%; }

.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: 60px; box-shadow: inset 0px -1px 0px 0px #E8E8E8; }
.mNavBox .mtop .mlogo{ height: 40px; 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; color: #666; line-height: 1; }
.mNavList{ padding:20px 16px 40px; height: calc(100% - 140px); overflow: auto; }
.mNavList a{ height: 40px; line-height: 40px; }
.mNavList .m_a1{ font-size:18px;box-shadow: inset 0px -1px 0px 0px #E8E8E8; }
.mNavList .m_a2{ padding-left: 16px; color: #666; font-size:16px; box-shadow: inset 0px -1px 0px 0px #E8E8E8; }
.mNavList .m_a3{ padding-left: 32px; color: #9e9e9e; font-size:14px; }
.mNavFooter{ width: 100%; bottom: 0; left: 0; right: 0; height: 72px; background: #F2F8F8; }
.mNavList a.active i{ transform: rotateZ(180deg);}
.mNavList .mItem,.mNavList .mItem ul{ display: none; }
.mNavList .m_a1.active~.mItem{ display: block;}
.mNavList .mItem .m_a2.active~ul{ display: block;}
.mNavFooter a{ margin-left: 6px; display: inline-block; line-height: 32px; margin-top: 20px; padding:0 10px; background: #fff;  }
.mNavFooter a:first-child{ margin-left: 16px; }
.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: #018E64;
}
.mNavFooter .zhitiTab { padding-right: 16px; }
.mNavFooter .zhitiTab a{ background-color: #018E64; color: #fff; }

/* 首页 */
.ybLogo{ padding-bottom: 10px; }
.ybLogo img{ height: 60px; }
.home{ position: absolute;left: 0; right: 0; top: 0; bottom: 0; overflow: hidden;}
.indexBody{ height: 100%; overflow: hidden; }
.body_home,.ejIndexBanner {height: 100%;}
.topHeader{ height: 128px;  }
.pageBody .topHeader{ background-color: #fff; }
.topMenu{ height: 48px; }
.topMenu .topitem{ margin-left: 20px; cursor: pointer; }
.ejMenuBox { flex: 1; margin-left: 10%; }
.ejMenuBox a{ line-height: 80px; height: 80px; font-weight:bold; position: relative;  }
.ejMenuBox a:after{ content: ""; height: 2px; width: 0; opacity: 0;
   position: absolute; left: 0; bottom: 0; background-color: #018E64; 
   transition: all ease-in-out .4s;
}
.ejMenuBox a.active1{ color: #018E64; }
.ejMenuBox a.active1:after,.ejMenuBox a.active:after, .ejMenuBox a:hover:after{ width: 100%; opacity: 1; }
.ejnav_child {
  top: 100%;
  z-index: 9;
  width: 100%;
  left: 50%;
  transform: translate(-50%,0);
}
.ejnav_child .item {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  width: 640px;
  min-height: 300px;
  box-shadow: 0px 2px 0px 0px rgb(19 123 64 / 80%);
  border-top: 1px solid rgba(0,0,0,0.2);
  z-index: 9;
  background-size: 324px auto;
  background-position: right bottom;
  padding: 40px;
  transform: translateY(50px);
  overflow: hidden;
  background: #fff;
}
.ejnav_child .item.active {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}
.ejnav_child .item .imgs{ width: 240px; height: 160px; overflow: hidden; }
.ejnav_child .item .title{ padding:20px 0 10px; font-weight: bold; }
.ejnav_child .item .txt{ color: #9e9e9e; font-size:14px; }
.ejnav_child .item .imgCon{border-right: 1px solid #f2f2f2; padding-right: 40px; width: 281px;}
.ejnav_child .item .nav_link{ padding-left: 40px; }
.ejnav_child .item .nav_link a{ display: block; margin-bottom: 24px; line-height: 1;}
.topHeader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 20;
  box-shadow: inset 0px -1px 0px 0px #e8e8e8;
  transform: translateY(-48px);
}
.body_page.showdiv .topHeader{ transform: translateY(0); }
.body_b{ padding-top: 128px; background-color: #fff; }
.body_b .indexItem{ padding:120px 0; }

.body_b .indexItem1{ padding-top: 0px; overflow: hidden; }
.brandSwiperBox .gallery-top{ height: 28.917vw; }
.brandSwiperBox .gallery-thumbs { padding-top: 44px; }

.indexItem2  .indexTitleBox,.indexItem2  .indexTitleBox a,.indexItem2  .indexTitleBox a:hover{ 
  color: #fff; 
}

.indexTitleBox{
  font-size: 40px;
  line-height: 40px;
  
}
.indexTitleBox span{ font-weight: bold; }
.indexTitleBox a{ right: 0; font-size:16px; color: #666; vertical-align: middle; }
.indexTitleBox a:hover{ color: #018E64; }
.indexTitleBox a i{  display: inline-block;
line-height: 1; margin-left: 20px; font-size:14px; vertical-align: middle;
}
.indexaBoutUs .indexTitleBox a,.indexaBoutUs .indexTitleBox a:hover{ color: #fff; }
.indexaBoutUs .indexTitleBox a i{ background-color: #fff; color: #666; }



.newsCenter .newsTab{ padding-top: 40px; }
.newsCenter .newsTab .item{ margin:0 20px; padding:20px 40px; 
  background: #F3F8F6; cursor: pointer;
  border-radius: 50px;
}
.newsCenter .newsTab .item i{ line-height: 1; padding-right: 10px; font-size:24px; }
.newsCenter .newsTab .item:hover,.newsCenter .newsTab .item.active{ background-color: #018E64; color: #fff; }
.newsConterner{ padding-top: 40px; }
.yb24935 .newsConterner{ padding:0; }
.yb24935 .newsConterner .item{ margin-top: 0; }
.newsCenter .rightList { flex: 1; flex-wrap: wrap; overflow: hidden; }
.indexItem1.newsCenter .rightList{ margin-top: -38px; }
.newsConterner .item .imgs{ width: 333px; height: 222px; overflow: hidden; display: none; }
.newsConterner .item{ width: calc(50% - 18px); margin-top: 38px; }
/* .newsConterner .item:first-child{ width: 100%; margin:0; }
.newsConterner .item:first-child .imgs{ display: block; }
.newsConterner .item:first-child .imgs img{ display: none; }
.newsConterner .item:first-child .txtBox{ padding-left: 20px; overflow: hidden; } */
.newsConterner .leftImg .item:first-child{ width: 100%; margin:0; height: 100%; }
.newsConterner .item .txtBox .txt{ height: 72px; line-height: 24px; font-size:14px; color: #666; 
  margin-top: 16px;
}
.jzPubNews .ejNews .newsConterner .item{ width: 100%; }
.jzPubNews .ejNews .newsConterner .item .imgs{ display: block; }
.indexItem .more{ 
  margin-top: 36px; font-size:12px; color: #fff; background: #018E64; display: inline-block; 
  border-radius: 24px; width: 32px; height: 24px; text-align: center; line-height: 24px; overflow: hidden;
}
.indexItem  .more span{ color:#fff; overflow: hidden; 
  transform: translateX(-100px);  display: none;
}
.indexItem .more i{ display: inline-block;vertical-align: top; }
.indexBusiness .more i.mshow{ display: none; }
.newsConterner .item .txtBox{ width: 100%; }
.newsConterner .item .txtBox .time{ 
  color: #9e9e9e;  line-height: 1; font-size:16px;
 }
 .newsConterner .item .txtBox .title{ font-weight: bold;margin-top: 20px; font-size:16px; }
.newsCenter .leftImg { width: 500px; padding-right: 20px; }
.newsCenter .leftImg a{  display: block; width: 100%; height: 100%;}
.newsCenter .leftImg .imgs{ width: 100%; height: 100%; display: block; }
.newsCenter .leftImg .imgs .title{ padding:0 20px; bottom: 0; width: 100%;  height: 64px; line-height: 64px; overflow: hidden; 
  background: rgba(0,0,0,0.6); color: #fff; }
.newsCenter .leftImg .txtBox,.newsCenter .leftImg .imgs img{ display: none; }
.indexItem a:hover .more{ width: 98px; }
.indexItem a:hover .more span{ font-size:12px; transform:none; display: inline-block; }


.indexItem1 .newsConterner .leftImg .imgs { height: 75%; }
.indexItem1 .newsConterner .leftImg .imgs .title{ display: none; }
.indexItem1 .newsConterner .leftImg .txtBox{ display: block; border-bottom: 1px solid #e8e8e8; padding-bottom: 16px; }
.indexItem1 .newsConterner .leftImg .txtBox .time,.indexItem1 .newsConterner .leftImg .txtBox .more { display: none; }
.indexItem1 .newsConterner .leftImg .txtBox .title{ margin-top: 16px; }
.indexItem1 .newsConterner .leftImg .txtBox .txt{ margin-top: 12px; height: auto; }

/* 新闻 · 中心 end */

/* 关于 · 我们 */

/* 社会 · 责任 */
.indexResponsibility{ 
  background: #FBF9F7;
}
.indexResponsibility .list{ padding-top: 60px; }
.indexResponsibility .list .item{  border-radius: 8px; background: #fff; overflow: hidden; position: relative; padding-bottom: 60px; 
  transition: all ease-in-out 0.3s;
}
.indexResponsibility .list .item:hover{ transform: translateY(-24px); box-shadow: 0 4px 10px rgba(0,0,0,0.1); }
.indexResponsibility .list .item .imgs{ width: 100%; padding-bottom: 66.66%; }
.indexResponsibility .list .item .imgs .imgs_in{ top: 0; left: 0; height: 100%; width: 100%; }
.indexResponsibility .list .item .imgs a{ width: 100%; height: 100%; }
.indexResponsibility .list .item .imgs a img{ width: 100%; height: 100%; }
.indexResponsibility .list .item .txtBox a{ display: block; padding:40px;}
.indexResponsibility .list .item .txtBox a .title{ margin-bottom: 20px; 
  padding-left: 40px; background-position: left 5px; color: #333;
  background-repeat: no-repeat;
  background-size: auto 24px;
 }
 .indexResponsibility .list .item .txtBox a .txt{ overflow: hidden; }
 .indexResponsibility .list .item .txtBox a .listMore{ position: absolute; bottom: 40px; left: 40px; color: #333; }
 .indexResponsibility .list .item:hover .txtBox a .listMore{ color: #018E64; }
.indexItem5 .ybIndexfastLink a{ border:1px solid #e8e8e8; padding:20px 40px; border-radius: 8px; display: block; transition: all ease-in-out .4s; }
.ybIndexfastLink a .imgs{ width: 64px; height: 64px; margin:0 auto; }
.ybIndexfastLink a .imgs img { width: 100%; }
.ybIndexfastLink a .title{ font-size:20px; padding:12px 10px; text-align: center; color: #333; }
.ybIndexfastLink a .txt{ color: #999; text-align: center; height: 64px;overflow: hidden; }
.indexItem5 .indexfastWay{ padding:16px 10px 10px;}
.indexItem5 .ybIndexfastLink a:hover,.indexItem5 .indexfastWay a:first-child:hover{ box-shadow: 0px 0px 10px rgb(0 0 0 / 10%); transform: translateY(-12px)!important;}
.indexItem5 .indexfastWay a:first-child{ opacity: 1; transform: translate(0px, 0); }

/* ybFooter */
.ybFooter{ background: #0D7E7B; padding-top:80px;}
.ybFooter .footer .fMenu{ width:calc(100% - 220px); }
.ybFooter .footer .fCode { width: 220px; }
.ybFooter .footer .fMenu .ftxt{ width: 260px; }
.ybFooter .footer .fMenu .fmenuList{ width: calc(100% - 260px); padding:0 8%; }
.ybFooter .ftxt .fLogo img{ height: 60px; }
.ybFooter .ftxt { color:#666; }
.ybFooter .ftxt .txt{ padding-top: 20px; }
.ybFooter .ftxt .txt .fItem { margin-top: 20px; }
.ybFooter .ftxt .txt .fItem .icon{ font-size:20px; }
.ybFooter .ftxt .txt .fItem span{ color: #9DC1C0; padding-left: 14px;}
.ybFooter .ftxt .txt .fItem:first-child span{ font-size:20px; font-weight: bold; color: #F99C34; }
.ybFooter .ftxt .txt .fItem.faddr .icon{transform: translateY(4px);}
.ybFooter .fmenuList h3{ padding-bottom: 20px; color: #fff; font-weight: bold; }
.ybFooter .fmenuList .item_a a{ color: #9DC1C0; font-size:14px; margin-bottom: 10px; display:block}
.ybFooter .fmenuList .item_a a:hover{ color: #fff; }
.ybFooter .fmenuList .item{ padding:0; }
.ybFooter .fCode .codeTitle{padding-bottom: 20px; color: #fff; font-weight: bold;}
.ybFooter .fCode .codeTxt{ color: #9DC1C0; }
.ybFooter .fCode .codeList{ padding-top: 20px; }
.ybFooter .fCode .codeList img{ width: 140px; height: auto; }
.ybFooter .fCode .codeList .cItem { margin:0 12px; }
.ybFooter .fCode .codeList i{ line-height: 1; font-size:36px; padding:8px; border-radius: 100%; background: #fff; 
  cursor: pointer;
}
.ybFooter .fCode .cItem:hover i{ color: #fff; background: #018E64; }
.ybFooter .fCode .codeBox {width: 160px; padding:10px 10px 20px; background-image: url(../image/fweixinBg.png);
background-repeat: no-repeat; background-size: 100% 100%; bottom:50px; left: 50%; margin-left: -82px;
transform: translateY(-50px); opacity: 0; visibility: hidden; z-index: -1;
}
.ybFooter .fCode .cItem:last-child .codeBox{ background-image: url(../image/rbgPop.png); left: auto; right: 0; }
.ybFooter .fCode .codeBox .imgs{ width: 140px; height: 140px; margin:0 auto; }
.ybFooter .fCode .codeBox img{ width: 100%; }
.ybFooter .fCode .codeBox .cTxt{ font-size:12px; line-height: 20px; padding: 4px 10px 0; }
.ybFooter .fCode .cItem:hover .codeBox{ transform: none; opacity: 1; visibility: visible; z-index: 2; }

.ybCopyRight{ padding:20px 0; margin-top: 80px; font-size:14px; background: #0A6462; color: #4E8F8C; }
.ybCopyRight a{ font-size:14px; color: #4E8F8C; }
.ybCopyRight a:hover{ color: #fff;}
.ybCopyRight .copyLink{ display: inline-block; margin-left: 60px; }
.ybCopyRight .c6{ color: #4E8F8C; }

/* 公司简介 */
.ybOutContainer{ padding-top: 128px; }
.ybBanner{ width: 100%; overflow: hidden; }
.ybBanner img{ width: 100%; height: auto; }
.ybBanner .ybContainer{ height: 100%; left: 0; top: 0; right: 0; bottom: 0; padding-bottom: 6%; }
.ybBannerTxt{ width: 100%; height: 100%; }
.ybBannerTxt_in ul{ flex-wrap: wrap; width: 364px; padding-top: 16px; }
.ybBannerTxt_in ul.aboutUs{ width: 440px; }
.ybBannerTxt_in ul li{ width: 33.33%; margin-top: 24px; }
.ybBannerTxt_in ul.aboutUs li{ width: 25%;}
.ybBannerTxt_in ul li a{ color: rgba(255,255,255,0.7); font-size:20px; line-height: 1; }
.ybBannerTxt_in ul li.active a,.ybBannerTxt_in ul li a:hover{ border-bottom: 1px solid #fff; color: rgba(255,255,255,1); }
.ybBannerTxt_in .name{ font-size:48px; font-weight: bold; line-height: 1; }
.ybBanner .ybContainer_in{ height: 100%; }
.ybmNav{ height: 60px; width: 100%; display: none;
  background: #F2F8F8;
  box-shadow: inset 0px -1px 0px 0px #F4F4F4;
}
.ybmNav .item{ padding:0 30px; }
.ybmNav .item a{ position: relative; display: block; line-height: 60px; color: #666; font-size:16px; }
.ybmNav .item a:after{ content: ""; bottom: 0; position: absolute; 
  height: 2px; background-color: #018E64; left: 0; width: 0; transition: all ease-in-out 0.4s;
  opacity: 0;
}
.ybmNav .item a:hover:after,.ybmNav .item.active a:after{width: 100%; opacity: 1;}
.ybmNav .item.active a,.ybmNav .item a:hover{ color: #018E64; }
.ybPageContainer .ybToptitle{ font-size:40px; padding-bottom: 64px; font-weight: bold; }
.ybCompany .txt{ padding:0 100px 80px; }
.ybCompany .list{ padding:0 100px; display: none; }
.ybCompany .list .imgs{ width: 120px; height: 120px; overflow: hidden; margin:0 auto; }
.ybCompany .list .imgs img{ width: 100%; height: 100%; }
.ybCompany .list .name{ padding:40px 0 20px; text-align: center; }
.ybCompany .list .numBox{ text-align: center; }
.ybCompany .list .numBox .num{ font-size:48px; line-height:1; }
.ybCompany .listTxt{ padding:40px 0 120px; display: none;}
.ybCfooterImgs{ width: 100%; }
.ybCfooterImgs img{ width: 100%; }

/* 发展历程 */
.ybHistoryList{ padding:120px 100px 0; background-size: auto 25vw; background-position: top center; }
.ybHistoryList_in{ width: 100%; overflow: hidden; }
.ybHistoryList_in .ybHistory_swiper {overflow: inherit;}
.ybHistoryList_in::before{ content: ""; position: absolute;
  width: 100%; border-top: 1px solid #fff; top: 86px; left: 0;
}
.ybHistory .topinfo { height: 100px; width: 100%; }
.ybHistory .topinfo .h_dian{ padding:6px; background-color: rgba(255, 255, 255, 0); width: 28px; height: 28px; border-radius: 100%; bottom: 0; left: 50%; margin-left: -12px; }
.ybHistory .bb-sel .topinfo .h_dian{ background-color: rgba(255, 255, 255, 0.5); }
.ybHistory .topinfo .h_dian .h_dian_in{ background-color: #fff; width: 100%; height: 100%; border-radius: 100%; }
.ybHistory .year{ font-size:40px; color:#a6c8b6; cursor: pointer;}
.ybHistory .year{ transition: all ease-in-out 0.4s; }
.ybHistory .bb-sel .topinfo .year,.ybHistory .year:hover{ color: #fff; transform: scale(1.2); }
.ybHistory .imgs{ margin-top: 40px; padding-bottom: 66.66%; overflow: hidden; border-radius: 8px; background-color: #fff; }
.ybHistory .imgs .imgs_in{ top: 0; left: 0; width: 100%; height:100%; }
.imgs_in_swiper { width: 100%; height: 100%;}
.ybHistoryList_in .txtBox { padding-left: 24px; margin-top: 20px; width: 100%; }
.ybHistoryList_in .txtBox i{ position: absolute; left: 0; top: 6px; color: #666; font-size:14px; }
.ybHistory .imgs_swiper { width: 100%; height: 100%; }
.ybHistory .imgs_swiper .swiper-pagination-bullet { opacity: 0.8;background-color: #018E64; border:2px solid #fff; }
.ybHistory .imgs_swiper .swiper-pagination-bullet-active { background-color: #018E64; border:none; opacity: 1; }
.ybHistory .imgs_swiper .swiper-pagination{ text-align: right; padding-right: 16px; }
.ybHistoryList_btn{ width: 100%; }
.ybHistoryList_btn .swiper-button-prev, .ybHistoryList_btn .swiper-button-next{
  top: 62px; width: 48px; height: 48px; background: none; margin:0;
}
.ybHistoryList_btn .swiper-button-prev{ left: 0;}
.ybHistoryList_btn .swiper-button-next{ right: 0;}
.ybHistoryList_btn .h_btn i{ line-height: 1; font-size:48px; background: #fff; border-radius: 100%; }
/* 资质荣誉 */
.yb22837,.yb24648{ background: url(../image/yb-about-horon-bg.jpg) no-repeat top center / auto 480px; }
.ybHonor .ybHonorImgs { background-image: url(../image/yb-about-honor-bg.jpg); padding:36px 0 120px; }
.ybHonor .ybHonorImgs img{ max-width: 100%; }
.ybHonor .ybSingle{ padding-top: 80px; }
.ybHonorList{ width: 100%; overflow: hidden; }
.ybHonorList:after{ content: ""; height: 100%; width: 1px; background: #E8E8E8; left: 50%; top: 0; 
  position: absolute;
}
.ybHonorList .list{ padding: 40px 0; display: flex;}
.ybHonorList .list .item{ width: 50%; padding-right: 80px; }
.ybHonorList .list .item:after{content: ""; position: absolute; width: 34px; height: 34px; background: #018E64; 
right: -17px; top: 8px; z-index: 10; border-radius: 100%; opacity: 0.2;
}
.ybHonorList .list .item::before{ content: ""; position: absolute; border-radius: 100%; 
  width: 24px; height: 24px; background: #018E64; right: -12px; top: 13px; z-index: 9;
}
.ybHonorList .list .item_in{ width: 100%; background: #F3F8F6; overflow: hidden; border-radius: 8px; }
.ybHonorList .list .item .title{ 
  text-align: right; background: #018E64; color: #fff; padding:14px 20px; line-height: 1; font-size: 20px;  
  display: flex; justify-content: flex-end; align-items: center;
}
.ybHonorList .list .item .title img{ height: 40px; margin-left: 20px; }
.ybHonorList .list .item .txt{ overflow: hidden; overflow: hidden; color: #666!important; padding:20px; text-align: right!important; }
.ybHonorList .list .item .txt img{ max-width: 100%; }
.ybHonorList .list .item .txt li{ position: relative; margin-bottom: 20px; padding-right: 20px; }
.ybHonorList .list .item .txt li:after{content: ""; position: absolute; right: 0; top: 14px; width: 6px;height: 6px;
   background-color: #999; border-radius: 100%; 
}  
.ybHonorList .list .item .txt li:last-child{ margin-bottom: 0; }
.ybHonorList .list:nth-child(2n){ justify-content: flex-end; }
.ybHonorList .list:nth-child(2n) .item{ padding-left: 80px; padding-right: 0;}
.ybHonorList .list:nth-child(2n) .item .txt{ text-align: left!important; }
.ybHonorList .list:nth-child(2n) .item .title{ flex-direction: row-reverse; }
.ybHonorList .list:nth-child(2n) .item .title img{ margin-left: 0; margin-right: 20px; }
.ybHonorList .list:nth-child(2n) .item:after{right: auto; left: -17px;}
.ybHonorList .list:nth-child(2n) .item:before{ right:auto; left: -12px;}
.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:last-child{ padding-bottom: 0; }
/* 新闻动态 */
.ejNewsTop .topImgs{ width: 460px; height: 306px; overflow: hidden;}
.ejNewsTop .topTxt{ width: calc(100% - 460px);
  box-shadow: inset 0px -4px 0px 0px #E8E8E8;
  border: 1px solid #E8E8E8;
}
.ejNewsTop .topTxt a{ width: 100%; padding:20px 40px;}
.ejNewsTop .topTxt a .topTxt_in{ width: 100%;}
.ejNewsTop .time{ font-size:24px; line-height: 1;}
.ejNewsTop .title { padding:20px 0 16px; font-size:20px; line-height: 1;}
.ejNewsTop a:hover img{ transform: scale(1.1);}
.yb24935 .ejNewsBox{ padding-top: 40px;}
.ybHonor .ejNewsBox{ padding-top: 0; }
.ybHonor .ejNewsBox .item:first-child{ margin-top: 0; }
.ejNewsBox .item a{ position: relative; padding:32px 20px;box-shadow: inset 0px -1px 0px 0px #F6F6F6; 
  transition: all ease-in-out 0.1s;
}
.ejNewsBox .item .timeBox{ width: 100px;height: 100px; margin-left: 40px;background: #018E64;}
.ejNewsBox .item a:hover{
  background: #018E64;
}
.ejNewsBox .item a:hover .title,.ejNewsBox .item a:hover .txt{ color: #fff; }
.ejNewsBox .item .d{ font-size:32px; line-height: 1; padding:20px 0 12px; color: #fff; }
.ejNewsBox .item .y{ line-height: 1; color: #fff;}
.ejNewsBox .item a:hover .timeBox{ background: #fff; }
.ejNewsBox .item a:hover .timeBox .d,.ejNewsBox .item a:hover .timeBox .y{ color: #018E64; }
.ejNewsBox .item .imgs{ width: 240px; height: 160px; overflow: hidden; margin-right: 40px; border-radius: 8px;}
.ejNewsBox .item .imgs img{ display: none; }
.ejNewsBox .item .dfReverse .imgs{ margin-left: 40px; margin-right: auto; }
.ejNewsBox .item .txtBox{ flex: 1; overflow: hidden; display: block; }
.ejNewsBox .item .title{ padding-bottom: 20px; line-height: 1.4; }
.mej_time{ display: none; color: #666; padding-bottom: 10px; font-size:14px;  }
.ejNewsBox .item .txtBox .mTime{ color: #018E64; }
/* 精彩活动 */
.ybactivityBox .topItem{ background: rgba(0,0,0,0.2); height: 480px;
  border-radius: 8px; overflow: hidden;;
}
.ybactivityBox .topItem:after{ content: "";
  width: 100%; height: 100%; background: rgba(0,0,0,0.2); position: absolute; z-index: 1;
  left: 0; top: 0; bottom: 0; right: 0;
}
.ybactivityBox .topItem img{ width: 100%;border-radius: 8px 8px 0px 0px; }
.ybactivityBox .topItem a{z-index: 2; display: block; width: 100%; height: 100%; top: 0 ;left: 0; border-radius: 8px 8px 0px 0px; }
.ybactivityBox .topItem a>div{ width: 100%; height: 100%; border-radius: 8px 8px 0px 0px; }
.ybactivityBox .topItem  .topItem_in {padding: 0 100px; width: 60%; }
.ybactivityBox .topItem  .topItem_in .txt{ padding:20px 0 40px; }
.ybactivityBox .topItem .activityMore i{ line-height:1; background-color: #fff; color: #666; font-size:12px; border-radius: 100%; padding:14px; margin-left: 10px; }
.ybactivityBox .list{ flex-wrap: wrap; }
.ybactivityBox .list .item{ margin-top: 80px; width: calc(33.33% - 40px); margin-right: 60px; }
.ybactivityBox .list .item:nth-child(3n){ margin-right: 0; }
.ybactivityBox .list .item a{ display: block; width: 100%;
 height: 100%;  box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.1);
 border-radius: 8px;
 transition: all ease-in-out 0.4s;
}
.ybactivityBox .list .item a:hover{ transform: translateY(-20px); box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3); }
.ybactivityBox .list .item a .imgs{ padding-bottom: 66.66%; }
.ybactivityBox .list .item a .imgs .imgs_in{ width: 100%; height:100%; top: 0; left:0; }
.ybactivityBox .list .item a .imgs .img{ width: 100%; height:100%; border-radius: 8px 8px 0 0; }
.ybactivityBox .list .item a .aMore{ bottom: 40px; }
.ybactivityBox .list .item a .title{ padding:40px 40px 60px; overflow: hidden;}
.ybactivityBox .list .item a .txt{ padding-bottom: 30px; }

/* 视图专区 */
.jp-video .jp-close{ 
  width: 44px;
  height: 50px;
  right: -26px;
  top: -56px;

 }
 .jp-video .jp-close:hover{ background-position: -12px -135px; }
.videoTitle{ display: none; }
.ybvideoAndPicTap{
  height: 80px;
  background: #FBFBFB;
}
.ybvideoAndPicTap .item{ height: 100%; }
.ybvideoAndPicTap .item a{ display: block; padding:0 72px; line-height: 80px; 
  font-size:20px; position: relative;
}
.ybvideoAndPicTap .item a::before{ 
  content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 4px; 
  background: #018E64; opacity: 0;
}
.ybvideoAndPicTap .item a.active{ background: #fff; }
.ybvideoAndPicTap .item a.active::before{ opacity: 1; }
.ybvideoAndPicTap .item  i{ margin-right: 10px; font-size:20px;}
.ybvideoList{ flex-wrap: wrap; padding-top: 30px;}
.ybvideoList .item { width: 33.33%; padding:30px 10px 10px; }
.ybvideoList .item .item_in{ width: 100%; cursor: pointer; padding-bottom: 10px;
  box-shadow: inset 0px -1px 0px 0px #F2F2F2;
}
.ybvideoList .item .imgs{ padding-bottom: 56.25%; }
.ybvideoList .item .imgs .imgs_in{ overflow: hidden; width: 100%; height: 100%; top: 0; left: 0; }
.ybvideoList .item .txtBox{ padding-top: 20px; height: 88px;}
.ybvideoList .item .vName{ position: relative; line-height: 1.6; }
.ybvideoList .item .vName::before{ content: ""; display: none;
  width: 18px; position: absolute; left: calc(50% - 9px); top: 10px;
  height: 4px;
  background: #D8D8D8;
}
/* .ybvideoList .item .item_in:hover .txtBox{ transform: translateY(-20px); } */
.ybvideoList .item .item_in:hover .time{ opacity: 0; }
.ybvideoList .item .time{ line-height: 1; display: none; }
.ybvideoList .videoBtn{ width: 100%; height: 100%; top: 0; left: 0;
  background: rgba(19,123,64,0); opacity: 1;
  border-radius: 8px;
}
.ybvideoList .item .item_in:hover .videoBtn,.ybvideoList .moreVideo .item_in .videoBtn{ opacity: 1;}
.ybvideoList .item .item_in:hover .vName{ color: #018E64;}
.ybvideoList .videoBtn .videoBtn_in{ width: 100%; height: 100%; }
.ybvideoList .videoBtn .iBtn{border-radius: 100%; background: rgba(0,0,0,0.64); width: 48px; height: 48px; font-size:48px; line-height: 1; text-align: center; 
  color:#fff;
}
.ybvideoList .item .item_in:hover .videoBtn .iBtn{ background: #018E64; }
.ybvideoList .item.moreVideo .imfs_in img{ border-radius: 8px; }

/* 图片库 */
.ybPicList { padding-top: 60px; }
.ybPicList .topList{ width: 100%; }
.ybPicList .picItem{ width: 25%; padding: 0 20px; }
.ybPicList .topList .picItem .picItem_in,.ybPicList .picMoreList{ width: 100%; flex-wrap: wrap; }
.ybPicList .picItem .picItem_in .item{ width: 100%; padding-bottom: 144.44%; margin-bottom: 34px; }
.ybPicList .picItem .picItem_in .showPicMore, .ybPicList .picMoreList .picItem .picItem_in .item,.ybPicList .picItem .picItem_in .item:nth-child(2n){ padding-bottom: 66.66%; }
.ybPicList .picItem .picItem_in .item .imgs{ width: 100%; height: 100%; }
.ybPicList .picItem .picItem_in .item .imgs_in{ width: 100%; height: 100%; overflow: hidden; border-radius: 8px; }
.ybPicList .videoBtn{ opacity: 0; }
.ybPicList .videoBtn,.ybPicList .videoBtn .videoBtn_in {  width: 100%; height: 100%; }
.ybPicList .videoBtn .videoBtn_in{ 
  background: rgba(19,123,64,0.4); 
  border-radius: 8px;
}
.topList .picItem:last-child a:nth-child(2){ display: none; }
.ybPicList .videoBtn .videoBtn_in .iBtn{ font-size:48px; color: #fff; }
.ybPicList .picItem .picItem_in a:hover .videoBtn{ opacity: 1; }
.ybPicList .picItem:nth-child(2n) .picItem_in{  flex-direction:column-reverse; }
.ybPicList .picItem:last-child .picItem_in{ flex-direction:column; }
.ybPicList .picItem .showPicMore .videoBtn{ opacity: 1; }
.picMoreList { height: 0;overflow: hidden; opacity: 0; }
.picMoreList.active{ height: auto; opacity: 1; }

/* 品牌介绍 */
.ybBrandBox { flex-wrap: wrap; }
.ybBrandBox .rightImgs{ width: 58.97%; padding-left: 120px; }
.ybBrandBox .rightImgs .rightImgs_in{ padding-bottom:75%; background-image: url(../image/yb-video-default-pic.jpg); }
.ybBrandBox .rightImgs a{ display: block; width: 100%; left: 0; top: 0; height: 100%; z-index: -1; opacity: 0;  }
.ybBrandBox .rightImgs a.active{ z-index: 10; opacity: 1; }
.ybBrandBox .rightImgs a .r_imgs{ width: 100%; height: 100%; overflow: hidden; border-radius: 8px; }
.ybBrandBox .rightImgs a .txtBox{ width: 100%; height: 100%; top: 0; left: 0; padding:20px 120px; 
  background-color: rgba( 0, 0, 0, 0.4); opacity: 0;
}
.ybBrandBox .rightImgs a .txtBox .txtBox_in{ flex-wrap: wrap; height: 68%; }
.ybBrandBox .rightImgs a .txtBox .txtBox_in .txt{ width: 100%; height: calc(100% - 100px); }
.ybBrandBox .rightImgs a .r_imgs .imgs_in,.ybBrandBox .rightImgs a .r_imgs .imgs_in .imgs { width: 100%; }
.ybBrandBox .rightImgs a .txtBox .linkBtn{ 
  width: 160px; margin: 20px auto 0;
  height: 64px; line-height: 64px;
  background: rgba(113,176,140,0.8);
  border-radius: 32px;
 }
.ybBrandBox .rightImgs a:hover .txtBox{ opacity: 1; }
.ybBrandBox .rightImgs a:hover img.ts{ transform: scale(1.1); } 
.ybBrandBox .leftList{flex: 1; flex-wrap:wrap; }
.ybBrandBox .leftList .item{ width: calc(33.33%); padding:8px;}
.ybBrandBox .leftList .item .item_in{ 
  background: #FFFFFF; cursor: pointer;
  border-radius: 8px;
  border: 1px solid #E8E8E8;
  padding:10px 26px;
}
.ybBrandBox .leftList .item:hover .item_in, .ybBrandBox .leftList .item.active .item_in{
  background: #F3F8F6;
  border: 1px solid #018E64;
}
.ybBrandBox .leftList .item .item_in img{ border-radius: 8px; overflow: hidden; }

/* 品牌介绍详情 */
.ybBrandDt_top .item{ width: 50%; }
.ybBrandDt_top .item .imgsFix{ padding-bottom:75%;}
.ybBrandDt_top .txtBox{ padding:20px 80px;background-color: #005E88; }
.ybBrandDt_top .txtBox .topName{ padding-bottom: 20px; }
.ybBrandDt_top .txtBox .txt{ height: 200px; overflow: hidden; }
.drinkType { padding-top: 80px; }
.drinkTypeTop{ padding:0 15%; }
.drinkTypeTop .topBox{ width: 100%; display: none; }
.drinkTypeTop .topBox.active{ display: flex; }
.drinkTypeTop .topBox .imgs{ width: 34%;}

.drinkTypeTop .topBox .imgs .imgs_in{ padding-bottom: 100%; width: 100%; }
.drinkTypeTop .topBox .topTxt{ flex: 1; padding:80px; }
.drinkTypeTop .topTxt .name{ padding-bottom: 20px; }
.drinkType .list{ padding-top: 60px; }
.drinkType .list .item{ width: 130px; margin:0 40px; cursor: pointer; }
.drinkType .list .item .imgs{ width: 100%; }
.drinkType .list .item .imgs .imgsFix{ background-image: url(../image/yb-pub-product-btn-nor.png); }
.drinkType .list .item.active .imgs .imgsFix{ background-image: url(../image/yb-pub-product-btn-sel.png); }
.drinkType .list .item .imgsFix .imgsFix_in{ top: -20px; overflow: inherit; }
.drinkType .list .item .imgsFix .imgsFix_in .fullImg{ overflow: inherit; }
.drinkType .list .item .l_name{ padding-top: 6px; }
.drinkType .list .item.active .l_name{ color:#018E64; }
.drinkType .list .item .imgs .imgsFix img{ transition: all ease-in-out 0.3s; }
.drinkType .list .item:hover .imgs .imgsFix img,.drinkType .list .item.active .imgs .imgsFix img{ transform: translateY(-12px); }

/* 产品家族 */
.ybProduct_in{ flex-wrap: wrap; width: 100%; }
.ybProduct_in .item{ width: calc(25% - 60px); margin-top: 200px; margin-right: 80px;}
.ybProduct_in .item:nth-child(4n){ margin-right: 0; }
.ybProduct_in .item_in{ padding-left: 130px; height: 120px; cursor: pointer;
  border-radius: 0px 40px 0px 40px; position: relative;
  background-color: #018E64;
}
.ybProduct_in .item .p_imgs{ transition: all ease-in-out 0.3s; } 
.ybProduct_in .item_in:hover .p_imgs{ transform:translateY(-20px); }
.ybProduct_in .item .p_imgs{ width: 90px; height: 240px; position: absolute; bottom: 16px; left: 20px; 
  display: flex;
  justify-content: center;
  align-items: end;
  overflow: hidden;
}
.productTab{ background: #FBFBFB; width: 100%; height: 80px; }
.productTab a{ padding:0 64px; line-height: 80px; font-size:20px; position: relative; display: block; height: 100%;  }
.productTab a:before{position: absolute; content: ""; width: 0; height: 3px; 
  background-color: #018E64; top: 0; left: 0; 
  transition: all ease-in 0.2s;
}
.productTab.ybTabList .swiper-slide a{ width: 100%;}
.productTab a i{ padding-right:10px; line-height: 1; font-size:24px; }
.productTab a.active{ background-color: #fff; color: #018E64;}
.productTab a.active i{color: #018E64;}
.productTab a.active:before, .productTab a:hover:before{ width: 100%; }
.ybProduct_in .item .name{ width: 100%; height: 100%; padding-right: 20px; }
.ybProduct_in .item .name span{
  text-shadow: 0px 2px 4px rgba(0,0,0,0.6);
}
.ybProduct_in .p_imgs img{ width: 100%; }
.ybProduct_in .item .itemHtml{ display: none; }
.popUpBox{ z-index: 200; position: fixed; width: 100%; height: 100%; overflow: hidden; 
  background: rgba(0,0,0,0.5); top: 0; left: 0;
  display: none;
}
.popUpBox .popUpBox_in{ width: 42%; height: 100%; margin:0 auto; }
.popUpBox .popUpBox_in .popContainer{border-radius: 8px; width: 100%; padding-bottom: 60%; overflow: hidden; background-color: #fff;}
.popContainer_out{ padding:30px 30px 80px 40px; height: 100%; width: 100%; }
.popContainer_out .closePopBt { text-align: right;} 
.popContainer_out .closePopBt i{ font-size:40px; line-height: 1; cursor: pointer; }
.popContainer_in { height: calc(100% - 40px); }
.popContainer_in .imgs{ width: 34%; }
.popContainer_in .mTitle{ display: none; }
.popContainer_in .popUpTxt{ flex: 1; padding-left: 40px; padding-right: 10px; overflow: hidden; }
.popContainer_in .imgsFix { padding-bottom: 128%; background: #FBFBFB; }
.popContainer_in .popUpTxt .title{ padding-bottom:20px; margin-top: 10px; }
.popContainer_in .popUpTxt .outTxt{ height: calc(100% - 30px); overflow: hidden;}
/* 线上产城 */
.onlineShopping_in{ border-top: 1px solid #E8E8E8; border-left: 1px solid #E8E8E8; 
  flex-wrap:wrap; margin-top: 60px;
}
.onlineShopping_in .item{ width: 33.33%; padding:40px 40px 90px; 
  background-position: right bottom; background-repeat: no-repeat; background-size: 120px auto;
  border-right: 1px solid #E8E8E8; border-bottom: 1px solid #E8E8E8;
}
.onlineShopping_in .item .title span{ margin-right: 20px; border-bottom: 2px solid #018E64; 
  padding-bottom: 2px;
}
.onlineShopping_in .item .title{ height: 88px; }
.onlineShopping_in .item a{ width: 120px; height: 48px; display: block; line-height: 48px; text-align: center;
  border-radius: 24px; color: #018E64; transition: all ease-in 0.4s;
  border: 1px solid #018E64; 
}
.onlineShopping_in .item a:hover{ background-color: #018E64; color: #fff; }
/* 饮水讲堂 */
.drinkClass_in{ margin-top: 60px; 
  border-radius: 8px;
  border: 1px solid #E8E8E8;
}
.drinkClassTab{ 
  height: 64px; line-height: 64px;
  background: #FBFBFB;
  box-shadow: inset 0px -1px 0px 0px #E8E8E8;
  border-radius: 8px 8px 0px 0px;
}
.drinkClassTab a{ margin:0 60px; position: relative; display: block; }
.drinkClassTab a::before{position: absolute; bottom: 0; left: 0; content: ""; width: 0; height: 2px; 
  background: #018E64;
}
.drinkClassTab a.active{ color: #018E64; }
.drinkClassTab a.active:before{ width: 100%; }
.drinkClass_txt{ padding:40px; }
.drinkClass_txt .item{ display: none; }

/* 产品服务 */
.hotLineBox{ overflow: hidden; padding:60px; border-radius: 8px; overflow: hidden; }
.hotLineBox_in{ width: 700px; padding:60px; background-color: rgba(255,255,255,0.9); }
.hotLineBox_in .title{ padding-bottom: 20px;box-shadow: inset 0px -1px 0px 0px #D9D9D9;} 
.hotLineBox_in .title i{ font-size:28px; line-height: 1; padding-right: 16px; }
.hotLineBox_in .txt{ padding-top: 40px; }
.onlineMsg{ padding: 120px 100px 0; }
.onlineMsgForm{ flex-wrap:wrap; margin-top: 40px; padding:0 20px; }
.onlineMsgForm .item{ width: calc(50% - 40px); margin-bottom: 32px;}
.onlineMsgForm .item label,.onlineMsgForm .item input,.onlineMsgForm .item select{ display: inline-block;}
.onlineMsgForm .item select{ background: url(../image/select_icon.png) no-repeat calc(100% - 20px) center / 14px auto!important; }
.onlineMsgForm .item label{ width: 100px; text-align: right; padding-right: 10px; }
.onlineMsgForm .item label span{ color: #E50113; }
.onlineMsgForm .item.address label span{ display: none; }
.onlineMsgForm .item input,.onlineMsgForm .item select{ width: calc(100% - 130px); 
  height: 48px; padding:4px 10px;
  background: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #D9D9D9;
}
.onlineMsgForm  .ybtextarea{ width: 100%;}
.ybtextarea label{ vertical-align:top; }
.ybtextarea textarea{ width: calc(100% - 130px);
  border-radius: 4px;
  border: 1px solid #D9D9D9;
}
.onlineMsgForm  .txtTotal { right:36px; bottom:20px; color: #999;  }
.onlineMsg .onlineMsgTxt{ text-align: center; }
/* 人才理念 */
.ybTalents .title{ margin-bottom: 40px; }
.ybTalents .title span, span.ybnum{ border-bottom: 1px solid #018E64; 
  padding-bottom: 2px; margin-right: 20px; 
}
.citem1 span.ybnum{
  border-color: #fff;
}
.ybTalents .item1{ border-radius: 8px; overflow: hidden; background-image:url(../image/yb-pro-service-pic01.jpg); padding: 46px 60px; }
.ybTalents .item1 .tCon{ width: 700px; height: 484px; background-color: rgba(255,255,255,0.9); 
  padding:60px;
}
.ybTalents .item1 .txt{ height: 290px; }
.ybTalents .item .txt{ color: #666; height: calc(100% - 80px); overflow: hidden; }
.ybTalents .item2{ background: #FAFCFB; margin:120px auto;}
.switem2Box .ybli{ background: #FFFFFF; height: auto;
  border-radius: 8px; padding:60px 40px 40px;
  border: 1px solid #E8E8E8;
}
.switem2Box .ybli .imgs{ width: 56px; height: 56px; margin:0 auto; }
.switem2Box .ybli .imgs img{ width: 100%;}
.switem2Box .ybli .iTitle{ text-align: center; font-size:20px; padding:40px 0 20px;}
.switem2Box{ padding-bottom: 120px; }
.switem2Box .swiper-pagination { bottom:80px;}
.switem2Box .swiper-pagination-bullet {
  width: 40px; border-radius: 0; display: none;
  height: 3px;
  background: #CCE0D2;
}
.switem2Box .swiper-pagination-bullet-active{
  background: #018E64;
}

.ybTalents .item3 .imgs{ width: 240px; height: 240px; }
.ybTalents .item3 .imgs img{ width: 100%; }
.ybTalents .item3 .txt{ width: calc(100% - 380px); padding-right: 140px;  border-right: 1px solid #f4f4f4; }
/* 培训发展 */
.ybCultivate .topTxt{ padding:0 100px 80px; }
.ybCultivate .citem .title{ padding-bottom: 60px; }
.ybCultivate .citem .ybli .txt{ overflow: hidden; }
.ybCultivate .citem2Txt { padding:0 100px; }
.ybCultivate .citem2Txt .txt{ background: #F3F8F6;
  border-radius: 8px; padding:60px; position: relative;
}
.ybCultivate .citem2Txt .txt:before{ content: ""; position: absolute; width: 100%; height: 100%;background: #E7ECEA;
  border-radius: 8px; top: 20px; left: 20px; z-index: -1;
}
.ybCultivate .b_citem2Txt{ padding-top: 80px; }
.ybCultivate .b_citem2Txt .txt img{ max-width: 100%; text-align: center; margin:0 auto; }

/* 责任管理  */
.ybResponsibility_in .list{ padding-bottom: 120px; }
.ybResponsibility_in .list:last-child{ padding-bottom: 0; }
.ybResponsibility_in .list .title{ padding-bottom: 40px; }
.ybResponsibility_in .topTxt { padding:0 100px 40px; }
.ybResponsibility_in .item1imgs{ padding:46px 60px; border-radius: 8px; overflow: hidden; }
.ybResponsibility_in .item1Txt{ padding:60px; width: 700px; float: right; background-color: rgba(255,255,255,0.9); }
.ybResponsibility_in .item1Txt .iTitle{ padding-bottom: 20px; }

.ybResponsibility_in .list2Box .item{ width: 50%; padding:60px;border: 1px solid #E8E8E8; 
  background: url(../image/yb-responsibility-management-advance-icon01.png) no-repeat right bottom / 120px auto;
}
.ybResponsibility_in .list2Box .item:nth-child(2n){
  background-image: url(../image/yb-responsibility-management-advance-icon02.png);
}
.ybResponsibility_in .list2Box .item:nth-child(2n){ border-left: none; }
.ybResponsibility_in .list2Box .item .iTitle{ margin-bottom: 40px;}
.ybResponsibility_in .list2Box .item .iTitle::before{
  content: ""; position: absolute; height: calc(100% - 10px); width: 2px; background: #018E64; left: -60px; top: 5px;
}
/* 慈善公益 */
.ybCharity_in .list{ width: 100%; padding-left: 100px; margin: 40px 0 0; padding-bottom: 80px; }
.ybCharity_in .list:last-child{ padding-bottom: 0; }
.ybCharity_in .list:nth-child(2n){ padding-right: 100px; padding-left: 0; }
.ybCharity_in .list .imgs{ width: 50%; left: 0; top: -40px; }
.ybCharity_in .list:nth-child(2n) .imgs{ left: auto; right: 0; }
.ybCharity_in .list .imgs .imgsFix{ padding-bottom: 66.67%;border-radius: 8px; overflow: hidden; }
.ybCharity_in .list .txtBox{ width: 100%;
  background: #FAFCFB; min-height: 508px;
  border-radius: 8px;
  padding:80px;
  padding-left: 50.68%;
}
.ybCharity_in .list:nth-child(2n) .txtBox{
  padding-right: 50.68%; padding-left: 80px;
}
.ybCharity_in .list .title{ margin-bottom: 20px; }
.ybCharity_in .list .title img{ height: 28px; line-height: 1; vertical-align: sub; padding-right: 20px; }
.ybCharity_in .list .txt{ padding-bottom: 40px; }
.ybCharity_in .list a{ color: #fff; background: #018E64; border-radius: 30px; padding:12px 20px; }
/* 慈善公益 详情 */
.ybCharityDt_in .txt{ padding: 0 100px 80px; }
.ybCharityDt_imgBox{ padding-top: 80px; background-size: auto 400px;background-position: top center; }
.ybCharityDt_imgBox .imgBox_in{  width: 760px; margin:0 auto; padding:16px 20px; border-radius: 8px; background-color: #fff; }
.imgBox_in_swiper{ width: 100%; }
.ybCharityDt_imgBox .CharityimgBox_top { width: 100%; height: 544px; padding-bottom: 64px; }
.CharityimgBox_thumbs_out{ padding:40px 68px 0; border-top: 1px solid #F4F4F4;  }
.CharityimgBox_thumbs .swiper-slide>div{ width: 100%; padding-bottom: 66.66%;  }
.imgBox_in_swiper .swiper-slide{ background-repeat: no-repeat; background-size: cover; border-radius: 8px; }
.CharityimgBox_top .swiper-pagination{ width: auto; bottom: 20px; 
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}
.CharityimgBox_top .swiper-pagination .swiper-pagination-current{ color: #018E64; }
.CharityimgBox_top .topSwiperTxt { bottom: 0; height: 64px; left: 48px; width: calc(100% - 48px); }
.topSwiperTxt .sTxt_in{ width: 100%; height: 100%; }
.topSwiperTxt .sTxt_in .t{ line-height: 1.4; }
.CharityimgBox_thumbs_out .btn_icon{ width: 48px; height: 48px; text-align: center; bottom:10px; cursor: pointer; overflow: hidden; }
.CharityimgBox_thumbs_out .btn_icon i{ font-size:24px; line-height: 48px; }
.CharityimgBox_thumbs_out .Charity-button-next{ right: 0; }
.CharityimgBox_thumbs_out .Charity-button-prev{ left: 0; }
.CharityimgBox_thumbs .swiper-slide{ opacity: 0.4; }
.CharityimgBox_thumbs .swiper-slide.swiper-slide-thumb-active{ opacity: 1; }
.CharityimgBox_top .swiper-button-prev, .CharityimgBox_top .swiper-button-next{
  width: 48px; height: 48px;background-color: rgba(51,51,51,0.8); overflow: hidden; border-radius: 100%;
  background-size: 20%;
}
/* 责任故事 */
.ybzrHistory_in{ width: 100%; }
.ybzrHistory_in .list{ margin-bottom: 40px; width: 100%;
  background: #FFFFFF; padding:20px;
  border-radius: 8px;
  border: 1px solid #E8E8E8;
  transition: all ease-in-out 0.3s;
}
.ybzrHistory_in a.list:hover{
  background: #F4F8F6;
}
.ybzrHistory_in .list:last-child{
  margin-bottom: 0;
}
.ybzrHistory_in .list .imgs{ width: 26%; }
.ybzrHistory_in .list .imgs .imgsFix{ padding-bottom: 66.75%; overflow: hidden; border-radius: 8px; }
.ybzrHistory_in .list .txtBox{ padding:20px 6% 0 40px; flex: 1; width: 74%; } 
.ybzrHistory_in .list .txtBox .title{ padding-bottom: 20px; }
.ybzrHistory_in .list .imgs .imgsFix img{ border-radius: 8px; }
/* 责任报告 */
.firstReport{ margin-bottom: 20px; }
.firstReport_in { padding:80px 100px; border-radius: 8px; overflow: hidden; }
.firstReport .imgs{ width: 15%; }
.firstReport .imgs .ybaBg::before{
  content: ""; position: absolute; width: 100%; height: 100%; 
  background: #FFFFFF; top: 4px; left: 4px;
  border-radius: 6px;
  opacity: 0.2;
}
.firstReport .imgs .imgsFix,.ybReportBox .item .imgsFix{ padding-bottom: 134%; border-radius: 8px; overflow: hidden;  }
.firstReport .txtBox{ flex: 1; padding-left: 40px; }
.firstReport .txtBox .txt{ padding:20px 0 40px; }
.firstReport .txtBox a i{ width: 40px; height: 40px; background-color: #fff; margin-left: 10px; 
  border-radius: 100%; display: inline-block; line-height: 40px; color: #000;text-align: center;
}
.firstReport .txtBox a:hover{ color:#fff;}
.firstReport_in .txtBox .title{ padding:20px 0 40px; }
.ybReportBox { padding-top: 90px; padding-bottom: 100px; }
.ybReportBox .list{ flex-wrap:wrap;
  background: url(../image/yb-responsibility-report-bg.png) no-repeat center bottom / 100% auto; 
  padding:0 20px 34px; margin-bottom: 120px;
}
.ybReportBox .list:last-child{ margin-bottom: 0; }
.ybReportBox .list .item{ width: 25%; padding:0 46px; }
.ybReportBox .item .imgsFix{ box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.2); background: #fff; }
.ybReportBox .list .item a{ position: relative; display: block; width: 100%; height: 100%; }
.ybReportBox .list .item .imgs{ transition: all ease 0.4s; }
.ybReportBox .list .item a:hover .imgs{ transform: translateY(-10px); box-shadow: 0 4px 10px rgba(0,0,0,0.2); }
.ybReportBox .list .item a:hover img{ transform: scale(1); }
.ybReportBox .list .item .year{ position: absolute; bottom: -74px; left: 0; width: 100%; text-align: center; 
  font-size:24px;  line-height: 1.4;
}
.ybReportBox .list .item img{ border-radius: 8px; }

/* 采购信息 */
.purchasingInformation{ background: url(../image/yb-bussiness-info-bg.png) no-repeat; background-size: 100% 100%; padding:80px; position: relative; }
.purchasingInformation_in{ width: 100%; }
.purchasingInformation_in .imgs{ width: 40%; }
.purchasingInformation_in .txtBox{ flex: 1; padding-left: 80px; border-left: 1px solid #f4f4f4; }
.purchasingInformation_in .imgsFix{ padding-bottom: 66.66%; }
.purchasingInformation_in .txtBox .txt{ padding:40px 0; }
.purchasingInformation_in .txtBox a{ width: 160px; height: 64px; line-height: 64px; background: #018E64; 
  text-align: center; display: block; color: #fff;border-radius: 32px;
}
.purchasingInformation .longPic { width: 120px; height: 120px; right: 36px; bottom: 36px; }
.purchasingInformation .longPic img{ width: 100%;}
/* 公司治理 */
.gszlBox{ border-radius: 8px; padding:46px 60px; }
.gszlBox .txtBox{ width: 700px; padding:60px;
  background: rgba(255,255,255,0.9)
}
.gszlBox .txtBox .title{ padding-bottom: 20px; }

/* 阳光宣言 */
.ybSunshine_in{ flex-wrap: wrap;}
.ybSunshine_in .item{ width: 33.33%; padding:15px; }
.ybSunshine_in .item a{ display: block; width: 100%; height: 100%; transition: all ease-in-out 0.3s;
  background: #FFFFFF; padding:40px; padding-bottom: 100px; border-radius: 8px;
  border-radius: 8px; position: relative;
  border: 1px solid #E8E8E8;
}
.ybSunshine_in .item a:hover{ background: #F4F8F6; }
.ybSunshine_in .item a .title{ margin:16px 0 20px; position: relative; }
.ybSunshine_in .item a .title::before{ content: ""; left: -40px; height: calc(100% - 10px); top: 5px; width: 2px; 
background: #71B08C; position: absolute;
}
.ybSunshine_in .item a .title::after{ content: ""; left: -40px; height: calc(100% - 10px); top: 5px; width: 2px; 
  background: #018E64; position: absolute; transition: all ease-in-out 0.4s; transform: translateY(100px);
  opacity: 0;
}
.ybSunshine_in .item a:hover .title::after{
  transform: none; opacity: 1;
}
.ybSunshine_in .item a .more{ position: absolute; left: 40px; bottom: 40px; }
/* 联系我们 */
.ybContactUs_in{ margin-top: 40px; padding:50px 40px; background: #FAFCFB; border-radius: 8px; }
.ybContactUs_in .imgs{ width: 46%;
}
.ybContactUs_in .imgs .imgsFix{ padding-bottom: 66.67%; 
  box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);
  border-radius: 8px;
}
.ybContactUsBox{ flex: 1; overflow: hidden;
  padding-left: 80px;
}
.ybContactUsBox .ybContactUsBox_in{ padding-right: 40px; }
.ybContactUsBox .ybContactUsBox_in .title{ padding-bottom: 20px; margin-bottom: 40px; border-bottom: 1px solid #f4f4f4; }
/* 廉洁举报 */
.ybCleanReporting_in .list2:nth-child(2n){
  padding:80px 0;
}
.ybPrincipleBox{ border-radius: 8px; margin-top: 60px;
  border: 1px solid #E8E8E8; flex-wrap:wrap;
}
.ybPrincipleBox .item{ box-shadow: inset -1px 0px 0px 0px #E8E8E8; 
 padding:80px 60px 140px;  width: 33.33%; border-bottom: 1px solid #e8e8e8;
  background-repeat: no-repeat; background-position: bottom center; background-size: auto 106px;
}
/* 网站地图 */
.ybMap_in .list{ margin-bottom: 36px; }
.ybMap_in .list h3{ font-size:20px; line-height: 1;font-weight: bold;}
.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: #018E64; }
/* 管理团队 */
.ybTeam_in{ flex-wrap:wrap; margin-top: -20px; }
.ybTeam_in .item{ width: 25%; padding:20px; }
.ybTeam_in .item_in{ background: #FFFFFF;
  border-radius: 8px; padding:40px;
  border: 1px solid #E8E8E8; 
}
.ybTeam_in .title{ line-height: 1; position: relative; }
.ybTeam_in .title::before{content: ""; position: absolute; width: 2px; height: 100%; 
  background: #71B08C;
top: 0;
left: -40px;
}
.ybTeam_in .title .gender{ font-size:14px; padding-left: 16px; font-weight: lighter;}
.ybTeam_in .txt{ padding-top: 40px; min-height: 140px; }
.ybTeam2_in{ width: 960px; margin:0 auto; }
.ybTeam2_in .item_in{ 
  background: #FAFCFB;
  padding:30px 20px; 
  box-shadow: inset 0px -1px 0px 0px #018E64;
}
.ybTeam2_in .item_in .title{ width: 140px; height: 140px; border-radius: 100%; 
  background: #DEECE4; overflow: hidden; flex-wrap: wrap;
}
.ybTeam2_in .item_in .title span{ display: block; width: 100%; text-align: center;}
.ybTeam2_in .item_in .txt{ padding-left: 60px; padding-top: 40px; }
.ybTeam2_in .title_in span{ padding-top: 8px; font-size:14px; }
.ybTeam2_in .item{ margin-bottom: 40px; }
.ybTeam2_in .item:last-child{ margin:0}

/* pubMap */
.pubMap{opacity: 0; position: fixed; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); z-index: -1;
  transform: translateX(90%);
}
.pubMap.active{
  transform:none; opacity: 1; z-index: 300;
}
.pubMap_in{ width: 100%; height: 100%; }
.pubMap .imgs{ width: 50%; height: 100%; }
.pubMap .ybMap_in{ width: 50%; height: 100%; background-color: #fff; padding:40px 60px;}
.pubMap .ybClose { text-align: right; padding-bottom: 20px;}
.pubMap .ybClose i{ cursor: pointer; line-height: 1; 
  cursor: pointer;
  font-size: 24px;
  color: #fff;
  line-height: 1;
  background: #018E64;
  padding: 8px;
}
.pubMap .ybMap_in .listBox { overflow: hidden; height: calc(100% - 80px);}
/* ybSearchBox */
.ybSearchBox{ position: fixed; z-index: -1; width: 100%; height: 120px; background: #fff; top: 48px; 
  transform: translateY(50px); opacity: 0; 
}
.ybSearchBox.active{ z-index: 299; opacity: 1; transform: none; }
.ybSearchBox .search_in{ width: 780px; height: 56px; }
.ybSearchBox .search_in .search_w{ width: 100%; height: 100%; }
.ybSearchBox .search_in .search_w input{ width: 100%; height: 100%;
  background: #F3F8F6; border:none; padding:20px 120px 20px 40px;
  border-radius: 4px;
}
.ybSearchBox i{ line-height: 1; }
.ybSearchBox .ybSearchBg{ z-index: 2; font-size:18px; left: 14px; top: 18px; }
.ybSearchBox .ybSearchClose { right: -40px; top: 16px; font-size:20px; cursor: pointer; }
.ybSearchBox .search_w a{ display: block; width: 100px; height: 100%; top: 0; right: 0; 
  background: #018E64; color: #fff; line-height: 56px; 
}

/*pubSwiperPage*/
.indexItem4 .swiper-container{ padding-bottom: 54px; }
.pubSwiperPage .swiper-pagination .swiper-pagination-bullet{ 
  width: 40px; height: 3px; border-radius: 0; background: #018E64;
}
.pubSwiperPage .swiper-pagination{ display: none; }
.indexResponsibility .pubSwiperPage .swiper-pagination{ display: block; }
.pubSwiperPage .swiper-slide{ height: auto; } 

/* 企业文化 */
.ybCulture .dflex1{ flex-wrap: wrap; }
.ybCulture .listTitle{ font-size:24px;  
  font-size: 24px;
  color: #F99C34;
  line-height: 32px;
}
.ybCulture .list{ border-radius: 8px; padding:40px;
  border: 1px solid #E8E8E8; 
}
.ybCulture .list_in{ width: 100%;}
.ybCulture .list{ margin-top: 40px;}
.ybCulture .list1{ margin-bottom: 80px; }
.ybCulture .itemTitle{
  font-size: 20px; padding-bottom: 20px;
  color: #333333;
  line-height: 28px;
}
.ybCulture .ylTxt{ 
  color: #F99C34;
  line-height: 24px;
  padding-bottom: 20px;
}
.ybCulture .ylTxt span{ padding-right: 20px; }
.ybCulture .txt{ color:#666; }
.ybCulture .txt p{ padding-bottom: 20px; }
.ybCulture .txt p:last-child{ padding:0; }
.ybCulture .list1 .item1 .txt{ flex: 1; padding-right: 80px; }
.ybCulture .imgs img{ width: 100%; height: auto; }
.ybCulture .list1 .item,.ybCulture .list21 .item,.ybCulture .list3 .item{ 
  padding-bottom: 40px; border-bottom: 1px solid #f4f4f4; margin-bottom: 40px; 
}
.ybCulture .list1 .item:last-child,.ybCulture .list21 .item:last-child,.ybCulture .list3 .item:last-child{
  border:none; margin:0; padding:0;
}
.ybCulture .itemBg{
  background-repeat: no-repeat;
  background-position: top right;
  background-size: 0;
}
.ybCulture .list2 .imgs{ width: 240px; }
.ybCulture .list .listBox { flex: 1; }
.ybCulture .list .imgs{ width: 240px; }
.ybCulture .list .listBox{ padding-right: 80px; }
.ybCulture .list7 .listBox,.ybCulture .list3 .listBox,.ybCulture .list2 .listBox,.ybCulture .list5 .listBox{ 
  padding-left: 80px; padding-right: 0; 
}
.ybCulture .list4 .itemBox{ flex-wrap: wrap; width: 100%; margin-top: -40px; }
.ybCulture .list4 .itemBox .item{ width: 50%; margin-top: 40px; padding-right: 40px; }
.ybCulture .list4 .itemBox .item:nth-child(2n){
  padding-right: 0; padding-left: 40px; border-left: 1px solid #f4f4f4;
}
.ybCulture h4{ padding-bottom: 20px; color:#333; }
.ybCulture .list5 .itemBg{ background-size: 240px auto;}
.ybCulture .list5 .itemBox,.ybCulture .list6 .itemBox{ width: 100%; flex-wrap:wrap; margin-top: -40px;}
.ybCulture .list5 .item,.ybCulture .list6 .item{ width: 45%; padding-right:60px; margin-top: 40px; }
.ybCulture .list5 .item:nth-child(2n),.ybCulture .list6 .item:nth-child(2n){ width: 55%;
  padding-left: 60px; padding-right: 0; border-left: 1px solid #f4f4f4;
}
.ybCulture .list6 .itemBox{ margin-top: 0px; margin-bottom: 40px;}
.ybCulture .list6 .itemBox:last-child{
  margin-bottom: 0;
}

/* 怡宝详情页 */
.ybDetail .ybDetail_in{ width: 900px; margin:0 auto; }
.ybsingle{ overflow: hidden; width: 100%; text-align: justify; }
.ybDetail .ybsingle{ width: 900px; margin:0 auto; }
.ybsingle img{ max-width: 100%;}
.ybDetail_in .dtName{
  font-size: 30px;
  color: #333333;
  line-height: 48px;
}
.ybDetail_in .dtInfo{margin-bottom: 40px; padding: 40px 0 38px; border-bottom:1px solid #e8e8e8; }
.ybDetail_in .dtInfo span.li{ padding:0 20px; color: #666;}
.dtImgsBox .dtSwiperBtn{ width: 48px; height: 48px; border-radius: 100%; overflow: hidden;
  background: #FFFFFF; text-align: center;
  border: 1px solid #E8E8E8;
}
.dtImgsBox .dtSwiperBtn_next{ right: -68px; }
.dtImgsBox .dtSwiperBtn_prev{ left: -68px;}
.dtImgsBox .dtSwiperBtn i{ font-size:48px; line-height: 48px; color: #018E64; }
.fjShare { margin-top: 80px; 
  height: 100px;
  box-shadow: inset 0px -1px 0px 0px #E8E8E8, inset 0px 1px 0px 0px #E8E8E8;
}
.fjShare .fx{ line-height: 100px; color: #999; }
.fjShare .item { border-radius: 100%; border: 1px solid #64AA44;
  margin-left: 20px; width: 40px; height: 40px;
  cursor: pointer;
}
.fjShare i{ font-size: 40px; line-height: 40px; color: #64AA44;}
.fjShare .item:nth-child(2){
  border-color: #DA4409;
}
.fjShare .item:nth-child(2) i{color: #DA4409;}
.fjShare .item:nth-child(3){
  border-color: #61A9EA;;
}
.fjShare .item:nth-child(3) i{color: #61A9EA;}
.fjShare .list{ padding:30px 0; }
.fjShare .list .item{ position: relative; }
.fjShare .list .item .codeBox{ position: absolute; width: 140px; height: 140px; padding:20px; 
  background-repeat: no-repeat; bottom: 40px; left: 50%; margin-left: -70px; 
  background-size: 100% 100%; 
  background-position: center;
  background-image: url(../image/code-fbg.png);
  transition: all ease-in-out 0.4s;
  transform: translateY(50px);
  opacity: 0;
  z-index: 0;
}
.fjShare .list .item #qrcode{ width: 100%; height: 100%; }
.fjShare .list .item:hover .codeBox,.fjShare .list .item:active .codeBox{
  opacity: 1;
  z-index: 1;
  transform: none;
}


.rqpreNext{ width: 100%; padding-top: 20px; overflow: hidden;}
.rqpreNext h4{ color: #666;padding-bottom: 20px; }
.rqpreNext .txt,.rqpreNext .txt a{ color: #666; }
.rqpreNext .txt span { padding-left: 40px; }
.rqpreNext .txt .power-prevNext-no{ padding:0; }
.rqpreNext .item{ width: 100%; margin-top: 20px; }

/* indexPub */
.pubRight{ position: fixed; right: 20px; top: 50%; width: 64px; z-index: 100; }
.pubRight .pubRight_in{
  background: #FFFFFF;
  box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);
  border-radius: 40px;
}
.pubRight_in .item{cursor: pointer; padding:10px 0; text-align: center; position: relative; }
.pubRight_in .item:first-child{ padding:20px 0 10px; border-radius: 40px 40px 0 0; }
.pubRight_in .item:last-child{ padding:0;  border-radius: 0 0 40px 40px; overflow: hidden; }
.pubRight_in .item i{ font-size:24px; line-height: 1; }
.pubRight_in .item .pubCode{ right: 64px; padding:10px; background-color: #fff; 
  border-radius: 8px 0 0 8px; top: 0px; transform: translateY(60px); opacity: 0;
  visibility: hidden; z-index: -1;
  box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);
}
.pubRight_in .item:hover{ background: #018E64; }
.pubRight_in .item:hover i{ color: #fff; }
.pubRight_in .item:hover .pubCode{
  transform: none; opacity: 1; visibility: visible; z-index: 1;
}
.pubRight_in .item .pubCode img{ width: 120px; }
.pubRight_in .item:last-child a{ display: block; width: 100%; height: 100%; padding:10px 0 20px; overflow: hidden;  border-radius: 0 0 40px 40px;  }

/*采购指南*/
.ybSingleList{ margin-top: 60px; padding-top: 40px; border-top: 1px solid #f4f4f4; flex-wrap: wrap; }
.ybSingleList .item{ width: 50%; padding-right: 80px; }
.ybSingleList .item:nth-child(2n){ padding-right: 0; padding-left: 80px; border-left: 1px solid #f4f4f4;}
/* 招标专区 */
.ybCGInformation_Table .list{ flex-wrap:wrap; padding:20px 2.5%; border-bottom: 1px solid #f4f4f4;}
.ybCGInformation_Table .list:hover{ background: #F4F8F6; }
.ybCGInformation_Table .list .time{ width: 88px; }
.ybCGInformation_Table .list .title{ flex: 1; overflow: hidden; padding:0 4%;}
.ybCGInformation_Table .list .title a{ display: block; width: 100%; overflow: hidden;  }
.ybCGInformation_Table .list .status{ width: 166px; padding-right: 20px; }
/* .ybCGInformation_Table .list .type{ width: 200px; } */
.ybCGInformation_Table .list .item .v{ color: #666; }
.ybCGInformation_Table .list .item .v.attend{ color: #F99C34; }

/*返回顶部*/
.goTopBtn_in{
   width: 100%; height: 40px; line-height: 40px; text-align: center; font-size:16px; font-weight: bold; background: #0D7E7B;
   box-shadow: inset 0px -1px 0px 0px rgba(255,255,255,0.2); color: #fff;
  }

/*老数据移移详情页*/
/* .oldDataBox .ybsingle{ width: 730px; margin:0 auto; line-height: 2em; } */

/*表单*/
.ybtextarea textarea {
  height: 240px;
  font-family: \5FAE\8F6F\96C5\9ED1, arial, tahoma, Verdana, sans-serif;
  line-height: 1.7;
  font-size: 16px;
  color: #333;
  padding: 10px;
}

.ybProService .crv-btn {
  width: 100%;
  text-align: center;
}

.ybProService .crv-maskForm-submit {
  width: 160px;
  height: 56px;
  background: #018E64;
  border-radius: 4px;
  font-size: 16px;
  color: #fff;
  border: none;
  cursor: pointer;
}

.ybProService .crv-maskForm-reset {
  width: 160px;
  height: 56px;
  background: #F3F8F6;
  border-radius: 4px;
  font-size: 16px;
  color: #018E64;
  border: none;
  margin-left: 10px;
  cursor: pointer;
}

.ybProService #crv-yzm {
  width: 100%;
}

.ybProService .onlineMsgForm .item input.yzm-ipt {
  width: 200px;
}

.ybProService .yzm-font {
  font-size: 14px;
  color: #1D94FF;
  margin-left: 10px;
}

.ybProService .crv-tips {
  position: absolute;
  bottom: -28px;
  left: 113px;
  font-size: 14px;
  color: red;
}

.ybProService .onlineMsgForm .item {
  position: relative;
}
.ybTabList{ margin-bottom: 60px; }