@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:800);
@keyframes spin { to { transform: rotate(1turn); } }
@keyframes spin2 { to { transform: rotate(-1turn); } }
@keyframes spin-reverse { from { transform: rotate(1turn); } }
@keyframes spin-reverse2 { from { transform: rotate(-1turn); } }
@keyframes anim { 0% { -webkit-transform: rotate(0) translate(1%, 0) rotate(0); transform: rotate(0) translate(1%, 0) rotate(0); }
  50% { -webkit-transform: rotate(180deg) translate(1%, 0.3%) rotate(-180deg); transform: rotate(180deg) translate(1%, 0.3%) rotate(-180deg); }
  100% { -webkit-transform: rotate(360deg) translate(1%, 0) rotate(-360deg); transform: rotate(360deg) translate(1%, 0) rotate(-360deg); } }
@-webkit-keyframes anim { 0% { -webkit-transform: rotate(0) translate(1%, 0) rotate(0); transform: rotate(0) translate(1%, 0) rotate(0); }
  50% { -webkit-transform: rotate(180deg) translate(1%, 0.3%) rotate(-180deg); transform: rotate(180deg) translate(1%, 0.3%) rotate(-180deg); }
  100% { -webkit-transform: rotate(360deg) translate(1%, 0) rotate(-360deg); transform: rotate(360deg) translate(1%, 0) rotate(-360deg); } }
@-ms-keyframes anim { 0% { -webkit-transform: rotate(0) translate(1%, 0) rotate(0); transform: rotate(0) translate(1%, 0) rotate(0); }
  50% { -webkit-transform: rotate(180deg) translate(1%, 0.3%) rotate(-180deg); transform: rotate(180deg) translate(1%, 0.3%) rotate(-180deg); }
  100% { -webkit-transform: rotate(360deg) translate(1%, 0) rotate(-360deg); transform: rotate(360deg) translate(1%, 0) rotate(-360deg); } }
@keyframes anim2 { 0% { -webkit-transform: rotate(0) translate(1%, 0) rotate(0); transform: rotate(0) translate(1%, 0) rotate(0); }
  50% { -webkit-transform: rotate(-180deg) translate(1%, 0.3%) rotate(180deg); transform: rotate(-180deg) translate(1%, 0.3%) rotate(180deg); }
  100% { -webkit-transform: rotate(-360deg) translate(1%, 0) rotate(360deg); transform: rotate(-360deg) translate(1%, 0) rotate(360deg); } }
@-webkit-keyframes anim2 { 0% { -webkit-transform: rotate(0) translate(1%, 0) rotate(0); transform: rotate(0) translate(1%, 0) rotate(0); }
  50% { -webkit-transform: rotate(-180deg) translate(1%, 1%) rotate(180deg); transform: rotate(-180deg) translate(1%, 1%) rotate(180deg); }
  100% { -webkit-transform: rotate(-360deg) translate(1%, 0) rotate(360deg); transform: rotate(-360deg) translate(1%, 0) rotate(360deg); } }
@keyframes scrollAni { from { transform: translateY(0); opacity: 1; }
  to { transform: translateY(0.8rem); opacity: 0; } }
@-moz-keyframes scrollAni { from { transform: translateY(0); opacity: 1; }
  to { transform: translateY(0.8rem); opacity: 0; } }
@-webkit-keyframes scrollAni { from { transform: translateY(0); opacity: 1; }
  to { transform: translateY(0.8rem); opacity: 0; } }
@-o-keyframes imgfd { from { transform: translateY(0); opacity: 1; }
  to { transform: translateY(0.8rem); opacity: 0; } }
@keyframes floatBg { from { transform: translateY(0); }
  to { transform: translateY(0.8rem); } }
@font-face { font-family: 'zkxwzt'; font-display: swap; src: url("http://at.alicdn.com/t/webfont_u7sq9xjqz.eot");
  /* IE9*/
src: url("http://at.alicdn.com/t/webfont_u7sq9xjqz.eot?#iefix") format("embedded-opentype"), url("http://at.alicdn.com/t/webfont_u7sq9xjqz.woff2") format("woff2"), url("http://at.alicdn.com/t/webfont_u7sq9xjqz.woff") format("woff"), url("http://at.alicdn.com/t/webfont_u7sq9xjqz.ttf") format("truetype"), url("http://at.alicdn.com/t/webfont_u7sq9xjqz.svg#站酷小薇体") format("svg");
  /* iOS 4.1- */ }
@media (prefers-reduced-motion: no-preference) { :root { scroll-behavior: unset; } }
body { --zhu-color:#f38107; --theme-red: #3c9a9c; --theme-blue:#3c9a9c; color: #666666; }

/*滚动条样式*/
@media screen and (-webkit-min-device-pixel-ratio: 0) { ::-webkit-scrollbar { width: 5px; height: 8px; }
  ::-webkit-scrollbar-track:enabled { background-color: #999999; }
  ::-webkit-scrollbar-thumb:vertical { background-color: var(--zhu-color); border-radius: 30px; }
  ::-webkit-scrollbar-thumb:horizontal { background-color: var(--zhu-color); border-radius: 30px; } }
@media (min-width: 1680px) { .container { max-width: 1600px; } }
/*选中样式*/
::selection { background: var(--zhu-color); color: #ffffff; }

::-moz-selection { background: var(--zhu-color); color: #ffffff; }

::selection { background: var(--zhu-color); color: #ffffff; }

::-moz-selection { background: var(--zhu-color); color: #ffffff; }

*:focus { outline: none; }

.iconfont { font-size: initial; }

.nobg { background: none !important; backdrop-filter: unset !important; }

.no-pictrue svg { width: 5rem; height: 5rem; }
.no-pictrue svg path { fill: #999; }

.red { color: var(--theme-red); }

.m-scroll::-webkit-scrollbar { /*滚动条整体样式*/ width: 5px; /*高宽分别对应横竖滚动条的尺寸*/ height: 0; }

.m-scroll::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ border-radius: 5px; box-shadow: inset 0 0 2.5px rgba(0, 0, 0, 0.1); background: var(--theme-red); }

.m-scroll::-webkit-scrollbar-track { /*滚动条里面轨道*/ box-shadow: inset 0 0 2.5px rgba(0, 0, 0, 0.1); border-radius: 5px; background: #ededed; }

/*自定义分页样式*/
.w-page { margin-bottom: 20px; }
.w-page li.active span { z-index: 3; color: #fff; background-color: var(--zhu-color); }
.w-page li.disabled { cursor: no-drop; }
.w-page li.disabled span { color: #6c757d; pointer-events: none; background-color: #eeeeee; }

.pagination { display: -ms-flexbox; display: flex; padding-left: 0; list-style: none; }

.w-page li a, .w-page li span { position: relative; display: block; padding: .5rem .75rem; line-height: 1.25; color: #666; background-color: #e2e2e2; margin: 2px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.w-page li a:hover, .w-page li span:hover { background-color: #cdcdcd; color: #fff; }

a:hover { color: var(--zhu-color); }

.wrapper { background-color: #fcfcfc; }

@keyframes line_f { 0% { transform: translate(-150%, 0); }
  50% { transform: translate(0%, 0); }
  100% { transform: translate(100%, 0); } }
@keyframes gradientBG { 0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; } }
#loading { position: absolute; z-index: 999999; pointer-events: none; }
#loading .e_boxcc { width: 300px; height: 2px; background: #333; overflow: hidden; z-index: 1200; position: fixed; left: 50%; top: 49%; margin-left: -150px; }
#loading .e_boxcc:after { content: ''; display: block; width: 100%; height: 2px; background: #fff; position: absolute; top: 0; animation-name: line_f; animation-duration: 2s; animation-timing-function: cubic-bezier(0.85, 0.02, 0.1, 0.94); animation-iteration-count: infinite; left: 0; }
#loading .loa_ding { display: flex; flex-direction: column; position: fixed; top: 0; left: 0; width: 100vw; height: 110vh; z-index: 999; pointer-events: none; }
#loading .loa_ding .mask_slice { flex: 1; background-color: var(--zhu-color); transform: translate(0%, 0%) matrix(1, 0, 0, 1.1, 0, 0); background: linear-gradient(-45deg, #E33543, #d8132f); background-size: 400% 400%; animation: gradientBG 15s ease infinite; }
#loading .loa_ding .mask_slice:nth-child(1) { transition: 0.8s 1.9s cubic-bezier(0.85, 0.24, 0.23, 0.81); }
#loading .loa_ding .mask_slice:nth-child(2) { transition: 0.8s 1.8s cubic-bezier(0.85, 0.24, 0.23, 0.81); }
#loading .loa_ding .mask_slice:nth-child(3) { transition: 0.8s 1.7s cubic-bezier(0.85, 0.24, 0.23, 0.81); }
#loading.loaded .e_boxcc { transition: .2s 1.8s; opacity: 0; }
#loading.loaded .loa_ding .mask_slice { transform: translate(-100%, 0%) matrix(1, 0, 0, 1.1, 0, 0); }

/*------------重置样式结束---------------*/
.header { box-shadow: 0px 0px 6px 0px rgba(4, 0, 0, 0.15); background-color: #ffffff; }
.header .container { max-width: 93%; }
.header .nav a:hover { color: var(--zhu-color); }
.header .header-tel .tel-head { color: #686868; font-size: 12px; }
.header .header-tel .tel-num { color: #333333; font-size: 24px; line-height: 1; }
@media (max-width: 575.98px) { .header .logo img { height: 44px; } }
.header #bump { display: none; }
@media (min-width: 1200px) { .header #bump { display: block; position: absolute;  left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 400px; height: 20px; z-index: 200; pointer-events: none; } }

.menu-icon { width: 40px; height: 40px; position: relative; cursor: pointer; }
.menu-icon span { position: absolute; width: 80%; height: 2px; color: var(--theme-red); background-color: CurrentColor; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; margin: auto; left: 0; right: 0; top: 0; bottom: 0; }
.menu-icon span::before, .menu-icon span::after { -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; position: absolute; content: ''; display: block; width: 100%; height: 2px; background-color: CurrentColor; }
.menu-icon span::before { top: 600%; }
.menu-icon span::after { bottom: 600%; }
.menu-icon.open span { background-color: unset; }
.menu-icon.open span::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0; }
.menu-icon.open span::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); bottom: 0; }

.full-menu { position: fixed; z-index: 2000; background-color: #fff; width: 100vw; height: 100vh; top: 0; left: 0; -webkit-transition: transform .8s,opacity .3s; -moz-transition: transform .8s,opacity .3s; -ms-transition: transform .8s,opacity .3s; -o-transition: transform .8s,opacity .3s; transition: transform .8s,opacity .3s; -webkit-transform: translateX(100%) scaleX(0); -moz-transform: translateX(100%) scaleX(0); -ms-transform: translateX(100%) scaleX(0); -o-transform: translateX(100%) scaleX(0); transform: translateX(100%) scaleX(0); opacity: 0; }
.full-menu.open { -webkit-transform: translateX(0) scaleX(1); -moz-transform: translateX(0) scaleX(1); -ms-transform: translateX(0) scaleX(1); -o-transform: translateX(0) scaleX(1); transform: translateX(0) scaleX(1); opacity: 1; }
.full-menu .menu-wrap { padding: 5%; }
.full-menu dl { -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; margin: 0; }
.full-menu dl dt { padding: 1rem 0; font-size: 22px; }
.full-menu dl dt::after { content: ''; display: block; width: 1.5rem; height: 2px; background-color: var(--theme-red); margin-top: 1rem; -webkit-transition: width .5s; -moz-transition: width .5s; -ms-transition: width .5s; -o-transition: width .5s; transition: width .5s; }
.full-menu dl dd { line-height: 2.5; }
.full-menu dl dd a { padding-left: .625rem; }
.full-menu dl dd a::before { content: ''; display: block; position: absolute; margin: auto; left: 0; top: 0; bottom: 0; width: 0; height: 0; border: 4px solid transparent; border-left-color: CurrentColor; }
.full-menu dl dd a:hover { padding-left: .875rem; }
@media (min-width: 1200px) { .full-menu dl:hover dt::after { width: 2rem; } }
.full-menu dl a { color: #333333; -webkit-transition: color .5s,padding-left .3s; -moz-transition: color .5s,padding-left .3s; -ms-transition: color .5s,padding-left .3s; -o-transition: color .5s,padding-left .3s; transition: color .5s,padding-left .3s; position: relative; }
.full-menu dl a:hover { color: var(--theme-red); }
.full-menu .close-btn { position: absolute; width: 3.5rem; height: 3.5rem; border-radius: 50%; background-color: #fbfcfc; top: 4%; right: 4%; -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.05); box-shadow: 0 3px 4px rgba(0, 0, 0, 0.05); }
.full-menu .close-btn i { cursor: pointer; position: absolute; width: 50%; height: 2px; color: #a0a0a0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; margin: auto; left: 0; right: 0; top: 0; bottom: 0; }
.full-menu .close-btn i::before, .full-menu .close-btn i::after { -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; position: absolute; content: ''; display: block; width: 100%; height: 2px; background-color: CurrentColor; }
.full-menu .close-btn i::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0; }
.full-menu .close-btn i::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); bottom: 0; }
.full-menu .close-btn:hover i { color: var(--theme-red); }
.full-menu .close-btn:hover i::before { -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); -o-transform: rotate(30deg); transform: rotate(30deg); }
.full-menu .close-btn:hover i::after { -webkit-transform: rotate(-30deg); -moz-transform: rotate(-30deg); -ms-transform: rotate(-30deg); -o-transform: rotate(-30deg); transform: rotate(-30deg); }
@media (max-width: 1199.98px) { .full-menu dl dt { font-size: 20px; }
  .full-menu .close-btn { width: 3rem; height: 3rem; top: 2%; right: 4%; } }
@media (max-width: 767.98px) { .full-menu .menu-wrap { height: 100%; overflow-y: scroll; }
  .full-menu dl dt { position: relative; padding-left: .875rem; font-size: 16px; }
  .full-menu dl dt::after { margin-top: 0; width: 3px; height: 12px; left: 0; top: 0; position: absolute; margin: auto; bottom: 0; }
  .full-menu dl dd { font-size: 14px; }
  .full-menu dl dd a { line-height: 1.5; font-size: 14px; }
  .full-menu dl dd ul { display: flex; flex-direction: row; flex-wrap: wrap; }
  .full-menu dl dd ul li { width: auto; flex: 0 0 33.333%; }
  .full-menu .close-btn { width: 2.2rem; height: 2.2rem; top: 2%; right: 2%; } }
@media (max-width: 575.98px) { .full-menu .menu-wrap { height: 100%; overflow-y: scroll; }
  .full-menu dl dt { position: relative; padding: 0; padding-left: .5rem; font-size: 16px; }
  .full-menu dl dt::after { margin-top: 0; width: 3px; height: 12px; left: 0; top: 0; position: absolute; margin: auto; bottom: 0; }
  .full-menu dl dd { padding-top: 2%; margin-bottom: 0; font-size: 14px; }
  .full-menu dl dd a { line-height: 1.5; font-size: 14px; }
  .full-menu dl dd ul { display: flex; flex-direction: row; flex-wrap: wrap; }
  .full-menu dl dd ul li { width: auto; flex: 0 0 50%; }
  .full-menu .close-btn { width: 2.2rem; height: 2.2rem; top: 2%; right: 2%; } }

.footer { border-top: 1px solid #eeeeee; background-color: #ffffff; /*.container{ max-width: 93%;
}*/ }
.footer .footer-nav dl dt { color: #333333; font-weight: normal; }
.footer .footer-nav dl dd a { color: #7c8187; font-size: 14px; }
.footer .footer-nav dl dd a:hover { color: var(--zhu-color); }
.footer .footer-contact .tel-num { font-family: bahnschrift; color: var(--zhu-color); font-size: 30px; }
.footer .qrcode-box { width: 120px; }
.footer .qrcode-box .qrcode { width: 120px; height: 120px; border: 1px solid #eeeeee; }
.footer .qrcode-box p { color: #999999; font-size: 14px; }
.footer .footer-bottom { border-top: 1px solid #e4e4e4; padding: 1.2rem 0; font-size: 14px; color: #666666; }
@media (max-width: 575.98px) { .footer .copyright { font-size: 12px; } }

.sbanner { height: 360px; overflow: hidden; position: relative; z-index: 1; background-position: center; background-size: cover; background-repeat: no-repeat; }
@media (max-width: 1200.98px) { .sbanner { height: 420px; } }
@media (max-width: 575.98px) { .sbanner { height: 180px; } }

.location-box { background-color: #f5f6f8; }
.location-box .channel-nav li { position: relative; }
.location-box .channel-nav li a { display: inline-block; padding: 3px 10px; border-radius: 3px; position: relative; margin: 0 10px; }
.location-box .channel-nav li:not(:last-child)::after { position: absolute; content: ''; display: inline-block; height: 1rem; width: 0; right: 0; top: 0; bottom: 0; margin: auto; border-right: 1px solid #cccccc; }
.location-box .channel-nav li:hover a, .location-box .channel-nav li.on a { background-color: var(--theme-red); color: #ffffff; }
.location-box .page-crumbs { color: #999999; font-size: 14px; }
.location-box .page-crumbs a { color: #999999; }
.location-box .page-crumbs svg { width: 54px; height: 20px; }
.location-box .page-crumbs svg path { fill: #999999; }

.svg-text { position: absolute; width: 100%; height: 100%; top: 0; }
.svg-text .text { font: 9rem/1 "Lovelo Black", Impact; fill: none; stroke-width: 1; stroke-linejoin: round; stroke-dasharray: 70 330; stroke-dashoffset: 0; -webkit-animation: stroke 6s infinite linear; animation: stroke 7.5s infinite linear; }
.svg-text .text:nth-child(5n + 1) { stroke: #3b85f0; -webkit-animation-delay: -.5s; animation-delay: -.5s; }
.svg-text .text:nth-child(5n + 2) { stroke: #498ef2; -webkit-animation-delay: -2.4s; animation-delay: -2.4s; }
.svg-text .text:nth-child(5n + 3) { stroke: #66a2f9; -webkit-animation-delay: -3.6s; animation-delay: -3.6s; }
.svg-text .text:nth-child(5n + 4) { stroke: #82b3f9; -webkit-animation-delay: -4.8s; animation-delay: -4.8s; }
.svg-text .text:nth-child(5n + 5) { stroke: #b5d2fd; -webkit-animation-delay: -6s; animation-delay: -6s; }

@-webkit-keyframes stroke { 100% { stroke-dashoffset: -400; } }
@keyframes stroke { 100% { stroke-dashoffset: -400; } }
/*新闻列表*/
.news-list .news-item .item-wrap { background-color: #fff; overflow: hidden; border-radius: 3px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; filter: drop-shadow(0 0px 1px #f1f1f1); }
.news-list .news-item .item-wrap .item-img img { -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.news-list .news-item .item-wrap .item-caption .item-time { color: var(--zhu-color); }
@media (max-width: 575.98px) { .news-list .news-item .item-wrap .item-caption .item-time { width: 30%; } }
.news-list .news-item .item-wrap .item-caption .item-time .date { font-size: 40px; line-height: 1; }
.news-list .news-item .item-wrap .item-caption .item-time .year-month { font-size: 12px; }
.news-list .news-item .item-wrap .item-caption .item-title { font-weight: bold; font-size: 18px; flex: 1; }
.news-list .news-item .item-wrap .item-caption .item-title a { color: var(--zhu-color); }
.news-list .news-item .item-wrap .item-caption .caption-tool .tag { display: inline-block; border-radius: 5px; border: 1px solid #ededed; font-size: 12px; padding: .3rem .6rem; color: #b5b5b5; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.news-list .news-item .item-wrap .item-caption .caption-tool .tag:hover { border-color: var(--zhu-color); background-color: var(--zhu-color); color: #ffffff; }
.news-list .news-item .item-wrap .item-caption .caption-tool .more svg { width: 1.5rem; fill: #8d8d8d; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.news-list .news-item .item-wrap .item-caption .caption-tool .more:hover svg { fill: var(--zhu-color); }
.news-list .news-item .item-wrap:hover { filter: drop-shadow(0 0px 8px #eeeeee); }
.news-list .news-item .item-wrap:hover .item-img img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }
.news-list .news-item .item-wrap:hover .item-caption .caption-tool .tag { color: var(--zhu-color); border-color: var(--zhu-color); }
.news-list .news-item .item-wrap:hover .item-caption .caption-tool .tag:hover { color: #ffffff; }

.news-page, .welfare-page, .-page { padding-top: 6.6%; }
@media (max-width: 575.98px) { .news-page, .welfare-page, .-page { padding-top: 16.5%; } }
@media (max-width: 991.98px) { .news-page, .welfare-page, .-page { padding-top: 12.5%; } }
.news-page .inner-section-box .inner-section, .welfare-page .inner-section-box .inner-section, .-page .inner-section-box .inner-section { padding-top: 0; }
.news-page .news-container .news-title, .welfare-page .news-container .news-title, .-page .news-container .news-title { line-height: 2; }
.news-page .news-container .news-meta, .welfare-page .news-container .news-meta, .-page .news-container .news-meta { color: #999999; font-size: .875rem; }
.news-page .news-container .news-detail, .welfare-page .news-container .news-detail, .-page .news-container .news-detail { border-top: 1px solid #eeeeee; line-height: 2; font-size: 1rem; color: #333333; }
@media (min-width: 1400px) { .news-page .news-container .news-detail, .welfare-page .news-container .news-detail, .-page .news-container .news-detail { font-size: 20px; } }
.news-page .news-container .news-detail img, .welfare-page .news-container .news-detail img, .-page .news-container .news-detail img { max-width: 100%; vertical-align: bottom; }
.news-page .news-container .newsPage, .welfare-page .news-container .newsPage, .-page .news-container .newsPage { font-size: 1rem; line-height: 36px; }
.news-page .news-right > p, .welfare-page .news-right > p, .-page .news-right > p { padding-left: 5%; font-size: 16px; color: #000; line-height: 70px; position: relative; }
.news-page .news-right > p::before, .welfare-page .news-right > p::before, .-page .news-right > p::before { position: absolute; content: ""; background: var(--zhu-color); width: 4px; height: 30%; left: 0; top: 0; bottom: 0; margin: auto; }
.news-page .news-right .hot_news, .welfare-page .news-right .hot_news, .-page .news-right .hot_news { width: 90%; margin: 0 auto; padding: 5% 0; }
.news-page .news-right .hot_news:not(:last-child), .welfare-page .news-right .hot_news:not(:last-child), .-page .news-right .hot_news:not(:last-child) { border-bottom: 1px solid #ededed; }
.news-page .news-right .hot_news a, .welfare-page .news-right .hot_news a, .-page .news-right .hot_news a { color: #333; font-size: 14px; line-height: 25px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.news-page .news-right .hot_news a:hover, .welfare-page .news-right .hot_news a:hover, .-page .news-right .hot_news a:hover { color: var(--zhu-color); }

.inner-section .sec-head { position: relative; z-index: 2; }
.inner-section .sec-head .head-en { position: relative; }
.inner-section .sec-head .head-en::before { content: attr(data-title); font-family: AguafinaScript-Regular; font-size: 100px; color: var(--zhu-color); opacity: .15; letter-spacing: 10px; font-style:italic;}
@media (max-width: 575.98px) { .inner-section .sec-head .head-en::before { font-size: 35px; } }
.inner-section .sec-head .head-en .head-icon { position: absolute; margin: auto; left: 0; right: 0; bottom: 0; top: 0; padding-bottom: 1.5%; }
.inner-section .sec-head .head-name { font-size: 48px; color: var(--zhu-color);  position: relative;padding-top:70px;}
.inner-section .sec-head .head-name::before { content: attr(data-title); font-family: AguafinaScript-Regular; font-size: 100px; color: var(--zhu-color); opacity: .15; letter-spacing: 10px; font-style:italic;position: absolute;left:50%;transform: translateX(-50%);top:0;}
@media (max-width: 575.98px) { 
	.inner-section .sec-head .head-name { margin-top: -10px; font-size: 30px;padding-top: 30px } 

  .inner-section .sec-head .head-name::before { font-size: 40px}
	.inner-section .sec-head .head-en .head-icon{max-width: 30%}
}

.goods-page { background-color: #fdfdfd; }
.goods-page .inner-section.sec-recommend { padding-top: 6.5%;  }
@media (max-width: 575.98px) { .goods-page .inner-section.sec-recommend { padding-top: 16.5%; } }
.goods-page .inner-section.sec-recommend .recommendbox { padding: 2.5% 0; }
.goods-page .inner-section.sec-recommend .swiper-container { width: 50%; margin: 0 auto; border-radius: 20px; overflow: hidden; }
.goods-page .inner-section.sec-recommend .swiper-container .swiper-slide { background: #fff; }
.goods-page .inner-section.sec-recommend .swiper-container.currentSwiper { position: relative; z-index: 2; }
.goods-page .inner-section.sec-recommend .swiper-container.leftSwiper, .goods-page .inner-section.sec-recommend .swiper-container.rightSwiper { cursor: pointer; position: absolute; z-index: 1; margin: auto; top: 0; bottom: 0; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); }
.goods-page .inner-section.sec-recommend .swiper-container.leftSwiper { left: 0; -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.goods-page .inner-section.sec-recommend .swiper-container.rightSwiper { right: 0; -webkit-transform-origin: right center; -moz-transform-origin: right center; -ms-transform-origin: right center; -o-transform-origin: right center; transform-origin: right center; }
.goods-page .inner-section.sec-recommend .swiper-container.noCurrentSwiper::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 99; }
.goods-page .product-list .pro-item .item-wrap { position: relative; }
.goods-page .product-list .pro-item .item-wrap .overlay-title { -webkit-transition: all .8s; -moz-transition: all .8s; -ms-transition: all .8s; -o-transition: all .8s; transition: all .8s; position: absolute; writing-mode: vertical-lr; /*从左向右 从右向左是 writing-mode: vertical-rl;*/ writing-mode: tb-lr; /*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/ left: 10%; top: 10%; color: var(--zhu-color); font-size: 24px; font-family: zkxwzt; display: flex; align-items: center; }
.goods-page .product-list .pro-item .item-wrap .overlay-title p { margin-top: 1rem; }
.goods-page .product-list .pro-item .item-wrap .overlay { position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; }
.goods-page .product-list .pro-item .item-wrap .overlay::before, .goods-page .product-list .pro-item .item-wrap .overlay::after { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -ms-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; -webkit-transition: transform 1s; -moz-transition: transform 1s; -ms-transition: transform 1s; -o-transition: transform 1s; transition: transform .5s,opacity .3s; opacity: 0; }
.goods-page .product-list .pro-item .item-wrap .overlay::before { -webkit-transform: translate(-20%, 20%); -moz-transform: translate(-20%, 20%); -ms-transform: translate(-20%, 20%); -o-transform: translate(-20%, 20%); transform: translate(-20%, 20%); }
.goods-page .product-list .pro-item .item-wrap .overlay::after { -webkit-transform: translate(10%, 20%); -moz-transform: translate(10%, 20%); -ms-transform: translate(10%, 20%); -o-transform: translate(10%, 20%); transform: translate(10%, 20%);  -webkit-transition-delay: .05s; -moz-transition-delay: .05s; -ms-transition-delay: .05s; -o-transition-delay: .05s; transition-delay: .05s; }
.goods-page .product-list .pro-item .item-wrap .overlay .item-caption { position: absolute; padding: 2rem; color: #ffffff; bottom: 0; z-index: 3; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .5s; -webkit-transform: translateY(10%); -moz-transform: translateY(10%); -ms-transform: translateY(10%); -o-transform: translateY(10%); transform: translateY(10%); opacity: 0; }
.goods-page .product-list .pro-item .item-wrap .overlay .item-caption .item-name { font-size: 22px; padding: 2% 0; }
.goods-page .product-list .pro-item:hover .item-wrap .overlay-title { -webkit-transform: translateY(-10%); -moz-transform: translateY(-10%); -ms-transform: translateY(-10%); -o-transform: translateY(-10%); transform: translateY(-10%); opacity: 0; }
.goods-page .product-list .pro-item:hover .item-wrap .overlay .item-caption { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.goods-page .product-list .pro-item:hover .item-wrap .overlay::after, .goods-page .product-list .pro-item:hover .item-wrap .overlay::before { opacity: 1; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); }

.category-nav ul { background-color: #f8f8f8; box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05); }
.category-nav ul li:not(:last-child) { margin-right: 1rem; }
.category-nav ul li a { display: block; font-size: 18px; color: #666666; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.category-nav ul li:hover a { color: var(--zhu-color); }
.category-nav ul li.active a { color: #ffffff; background-color: var(--zhu-color); }
@media (max-width: 575.98px) { .category-nav ul li:not(:last-child) { margin-right: 0rem; }
  .category-nav ul li a { font-size: 14px; } }

.company-page .about-top { position: relative; padding-top: 6.5%;  padding-bottom: 13%; }
.company-page .about-top-wrap .img-bk { position: absolute; top: 0; width: 20.65%; }
.company-page .about-top-wrap .img-xg { position: absolute; left: 0; bottom: 0; bottom: -6vw; width: 13.7vw; }
.company-page .about-top-wrap .desc { color: #094e64; font-size: 22px; line-height: 2.3; }
@media (max-width: 575.98px) { .company-page .about-top-wrap .desc { font-size: 20px; } }
@media (max-width: 575.98px) { .company-page .about-top-wrap { padding-bottom: 30%; }
  .company-page .about-top-wrap .desc { font-size: 20px; } }
.company-page .sec-introduction .introduction-detail { font-size: 18px; line-height: 2; }
@media (max-width: 575.98px) { .company-page .sec-introduction .introduction-detail { font-size: 16px; } }
@media (min-width: 1680px) { .company-page .sec-introduction .introduction-detail { max-width: 1320px; } }
.company-page .sec-introduction .introduction-detail .about-img { position: relative; }
.company-page .sec-introduction .introduction-detail .about-img img { position: relative; z-index: 9; }
.company-page .sec-introduction .introduction-detail .about-img .bubble { border-radius: 50%; background-image: -moz-linear-gradient(-75deg, #fff9f8 34%, #ffc3be 94%, #ff8d84 100%); background-image: -webkit-linear-gradient(-75deg, #fff9f8 34%, #ffc3be 94%, #ff8d84 100%); background-image: -ms-linear-gradient(-75deg, #fff9f8 34%, #ffc3be 94%, #ff8d84 100%); opacity: .5; position: absolute; }
.company-page .sec-introduction .introduction-detail .about-img .bubble.bubble-1 { width: 358px; height: 358px; right: 0; top: -30%; }
.company-page .sec-introduction .introduction-detail .about-img .bubble.bubble-2 { width: 115px; height: 115px; right: 0; bottom: 10%; }
.company-page .sec-introduction .introduction-detail .about-img .bubble.bubble-3 { width: 163px; height: 163px; left: 0; bottom: -7%; }
.company-page .cultrue-lists .cultrue-item { border-top: 1px solid #eeeeee; border-right: 1px solid #eeeeee; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
@media (min-width: 992px) { .company-page .cultrue-lists .cultrue-item:nth-child(-n+2) { border-top: none; }
  .company-page .cultrue-lists .cultrue-item:nth-child(2n) { border-right: none; } }
@media (min-width: 1200px) { .company-page .cultrue-lists .cultrue-item:nth-child(-n+3) { border-top: none; }
  .company-page .cultrue-lists .cultrue-item:nth-child(2n) { border-right: 1px solid #eeeeee; }
  .company-page .cultrue-lists .cultrue-item:nth-child(3n) { border-right: none; } }
@media (max-width: 575.98px) { .company-page .cultrue-lists .cultrue-item { border-right: none !important; } }
.company-page .cultrue-lists .cultrue-item .item-icon .icon-wrap { position: relative; width: 90px; height: 90px; }
.company-page .cultrue-lists .cultrue-item .item-icon .icon-wrap .icon-bg { width: 100%; height: 100%; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.company-page .cultrue-lists .cultrue-item .item-icon .icon-wrap .icon-bg path { fill: var(--zhu-color); }
.company-page .cultrue-lists .cultrue-item .item-icon .icon-wrap .icon { fill: #ffffff; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.company-page .cultrue-lists .cultrue-item .item-info .item-name { font-size: 24px; line-height: 2; color: var(--zhu-color); }
.company-page .cultrue-lists .cultrue-item .item-info .item-desc { font-size: 18px; color: #666666; }
.company-page .cultrue-lists .cultrue-item:hover { background-color: var(--zhu-color); }
.company-page .cultrue-lists .cultrue-item:hover .item-icon .icon-wrap { position: relative; }
.company-page .cultrue-lists .cultrue-item:hover .item-icon .icon-wrap .icon-bg path { fill: #ffffff; }
.company-page .cultrue-lists .cultrue-item:hover .item-icon .icon-wrap .icon-bg path:nth-child(1) { opacity: .5; animation: spin 8s infinite linear; -webkit-animation-delay: .1s; -moz-animation-delay: .1s; -o-animation-delay: .1s; animation-delay: .1s; transform-origin: center; }
.company-page .cultrue-lists .cultrue-item:hover .item-icon .icon-wrap .icon-bg path:nth-child(2) { animation: spin 8s infinite linear; transform-origin: center; }
.company-page .cultrue-lists .cultrue-item:hover .item-icon .icon-wrap .icon { fill: var(--zhu-color); }
.company-page .cultrue-lists .cultrue-item:hover .item-info .item-name { color: #ffffff; }
.company-page .cultrue-lists .cultrue-item:hover .item-info .item-desc { color: #ffffff; opacity: .8; }
.company-page .history-box .box-head { position: relative; }
@media (min-width: 1680px) { .company-page .history-box .box-head { width: 70%; margin: 0 auto; } }
.company-page .history-box .box-head ul { position: relative; padding-bottom: 4px; overflow: hidden; z-index: 2; }
.company-page .history-box .box-head ul:after { content: ''; display: block; width: 400%; position: absolute; bottom: 5px; border-bottom: 1px solid #d7d7d7; z-index: 0; margin: auto; left: 0; right: 0; }
.company-page .history-box .box-head ul li { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-align: center; position: relative; flex: 1; margin-right: 6%; }
.company-page .history-box .box-head ul li .year-num { font-size: 20px; color: #999999; }
.company-page .history-box .box-head ul li .year-num::after { z-index: 3; content: ''; width: 1px; height: .625rem; background-color: #d7d7d7; display: block; margin: .625rem auto; }
.company-page .history-box .box-head ul li .year-num::before { content: ''; display: block; width: 8px; height: 8px; background-color: #5e9cf8; border-radius: 1rem; margin: auto; position: absolute; left: 0; bottom: -2px; right: 0; z-index: 3; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.company-page .history-box .box-head ul li.on .year-num { height: 6px; color: var(--zhu-color); font-weight: bold; }
.company-page .history-box .box-head ul li.on .year-num::before { width: 100%; background-color: var(--zhu-color); }
.company-page .history-box .box-head .swiper-prevnext { position: relative; height: 0; margin: auto; top: 0; bottom: 0; width: 100%; z-index: 0; }
.company-page .history-box .box-head .swiper-prevnext .swiper-prev, .company-page .history-box .box-head .swiper-prevnext .swiper-next { height: 60px; width: 60px; cursor: pointer; background-color: #f5f5f5; position: absolute; border-radius: 50%; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.company-page .history-box .box-head .swiper-prevnext .swiper-prev svg, .company-page .history-box .box-head .swiper-prevnext .swiper-next svg { position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0; fill: var(--zhu-color); }
.company-page .history-box .box-head .swiper-prevnext .swiper-prev:hover, .company-page .history-box .box-head .swiper-prevnext .swiper-next:hover { background-color: var(--zhu-color); outline: none; }
.company-page .history-box .box-head .swiper-prevnext .swiper-prev:hover svg, .company-page .history-box .box-head .swiper-prevnext .swiper-next:hover svg { fill: #ffffff; }
.company-page .history-box .box-head .swiper-prevnext .swiper-prev { left: -90px; top: -35px; }
.company-page .history-box .box-head .swiper-prevnext .swiper-next { right: -90px; top: -35px; }
.company-page .hisotry-year-swiper { position: relative; }
.company-page .hisotry-year-swiper .swiper-wrapper { position: relative; padding-bottom: 4px; }
.company-page .hisotry-year-swiper .swiper-wrapper:after { content: ''; display: block; width: 400%; position: absolute; bottom: 5px; border-bottom: 1px solid #d7d7d7; z-index: 0; margin: auto; left: 0; right: 0; }
.company-page .hisotry-year-swiper .swiper-slide { text-align: center; position: relative; }
.company-page .hisotry-year-swiper .swiper-slide .year-num { font-size: 20px; color: #999999; }
.company-page .hisotry-year-swiper .swiper-slide .year-num::after { z-index: 3; content: ''; width: 1px; height: .625rem; background-color: #d7d7d7; display: block; margin: .625rem auto; }
.company-page .hisotry-year-swiper .swiper-slide .year-num::before { content: ''; display: block; width: 8px; height: 8px; background-color: #f3adb3; border-radius: 1rem; margin: auto; position: absolute; left: 0; bottom: -2px; right: 0; z-index: 3; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.company-page .hisotry-year-swiper .swiper-slide.swiper-slide-active .year-num { color: var(--zhu-color); font-weight: bold; }
.company-page .hisotry-year-swiper .swiper-slide.swiper-slide-active .year-num::before { width: 100%; background-color: var(--zhu-color); }
.company-page .hisotry-content-swiper { padding: 20px; }
.company-page .hisotry-content-swiper .con-item { height: 100%; }
.company-page .hisotry-content-swiper .con-item .item-wrap { height: 100%; background-color: #ffffff; border-radius: 10px; overflow: hidden; -webkit-box-shadow: 0 9px 30px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 9px 30px rgba(0, 0, 0, 0.05); box-shadow: 0 9px 30px rgba(0, 0, 0, 0.05); -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.company-page .hisotry-content-swiper .con-item .item-wrap .item-caption { padding: 1rem; }
.company-page .hisotry-content-swiper .con-item .item-wrap .item-caption .item-title { font-size: 26px; color: var(--zhu-color); line-height: 2; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.company-page .hisotry-content-swiper .con-item .item-wrap .item-caption .item-desc { color: #424242; height: 60px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.company-page .hisotry-content-swiper .con-item:hover .item-wrap, .company-page .hisotry-content-swiper .con-item.swiper-slide-active .item-wrap { background-color: var(--zhu-color); }
.company-page .hisotry-content-swiper .con-item:hover .item-wrap *, .company-page .hisotry-content-swiper .con-item.swiper-slide-active .item-wrap * { color: #ffffff !important; }
.company-page .honor-swiper { padding: 20px; }
.company-page .honor-swiper .con-item { height: 100%; }
.company-page .honor-swiper .con-item .item-wrap { height: 100%; background-color: #ffffff; border-radius: 10px; overflow: hidden; -webkit-box-shadow: 0 9px 30px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 9px 30px rgba(0, 0, 0, 0.05); box-shadow: 0 9px 30px rgba(0, 0, 0, 0.05); -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.company-page .honor-swiper .con-item .item-wrap .item-img .img-wrap img { margin: 0 auto; display: block; max-width: 100%; max-height: 100%; }
.company-page .honor-swiper .con-item .item-wrap .item-caption { padding-bottom: 1rem; }
.company-page .honor-swiper .con-item .item-wrap .item-caption .item-title { font-size: 20px; color: #333333; line-height: 2; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.merchants-page { background-color: #ffffff;overflow: hidden; }
.merchants-page .img-nai { position: absolute; margin: auto; left: 0; right: 0; max-width: 100%; top:0;}
.merchants-page .img-nai.top { top: 0; }
.merchants-page .img-nai.bottom { bottom: -1px; }
.merchants-page .sbanner { height: 600px; padding-top: 5.3%; }
.merchants-page .sbanner .sbanner-wrap { z-index: 2; top: 0; color: #fff; }
.merchants-page .sbanner .sbanner-wrap .sbanner-title { margin-top: 3%; font-size: 48px; font-weight: bold; position: relative; line-height: 2; padding: 0 10%; }
.merchants-page .sbanner .sbanner-wrap .sbanner-title::before { content: attr(data-title); font-family: AguafinaScript-Regular; font-size: 100px; color: #6da1f4; opacity: .2; letter-spacing: 10px; position: absolute; top: 0; bottom: 0; margin: auto; line-height: 1; font-weight: 100; left: 0; right: 0; text-align: center; }
.merchants-page .sbanner .sbanner-wrap .sbanner-title strong { position: relative; z-index: 3; }
.merchants-page .sbanner .sbanner-wrap .sbanner-desc { font-size: 36px; }
.merchants-page .sbanner .sbanner-wrap .sbanner-tel-box { text-align: center; margin-top: 4%; }
.merchants-page .sbanner .sbanner-wrap .sbanner-tel-box .tel-txt { line-height: 1; font-size: 20px; }
.merchants-page .sbanner .sbanner-wrap .sbanner-tel-box .tel-txt svg { fill: #ffffff; }
.merchants-page .sbanner .sbanner-wrap .sbanner-tel-box .tel-num { font-size: 60px; font-family: Bahnschrift; }
@media (max-width: 575.98px) { .merchants-page .sbanner .sbanner-wrap .sbanner-title { font-size: 32px; }
  .merchants-page .sbanner .sbanner-wrap .sbanner-title::before { font-size: 48px; }
  .merchants-page .sbanner .sbanner-wrap .sbanner-desc { font-size: 18px; }
  .merchants-page .sbanner .sbanner-wrap .sbanner-tel-box .tel-num { font-size: 48px; } }
.merchants-page .inner-section .sec-head .head-desc { font-size: 14px; color: #666666; }
@media (min-width: 1400px) { .merchants-page .inner-section .sec-head .head-desc { width: 85%; margin: 0 auto; font-size: 22px; } }
.merchants-page .advs-lists .item { border-top: 1px solid #eeeeee; border-right: 1px solid #eeeeee; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; border-left:solid 1px #eeeeee;}
@media (min-width: 992px) { 
	.merchants-page .advs-lists .item{border-left:none;}
	.merchants-page .advs-lists .item:nth-child(-n+2) { border-top: none; }
  .merchants-page .advs-lists .item:nth-child(2n) { border-right: none; } }
@media (min-width: 1200px) { .merchants-page .advs-lists .item:nth-child(-n+3) { border-top: none; }
  .merchants-page .advs-lists .item:nth-child(2n) { border-right: 1px solid #eeeeee; }
  .merchants-page .advs-lists .item:nth-child(3n) { border-right: none; } }
.merchants-page .advs-lists .item .item-icon .icon-wrap { position: relative; width: 90px; height: 90px; }
.merchants-page .advs-lists .item .item-icon .icon-wrap .icon-bg { width: 100%; height: 100%; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.merchants-page .advs-lists .item .item-icon .icon-wrap .icon-bg path { fill: var(--zhu-color); }
.merchants-page .advs-lists .item .item-icon .icon-wrap .icon { fill: #ffffff; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.merchants-page .advs-lists .item .item-info .item-name { font-size: 24px; line-height: 2; color: var(--zhu-color); }
.merchants-page .advs-lists .item .item-info .item-desc { font-size: 18px; color: #666666; }
@media (max-width: 575.98px) { .merchants-page .advs-lists .item .item-icon .icon-wrap { width: 70px; height: 70px; }
  .merchants-page .advs-lists .item .item-info .item-name { font-size: 20px; line-height: initial; }
  .merchants-page .advs-lists .item .item-info .item-desc { font-size: 14px; } }
.merchants-page .advs-lists .item:hover { background-color: var(--zhu-color); }
.merchants-page .advs-lists .item:hover .item-icon .icon-wrap { position: relative; }
.merchants-page .advs-lists .item:hover .item-icon .icon-wrap .icon-bg path { fill: #ffffff; }
.merchants-page .advs-lists .item:hover .item-icon .icon-wrap .icon-bg path:nth-child(1) { opacity: .5; animation: spin 8s infinite linear; -webkit-animation-delay: .1s; -moz-animation-delay: .1s; -o-animation-delay: .1s; animation-delay: .1s; transform-origin: center; }
.merchants-page .advs-lists .item:hover .item-icon .icon-wrap .icon-bg path:nth-child(2) { animation: spin 8s infinite linear; transform-origin: center; }
.merchants-page .advs-lists .item:hover .item-icon .icon-wrap .icon { fill: var(--zhu-color); }
.merchants-page .advs-lists .item:hover .item-info .item-name { color: #ffffff; }
.merchants-page .advs-lists .item:hover .item-info .item-desc { color: #ffffff; opacity: .8; }
.merchants-page .sec-process { background: url("../images/liucheng-bg.jpg") center/cover no-repeat; position: relative; padding: 7% 0; }
.merchants-page .sec-process .process-container { padding-top: 2%; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.3); -moz-box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.3); box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.3); overflow: hidden; position: relative; }
.merchants-page .sec-process .process-container::before { content: ''; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(255, 255, 255, 0.95); /*filter:blur(3px);*/ }
.merchants-page .sec-process .process-container .container-wrapper { z-index: 2; position: relative;padding: 30px 0 60px; }
@media (min-width: 1400px) { .merchants-page .sec-process .process-container .container-wrapper { width: 80%; margin: 0 auto; }
  .merchants-page .sec-process .process-container .container-wrapper::before { content: ''; height: 45%; width: 100%; border-radius: 50rem; border: 8px solid #f0f0f0; position: absolute; margin: auto; left: 0; right: 0; top: 20%; } }
.merchants-page .sec-process .process-list { position: relative; z-index: 2; }
.merchants-page .sec-process .process-list .item { text-align: center; }
.merchants-page .sec-process .process-list .item .item-icon { width: 80px; height: 80px; border-radius: 50%; background-color: #e6e6e6; margin: 0 auto .5rem; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.merchants-page .sec-process .process-list .item .item-icon .icon-wrap { height: 100%; }
.merchants-page .sec-process .process-list .item .item-icon .icon-wrap svg { fill: #666666; width: 30px; height: 30px; margin-bottom: 0.2rem; }
.merchants-page .sec-process .process-list .item .item-icon .icon-wrap .icon-num { font-family: Bahnschrift; font-size: 30px; line-height: 1; }
.merchants-page .sec-process .process-list .item .item-name { font-size:20px; font-weight: bold; color: #000; }
.merchants-page .sec-process .process-list .item .item-desc { font-size:18px; color: #666666; }
.merchants-page .sec-process .process-list .item:hover .item-icon { background-color: var(--zhu-color); color: #ffffff; }
.merchants-page .sec-process .process-list .item:hover .item-icon .icon-wrap svg path { fill: #ffffff; }
.merchants-page .sec-condition {  padding: 8% 0 5%; }
.merchants-page .sec-condition .condition-content { position: relative; }
.merchants-page .sec-condition .content-wrap { margin: auto; position: absolute; width: 100%; padding-top: 5%; }
.merchants-page .sec-condition .content-wrap .content { padding: 5% 0; font-size: 22px; line-height: 2; }
@media (max-width: 575.98px) { .merchants-page .sec-condition .content-wrap .content { font-size: 12px; } 
	.merchants-page .sec-process .process-list .item .item-name { font-size:16px; }
	.merchants-page .sec-process .process-list .item .item-desc { font-size: 14px; }
}
.merchants-page .sec-budget { background-color: #fafafa; }
.merchants-page .sec-budget .budget-box .item-box { background-color: #ffffff; border-radius: 10px; padding: 45px 60px; transition: all .6s; }
.merchants-page .sec-budget .budget-box .item-box .cpl-title { color: var(--zhu-color); }
.merchants-page .sec-budget .budget-box .item-box .cpl-title span { font-size: 40px; line-height: 1.4; font-weight: bold; }
.merchants-page .sec-budget .budget-box .item-box .cpl-title p { font-size: 20px; line-height: 1.5; letter-spacing: 1px; }
.merchants-page .sec-budget .budget-box .item-box .cpt-intro { margin-top: 2.5em; background-color: var(--zhu-color); padding-top: .5em; color: #fff; -webkit-transition: all .4s ease-out; transition: all .4s ease-out; }
.merchants-page .sec-budget .budget-box .item-box .cpt-intro span { font-size: 14px; letter-spacing: 1px; }
.merchants-page .sec-budget .budget-box .item-box .cpt-intro strong { font-size: 40px; }
.merchants-page .sec-budget .budget-box .item-box .cpt-txt { padding-top: 2.5rem; }
.merchants-page .sec-budget .budget-box .item-box .cpt-txt strong { display: block; margin-bottom: 1rem; }
.merchants-page .sec-budget .budget-box .item-box:hover { background-color: var(--zhu-color); color: #ffffff; }
.merchants-page .sec-budget .budget-box .item-box:hover * { color: #ffffff !important; }
.merchants-page .sec-budget .budget-box .item-box:hover .cpt-intro { background-color: #ffffff; }
.merchants-page .sec-budget .budget-box .item-box:hover .cpt-intro * { color: var(--zhu-color) !important; }
@media (max-width: 575.98px) { .merchants-page .sec-budget .budget-box .item-box { padding: 8% 10%; }
  .merchants-page .sec-budget .budget-box .item-box .cpl-title span { font-size: 32px; }
  .merchants-page .sec-budget .budget-box .item-box .cpl-title p { font-size: 16px; }
  .merchants-page .sec-budget .budget-box .item-box .cpt-intro { margin-top: 1rem; }
  .merchants-page .sec-budget .budget-box .item-box .cpt-intro strong { font-size: 32px; } }
.merchants-page .sec-standard { padding-top: 5%; padding-bottom: 3%; }
.merchants-page .sec-standard .img-nai { top: -2px; }
.merchants-page .sec-standard .img-bql { position: absolute; left: -60px; top: -19%; margin: auto; z-index: 2; width: 18.8vw; }
.merchants-page .sec-standard .standard-container { position: relative; z-index: 3; background: #ffffff; border-radius: 20px; margin-top: 2%; overflow: hidden; }
.merchants-page .sec-standard .standard-container .standard-lists li { margin-bottom: 1rem; display: flex; align-items: center; }
.merchants-page .sec-standard .standard-container .standard-lists li .s-icon { width: 40px; height: 40px; background: var(--zhu-color); color: #ffffff; font-family: Bahnschrift; padding-top: .7rem; display: inline-block; text-align: center; margin-right: 1rem; font-size: 22px; font-style: normal; position: relative; }
.merchants-page .sec-standard .standard-container .standard-lists li .s-icon::after { content: ''; position: absolute; width: 30%; height: 30%; top: 0; right: 0; background: #ffffff; border-radius: 50%; }
.merchants-page .sec-standard .standard-container .standard-lists li span { flex: 1; }
.merchants-page .sec-standard .standard-container .standard-img { -webkit-box-reflect: below 0 -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0)); }

/*联系方式*/
.contact-page { background-color: #fcfcfc; }
.contact-page #message .sec-head .head-name { font-size: 32px; color: var(--zhu-color); }
.contact-page #message .sec-head .head-desc { color: #999999; font-size: 18px; }
.contact-page .contact-map { position: relative; }
.contact-page .contact-map .contact-container { position: relative; }
.contact-page .contact-map .contact-container .contact-way { position: absolute; width: 100%; bottom: 80px; }
.contact-page .contact-map .contact-container .contact-way .item-wrap { background-color: #ffffff; border-radius: 5px; padding: .8rem 1.5rem; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.contact-page .contact-map .contact-container .contact-way .item-wrap .item-icon { margin-right: 1rem; }
.contact-page .contact-map .contact-container .contact-way .item-wrap .item-icon .icon-wrap { position: relative; width: 85px; height: 85px; display: flex; align-items: center; justify-content: center; }
.contact-page .contact-map .contact-container .contact-way .item-wrap .item-icon .icon-wrap .icon-bg { width: 100%; height: 100%; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.contact-page .contact-map .contact-container .contact-way .item-wrap .item-icon .icon-wrap .icon-bg path { fill: var(--zhu-color); }
.contact-page .contact-map .contact-container .contact-way .item-wrap .item-icon .icon-wrap .icon { fill: #ffffff; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.contact-page .contact-map .contact-container .contact-way .item-wrap .item-info { font-size: 18px; }
.contact-page .contact-map .contact-container .contact-way .item-wrap .item-info .item-name { color: var(--zhu-color); }
.contact-page .contact-map .contact-container .contact-way .item-wrap .item-info .item-value { font-size: 16px; word-break: break-all; color: #515151; }
@media (max-width: 575.98px) { .contact-page .contact-map .contact-container .contact-way { margin-top: 5%; } }
@media (max-width: 991.98px) { .contact-page .contact-map .contact-container .contact-way { margin-top: 4%; position: relative; bottom: 1%; }
  .contact-page .contact-map .contact-container .contact-way .item-wrap { background-color: #ffffff; border-radius: 5px; padding: .5rem 1.2rem; }
  .contact-page .contact-map .contact-container .contact-way .item-wrap .item-icon { margin-right: 1rem; }
  .contact-page .contact-map .contact-container .contact-way .item-wrap .item-icon .icon-wrap { width: 45px; height: 45px; }
  .contact-page .contact-map .contact-container .contact-way .item-wrap .item-icon .icon-wrap svg { width: 20px; height: 20px; } }
.contact-page .contact-map .contact-container .contact-way .item:hover .item-wrap { background-color: var(--zhu-color); }
.contact-page .contact-map .contact-container .contact-way .item:hover .item-icon .icon-wrap { position: relative; }
.contact-page .contact-map .contact-container .contact-way .item:hover .item-icon .icon-wrap .icon-bg path { fill: #ffffff; }
.contact-page .contact-map .contact-container .contact-way .item:hover .item-icon .icon-wrap .icon-bg path:nth-child(1) { opacity: .5; animation: spin 8s infinite linear; -webkit-animation-delay: .1s; -moz-animation-delay: .1s; -o-animation-delay: .1s; animation-delay: .1s; transform-origin: center; }
.contact-page .contact-map .contact-container .contact-way .item:hover .item-icon .icon-wrap .icon-bg path:nth-child(2) { animation: spin 8s infinite linear; transform-origin: center; }
.contact-page .contact-map .contact-container .contact-way .item:hover .item-icon .icon-wrap .icon { fill: var(--zhu-color); }
.contact-page .contact-map .contact-container .contact-way .item:hover .item-info .item-name { color: #ffffff; }
.contact-page .contact-map .contact-container .contact-way .item:hover .item-info .item-value { color: #ffffff; opacity: .8; }
.contact-page .contact-map .contact-container .contact-way .item:hover .item-info .item-value a { color: #ffffff; opacity: .8; }
@media (min-width: 1200px) { .contact-page .message-box { background-color: #f4f4f4; } }

.stores-page .stores-banner { position: relative; }
.stores-page .thumb-swiper { position: absolute; bottom: 5%; margin: auto; left: 0; right: 0; }
.stores-page .thumb-swiper .thumb-item { position: relative; cursor: pointer; }
.stores-page .thumb-swiper .thumb-item .overlay { -webkit-transition: transform .6s ease-out .1s; -moz-transition: transform .6s ease-out .1s; -ms-transition: transform .6s ease-out .1s; -o-transition: transform .6s ease-out .1s; transition: transform .6s ease-out .1s; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(49, 126, 242, 0.95); z-index: 2; }
.stores-page .thumb-swiper .thumb-item .overlay .overlay-head { position: relative; }
.stores-page .thumb-swiper .thumb-item .overlay .overlay-head::before { content: attr(data-title); font-family: AguafinaScript-Regular; font-size: 46px; color: #f0f6ff; opacity: .1; display: block; text-align: center; letter-spacing: 5px; }
.stores-page .thumb-swiper .thumb-item .overlay .overlay-head img { position: absolute; margin: auto; left: 0; right: 0; top: 0; bottom: 0; }
.stores-page .thumb-swiper .thumb-item .overlay .overlay-name { font-size: 30px; color: #ffffff; text-align: center; }
@media (max-width: 575.98px) { .stores-page .thumb-swiper .thumb-item .overlay .overlay-head { display: none; /*&::before{ font-size: 14px;
}
img{ height: 100%;
}*/ }
  .stores-page .thumb-swiper .thumb-item .overlay .overlay-name { font-size: 14px; } }
@media (max-width: 767.98px) { .stores-page .thumb-swiper .thumb-item .overlay .overlay-head::before { font-size: 14px; }
  .stores-page .thumb-swiper .thumb-item .overlay .overlay-head img { height: 100%; }
  .stores-page .thumb-swiper .thumb-item .overlay .overlay-name { font-size: 14px; } }
@media (max-width: 991.98px) { .stores-page .thumb-swiper .thumb-item .overlay .overlay-head::before { font-size: 22px; }
  .stores-page .thumb-swiper .thumb-item .overlay .overlay-head img { height: 100%; }
  .stores-page .thumb-swiper .thumb-item .overlay .overlay-name { font-size: 16px; } }
@media (max-width: 1399.98px) { .stores-page .thumb-swiper .thumb-item .overlay .overlay-head::before { font-size: 36px; }
  .stores-page .thumb-swiper .thumb-item .overlay .overlay-head img { height: 100%; }
  .stores-page .thumb-swiper .thumb-item .overlay .overlay-name { font-size: 22px; } }
.stores-page .thumb-swiper .thumb-item.swiper-slide-thumb-active .overlay { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
