* a:hover {
    color: #137B40;
}

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

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

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

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

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #137B40!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 #137B40;
    background: #137B40;
    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: #137B40;
}

.z-page .crc-pub-page-num:hover {
    border-color: #137B40!important;
    background: #137B40;
    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 .4s ease-out 0s;
    -moz-transition: all .4s ease-out 0s;
    -o-transition: all .4s ease-out 0s;
    transition: all .4s ease-out 0s;
}

.iBox {
    display: inline-block;
    overflow: hidden;
}

.testBg {
    background: #666;
}

.dfcl {
    color: #137B40;
}

.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;
    left: 50%;
    bottom: 62px;
    z-index: 0;
    text-align: center;
    transform: translateX(-50%);
    color: #94070a;
    font-size: 36px;
    cursor: pointer;
    opacity: 0;
    font-family: icon;
    padding: 0 10px;
    animation: bb 2s linear 0s infinite;
    font-weight: bold;
    opacity: 0;
}

.body_home .topHeader {
    transform: translateY(-48px);
    background-color: #fff;
}

.body_home.showdiv .topHeader {
    transform: none;
    background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
    box-shadow: none;
}

.body_home.showdiv .topHeader .ejMenuBox a {
    color: #fff;
}

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

.c6 {
    color: #666;
}

.c9 {
    color: #999;
}

.cf {
    color: #fff;
}

.position_r {
    position: relative;
}

.position_a {
    position: absolute;
}

.pcshow {
    display: block;
}

.mshow {
    display: none;
}

.bg_nor {
    background-repeat: no-repeat!important;
}

.fb {
    font-weight: bold;
}

.fs24 {
    font-size: 24px;
}

.fs20 {
    font-size: 20px;
}

.fs18 {
    font-size: 18px;
}

.fs16 {
    font-size: 16px;
}

.fs14 {
    font-size: 14x;
}

.fullImg {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    flex: 0 0 auto;
    /* IE */
    object-fit: scale-down;
    /* FF */
}

.fullImg img {
    max-width: 100%;
    max-height: 100%;
    flex: 0 0 auto;
    /* IE */
    object-fit: scale-down;
    /* FF */
}

.brandSwiperBox .fullImg {
    width: 100%;
    height: 100%;
}

.dflex1 {
    display: flex;
    justify-content: flex-start;
}

.dflex2 {
    display: flex;
    justify-content: flex-end;
}

.dflex3 {
    display: flex;
    justify-content: center;
}

.dflex4 {
    display: flex;
    justify-content: space-between;
}

.dflex5 {
    display: flex;
    justify-content: space-around;
}

.dflexItem1 {
    align-items: flex-start;
}

.dflexItem2 {
    align-items: flex-end;
}

.dflexItem3 {
    align-items: center;
}

.dflexItem4 {
    align-items: baseline;
}

.dflexItem5 {
    align-items: stretch;
}

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

.mshow {
    display: none;
}

.pcshow {
    display: block;
}

.pt120 {
    padding-top: 120px;
}

.p120 {
    padding: 120px 0;
}

.p80 {
    padding: 80px 0 120px;
}

.ybaBg {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.txt {
    line-height: 2;
    text-align: justify;
}

.txt img {
    max-width: 100%!important;
}


/* indexbanner */


/* 首页动效 */

.indexItem1 .newsConterner .item .imgs {
    opacity: 0;
    transition: all 0.8s ease-out 0.2s;
    transform: translate(-80px, 0px);
    background: #FAFCFB;
}

.indexItem1 .newsConterner .item .txtBox {
    opacity: 0;
    transition: all 0.8s ease-out 0.2s;
    transform: translate(80px, 0px);
}

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

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

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

.indexResponsibility .list .swiper-slide:nth-child(2n) {
    transform: translate(0px, 60px);
    transition: all 1s ease-out 0.2s;
}

.indexItem5 .index_animation {
    opacity: 0;
    transform: translate(0px, -20px);
    transition: all 0.1s ease-out 0.2s;
}

.indexItem5 .index_animation:nth-child(2) {
    transition: all 0.4s ease-out 0.2s;
    transition-delay: 0.2s;
}

.indexItem5 .index_animation:nth-child(3) {
    transition: all 0.4s ease-out 0.2s;
    transition-delay: 0.4s;
}

.indexItem5 .index_animation:nth-child(4) {
    transition: all 0.4s ease-out 0.2s;
    transition-delay: 0.6s;
}

.indexItem5 .index_animation:nth-child(5) {
    transition: all 0.4s ease-out 0.2s;
    transition-delay: 0.8s;
}

.showdiv.indexItem5 .index_animation,
.indexResponsibility.showdiv .list .swiper-slide,
.indexItem2.showdiv .ybContainer_in,
.showdiv .newsCenter .newsConterner .item .imgs,
.showdiv .newsCenter .newsConterner .item .txtBox,
.showdiv .newsCenter .newsConterner .list {
    opacity: 1;
    transform: none;
}


/* 首页动效 end */

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

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

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

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

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

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

.ejIndexBanner .swiper-container-horizontal>.swiper-pagination-bullets,
.ejIndexBanner .swiper-pagination-custom,
.ejIndexBanner .swiper-pagination-fraction {
    right: 0;
    width: 1180px;
    margin: 0 auto;
    text-align: center;
    bottom: 40px;
}

.ejIndexBanner .indexBg {
    width: 100%;
    height: 100%;
    overflow: hidden;
}


/* indexbanner end */

.ybContainer {
    width: 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: #137B40;
    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%;
}

.imgsFix .imgsFix_in .fullImg.fullImgWh {
    width: auto;
    height: auto;
}

.whiteBg {
    background-color: #fff;
}

.whiteBg .topMenu * {
    color: #333!important;
}

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

.body_home.showdiv .wLogo {
    display: block;
}

.body_home .bLogo {
    display: block;
}

.body_home.showdiv .bLogo {
    display: none;
}

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

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

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

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

.mNavBox_in {
    height: 100%;
}

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

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

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

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

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

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

.mNavList {
    padding: 20px 16px 40px;
    height: calc(100% - 140px);
    overflow: auto;
}

.mNavList a {
    height: 40px;
    line-height: 40px;
}

.mNavList .m_a1 {
    font-size: 18px;
    box-shadow: inset 0px -1px 0px 0px #E8E8E8;
}

.mNavList .m_a2 {
    padding-left: 16px;
    color: #666;
    font-size: 16px;
    box-shadow: inset 0px -1px 0px 0px #E8E8E8;
}

.mNavList .m_a3 {
    padding-left: 32px;
    color: #9e9e9e;
    font-size: 14px;
}

.mNavFooter {
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    height: 72px;
    background: #fbfbfb;
}

.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;
}

.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: #137B40;
}

.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-color: #fff;
}

.topMenu {
    height: 48px;
}

.topMenu .topitem {
    margin-left: 20px;
    cursor: pointer;
    position: relative;
    padding-left: 8px;
}

.ejMenuBox {
    flex: 1;
    margin-left: 10%;
}

.ejMenuBox a {
    line-height: 80px;
    height: 80px;
    font-weight: bold;
    position: relative;
}

.ejMenuBox a:after {
    content: "";
    height: 2px;
    width: 0;
    opacity: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #137B40;
    transition: all ease-in-out .4s;
}

.ejMenuBox a.active1 {
    color: #137B40;
}

.ejMenuBox a.active1:after,
.ejMenuBox a.active:after,
.ejMenuBox a:hover:after {
    width: 100%;
    opacity: 1;
}

.ejnav_child {
    top: 100%;
    z-index: 9;
    width: 100%;
    left: 50%;
    transform: translate(-50%, 0);
}

.ejnav_child .item {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    width: 640px;
    min-height: 300px;
    box-shadow: 0px 2px 0px 0px rgb(19 123 64 / 80%);
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    z-index: 9;
    background-size: 324px auto;
    background-position: right bottom;
    padding: 40px;
    transform: translateY(50px);
    overflow: hidden;
    background: #fff;
}

.ejnav_child .item.active {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}

.ejnav_child .item .imgs {
    width: 240px;
    height: 160px;
    overflow: hidden;
}

.ejnav_child .item .title {
    padding: 20px 0 10px;
    font-weight: bold;
}

.ejnav_child .item .txt {
    color: #9e9e9e;
    font-size: 14px;
}

.ejnav_child .item .imgCon {
    border-right: 1px solid #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;
}

.topHeader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 20;
    box-shadow: inset 0px -1px 0px 0px #e8e8e8;
    transform: translateY(-48px);
}

.body_page.showdiv .topHeader {
    transform: translateY(0);
}

.body_b {
    padding-top: 128px;
    background-color: #fff;
}

.body_b .indexItem {
    padding: 120px 0;
}

.body_b .indexItem1 {
    padding-top: 0px;
    overflow: hidden;
}

.brandSwiperBox .gallery-top {
    height: 28.917vw;
}

.brandSwiperBox .gallery-thumbs {
    padding-top: 44px;
}

.indexTitleBox {
    text-align: center;
    font-size: 40px;
    line-height: 40px;
}

.indexTitleBox a {
    right: 0;
    font-size: 16px;
    color: #666;
    vertical-align: middle;
}

.indexTitleBox a:hover {
    color: #137B40;
}

.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;
}

.indexTitleBox a:hover i {
    color: #fff;
    background-color: #137B40;
}

.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: #137B40;
    color: #fff;
}

.newsConterner {
    padding-top: 40px;
}

.ejNews .newsConterner {
    padding-top: 0;
}

.newsConterner .item {
    display: none;
}

.newsConterner .item.active {
    display: block;
}

.newsConterner .item .imgs {
    width: 40%;
    border-radius: 8px 0px 0px 8px;
}

.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 0 0 8px;
}

.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;
    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: #137B40;
    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: #137B40;
}

.indexItem5 .ybIndexfastLink a {
    border: 1px solid #e8e8e8;
    padding: 20px 40px;
    border-radius: 8px;
    display: block;
    transition: all ease-in-out .4s;
}

.ybIndexfastLink a .imgs {
    width: 64px;
    height: 64px;
    margin: 0 auto;
}

.ybIndexfastLink a .imgs img {
    width: 100%;
}

.ybIndexfastLink a .title {
    font-size: 20px;
    padding: 12px 10px;
    text-align: center;
    color: #333;
}

.ybIndexfastLink a .txt {
    color: #999;
    text-align: center;
    height: 64px;
    overflow: hidden;
}

.indexItem5 .indexfastWay {
    padding: 16px 10px 10px;
}

.indexItem5 .ybIndexfastLink a:hover,
.indexItem5 .indexfastWay a:first-child:hover {
    box-shadow: 0px 0px 10px rgb(0 0 0 / 10%);
    transform: translateY(-12px)!important;
}

.indexItem5 .indexfastWay a:first-child {
    opacity: 1;
    transform: translate(0px, 0);
}


/* ybFooter */

.ybFooter {
    background: #F3F8F6;
    padding-top: 80px;
}

.ybFooter .footer .fMenu {
    width: calc(100% - 220px);
}

.ybFooter .footer .fCode {
    width: 220px;
}

.ybFooter .footer .fMenu .ftxt {
    width: 260px;
}

.ybFooter .footer .fMenu .fmenuList {
    width: calc(100% - 260px);
    padding: 0 8%;
}

.ybFooter .ftxt .fLogo img {
    height: 60px;
}

.ybFooter .ftxt {
    color: #666;
}

.ybFooter .ftxt .txt {
    padding-top: 40px;
}

.ybFooter .fmenuList h3 {
    padding-bottom: 20px;
    font-weight: bold;
    color: #5a5858;
}

.ybFooter .fmenuList .item_a a {
    color: #666;
    font-size: 14px;
    margin-bottom: 10px;
    display: block
}

.ybFooter .fmenuList .item_a a:hover {
    color: #137B40;
}

.ybFooter .fmenuList .item {
    padding: 0;
}

.ybFooter .fCode .codeTitle {
    padding-bottom: 20px;
}

.ybFooter .fCode .codeList {
    padding-top: 40px;
}

.ybFooter .fCode .codeList .cItem {
    margin: 0 12px;
}

.ybFooter .fCode .codeList i {
    line-height: 1;
    font-size: 36px;
    padding: 8px;
    border-radius: 100%;
    background: #fff;
    cursor: pointer;
}

.ybFooter .fCode .cItem:hover i {
    color: #fff;
    background: #137B40;
}

.ybFooter .fCode .codeBox {
    width: 160px;
    padding: 10px 10px 20px;
    background-image: url(../image/fweixinBg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    bottom: 50px;
    left: 50%;
    margin-left: -82px;
    transform: translateY(-50px);
    opacity: 0;
    visibility: hidden;
    z-index: -1;
}

.ybFooter .fCode .cItem:last-child .codeBox {
    background-image: url(../image/rbgPop.png);
    left: auto;
    right: 0;
}

.ybFooter .fCode .codeBox .imgs {
    width: 140px;
    height: 140px;
    margin: 0 auto;
}

.ybFooter .fCode .codeBox img {
    width: 100%;
}

.ybFooter .fCode .codeBox .cTxt {
    font-size: 12px;
    line-height: 20px;
    padding: 4px 10px 0;
}

.ybFooter .fCode .cItem:hover .codeBox {
    transform: none;
    opacity: 1;
    visibility: visible;
    z-index: 2;
}

.ybCopyRight {
    padding: 20px 0;
    margin-top: 80px;
    font-size: 14px;
}

.ybCopyRight a {
    font-size: 14px;
    color: #666;
}

.ybCopyRight a:hover {
    color: #137B40;
}

.ybCopyRight .copyLink {
    display: inline-block;
    margin-left: 60px;
}


/* 公司简介 */

.ybOutContainer {
    padding-top: 128px;
}

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

.ybBanner img {
    width: 100%;
    height: auto;
}

.ybBanner .ybContainer {
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

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

.ybBannerTxt_in {
    bottom: 20%;
    left: 0;
}

.ybBannerTxt_in .name {
    font-size: 48px;
}

.ybBanner .ybContainer_in {
    height: 100%;
}

.ybmNav {
    height: 60px;
    width: 100%;
    background: #FBFBFB;
    box-shadow: inset 0px -1px 0px 0px #F4F4F4;
}

.ybmNav .item {
    padding: 0 30px;
}

.ybmNav .item a {
    position: relative;
    display: block;
    line-height: 60px;
    color: #666;
    font-size: 16px;
}

.ybmNav .item a:after {
    content: "";
    bottom: 0;
    position: absolute;
    height: 2px;
    background-color: #137B40;
    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: #137B40;
}

.ybPageContainer .ybToptitle {
    font-size: 40px;
    padding-bottom: 60px;
}

.ybCompany .txt {
    padding: 0 100px 80px;
}

.ybCompany .list {
    padding: 0 100px;
    display: none;
}

.ybCompany .list .imgs {
    width: 120px;
    height: 120px;
    overflow: hidden;
    margin: 0 auto;
}

.ybCompany .list .imgs img {
    width: 100%;
    height: 100%;
}

.ybCompany .list .name {
    padding: 40px 0 20px;
    text-align: center;
}

.ybCompany .list .numBox {
    text-align: center;
}

.ybCompany .list .numBox .num {
    font-size: 48px;
    line-height: 1;
}

.ybCompany .listTxt {
    padding: 40px 0 120px;
    display: none;
}

.ybCfooterImgs {
    width: 100%;
}

.ybCfooterImgs img {
    width: 100%;
}


/* 发展历程 */

.ybHistoryList {
    padding: 120px 100px 0;
    background-size: auto 25vw;
    background-position: top center;
}

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

.ybHistoryList_in .ybHistory_swiper {
    overflow: inherit;
}

.ybHistoryList_in::before {
    content: "";
    position: absolute;
    width: 100%;
    border-top: 1px solid #fff;
    top: 86px;
    left: 0;
}

.ybHistory .topinfo {
    height: 100px;
    width: 100%;
}

.ybHistory .topinfo .h_dian {
    padding: 6px;
    background-color: rgba(255, 255, 255, 0);
    width: 28px;
    height: 28px;
    border-radius: 100%;
    bottom: 0;
    left: 50%;
    margin-left: -12px;
}

.ybHistory .bb-sel .topinfo .h_dian {
    background-color: rgba(255, 255, 255, 0.5);
}

.ybHistory .topinfo .h_dian .h_dian_in {
    background-color: #fff;
    width: 100%;
    height: 100%;
    border-radius: 100%;
}

.ybHistory .year {
    font-size: 40px;
    color: #a6c8b6;
    cursor: pointer;
}

.ybHistory .year {
    transition: all ease-in-out 0.4s;
}

.ybHistory .bb-sel .topinfo .year,
.ybHistory .year:hover {
    color: #fff;
    transform: scale(1.2);
}

.ybHistory .imgs {
    margin-top: 40px;
    padding-bottom: 66.66%;
    overflow: hidden;
    border-radius: 8px;
    background-color: #fff;
}

.ybHistory .imgs .imgs_in {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

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

.ybHistoryList_in .txtBox {
    padding-left: 24px;
    margin-top: 20px;
    width: 100%;
}

.ybHistoryList_in .txtBox i {
    position: absolute;
    left: 0;
    top: 6px;
    color: #666;
    font-size: 14px;
}

.ybHistory .imgs_swiper {
    width: 100%;
    height: 100%;
}

.ybHistory .imgs_swiper .swiper-pagination-bullet {
    opacity: 0.8;
    background-color: #137B40;
    border: 2px solid #fff;
}

.ybHistory .imgs_swiper .swiper-pagination-bullet-active {
    background-color: #137B40;
    border: none;
    opacity: 1;
}

.ybHistory .imgs_swiper .swiper-pagination {
    text-align: right;
    padding-right: 16px;
}

.ybHistoryList_btn {
    width: 100%;
}

.ybHistoryList_btn .swiper-button-prev,
.ybHistoryList_btn .swiper-button-next {
    top: 62px;
    width: 48px;
    height: 48px;
    background: none;
    margin: 0;
}

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

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

.ybHistoryList_btn .h_btn i {
    line-height: 1;
    font-size: 48px;
    background: #fff;
    border-radius: 100%;
}


/* 资质荣誉 */

.yb22837,
.yb24648 {
    background: url(../image/yb-about-horon-bg.jpg) no-repeat top center / auto 480px;
}

.ybHonor .ybHonorImgs {
    background-image: url(../image/yb-about-honor-bg.jpg);
    padding: 36px 0 120px;
}

.ybHonor .ybHonorImgs img {
    max-width: 100%;
}

.ybHonor .ybSingle {
    padding-top: 80px;
}

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

.ybHonorList:after {
    content: "";
    height: 100%;
    width: 1px;
    background: #E8E8E8;
    left: 50%;
    top: 0;
    position: absolute;
}

.ybHonorList .list {
    padding: 40px 0;
    display: flex;
}

.ybHonorList .list .item {
    width: 50%;
    padding-right: 80px;
}

.ybHonorList .list .item:after {
    content: "";
    position: absolute;
    width: 34px;
    height: 34px;
    background: #137B40;
    right: -17px;
    top: 8px;
    z-index: 10;
    border-radius: 100%;
    opacity: 0.2;
}

.ybHonorList .list .item::before {
    content: "";
    position: absolute;
    border-radius: 100%;
    width: 24px;
    height: 24px;
    background: #137B40;
    right: -12px;
    top: 13px;
    z-index: 9;
}

.ybHonorList .list .item_in {
    width: 100%;
    background: #F3F8F6;
    overflow: hidden;
    border-radius: 8px;
}

.ybHonorList .list .item .title {
    text-align: right;
    background: #137B40;
    color: #fff;
    padding: 14px 20px;
    line-height: 1;
    font-size: 20px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.ybHonorList .list .item .title img {
    height: 40px;
    margin-left: 20px;
}

.ybHonorList .list .item .txt {
    overflow: hidden;
    overflow: hidden;
    color: #666!important;
    padding: 20px;
    text-align: right!important;
}

.ybHonorList .list .item .txt img {
    max-width: 100%;
}

.ybHonorList .list .item .txt li {
    position: relative;
    margin-bottom: 20px;
    padding-right: 20px;
}

.ybHonorList .list .item .txt li:after {
    content: "";
    position: absolute;
    right: 0;
    top: 14px;
    width: 6px;
    height: 6px;
    background-color: #999;
    border-radius: 100%;
}

.ybHonorList .list .item .txt li:last-child {
    margin-bottom: 0;
}

.ybHonorList .list:nth-child(2n) {
    justify-content: flex-end;
}

.ybHonorList .list:nth-child(2n) .item {
    padding-left: 80px;
    padding-right: 0;
}

.ybHonorList .list:nth-child(2n) .item .txt {
    text-align: left!important;
}

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

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

.ybHonorList .list:nth-child(2n) .item:after {
    right: auto;
    left: -17px;
}

.ybHonorList .list:nth-child(2n) .item:before {
    right: auto;
    left: -12px;
}

.ybHonorList .list:nth-child(2n) .item .txt li {
    padding-left: 20px;
    padding-right: 0;
}

.ybHonorList .list:nth-child(2n) .item .txt li:after {
    right: auto;
    left: 0;
}

.ybHonorList .list:last-child {
    padding-bottom: 0;
}


/* 新闻动态 */

.ejNewsTop .topImgs {
    width: 460px;
    height: 306px;
    overflow: hidden;
}

.ejNewsTop .topTxt {
    width: calc(100% - 460px);
    box-shadow: inset 0px -4px 0px 0px #E8E8E8;
    border: 1px solid #E8E8E8;
}

.ejNewsTop .topTxt a {
    width: 100%;
    padding: 20px 40px;
}

.ejNewsTop .topTxt a .topTxt_in {
    width: 100%;
}

.ejNewsTop .time {
    font-size: 24px;
    line-height: 1;
}

.ejNewsTop .title {
    padding: 20px 0 16px;
    font-size: 20px;
    line-height: 1;
}

.ejNewsTop a:hover img {
    transform: scale(1.1);
}

.ejNewsBox {
    padding-top: 40px;
}

.ybHonor .ejNewsBox {
    padding-top: 0;
}

.ybHonor .ejNewsBox .item:first-child {
    margin-top: 0;
}

.ejNewsBox .item a {
    position: relative;
    padding: 40px;
    box-shadow: inset 0px -1px 0px 0px #F6F6F6;
    transition: all ease-in-out 0.4s;
}

.ejNewsBox .item a:hover {
    background: #F4F8F6;
}

.ejNewsBox .item .timeBox {
    width: 100px;
    height: 100px;
    margin-right: 40px;
    background: #F3F8F6;
    box-shadow: inset 0px 4px 0px 0px #137B40;
    border: 1px solid #E8E8E8;
}

.ejNewsBox .item a:hover .timeBox {
    background: #fff;
}

.ejNewsBox .item .imgs {
    width: 240px;
    height: 160px;
    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: #137B40;
}


/* 精彩活动 */

.ybactivityBox .topItem {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    overflow: hidden;
    ;
}

.ybactivityBox .topItem:after {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}

.ybactivityBox .topItem img {
    width: 100%;
    border-radius: 8px 8px 0px 0px;
}

.ybactivityBox .topItem a {
    z-index: 2;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 8px 8px 0px 0px;
}

.ybactivityBox .topItem a>div {
    width: 100%;
    height: 100%;
    border-radius: 8px 8px 0px 0px;
}

.ybactivityBox .topItem .topItem_in {
    padding: 0 100px;
    width: 60%;
}

.ybactivityBox .topItem .topItem_in .txt {
    padding: 20px 0 40px;
}

.ybactivityBox .topItem .activityMore i {
    line-height: 1;
    background-color: #fff;
    color: #666;
    font-size: 12px;
    border-radius: 100%;
    padding: 14px;
    margin-left: 10px;
}

.ybactivityBox .list {
    flex-wrap: wrap;
}

.ybactivityBox .list .item {
    margin-top: 80px;
    width: calc(33.33% - 40px);
    margin-right: 60px;
}

.ybactivityBox .list .item:nth-child(3n) {
    margin-right: 0;
}

.ybactivityBox .list .item a {
    display: block;
    width: 100%;
    height: 100%;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    transition: all ease-in-out 0.4s;
}

.ybactivityBox .list .item a:hover {
    transform: translateY(-20px);
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3);
}

.ybactivityBox .list .item a .imgs {
    padding-bottom: 66.66%;
}

.ybactivityBox .list .item a .imgs .imgs_in {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.ybactivityBox .list .item a .imgs .img {
    width: 100%;
    height: 100%;
    border-radius: 8px 8px 0 0;
}

.ybactivityBox .list .item a .aMore {
    bottom: 40px;
}

.ybactivityBox .list .item a .title {
    padding: 40px 40px 60px;
    overflow: hidden;
}

.ybactivityBox .list .item a .txt {
    padding-bottom: 30px;
}


/* 视图专区 */

.jp-video .jp-close {
    width: 44px;
    height: 50px;
    right: -26px;
    top: -56px;
}

.jp-video .jp-close:hover {
    background-position: -12px -135px;
}

.videoTitle {
    display: none;
}

.ybvideoAndPicTap {
    height: 80px;
    background: #FBFBFB;
}

.ybvideoAndPicTap .item {
    height: 100%;
}

.ybvideoAndPicTap .item a {
    display: block;
    padding: 0 60px;
    line-height: 80px;
    font-size: 20px;
    position: relative;
}

.ybvideoAndPicTap .item a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #137B40;
    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: 25%;
    padding: 30px 20px;
    display: none;
}

.ybvideoList .item:last-child,
.ybvideoList .item:nth-child(-n+7) {
    display: block;
}

.ybvideoList .item .item_in {
    width: 100%;
    cursor: pointer;
}

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

.ybvideoList .item .imgs .imgs_in {
    border-radius: 8px;
    overflow: hidden;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.ybvideoList .item .vName {
    padding-top: 20px;
}

.ybvideoList .videoBtn {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(19, 123, 64, 0.4);
    opacity: 0;
    border-radius: 8px;
}

.ybvideoList .item .item_in:hover .videoBtn,
.ybvideoList .moreVideo .item_in .videoBtn {
    opacity: 1;
}

.ybvideoList .item .item_in:hover .vName {
    color: #137B40;
}

.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: #137B40
}

.ybvideoList .item.moreVideo .imfs_in img {
    border-radius: 8px;
}


/* 图片库 */

.ybPicList {
    padding-top: 60px;
}

.ybPicList .topList {
    width: 100%;
}

.ybPicList .picItem {
    width: 25%;
    padding: 0 20px;
}

.ybPicList .topList .picItem .picItem_in,
.ybPicList .picMoreList {
    width: 100%;
    flex-wrap: wrap;
}

.ybPicList .picItem .picItem_in .item {
    width: 100%;
    padding-bottom: 144.44%;
    margin-bottom: 34px;
}

.ybPicList .picItem .picItem_in .showPicMore,
.ybPicList .picMoreList .picItem .picItem_in .item,
.ybPicList .picItem .picItem_in .item:nth-child(2n) {
    padding-bottom: 66.66%;
}

.ybPicList .picItem .picItem_in .item .imgs {
    width: 100%;
    height: 100%;
}

.ybPicList .picItem .picItem_in .item .imgs_in {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 8px;
}

.ybPicList .videoBtn {
    opacity: 0;
}

.ybPicList .videoBtn,
.ybPicList .videoBtn .videoBtn_in {
    width: 100%;
    height: 100%;
}

.ybPicList .videoBtn .videoBtn_in {
    background: rgba(19, 123, 64, 0.4);
    border-radius: 8px;
}

.topList .picItem:last-child a:nth-child(2) {
    display: none;
}

.ybPicList .videoBtn .videoBtn_in .iBtn {
    font-size: 48px;
    color: #fff;
}

.ybPicList .picItem .picItem_in a:hover .videoBtn {
    opacity: 1;
}

.ybPicList .picItem:nth-child(2n) .picItem_in {
    flex-direction: column-reverse;
}

.ybPicList .picItem:last-child .picItem_in {
    flex-direction: column;
}

.ybPicList .picItem .showPicMore .videoBtn {
    opacity: 1;
}

.picMoreList {
    height: 0;
    overflow: hidden;
    opacity: 0;
}

.picMoreList.active {
    height: auto;
    opacity: 1;
}


/* 品牌介绍 */

.ybBrandBox {
    flex-wrap: wrap;
}

.ybBrandBox .rightImgs {
    width: 58.97%;
    padding-left: 120px;
}

.ybBrandBox .rightImgs .rightImgs_in {
    padding-bottom: 75%;
    background-image: url(../image/yb-video-default-pic.jpg);
}

.ybBrandBox .rightImgs a {
    display: block;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    z-index: -1;
    opacity: 0;
}

.ybBrandBox .rightImgs a.active {
    z-index: 10;
    opacity: 1;
}

.ybBrandBox .rightImgs a .r_imgs {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 8px;
}

.ybBrandBox .rightImgs a .txtBox {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 20px 120px;
    background-color: rgba( 0, 0, 0, 0.4);
    opacity: 0;
}

.ybBrandBox .rightImgs a .txtBox .txtBox_in {
    flex-wrap: wrap;
    height: 68%;
}

.ybBrandBox .rightImgs a .txtBox .txtBox_in .txt {
    width: 100%;
    height: calc(100% - 100px);
}

.ybBrandBox .rightImgs a .r_imgs .imgs_in,
.ybBrandBox .rightImgs a .r_imgs .imgs_in .imgs {
    width: 100%;
}

.ybBrandBox .rightImgs a .txtBox .linkBtn {
    width: 160px;
    margin: 20px auto 0;
    height: 64px;
    line-height: 64px;
    background: rgba(113, 176, 140, 0.8);
    border-radius: 32px;
}

.ybBrandBox .rightImgs a:hover .txtBox {
    opacity: 1;
}

.ybBrandBox .rightImgs a:hover img.ts {
    transform: scale(1.1);
}

.ybBrandBox .leftList {
    flex: 1;
    flex-wrap: wrap;
}

.ybBrandBox .leftList .item {
    width: calc(33.33%);
    padding: 8px;
}

.ybBrandBox .leftList .item .item_in {
    background: #FFFFFF;
    cursor: pointer;
    border-radius: 8px;
    border: 1px solid #E8E8E8;
    padding: 10px 26px;
}

.ybBrandBox .leftList .item:hover .item_in,
.ybBrandBox .leftList .item.active .item_in {
    background: #F3F8F6;
    border: 1px solid #137B40;
}

.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: #137B40;
}

.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: #137B40;
}

.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: #137B40;
    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: #137B40;
}

.productTab a.active i {
    color: #137B40;
}

.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 #137B40;
    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: #137B40;
    transition: all ease-in 0.4s;
    border: 1px solid #137B40;
}

.onlineShopping_in .item a:hover {
    background-color: #137B40;
    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: #137B40;
}

.drinkClassTab a.active {
    color: #137B40;
}

.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 #137B40;
    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: #137B40;
}

.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: #137B40;
    left: -60px;
    top: 5px;
}


/* 慈善公益 */

.ybCharity_in .list {
    width: 100%;
    padding-left: 100px;
    margin: 40px 0 0;
    padding-bottom: 80px;
}

.ybCharity_in .list:last-child {
    padding-bottom: 0;
}

.ybCharity_in .list:nth-child(2n) {
    padding-right: 100px;
    padding-left: 0;
}

.ybCharity_in .list .imgs {
    width: 50%;
    left: 0;
    top: -40px;
}

.ybCharity_in .list:nth-child(2n) .imgs {
    left: auto;
    right: 0;
}

.ybCharity_in .list .imgs .imgsFix {
    padding-bottom: 66.67%;
    border-radius: 8px;
    overflow: hidden;
}

.ybCharity_in .list .txtBox {
    width: 100%;
    background: #FAFCFB;
    min-height: 508px;
    border-radius: 8px;
    padding: 80px;
    padding-left: 50.68%;
}

.ybCharity_in .list:nth-child(2n) .txtBox {
    padding-right: 50.68%;
    padding-left: 80px;
}

.ybCharity_in .list .title {
    margin-bottom: 20px;
}

.ybCharity_in .list .title img {
    height: 28px;
    line-height: 1;
    vertical-align: sub;
    padding-right: 20px;
}

.ybCharity_in .list .txt {
    padding-bottom: 40px;
}

.ybCharity_in .list a {
    color: #fff;
    background: #137B40;
    border-radius: 30px;
    padding: 12px 20px;
}


/* 慈善公益 详情 */

.ybCharityDt_in .txt {
    padding: 0 100px 80px;
}

.ybCharityDt_imgBox {
    padding-top: 80px;
    background-size: auto 400px;
    background-position: top center;
}

.ybCharityDt_imgBox .imgBox_in {
    width: 760px;
    margin: 0 auto;
    padding: 16px 20px;
    border-radius: 8px;
    background-color: #fff;
}

.imgBox_in_swiper {
    width: 100%;
}

.ybCharityDt_imgBox .CharityimgBox_top {
    width: 100%;
    height: 544px;
    padding-bottom: 64px;
}

.CharityimgBox_thumbs_out {
    padding: 40px 68px 0;
    border-top: 1px solid #F4F4F4;
}

.CharityimgBox_thumbs .swiper-slide>div {
    width: 100%;
    padding-bottom: 66.66%;
}

.imgBox_in_swiper .swiper-slide {
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 8px;
}

.CharityimgBox_top .swiper-pagination {
    width: auto;
    bottom: 20px;
}

.CharityimgBox_top .swiper-pagination .swiper-pagination-current {
    color: #137B40;
}

.CharityimgBox_top .topSwiperTxt {
    bottom: 0;
    height: 64px;
    left: 60px;
    width: calc(100% - 48px);
}

.topSwiperTxt .sTxt_in {
    width: 100%;
    height: 100%;
}

.topSwiperTxt .sTxt_in .t {
    line-height: 1.4;
}

.CharityimgBox_thumbs_out .btn_icon {
    width: 48px;
    height: 48px;
    text-align: center;
    bottom: 10px;
    cursor: pointer;
    overflow: hidden;
}

.CharityimgBox_thumbs_out .btn_icon i {
    font-size: 24px;
    line-height: 48px;
}

.CharityimgBox_thumbs_out .Charity-button-next {
    right: 0;
}

.CharityimgBox_thumbs_out .Charity-button-prev {
    left: 0;
}

.CharityimgBox_thumbs .swiper-slide {
    opacity: 0.4;
}

.CharityimgBox_thumbs .swiper-slide.swiper-slide-thumb-active {
    opacity: 1;
}

.CharityimgBox_top .swiper-button-prev,
.CharityimgBox_top .swiper-button-next {
    width: 48px;
    height: 48px;
    background-color: rgba(51, 51, 51, 0.8);
    overflow: hidden;
    border-radius: 100%;
    background-size: 20%;
}


/* 责任故事 */

.ybzrHistory_in {
    width: 100%;
}

.ybzrHistory_in .list {
    margin-bottom: 40px;
    width: 100%;
    background: #FFFFFF;
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #E8E8E8;
    transition: all ease-in-out 0.3s;
}

.ybzrHistory_in a.list:hover {
    background: #F4F8F6;
}

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

.ybzrHistory_in .list .imgs {
    width: 26%;
}

.ybzrHistory_in .list .imgs .imgsFix {
    padding-bottom: 66.75%;
    overflow: hidden;
    border-radius: 8px;
}

.ybzrHistory_in .list .txtBox {
    padding: 20px 6% 0 40px;
    flex: 1;
    width: 74%;
}

.ybzrHistory_in .list .txtBox .title {
    padding-bottom: 20px;
}

.ybzrHistory_in .list .imgs .imgsFix img {
    border-radius: 8px;
}


/* 责任报告 */

.firstReport {
    margin-bottom: 20px;
}

.firstReport_in {
    padding: 80px 100px;
    border-radius: 8px;
    overflow: hidden;
}

.firstReport .imgs {
    width: 15%;
}

.firstReport .imgs .ybaBg::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #FFFFFF;
    top: 4px;
    left: 4px;
    border-radius: 6px;
    opacity: 0.2;
}

.firstReport .imgs .imgsFix,
.ybReportBox .item .imgsFix {
    padding-bottom: 134%;
    border-radius: 8px;
    overflow: hidden;
}

.firstReport .txtBox {
    flex: 1;
    padding-left: 40px;
}

.firstReport .txtBox .txt {
    padding: 20px 0 40px;
}

.firstReport .txtBox a i {
    width: 40px;
    height: 40px;
    background-color: #fff;
    margin-left: 10px;
    border-radius: 100%;
    display: inline-block;
    line-height: 40px;
    color: #000;
    text-align: center;
}

.firstReport .txtBox a:hover {
    color: #fff;
}

.firstReport_in .txtBox .title {
    padding: 20px 0 40px;
}

.ybReportBox {
    padding-top: 90px;
    padding-bottom: 100px;
}

.ybReportBox .list {
    flex-wrap: wrap;
    background: url(../image/yb-responsibility-report-bg.png) no-repeat center bottom / 100% auto;
    padding: 0 20px 34px;
    margin-bottom: 120px;
}

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

.ybReportBox .list .item {
    width: 25%;
    padding: 0 46px;
}

.ybReportBox .item .imgsFix {
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
    background: #fff;
}

.ybReportBox .list .item a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}

.ybReportBox .list .item .imgs {
    transition: all ease 0.4s;
}

.ybReportBox .list .item a:hover .imgs {
    transform: translateY(-9px);
    /* box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); */
    border-radius: 8px;
}

.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: #137B40;
    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: #137B40;
    position: absolute;
    transition: all ease-in-out 0.4s;
    transform: translateY(100px);
    opacity: 0;
}

.ybSunshine_in .item a:hover .title::after {
    transform: none;
    opacity: 1;
}

.ybSunshine_in .item a .more {
    position: absolute;
    left: 40px;
    bottom: 40px;
}


/* 联系我们 */

.ybContactUs_in {
    margin-top: 40px;
    padding: 50px 40px;
    background: #FAFCFB;
    border-radius: 8px;
}

.ybContactUs_in .imgs {
    width: 46%;
}

.ybContactUs_in .imgs .imgsFix {
    padding-bottom: 66.67%;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
    border-radius: 8px;
}

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

.ybContactUsBox .ybContactUsBox_in {
    padding-right: 40px;
}

.ybContactUsBox .ybContactUsBox_in .title {
    padding-bottom: 20px;
    margin-bottom: 40px;
    border-bottom: 1px solid #f4f4f4;
}


/* 廉洁举报 */

.ybCleanReporting_in .list2:nth-child(2n) {
    padding: 80px 0;
}

.ybPrincipleBox {
    border-radius: 8px;
    margin-top: 60px;
    border: 1px solid #E8E8E8;
    flex-wrap: wrap;
}

.ybPrincipleBox .item {
    box-shadow: inset -1px 0px 0px 0px #E8E8E8;
    padding: 80px 60px 140px;
    width: 33.33%;
    border-bottom: 1px solid #e8e8e8;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: auto 106px;
}


/* 网站地图 */

.ybMap_in .list {
    margin-bottom: 36px;
}

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

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

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

.ybMap_in .list a:hover {
    color: #137B40;
}


/* 管理团队 */

.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 #137B40;
}

.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: 120px;
    background: #fff;
    top: 48px;
    transform: translateY(50px);
    opacity: 0;
}

.ybSearchBox.active {
    z-index: 299;
    opacity: 1;
    transform: none;
}

.ybSearchBox .search_in {
    width: 780px;
    height: 56px;
}

.ybSearchBox .search_in .search_w {
    width: 100%;
    height: 100%;
}

.ybSearchBox .search_in .search_w input {
    width: 100%;
    height: 100%;
    background: #F3F8F6;
    border: none;
    padding: 20px 120px 20px 40px;
    border-radius: 4px;
}

.ybSearchBox i {
    line-height: 1;
}

.ybSearchBox .ybSearchBg {
    z-index: 2;
    font-size: 18px;
    left: 14px;
    top: 18px;
}

.ybSearchBox .ybSearchClose {
    right: -40px;
    top: 16px;
    font-size: 20px;
    cursor: pointer;
}

.ybSearchBox .search_w a {
    display: block;
    width: 100px;
    height: 100%;
    top: 0;
    right: 0;
    background: #137B40;
    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: #137B40;
}

.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-weight: bold;
    color: #F99C34;
    line-height: 32px;
}

.ybCulture .list {
    border-radius: 8px;
    padding: 40px;
    border: 1px solid #E8E8E8;
}

.ybCulture .list_in {
    width: 100%;
}

.ybCulture .list {
    margin-top: 40px;
}

.ybCulture .list1 {
    margin-bottom: 80px;
}

.ybCulture .itemTitle {
    font-size: 18px;
    padding-bottom: 20px;
    color: #5a5858;
    font-weight: bold;
    line-height: 28px;
}

.ybCulture .ylTxt {
    color: #F99C34;
    line-height: 24px;
    padding-bottom: 20px;
    font-size: 18px;
    font-weight: bold;
}

.ybCulture .ylTxt p {
    line-height: 2.2;
}

.ybCulture .ylTxt>div {
    line-height: 2.2;
}

.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: 40px;
}

.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: 200px;
}

.ybCulture .list .listBox {
    padding-right: 80px;
}

.ybCulture .list7 .listBox,
.ybCulture .list3 .listBox,
.ybCulture .list2 .listBox,
.ybCulture .list5 .listBox {
    padding-left: 80px;
    padding-right: 0;
}

.ybCulture .list4 .itemBox {
    flex-wrap: wrap;
    width: 100%;
    margin-top: -40px;
}

.ybCulture .list4 .itemBox .item {
    width: 50%;
    margin-top: 40px;
    padding-right: 40px;
}

.ybCulture .list4 .itemBox .item:nth-child(2n) {
    padding-right: 0;
    padding-left: 40px;
    border-left: 1px solid #f4f4f4;
}

.ybCulture h4 {
    padding-bottom: 20px;
    color: #5a5858;
    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: 900px;
    margin: 0 auto;
}

.ybsingle {
    overflow: hidden;
    width: 100%;
    text-align: justify;
}

.ybDetail .ybsingle {
    width: 900px;
    margin: 0 auto;
}

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

.ybDetail_in .dtName {
    font-size: 30px;
    color: #333333;
    line-height: 48px;
}

.ybDetail_in .dtInfo {
    margin-bottom: 40px;
    padding: 40px 0 38px;
    border-bottom: 1px solid #e8e8e8;
}

.ybDetail_in .dtInfo span.li {
    padding: 0 20px;
    color: #666;
}

.dtImgsBox .dtSwiperBtn {
    width: 48px;
    height: 48px;
    border-radius: 100%;
    overflow: hidden;
    background: #FFFFFF;
    text-align: center;
    border: 1px solid #E8E8E8;
}

.dtImgsBox .dtSwiperBtn_next {
    right: -68px;
}

.dtImgsBox .dtSwiperBtn_prev {
    left: -68px;
}

.dtImgsBox .dtSwiperBtn i {
    font-size: 48px;
    line-height: 48px;
}

.fjShare {
    margin-top: 80px;
    height: 100px;
    box-shadow: inset 0px -1px 0px 0px #E8E8E8, inset 0px 1px 0px 0px #E8E8E8;
}

.fjShare .fx {
    line-height: 100px;
    color: #999;
}

.fjShare .item {
    border-radius: 100%;
    border: 1px solid #64AA44;
    margin-left: 20px;
    width: 40px;
    height: 40px;
    text-align: center;
    cursor: pointer;
}

.fjShare i {
    font-size: 40px;
    line-height: 40px;
    color: #64AA44;
    display: block;
    margin: 0 auto;
}

.fjShare .item:nth-child(2) {
    border-color: #DA4409;
}

.fjShare .item:nth-child(2) i {
    color: #DA4409;
}

.fjShare .item:nth-child(3) {
    border-color: #61A9EA;
    ;
}

.fjShare .item:nth-child(3) i {
    color: #61A9EA;
}

.fjShare .list {
    padding: 30px 0;
}

.fjShare .list .item {
    position: relative;
}

.fjShare .list .item .codeBox {
    position: absolute;
    width: 140px;
    height: 140px;
    padding: 20px;
    background-repeat: no-repeat;
    bottom: 40px;
    left: 50%;
    margin-left: -70px;
    background-size: 100% 100%;
    background-position: center;
    background-image: url(../image/code-fbg.png);
    transition: all ease-in-out 0.4s;
    transform: translateY(50px);
    opacity: 0;
    z-index: 0;
}

.fjShare .list .item #qrcode {
    width: 100%;
    height: 100%;
}

.fjShare .list .item:hover .codeBox {
    opacity: 1;
    z-index: 1;
    transform: none;
}

.rqpreNext {
    width: 100%;
    padding-top: 20px;
    overflow: hidden;
}

.rqpreNext h4 {
    color: #666;
    padding-bottom: 20px;
}

.rqpreNext .txt,
.rqpreNext .txt a {
    color: #666;
}

.rqpreNext .txt span {
    padding-left: 40px;
}

.rqpreNext .txt .power-prevNext-no {
    padding: 0;
}

.rqpreNext .item {
    width: 100%;
    margin-top: 20px;
}


/* indexPub */

.pubRight {
    position: fixed;
    right: 20px;
    top: 50%;
    width: 64px;
    z-index: 100;
}

.pubRight .pubRight_in {
    background: #FFFFFF;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
    border-radius: 40px;
}

.pubRight_in .item {
    cursor: pointer;
    padding: 10px 0;
    text-align: center;
    position: relative;
}

.pubRight_in .item:first-child {
    padding: 20px 0 10px;
    border-radius: 40px 40px 0 0;
}

.pubRight_in .item:last-child {
    padding: 0;
    border-radius: 0 0 40px 40px;
    overflow: hidden;
}

.pubRight_in .item i {
    font-size: 24px;
    line-height: 1;
}

.pubRight_in .item .pubCode {
    right: 64px;
    padding: 10px;
    background-color: #fff;
    border-radius: 8px 0 0 8px;
    top: 0px;
    transform: translateY(60px);
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
}

.pubRight_in .item:hover {
    background: #137B40;
}

.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: 92px;
}

.ybCGInformation_Table .list .title {
    flex: 1;
    overflow: hidden;
    padding: 0 3%;
}

.ybCGInformation_Table .list .title a {
    display: block;
    width: 100%;
    overflow: hidden;
}

.ybCGInformation_Table .list .status {
    width: 166px;
    padding-right: 20px;
}


/* .ybCGInformation_Table .list .type{ width: 200px; } */

.ybCGInformation_Table .list .item .v {
    color: #666;
}

.ybCGInformation_Table .list .item .v.attend {
    color: #F99C34;
}


/*返回顶部*/

.goTopBtn_in {
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    background: #EEF3F1;
}


/*老数据移移详情页*/


/* .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: #137B40;
    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: #137B40;
    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;
}

.topMenu .topitem:nth-child(1),
.topMenu .topitem:nth-child(2),
.topMenu .topitem:nth-child(3),
#StranLink {
    background: url(../image/crc-min-arrow.gif) no-repeat left 14px;
}