.page {
  background-color: #fff;
  position: relative;
  width: 100%;
  min-width: 1440px;
  min-height: 100vh;
}

/* S 顶部导航 */
.nav-wrap {
  position: sticky;
  top: 0;
  width: 100%;
  height: 60px;
  background-color: #fff;
  z-index: 9999;
  transition: box-shadow 0.3s ease;
}
.nav-wrap.nav-sticky-shadow {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}
.nav-container {
  width: 1440px;
  height: 60px;
  margin: 0 auto;
  align-items: center;
  padding: 0 220px 0;
}
.nav-logo {
  width: 94px;
  height: 30px;
}
.nav-logo img {
  width: 94px;
  height: 30px;
}
.nav-menu {
  margin-left: 258px;
}
.nav-item {
  height: 60px;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 0.85);
  font-size: 16px;
  font-family: system-ui, -apple-system, 微软雅黑, "Helvetica Neue", Helvetica;
  text-align: left;
  white-space: nowrap;
  line-height: 60px;
  margin-left: 50px;
  position: relative;
  cursor: pointer;
}
.nav-item .nav-item-icon {
  margin-left: 5px;
  width: 16px;
  height: 16px;
}
.nav-item:first-child {
  margin-left: 0;
}
.nav-item:hover {
  color: #337AF6;
  font-weight: 500;
  font-family: system-ui, -apple-system, 微软雅黑, "Helvetica Neue", Helvetica;
}
.nav-item-active {
  color: #337AF6;
  font-weight: 500;
  font-family: system-ui, -apple-system, 微软雅黑, "Helvetica Neue", Helvetica;
}
.nav-item-active::after {
  content: '';
  position: absolute;
  bottom: 8px;
  left: 12%;
  background-color: rgba(51, 122, 246, 1);
  border-radius: 1px;
  width: 50%;
  height: 2px;
}
.nav-item-submenu {
  position: absolute;
  top: 60px;
  left: -28px;
  width: 130px;
  height: 147px;
  background: #FFFFFF;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  padding: 14px 0 23px;
  justify-content: space-between;
  align-items: center;
  visibility: hidden;
  opacity: 0;
  transform: translateY(-10px);
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;
  z-index: 9999;
}
.nav-item:hover .nav-item-submenu,
.nav-item-submenu:hover {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
  display: flex;
}
.nav-item-submenu::before {
  content: '';
  position: absolute;
  top: -12px;
  right: 10px;
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 12px solid #FFFFFF;
  filter: drop-shadow(1px -2px 2px rgba(0, 0, 0, 0.07));
}
.nav-item-submenu-item {
  display: flex;
  align-items: center;
}
.nav-item-submenu-item a {
  font-family: system-ui, -apple-system, 微软雅黑, "Helvetica Neue", Helvetica;
  font-size: 16px;
  color: #333333;
  font-weight: 400;
  line-height: 21px;
  margin-left: 10px;
}
.nav-item-submenu-item img {
  width: 16px;
  height: 16px;
  margin-top: -2px;
}
.nav-item-submenu-item-active a {
  color: #337AF6;
  font-weight: 600;
}
/* E 顶部导航 */

/* S banner */
.banner-wrap {
  width: 100%;
}
.banner-img {
  width: 100%;
  object-fit: cover;
  display: block;
}
/* E banner */

/* S 生日慰问需求众口难调 */
.srww-wrap {
  width: 100%;
  background-color: #fff;
}
.srww-container {
  padding: 70px 0 50px;
  width: 1440px;
  margin: 0 auto;
  opacity: 0;
  transform: translateY(80px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}
.srww-container.animate-in {
  opacity: 1;
  transform: translateY(0);
}
.srww-title {
  font-family: system-ui, -apple-system, 微软雅黑, "Helvetica Neue", Helvetica;
  font-weight: 500;
  font-size: 30px;
  color: #333333;
  line-height: 40px;
  text-align: center;
}
.srww-list {
  padding-top: 86px;
  display: flex;
  justify-content: center;
}
.srww-item {
  width: 320px;
  background: #FFFFFF;
  box-shadow: 2px 2px 10px 0px rgba(255, 102, 2, 0.1);
  border-radius: 10px;
  border: 1px solid rgba(255, 102, 2, 0.5);
  position: relative;
  margin-left: 20px;
  opacity: 0;
  transform: translateY(60px);
  transition: opacity 0.4s ease, transform 0.4s ease;
}
.srww-container.animate-in .srww-item {
  opacity: 1;
  transform: translateY(0);
}
.srww-container.animate-in .srww-item:hover {
  transform: translateY(-20px);
}
.srww-item:first-child {
  margin-left: 0;
}
.srww-item-bg {
  width: 200px;
  height: 120px;
  position: absolute;
  bottom: 0;
  right: 0;
}
.srww-item-title {
  position: relative;
  padding: 26px 20px;
  background: rgba(255, 102, 2, 0.1);
  border-radius: 10px 10px 0px 0px;
}
.srww-item-title span {
  font-family: system-ui, -apple-system, 微软雅黑, "Helvetica Neue", Helvetica;
  font-weight: 600;
  font-size: 16px;
  color: #333333;
  line-height: 22px;
}
.srww-item-title img {
  position: absolute;
  bottom: 10px;
  right: 30px;
  width: 100px;
  height: 100px;
}
.srww-item-content {
  display: flex;
  align-items: center;
  padding: 16px 18px;
}
.srww-item-content-icon {
  width: 40px;
  height: 40px;
  display: block;
}
.srww-item-content-rt {
  flex: 1;
  margin-left: 16px;
}
.srww-item-content-rt-title {
  font-family: system-ui, -apple-system, 微软雅黑, "Helvetica Neue", Helvetica;
  font-weight: 600;
  font-size: 14px;
  color: #333333;
  line-height: 20px;
}
.srww-item-content-rt-desc {
  margin-top: 4px;
  font-family: system-ui, -apple-system, 微软雅黑, "Helvetica Neue", Helvetica;
  font-weight: 400;
  font-size: 14px;
  color: #999999;
  line-height: 20px;
}
.srww-item-content-rt-divider {
  border-bottom: 1px solid #DCDFE6;
  position: relative;
  top: 16px;
}
/* E 生日慰问需求众口难调 */

/* S 生日福利优势 */
.srys-wrap {
  width: 100%;
}
.srys-wrap-bg-ppzd {
  background: url(https://res.youlianfuwu.com/website/img/srfl-srys-ppzd-bg-01.jpg) center center no-repeat;
  background-size: cover;
  transition: background-image 0.8s ease, background-size 0.8s ease;
}
.srys-wrap-bg-xfcj {
  background: url(https://res.youlianfuwu.com/website/img/srfl-srys-xfcj-bg-01.jpg) center center no-repeat;
  background-size: cover;
  transition: background-image 0.8s ease, background-size 0.8s ease;
}
.srys-wrap-bg-kwff {
  background: url(https://res.youlianfuwu.com/website/img/srfl-srys-kwff-bg-01.png) center center no-repeat;
  background-size: cover;
  /* background: linear-gradient(to bottom, #fff 0%, #FFFBF4 25%, #FFF8EA 100%); */
  transition: background-color 0.8s ease, background-image 0.8s ease, background-size 0.8s ease;
}
.srys-wrap-bg-cpdy {
  background: url(https://res.youlianfuwu.com/website/img/srfl-srys-cpdy-bg-01.jpg) center center no-repeat;
  background-size: cover;
  transition: background-image 0.8s ease, background-size 0.8s ease;
}
.srys-container {
  padding: 30px 0 80px;
  width: 1440px;
  height: 820px;
  margin: 0 auto;
  opacity: 0;
  transform: translateY(80px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}
.srys-container.animate-in {
  opacity: 1;
  transform: translateY(0);
}
.srys-title {
  font-family: system-ui, -apple-system, 微软雅黑, "Helvetica Neue", Helvetica;
  font-weight: 500;
  font-size: 30px;
  color: #333333;
  line-height: 40px;
  text-align: center;
}
.srys-title-sub {
  font-family: system-ui, -apple-system, 微软雅黑, "Helvetica Neue", Helvetica;
  font-size: 14px;
  color: #8E93A3;
  line-height: 19px;
  text-align: center;
  margin-top: 8px;
}
.srys-tabs {
  border-bottom: 1px solid #DCDFE6;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 1000px;
  margin: 0 auto;
  padding: 48px 25px 0;
}
.srys-tabs-divider {
  width: 1px;
  height: 40px;
  background-color: #DCDFE6;
  position: relative;
  top: -10px;
}
.srys-tabs-item {
  width: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  top: 1px;
  padding-bottom: 22px;
  cursor: pointer;
}
.srys-tabs-item img {
  width: 40px;
  height: 40px;
  display: block;
}
.srys-tabs-item .srys-tabs-icon-normal {
  display: block !important;
}
.srys-tabs-item .srys-tabs-icon-active {
  display: none !important;
}
.srys-tabs-item-active .srys-tabs-icon-normal {
  display: none !important;
}
.srys-tabs-item-active .srys-tabs-icon-active {
  display: block !important;
}
.srys-tabs-label {
  font-family: system-ui, -apple-system, 微软雅黑, "Helvetica Neue", Helvetica;
  font-size: 20px;
  line-height: 26px;
  text-align: right;
  font-style: normal;
  margin-left: 10px;
}
.srys-tabs-item-active .srys-tabs-label {
  color: #FF6602;
}
.srys-tabs-item-active {
  border-bottom: 1px solid #FF6602;
  padding-bottom: 21px;
}
.srys-contents-item {
  display: none;
  opacity: 0;
  transition: opacity 0.8s ease;
}
.srys-contents-item-active {
  opacity: 1;
  display: block;
}
.srys-tabs-icon-normal {
  display: block;
}
.srys-tabs-icon-active {
  display: none;
}
.srys-tabs-item-active .srys-tabs-icon-normal {
  display: none;
}
.srys-tabs-item-active .srys-tabs-icon-active {
  display: block;
}
.srys-ppza-nums {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 59px;
}
.srys-ppza-nums-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 80px;
}
.srys-ppza-nums-item:first-child {
  margin-left: 0;
}
.srys-ppza-nums-item-value {
  font-family: system-ui, -apple-system, 微软雅黑, "Helvetica Neue", Helvetica;
  font-weight: 500;
  font-size: 30px;
  color: #FF6602;
  line-height: 40px;
}
.srys-ppza-nums-item-label {
  font-family: system-ui, -apple-system, 微软雅黑, "Helvetica Neue", Helvetica;
  font-size: 16px;
  color: #666666;
  line-height: 21px;
  margin-top: 4px;
  font-weight: 400;
}
.srys-ppza-logos {
  padding-top: 49px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.srys-ppza-logos-list {
  display: flex;
  align-items: center;
  margin-top: 26px;
}
.srys-ppza-logos-list:first-child {
  margin-top: 0;
}
.srys-ppza-logo-img {
  width: 100px;
  height: 100px;
  display: block;
  margin-left: 27px;
}
.srys-ppza-logos-list .srys-ppza-logo-img:first-child {
  margin-left: 0;
}
#srys-contents-xfcj.srys-contents-item-active {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#srys-contents-kwff.srys-contents-item-active {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#srys-contents-cpdy.srys-contents-item-active {
  display: block;
}
.srys-xfcj-top {
  display: flex;
  margin-top: 38px;
}
.srys-xfcj-top-lt {
  width: 568px;
  height: 252px;
  padding: 41px 0 0 31px;
  background: url(https://res.youlianfuwu.com/website/img/srfl-srys-xfcj-bg-02.png) 100% no-repeat;
  background-size: 100% 100%;
}
.srys-xfcj-top-lt p {
  font-family: system-ui, -apple-system, 微软雅黑, "Helvetica Neue", Helvetica;
  font-weight: 400;
  font-size: 14px;
  line-height: 30px;
  text-align: left;
  font-style: normal;
  color: #666666;
}
.srys-xfcj-top-lt p span {
  color: #FF6602;
}
.srys-xfcj-title {
  font-family: system-ui, -apple-system, 微软雅黑, "Helvetica Neue", Helvetica;
  font-weight: 600;
  font-size: 20px;
  color: #FF6602;
  line-height: 28px;
  margin-bottom: 20px;
}
.srys-xfcj-top-rt {
  width: 408px;
  height: 252px;
  padding: 41px 0 0 31px;
  background: url(https://res.youlianfuwu.com/website/img/srfl-srys-xfcj-bg-03.png) 100% no-repeat;
  background-size: 100% 100%;
  margin-left: 26px;
}
.srys-xfcj-top-rt p {
  font-family: system-ui, -apple-system, 微软雅黑, "Helvetica Neue", Helvetica;
  font-weight: 400;
  font-size: 14px;
  color: #666666;
  line-height: 20px;
  margin-bottom: 15px;
}
.srys-xfcj-top-rt p span {
  color: #FF6602;
}
.srys-xfcj-btm {
  display: flex;
  margin-top: 27px;
}
.srys-xfcj-btm-lt {
  width: 318px;
  height: 252px;
  padding: 41px 0 0 31px;
  background: url(https://res.youlianfuwu.com/website/img/srfl-srys-xfcj-bg-04.png) 100% no-repeat;
  background-size: 100% 100%;
}
.srys-xfcj-btm-lt p {
  font-family: system-ui, -apple-system, 微软雅黑, "Helvetica Neue", Helvetica;
  font-weight: 400;
  font-size: 14px;
  color: #666666;
  line-height: 20px;
}
.srys-xfcj-btm-rt-title {
  font-family: system-ui, -apple-system, 微软雅黑, "Helvetica Neue", Helvetica;
  font-weight: 500;
  font-size: 20px;
  color: #FFFFFF;
  line-height: 28px;
}
.srys-xfcj-btm-rt-title span {
  font-family: system-ui, -apple-system, 微软雅黑, "Helvetica Neue", Helvetica;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 19px;
  text-align: left;
  font-style: normal;
  margin-left: 10px;
  font-weight: 400;
}
.srys-xfcj-btm-rt p {
  font-family: system-ui, -apple-system, 微软雅黑, "Helvetica Neue", Helvetica;
  font-weight: 400;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 20px;
  margin-top: 20px;
}
.srys-xfcj-btm-rt {
  width: 656px;
  height: 250px;
  margin-left: 27px;
  padding: 40px 36px 36px 30px;
  background: url(https://res.youlianfuwu.com/website/img/srfl-srys-xfcj-bg-05.png) 100% no-repeat;
  background-size: 100% 100%;
}
.srys-xfcj-btm-rt-logos {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 14px;
  padding: 14px;
  margin-top: 28px;
}
.srys-xfcj-btm-rt-logos-img {
  width: 50px;
  height: 50px;
  display: block;
}
#srys-contents-kwff.srys-contents-item-active {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.srys-kwff-top {
  display: flex;
  margin-top: 62px;
}
.srys-kwff-btm {
  display: flex;
  margin-top: 10px;
}
.srys-kwff-example {
  width: 340px;
  height: 240px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  margin-left: 4px;
}
.srys-kwff-example:first-child {
  margin-left: 0;
}
.srys-kwff-example-bg {
  width: 340px;
  height: 240px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.srys-kwff-example-title {
  font-family: system-ui, -apple-system, 微软雅黑, "Helvetica Neue", Helvetica;
  font-weight: 500;
  font-size: 20px;
  color: #FFFFFF;
  line-height: 26px;
  position: absolute;
  bottom: 32px;
  left: 38px;
  transition: transform 0.3s ease;
}
.srys-kwff-example-desc {
  font-family: system-ui, -apple-system, 微软雅黑, "Helvetica Neue", Helvetica;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 19px;
  position: absolute;
  bottom: 32px;
  left: 38px;
  opacity: 0;
  transform: translateY(20px);
  transition: transform 0.3s ease, opacity 0.3s ease;
}
.srys-kwff-example:hover .srys-kwff-example-title {
  transform: translateY(-30px);
}
.srys-kwff-example:hover .srys-kwff-example-desc {
  opacity: 1;
  transform: translateY(0);
}
#srys-contents-cpdy.srys-contents-item-active {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.srys-cpdy-title {
  font-family: system-ui, -apple-system, 微软雅黑, "Helvetica Neue", Helvetica;
  font-weight: 500;
  font-size: 20px;
  color: #333333;
  line-height: 26px;
  padding-top: 40px;
}
.srys-cpdy-subtitle {
  font-family: system-ui, -apple-system, 微软雅黑, "Helvetica Neue", Helvetica;
  font-size: 18px;
  color: #999999;
  line-height: 24px;
  margin-top: 12px;
}
.srys-cpdy-list {
  display: flex;
  align-items: center;
  padding-top: 40px;
}
.srys-cpdy-list-item {
  width: 150px;
  height: 400px;
  position: relative;
  margin-left: 20px;
}
.srys-cpdy-list-item:first-child {
  margin-left: 0;
}
.srys-cpdy-list-item-bg {
  width: 150px;
  height: 400px;
  display: block;
}
.srys-cpdy-list-item-desc {
  font-family: system-ui, -apple-system, 微软雅黑, "Helvetica Neue", Helvetica;
  font-weight: 500;
  font-size: 20px;
  color: #333333;
  line-height: 26px;
  position: absolute;
  bottom: 39px;
  left: 0;
  width: 100%;
  text-align: center;
}
/* E 生日福利优势 */

/* S 生日人文关怀 */
.srrwgh-wrap {
  width: 100%;
  background-color: #fff;
}
.srrwgh-container {
  padding: 70px 0;
  width: 1440px;
  margin: 0 auto;
  opacity: 0;
  transform: translateY(80px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}
.srrwgh-container.animate-in {
  opacity: 1;
  transform: translateY(0);
}
.srrwgh-title {
  font-family: system-ui, -apple-system, 微软雅黑, "Helvetica Neue", Helvetica;
  font-weight: 500;
  font-size: 30px;
  color: #333333;
  line-height: 40px;
  text-align: center;
}
.srrwgh-title-sub {
  font-family: system-ui, -apple-system, 微软雅黑, "Helvetica Neue", Helvetica;
  font-size: 14px;
  color: #8E93A3;
  line-height: 19px;
  text-align: center;
  margin-top: 8px;
}
.srrwgh-top {
  display: flex;
  margin-top: 40px;
  padding-left: 215px;
}
.srrwgh-top-example {
  width: 475px;
  height: 370px;
  display: block;
}
.srrwgh-top-content {
  margin-top: 30px;
  width: 340px;
  height: 240px;
  background: url(https://res.youlianfuwu.com/website/img/srfl-srrwgh-bg-01.png) 100% no-repeat;
  background-size: 100% 100%;
  margin-left: 30px;
}
.srrwgh-top-content-1 {
  display: flex;
  align-items: center;
  padding: 30px 30px 0 24px;
}
.srrwgh-top-content-1-desc {
  flex: 1;
  font-family: system-ui, -apple-system, 微软雅黑, "Helvetica Neue", Helvetica;
  font-weight: 600;
  font-size: 18px;
  color: #FF6602;
  line-height: 25px;
}
.srrwgh-top-content-1-icon {
  width: 70px;
  height: 60px;
  display: block;
}
.srrwgh-top-content-2 {
  padding: 12px 0 0 32px;
}
.srrwgh-top-content-2 p {
  font-family: system-ui, -apple-system, 微软雅黑, "Helvetica Neue", Helvetica;
  font-weight: 400;
  font-size: 16px;
  color: #666666;
  line-height: 22px;
  margin-bottom: 8px;
}
.srrwgh-top-content-2 p:last-child {
  margin-bottom: 0;
}
.srrwgh-btm {
  display: flex;
  margin-top: 2px;
  padding-left: 248px;
}
.srrwgh-btm-content {
  width: 322px;
  height: 211px;
  background: url(https://res.youlianfuwu.com/website/img/srfl-srrwgh-bg-02.png) 100% no-repeat;
  background-size: 100% 100%;
  margin-top: 78px;
}
.srrwgh-btm-content-1 {
  display: flex;
  align-items: center;
  padding: 20px 0 0 24px;
}
.srrwgh-btm-content-1-desc {
  font-family: system-ui, -apple-system, 微软雅黑, "Helvetica Neue", Helvetica;
  font-weight: 600;
  font-size: 18px;
  color: #FF6602;
  line-height: 25px;
}
.srrwgh-btm-content-1-icon {
  width: 70px;
  height: 60px;
  display: block;
}
.srrwgh-btm-content-2 {
  padding: 2px 0 0 36px;
}
.srrwgh-btm-content-2 p {
  font-family: system-ui, -apple-system, 微软雅黑, "Helvetica Neue", Helvetica;
  font-weight: 400;
  font-size: 16px;
  color: #666666;
  line-height: 22px;
  margin-bottom: 8px;
}
.srrwgh-btm-content-2 p:last-child {
  margin-bottom: 0;
}
.srrwgh-btm-examples {
  display: flex;
  align-items: center;
  margin-left: 32px;
  position: relative;
}
.srrwgh-btm-examples-item {
  margin-left: 4px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 1;
}
.srrwgh-btm-examples-item:first-child {
  margin-left: 0;
}
.srrwgh-btm-examples-item img {
  width: 196px;
  height: 310px;
  display: block;
}
.srrwgh-btm-examples-item span {
  margin-top: 2px;
  font-family: system-ui, -apple-system, 微软雅黑, "Helvetica Neue", Helvetica;
  font-size: 14px;
  color: #666666;
  line-height: 19px;
}
.srrwgh-btm-examples-bg {
  width: 246px;
  height: 230px;
  display: block;
  position: absolute;
  top: -182px;
  right: -78px;
}
/* E 生日人文关怀 */

/* S 专属定制设计 */
.zsdz-wrap {
  width: 100%;
  background: url(https://res.youlianfuwu.com/website/img/srfl-zsdz-bg-01.png) center center no-repeat;
  background-size: cover;
}
.zsdz-container {
  padding: 40px 0 60px;
  width: 1440px;
  margin: 0 auto;
  height: 645px;
  opacity: 0;
  transform: translateY(80px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}
.zsdz-container.animate-in {
  opacity: 1;
  transform: translateY(0);
}
.zsdz-title {
  font-family: system-ui, -apple-system, 微软雅黑, "Helvetica Neue", Helvetica;
  font-weight: 500;
  font-size: 30px;
  color: #333333;
  line-height: 40px;
  text-align: center;
}
.zsdz-title-sub {
  font-family: system-ui, -apple-system, 微软雅黑, "Helvetica Neue", Helvetica;
  font-size: 14px;
  color: #8E93A3;
  line-height: 19px;
  text-align: center;
  margin-top: 8px;
}
.zsdz-content {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}
.zsdz-content-lt,
.zsdz-content-rt {
  background: rgba(255, 255, 255, 0.6);
  border-radius: 10px;
}
.zsdz-content-lt-title,
.zsdz-content-rt-title {
  width: 165px;
  height: 48px;
  background: url(https://res.youlianfuwu.com/website/img/srfl-zsdz-bg-02.png) 100% no-repeat;
  background-size: 100% 100%;
  font-family: system-ui, -apple-system, 微软雅黑, "Helvetica Neue", Helvetica;
  font-size: 18px;
  color: #FF6602;
  line-height: 24px;
  text-align: center;
  padding-top: 14px;
  margin: 0 auto;
}
.zsdz-content-lt {
  width: 400px;
  padding: 0 20px 0;
}
#zsdz-swiper {
  width: 360px;
  padding-top: 20px;
  padding-bottom: 20px;
}
#zsdz-swiper .zsdz-swiper-container {
  width: 360px;
  height: 100%;
  overflow: hidden;
}
#zsdz-swiper .swiper-slide {
  box-sizing: border-box;
  width: 170px;
  height: 360px;
}
#zsdz-swiper .swiper-slide img {
  width: 170px;
  height: 360px;
}
.zsdz-content-rt {
  margin-left: 20px;
  width: 590px;
  padding: 0 20px 20px;
}
.zsdz-card-w170-h254 {
  width: 170px;
  height: 254px;
  display: block;
}
.zsdz-card-w170-h86 {
  width: 170px;
  height: 86px;
  display: block;
}
.zsdz-card-w170-h148 {
  width: 170px;
  height: 148px;
  display: block;
}
.zsdz-content-rt-cards {
  display: flex;
  margin-top: 20px;
}
.zsdz-content-rt-cards-1,
.zsdz-content-rt-cards-2,
.zsdz-content-rt-cards-3 {
  display: flex;
  flex-direction: column;
}
.zsdz-content-rt-cards img {
  opacity: 0;
  transition: opacity 0.8s ease, transform 0.8s ease;
}
.zsdz-content-rt-cards img.animate-in {
  opacity: 1;
}
.zsdz-content-rt-cards-2 {
  margin-left: 20px;
}
.zsdz-content-rt-cards-3 {
  margin-left: 20px;
}
.zsdz-content-rt-cards .mt-20 {
  margin-top: 20px;
}
/* E 专属定制设计 */

/* S 底部区域 */
.footer-wrap {
  width: 100%;
  background-color: #fff;
  border-top: 1px solid #DCDFE6;
}

.footer-container {
  width: 1440px;
  height: 80px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.footer-list {
  display: flex;
}

.footer-list-item {
  font-family: system-ui, -apple-system, 微软雅黑, "Helvetica Neue", Helvetica;
  font-weight: 400;
  font-size: 12px;
  color: #337AF6;
  line-height: 17px;
  text-align: left;
  cursor: pointer;
}

.footer-list-item:hover {
  color: #1969f3;
}

.footer-list-divider {
  width: 1px;
  height: 34px;
  background-color: #c1d7ff;
  margin: 0 12px;
}

.footer-logo {
  margin-left: 40px;
}

.footer-logo-img {
  width: 80px;
  height: 24px;
  display: block;
}

/* E 底部区域 */

/* S 关注我们 */
.gzwm-wrap {
  display: flex;
  width: 680px;
  height: 275px;
  background: #FFFFFF;
  box-shadow: 0px 2px 8px 0px rgba(0, 30, 83, 0.2);
  border-radius: 14px;
  padding: 29px 29px 0;
  position: absolute;
  visibility: hidden;
  opacity: 0;
  transform: translateY(-10px);
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;
  z-index: 9999;
}

.nav-item:hover .gzwm-wrap,
.gzwm-wrap:hover {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
  display: flex;
}

.gzwm-wrap.t-60 {
  top: 60px;
}

.gzwm-wrap.r--120 {
  right: -120px;
}

.gzwm-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 38px;
}

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

.gzwm-item img {
  width: 182px;
  height: 182px;
  display: block;
}

.gzwm-item div {
  font-family: system-ui, -apple-system, 微软雅黑, "Helvetica Neue", Helvetica;
  font-weight: 500;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.85);
  line-height: 21px;
  margin-top: 13px;
}

/* E 关注我们 */


/* S 悬浮菜单 */
.xfcd-wrap {
  position: fixed;
  bottom: 40px;
  right: 20px;
  z-index: 9999;
  transform: scale(0.8);
}

.xfcd-wrap-top {
  width: 92px;
  /* height: 299px; */
  background: #FFFFFF;
  border-radius: 46px 46px 46px 46px;
  border: 1px solid #DCDFE6;
  overflow: hidden;
  transition: border-radius 0.3s ease;
}

.xfcd-wrap-btm {
  margin-top: 12px;
  width: 92px;
  height: 92px;
  background: #FFFFFF;
  border-radius: 0px 0px 46px 46px;
  border: 1px solid #DCDFE6;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px);
  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
}

.xfcd-wrap-isShowTOP .xfcd-wrap-top {
  border-radius: 46px 46px 0px 0px;
}
.xfcd-wrap-isShowTOP .xfcd-wrap-top-item:last-child {
  padding-bottom: 15px;
}

.xfcd-wrap-isShowTOP .xfcd-wrap-btm {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}


.xfcd-wrap-top-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  padding: 15px 0;
}

.xfcd-wrap-top-item:first-child {
  padding-top: 30px;
}

.xfcd-wrap-top-item:last-child {
  padding-bottom: 30px;
  transition: padding-bottom 0.3s ease;
}

.xfcd-wrap-top-item span {
  font-family: system-ui, -apple-system, 微软雅黑, "Helvetica Neue", Helvetica;
  font-size: 16px;
  color: #333333;
  line-height: 21px;
  margin-top: 7px;
}

.xfcd-wrap-btm-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  padding-top: 14px;
  padding-bottom: 19px;
}

.xfcd-wrap-btm-item span {
  font-family: system-ui, -apple-system, 微软雅黑, "Helvetica Neue", Helvetica;
  font-size: 16px;
  color: #333333;
  line-height: 21px;
  margin-top: 2px;
}

.xfcd-wrap-top-item img {
  width: 36px;
  height: 36px;
}

.xfcd-wrap-btm-item img {
  width: 36px;
  height: 36px;
}

.xfcd-wrap-top-item-img-on {
  display: none;
}

.xfcd-wrap-top-item:hover .xfcd-wrap-top-item-img {
  display: none;
}

.xfcd-wrap-top-item:hover .xfcd-wrap-top-item-img-on {
  display: block;
}

.xfcd-wrap-btm-item-img-on {
  display: none;
}

.xfcd-wrap-btm-item:hover .xfcd-wrap-btm-item-img {
  display: none;
}

.xfcd-wrap-btm-item:hover .xfcd-wrap-btm-item-img-on {
  display: block;
}

.xfcd-wrap-top-item:hover,
.xfcd-wrap-btm-item:hover {
  background-color: #F0F6FF;
}

.xfcd-wrap-top-item:hover span,
.xfcd-wrap-btm-item:hover span {
  color: #3F7AFB;
}

.xfcd-wrap-top-item.hover,
.xfcd-wrap-top-item.hover {
  background-color: #F0F6FF;
}

.xfcd-wrap-top-item.hover span,
.xfcd-wrap-top-item.hover span {
  color: #3F7AFB;
}

.xfcd-wrap-top-item.hover .xfcd-wrap-top-item-img {
  display: none;
}

.xfcd-wrap-top-item.hover .xfcd-wrap-top-item-img-on {
  display: block;
}

.xfcd-wrap .gzwm-wrap.top-22 {
  top: 22px;
}

.xfcd-wrap .gzwm-wrap.r-112 {
  right: 112px;
}

/* 客服热线 */
.kfrx-wrap {
  width: 132px;
  height: 74px;
  background: #FFFFFF;
  box-shadow: 0px 2px 8px 0px rgba(0, 30, 83, 0.2);
  border-radius: 14px;
  visibility: hidden;
  opacity: 0;
  transform: translateX(10px);
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;
  z-index: 9999;
  position: absolute;
  top: 22px;
  right: 112px;
  transform: scale(1.2);
}

.kfrx-wrap-title {
  font-family: system-ui, -apple-system, 微软雅黑, "Helvetica Neue", Helvetica;
  font-size: 14px;
  color: #333333;
  line-height: 19px;
  margin-top: 15px;
  text-align: center;
}

.kfrx-wrap-tel {
  margin-top: 6px;
  font-family: system-ui, -apple-system, 微软雅黑, "Helvetica Neue", Helvetica;
  font-size: 16px;
  color: #337AF6;
  line-height: 21px;
  text-align: center;
}

/* E 悬浮菜单 */