:root {
  /* 导航高度 */
  --header-height: 1.2rem;
  /* COLOR */
  --color-active: #33416f;
  --color-blue-004: #33416f;
  --color-blue-095: #095cae;
  --color-blue-163: #163494;
  --color-blue-1635: #163595;
  --color-blue-345: #345999;
  --color-red-e41: #e41313;
  --color-white: #fff;
  --color-black: #282828;
  --color-gray-f6: #f6f6f6;
  --color-gray-f4: #f4f4f4;
  --color-gray-eee: #eee;
  --color-gray-ddd: #ddd;
  --color-gray-bbb: #bbb;
  --color-gray-999: #999;
  --color-gray-666: #666;
  --color-gray-444: #444;
  --color-gray-333: #333;
  /* --- font40以下 */
  --font12: clamp(12px, 0.12rem, 12px);
  --font14: clamp(12px, 0.14rem, 14px);
  --font15: clamp(12px, 0.15rem, 15px);
  --font16: clamp(13px, 0.16rem, 16px);
  --font17: clamp(13px, 0.17rem, 17px);
  --font18: clamp(14px, 0.18rem, 18px);
  --font20: clamp(15px, 0.2rem, 20px);
  --font22: clamp(16px, 0.22rem, 22px);
  --font24: clamp(17px, 0.24rem, 24px);
  --font26: clamp(18px, 0.26rem, 26px);
  --font28: clamp(18px, 0.28rem, 28px);
  --font30: clamp(20px, 0.3rem, 30px);
  --font32: clamp(20px, 0.32rem, 32px);
  --font34: clamp(22px, 0.34rem, 34px);
  --font36: clamp(22px, 0.36rem, 36px);
  --font38: clamp(24px, 0.38rem, 38px);
  /* --- font40 */
  --font40: clamp(23px, 0.4rem, 40px);
  --font42: clamp(24px, 0.42rem, 42px);
  --font44: clamp(24px, 0.44rem, 44px);
  --font46: clamp(25px, 0.46rem, 46px);
  --font48: clamp(26px, 0.48rem, 48px);
  /* --- font50 */
  --font50: clamp(28px, 0.5rem, 50px);
  --font52: clamp(28px, 0.52rem, 52px);
  --font54: clamp(28px, 0.54rem, 54px);
  --font56: clamp(28px, 0.56rem, 56px);
  --font58: clamp(29px, 0.58rem, 58px);
  /* --- font60 */
  --font60: clamp(30px, 0.6rem, 60px);
  --font62: clamp(31px, 0.62rem, 62px);
  --font64: clamp(31px, 0.66rem, 64px);
  --font66: clamp(31px, 0.66rem, 66px);
  /* --- font70以及以上 */
  --font70: clamp(32px, 0.7rem, 70px);
  --font72: clamp(32px, 0.72rem, 72px);
  --font74: clamp(32px, 0.74rem, 74px);
  --font80: clamp(32px, 0.8rem, 80px);
  --font100: 1rem;
  --font120: 1.2rem;
  --font160: 1.6rem;
  --font230: 2.3rem;
}
@media (max-width: 1580px) {
  :root {
    --header-height:80px;
  }
}
/* 公共字体 */
.font12 {
  font-size: var(--font12);
}
.font14 {
  font-size: var(--font14);
}
.font15 {
  font-size: var(--font15);
}
.font16 {
  font-size: var(--font16);
}
.font18 {
  font-size: var(--font18);
}
.font20 {
  font-size: var(--font20);
}
.font22 {
  font-size: var(--font22);
}
.font24 {
  font-size: var(--font24);
}
.font26 {
  font-size: var(--font26);
}
.font28 {
  font-size: var(--font28);
}
.font30 {
  font-size: var(--font30);
}
.font32 {
  font-size: var(--font32);
}
.font34 {
  font-size: var(--font34);
}
.font36 {
  font-size: var(--font36);
}
.font38 {
  font-size: var(--font38);
}
.font40 {
  font-size: var(--font40);
}
.font42 {
  font-size: var(--font42);
}
.font44 {
  font-size: var(--font44);
}
.font46 {
  font-size: var(--font46);
}
.font48 {
  font-size: var(--font48);
}
.font50 {
  font-size: var(--font50);
}
.font52 {
  font-size: var(--font52);
}
.font54 {
  font-size: var(--font54);
}
.font56 {
  font-size: var(--font56);
}
.font58 {
  font-size: var(--font58);
}
.font60 {
  font-size: var(--font60);
}
.font62 {
  font-size: var(--font62);
}
.font64 {
  font-size: var(--font64);
}
.font66 {
  font-size: var(--font66);
}
.font70 {
  font-size: var(--font70);
}
.font72 {
  font-size: var(--font72);
}
.font72 {
  font-size: var(--font74);
}
.font80 {
  font-size: var(--font80);
}
.font100 {
  font-size: var(--font100);
}
.font120 {
  font-size: var(--font120);
}
.font160 {
  font-size: var(--font160);
}
.font230 {
  font-size: var(--font230);
}
html {
  font-size: calc(100vw/19.2);
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  scrollbar-width: thin;
}
@media (min-width: 1901px) {
  html {
    font-size: 100px;
  }
}
@media (max-width: 1580px) {
  html {
    font-size: calc(100vw / 21);
  }
}
@media (max-width: 1280px) {
  html {
    font-size: calc(100vw / 19.3);
  }
}
@media (max-width: 767px) {
  html {
    font-size: calc(100vw/15);
  }
}
@media (max-width: 480px) {
  html {
    font-size: calc(100vw/7.5);
  }
}
.strategyCont { max-width: 1272px; margin: 0 auto;}
.stretagyTit { font-size: var(--font30); color: #00bbbb; line-height: 1.2; font-weight: bold;}
.strategyPrice { padding-top: 1.3rem;}
.priceFlex { margin-top: .6rem; display: flex; justify-content: space-between;}
.priceImg { background: #000000; width: 61.87%; overflow: hidden;}
.priceImg img { transition: all .8s; display: block; width: 100%;}
.priceImg:hover img { transform: scale(1.1); opacity: .8;}
.priceText { width: calc(32.13% - 1.14rem);}
.priceText p { font-size: var(--font18); color: #808080; line-height: 2;}
.feature { margin-top: 1.35rem;}
.feature ul { margin-top: .68rem; display: flex; justify-content: space-between;}
.feature li { padding-bottom: 1.4rem; width:23.58%; border-radius: .15rem; overflow: hidden; position: relative;}
.featureText { transition: all .8s; width: 100%; padding: .4rem .25rem 0; height: 100%; background: rgb(239,239,239); position: absolute; bottom: calc(-100% + 1.4rem);}
.featureText h2 { position: relative; font-size: var(--font24); color: #00bbbb; font-weight: bold; line-height: 1.25;}
.featureImg img { display: block; width: 100%; transition: all .8s;}
.featureImg { overflow: hidden;}
.featureText p { box-sizing: border-box; padding: 0 .25rem; padding-right: 40%; font-size: var(--font18); color: #808080; line-height: 2; position: absolute; bottom: 1.4rem; left: 0; width: 100%;}
.feature li:hover .featureText { bottom: 0;}
.feature li:hover img { transform: scale(1.1);}
.featureText h2::after { content: ''; opacity: 0; transform: rotate(180deg); transition: all .4s; right: 0; top: 0; position: absolute; background: url(/statics/youzhi/newimg/strategyicon.png) center no-repeat; width: 22px; height: 12px; background-size: 100% auto;}
.feature li:hover h2::after { transform: rotate(0); opacity: 1;}
.growSwiper { position: relative;}
.growSwiper .swiper { overflow: hidden;}
.growSwiper .swiper-slide { border-radius: .22rem; overflow: hidden; background: rgb(239,239,239); align-items: center; display: flex; justify-content: space-between;}
.growSwiper .swiper-slide h2 { margin-bottom: .55rem; font-size: var(--font24); color: #00bbbb; line-height: 1.16; font-weight: bold;}
.growSwiper .swiper-slide h3{font-size: var(--font24); color: #00bbbb; line-height: 1.16; margin-bottom: 10px; font-weight: bold;}
.growSwiper .swiper-slide p { font-size: var(--font18); color: #808080; }
.growSwiper .swiper-slide dt { margin-bottom: .32rem;}
.growSwiper .swiper-slide dt:last-child { margin-bottom: 0;}
.growImg { width: 49%;}
.growImg img { display: block; width: 100%;}
.growText { flex: 1; padding: 0 .1rem 0 .55rem;}
.growBox { position: relative; padding-bottom: .72rem;}
.growBox .swiper-pagination { width: 100%; bottom: 0;}
.growBox .swiper-pagination span { margin: 0 .12rem; opacity: 1; width: .55rem; height: 1px; border-radius: 0; background: #b7b7b7;}
.growBox .swiper-pagination span.swiper-pagination-bullet-active { background: #00bbbb;}
.growSwiper .swiper-button-next,.growSwiper .swiper-button-prev { width: .78rem; height: .78rem;color: #00bbbb; border-radius: 50%; transition: all .4s; background: url(/statics/youzhi/newimg/swbtn.png) center no-repeat; background-size:100% auto!important;}
.growSwiper .swiper-button-next::after,.growSwiper .swiper-button-prev::after { color: #00bbbb;}
.growSwiper .swiper-button-next { transform: rotate(180deg); right: -1rem;}
.growSwiper .swiper-button-prev { left: -1rem;}
.growSwiper .swiper-button-next:hover,.growSwiper .swiper-button-prev:hover { background: url(/statics/youzhi/newimg/swbtnon.png) center no-repeat;}
.growBox { margin-top: .7rem;}
.growCont { margin-top: 1.35rem;}
.schoolDesc ul { margin-top: .7rem;}
.schoolDesc li { margin-bottom: .25rem; align-items: center; display: flex; justify-content: space-between;}
.schoolDesc li:nth-child(odd) { flex-direction: row-reverse;}
.schoolDesc li h2 { margin-bottom: .2rem; font-weight: bold; font-size: var(--font24); color: #00bbbb;}
.schoolImg { background:#000; border-radius: .22rem; width: 46.77%; overflow: hidden;}
.schoolText { width: calc(53.23% - .35rem);}
.schoolImg img { transition: all .8s; display: block; width: 100%;}
.schoolImg:hover img { opacity: 0.6; transform: scale(1.1);}
.schoolText p { color: #808080; line-height: 2; font-size: var(--font18);}
.growSchool { margin: 1.35rem auto;}
.schoolDesc li:last-child { margin: 0;}
.welfare { margin-top: 1.35rem; padding-left: 1.62rem;}
.welfare ul { margin-top: .68rem; justify-content: space-between; display: flex;}
.welfare li { background: #eeeeee; overflow: hidden; border-radius: .24rem; width: calc((100% - .48rem)/3);}
.walfareImg { overflow: hidden; position: relative; overflow: hidden; padding-top: 94.37%;}
.walfareImg img { transition: all .8s; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.walfareText h2 { font-size: var(--font24); font-weight: bold; color: #00bbbb; line-height: 1; margin-bottom: .15rem;}
.walfareText p { font-size: var(--font18); color: #808080; line-height: 1.3;}
.walfareText { padding: .25rem .3rem .25rem;}
.welfare li:hover img { transform: scale(1.1);}
.activeCont { margin: 1.35rem auto 0; max-width: 1272px;}
.activeSwiper .swiper-container { overflow: visible;}
.activeCont .stretagyTit { margin-bottom: .7rem;}
.activeSwiper .swiper-slide { position: relative; overflow: hidden; border-radius: .45rem;}
.activeSwiper .swiper-slide img { display: block; width: 100%; transition: all .8s;min-height: 180px;object-fit: cover;}
.activeDesc { padding: .32rem .6rem .4rem; position: absolute; left: 0; bottom: 0; width: 100%; background-image: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.7));}
.activeDesc h2 { font-size: var(--font24); color: #00bbbb; line-height: 1.1; font-weight: bold; margin-bottom: .2rem;}
.activeDesc p { font-size: var(--font18); color:#ffffff; line-height: 1;}
.activeSwiper .swiper-slide:hover img { transform: scale(1.1);}
.activeSwiper .swiper-button-next,.activeSwiper .swiper-button-prev { width: .78rem; height: .78rem;color: #00bbbb; border-radius: 50%; transition: all .4s; opacity: .5; background: url(/statics/youzhi/newimg/activeBtn.png) center no-repeat; background-size:100% auto;}
.activeSwiper .swiper-button-next::after,.activeSwiper .swiper-button-prev::after { color: #00bbbb;}
.activeSwiper .swiper-button-next { transform: rotate(180deg); right: -1.6rem;}
.activeSwiper .swiper-button-prev { left: -1.6rem;}
.activeSwiper .swiper-button-next:hover,.activeSwiper .swiper-button-prev:hover { opacity: 1;}
.workShow .stretagyTit { max-width: 1272px; margin: 0 auto;}

.workBig { overflow: hidden; height: 6.8rem; width: 39%;}
.workSmall { gap: .24rem; width: 59.25%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.workBig img { display: block; object-fit: cover; height: 100%; width: 100%;}
.smallSlide img {height: 100%; object-fit: cover; display: block; width: 100%;}
.smallSlide { width: calc(50% - .12rem); height: 3.28rem;}
.imgFlex { display: flex; justify-content: space-between;}
.workShow { margin-top: 1.35rem;}
.workSwiper { margin-top: .7rem;}
.workSwiper p { text-align: center; font-size: var(--font18); color: #808080; margin-top: .25rem;}
.workSwiper { overflow: hidden; margin-bottom: 1.35rem;}
.workSwiper .swiper { position: relative;}
.workSwiper img {transition: all .8s;}
.workSwiper .smallSlide { overflow: hidden;}
.workSwiper .smallSlide:hover img { transform: scale(1.1);}
.workBig:hover img { transform: scale(1.1);}
.swiper { position: relative; width: 100%; height: 100%;}
.workSwiper .swiper-pagination { width: 100%; bottom: 0;}
.workSwiper .swiper-pagination span { margin: 0 .12rem; opacity: 1; width: .55rem; height: 1px; border-radius: 0; background: #b7b7b7;}
.workSwiper .swiper-pagination span.swiper-pagination-bullet-active { background: #00bbbb;}
.store .stretagyTit { max-width: 1272px; margin: 0 auto;}
.storeCont a { display: flex; justify-content: space-between;}
.storeTit { align-items: center; margin-bottom: 1rem; display: flex; justify-content: space-between;}
.storeTit p { font-weight: bold; font-size: var(--font24); color: #00bbbb;}
.storeTit span { font-size: var(--font18); color: #808080;}
.storeDesc { font-size: var(--font18); color: #808080; line-height: 1.3; min-height: 2.4rem; overflow: hidden;}
.moreEnter { text-align: right; padding-right: 40px;overflow: hidden; background: url(/statics/youzhi/images/i_pic1.png) right center no-repeat; background-size: 26px auto; transition: all 0.3s; text-transform: uppercase; color: #808080;}
.storeCont a:hover .moreEnter { transform: translateX(-10px); color: #00bbbb;background: url(/statics/youzhi/images/i_pic1_on.png) right center no-repeat;}
.storeImg { width: 65%; height: 4.95rem; overflow: hidden;}
.storeImg img { width: 100%; height:100%; transition: all .8s; object-fit: cover;}
.storeText { flex: 1; box-sizing: border-box;}
.storeCont a { background: #dddddd; border-radius: .44rem; overflow: hidden;}
.storeCont .swiper-slide:hover img { transform: scale(1.1);}
.storeText { padding: .75rem .25rem 0;}
.storeCont { margin-top: .7rem; margin-bottom: 1.35rem; overflow: hidden;}
.storeCont .swiper { padding-bottom: .7rem;}
.storeCont .swiper-pagination span { margin: 0 .12rem; opacity: 1; width: .55rem; height: 1px; border-radius: 0; background: #b7b7b7;}
.storeCont .swiper-pagination span.swiper-pagination-bullet-active { background: #00bbbb;}
.storeTitle h2 { font-weight: bold; font-size: var(--font30); color: #00bbbb; line-height: 1.5; margin-bottom: .12rem;}
.storeTitle p {font-size: var(--font14); color: #808080;}
.storeTitle { border-bottom: 1px solid #9e9e9e; padding-bottom: .65rem;}
.peopleShow { margin-bottom: .95rem;}
.jobCont { display: flex; justify-content: space-between;}
.jobMenu {gap: .24rem; display: flex; flex-wrap: wrap; flex-direction: column; width: 49.25%; height: 8.5rem;}
.menuSlide { transition: all .4s; cursor: pointer; box-sizing: border-box; padding: .28rem; background: #dbdbdb; width: calc(50% - .12rem);  display: flex; flex-direction: column; justify-content: space-between;}
.menuSlide:nth-child(1) { height: 5rem;}
.menuSlide:nth-child(2) { height: 3.26rem;}
.menuSlide:nth-child(4) { height: 5rem;}
.menuSlide:nth-child(3) { height: 3.26rem;}
.jobName h2 { transition: all .4s; line-height: 1; margin-bottom: .15rem; font-weight: bold; font-size: var(--font30); color: #00bbbb;}
.jobName p { transition: all .4s; color: #808080; font-size: var(--font18);}
.jobExplan { transition: all .4s; display: flex; justify-content: space-between; align-items: flex-end; color: #808080; font-size: var(--font18);}
.menuSlide.cur { background: #00bbbb;}
.menuSlide.cur .jobName h2,.menuSlide.cur .jobName p,.menuSlide.cur .jobExplan { color: #ffffff;}
.menuSlide.cur img { /* filter: brightness(500%) grayscale(100%); */filter: brightness(180%) contrast(150%) grayscale(100%);}
.menuGroup { padding-top: .22rem; width: calc(50.75% - .24rem); background: #dbdbdb; }
.listFlex {display: flex; justify-content: space-between; flex-direction: column; height: 100%;}
.jobList { height: 100%; padding: 0 .45rem .25rem;}
.listFlex li:first-child { padding-top: 0;}
.listFlex li { border-bottom: 1px solid #a0a0a0; padding: .22rem; display: flex; justify-content: space-between;}
.listFlex li p { font-weight: bold; font-size: var(--font24); color: #00bbbb;line-height: 33px;height: 33px;white-space:nowrap;text-overflow:ellipsis;overflow: hidden;}
.listFlex li a { overflow: hidden; display: block; font-size: var(--font12); position: relative; padding: 0 .34rem; line-height: 2.75; border-radius: 2.75em; background: #ffffff; position: relative; color: #808080;min-width: 77px;margin-left: 3px;}
.listFlex li a span { position: relative; z-index: 2;}
.listFlex li a::after { content: ''; position: absolute; bottom: 0; width: 100%; height: 0; background: #00bbbb; transition: all .4s; left: 0;}
.listFlex li a:hover::after{ height: 100%; }
.listFlex li a:hover span { color: #ffffff;}
.listFlex ul { padding-right:.2rem; max-height: 7rem; overflow-y: auto;}
.jobNotice { font-size: 12px; color: #808080;}
.jobNotice a { color: #808080; transition: all .4s;}
.jobNotice a:hover { color: #00bbbb;}
.listFlex ul::-webkit-scrollbar {
  width: 4px;
}
.listFlex ul::-webkit-scrollbar-button {
  display: none;
}
.listFlex ul::-webkit-scrollbar-thumb {
  background: #9e9e9e;
}
.listFlex ul::-ms-expand {
  display: none;
}
.jobCont { margin: 1.35rem auto;}
.jobStep { margin: 0 auto; max-width: 1272px;}
.jobStep ul { display: flex; justify-content: space-between; position: relative;}
.jobStep li { position: relative;}
.jobStep li:last-child { padding-right: .6rem;}
.jobStep li p { font-size: var(--font24); font-weight: bold; color: #00bbbb; line-height: 1; margin-bottom: .65rem;}
.jobStep li span { color: #808080; font-size: var(--font18); display: block; line-height: 1.3;}
.jobStep ul:before { content: ''; position: absolute; left: 0; width: 100%; background: #9e9e9e; height: 1px; top: calc(var(--font18)*1.3 + .35rem);}
.jobStep li::after { content: ''; position: absolute; left:.75rem; width: 100%; width:.1rem; height: .1rem; border-radius: 50%; background:#00bbbb; display: block;  top: calc(var(--font18)*1.3 + .315rem);}
.jobStep .stretagyTit { margin-bottom: clamp(20px,.65rem,65px);}
.jobQuestion {margin: 1.25rem auto; max-width: 1272px;}
.jobQuestion li { padding: .3rem 0; border-bottom: 1px solid #9e9e9e;}
.jobQuestion li h3 { cursor: pointer; font-weight: bold; font-size: var(--font24); color: #00bbbb;}
.questionSub { display: none; padding-top: .25rem;}
.questionSub p { font-size: var(--font18); color: #808080; line-height: 1.33;}
.jobQuestion ul { margin-top: .4rem;}
.storeTitle.jobTop { border: none;}
.jobDesc h2 { margin-bottom: .2rem; font-size: var(--font24); font-weight: bold; color: #00bbbb;}
.jobDesc p { font-size: var(--font18); color: #808080; line-height: 1.33333;}
.jubSub { margin-top: .45rem; display: flex; align-items: center;}
.jubSub .subEnter { font-style: normal; transition: all .4s; line-height: 2.75; padding: 0 .34rem; line-height: 2.75em; border-radius: 2.75em; display: flex; align-items: center; background: #00bbbb; font-size: 12px; color: #ffffff;}
.jubSub .subEnter b { display: none; font-weight: normal;}
.jubSub .subEnter.act b { display: block;}
.jubSub .subEnter.act span { display: none;}
.jubSub .subEnter.act { padding: 0 .12rem;}
.subEnter a { color: #0000ee; font-weight: bold;}
.jobshow { max-width: 765px;}
.shareCont { position: relative; margin-left: .48rem;}
.shareCont>i { cursor: pointer; font-size: 12px; color: #808080; transition: all .4s; font-style: normal; border-radius: 2.75em; padding:0 .36rem; line-height: 2.75; background: #dddddd; display: flex; align-items: center;}
.shareCont>i img { display: block; margin-right: 5px; transition: all .4s;}
.shareCont:hover>i { color: #ffffff; background: #00bbbb;}
.shareCont:hover>i img {filter: brightness(0) invert(1);}
.icon-wechat .wechat-qrcode .help { display: block;}
.shareCont{ display: flex; position: relative;}
.shareCont:hover .social-share { visibility: visible; opacity: 1;}
.shareCont .social-share { opacity: 0; transition: all .4s; visibility: hidden; left: 100%; padding-left: 20px; position: absolute;}
.shareCont .social-share ul { display: flex;}
.shareCont ul li{float:left; margin-left:10px;width:60px; height:36px; background-repeat:no-repeat; background-size:100% 100%;transition:all 0.3s; background:rgba(255, 255, 255, 0.1); border-radius:50%; background-size:100% 100%;background-repeat: no-repeat;}
.shareCont ul li:first-child{margin-left: 0;}
.shareCont ul li a{ display:block; width:100%; height:100%;margin:0; position:relative;transition:all 0.3s;}

.shareCont ul li a:hover{/*filter: Alpha(Opacity=80);opacity: 0.8;*/}

.shareCont ul li.weixin{ /*background-image:url(/statics/youzhi/images/fx1.png); */--size: 63%;}

.shareCont ul li.weixin a{ background:url(/statics/youzhi/images/contact_fx2.png) center center no-repeat;background-size:100% 100%;}

.shareCont ul li.weixin a:hover{filter: Alpha(Opacity=100);opacity: 1.0; background-image:url(/statics/youzhi/images/contact_fx2_on.png);}

.shareCont ul li.weixin .wem1{width: 203px; bottom:41px; text-align: center;  position: absolute; margin-left:-76px;margin-top: -203px; background-image: url(/statics/youzhi/img/ewm.png);background-repeat: no-repeat; height:0; overflow:hidden;transition:all 0.3s;transform:scale(0, 0);}

.shareCont ul li.weixin .wem1 img{ width:155px; height:155px; margin-right:5px;transition:all 0.3s; }

.shareCont ul li.weixin a:hover .wem1{ height:195px;padding-top: 20px; padding-bottom:20px;transform:scale(1, 1);}

.shareCont ul li.sinna{ background-image:url(/statics/youzhi/images/contact_fx3.png);}

.shareCont ul li.sinna:hover{ background-image:url(/statics/youzhi/images/contact_fx3_on.png);}

.shareCont ul li.xiaohongshu{ background-image:url(/statics/youzhi/images/contact_fx1.png);}
.shareCont ul li.xiaohongshu:hover{ background-image:url(/statics/youzhi/images/contact_fx1_on.png);}
.shareCont ul li.tiktok a{ background-image:url(/statics/youzhi/images/contact_fx4.png);}
.shareCont ul li.tiktok a:hover{ background-image:url(/statics/youzhi/images/contact_fx4_on.png);}
.shareCont ul li.hudie a{ background-image:url(/statics/youzhi/images/contact_fx5.png);}
.shareCont ul li.hudie a:hover{ background-image:url(/statics/youzhi/images/contact_fx5_on.png);}
.shareCont ul li.tv{ background-image:url(/statics/youzhi/images/contact_fx6.png);}
.shareCont ul li.tv:hover{ background-image:url(/statics/youzhi/images/contact_fx6_on.png);}
.shareCont ul li.taobao{ background-image:url(/statics/youzhi/images/contact_fx7.png);}
.shareCont ul li.taobao:hover{ background-image:url(/statics/youzhi/images/contact_fx7_on.png);}
.shareCont ul li.tianmao{ background-image:url(/statics/youzhi/images/contact_fx8.png);}
.shareCont ul li.tianmao:hover{ background-image:url(/statics/youzhi/images/contact_fx8_on.png);}
.shareCont ul li.jd{ background-image:url(/statics/youzhi/images/contact_fx9.png);}
.shareCont ul li.jd:hover{ background-image:url(/statics/youzhi/images/contact_fx9_on.png);}
.shareCont ul li.yiliu{ background-image:url(/statics/youzhi/images/contact_fx10.png);}
.shareCont ul li.yiliu:hover{ background-image:url(/statics/youzhi/images/contact_fx10_on.png);}
.shareCont ul li a{ display:block; width:100%; height:100%;}
.jubSub { margin-bottom: 1.6rem;}
.dn { display: none;}

.newsHd { margin-top: 7%; display: flex; border-bottom: 1px solid #9e9e9e;}
.newsHd span { color: #808080; display: flex; flex: 1; justify-content: center;}
.newsHd i {padding-bottom: 20px; line-height: 1; cursor: pointer; display: block; position: relative; font-style: normal; color: #808080;}
.newsHd i::after { content: ''; height: 1px; position: absolute; bottom: -1px; background: #00bbbb; width: 0; left: 0}
.newsHd span.cur i::after { width: 100%;}
.newsHd span.cur i { color: #00bbbb;}
@media screen and (max-width:1440px) {
	.welfare { max-width: 1272px; padding: 0;}
	.storeTit { margin-bottom: .5rem;}
	.storeDesc { margin-bottom: .2rem;}
	.growSwiper .swiper-button-next { right: 2%;}
	.growSwiper .swiper-button-prev { left: 2%;}
	.activeSwiper .swiper-button-next{right: 2%;}
	.activeSwiper .swiper-button-prev{left: 2%;}
}
@media screen and (max-width:780px) {
	.newsHd i { padding-bottom: 10px;}
	.jobCont { margin: 30px auto;}
	.menuSlide { width:calc(50% - 5px); height: auto!important;}
  .listFlex li{padding-left: 0;padding-right: 0;}
  .listFlex li p{font-size: 15px;}
	.jobMenu {height: auto; width: 100%; flex-direction: row; flex-wrap: wrap; gap:10px;}
	.jobCont { flex-direction: column;}
	.jobName h2 { font-size: 16px;}
	.jobName { margin-bottom: 20px;}
	.menuGroup { margin-top: 20px; width: 100%;}
	.jobList { padding: 20px;}
	.jobStep li p { margin-bottom: 10px; font-size: 16px;}
	.jobStep ul { position: relative;  padding-left: 20px; flex-direction: column;}
	.jobStep ul:before { content: '';position: absolute; left: 10px; width: 1px; top: 0; height: 100%; background: #808080;}
	.jobStep li:before { display: none;}
	.jobStep li { margin-bottom: 20px;}
	.jobStep li:last-child { margin-bottom: 0;}
	.jobStep li::after { left: -12.5px; top: 6px;}
	.jobQuestion { margin-top: 30px;}
	.jobQuestion li h3 { font-size: 16px;}
	.jobQuestion ul { margin-top: 0;}
	.jubSub .subEnter b { display: block;}
	.jubSub .subEnter span { display: none;}
	.shareCont .social-share { left: auto; right: 0; top:calc(100% + 10px);}
	.welfare { margin-top: 30px;}
	.welfare ul { margin-top: 20px; overflow-x: auto}
	.welfare li { min-width:70%; margin-right: 20px;}
	.activeCont { margin-top: 30px;}
	.activeCont .stretagyTit { margin-bottom: 20px;}
	.activeDesc { padding: 10px;}
	.activeSwiper .swiper-slide { border-radius: 10px;}
	.workShow { margin-top: 30px;}
	.workSwiper { margin: 20px auto 30px;}
	.workSwiper .smallSlide { height: 1.44rem; width: calc(50% - .06rem);}
	.workSmall { gap:.12rem}
	.workBig { height: 3rem;}
	.storeCont a { flex-direction: column;}
	.storeTit { margin-bottom: 10px;}
	.storeText { padding: 20px;}
	.storeTit { flex-direction: column; text-align: center; justify-content: center;}
	.storeDesc { height: auto;}
	.storeImg { width: 100%; height:3rem;}
	.storeCont { margin: 20px auto 30px;}
	.moreEnter { background-size: 20px auto; padding-right: 35px; margin-top: 10px;}
	.storeTitle h2 { font-size: 16px; text-align: center;}
	.storeTitle p { text-align: center;}
	.storeTitle { padding-bottom: 20px;}
	.stretagyTit { font-size: 16px;}
	.strategyPrice { padding-top: 30px;}
	.priceFlex { margin-top: 20px; flex-direction: column-reverse;}
	.priceImg { width: 100%;}
	.priceText { width: 100%; margin-top: 20px;}
	.feature { margin-top: 30px;}
	.feature ul { overflow-x: auto; gap: 10px;}
	.feature li { padding: 0; min-width: 50%; width: calc(50% - 5px);}
	.featureText { padding-bottom: 20px; height: auto; position: static;}
	.featureText p { line-height: 1.75; margin-top: 10px; position: static; padding: 0;}
	.growCont { margin-top: 30px;}
	.growBox { margin-top: 20px;}
	.growSwiper .swiper-slide { flex-direction: column;}
	.growImg { width:100%;}
	.growText { padding: 20px;}
	.growSwiper .swiper-slide h2,.growSwiper .swiper-slide h3 { font-size: 16px; margin-bottom: 10px;}
	.growSchool { margin: 30px auto;}
	.schoolDesc ul { margin-top: 20px;}
	.schoolDesc li { flex-direction: column!important;}
	.schoolImg { width: 100%; margin-bottom: 10px;}
	.schoolText { width: 100%;}
}