.ybzhiti {
}
* a:hover {
  color: #f99c34;
}
.scrollbot-scrollbar-holder {
  background-color: #f99c34 !important;
}
.scrollbot-scrollbar {
  background-color: #f99c34 !important;
}
.scrollbot-outer-parent {
  z-index: 20 !important;
}
.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #dedede !important;
  width: 5px !important;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: #208a59 !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: 100%;
  height: 48px;
  width: 48px;
  overflow: hidden;
  line-height: 48px;
  text-align: center;
  padding: 0;
}
.z-page .crc-pub-page {
  padding: 40px 0 0;
}
.z-page .crc-pub-page-text {
  height: 48px;
  width: 100px;
  border-radius: 24px;
}
.z-page .crc-pub-page-span {
  color: #666;
}
.z-page .crc-pub-page-sel {
  border: 1px solid #f99c34;
  background: #f99c34;
  color: #fff !important;
  border-radius: 100%;
}
.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;
  border-radius: 24px;
}
.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 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}
.iBox {
  display: inline-block;
  overflow: hidden;
}
.testBg {
  background: #666;
}

.dfcl {
  color: #f99c34;
}
.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;
}

.body_home .bb {
  position: absolute;
}
.body_home .topHeader {
  transform: translateY(-48px);
  background-color: rgba(255, 255, 255, 1);
}
.body_home.showdiv .topHeader {
  transform: none;
  /* background: linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0)); */
  background: rgba(255, 255, 255, 0.6);
  box-shadow: none;
}
.body_home.showdiv .topHeader .ejMenuBox a {
  color: #000;
}
/* .body_home.showdiv .topitem,.body_home.showdiv .topitem a { color: #999;} */
.cm {
  color: #f99c34;
}
.c3 {
  color: #333;
}
.c6 {
  color: #666;
}
.c9 {
  color: #999;
}
.cf {
  color: #fff;
}
.tl {
  text-align: left;
}
.tr {
  text-align: right;
}
.position_r {
  position: relative;
}
.position_a {
  position: absolute;
}
.pcshow,
.db {
  display: block;
}
.mshow,
.dn,
.js-item {
  display: none;
}
.bg_nor {
  background-repeat: no-repeat !important;
}
.fb {
  font-weight: bold;
}
.fn {
  font-weight: normal;
}
.fs32 {
  font-size: 32px;
}
.fs24 {
  font-size: 24px;
}
.fs20 {
  font-size: 18px;
}
.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;
}
.pb120 {
  padding-bottom: 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;
}

.CorporateCultureNew .txt {
  text-align: left;
}
.txt img {
  max-width: 100% !important;
}

/* indexbanner */

/* 首页动效 */
.newsConterner .list a {
  opacity: 0;
  transform: translate(0px, -20px);
  transition: all 1s ease-out 0s;
}
.newsConterner .list a:nth-child(2) {
  opacity: 0;
  transform: translate(-100px, -100px);
  transition: all 1s ease-out 0.2s;
}
.newsConterner .list a:nth-child(3) {
  opacity: 0;
  transform: translate(-120px, -120px);
  transition: all 1s ease-out 0.4s;
}
.showdiv .indexItem1 .newsConterner .list a {
  opacity: 1;
  transform: none;
}

.indexItem5 .index_animation {
  opacity: 0;
  transform: translate(-120px, 0);
  transition: all 1s ease-out 0s;
}
.indexItem5 .index_animation:nth-child(2) {
  transition: all 1s ease-out 0.1s;
}
.indexItem5 .index_animation:nth-child(3) {
  transition: all 1s ease-out 0.2s;
}
.indexItem5 .index_animation:nth-child(4) {
  transition: all 1s ease-out 0.4s;
}
.indexItem5 .index_animation:nth-child(5) {
  transition: all 1s ease-out 0.5s;
}
.indexItem.showdiv .index_animation {
  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: auto;
  background: none;
  color: #fff;
  opacity: 1;
  position: relative;
  display: inline-block;
  line-height: 1px;
  border-radius: 0;
  font-size: 20px;
  font-weight: bold;
  text-align: left;
}
.ejIndexBanner .page-index-s {
  width: 48px;
  height: 1px;
  background: #fff;
  margin-left: 30px;
  display: none;
}
.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 {
  color: #f99c34;
}
.ejIndexBanner .swiper-pagination-bullet-active .page-index-s {
  display: block;
}

.ejIndexBanner .swiper-container-horizontal > .swiper-pagination-bullets,
.ejIndexBanner .swiper-pagination-custom,
.ejIndexBanner .swiper-pagination-fraction {
  right: 300px;
  left: auto;
  width: auto;
  /* margin: 0 auto; */
  text-align: center;
  bottom: 40px;
}
.ejIndexBanner .indexBg {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
/* indexbanner end */

.ybContainer {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
}
.ybContainer_in {
  width: 100%;
  padding: 0 240px;
}
.w100 {
  width: 100%;
}
.ybSingle {
  overflow: hidden;
  width: 100%;
}
.ybSingle img {
  max-width: 100% !important;
}
.moveBorder {
  position: relative;
}
.moveBorder:after {
  transition: all ease-in-out 0.4s;
  content: "";
  width: 0;
  background-color: #f99c34;
  height: 2px;
  position: absolute;
  left: 0;
  bottom: 0;
}
.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;
}
.whiteBg .topMenu * {
  color: #333 !important;
}

.body_home .wLogo,
.pageBody .topHeader .wLogo,
.pageBody .ybSearchBox .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;
  background: rgba(255, 255, 255, 0.6);
}
.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: #f2f2f2;
}
.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: 24px;
  line-height: 72px;
}
.mNavFooter .mYYGroup a {
  background: #fff;
  border-radius: 8px;
  padding: 8px 10px;
}
.mNavFooter .zhitiTab a {
  background: #f99c34;
  border-radius: 8px;
  padding: 7px 9px;
  color: #fff;
}
.mNavFooter .zhitiTab a:hover {
  color: #fff;
}
.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: #f99c34;
}
.mNavFooter .zhitiTab {
  padding-right: 16px;
}

/* 首页 */
.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: rgba(255, 255, 255, 1);
}
.topMenu {
  height: 48px;
}
.topMenu .topitem {
  margin-left: 20px;
  cursor: pointer;
}
.ejMenuBox {
  flex: 1;
  margin-left: 30%;
}
.ejMenuBox a {
  line-height: 80px;
  height: 80px;
  font-weight: bold;
  position: relative;
  color: #000;
}
.ejMenuBox a:after {
  content: "";
  height: 2px;
  width: 0;
  opacity: 0;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #fff;
  transition: all ease-in-out 0.4s;
}
.body_home.showdiv .topitem:hover a,
.body_home.showdiv .topitem:hover,
.topMenu .topitem:hover,
.ejMenuBox a.active,
.ejMenuBox a.active1,
.ejMenuBox a:hover,
.body_home.showdiv .topHeader .ejMenuBox a.active,
.body_home.showdiv .topHeader .ejMenuBox a.active1,
.body_home.showdiv .topHeader .ejMenuBox a:hover {
  color: #f99c34;
}

.ejMenuBox a.active:after,
.ejMenuBox a.active1:after,
.ejMenuBox a:hover:after,
.body_home.showdiv .topHeader .ejMenuBox a:hover:after {
  background: #f99c34;
}
.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: fixed;
  visibility: hidden;
  opacity: 0;
  width: 100%;
  /* min-height: 300px; */
  /* box-shadow: 0px 2px 0px 0px rgb(249 156 52 / 80%);
  border-top: 1px solid rgba(0,0,0,0.2); */
  z-index: 9;
  /* background-size: 324px auto;
  background-position: right bottom; */
  padding: 11px;
  /* transform: translateY(50px); */
  overflow: hidden;
  background: rgba(100, 110, 113, 0.6);
  display: flex;
  justify-content: center;
  height: 50px;
  left: 0;
}
.ejnav_child .item .nav_link {
  position: absolute;
  right: 10%;
  left: 0 !important;
  text-align: right;
}
.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 #f4f4f4;
  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;
  padding: 0 20px;
  color: #fff;
  font-size: 14px;
}
.ejnav_child .item .nav_link a:hover {
  color: #f99c34;
}
.topHeader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 20;
  /*box-shadow: inset 0px -1px 0px 0px #e8e8e8;*/
  transform: translateY(-48px);
  border-bottom: 1px solid #e9e9e9;
}
.body_page.showdiv .topHeader {
  transform: translateY(0);
  background: rgba(255, 255, 255, 0.6);
}
.body_b {
  padding-top: 40px;
  background-color: #fff;
}
.body_b .indexItem {
  padding: 120px 0;
}
.body_b .indexItem1 {
  padding: 120px 0 216px;
}
.brandSwiperBox .gallery-top {
  height: 28.917vw;
}
.brandSwiperBox .gallery-thumbs {
  padding-top: 44px;
}

.crc-pc-nav .crc-nav-li {
}
.crc-nav-son {
  position: absolute;
}
.crc-nav-son-li {
  display: inline-block;
  padding: 0px 10px;
}

.indexTitleBox {
  text-align: center;
  font-size: 32px;
  line-height: 32px;
  font-weight: bold;
}
.indexTitleBox a {
  right: 0;
  top: 0;
  font-size: 16px;
  color: #666;
  vertical-align: middle;
  font-weight: normal;
  display: flex;
  align-items: center;
}
.indexTitleBox a:hover {
  color: #f99c34;
}
.indexTitleBox a i {
  border: 1px solid #e8e8e8;
  padding: 10px;
  border-radius: 100%;
  display: inline-block;
  line-height: 1;
  margin-left: 10px;
  font-size: 12px;
  vertical-align: middle;
  color: #f99c34;
  background: #fff;
}
.indexTitleBox a:hover i {
  color: #fff;
  background: #f99c34;
  border-color: #f99c34;
}
/* .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: #f99c34;
  color: #fff;
}
.newsConterner {
  padding-top: 40px;
}
.ejNews .newsConterner {
  padding-top: 0;
}
.newsConterner .item {
  display: none;
  position: relative;
  padding: 20px 40px 20px 20px;
  align-items: center;
  border-radius: 8px;
  border: 1px solid #e8e8e8;
  background: #fff;
}
.newsConterner .item.active {
  display: block;
}
.newsConterner .item .imgs {
  width: 40%;
  border-radius: 8px 0px 0px 8px;
  margin-right: 40px;
}
.newsConterner .item .imgs .imgs_in {
  padding-bottom: 66.66%;
  overflow: hidden;
}
.newsConterner .item .imgs .imgs_in a {
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.newsConterner .item .imgs .fullImg {
  width: 100%;
  height: 100%;
  border-radius: 8px;
}
.newsConterner .item .imgs .fullImg img,
.ejNewsBox .item .imgs img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.newsConterner .item .txtBox {
  background: #ffffff;
  border-radius: 0px 8px 8px 0px;
  /* border: 1px solid #E8E8E8; */
  flex: 1;
}
.newsConterner .item .txtBox a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 80px 0;
  transition: all ease-in-out 0.4s;
}
/* .newsConterner .item .txtBox a:hover{ background: #F4F8F6; } */
.newsConterner .item .txtBox .time {
  line-height: 1;
}
.newsConterner .item .txtBox .title {
  padding: 30px 0 20px;
}
.newsConterner .item .txtBox .txt {
  color: #666;
}
.newsConterner .list {
  margin-top: 40px;
}
.newsConterner .list a {
  width: calc(33.33% - 15px);
  background: #ffffff;
  display: block;
  padding: 40px 40px 80px;
  border-radius: 8px;
  position: relative;
  border: 1px solid #e8e8e8;
}
.newsConterner .list a:hover .title {
  height: 100%;
}
.newsConterner .list a .time {
  position: absolute;
  bottom: 40px;
  line-height: 1;
}
.newsConterner .list a .title:after {
  content: "";
  position: absolute;
  height: 24px;
  width: 2px;
  background: #71b08c;
  left: -41px;
  top: 5px;
}
.newsConterner .list a .title::before {
  content: "";
  position: absolute;
  height: 24px;
  width: 2px;
  background: #f99c34;
  left: -41px;
  top: 5px;
  transition: all ease-in-out 0.4s;
  opacity: 0;
  z-index: 10;
  transform: translateY(80px);
}
.newsConterner .list a:hover {
  background: #f4f8f6;
}
.newsConterner .list a:hover .title::before {
  transform: none;
  opacity: 1;
}
/* 新闻 · 中心 end */

/* 关于 · 我们 */
.indexaBoutUs .txtBox {
  padding: 40px 160px 0;
}
.indexaBoutUs .txtBox .list {
  padding-top: 80px;
  display: none;
}
.indexaBoutUs .txtBox .list .item {
  padding: 0 30px;
}
.indexaBoutUs .txtBox .list .item .num {
  font-size: 48px;
}
.indexaBoutUs .txtBox .list .item .name {
  padding-bottom: 10px;
}
.indexaBoutUs .txtBox .yTxt {
  padding-top: 40px;
  display: none;
}
.brandSwiperBox {
  padding-top: 60px;
  overflow: hidden;
}
.brandSwiperBox .gallery-top {
  overflow: inherit;
}
.brandSwiperBox .gallery-top .swiper-slide {
  background: #116e39;
}
.brandSwiperBox .left_imgs {
  width: 56.25%;
}
.brandSwiperBox .right_imgs {
  width: 17.76%;
}
.brandSwiperBox .txtBox {
  flex: 1;
}
.brandSwiperBox .txtBox_in {
  padding: 0 40px;
}
.brandSwiperBox .txtBox_in .txt {
  height: 240px;
}
.brandSwiperBox .txtBox_in .title {
  padding-bottom: 20px;
}
.indexbrand_more {
  padding-top: 60px;
  text-align: right;
}
.indexbrand_more a i {
  display: inline-block;
  padding: 10px;
  border-radius: 100%;
  margin-left: 10px;
  border: 1px solid #fff;
  color: #fff;
  line-height: 1;
}
.indexbrand_more a:hover {
  color: #fff;
}
.miniImgsBox .brand_btn {
  background: none;
  width: 48px;
  height: 48px;
  border: 1px solid #e8e8e8;
  border-radius: 100%;
}
.miniImgsBox .brand_btn:hover {
  border-color: #116e39;
}
.miniImgsBox .brand_btn:hover i {
  color: #116e39;
}
.miniImgsBox .brand_btn i {
  line-height: 48px;
  font-size: 48px;
  color: #666;
}
.brandSwiperBox .miniImgsBox {
  margin-top: 40px;
  padding: 0 88px;
}
.miniImgsBox .imgOut {
  padding-bottom: 100%;
  width: 100%;
}
.miniImgsBox .imgs_in {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.miniImgsBox .imgs_in .imgs_bg {
  width: 100%;
  height: 100%;
  background-image: url(../image/yb-pub-product-btn-nor.png);
}
.miniImgsBox .imgs_in .imgs_bg .imgs {
  transform: translateY(-24px);
  width: 100%;
  height: 100%;
  overflow: inherit;
}
.miniImgsBox .swiper-slide-thumb-active .imgs_in .imgs_bg {
  background-image: url(../image/yb-pub-product-btn-sel.png);
}
.miniImgsBox .swiper-slide-thumb-active .name {
  color: #116e39;
}
.miniImgsBox .gallery-thumbs .swiper-slide {
  cursor: pointer;
}
.miniImgsBox .name {
  padding-top: 10px;
}
.miniImgsBox .imgs_in .imgs_bg .imgs img {
  height: 100% !important;
  transition: all ease-in-out 0.4s;
}
.miniImgsBox .swiper-slide-thumb-active .imgs_in .imgs_bg img,
.miniImgsBox .gallery-thumbs .swiper-slide:hover .imgs_in .imgs_bg img {
  transform: translateY(-12px);
}
.miniImgsBox .imgs_in .imgs_bg .fullImg img {
  max-width: none;
  max-height: none;
}
/* 社会 · 责任 */
.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: #f99c34;
}
.indexItem5 .ybIndexfastLink a {
  border: 1px solid #e8e8e8;
  padding: 20px 40px;
  border-radius: 8px;
}
.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 {
  box-shadow: 0px 0px 10px rgb(0 0 0 / 10%);
}
.indexItem5 .indexfastWay a:first-child {
  opacity: 1;
  transform: translate(0px, 0);
}

/* ybFooter */
.ybFooter {
  background: #181818;
  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% - 300px);
  padding: 0 5%;
}
.ybFooter .ftxt .fLogo img {
  height: 60px;
}
.ybFooter .ftxt {
  color: #666;
}
.ybFooter .ftxt .txt {
  padding-top: 40px;
}
.ybFooter .fmenuList h3 {
  padding-bottom: 20px;
  color: #fff;
  font-weight: bold;
}
.ybFooter .fmenuList .item_a a {
  color: #999;
  font-size: 14px;
  margin-bottom: 10px;
  display: block;
}
.ybFooter .fmenuList .item_a a:hover {
  color: #f99c34;
}
.ybFooter .fmenuList .item {
  padding-right: 20px;
  width: calc(100% / 4);
}
.ybFooter .fCode .codeTitle {
  padding-bottom: 20px;
}
.ybFooter .fCode .codeList {
  padding-top: 10px;
}
.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: #50a45d;
}
.ybFooter .fCode .cItem:nth-last-child(2):hover i {
  color: #fff;
  background: #d2382b;
}
.ybFooter .fCode .cItem:last-of-type:hover i {
  color: #fff;
  background: #040005;
}
.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: 40px;
  font-size: 14px;
}
.ybCopyRight a {
  font-size: 14px;
  color: #666;
}
.ybCopyRight a:hover {
  color: #f99c34;
}
.ybCopyRight .copyLink {
  display: inline-block;
  /* margin-left: 60px; */
}

/* 公司简介 */
/*.ybOutContainer{ padding-top: 128px; }*/
.ybBanner {
  width: 100%;
  overflow: hidden;
  min-height: 130px;
}
.ybBanner img {
  width: 100%;
  height: auto;
}
.ybBanner .ybContainer {
  height: 100%;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.ybBannerTxt {
  width: 100%;
  height: 100%;
}
.ybBannerTxt_in {
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  height: 100%;
}
.ybBannerTxt_in .name {
  font-size: 48px;
  text-shadow: 1px 2px 0px rgba(0, 0, 0, 0.8);
}
.ybBannerTxt_in .txt {
  color: rgba(255, 255, 255, 0.6);
  margin-top: 20px;
  font-weight: bold;
}
.ybBanner .ybContainer_in {
  height: 100%;
}
.ybmNav {
  height: 60px;
  width: 100%;
  background: #fff;
  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; font-weight: bold; */
}
.ybmNav .item a:after {
  content: "";
  bottom: 0;
  position: absolute;
  height: 2px;
  background-color: #f99c34;
  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: #f99c34;
}

.ybPageContainer .ybToptitle {
  font-size: 32px;
  padding-bottom: 60px;
  font-weight: bold;
}
.pageTopTitle {
  font-size: 40px;
  padding-bottom: 60px;
}
.pageTopSubTitle {
  padding: 0 120px;
}
.pageTopBtn {
  margin-bottom: 60px;
}
.pageTopBtn > a,
.pageTopBtn > a:hover {
  display: block;
  width: 320px;
  height: 56px;
  background: #f2f2f2;
  color: #333;
  border-radius: 8px 0px 0px 8px;
  font-weight: bold;
  line-height: 56px;
  font-size: 20px;
}
.pageTopBtn > a:last-child {
  border-radius: 0px 8px 8px 0px;
}
.pageTopBtn > a.active {
  background: #f99c34;
  color: #fff;
}
/* .pageTopBanner{padding-bottom: 60px;} */
.pageTopBannerImg {
  overflow: hidden;
  padding: 160px 0 0;
  border-radius: 8px;
  overflow: hidden;
}
.pageTopBanner_in {
  width: 800px;
  padding: 40px;
  height: 320px;
  background-color: rgba(255, 255, 255, 0.95);
  border-radius: 8px 0 0 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.pageTopBanner_in .title {
  padding-bottom: 20px;
  box-shadow: inset 0px -1px 0px 0px #d9d9d9;
}
.pageTopBanner_in .title i {
  font-size: 28px;
  line-height: 1;
  padding-right: 16px;
}
/*.pageTopBanner_in .txt{ padding-top: 40px; }*/

/* .ybCompany .txt{ padding:0 100px 80px; } */
.ybCompany .list {
  /* padding:0 120px; */
  /*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 {
  text-align: center;
  margin: 0 10px;
}
.ybCompany .list .numBox {
  padding: 16px 0;
  text-align: center;
  height: 90px;
}
.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-top: 80px;
  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; */
  width: 0;
  border-top: none;
  top: 0;
  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: #f99c34;
  border: 2px solid #fff;
}
.ybHistory .imgs_swiper .swiper-pagination-bullet-active {
  background-color: #f99c34;
  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: 1px;
  width: 48px;
  height: 48px; /*background: none;*/
  margin: 0;
}
.ybHistoryList_btn .swiper-button-prev {
  left: 0;
}
.ybHistoryList_btn .swiper-button-next {
  right: 2px;
}
.ybHistoryList_btn .h_btn i {
  line-height: 1;
  font-size: 48px;
  background: #fff;
  border-radius: 100%;
  color: #f99c34;
}
.ybHistoryList_btn .h_btn i:hover {
  background: #f99c34;
  color: #fff;
}
/* 资质荣誉 */
.yb22837 {
  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;
}
/* 新闻动态 */
.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);
}
.ejNewsBox {
  padding-top: 40px;
}
/*.ybHonor .ejNewsBox{ padding-top: 0; }*/
.ybHonor .ejNewsBox .item {
  margin-bottom: 20px;
}
.ybHonor .ejNewsBox .item:first-child {
  margin-top: 0;
}
.ejNewsBox .item a {
  position: relative;
  padding: 20px 40px 20px 20px;
  /*  box-shadow: inset 0px -1px 0px 0px #F6F6F6;*/
  /*transition: all ease-in-out 0.4s;*/
  align-items: center;
  border-radius: 8px;
  border: 1px solid #e8e8e8;
  background: #fff;
}
.ejNewsBox .item a:hover {
  /*background: #F4F8F6;*/
}
.ejNewsBox .item .timeBox {
  width: 100px;
  height: 100px;
  margin-left: 40px;
  background: #fffbf6;
  box-shadow: inset 0px 4px 0px 0px #f99c34;
  /*border: 1px solid #E8E8E8;*/
}
.ejNewsBox .item a:hover .timeBox {
  background: #f99c34;
}
.ejNewsBox .item a:hover .timeBox > div {
  color: #fff;
}
.ejNewsBox .item .imgs {
  width: 270px;
  height: 180px;
  overflow: hidden;
  margin-right: 40px;
  border-radius: 8px;
}
.ejNewsBox .item .dfReverse .imgs {
  margin-left: 40px;
  margin-right: auto;
}
.ejNewsBox .item .txtBox {
  flex: 1;
  overflow: hidden;
  display: block;
}
.ejNewsBox .item .d {
  font-size: 32px;
  line-height: 1;
  padding: 20px 0 12px;
}
.ejNewsBox .item .y {
  line-height: 1;
}
.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: #f99c34;
}
/* 精彩活动 */
.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: 64px;
  height: 64px;
  background: #f99c34 url("../image/video-close-icon.png") 0 0 no-repeat;
  right: -64px;
  top: 0;
  background-size: 100%;
}
/* .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: #f99c34;
  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.3333%;
  padding: 30px 20px;
  display: none;
}
.ybvideoList .item:last-child,
.ybvideoList .item:nth-child(-n + 9) {
  display: block;
}
.ybvideoAndPic .fullImg {
  border-radius: 8px 8px 0 0;
}
.ybvideoAndPic.ybPageContainer .ybToptitle {
  padding-bottom: 0;
}
.ybvideoList .item.js-item {
  display: none;
}
.ybvideoList .item .item_in {
  width: 100%;
  cursor: pointer;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #e8e8e8;
  background-color: #fff;
}

.ybvideoList .video-txtx-wrap {
  border-radius: 0 0 8px 8px;
  border: 1px solid #e8e8e8;
  padding-top: 32px;
}

.ybvideoList .item .imgs {
  padding-bottom: 56.25%;
}
.ybvideoList .item .imgs .imgs_in {
  overflow: hidden;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.ybvideoList .item .vName {
  padding: 20px 0 32px;
  font-weight: bold;
}
.ybvideoList .item .vDate {
  color: #999;
}
.ybvideoList .item .vSpacer {
  margin: 12px auto 0;
  width: 24px;
  height: 4px;
  background: #d8d8d8;
}
.ybvideoList .videoBtn {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  /* background: rgba(249,156,52,0.4);  */
  opacity: 0;
}
.ybvideoList .item .item_in:hover .videoBtn,
.ybvideoList .moreVideo .item_in .videoBtn {
  opacity: 1;
}
.ybvideoList .item .item_in:hover .vName {
  color: #f99c34;
}
.ybvideoList .videoBtn .videoBtn_in {
  width: 100%;
  height: 100%;
}
.ybvideoList .videoBtn .iBtn {
  border-radius: 100%;
  background-color: #fff;
  width: 48px;
  height: 48px;
  font-size: 48px;
  line-height: 1;
  text-align: center;
  color: #f99c34;
}
.ybvideoList .item.moreVideo .imfs_in img {
  border-radius: 8px;
}
.ybvideoList .item .item-txt {
  padding: 40px;
}

.ybvideoList .item .item-txt h3 {
  margin-bottom: 20px;
}
.ybvideoList .item .item-txt h6 {
  margin-bottom: 20px;
}
.ybvideoList .item .item-txt .text {
  height: 210px;
  overflow-y: auto;
}

/* 图片库 */
.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(249, 156, 52, 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 #f99c34;
}
.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: #f99c34;
}
.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: #f99c34;
}
.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: #f99c34;
  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: #f99c34;
}
.productTab a.active i {
  color: #f99c34;
}
.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 #f99c34;
  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: #f99c34;
  transition: all ease-in 0.4s;
  border: 1px solid #f99c34;
}
.onlineShopping_in .item a:hover {
  background-color: #f99c34;
  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: #f99c34;
}
.drinkClassTab a.active {
  color: #f99c34;
}
.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 #f99c34;
  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: #f99c34;
}

.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: #f99c34;
  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: 42%;
  left: 0;
  top: 0;
  min-height: 400px;
}
.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: #fff;
  min-height: 400px;
  border-radius: 8px;
  /*padding:80px;*/
  padding-left: 49%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.ITList .ybCharity_in .list .txtBox {
  background: none;
}
.ybCharity_in .list:nth-child(2n) .txtBox {
  padding-right: 49%;
  padding-left: 0;
}
.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: 20px;
}
.ybCharity_in .list a {
  color: #fff;
  background: #f99c34;
  border-radius: 30px;
  padding: 12px 10px;
  font-size: 12px;
}
.ybCharity_in .list .RCMS_EDITOR {
  display: inline-block;
}
.ybCharity_in .list .RCMS_EDITOR a {
  border-radius: 8px;
}
.ybCharity_in .list dt {
}

.srPage .list {
  padding-left: 240px;
  padding-bottom: 0;
  padding-top: 80px;
  margin: 80px 0 0;
}
.srPage .list .imgs {
  width: 90%;
}
.srPage .list .imgs .imgsFix {
  padding-bottom: 31.25%;
}
.srPage .list .imgs .imgsFix img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ybContainer_in .srPage .list .txtBox {
  padding: 40px;
  z-index: 1;
  position: relative;
  border: 1px solid #e8e8e8;
}
.srPage .list:nth-child(2n) {
  padding-right: 240px;
  padding-left: 0;
}

.text-h {
  height: 288px;
  overflow-y: auto;
}

.card-1 .list.sm-textarea {
  margin: 80px 0 0;
  border: none;
  padding: 80px 0 0 840px;
}
.card-1 .list.sm-textarea:nth-child(2n) {
  padding-right: 840px;
  padding-left: 0;
}
.card-1 .list.sm-textarea .txtBox {
  padding: 60px 40px;
  min-height: auto;
}
.card-1 .sm-textarea .txt {
  padding-bottom: 0;
}
.card-1 .sm-textarea {
  margin-top: 80px;
  z-index: 1;
  position: relative;
  border: 1px solid #e8e8e8;
  padding: 60px 40px;
  min-height: auto;
  width: 100%;
  background: #fff;
  border-radius: 8px;
}

.card-2 .list.sm-textarea.center-textarea {
  padding: 60px 0 60px 840px;
}
.card-2 .list.sm-textarea.center-textarea .txtBox {
  padding: 40px;
  min-height: auto;
}

/* 慈善公益 详情 */
.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;
}
.CharityimgBox_top .swiper-pagination .swiper-pagination-current {
  color: #f99c34;
}
.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;
  color: #f99c34;
}
.CharityimgBox_thumbs_out .dis-i {
  cursor: default;
}
.CharityimgBox_thumbs_out .dis-i i {
  color: #999;
}
.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: 14%;
}
.ybzrHistory_in .list .imgs .imgsFix {
  padding-bottom: 133.33%;
  overflow: hidden;
  border-radius: 8px;
}
.ybzrHistory_in .list .txtBox {
  padding: 20px 6% 20px 40px;
  flex: 1;
  width: 74%;
}
.ybzrHistory_in .list .txtBox .title {
  padding-bottom: 20px;
}
.ybzrHistory_in .list .txtBox .title span {
  margin-left: 16px;
  color: #666;
  font-size: 14px;
}
.ybzrHistory_in .list .imgs .imgsFix img {
  border-radius: 8px;
}
.esPage .ybzrHistory_in .list .txtBox .title > div {
  margin-left: 0;
  color: #333;
  font-size: 20px;
}
.esPage .ybzrHistory_in .list .txtBox .title > div > div {
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background: #f99c34;
  float: left;
  margin: 13px 10px 0 0;
}
.esPage .ybzrHistory_in .list .txtBox .title img {
  width: 28px;
  height: 28px;
  background: #f2f2f2;
}
.esPage .ybzrHistory_in .list {
  padding: 30px 40px 30px 33px;
}
.esPage .ybzrHistory_in .list .txtBox {
  padding: 0;
}

/* 责任报告 */
.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: #f99c34;
  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: #f99c34;
  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: 40px;
  padding-bottom: 40px;
  box-shadow: inset 0px -1px 0px 0px #e8e8e8;
}
.ybMap_in .list h3 {
  font-size: 20px;
  line-height: 1;
}
.ybMap_in .list .item {
  flex-wrap: wrap;
}
.ybMap_in .list:last-child {
  margin: 0;
}
.ybMap_in .list a {
  margin-top: 16px;
  display: inline-block;
  margin-right: 120px;
  min-width: 90px;
}
.ybMap_in .list a > svg {
  font-size: 14px !important;
}
.ybMap_in .list a:hover {
  color: #f99c34;
}
/* 管理团队 */
.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 #f99c34;
}
.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;
  font-size: 32px;
  line-height: 1;
}
.pubMap .ybMap_in .listBox {
  overflow: hidden;
  height: calc(100% - 80px);
}
/* ybSearchBox */
.ybSearchBox {
  position: fixed;
  z-index: -1;
  width: 100%;
  height: 128px;
  background: #f7f8fa;
  top: 0;
  transform: translateY(50px);
  opacity: 0;
}
.ybSearchBox.active {
  z-index: 299;
  opacity: 1;
  transform: none;
}
.ybSearchBox .search_in {
  width: 780px;
  height: 56px;
  margin: 0 auto;
}
.ybSearchBox .search_in .search_w {
  width: 100%;
  height: 100%;
}
.ybSearchBox .search_in .search_w input {
  width: 100%;
  height: 100%;
  background: #fff;
  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: #f99c34;
  color: #fff;
  line-height: 56px;
  border-radius: 0 4px 4px 0;
}

/*pubSwiperPage*/
.indexItem4 .swiper-container {
  padding-bottom: 54px;
}
.pubSwiperPage .swiper-pagination .swiper-pagination-bullet {
  width: 40px;
  height: 3px;
  border-radius: 0;
  background: #f99c34;
}
.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;
  font-weight: bold;
}
.ybCulture .list {
  border-radius: 8px;
  padding: 40px;
  border: 1px solid #e8e8e8;
  background: #fff;
}
.ybCulture .list_in {
  width: 100%;
}
.ybCulture .list {
  margin-top: 40px;
}
.ybCulture .list1 {
  margin-bottom: 80px;
}
.ybCulture .itemTitle {
  font-size: 20px;
  padding-bottom: 20px;
  color: #333;
  line-height: 28px;
  font-weight: bold;
}
.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 .list1 .item1 {
  padding-left: 120px;
  align-items: center;
}
.ybCulture .list1 .imgs {
  width: 414px;
}
.ybCulture .list1 .listBox {
  padding: 0 0 0 200px;
}
.ybCulture .list1 .listBox .item {
  border: none;
}
.ybCulture .list7 .imgs {
  width: 140px;
}

.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;
  font-weight: bold;
}
.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: 1180px;
  margin: 0 auto;
}
.ybsingle {
  overflow: hidden;
  width: 100%;
  text-align: justify;
}
.ybDetail .ybsingle {
  width: 1180px;
  margin: 0 auto;
}
.ybsingle img {
  max-width: 100%;
}
.ybDetail_in .dtName {
  font-size: 30px;
  color: #333333;
  line-height: 48px;
}
.ybDetail_in .dtInfo {
  padding: 40px 0; /*margin-bottom: 40px;  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;
  color: #f99c34;
}
.dtImgsBox .dtSwiperBtn.swiper-button-disabled {
  color: #999;
}
.dtImgsBox .dtSwiperBtn_next {
  right: -68px;
}
.dtImgsBox .dtSwiperBtn_prev {
  left: -68px;
}
.dtImgsBox .dtSwiperBtn i {
  font-size: 48px;
  line-height: 48px;
}
.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: #666;
}
.fjShare .item {
  border-radius: 100%;
  border: 1px solid #dedede;
  margin-left: 20px;
  width: 40px;
  height: 40px;
  cursor: pointer;
}
.fjShare i {
  font-size: 40px;
  line-height: 40px;
  color: #666;
}
/* .fjShare .item:nth-child(2){
  border-color: #DEDEDE;
} */
/* .fjShare .item:nth-child(2) i{color: #666;} */
/* .fjShare .item:nth-child(3){
  border-color: #DEDEDE;
} */
/* .fjShare .item:nth-child(3) i{color: #666;} */
.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 {
  opacity: 1;
  z-index: 1;
  transform: none;
}

.rqpreNext {
  width: 100%;
  padding-top: 40px;
  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-left: 0;
}
/* 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: #f99c34;
}
.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;
}

/*返回顶部*/
.indexBody #goTopBtn {
  /* margin-top: 60px; */
  margin-bottom: -1px;
}
#goTopBtn {
  margin-top: 0;
  margin-bottom: -1px;
}
.goTopBtn_in {
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 14px;
  background: #181818;
  color: #fff;
  font-weight: bold;
}

/*老数据移移详情页*/
.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: #f99c34;
  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: #f99c34;
  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;
}

.ybContainer_tsc {
  margin-top: 80px;
}
.CompanyIntroduction .ybContainer_tsc {
  margin-top: 120px;
}
.CompanyIntroduction .ybContainer_in-Sh2 .ybContainer_tsc {
  margin-top: 60px;
}
.CompanyIntroduction .ybContainer_in-Sh2 .ybContainer_tsc .ybvideoList {
  padding-top: 0;
}
.flex-a-c {
  align-items: center;
}
.mb80 {
  margin-bottom: 80px;
}
.mb60 {
  margin-bottom: 60px;
}
.mb40 {
  margin-bottom: 40px;
}
.mb20 {
  margin-bottom: 20px;
}
.mb10 {
  margin-bottom: 10px;
}
.mb0 {
  margin-bottom: 0 !important;
}
.ml8 {
  margin-left: 8px;
}
.ml20 {
  margin-left: 20px;
}
.ml40 {
  margin-left: 40px;
}
.mt0 {
  margin-top: 0 !important;
}
.mt20 {
  margin-top: 20px;
}
.mt40 {
  margin-top: 40px;
}
.mt60 {
  margin-top: 60px;
}
.mt72 {
  margin-top: 72px;
}
.mt80 {
  margin-top: 80px;
}
.mt120 {
  margin-top: 120px;
}
.mr180 {
  margin-right: 180px;
}
.p-l-r-120 {
  padding: 0 120px;
}
.pageTopBanner-card1 .item-Sh1 {
  width: 45%;
}
.pageTopBanner-card1 .item-Sh1-txt {
  width: 48.6%;
}
.pageTopBanner-card1 .item-Sh1 .fullImg img {
  width: 100%;
  object-fit: cover;

  height: 427px;
  border-radius: 8px;
}
.pageTopBanner-card1 .item-Sh1-txt .item-txt .text {
  /* max-height: 356px; */
  height: 330px;
  overflow-y: auto;
}

.item-Sh1 {
  width: 50%;
}
.item-Sh1-l {
  padding-right: 130px;
}
.item-Sh1-r {
  padding-left: 120px;
}
.ybContainer_tsc .need-align {
  margin: 0 -20px;
}
.ybContainer_tsc .item-Sh2 {
  width: 25%;
}
.ybContainer_tsc .item-Sh2 img {
  height: 380px;
  object-fit: cover;
}
.ybContainer_tsc .item-Sh2 .item-txt {
  padding: 0;
}
.ybContainer_tsc .item-Sh2 .item-txt h3 {
  margin: 20px;
  text-align: left;
  height: 80px;
}
.item-txt-icon .icon {
  width: 40px;
  height: 40px;
}
.ybvideoList .item-txt-img .imgs {
  margin: 0;
}
.ybvideoList .item-txt-img .videoBtn {
  opacity: 1;
  cursor: default;
  background: rgba(0, 0, 0, 0.05);
}
.card-0 {
  height: 280px;
  overflow: hidden;
}
.card-0 .item-card-0-l {
  width: 42.86%;
  height: 100%;
  border-radius: 8px 0 0 8px;
  overflow: hidden;
}
.card-0 .item-card-0-r {
  flex: 1;
  border-radius: 0 8px 8px 0;
  border: 1px solid #e8e8e8;
  /* padding: 20px; */
  padding: 15px 20px;
  height: 100%;
  background-color: #fff;
  line-height: 1.5;
}
.card-3 .item {
  width: 20%;
}
.card-3 .item .item-txt .text {
  height: auto;
}
.card-4 .item .item_in {
  padding: 20px;
}
.card-4 .item .item_in .img {
  margin: -10px 0 40px -10px;
  width: 90%;
  border-radius: 8px 0 0 8px;
}
.card-4 .item .item-txt .text {
  height: 136px;
}
.card-5 .item.item-txt-icon {
  width: 25%;
  padding: 0;
  background: rgba(0, 0, 0, 0.2);
  height: 580px;
  box-shadow: inset -1px -1px 0px 0px rgba(255, 255, 255, 0.2);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.card-5 .item .item-txt .text {
  height: 240px;
  overflow-y: auto;
  /* display: none; */
  visibility: hidden;
  opacity: 0;
  transform: translateY(50px);
  position: absolute;
  width: 100%;
  left: 0;
}
.card-5 .item .item-txt .text.active {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
  position: relative;
}
/* .card-5 .item:hover{ background: rgba(249,156,52,0.95); } */

.item_in-showhide {
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  height: 100%;
  background: rgb(249, 156, 52);
  padding: 80px 40px 20px;
  z-index: 2;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.card-5 .item:hover .item_in-showhide,
.item_in-showhide.active {
  top: 0;
}

.card-5 .item .item_in-showhide .text {
  height: 240px;
  overflow-y: auto;
  /* display: none; */
}

/* .card-5 .item:hover .item-txt .text{display: block;} */
.card-5 .item .item_in {
  border-radius: 0;
  border: 0;
  position: relative;
}
.card-6 .list {
  padding-left: 42.857%;
}
.card-6 .list .txtBox {
  min-height: 320px;
}
.ybContainer_tsc_4 .card-6 .list {
  padding-left: 0;
  padding-right: 42.857%;
}
.ybContainer_tsc_4 .card-6 .list .imgs {
  left: auto;
  right: 0;
}
.h-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ybDetail .detail-page {
  background: #fff;
  position: relative;
  top: -240px;
  padding: 80px 94px;
  z-index: 9;
  margin-bottom: -200px;
  border-radius: 8px;
}
.ybDetail .detail-page .ybsingle {
  width: 100%;
}
.txt-box {
  padding: 40px 20px;
}

.g-all {
  font-weight: bold;
  color: #fff;
  padding: 16px 62px;
  background: #f99c34;
  border-radius: 8px;
  display: inline-block;
}
.g-all:hover {
  color: #fff;
}
.imgsFix_in-txt {
  padding: 80px;
}
.imgsFix_in-txt-padding {
  padding-left: 20px;
}
.card-swiper .ybvideoList {
  flex-wrap: nowrap;
}
.card-swiper .ybvideoList .item {
  padding: 30px 0;
}
.card-swiper .card-swiper-un .ybvideoList {
  justify-content: center;
}
.card-swiper .card-swiper-un .swiper-button-disabled {
  display: none;
}

.towRow {
  word-wrap: break-word;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.fiveRow {
  -webkit-line-clamp: 5;
}
/* 首页 */

.indexAboutUs .item-Sh1-text {
  margin-left: 100px;
}
.indexItem0 .item-Sh1 {
  width: 48%;
}
.indexAboutUs .item-Sh1-img {
  max-height: 480px;
  background: #ffffff;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  padding: 30px 130px;
}
.indexAboutUs .item-Sh1-img .item_in {
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.item-Sh1-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.a-btn {
  padding: 8px 16px;
  border-radius: 8px;
  border: 1px solid #fff;
}
.a-txt {
  padding: 0;
  border-radius: 0;
  border: none;
}

.body_b .indexItem-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1;
}
.indexItem4 .card-5 .item:hover {
  color: #fff;
}
.indexItem4 .card-5 .item:hover .indexItem-mask {
  /* background: rgba(249,156,52,0.9); */
}
.indexItem4.indexItem .a-btn {
  display: inline-block;
}
.indexItem3 .indexTitleBox a {
  color: #fff;
}
.indexItem3 .indexTitleBox a:hover {
  color: #f99c34;
}
.indexItem0 .ejNewsBox .item a {
  border: none;
  border-bottom: 1px solid #e8e8e8;
  border-radius: 0;
  padding: 17px 0 20px 0;
}
.indexItem0 .ejNewsBox .item a.pt-0 {
  padding-top: 0;
}
.indexItem0 .ejNewsBox .item .timeBox {
  width: 80px;
  height: 80px;
  margin-left: 0;
  margin-right: 40px;
  background: #fff;
  border: 1px solid #e8e8e8;
}
.indexItem0 .ejNewsBox .item .title {
  padding-bottom: 8px;
}
.indexItem0 .ejNewsBox .ejNewsBox-txt-img {
  border-radius: 8px;
  overflow: hidden;
  height: auto;
}
.indexItem0 .ejNewsBox-txt-img .txt-img-i {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.indexItem0 .ejNewsBox .ejNewsBox-txt-img .txt-img-t {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
  padding: 27px 20px;
  border: none;
}
.indexItem1 .fullImg {
  border-radius: 0 8px 8px 0;
}
.indexItem .a-btn {
  border-radius: 28px;
  padding: 16px 36px;
}
.indexItem .a-btn:hover {
  background: #fff;
}
.MainBusiness .list {
  width: 100%;
  overflow: hidden;
}
.MainBusiness .list .imgs {
  width: 65.625%;
  right: 0;
  top: 0;
  min-height: 400px;
}
.MainBusiness .list .txtBox {
  width: 100%;
  background: #fff;
  min-height: 500px;
  border-radius: 8px;
  padding-right: 68%;
  padding-left: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.MainBusiness .fullImg img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.swiper-btn-page {
  position: relative;
}
.swiper-btn-page .swiper-button-next,
.swiper-btn-page .swiper-button-prev {
  right: 68px;
  left: auto;
  bottom: -60px;
  top: auto;
}
.swiper-btn-page .swiper-button-next {
  right: 0;
}
.swiper-btn-page .swiper-pagination-fraction,
.swiper-btn-page .swiper-pagination-custom,
.swiper-btn-page .swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: -60px;
  left: auto;
  width: auto;
  right: 136px;
  font-size: 20px;
  color: #fff;
}
.swiper-btn-page .swiper-pagination-fraction > span {
  font-weight: bold;
}
.MainBusiness .swiper-btn-page .swiper-pagination-fraction,
.MainBusiness .swiper-btn-page .swiper-pagination-custom,
.MainBusiness
  .swiper-btn-page
  .swiper-container-horizontal
  > .swiper-pagination-bullets,
.MainBusiness .swiper-btn-page .swiper-button-next,
.MainBusiness .swiper-btn-page .swiper-button-prev {
  bottom: -84px;
}
.MainBusiness .imgsFix {
  padding-bottom: 500px;
}
.swiper-btn-page .swiper-pagination-fraction .my-pagination-current {
  color: #fff;
}
.swiper-btn-page .swiper-pagination-fraction .swiper-pagination-total {
  color: #8a9fb1;
}
.ybmHeader div i {
  color: #666;
}
.PublicInterest .PublicInterest-swiper {
  border-radius: 8px;
  overflow: hidden;
}
.PublicInterest .ybvideoList .item .item_in {
  background: none;
}
.shzr .ybContainer_tsc .ybvideoList {
  flex-wrap: nowrap;
  padding-top: 0;
}
.need-align {
  margin: 0 -20px;
}
.rczp .need-align {
  margin: 0 -20px;
}

/* .rczp .card-2 .list.sm-textarea.center-textarea{padding: 35px 0 35px 60%; margin-top: 0;} */
.rczp .card-2 .list.sm-textarea.center-textarea {
  padding: 3.2% 0 3.2% 60%;
  margin-top: 0;
}
.JobVacancies .card-2 .list.sm-textarea.center-textarea {
  padding: 2.2% 0 2.2% 60%;
  margin-top: 0;
}
.rczp .card-2 .list.sm-textarea.center-textarea .txtBox {
  padding: 30px;
}

.card-1 .list.sm-textarea.list-item3 {
  padding-right: 840px;
  padding-left: 0;
}
.card-1 .list.sm-textarea.list-item3 .imgs {
  left: auto;
  right: 0;
}

.swiper-btn-all .swiper-button-prev,
.swiper-btn-all .swiper-button-next {
  width: 48px;
  /* height: 48px; */
  background: none;
}
.swiper-btn-all .h_btn i {
  line-height: 1;
  font-size: 48px;
  background: #fff;
  border-radius: 100%;
  color: #f99c34;
}
.swiper-btn-all .h_btn i:hover {
  background: #f99c34;
  color: #fff;
}
.cardSwiper2 .swiper-button-prev {
  left: 0;
}
.cardSwiper2 .swiper-button-next {
  right: 0;
}
.cardSwiper4 .swiper-button-prev {
  left: 20px;
}
.cardSwiper4 .swiper-button-next {
  right: 20px;
}

.a-more i {
  border: 1px solid #e8e8e8;
  padding: 10px;
  border-radius: 100%;
  display: inline-block;
  line-height: 1;
  margin-left: 10px;
  font-size: 12px;
  vertical-align: middle;
  color: #f99c34;
  background: #fff;
}
.a-more:hover i {
  background: #f99c34;
  color: #fff;
}

.cardSwiper3 {
  padding: 60px 0;
}
.cardSwiper3 .swiper-pagination-fraction,
.cardSwiper3 .swiper-pagination-custom,
.cardSwiper3 .swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 7px;
  left: auto;
  width: auto;
  right: 450px;
  font-size: 20px;
  color: #999;
  font-weight: bold;
}
.cardSwiper3 .swiper-pagination-fraction .my-pagination-current {
  color: #f99c34;
}
.cardSwiper3 .swiper-slide {
  text-align: center;
  font-size: 18px;
  /* background: #fff; */
  /* 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; */
  transition: 300ms;
  /* transform: scale(0.9); */
}
.cardSwiper3 .swiper-slide .fullImg {
  border-radius: 8px;
}
.cardSwiperM3 .swiper-slide .imgsFix,
.cardSwiper3 .swiper-slide .imgsFix {
  padding-bottom: 66.667%;
}
.cardSwiperM3 .swiper-slide .fullImg img,
.cardSwiper3 .swiper-slide .fullImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cardSwiper3 .swiper-slide .item-txt h3 {
  margin: 20px 0;
  display: none;
}
.cardSwiper3 .swiper-slide-active,
.cardSwiper3 .swiper-slide-duplicate-active {
  transform: scale(1.225);
  z-index: 1;
}
.cardSwiper3 .swiper-slide-active .item-txt h3,
.cardSwiper3 .swiper-slide-duplicate-active .item-txt h3 {
  display: block;
}
.cardSwiper3 {
  --swiper-theme-color: #ff6600; /* 设置Swiper风格 */
  --swiper-navigation-color: #00ff33; /* 单独设置按钮颜色 */
  --swiper-navigation-size: 30px; /* 设置按钮大小 */
}
.cardSwiper3 .swiper-button-next,
.cardSwiper3 .swiper-button-prev {
  right: 360px;
  left: auto;
  bottom: 5px;
  top: auto;
}
.cardSwiper3 .swiper-button-next {
  right: 260px;
}

.svg-box {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  background: #f2f2f2;
  border-radius: 100%;
}
.svg-box .icon {
  display: none;
}
.svg-box .icon.active {
  display: block;
}

.mask-div {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: none;
  background: rgba(0, 0, 0, 0.6);
}
.mask-div .mask-div-box {
  position: relative;
  margin: 130px auto;
  width: 37%;
  padding: 10px 10px 40px;
  background: #fff;
}
.mask-div-close {
  width: 64px;
  height: 64px;
  position: absolute;
  top: 0;
  right: -64px;
  background: #006067;
  cursor: pointer;
}
.mask-div-close > svg {
  font-size: 64px;
}
.ContactUs .pageTopBannerImg {
  width: 90%;
  padding: 80px 0 0;
}
.ContactUs .ybvideoList .item {
  width: 50%;
  margin-bottom: 80px;
}
.ContactUs .ybvideoList .item .item_in {
  background: #fff;
}
.ContactUs .ybvideoList {
  margin-top: -370px;
}

.ejOlineMsg {
  padding-top: 40px;
}
.ejOlineMsg .list {
  width: 50%;
}
/* .ejOlineMsg .list_l{ padding-right: 30px;} */
.ejOlineMsg .list_r {
  padding-left: 30px;
}
.ejOlineMsg .item {
  height: 56px;
  line-height: 56px;
  padding-left: 16px;
  margin-bottom: 40px;
  background: #fff;
  border: none;
  border-radius: 8px;
  /* overflow: hidden; */
}
.ejOlineMsg .item {
  display: flex;
  position: relative;
}
.ejOlineMsg .item span,
.ejOlineMsg .list_r span {
  color: #e50113;
  padding-right: 5px;
}
.ejOlineMsg .item label,
.ejOlineMsg .list_r label {
  color: #666;
  font-size: 16px;
}
.ejOlineMsg .item input {
  flex: 1;
  padding: 5px 20px;
  border: none;
  font-size: 16px;
}
.ejOlineMsg .msgBox {
  height: 100%;
  flex: 1;
}
.ejOlineMsg .msgBox textarea {
  height: 100%;
  width: 100%;
  border: none;
  padding: 20px;
}
.ejOlineMsg #cement-yzm {
  position: relative;
}
.ejOlineMsg .item .yzm {
  right: 8px;
  top: 8px;
  height: 40px;
  cursor: pointer;
}
.cement-btn {
  width: 50%;
  margin: 0 auto;
}
.cement-btn button {
  border: none;
  width: 160px;
  height: 64px;
  line-height: 64px;
  color: #fff;
  cursor: pointer;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  background-color: #e8e8e8;
  border-radius: 8px;
}
.cement-btn .cement-submit-info {
  background: #f99c34;
  margin: 0 12px 0 0;
}
.ejOlineMsg .item .crv-tips {
  position: absolute;
  left: 0;
  bottom: -24px;
  line-height: 1.2;
}
/************************************/
.fix-card-1 .card-1 .list.sm-textarea {
  padding-top: 120px;
}
.fix-card-1 .card-1 .sm-textarea {
  color: #fff;
}
.fix-card-1 .ybContainer_in .srPage .list .txtBox {
  border: none;
}
.fix-card-1 .card-1 .sm-textarea.bgc-0 {
  margin-top: 0;
}
.fix-card-1 .card-1 .sm-textarea.bgc-0 .txtBox {
  background: #f99c34;
  border-radius: 20px 0px 20px 0px;
}
.fix-card-1 .card-1 .sm-textarea.bgc-1 {
  background: #208a59;
  border: none;
}
.fix-card-1 .card-1 .sm-textarea.bgc-2 .txtBox {
  background: #2b6994;
  border-radius: 0px 20px 0px 20px;
}
.JoinUsPage .card-1 .sm-textarea {
  background: none;
}

.item-txt-icon .fix-icon {
  width: 120px;
  height: 120px;
}
.indexItem0 .ejNewsBox .item .d {
  font-size: 26px;
}
.indexItem0 .ejNewsBox .item .y {
  font-size: 13px;
}
.indexItem3 .fullImg {
  overflow: visible;
}
.indexItem3 .fullImg img {
  border: 8px solid #fff;
  border-radius: 8px;
  box-shadow: 10px 10px 0 0 rgba(255, 255, 255, 0.2);
  object-fit: cover;
}
.shadow-box {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 8px;
  box-shadow: 20px 20px 0 0 #f2f2f2;
}
.fix-img .fullImg img {
  width: 100%;
  height: 247px;
  object-fit: cover;
}
.fix-img .ybvideoList .item .item-txt h3 {
  height: 60px;
}
.ybCulture .list1 .item1 .item h4 {
  padding-bottom: 10px;
}
.ybCulture .list1 .item1 .txt p {
  min-width: 192px;
  padding-bottom: 10px;
}
.ybCulture .list1 .item {
  padding-bottom: 20px;
  margin: 0;
}
.fix-tb .ybContainer_tsc .item-Sh2 .item-txt .fix-txt-box {
  padding: 40px 20px;
}
.fix-tb .ybContainer_tsc .item-Sh2 .item-txt .fix-txt-box h3 {
  margin: 0;
}
.fix-detail .ybmNav {
  display: none;
  opacity: 0;
}
.fix-map-border {
  border-right: 1px solid #e8e8e8;
}
.fix-zhongyi-colo
  .cardSwiper3
  .swiper-pagination-fraction
  .my-pagination-current,
.fix-zhongyi-colo .swiper-btn-all .h_btn i,
.fix-zhongyi-colo h3.cm {
  color: #006067;
}
.fix-zhongyi-colo .swiper-btn-all .h_btn i:hover {
  background: #006067;
  color: #fff;
}
.fix-AllMainBusinessPages .ybContainer_tsc_4 .card-6 .list {
  padding-right: 0;
  padding-left: 42.857%;
}
.fix-AllMainBusinessPages .ybContainer_tsc_4 .card-6 .list .imgs {
  left: 0;
  right: auto;
}
.fix-hjbh-img .srPage .list .imgs .imgsFix {
  padding-bottom: 35.56%;
}
.index-btn-next {
  width: auto;
  height: auto;
  background: none;
  top: auto;
  right: 260px;
  bottom: 45px;
  left: auto;
}
.index-btn-next .icon {
  width: 23px;
}
.fix-bg-num {
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: 70px;
}
/* .fix-nobg-num{background: none!important;} */
.ybvideoList .item .item_in.fix-nobg-num {
  background-image: none !important;
}

.fix-gywm-jdyw {
  width: 100%;
  position: relative;
  padding-bottom: 47%;
}
.fix-gywm-jdyw img {
  position: absolute;
  width: 100%;
  top: 0;
}
.fix-gywm-jdyw .list {
  width: 50%;
  padding: 0;
  margin-left: auto;
  margin-right: auto;
  top: 0;
  left: 0;
  right: 0;
}

.fix-txt-max920 .pageTopSubTitle {
  max-width: 920px;
  margin: 0 auto;
  padding: 0;
}
.qywh-txt-icon {
  display: inline-block;
  margin-right: 8px;
  width: 16px;
  height: 16px;
  background: url("../image/gywm-txt-icon.png") 0 0 no-repeat;
  background-size: 100% 100%;
  vertical-align: -2px;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  pointer-events: initial;
}
.item-txt-icon .icon.index-khfw-btn-icon {
  width: 17px;
  height: 17px;
  margin-left: 8px;
}
.fix-tb .card-4 .item .item-txt .text {
  height: 90px;
}
.fix-gywm-zyls-are {
  max-height: 480px;
  overflow: hidden;
  overflow-x: auto;
  height: 100%;
  border-radius: 8px;
  margin-top: 30px;
}
.fullImg .fix-gywm-zyls-img,
.fix-gywm-zyls-are .fix-gywm-zyls-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  /* z-index: -1; */
  display: none;
}
.fullImg .fix-gywm-zyls-img:first-child,
.fix-gywm-zyls-are .fix-gywm-zyls-img:first-child {
  display: block;
}
.card-5 .item.item-txt-icon.fix-gywm-zyls-card {
  height: 480px;
  justify-content: flex-start;
}

.card-5 .item.item-txt-icon.fix-gywm-zyls-card:hover {
  background: rgba(0, 0, 0, 0.2);
}
.card-5 .item.item-txt-icon.fix-gywm-zyls-card:hover .item_in h3 {
  color: #f99c34;
}
.card-5 .item.fix-gywm-zyls-card .item_in {
  padding: 0;
  background: transparent;
  height: 100%;
}
.card-5 .item.fix-gywm-zyls-card .item_in h3 {
  padding: 40px;
  position: relative;
  z-index: 1;
  height: 100%;
  box-shadow: inset -1px 0px 0px 0px rgba(255, 255, 255, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
}
.card-5 .item.fix-gywm-zyls-card .item-txt .text {
  height: 130px;
  transform: translateY(-260px);
  background: #fff;
  display: none;
  opacity: 0;
}
.card-5 .item.fix-gywm-zyls-card .item-txt .text.active {
  transform: translateY(-135px);
}
.fix-swiper-btn-border {
  border: 1px solid #e8e8e8;
}
.fullImg .fix-mask-swiper-img {
  height: 468px;
  background: #fbfbfb;
  object-fit: cover;
}
.mask-div-box .swiper-slide h3 {
  display: none;
}
.mask-div-box .swiper-slide-active h3 {
  display: block;
}
.zyri .a-more i,
.zyri .swiper-btn-all .h_btn i,
.zyri .a-more:hover {
  color: #006067;
}
.zyri .a-more:hover i,
.zyri .swiper-btn-all .h_btn i:hover {
  background: #006067;
  color: #fff;
}
.fix-ybCompany .ybContainer_tsc_0,
.fix-ybCompany .ybContainer_tsc_1 {
  padding: 0 120px;
}
.sb-out {
  position: relative;
  width: 22px;
  height: 32px;
  border-radius: 11px;
  border: 2px solid #f99c34;
}
.sb-in {
  position: absolute;
  top: 11px;
  left: 8px;
  width: 2px;
  height: 10px;
  background: #f99c34;
  -webkit-animation: Tmouse 0.5s cubic-bezier(0.56, 0.01, 0.46, 1) infinite
    alternate;
  animation: Tmouse 0.5s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate;
}

@-webkit-keyframes Tmouse {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    -o-transform: translateY(-8px);
    transform: translateY(-5px);
  }
}
@keyframes Tmouse {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    -o-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
.fix-map-shadow .item_in {
  padding-right: 10px;
}
.fix-map-shadow .fullImg {
  border-radius: 8px;
  box-shadow: 10px 10px 0 0 rgba(242, 242, 242, 1);
}
.CompanyIntroduction .srPage .list {
  margin-top: 0;
}

.CorporateCulture.ybCulture .list5 .item:nth-child(2n) {
  width: 45%;
  padding-left: 0;
}

.CorporateCulture.ybCulture .list6 .item:nth-child(2n) {
  border-left: 0;
}
.cardSwiperM {
  padding: 50px 0;
}
.cardSwiperM .swiper-pagination-fraction,
.cardSwiperM .swiper-pagination-custom,
.cardSwiperM .swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 7px;
  left: auto;
  width: auto;
  right: 148px;
  font-size: 20px;
  color: #999;
}
.cardSwiperM .swiper-pagination-fraction > span {
  font-weight: bold;
}
.cardSwiperM .swiper-pagination-fraction .my-pagination-current {
  color: #f99c34;
}
.cardSwiperM .swiper-slide {
  text-align: center;
  font-size: 18px;
  /* background: #fff; */
}
.cardSwiperM .swiper-slide .fullImg {
  border-radius: 8px;
}
.cardSwiperM .swiper-slide .item-txt h3 {
  margin: 20px 0;
  display: none;
}

.cardSwiperM .swiper-slide-active .item-txt h3,
.cardSwiperM .swiper-slide-duplicate-active .item-txt h3 {
  display: block;
}
.cardSwiperM .swiper-button-next,
.cardSwiperM .swiper-button-prev {
  right: 84px;
  left: auto;
  bottom: 5px;
  top: auto;
}
.cardSwiperM .swiper-button-next {
  right: 16px;
}
.cardSwiperM .swiper-button-prev.swiper-button-disabled,
.cardSwiperM .swiper-button-next.swiper-button-disabled {
  opacity: 1;
}
.fix-zhongyi-colo
  .cardSwiperM
  .swiper-pagination-fraction
  .my-pagination-current {
  color: #006067;
}
.totalLineClass {
  display: inline-block;
  width: 80px;
  height: 2px;
  padding-top: 6px;
  border-top: 2px solid;
  margin: 0 5px;
}

.indexService .PublicInterest-swiper {
  overflow: hidden;
}
.def-ani {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
svg.def-ani {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.need-def-ani:hover svg.def-ani {
  transform: translateX(5px);
}

.mySwiper-mask .swiper-button-prev.swiper-button-disabled,
.mySwiper-mask .swiper-button-next.swiper-button-disabled {
  pointer-events: none;
}
.b-r-8-8,
.ybCharity_in .list .txtBox.b-r-8-8 {
  border-radius: 8px 8px 0px 0px;
}
.indexItem4.indexService.shzr .ybvideoList .item .item_in {
  background-color: transparent;
}

/* 12.13 */
.ybCompany .cpxy-card .card-6 .list {
  padding-left: 0;
  display: flex;
  justify-content: end;
  padding-top: 80px;
}
.ybCompany .cpxy-card .srPage .list .txtBox {
  width: 800px;
  height: 320px;
  min-height: auto;
}
.CompanyIntroduction {
  background-image: url("../image/ld-about-about-bg.png");
  background-repeat: no-repeat;
  background-size: 60%;
  background-position: top right;
}
.indexItem2.indexAboutUs {
  background-image: url("../image/ld-index-about-bg.png");
  background-repeat: no-repeat;
  background-size: 60%;
  background-position: bottom right;
}
.indexItem3.indexResponsibility,
.indexItem4.indexService .card-5 .item.item-txt-icon {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* 统一背景色 */
.ybOutContainer {
  background: #fffcf8;
}
/* 首页主营业务 */
.view-card .view-card-item {
  border-radius: 8px;
  overflow: hidden;
}
.view-card .view-card-item .imgs {
  width: 60%;
}
.view-card .view-card-item .txtBox {
  width: 31%;
  background: #fff;
  padding: 0 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.view-card .view-card-item .txtBox .view-card-item-txt {
  height: 134px;
  overflow-y: auto;
}
.view-card .imgsFix {
  padding-bottom: 59%;
}
.view-card2 .ybvideoList .item .imgs {
  padding-bottom: 0;
}
.view-card2 .ybvideoList .item .imgs .imgsFix {
  padding-bottom: 119%;
}
.view-card2 .ybContainer_tsc .item-Sh2 img {
  width: 100%;
  height: 100%;
}
.dnydbc .card-0 .item-card-0-r {
  border-radius: 8px 0 0 8px;
}
.dnydbc .card-0 .item-card-0-l {
  border-radius: 0 8px 8px 0;
}
.slide-div {
  cursor: pointer;
}
.view-card3 .ybvideoList .item .imgs {
  padding-bottom: 0;
  margin-top: 0;
}
.view-card3 .ybvideoList .item .imgs .imgsFix {
  padding-bottom: 66%;
}
.fix-img .view-card3 .ybvideoList .item .imgs .imgsFix .fullImg img {
  height: 100%;
}
.view-card4 .item .imgs .imgsFix {
  padding-bottom: 67%;
}
.view-card4 .item .imgs .imgsFix .fullImg img {
  height: 100%;
}
.view-card4.pageTopBanner-card1 .item-Sh1-txt .item-txt .text.mshow {
  height: auto;
}

.view-card5 .pageTopBannerImg {
  background-size: cover;
}
.view-card5 .mshow {
  display: none;
}
.cardSwiper2 .ybvideoList .item.swiper-slide:last-child {
  margin-right: 0 !important;
}
.view-card6 .item .imgs .imgsFix {
  padding-bottom: 67%;
}

.view-card7.ybCharity_in .list {
  overflow: hidden;
}
.view-card7.ybCharity_in .list .txtBox {
  width: 800px;
  float: right;
  height: 320px;
  min-height: auto;
}
.fix-AllMainBusinessPages .ybContainer_tsc_4 .view-card7 .card-6 .list {
  padding-right: 0;
  padding-left: 0;
}
.view-card8 .srPage .list {
  padding-left: 0;
  padding-right: 0;
}
.view-card8 .srPage .list:first-of-type {
  margin-top: 0;
}
.view-card8 .ybCharity_in .list {
  overflow: hidden;
}
.view-card8 .ybCharity_in .list .txtBox {
  width: 1120px;
  float: right;
  height: 420px;
  min-height: auto;
  overflow: hidden;
}
.view-card8 .ybCharity_in .list:nth-child(2n) .txtBox {
  float: left;
}
.view-card9 .ybCharity_in .list .imgs {
  min-height: auto;
}
.view-card9.fix-card-1 .card-1 .list.sm-textarea {
  padding: 8.4% 0 0;
  overflow: hidden;
}
.view-card9.fix-card-1 .card-1 .sm-textarea.bgc-0 .txtBox {
  float: right;
}
.view-card9.fix-card-1 .card-1 .sm-textarea.bgc-2 .txtBox {
  float: left;
}
.view-card9.fix-card-1 .card-1 .list.sm-textarea .txtBox {
  width: 560px;
  height: 320px;
}
/* .ybCharity_in.zyywxq .list .imgs{min-height: auto;} */
.ybCharity_in.zyywxq .srPage .list {
  margin-top: 60px;
}
.view-card10 .ybCharity_in .list {
  display: flex;
}
.view-card10 .ybCharity_in .list:nth-child(2n) {
  flex-direction: row-reverse;
}
.view-card10 .ybCharity_in .list .imgs {
  min-height: auto;
}
.view-card10 .ybCharity_in .list .txtBox {
  flex: 1;
  padding: 0;
  min-height: auto;
  margin-left: 5.6%;
  padding: 0;
}
.view-card10 .ybCharity_in .list:nth-child(2n) .txtBox {
  margin-right: 5.6%;
  margin-left: 0;
}
.view-card11.PublicInterest .PublicInterest-swiper {
  padding-bottom: 41%;
  position: relative;
}
.view-card11 .view-card11-list {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.view-card11.shzr .ybContainer_tsc .ybvideoList,
.view-card11 .card-5 .item.item-txt-icon {
  height: 100%;
}
.view-card11 .card-5 .item .item_in-showhide .text {
  height: 50%;
}
.view-card11 .item_in-showhide {
  padding: 22% 40px 20px;
}
.view-card11 .item-txt-icon .fix-icon {
  width: 43%;
  height: 43%;
}
/* .ybHistory_swiper-height{height: auto!important;} */
.view-card2 .cardSwiper2 .ybvideoList.card-swiper2-start {
  justify-content: flex-start;
}
.view-card-index {
  padding-bottom: 41%;
  position: relative;
}
.view-card-index .ybvideoList {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.view-card-index .card-5 .item.item-txt-icon {
  height: 100%;
  width: 50%;
}
.view-card-index .card-5 .item .item_in-showhide .text {
  height: 50%;
}
.view-card-index .item_in-showhide {
  padding: 11% 40px 20px;
}
.view-card-index .item-txt-icon .fix-icon {
  width: 19%;
  height: 19%;
}
.item-Sh1-l.p-r-n {
  padding-right: 0;
}

.view-card12 .ybvideoList .item .imgs {
  padding-bottom: 0;
}
.view-card12 .view-card12-img-fix .imgsFix {
  padding-bottom: 66%;
}
.view-card12 .view-card12-img-fix .imgsFix .imgsFix_in {
  border-radius: 8px 0 0 8px;
}
.view-card12 .view-card12-img-fix .imgsFix .imgsFix_in .fullImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* 主营业务--卡片类向上动画类名 */
.card-animate {
}
.card-animate .ybContainer_in-Sh2 .ybContainer_tsc.cardSwiper2 .ybvideoList {
  padding-top: 60px;
}
.card-animate
  .ybContainer_in-Sh2
  .ybContainer_tsc.cardSwiper2
  .ybvideoList
  .item {
  padding: 0;
}
.card-animate
  .ybContainer_in-Sh2
  .ybContainer_tsc.cardSwiper2
  .ybvideoList
  .item
  .item_in,
.card-animate .ybContainer_in-Sh2 .ybContainer_tsc .ybvideoList .item .item_in {
  transition: all ease-in-out 0.3s;
}
.card-animate
  .ybContainer_in-Sh2
  .ybContainer_tsc.cardSwiper2
  .ybvideoList
  .item
  .item_in:hover,
.card-animate
  .ybContainer_in-Sh2
  .ybContainer_tsc
  .ybvideoList
  .item
  .item_in:hover {
  transform: translateY(-20px);
  box-shadow: 0px 0px 12px 0px rgba(255, 138, 8, 0.16);
}
.indexItem3.indexResponsibility .item .item_in a {
  cursor: default;
}
.indexItem3.indexResponsibility .item .item_in .fullImg img {
  cursor: pointer;
}
.indexItem3.indexResponsibility .item .item_in .fullImg img:hover {
  transform: translateY(-20px);
}
.BiddingProcurement .ejNewsBox {
  padding-top: 0;
}

.indexItem1 .indexTitleBox a i,
.indexItem3 .indexTitleBox a i {
  border: none;
}
.CompanyIntroduction .ybContainer_in-Sh2 .swiper-btn-all .h_btn i {
  border: 1px solid #e8e8e8;
}
.CompanyIntroduction .ybContainer_in-Sh2 .cardSwiper2 .swiper-button-next {
  right: 3px;
}

.PropertyLeaseDetails .ybContainer_tsc {
  margin-top: 120px;
}
.PropertyLeaseDetails .ybContainer_tsc_2 .pcshow {
  margin: -60px 0 -30px;
}
.PropertyLeaseDetails .ybContainer_tsc_3 .pcshow {
  margin: -60px 0 -30px;
}
.PropertyLeaseDetails .ybContainer_tsc_4 .srPage .list {
  margin-top: 0;
}
.PropertyLeaseDetails .view-card7.ybCharity_in .list .txtBox {
  border-radius: 8px 8px 0 0;
}
.HotelDetailPage .ybContainer_tsc {
  margin-top: 120px;
}

.QualificationsHonors.ybHistory .imgs {
  border-radius: 0;
}
.cardSwiper3.swiper-btn-all .h_btn i {
  border: 1px solid #e8e8e8;
}
.MainBusinessGlobal .ybContainer_in .ybToptitle {
  padding-bottom: 40px;
}
.ZhongyiRetailIndex .ybContainer_in .ybToptitle {
  padding-bottom: 40px;
}
.ZhongyiRetailIndex .ybvideoList .item {
  margin-bottom: 0;
}
.list-new .item {
  flex-grow: 1;
}
.fb-new {
  margin: 30px !important;
  text-align: center !important;
}
.new-dny .item-card-0-r .item-txt {
  overflow-y: scroll;
  height: 100%;
  padding-right: 10px;
}
.item-txt-over {
  height: 100%;
}
.text-over {
  height: 100%;
  overflow-y: auto;
  padding-right: 10px;
}

/* 滚动条整体部分 */
.text-over::-webkit-scrollbar {
  width: 5px; /* 滚动条的宽度 */
}

/* 滚动条的轨道 */
.text-over::-webkit-scrollbar-track {
  background: #eee; /* 轨道颜色 */
}

/* 滚动条滑块 */
.text-over::-webkit-scrollbar-thumb {
  background: rgba(32, 138, 89, 0.75); /* 滑块颜色 */
}
