@charset "UTF-8";
@keyframes fadeInTopLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0%, -20%, 0);
    transform: translate3d(0%, -20%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

@keyframes fadeInTopRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0%, -20%, 0);
    transform: translate3d(0%, -20%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

@keyframes move {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(530px);
  }
  100% {
    transform: translateY(1060px);
  }
}

@keyframes heart {
  from {
    transform: translate(0, -14px);
  }
  to {
    transform: translate(0, 4px);
  }
}

@keyframes rotate_common {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes rotate {
  0% {
    transform: rotate(0) scale(1);
  }
  50% {
    transform: rotate(200deg) scale(0.8);
  }
  100% {
    transform: rotate(360deg) scale(1);
  }
}

@keyframes rotate1 {
  50% {
    transform: translate(0%, -72%) rotate(180deg);
  }
  100% {
    transform: translate(-5%, -80%) rotate(360deg);
  }
}

@keyframes rotate2 {
  50% {
    transform: translate(0%, -72%) rotate(180deg);
  }
  100% {
    transform: translate(-5%, -80%) rotate(360deg);
  }
}

@keyframes pulse {
  0% {
    transform: translate(-50%, -50%) scale(0.95);
    box-shadow: 0 0 0 0 rgba(226, 60, 50, 0.4);
  }
  50% {
    transform: translate(-50%, -50%) scale(1);
    box-shadow: 0 0 0 10px rgba(226, 60, 50, 0);
  }
  100% {
    transform: translate(-50%, -50%) scale(0.95);
    box-shadow: 0 0 0 10px rgba(226, 60, 50, 0);
  }
}

@keyframes wave {
  0% {
    transform: translate(-90px, 0%);
  }
  100% {
    transform: translate(85px, 0%);
  }
}

@keyframes anim-out {
  0% {
    width: 0%;
    background: rgba(255, 255, 255, 0.3);
  }
  100% {
    width: 100%;
    background: transparent;
  }
}

/* 页面头部 */
.head {
  width: 100%;
  min-height: 80px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
}

.head .logo {
  width: 177px;
  height: 55px;
  margin-right: 20px;
  position: relative;
  animation-name: fadeInTopLeft;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-delay: 0.5s;
}

.head .logo .light,
.head .logo .dark {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.head .logo .dark {
  opacity: 0;
}

.head .nav {
  width: 100%;
  height: 100px;
  padding: 0 160px;
  padding-top: 10px;
  padding-bottom: 10px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fff;
  background: rgba(255, 255, 255, 0);
  box-shadow: 0px 0px 10px 0px transparent;
  position: relative;
  z-index: 2;
  transition: all 0.5s;
}

.head .nav-list {
  height: 80px;
  display: flex;
  align-items: center;
  animation-name: fadeInTopRight;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-delay: 0.5s;
}

.head .nav-list li.fir {
  padding: 0 24px;
  line-height: 80px;
  flex-shrink: 0;
}

.head .nav-list li.fir a.fir-link {
  display: block;
  color: #fff;
  line-height: 80px;
  transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.head .nav-list li.fir.link a.fir-link {
  color: #fff;
  position: relative;
}

.head .nav-list li.fir.link a.fir-link::after {
  content: "";
  width: 100%;
  height: 2px;
  background: rgba(243, 243, 243, 0.66);
  position: absolute;
  bottom: 16px;
  left: 0;
  transform: scaleX(0);
  transition: all 0.5s;
}

.head .nav-list li.fir.link .column {
  height: 418px;
  display: none;
  box-sizing: border-box;
  padding: 78px 20.72% 0 27.92%;
  position: absolute;
  left: 0;
  top: 80px;
  transition: all 0.5s;
}

.head .nav-list li.fir.link .column .menu-list {
  min-width: 700px;
  flex-grow: 1;
  height: 100%;
  padding-top: 22px;
  box-sizing: border-box;
  position: relative;
}

.head .nav-list li.fir.link .column .title {
  width: 120px;
  height: 176px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.head .nav-list li.fir.link .column .title::before, .head .nav-list li.fir.link .column .title::after {
  content: "";
  width: 1px;
  background: #e1e1e1;
  position: absolute;
  left: 120px;
}

.head .nav-list li.fir.link .column .title::before {
  height: 28px;
  top: 10px;
}

.head .nav-list li.fir.link .column .title::after {
  height: 106px;
  bottom: 0;
}

.head .nav-list li.fir.link .column .title h4 {
  color: #df271c;
  line-height: 38px;
}

.head .nav-list li.fir.link .column .title h3 {
  display: inline-block;
  color: rgba(78, 78, 78, 0.1);
  height: 32px;
  line-height: 32px;
  white-space: nowrap;
  margin-left: -4px;
}

.head .nav-list li.fir.link .column ul {
  width: 500px;
  position: absolute;
  left: 158px;
  top: 105px;
  display: flex;
  flex-wrap: wrap;
}

.head .nav-list li.fir.link .column ul li {
  min-width: 125px;
  height: 48px;
  line-height: 48px;
}

.head .nav-list li.fir.link .column ul li a {
  display: inline-block;
  line-height: 48px;
  color: #4e4e4e;
  transition: all 0.5s;
  position: relative;
  white-space: nowrap;
}

.head .nav-list li.fir.link .column ul li a::after {
  content: "";
  width: 100%;
  height: 2px;
  background: #000;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: scaleX(0);
  transition: all 0.5s;
}

.head .nav-list li.fir.link .column ul li a:hover {
  color: #000;
}

.head .nav-list li.fir.link .column ul li a:hover::after {
  transform: scaleX(1);
}

.head .nav-list li.fir.link .column .ag-img {
  width: 549px;
  height: 248px;
  border-radius: 4px;
  overflow: hidden;
}

.head .nav-list li.fir.link .column .ag-img img {
  object-fit: cover;
}

.head .nav-list li.fir.link .long .title::before {
  height: 60px;
}

.head .nav-list li.fir.link:hover a.fir-link {
  font-weight: bold;
}

.head .nav-list li.fir.link:hover a.fir-link::after {
  transform: scaleX(1);
}

.head .nav-list li.fir.active a.fir-link {
  font-weight: bold;
}

.head .nav-list li.fir.active a.fir-link::after {
  transform: scaleX(1);
  height: 3px;
  border-radius: 4px;
}

.head .nav-list li.fir.search {
  width: 40px;
  height: 34px;
  padding: 0 12px;
  box-sizing: border-box;
  border-radius: 17px;
  display: inline-flex;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s;
}

.head .nav-list li.fir.search.open {
  width: 284px;
  background: #fff;
}

.head .nav-list li.fir.search.open .iconfont {
  color: #666;
}

.head .nav-list li.fir.search.open input {
  opacity: 1;
}

.head .nav-list li.fir.search .iconfont {
  flex-shrink: 0;
  font-size: 20px;
  transition: all 0.4s;
  cursor: default;
}

.head .nav-list li.fir.search .iconfont i {
  font-style: normal;
}

.head .nav-list li.fir.search input {
  flex-grow: 1;
  height: 100%;
  background: transparent;
  margin-left: 8px;
  color: #666;
  font-size: 16px;
  opacity: 0;
}

.head .nav-list li.fir.search input::placeholder {
  color: #d1d1d1;
}

.head .nav-list li.fir.en {
  margin: 0;
  font-size: 24px;
  font-weight: 500;
}

.head .nav-list li.fir.en a {
  color: #fff;
  transition: all 0.5s;
}

.head::after {
  content: "";
  width: 100%;
  height: 80px;
  background: rgba(255, 255, 255, 0.95);
  opacity: 0;
  position: absolute;
  top: 0;
  transition: all 0.4s;
}

.head.white .nav, .head.fixed-white .nav {
  height: 80px;
  padding-top: 0;
  padding-bottom: 0;
  background: #fff;
  box-shadow: 0px 0px 10px 0px #dcdde1;
}

.head.white .logo .light, .head.fixed-white .logo .light {
  opacity: 0;
}

.head.white .logo .dark, .head.fixed-white .logo .dark {
  opacity: 1;
}

.head.white .nav-list li.fir a.fir-link, .head.fixed-white .nav-list li.fir a.fir-link {
  color: #333;
}

.head.white .nav-list li.fir.link:hover a.fir-link, .head.fixed-white .nav-list li.fir.link:hover a.fir-link {
  color: #e23c32;
}

.head.white .nav-list li.fir.link:hover a.fir-link::after, .head.fixed-white .nav-list li.fir.link:hover a.fir-link::after {
  background: #e23c32;
}

.head.white .nav-list li.fir.active a.fir-link, .head.fixed-white .nav-list li.fir.active a.fir-link {
  color: #e23c32;
}

.head.white .nav-list li.fir.active a.fir-link::after, .head.fixed-white .nav-list li.fir.active a.fir-link::after {
  background: #e23c32;
}

.head.white .nav-list li.fir.search .iconfont, .head.fixed-white .nav-list li.fir.search .iconfont {
  color: #333;
}

.head.white .nav-list li.fir.search input, .head.fixed-white .nav-list li.fir.search input {
  color: #666;
}

.head.white .nav-list li.fir.search input::placeholder, .head.fixed-white .nav-list li.fir.search input::placeholder {
  color: #6a6969;
}

.head.white .nav-list li.fir.search:not(.open):hover .iconfont, .head.fixed-white .nav-list li.fir.search:not(.open):hover .iconfont {
  color: #e23c32;
}

.head.white .nav-list li.fir.search.open, .head.fixed-white .nav-list li.fir.search.open {
  background: #ececec;
}

.head.white .nav-list li.fir.en a, .head.fixed-white .nav-list li.fir.en a {
  color: #333;
}

.head.white .nav-list li.fir.en:hover a, .head.fixed-white .nav-list li.fir.en:hover a {
  color: #e23c32;
}

.head.white.show-mask::after, .head.fixed-white.show-mask::after {
  height: 498px;
  opacity: 1;
}

/* 页面底部 */
.foot {
  width: 100%;
  height: 414px;
  box-sizing: border-box;
  padding: 40px 160px 0;
  background: #cb342a url("../images/foot_bg.jpg") no-repeat top center;
  position: relative;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  color: #fff;
  font-size: 14px;
}

.foot::before, .foot::after {
  content: "";
  background: rgba(255, 255, 255, 0.2);
  position: absolute;
}

.foot::before {
  width: 1px;
  height: 100%;
  right: 160px;
  top: 0;
}

.foot::after {
  width: calc(100% - 160px);
  height: 1px;
  left: 0;
  bottom: 112px;
}

.foot .about p {
  line-height: 24px;
  margin-bottom: 10px;
}

.foot .about p a {
  color: #fff;
  transition: all 0.5s;
}

.foot .about p a:hover {
  opacity: 0.6;
}

.foot .about p a.underline {
  text-decoration: underline;
  text-underline-offset: 3px;
}

.foot .about .logo {
  margin-top: 24px;
}

.foot .wechat {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  margin-left: auto;
  margin-right: 24px;
  margin-top: 12px;
}

.foot .wechat p {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 12px;
}

.foot .wechat p span {
  line-height: 24px;
  margin-top: 10px;
}

.foot .copy {
  width: 100%;
  margin-top: 30px;
}

.foot .copy p {
  line-height: 24px;
}

/* 侧边悬浮工具栏 */
.aside-tool {
  width: 74px;
  position: fixed;
  top: 65%;
  right: 4px;
  z-index: 10000;
}

.aside-tool li {
  width: 74px;
  height: 74px;
  border-radius: 4px;
  color: #fff;
  background: #c70019;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 8px;
  cursor: pointer;
}

.aside-tool li .iconfont {
  font-size: 30px;
}

.aside-tool li p {
  font-size: 14px;
  line-height: 24px;
}

.aside-tool li.contact {
  position: relative;
}

.aside-tool li.contact .qq {
  font-size: 14px;
  height: 74px;
  line-height: 74px;
  color: #fff;
  padding: 0 14px;
  border-radius: 4px;
  background: #c70019;
  position: absolute;
  left: 4px;
  top: 0;
  transform: translateX(-120%);
  opacity: 0;
  transition: all 0.4s;
  white-space: nowrap;
  visibility: hidden;
}

.aside-tool li.contact:hover .qq {
  transform: translateX(-100%);
  opacity: 1;
  visibility: visible;
}

.aside-tool li.contact:hover {
  opacity: 0.7;
}

.aside-tool li.back-top {
  margin-bottom: 0;
  opacity: 0;
  transform: translateY(40%);
  transition: all 0.4s;
}

.aside-tool li.back-top .iconfont {
  transition: all 0.4s;
  font-size: 28px;
}

.aside-tool li.back-top:hover .iconfont {
  transform: translateY(-20%);
}

.aside-tool li.back-top.show {
  transform: translateY(0);
  opacity: 1;
}

/* 吸底底部工具 */
.sticky-foot {
  width: 100%;
  height: 78px;
  background: #f5f5f5;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.26);
  position: sticky;
  bottom: 0;
  left: 0;
  z-index: 10;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.sticky-foot .item:nth-last-child(n+2) .value {
  padding-right: 78px;
  position: relative;
}

.sticky-foot .item:nth-last-child(n+2) .value::before, .sticky-foot .item:nth-last-child(n+2) .value::after {
  content: '';
  width: 114px;
  height: 38px;
  background: linear-gradient(-90deg, rgba(218, 218, 218, 0.5) 0%, rgba(218, 218, 218, 0) 45%);
  clip-path: polygon(0% 0%, 90.35% 0%, 100% 50%, 90.35% 100%, 0% 100%);
  position: absolute;
  top: 0;
}

.sticky-foot .item:nth-last-child(n+2) .value::before {
  right: 0;
}

.sticky-foot .item:nth-last-child(n+2) .value::after {
  right: 20px;
}

.sticky-foot .item:last-child .value b {
  font-size: 20px;
}

.sticky-foot .label {
  display: inline-block;
  padding: 0 22px 0 22px;
  height: 36px;
  line-height: 36px;
  border-radius: 18px;
  background: #f8e6e5;
  color: #333;
  position: relative;
  margin-right: 20px;
}

.sticky-foot .label::before {
  content: '';
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-left-color: #f8e6e5;
  position: absolute;
  top: 10px;
  right: -14px;
}

.sticky-foot .value {
  display: inline-block;
  font-size: 18px;
  height: 38px;
  line-height: 38px;
  color: #333;
}

.sticky-foot .value b {
  color: #c70019;
}

/* 默认左侧内边距 */
.bpl {
  padding-left: 160px;
}

/* 默认右侧内边距 */
.bpr {
  padding-right: 160px;
}

/* 了解更多按钮（有动态线条） */
.learn-more--line {
  width: 234px;
  height: 38px;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.learn-more--line span {
  color: #000;
}

.learn-more--line i {
  display: inline-block;
}

.learn-more--line i.line {
  width: 30px;
  height: 1px;
  background: #000;
  transition: all 0.4s;
  margin-left: 10px;
  margin-right: auto;
}

.learn-more--line i.circle {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #c70019;
}

.learn-more--line:hover i.line {
  width: 126px;
}

/* 自定义链接 */
.custom-link {
  cursor: pointer;
}

/* 内页横幅 */
.inner-banner {
  width: 100%;
  height: 520px;
  box-sizing: border-box;
  padding-top: 232px;
  position: relative;
  background-repeat: no-repeat;
  background-position: right center;
  background-size: cover;
}

.inner-banner h1 {
  font-size: 50px;
  color: #fff;
  margin-top: -30px;
}

/* 内页二级导航栏 */
.inner-nav {
  width: 100%;
  height: 70px;
  box-sizing: border-box;
  background: #e23c32;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.inner-nav .breadcrumb {
  height: 40px;
  font-size: 14px;
  line-height: 40px;
  padding-left: 14px;
  position: relative;
  color: #fff;
  flex-shrink: 0;
  margin-right: 20px;
}

.inner-nav .breadcrumb .a {
  color: #fff;
}

.inner-nav .breadcrumb .a:hover {
  font-weight: bold;
}

.inner-nav .breadcrumb::before {
  content: "";
  width: 4px;
  height: 20px;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.inner-nav ul {
  height: 70px;
  display: flex;
  align-items: center;
  margin-right: -35px;
}

.inner-nav ul li {
  margin: 0 35px;
  flex-shrink: 0;
}

.inner-nav ul li a {
  height: 36px;
  padding: 0 8px;
  display: block;
  color: transparent;
  position: relative;
  overflow: hidden;
}

.inner-nav ul li a::before, .inner-nav ul li a::after {
  content: attr(data-text);
  width: 100%;
  font-size: 16px;
  line-height: 36px;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.5s;
  white-space: nowrap;
}

.inner-nav ul li a::before {
  color: rgba(255, 255, 255, 0.6);
}

.inner-nav ul li a::after {
  color: #fff;
  font-weight: bold;
  top: 36px;
}

.inner-nav ul li.active a::before,
.inner-nav ul li:hover a::before {
  top: -36px;
}

.inner-nav ul li.active a::after,
.inner-nav ul li:hover a::after {
  top: 0;
}

.inner-nav .search-box {
  width: 478px;
  height: 46px;
  background: #fff;
  border-radius: 4px;
  box-sizing: border-box;
  padding: 0 14px 0 20px;
  display: flex;
  align-items: center;
}

.inner-nav .search-box form {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.inner-nav .search-box input {
  width: calc(100% - 40px);
  height: 100%;
  line-height: 46px;
  border: none;
  background: transparent;
  outline: none;
  color: #e23c32;
  font-size: 16px;
}

.inner-nav .search-box input::placeholder {
  color: #dad5d5;
}

.inner-nav .search-box .iconfont {
  color: #e23c32;
  font-size: 20px;
  margin-left: auto;
}

/* 内页左侧内边距 */
.inner_bpl {
  padding-left: 240px;
}

/* 内页右侧内边距 */
.inner_bpr {
  padding-right: 240px;
}

/* 内页分栏 */
.inner-tabs {
  width: 100%;
  height: 105px;
  box-sizing: border-box;
  margin-top: 64px;
}

.inner-tabs .tabs {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.inner-tabs .tabs li {
  height: 104px;
  line-height: 104px;
  margin-right: 26px;
  position: relative;
}

.inner-tabs .tabs li a {
  display: inline-block;
  height: 100%;
  line-height: 104px;
  padding: 0 12px 0 22px;
  color: #333;
  transition: all 0.4s;
}

.inner-tabs .tabs li::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ddd;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.4s;
}

.inner-tabs .tabs li::after {
  content: "";
  width: 100%;
  height: 4px;
  background: #e23c32;
  position: absolute;
  bottom: -1px;
  left: 0;
  transition: all 0.4s;
  transform: scale(0);
}

.inner-tabs .tabs li:hover a, .inner-tabs .tabs li.active a {
  font-weight: bold;
  color: #e23c32;
}

.inner-tabs .tabs li:hover::before, .inner-tabs .tabs li.active::before {
  background: #e23c32;
}

.inner-tabs .tabs li:hover::after, .inner-tabs .tabs li.active::after {
  transform: scale(1);
}

.inner-tabs .tabs .tab-search {
  width: 430px;
  height: 50px;
  line-height: 50px;
  background: #f8f8f8;
  border-radius: 25px;
  box-sizing: border-box;
  padding: 0 26px 0 32px;
  margin-left: auto;
  margin-right: 0;
}

.inner-tabs .tabs .tab-search::before, .inner-tabs .tabs .tab-search::after {
  display: none;
}

.inner-tabs .tabs .tab-search form {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.inner-tabs .tabs .tab-search input {
  font-size: 16px;
  outline: none;
  background: transparent;
  flex-grow: 1;
  color: #333;
  font-size: 16px;
}

.inner-tabs .tabs .tab-search input::placeholder {
  color: #c8c8c8;
}

.inner-tabs .tabs .tab-search .iconfont {
  font-size: 22px;
  color: #4a4a4a;
  flex-shrink: 0;
  margin-left: 10px;
}

/* 内页分类筛选 */
.inner-type {
  box-sizing: border-box;
  margin-top: 28px;
}

.inner-type .types-box {
  width: 100%;
  min-height: 158px;
  border-radius: 10px;
  box-sizing: border-box;
  padding-top: 3px;
  background: #f8fafa url("../images/box_bg_product.png") no-repeat top center/cover;
}

.inner-type .types-box h4 {
  width: 208px;
  height: 42px;
  background: url("../images/box_text_bg.png") no-repeat top center/cover;
  box-sizing: border-box;
  padding-right: 64px;
  text-align: center;
  line-height: 42px;
  color: #fff;
  margin-top: -3px;
}

.inner-type .types-box ul {
  width: 100%;
  padding: 18px 6px;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
}

.inner-type .types-box ul li {
  padding: 0 20px;
  color: #333;
  line-height: 36px;
  cursor: pointer;
  transition: all .4s;
}

.inner-type .types-box ul li.active {
  font-weight: bold;
  color: #e23c32;
}

.inner-type .types-box ul li:not(.active):hover {
  color: #e23c32;
  text-decoration: underline;
  text-underline-offset: 4px;
}

/* 缺省模块 */
.empty-data,
.empty-search {
  width: 100%;
  text-align: center;
  padding: 200px 0 120px;
}

.empty-data p,
.empty-search p {
  color: #e23c32;
  line-height: 100px;
  margin-top: -8px;
}

/* 搜索结果缺省 */
.empty-search {
  padding: 120px 0 80px;
}

/* 搜索结果展示条 */
.search-result {
  color: #333;
  line-height: 100px;
  padding-top: 8px;
}

.search-result span {
  color: #e23c32;
  font-weight: bold;
}

/* 图片预览（大图） */
.preview-img {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  background: rgba(0, 0, 0, 0.6);
  display: none;
}

.preview-img img {
  max-width: calc(100% - 20px);
  max-height: calc(100% - 20px);
  width: auto;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  border-radius: 4px;
  transition: all 0.4s;
  transition-delay: 0.2s;
}

.preview-img.show {
  display: block;
}

.preview-img.show img {
  transform: translate(-50%, -50%) scale(1);
}

/* 分享工具样式修改 */
.social-share-icon.icon-wechat, .social-share-icon.icon-weibo, .social-share-icon.icon-qq {
  border-color: transparent;
  color: #bbb;
}

.social-share-icon.icon-wechat:hover, .social-share-icon.icon-weibo:hover, .social-share-icon.icon-qq:hover {
  background: transparent;
  transition: all 0.2s;
}

.social-share-icon.icon-wechat::before, .social-share-icon.icon-weibo::before, .social-share-icon.icon-qq::before {
  font-family: "iconfont";
  transition: all 0.2s;
}

.social-share-icon.icon-wechat::before {
  content: "\e61f";
}

.social-share-icon.icon-wechat:hover {
  color: #7bc549;
}

.social-share-icon.icon-weibo::before {
  content: "\e620";
}

.social-share-icon.icon-weibo:hover {
  color: #ff763b;
}

.social-share-icon.icon-qq::before {
  content: "\e614";
}

.social-share-icon.icon-qq:hover {
  color: #56b6e7;
}

/* 首页 */
.index-body {
  width: 100%;
  overflow: hidden;
}

.index-body .plate-title {
  font-weight: bold;
}

.index-body .plate-title p {
  display: flex;
  align-items: center;
}

.index-body .plate-title .en-b {
  font-size: 48px;
  color: #2e2e2e;
  line-height: 62px;
  letter-spacing: -0.2px;
}

.index-body .plate-title .cn {
  font-size: 24px;
  color: #c70019;
}

.index-body .plate-title .ari {
  font-size: 30px;
  color: #cecece;
  margin-left: 6px;
  margin-top: 4px;
}

.index-body .banner {
  width: 100%;
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.index-body .banner-swiper {
  width: 100%;
  height: 100%;
}

.index-body .banner-swiper .swiper-slide {
  position: relative;
  overflow: hidden;
}

.index-body .banner-swiper .swiper-slide .bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.index-body .banner-swiper .swiper-slide .bg video,
.index-body .banner-swiper .swiper-slide .bg img {
  width: auto;
  height: auto;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0);
  object-fit: cover;
}

.index-body .banner-swiper .swiper-slide .text {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #fff;
  box-sizing: border-box;
  padding-top: 10vh;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

.index-body .banner-swiper .swiper-slide .text h1 {
  font-size: 60px;
  line-height: 100px;
}

.index-body .banner-swiper .swiper-slide .text h3 {
  color: rgba(255, 255, 255, 0.95);
  margin-top: 10px;
}

.index-body .banner-swiper .swiper-slide .text .learn-more {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 168px;
  height: 50px;
  box-sizing: border-box;
  border: 2px solid #fff;
  border-radius: 25px;
  color: #fff;
  margin-top: 24px;
  position: relative;
  overflow: hidden;
  transition: all 0.6s;
}

.index-body .banner-swiper .swiper-slide .text .learn-more span {
  position: relative;
  z-index: 2;
}

.index-body .banner-swiper .swiper-slide .text .learn-more span.iconfont {
  font-size: 24px;
  margin-left: 6px;
}

.index-body .banner-swiper .swiper-slide .text .learn-more::before, .index-body .banner-swiper .swiper-slide .text .learn-more::after {
  content: "";
  width: 20px;
  height: 20px;
  background: #c70019;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  transition: all 0.6s;
}

.index-body .banner-swiper .swiper-slide .text .learn-more:before {
  left: -20px;
  transform: translate(-50%, -50%);
}

.index-body .banner-swiper .swiper-slide .text .learn-more::after {
  right: -20px;
  transform: translate(50%, -50%);
}

.index-body .banner-swiper .swiper-slide .text .learn-more:hover {
  border-color: #c70019;
}

.index-body .banner-swiper .swiper-slide .text .learn-more:hover span.iconfont {
  animation: rotate 5s linear 0s infinite;
}

.index-body .banner-swiper .swiper-slide .text .learn-more:hover:before {
  left: 50%;
  width: 168px;
  height: 168px;
}

.index-body .banner-swiper .swiper-slide .text .learn-more:hover::after {
  right: 50%;
  width: 168px;
  height: 168px;
}

.index-body .banner-swiper .swiper-slide .text .honor {
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 72px;
  margin-top: 10vh;
}

.index-body .banner-swiper .swiper-slide .text .honor li {
  transition: all 0.5s;
  color: #fff;
  position: relative;
  margin: 0 18px;
}

.index-body .banner-swiper .swiper-slide .text .honor li::after {
  font-family: "iconfont";
  font-size: 72px;
  background: linear-gradient(50deg, #f7eea3 20%, #dfb960 80%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all 0.5s;
}

.index-body .banner-swiper .swiper-slide .text .honor li:nth-child(1)::after {
  content: "\e612";
}

.index-body .banner-swiper .swiper-slide .text .honor li:nth-child(2)::after {
  content: "\e613";
}

.index-body .banner-swiper .swiper-slide .text .honor li:nth-child(3)::after {
  content: "\e60f";
}

.index-body .banner-swiper .swiper-slide .text .honor li:nth-child(4)::after {
  content: "\e60e";
}

.index-body .banner-swiper .swiper-slide .text .honor li:nth-child(5)::after {
  content: "\e611";
}

.index-body .banner-swiper .swiper-slide .text .honor li:hover {
  color: transparent;
}

.index-body .banner-swiper .swiper-slide .text .honor li:hover::after {
  opacity: 1;
  transform: scale(1.7);
}

.index-body .banner-swiper .swiper-slide .pb {
  padding-bottom: calc(146px + 10vh);
}

.index-body .banner-swiper .swiper-slide::after {
  content: "";
  width: 100%;
  height: 100%;
  background: url("../images/banner_mask.png") no-repeat bottom center/100%;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
}

.index-body .banner .mouse {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #fff;
  position: absolute;
  bottom: 5.42vh;
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
}

.index-body .banner .mouse .iconfont {
  font-size: 42px;
  animation: heart 0.8s ease-in-out 0s infinite alternate;
}

.index-body .banner .mouse .ari_bl {
  font-size: 12px;
  margin-top: 10px;
}

.index-body .banner .line {
  width: 1px;
  height: 100%;
  background: rgba(255, 255, 255, 0.15);
  position: absolute;
  right: 98px;
  top: 0;
  z-index: 5;
  overflow: hidden;
}

.index-body .banner .line::before {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  height: 102px;
  background: #f40e2c;
  top: -102px;
  left: 0;
  animation: move 10s linear 0s infinite;
}

.index-body .banner .change-btns {
  width: 98px;
  height: 100px;
  position: absolute;
  right: 0;
  bottom: 42px;
  z-index: 5;
}

.index-body .banner .change-btns .iconfont {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  text-align: center;
  line-height: 42px;
  box-sizing: border-box;
  border: 1px solid rgba(255, 255, 255, 0.8);
  color: #fff;
  margin: 0 auto;
  transition: all 0.5s;
  position: relative;
  cursor: pointer;
}

.index-body .banner .change-btns .iconfont span {
  position: relative;
  z-index: 2;
}

.index-body .banner .change-btns .iconfont.banner-next {
  margin-top: 12px;
  font-size: 18px;
}

.index-body .banner .change-btns .iconfont::before {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #c70019;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.5s;
  transform: scale(0);
}

.index-body .banner .change-btns .iconfont:hover {
  border-color: #c70019;
}

.index-body .banner .change-btns .iconfont:hover::before {
  transform: scale(1);
}

.index-body .group {
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
}

.index-body .group .profile {
  display: flex;
  justify-content: space-between;
  padding: 138px 0 74px;
  box-sizing: border-box;
  position: relative;
  background: url("../images/plate_bg.png") no-repeat -74px 14px;
}

.index-body .group .profile .plate-detail,
.index-body .group .profile .plate-img {
  width: 50%;
}

.index-body .group .profile .plate-detail {
  box-sizing: border-box;
  padding-right: 72px;
}

.index-body .group .profile .plate-detail .title {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.index-body .group .profile .plate-detail .desc {
  color: #969696;
  line-height: 30px;
  text-align: justify;
  margin-top: 48px;
  max-height: 108px;
}

.index-body .group .profile .plate-detail .count {
  display: flex;
  flex-wrap: wrap;
  margin-top: 40px;
}

.index-body .group .profile .plate-detail .count li {
  width: 38%;
  margin-bottom: 30px;
  color: #575656;
  margin-bottom: 40px;
}

.index-body .group .profile .plate-detail .count li:nth-child(3n + 1) {
  margin-bottom: 50px;
}

.index-body .group .profile .plate-detail .count li:nth-child(1), .index-body .group .profile .plate-detail .count li:nth-child(4) {
  width: 28%;
}

.index-body .group .profile .plate-detail .count li:nth-child(3), .index-body .group .profile .plate-detail .count li:nth-child(6) {
  width: 34%;
}

.index-body .group .profile .plate-detail .count li .num {
  display: flex;
  align-items: flex-start;
  margin-bottom: 8px;
}

.index-body .group .profile .plate-detail .count li span {
  font-size: 50px;
  line-height: 50px;
}

.index-body .group .profile .plate-detail .count li sup {
  font-size: 12px;
  font-weight: bold;
  margin-top: 4px;
  margin-left: 4px;
}

.index-body .group .profile .plate-img {
  box-sizing: border-box;
  padding-left: 20px;
  padding-top: 12px;
}

.index-body .group .profile .plate-img img {
  width: 100%;
  border-radius: 4px;
}

.index-body .group .profile::before, .index-body .group .profile::after {
  content: "";
  background: #ddd;
  position: absolute;
}

.index-body .group .profile::before {
  width: 50%;
  height: 1px;
  bottom: 74px;
  left: 0;
}

.index-body .group .profile::after {
  width: 1px;
  height: 100%;
  right: 50%;
  top: 0;
}

.index-body .group .compose {
  height: 190px;
  display: flex;
  overflow: hidden;
}

.index-body .group .compose li {
  width: 20%;
  height: 150px;
  margin-top: 40px;
  position: relative;
  transition: all 0.5s;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
}

.index-body .group .compose li p {
  position: relative;
  z-index: 2;
  text-align: center;
  color: #fff;
  display: flex;
}

.index-body .group .compose li p:not(.iconfont) {
  flex-direction: column;
  align-items: flex-start;
  line-height: 24px;
}

.index-body .group .compose li p.iconfont {
  width: 55px;
  height: 55px;
  font-size: 32px;
  margin-right: 10px;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: linear-gradient(-54deg, #eb5d4f 0%, #f3a199 100%);
  position: relative;
  transition: all 0.5s;
}

.index-body .group .compose li p.iconfont span {
  color: transparent;
  transition: all 0.5s;
}

.index-body .group .compose li p.iconfont::after {
  font-family: "iconfont";
  background: linear-gradient(-54deg, #f67e72 0%, #fdd7d3 100%);
  background-clip: text;
  color: transparent;
  -webkit-background-clip: text;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.5s;
}

.index-body .group .compose li:nth-child(1) {
  background: #d84032;
}

.index-body .group .compose li:nth-child(1) p.iconfont::after {
  content: "\e606";
}

.index-body .group .compose li:nth-child(2) {
  background: #db473a;
}

.index-body .group .compose li:nth-child(2) p.iconfont::after {
  content: "\e600";
}

.index-body .group .compose li:nth-child(3) {
  background: #e84738;
}

.index-body .group .compose li:nth-child(3) p.iconfont::after {
  content: "\e601";
}

.index-body .group .compose li:nth-child(4) {
  background: #ef5647;
}

.index-body .group .compose li:nth-child(4) p.iconfont::after {
  content: "\e602";
}

.index-body .group .compose li:nth-child(5) {
  background: #f3675a;
}

.index-body .group .compose li:nth-child(5) p.iconfont::after {
  content: "\e608";
}

.index-body .group .compose li::after {
  content: "";
  width: 0;
  height: 100%;
  background: #084280;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: all 0.5s;
}

.index-body .group .compose li:hover {
  width: 27.25%;
  height: 190px;
  margin-top: 0;
}

.index-body .group .compose li:hover p.iconfont {
  background: #fff;
}

.index-body .group .compose li:hover p.iconfont span {
  color: #084280;
}

.index-body .group .compose li:hover p.iconfont::after {
  opacity: 0;
}

.index-body .group .compose li:hover::after {
  width: 100%;
}

.index-body .news {
  width: 100%;
  box-sizing: border-box;
  padding-top: 108px;
  padding-bottom: 74px;
  display: flex;
  position: relative;
  z-index: 2;
  overflow: hidden;
}

.index-body .news .preferred {
  width: calc(((100% - 160px) / 2) + 160px);
  height: 564px;
  border-radius: 2px;
  flex-shrink: 0;
  position: relative;
}

.index-body .news .preferred .containerZd {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 1000;
  opacity: 1 !important;
}

.index-body .news .preferred .news-swiper {
  width: 100%;
  height: 100%;
  border-radius: 2px;
  overflow: hidden;
}

.index-body .news .preferred .news-swiper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.1);
  transition: all 0.8s;
  opacity: 0.1;
}

.index-body .news .preferred .news-swiper .swiper-slide-active img {
  transform: scale(1);
  opacity: 1;
}

.index-body .news .preferred .news-pagination {
  width: 100%;
  height: 14px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: absolute;
  bottom: 270px;
  right: 0;
  box-sizing: border-box;
  padding-right: 30px;
  z-index: 3;
}

.index-body .news .preferred .news-pagination .swiper-pagination-bullet {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #efefef;
  opacity: 1;
  margin: 0 4px;
}

.index-body .news .preferred .news-pagination .swiper-pagination-bullet-active {
  background: #e84738;
}

.index-body .news .preferred .news-text {
  width: calc(100% - 152px);
  height: 235px;
  background: url("../images/news_mask.png") no-repeat left bottom;
  position: absolute;
  bottom: 60px;
  right: 0;
  z-index: 2;
  box-sizing: border-box;
  padding: 112px 60px 0 38px;
}

.index-body .news .preferred .news-text h4 {
  color: #383838;
}

.index-body .news .preferred .news-text p {
  font-size: 14px;
  color: #818181;
  line-height: 24px;
  margin-top: 20px;
  max-height: 48px;
}

.index-body .news .plate-news {
  width: calc(((100% - 160px) / 2) - 3.52%);
  margin-left: 3.52%;
  position: relative;
}

.index-body .news .plate-news .title {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-top: -13px;
  margin-left: -4px;
}

.index-body .news .plate-news .title .plate-title {
  color: #eaeaea;
}

.index-body .news .plate-news .title .learn-more--line {
  margin-bottom: 6px;
}

.index-body .news .plate-news .tabs {
  width: 300px;
  height: 48px;
  margin-left: 20px;
  margin-top: 6px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #575656;
  position: relative;
}

.index-body .news .plate-news .tabs li {
  cursor: pointer;
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.index-body .news .plate-news .tabs li.cur {
  font-size: 18px;
  font-weight: bold;
  color: #c70019;
}

.index-body .news .plate-news .tabs::after {
  content: "";
  width: 72px;
  height: 4px;
  background: #c70019;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: all 0.6s;
}

.index-body .news .plate-news .tabs.cur_1::after {
  left: 0;
}

.index-body .news .plate-news .tabs.cur_2::after {
  left: 114px;
}

.index-body .news .plate-news .tabs.cur_3::after {
  left: 228px;
}

.index-body .news .plate-news .news-group,
.index-body .news .plate-news .news-list {
  width: 100%;
  height: 398px;
  overflow: hidden;
}

.index-body .news .plate-news .news-group {
  margin-top: 62px;
}

.index-body .news .plate-news .news-list {
  height: 0;
  transition: height 0.6s;
  overflow: hidden;
}

.index-body .news .plate-news .news-list ol {
  height: 100%;
}

.index-body .news .plate-news .news-list ol li {
  padding-left: 44px;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
  transition: all 0.5s;
  margin-top: 8px;
}

.index-body .news .plate-news .news-list ol li:first-child {
  margin-top: 0;
}

.index-body .news .plate-news .news-list ol li .new-title {
  height: 48px;
  line-height: 48px;
  display: flex;
  align-items: center;
}

.index-body .news .plate-news .news-list ol li .new-title .line-text--one {
  display: block;
  flex-grow: 1;
  color: #8a8787;
  margin-right: 10px;
  transition: all 0.5s;
}

.index-body .news .plate-news .news-list ol li .new-title .time {
  margin-left: auto;
  flex-shrink: 0;
  color: #b2b2b2;
  transition: all 0.5s;
}

.index-body .news .plate-news .news-list ol li .new-desc {
  max-height: 0;
  overflow: hidden;
  transition: all 0.5s;
  font-size: 14px;
  line-height: 24px;
  color: #8a8787;
  opacity: 0;
}

.index-body .news .plate-news .news-list ol li::before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #d1d1d1;
  position: absolute;
  top: 20px;
  left: 17px;
  transition: all 0.5s;
}

.index-body .news .plate-news .news-list ol li::after {
  content: "";
  width: 100%;
  height: 1px;
  background: #ddd;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: scale(0);
  transition: all 0.5s;
}

.index-body .news .plate-news .news-list ol li:hover {
  padding-bottom: 20px;
}

.index-body .news .plate-news .news-list ol li:hover .new-title .line-text--one {
  color: #212121;
}

.index-body .news .plate-news .news-list ol li:hover .new-desc {
  max-height: 48px;
  opacity: 1;
}

.index-body .news .plate-news .news-list ol li:hover::after {
  transform: scale(1);
}

.index-body .news .plate-news .news-list.open {
  height: 398px;
}

.index-body .news .plate-news::before {
  content: "";
  width: 1px;
  height: calc(100% + 182px);
  background: #ddd;
  position: absolute;
  top: -108px;
  left: 0;
}

.index-body .product {
  width: 100%;
  position: relative;
  border-top: 1px solid #ddd;
}

.index-body .product .plate-title {
  width: 830px;
  margin: 24px auto 34px;
  position: relative;
  z-index: 1;
}

.index-body .product .plate-title p {
  flex-direction: column;
}

.index-body .product .plate-title p .cn {
  font-size: 30px;
  margin-top: -30px;
}

.index-body .product .plate-title p .ari {
  font-size: 16px;
  margin-top: 8px;
}

.index-body .product .plate-title .en-b {
  color: #f0efef;
}

.index-body .product .plate-title .desc {
  text-align: center;
  line-height: 30px;
  color: #949494;
  font-weight: normal;
  margin-top: 10px;
}

.index-body .product .product-advert {
  width: 100%;
  height: calc(100vh - 32px);
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.index-body .product .product-advert .box-bg {
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0);
  object-fit: cover;
}

.index-body .product .product-advert .info {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: flex;
  background: rgba(0, 0, 0, 0.1);
}

.index-body .product .product-advert .info li {
  width: 33.33%;
  color: #fff;
  position: relative;
}

.index-body .product .product-advert .info li .represent-product {
  width: 100%;
  height: calc(100% - 148px - 18.86vw);
  background: rgba(255, 255, 255, 0.9);
  box-sizing: border-box;
  padding: 10% 11.74%;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: all 0.8s;
}

.index-body .product .product-advert .info li .represent-product img {
  width: 100%;
  max-height: 100%;
  object-fit: cover;
}

.index-body .product .product-advert .info li .illustrate {
  width: 100%;
  padding: 2.14vw 0 calc(2.14vw - 7px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  bottom: 14.58vw;
  transition: all 0.8s;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  cursor: pointer;
}

.index-body .product .product-advert .info li .illustrate .iconfont {
  font-size: 49px;
}

.index-body .product .product-advert .info li .illustrate span:not(.iconfont):not(.ari_bl) {
  font-size: 22px;
  line-height: 30px;
  font-weight: bold;
  padding-bottom: 18px;
  position: relative;
  margin-bottom: 12px;
  margin-top: 16px;
}

.index-body .product .product-advert .info li .illustrate span:not(.iconfont):not(.ari_bl)::after {
  content: "";
  width: 60px;
  height: 2px;
  background: #fff;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.index-body .product .product-advert .info li .illustrate .ari_bl {
  font-size: 22px;
  line-height: 30px;
}

.index-body .product .product-advert .info li:hover .represent-product {
  height: calc(100% - 148px - 6.93vw);
  opacity: 1;
}

.index-body .product .product-advert .info li:hover .illustrate {
  padding-top: 2.71vw;
  padding-bottom: calc(4.22vw - 8px);
  bottom: 0;
  background: rgba(226, 60, 50, 0.9);
  border-bottom-color: rgba(226, 60, 50, 0.9);
}

.index-body .product::after {
  content: "";
  width: 857px;
  height: 604px;
  background: url("../images/plate_bg.png") no-repeat center/cover;
  position: absolute;
  top: -160px;
  left: calc(574px + 160px);
}

.index-body .r_d {
  width: 100%;
  height: 958px;
  box-sizing: border-box;
  background: url("../images/plate_bg2.jpg") no-repeat center/cover;
  padding-top: 98px;
  overflow: hidden;
}

.index-body .r_d .title {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.index-body .r_d .innovation {
  width: 100%;
  height: 705px;
  margin-top: 55px;
  display: flex;
}

.index-body .r_d .innovation .parallax {
  width: 52.375%;
}

.index-body .r_d .innovation .parallax .screen {
  width: 100%;
}

.index-body .r_d .innovation .parallax .screen img {
  width: 100%;
}

.index-body .r_d .innovation .parallax .person {
  width: 100%;
  text-align: center;
  margin-top: 223px;
}

.index-body .r_d .innovation .parallax .person img {
  width: 36.87%;
}

.index-body .r_d .innovation-data {
  width: 44%;
  height: 100%;
  margin-left: auto;
  box-sizing: border-box;
  padding-top: 44px;
}

.index-body .r_d .innovation-data h2 {
  font-size: 34px;
  color: #e03a30;
}

.index-body .r_d .innovation-data h3 {
  width: 310px;
  height: 50px;
  border-radius: 0 25px 25px 0;
  background: rgba(226, 60, 50, 0.2);
  margin-top: 20px;
}

.index-body .r_d .innovation-data h3 span {
  display: inline-block;
  width: 300px;
  height: 50px;
  background: #e23c32;
  border-radius: 0 25px 25px 0;
  font-weight: normal;
  box-sizing: border-box;
  padding-left: 14px;
  line-height: 50px;
  color: #fff;
}

.index-body .r_d .innovation-data .desc {
  width: 100%;
  line-height: 30px;
  letter-spacing: 0.3px;
  color: #333;
  text-indent: 2em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
  margin-top: 28px;
}

.index-body .r_d .innovation-data .count {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 38px;
}

.index-body .r_d .innovation-data .count li {
  cursor: default;
}

.index-body .r_d .innovation-data .count li .num {
  display: flex;
  align-items: flex-end;
  width: 68px;
  height: 68px;
  box-sizing: border-box;
  padding-bottom: 10px;
  padding-left: 14px;
  margin-left: -14px;
  position: relative;
}

.index-body .r_d .innovation-data .count li .num-text {
  color: #c70018;
  font-size: 40px;
  position: relative;
  z-index: 2;
}

.index-body .r_d .innovation-data .count li .num sub {
  color: #333;
  margin-bottom: 8px;
  margin-left: 4px;
  position: relative;
  z-index: 2;
}

.index-body .r_d .innovation-data .count li .num::after {
  content: "\e60b";
  font-family: "iconfont";
  font-size: 66px;
  color: #fff;
  position: absolute;
  left: 0;
  top: 0;
  transform: scale(0);
  transition: all 0.5s;
}

.index-body .r_d .innovation-data .count li .type {
  color: #666;
  line-height: 30px;
  white-space: nowrap;
}

.index-body .r_d .innovation-data .count li.light .num::after {
  animation: rotate 5s linear 0s infinite;
  transform: scale(1);
  animation-delay: 0.5s;
}

.index-body .social {
  width: 100%;
  height: 832px;
  background: #fff url("../images/plate_bg3.png") no-repeat top center/100% auto;
  border-bottom: 1px solid #e2e2e2;
  box-sizing: border-box;
  padding-top: 86px;
  overflow: hidden;
}

.index-body .social .plate-title .en-b,
.index-body .social .plate-title .cn {
  color: #fff;
}

.index-body .social .plate-title .ari {
  color: rgba(255, 255, 255, 0.12);
}

.index-body .social .speak {
  margin-top: 114px;
  text-shadow: 4px 6.9px 8px rgba(81, 18, 19, 0.31);
}

.index-body .social .speak-text {
  width: 580px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.index-body .social .speak-text img:first-child {
  margin-right: 10px;
  margin-bottom: 32px;
}

.index-body .social .speak-text img:last-child {
  margin-left: 28px;
  margin-bottom: 20px;
}

.index-body .social .speak-text span {
  font-size: 40px;
  color: #fff;
  margin-bottom: 12px;
}

.index-body .social .speak-text span.pl {
  margin-left: 20px;
}

.index-body .social .speak-from {
  color: #fff;
  display: flex;
  box-sizing: border-box;
  padding-left: 78px;
  margin-top: 10px;
}

.index-body .social .speak-from span.yfh {
  font-size: 54px;
}

.index-body .social .speak-from span:not(.yfh) {
  margin-top: 26px;
  margin-right: 8px;
}

.index-body .social .link-list {
  width: 100%;
  height: 198px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 88px;
}

.index-body .social .link-list li {
  width: 31.75%;
  max-width: 508px;
  height: 100%;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}

.index-body .social .link-list li img {
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  object-fit: cover;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0);
}

.index-body .social .link-list li p {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
}

.index-body .social .link-list li p span {
  line-height: 52px;
  position: relative;
  z-index: 2;
}

.index-body .social .link-list li p .name {
  font-size: 24px;
  line-height: 28px;
}

.index-body .social .link-list li::before, .index-body .social .link-list li::after,
.index-body .social .link-list li p::before,
.index-body .social .link-list li p::after {
  content: "";
  width: 25%;
  height: 0;
  position: absolute;
  top: 0;
  background: rgba(226, 60, 50, 0.8);
  transition: all 0.5s;
  z-index: 1;
}

.index-body .social .link-list li p::before,
.index-body .social .link-list li p::after {
  top: auto;
  bottom: 0;
}

.index-body .social .link-list li::before {
  left: 0;
}

.index-body .social .link-list li::after {
  left: 50%;
}

.index-body .social .link-list li p::before {
  left: 25%;
}

.index-body .social .link-list li p::after {
  left: 75%;
}

.index-body .social .link-list li:hover::before, .index-body .social .link-list li:hover::after,
.index-body .social .link-list li:hover p::before,
.index-body .social .link-list li:hover p::after {
  height: 100%;
}

.index-body .enterprise {
  width: 100%;
  height: 790px;
  box-sizing: border-box;
  padding-top: 62px;
  overflow: hidden;
}

.index-body .enterprise .plate-title {
  width: 830px;
  margin: 0 auto 48px;
  position: relative;
  z-index: 1;
}

.index-body .enterprise .plate-title p {
  flex-direction: column;
}

.index-body .enterprise .plate-title p .cn {
  font-size: 30px;
  margin-top: -30px;
}

.index-body .enterprise .plate-title p .ari {
  font-size: 16px;
  margin-top: 8px;
}

.index-body .enterprise .plate-title .en-b {
  color: #f0efef;
}

.index-body .enterprise .plate-title .desc {
  text-align: center;
  line-height: 30px;
  color: #949494;
  font-weight: normal;
  margin-top: 10px;
}

.index-body .enterprise .enterprise-imgs {
  width: 100%;
  height: 490px;
  background: #eee;
  position: relative;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  padding: 28px 0;
}

.index-body .enterprise .enterprise-imgs::before, .index-body .enterprise .enterprise-imgs::after {
  content: "";
  width: 380px;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 2;
}

.index-body .enterprise .enterprise-imgs::before {
  background: url("../images/enterprise_mask_l.png") no-repeat top left/cover;
  left: 0;
}

.index-body .enterprise .enterprise-imgs::after {
  background: url("../images/enterprise_mask_r.png") no-repeat top right/cover;
  right: 0;
}

.index-body .enterprise .enterprise-imgs .towards-l,
.index-body .enterprise .enterprise-imgs .towards-r {
  width: 100%;
  height: 210px;
}

.index-body .enterprise .enterprise-imgs .towards-l .swiper-wrapper,
.index-body .enterprise .enterprise-imgs .towards-r .swiper-wrapper {
  /* 默认是ease-out */
  -webkit-transition-timing-function: linear;
  -ms-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
}

.index-body .enterprise .enterprise-imgs .towards-l .swiper-slide,
.index-body .enterprise .enterprise-imgs .towards-r .swiper-slide {
  overflow: hidden;
  border-radius: 4px;
}

.index-body .enterprise .enterprise-imgs .towards-l .swiper-slide img,
.index-body .enterprise .enterprise-imgs .towards-r .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.index-body .enterprise .enterprise-imgs .towards-r {
  margin-top: 14px;
}

/* 内页宽度100% */
.detail-body,
.product-body,
.onlineshop-body,
.combine-body,
.strength-body,
.resources-body,
.society-body,
.search-body,
.news-body,
.workstation-body {
  width: 100%;
}

/* 好医生集团 */
.combine-body .enterprise-detail {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  background: rgba(0, 0, 0, 0.5);
}

.combine-body .enterprise-detail .detail-body {
  width: 75%;
  min-width: 1200px;
  height: calc(100% - 200px);
  position: absolute;
  top: 150px;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  border-radius: 10px;
  box-sizing: border-box;
  padding: 80px 3%;
}

.combine-body .enterprise-detail .detail-body .close {
  width: 36px;
  height: 36px;
  border: none;
  background: transparent;
  position: absolute;
  top: 30px;
  right: 30px;
  cursor: pointer;
}

.combine-body .enterprise-detail .detail-body .close i {
  display: inline-block;
  background: #e23c32;
  transform: rotate(45deg);
  position: absolute;
}

.combine-body .enterprise-detail .detail-body .close i:first-child {
  width: 48px;
  height: 2px;
  left: -6px;
  top: 17px;
}

.combine-body .enterprise-detail .detail-body .close i:last-child {
  width: 2px;
  height: 48px;
  left: 17px;
  top: -6px;
}

.combine-body .enterprise-detail .detail-body .body-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
  box-sizing: border-box;
  padding: 0 10px;
}

.combine-body .enterprise-detail .detail-body .body-container h3 {
  color: #333;
  line-height: 36px;
}

.combine-body .enterprise-detail .detail-body .body-container .rich-box {
  margin-top: 20px;
}

.combine-body .enterprise-detail .detail-body .body-container .rich-box p,
.combine-body .enterprise-detail .detail-body .body-container .rich-box span {
  font-size: 16px;
  color: #666;
  line-height: 40px;
}

.combine-body .enterprise-detail .detail-body .body-container .rich-box img,
.combine-body .enterprise-detail .detail-body .body-container .rich-box video {
  display: block;
  max-width: 100%;
  margin: 0 auto;
  border-radius: 10px;
}

.combine-body .enterprise-detail .detail-body .swiper-container {
  width: 100%;
  height: 512px;
}

.combine-body .enterprise-detail .detail-body .swiper-slide {
  width: 63.8%;
  height: 512px;
  border-radius: 10px;
  overflow: hidden;
}

.combine-body .enterprise-detail .detail-body .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.combine-body .enterprise-detail-single {
  width: 100%;
  text-align: center;
  margin-top: 30px;
}

.combine-body .enterprise-detail-single img {
  max-width: 100%;
  border-radius: 10px;
}

/* 好医生集团 - 集团简介 */
.combine-body--jtjj {
  padding-bottom: 180px;
}

.combine-body--jtjj .synopsis {
  box-sizing: border-box;
  padding-top: 172px;
  padding-bottom: 50px;
  min-height: 846px;
  background: #fff url("../images/box_bg_combine.png") no-repeat bottom center/100% auto;
  display: flex;
  justify-content: space-between;
}

.combine-body--jtjj .synopsis h1 {
  max-width: 40%;
  display: flex;
  flex-direction: column;
  font-size: 48px;
  flex-shrink: 0;
}

.combine-body--jtjj .synopsis h1 .slogan {
  font-size: 16px;
  color: #666;
  margin-top: 16px;
  line-height: 32px;
  text-align: justify;
}

.combine-body--jtjj .synopsis-text {
  max-width: 740px;
  margin-left: 20px;
  border-top: 3px solid #e23c32;
  padding-top: 26px;
  box-sizing: border-box;
}

.combine-body--jtjj .synopsis-text .text-box {
  max-height: 360px;
  overflow: hidden;
  transition: all 0.5s;
}

.combine-body--jtjj .synopsis-text p {
  line-height: 36px;
  color: #666;
  text-indent: 2em;
  text-align: justify;
}

.combine-body--jtjj .synopsis-text .on-off {
  border: none;
  background: transparent;
  outline: none;
  width: 124px;
  height: 46px;
  display: flex;
  align-items: center;
  margin-top: 56px;
  cursor: pointer;
}

.combine-body--jtjj .synopsis-text .on-off .iconfont {
  display: inline-block;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: transparent;
  color: #e23c32;
  line-height: 46px;
  margin-right: 10px;
  position: relative;
  border: 1px solid #e23c32;
  overflow: hidden;
}

.combine-body--jtjj .synopsis-text .on-off .iconfont i {
  display: inline-block;
  font-style: normal;
  position: relative;
  z-index: 1;
  transition: all 0.5s;
}

.combine-body--jtjj .synopsis-text .on-off .iconfont::before {
  content: "";
  width: 46px;
  height: 0;
  background: #e23c32;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: all 0.5s;
}

.combine-body--jtjj .synopsis-text .on-off span:not(.iconfont) {
  display: inline-block;
  color: #e23c32;
  position: relative;
}

.combine-body--jtjj .synopsis-text .on-off span:not(.iconfont)::after {
  content: "";
  width: 100%;
  height: 1px;
  background: #e23c32;
  position: absolute;
  bottom: -4px;
  left: 0;
  transform: scale(0);
  transition: all 0.5s;
}

.combine-body--jtjj .synopsis-text .on-off.open span:not(.iconfont)::after, .combine-body--jtjj .synopsis-text .on-off:hover span:not(.iconfont)::after {
  transform: scale(1);
}

.combine-body--jtjj .synopsis-text .on-off.open .iconfont i, .combine-body--jtjj .synopsis-text .on-off:hover .iconfont i {
  color: #fff;
  transform: rotate(-90deg);
}

.combine-body--jtjj .synopsis-text .on-off.open .iconfont::before, .combine-body--jtjj .synopsis-text .on-off:hover .iconfont::before {
  height: 46px;
}

.combine-body--jtjj .statistics-list {
  width: 100%;
  height: 346px;
  display: flex;
  box-sizing: border-box;
  justify-content: space-between;
  background: #fff;
  position: relative;
  z-index: 1;
  padding-top: 100px;
  padding-bottom: 100px;
}

.combine-body--jtjj .statistics-list li {
  width: 190px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}

.combine-body--jtjj .statistics-list li p:not(.of) {
  display: flex;
  align-items: flex-end;
}

.combine-body--jtjj .statistics-list li .num {
  font-size: 50px;
  color: #ca0d25;
}

.combine-body--jtjj .statistics-list li sub {
  font-weight: bold;
  font-size: 12px;
  color: #575656;
  margin-bottom: 14px;
  margin-left: 10px;
}

.combine-body--jtjj .statistics-list li .of {
  height: 56px;
  color: #575656;
  line-height: 28px;
  margin-top: 30px;
}

.combine-body--jtjj .statistics-list li .of span {
  color: #9d9d9d;
}

.combine-body--jtjj .statistics-list li::before, .combine-body--jtjj .statistics-list li::after {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 70px;
  left: 0;
}

.combine-body--jtjj .statistics-list li::before {
  background: #e9e9e9;
}

.combine-body--jtjj .statistics-list li::after {
  width: 30px;
  background: #ca0d25;
  transition: all 0.6s;
}

.combine-body--jtjj .statistics-list li:hover::after {
  width: 100%;
}

.combine-body--jtjj .video-box {
  width: 100%;
  box-sizing: border-box;
}

.combine-body--jtjj .video-box .video-inner {
  width: 100%;
  height: 724px;
  border-radius: 10px;
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
}

.combine-body--jtjj .video-box .video-inner .play {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
}

.combine-body--jtjj .video-box .video-inner .play .iconfont {
  font-size: 62px;
}

.combine-body--jtjj .video-box .video-inner .play b {
  line-height: 36px;
  margin-top: 10px;
}

.combine-body--jtjj .video-box video {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 10px;
}

/* 好医生集团 - 成员企业 */
.combine-body--cyqy {
  width: 100%;
  box-sizing: border-box;
  padding-top: 110px;
  padding-bottom: 130px;
  background: #fff url("../images/box_bg_combine2.png") no-repeat bottom center/100% auto;
  display: flex;
  justify-content: space-between;
}

.combine-body--cyqy .enterprise-group {
  width: 504px;
  height: 680px;
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  flex-shrink: 0;
  margin-right: 20px;
}

.combine-body--cyqy .enterprise-group .progress {
  width: 2px;
  height: calc(100% - 20px);
  position: absolute;
  top: 12px;
  left: 4px;
  background: rgba(202, 13, 37, 0.1);
}

.combine-body--cyqy .enterprise-group .progress::before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #ca0d25;
  position: absolute;
  top: 0;
  left: -4px;
  z-index: 2;
}

.combine-body--cyqy .enterprise-group .progress .slider {
  width: 2px;
  background: #ca0d25;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.combine-body--cyqy .enterprise-group .enterprise-outer {
  width: 432px;
  height: 100%;
  overflow: hidden;
  position: relative;
  margin-left: 70px;
}

.combine-body--cyqy .enterprise-group .enterprise-outer .enterprise-scroll {
  height: 100%;
  position: absolute;
  left: 0;
  overflow-x: hidden;
  overflow-y: scroll;
}

.combine-body--cyqy .enterprise-group .enterprise-outer .enterprise-scroll li {
  width: 432px;
  height: 36px;
  margin-bottom: 24px;
  list-style: none;
  transition: all 0.6s;
  overflow: hidden;
  cursor: default;
}

.combine-body--cyqy .enterprise-group .enterprise-outer .enterprise-scroll li .name {
  height: 36px;
  line-height: 36px;
  font-size: 20px;
  color: #b5b5b5;
  transition: all 0.5s;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.combine-body--cyqy .enterprise-group .enterprise-outer .enterprise-scroll li .desc {
  color: #666;
  line-height: 32px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  overflow: hidden;
  text-align: justify;
}

.combine-body--cyqy .enterprise-group .enterprise-outer .enterprise-scroll li.active {
  height: auto;
}

.combine-body--cyqy .enterprise-group .enterprise-outer .enterprise-scroll li.active .name {
  font-size: 24px;
  color: #333;
  font-weight: bold;
}

.combine-body--cyqy .enterprise-group .enterprise-outer .enterprise-scroll li.active .desc {
  padding-top: 18px;
  margin-bottom: 20px;
}

.combine-body--cyqy .enterprise-group .enterprise-outer .enterprise-scroll li:not(.active):hover .name {
  color: #e23c32;
}

.combine-body--cyqy .enterprise-group .enterprise-outer .enterprise-scroll li:last-child {
  margin-bottom: 0;
}

.combine-body--cyqy .enterprise-imgs {
  width: 56.74%;
  max-width: 818px;
  padding-top: 84px;
  box-sizing: border-box;
  background: url("../images/box_bg_combine3.png") no-repeat top center/100% auto;
  position: relative;
  margin-top: -28px;
}

.combine-body--cyqy .enterprise-imgs .enterprise-imgs-swiper {
  width: 100%;
  height: 512px;
  border-radius: 10px;
  position: relative;
  z-index: 1;
}

.combine-body--cyqy .enterprise-imgs .enterprise-imgs-swiper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.1);
  transition: all 0.8s;
  opacity: 0.1;
  cursor: pointer;
}

.combine-body--cyqy .enterprise-imgs .enterprise-imgs-swiper .swiper-slide-active img {
  transform: scale(1);
  opacity: 1;
}

.combine-body--cyqy .enterprise-imgs .enterprise-imgs-pagination {
  right: 0;
  top: 632px;
  height: 16px;
  display: flex;
  align-items: center;
}

.combine-body--cyqy .enterprise-imgs .enterprise-imgs-pagination .swiper-pagination-bullet {
  margin-left: 24px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #c70019;
  opacity: 0.2;
  transition: all 0.5s;
}

.combine-body--cyqy .enterprise-imgs .enterprise-imgs-pagination .swiper-pagination-bullet-active {
  opacity: 1;
  transform: scale(1.6);
}

.combine-body--cyqy .enterprise-imgs .enterprise-imgs-pagination .swiper-pagination-bullet:hover {
  opacity: 1;
}

.combine-body--cyqy .enterprise-imgs .enterprise-name {
  width: 73.8%;
  box-sizing: border-box;
  padding: 236px 20px 32px 62px;
  position: absolute;
  left: -62px;
  top: 386px;
  background: rgba(199, 199, 199, 0.2);
  border-radius: 10px;
  cursor: pointer;
}

.combine-body--cyqy .enterprise-imgs .enterprise-name p {
  font-size: 24px;
  color: #333;
  line-height: 36px;
  font-weight: bold;
}

/* 好医生集团 - 集团领导 */
.combine-body--jtld {
  width: 100%;
  min-height: 828px;
  box-sizing: border-box;
  background: #fff url("../images/box_bg_combine4.png") no-repeat top left/100% auto;
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 120px;
}

.combine-body--jtld .leader-info {
  margin-left: auto;
  width: 578px;
  padding-top: 120px;
}

.combine-body--jtld .leader-info h1 {
  font-size: 40px;
  color: #e23c32;
  margin-bottom: 24px;
}

.combine-body--jtld .leader-info h4 {
  height: 48px;
  font-size: 20px;
  color: #333;
  line-height: 48px;
  box-sizing: border-box;
  padding: 0 24px;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0) 100%);
  margin-bottom: 4px;
  margin-left: -24px;
}

.combine-body--jtld .leader-info p {
  line-height: 36px;
  color: #333;
  text-align: justify;
  margin-top: 34px;
}

.combine-body--jtld .speech-type {
  width: 100%;
  height: 120px;
  display: flex;
  justify-content: space-between;
  margin-top: 100px;
}

.combine-body--jtld .speech-type li {
  width: 30.9%;
  max-width: 445px;
  height: 100%;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0px 0px 20px 0px rgba(220, 221, 225, 0.74);
  transition: all 0.5s;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

.combine-body--jtld .speech-type li .type-body {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 0 28px;
  position: relative;
  z-index: 1;
}

.combine-body--jtld .speech-type li .type-body h3 {
  display: flex;
  flex-direction: column;
  line-height: 36px;
  color: #333;
}

.combine-body--jtld .speech-type li .type-body h3 .en {
  font-size: 18px;
  color: #999;
  line-height: 36px;
  font-weight: normal;
}

.combine-body--jtld .speech-type li .type-body .iconfont {
  font-size: 58px;
  color: transparent;
  background: linear-gradient(-54deg, #eb5d4f 0%, #f3a199 100%);
  background-clip: text;
  -webkit-background-clip: text;
}

.combine-body--jtld .speech-type li::before {
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("../images/box_bg_combine5.png");
  background-size: cover;
  position: absolute;
  bottom: -120px;
  left: 0;
  transition: all 0.5s;
}

.combine-body--jtld .speech-type li:hover, .combine-body--jtld .speech-type li.current {
  margin-top: -16px;
}

.combine-body--jtld .speech-type li:hover::before, .combine-body--jtld .speech-type li.current::before {
  bottom: 0;
}

.combine-body--jtld .speech-box {
  width: 100%;
  border-radius: 10px;
  background: #e23c32;
  padding-bottom: 8px;
  box-shadow: 0px 0px 20px 0px rgba(220, 221, 225, 0.74);
  overflow: hidden;
  margin-top: 30px;
  overflow: hidden;
}

.combine-body--jtld .speech-box .speech-text {
  width: calc(100% - 116px);
  height: 0;
  padding: 0 58px;
  background: #fff url("../images/plate_bg.png") no-repeat calc(100% + 360px) -290px;
  flex-shrink: 0;
  overflow: hidden;
  transition: all 0.5s;
}

.combine-body--jtld .speech-box .speech-text p {
  color: #333;
  line-height: 36px;
}

.combine-body--jtld .speech-box .speech-text.show {
  padding: 48px 58px;
}

/* 好医生集团 - 发展历程 */
.combine-body--fzlc {
  width: 100%;
  box-sizing: border-box;
  padding-bottom: 170px;
  background: #fff url("../images/box_bg_combine6.jpg") no-repeat top left/100% auto;
  position: relative;
}

.combine-body--fzlc .plate-title {
  width: 100%;
  margin: 80px auto 0;
  position: relative;
  z-index: 1;
  font-weight: bold;
  box-sizing: border-box;
}

.combine-body--fzlc .plate-title p {
  display: flex;
  flex-direction: column;
}

.combine-body--fzlc .plate-title .en-b {
  font-size: 48px;
  color: #f0efef;
  line-height: 62px;
  letter-spacing: -0.2px;
}

.combine-body--fzlc .plate-title .cn {
  color: #c70019;
  font-size: 30px;
  margin-top: -30px;
}

.combine-body--fzlc .plate-title .ari {
  font-size: 16px;
  margin-top: 8px;
  margin-left: 6px;
  color: #cecece;
}

.combine-body--fzlc .plate-title .desc {
  flex-direction: row;
  align-items: center;
  height: 34px;
  font-size: 22px;
  color: #333;
  margin-top: 24px;
  font-weight: normal;
}

.combine-body--fzlc .plate-title .desc b {
  color: #e23c32;
}

.combine-body--fzlc .plate-title .desc span {
  height: 34px;
  display: inline-block;
  background: #e23c32;
  border-radius: 4px;
  color: #fff;
  line-height: 34px;
  padding-left: 10px;
}

.combine-body--fzlc .combine-line {
  width: 100%;
  height: auto;
  position: absolute;
  top: 106px;
  left: 0;
}

.combine-body--fzlc .log-point {
  width: 100%;
  position: absolute;
  top: 106px;
  left: 0;
  box-sizing: border-box;
}

.combine-body--fzlc .log-point li {
  height: 74px;
  position: absolute;
  display: flex;
  align-items: center;
  flex-direction: column;
  cursor: pointer;
}

.combine-body--fzlc .log-point li .circle {
  display: inline-block;
  width: 12px;
  height: 12px;
  position: absolute;
  left: calc(50% - 4px);
  transform: translateX(-50%);
  border-radius: 50%;
  background: #e23c32;
}

.combine-body--fzlc .log-point li .circle::before {
  content: "";
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: rgba(226, 60, 50, 0.2);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.4s;
}

.combine-body--fzlc .log-point li p {
  font-weight: bold;
  color: #e23c32;
  height: 40px;
  display: flex;
  align-items: center;
}

.combine-body--fzlc .log-point li p b {
  font-size: 36px;
  margin-right: 8px;
  transition: all 0.3s;
}

.combine-body--fzlc .log-point li p span {
  margin-top: 8px;
  transition: all 0.3s;
}

.combine-body--fzlc .log-point li:nth-child(2n - 1) p:not(.circle) {
  margin-top: 34px;
}

.combine-body--fzlc .log-point li:nth-child(2n - 1) .circle {
  top: 0;
}

.combine-body--fzlc .log-point li:nth-child(2n) .circle {
  bottom: 0;
}

.combine-body--fzlc .log-point li:nth-child(1) {
  top: 58.04%;
  left: 13.59%;
}

.combine-body--fzlc .log-point li:nth-child(2) {
  bottom: 50%;
  left: 24.79%;
}

.combine-body--fzlc .log-point li:nth-child(3) {
  top: 58.87%;
  left: 30.57%;
}

.combine-body--fzlc .log-point li:nth-child(4) {
  bottom: 52.78%;
  left: 39.11%;
}

.combine-body--fzlc .log-point li:nth-child(5) {
  top: 46.39%;
  right: 43.07%;
}

.combine-body--fzlc .log-point li:nth-child(6) {
  bottom: 69.48%;
  right: 42.92%;
}

.combine-body--fzlc .log-point li:nth-child(7) {
  top: 30.41%;
  right: 29.74%;
}

.combine-body--fzlc .log-point li:nth-child(8) {
  bottom: 85.67%;
  right: 25.36%;
}

.combine-body--fzlc .log-point li:nth-child(9) {
  top: 14.85%;
  right: 12.71%;
}

.combine-body--fzlc .log-point li:not(.current):hover p b {
  transform: scale(1.2);
  margin-right: 14px;
}

.combine-body--fzlc .log-point li:not(.current):hover .circle::before {
  transform: translate(-50%, -50%) scale(1.2);
}

.combine-body--fzlc .log-point li.current p b {
  transform: scale(1.5);
  margin-right: 24px;
}

.combine-body--fzlc .log-point li.current p span {
  margin-top: 16px;
}

.combine-body--fzlc .log-point li.current .circle::before {
  animation: pulse 1.5s infinite;
}

.combine-body--fzlc .log-current {
  width: 100%;
  box-sizing: border-box;
  height: 254px;
  border-radius: 10px;
  background: #e23c32 url("../images/box_bg_combine7.png") no-repeat top right/cover;
  position: relative;
  z-index: 2;
  padding: 42px 180px 20px;
  margin-top: 206px;
}

.combine-body--fzlc .log-current .log-swiper {
  width: 100%;
  height: 100%;
}

.combine-body--fzlc .log-current .year {
  height: 86px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.combine-body--fzlc .log-current .year b {
  display: inline-block;
  position: relative;
  font-size: 50px;
  color: #fff;
}

.combine-body--fzlc .log-current .year b::before {
  content: "";
  width: 34px;
  height: 2px;
  background: #fff;
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
}

.combine-body--fzlc .log-current .year span {
  display: inline-block;
  width: 28px;
  height: 28px;
  text-align: center;
  line-height: 28px;
  border-radius: 50%;
  color: #e23c32;
  font-weight: bold;
  background: #fff;
  margin-top: 14px;
  margin-left: 8px;
}

.combine-body--fzlc .log-current .event {
  font-size: 18px;
  color: #fff;
  line-height: 32px;
  margin-top: 28px;
  text-align: center;
}

.combine-body--fzlc .log-current .swiper-slide {
  opacity: 0;
  transition: all 0.8s;
}

.combine-body--fzlc .log-current .swiper-slide-active {
  opacity: 1;
}

.combine-body--fzlc .log-current button {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: #fff;
  color: #e23c32;
  border: none;
  outline: none;
  position: absolute;
  top: 90px;
  cursor: pointer;
  font-size: 12px;
}

.combine-body--fzlc .log-current button.log-prev {
  left: 50px;
}

.combine-body--fzlc .log-current button.log-next {
  right: 50px;
}

.combine-body--fzlc .log-current button.swiper-button-disabled {
  opacity: 0.7;
  cursor: no-drop;
}

/* 好医生集团 - 企业文化 */
.combine-body--qywh {
  box-sizing: border-box;
}

.combine-body--qywh .plate-title {
  width: 100%;
  margin: 80px auto 68px;
  position: relative;
  z-index: 1;
  font-weight: bold;
  box-sizing: border-box;
}

.combine-body--qywh .plate-title p {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.combine-body--qywh .plate-title .en-b {
  font-size: 48px;
  color: #f0efef;
  line-height: 62px;
  letter-spacing: -0.2px;
}

.combine-body--qywh .plate-title .cn {
  color: #c70019;
  font-size: 30px;
  margin-top: -30px;
}

.combine-body--qywh .plate-title .ari {
  font-size: 16px;
  margin-top: 8px;
  margin-left: 6px;
  color: #cecece;
}

.combine-body--qywh .plate-title .desc {
  text-align: center;
  line-height: 36px;
  color: #333;
  font-weight: normal;
  margin-top: 40px;
  box-sizing: border-box;
  padding: 0 3.8%;
}

.combine-body--qywh .fixed-bg {
  width: 100%;
  height: 574px;
  background: url("../images/box_bg_combine8.jpg") no-repeat center/1920px 924px fixed;
}

.combine-body--qywh .qywh-body {
  width: 100%;
  box-sizing: border-box;
  background: #fff;
  margin-top: 94px;
}

.combine-body--qywh .qywh-body p {
  line-height: 36px;
  text-indent: 2em;
  letter-spacing: 0.3px;
  text-align: justify;
  color: #333;
}

.combine-body--qywh .qywh-body .idea-box {
  width: 100%;
  margin-top: 70px;
  background: url("../images/box_bg_combine9.png") no-repeat top center;
  height: 726px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.combine-body--qywh .qywh-body .idea-box .circle-box {
  width: 480px;
  height: 480px;
  background: url("../images/qywh-ping_circle.png") no-repeat center;
  position: relative;
}

.combine-body--qywh .qywh-body .idea-box .circle-box::before {
  content: "文化理念";
  font-family: "PingFang SC Bold";
  font-size: 34px;
  line-height: 40px;
  letter-spacing: 2.7px;
  color: #fff;
  width: 90px;
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  transform: translate(-50%, -50%);
}

.combine-body--qywh .qywh-body .idea-box .circle-box li {
  position: absolute;
}

.combine-body--qywh .qywh-body .idea-box .circle-box li .circle-mask {
  position: relative;
  width: 100%;
  height: 100%;
}

.combine-body--qywh .qywh-body .idea-box .circle-box li .circle-mask img {
  position: absolute;
  transition: all 0.8s;
  z-index: 2;
}

.combine-body--qywh .qywh-body .idea-box .circle-box li .circle-mask img:nth-child(2) {
  transform: scale(0.8);
  top: 0;
  left: 0;
  z-index: 7;
}

.combine-body--qywh .qywh-body .idea-box .circle-box li .circle-mask:hover img:nth-child(1) {
  opacity: 0;
}

.combine-body--qywh .qywh-body .idea-box .circle-box li .circle-mask:hover img:nth-child(2) {
  transform: scale(1);
  opacity: 1;
}

.combine-body--qywh .qywh-body .idea-box .circle-box li .idea-detail {
  position: absolute;
  z-index: 2;
}

.combine-body--qywh .qywh-body .idea-box .circle-box li .idea-detail p {
  line-height: 30px;
  font-size: 14px;
  color: #333;
  text-indent: 0;
  letter-spacing: 0;
}

.combine-body--qywh .qywh-body .idea-box .circle-box li .idea-detail .type {
  font-weight: bold;
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 16px;
  position: relative;
}

.combine-body--qywh .qywh-body .idea-box .circle-box li .idea-detail .type::before {
  content: "";
  width: 15px;
  height: 15px;
  border-radius: 50%;
  position: absolute;
  transition: all 0.5s;
}

.combine-body--qywh .qywh-body .idea-box .circle-box li:nth-child(1) {
  width: 222px;
  height: 203px;
  top: 0;
  left: 13px;
}

.combine-body--qywh .qywh-body .idea-box .circle-box li:nth-child(1) .circle-mask img:first-child {
  right: 0;
  top: 45px;
}

.combine-body--qywh .qywh-body .idea-box .circle-box li:nth-child(1) .idea-detail {
  width: 396px;
  left: -472px;
  top: 32px;
}

.combine-body--qywh .qywh-body .idea-box .circle-box li:nth-child(1) .idea-detail .type {
  color: #d42f25;
}

.combine-body--qywh .qywh-body .idea-box .circle-box li:nth-child(1) .idea-detail .type::before {
  background: #d42f25;
  top: 50%;
  right: -34px;
  transform: translateY(-50%);
}

.combine-body--qywh .qywh-body .idea-box .circle-box li:nth-child(1) .idea-detail p {
  text-align: right;
}

.combine-body--qywh .qywh-body .idea-box .circle-box li:nth-child(1) .idea-detail::before {
  content: "";
  width: 48px;
  border-top: 1px dashed #d42f25;
  position: absolute;
  top: 13.5px;
  right: -86px;
}

.combine-body--qywh .qywh-body .idea-box .circle-box li:nth-child(1) .idea-detail::after {
  content: "";
  height: 72px;
  border-left: 1px dashed #d42f25;
  position: absolute;
  top: 4.5px;
  right: -113px;
  transform: rotate(-45deg);
}

.combine-body--qywh .qywh-body .idea-box .circle-box li:nth-child(2) {
  width: 221px;
  height: 203px;
  top: 0;
  right: 13px;
}

.combine-body--qywh .qywh-body .idea-box .circle-box li:nth-child(2) .circle-mask img:first-child {
  left: 0;
  top: 45px;
}

.combine-body--qywh .qywh-body .idea-box .circle-box li:nth-child(2) .idea-detail {
  width: 396px;
  right: -472px;
  top: 32px;
}

.combine-body--qywh .qywh-body .idea-box .circle-box li:nth-child(2) .idea-detail .type {
  color: #d61046;
}

.combine-body--qywh .qywh-body .idea-box .circle-box li:nth-child(2) .idea-detail .type::before {
  background: #d61046;
  top: 50%;
  left: -34px;
  transform: translateY(-50%);
}

.combine-body--qywh .qywh-body .idea-box .circle-box li:nth-child(2) .idea-detail p {
  text-align: left;
}

.combine-body--qywh .qywh-body .idea-box .circle-box li:nth-child(2) .idea-detail::before {
  content: "";
  width: 48px;
  border-top: 1px dashed #d61046;
  position: absolute;
  top: 13.5px;
  left: -86px;
}

.combine-body--qywh .qywh-body .idea-box .circle-box li:nth-child(2) .idea-detail::after {
  content: "";
  height: 72px;
  border-left: 1px dashed #d61046;
  position: absolute;
  top: 4.5px;
  left: -113px;
  transform: rotate(45deg);
}

.combine-body--qywh .qywh-body .idea-box .circle-box li:nth-child(3) {
  width: 174px;
  height: 260px;
  right: 0;
  bottom: 48px;
}

.combine-body--qywh .qywh-body .idea-box .circle-box li:nth-child(3) .circle-mask img:first-child {
  left: 0;
  top: 14px;
}

.combine-body--qywh .qywh-body .idea-box .circle-box li:nth-child(3) .idea-detail {
  width: 396px;
  right: -472px;
  top: 122px;
}

.combine-body--qywh .qywh-body .idea-box .circle-box li:nth-child(3) .idea-detail .type {
  color: #fb614e;
}

.combine-body--qywh .qywh-body .idea-box .circle-box li:nth-child(3) .idea-detail .type::before {
  background: #fb614e;
  top: 50%;
  left: -34px;
  transform: translateY(-50%);
}

.combine-body--qywh .qywh-body .idea-box .circle-box li:nth-child(3) .idea-detail p {
  text-align: left;
}

.combine-body--qywh .qywh-body .idea-box .circle-box li:nth-child(3) .idea-detail::before {
  content: "";
  width: 50px;
  border-top: 1px dashed #fb614e;
  position: absolute;
  top: 13.5px;
  left: -86px;
}

.combine-body--qywh .qywh-body .idea-box .circle-box li:nth-child(3) .idea-detail::after {
  content: "";
  height: 36px;
  border-left: 1px dashed #fb614e;
  position: absolute;
  top: -12.5px;
  left: -104px;
  transform: rotate(-60deg);
}

.combine-body--qywh .qywh-body .idea-box .circle-box li:nth-child(4) {
  width: 274px;
  height: 153px;
  bottom: 0;
  left: 103px;
}

.combine-body--qywh .qywh-body .idea-box .circle-box li:nth-child(4) .circle-mask img:first-child {
  right: 26px;
  top: 0;
}

.combine-body--qywh .qywh-body .idea-box .circle-box li:nth-child(4) .idea-detail {
  width: 406px;
  right: -66px;
  top: 190px;
}

.combine-body--qywh .qywh-body .idea-box .circle-box li:nth-child(4) .idea-detail .type {
  color: #e9b01a;
}

.combine-body--qywh .qywh-body .idea-box .circle-box li:nth-child(4) .idea-detail .type::before {
  background: #e9b01a;
  top: -26px;
  left: 50%;
  transform: translateX(-50%);
}

.combine-body--qywh .qywh-body .idea-box .circle-box li:nth-child(4) .idea-detail p {
  text-align: center;
}

.combine-body--qywh .qywh-body .idea-box .circle-box li:nth-child(4) .idea-detail::after {
  content: "";
  height: 48px;
  border-left: 1px dashed #facc53;
  position: absolute;
  top: -78px;
  left: 50%;
  transform: translateX(-50%);
}

.combine-body--qywh .qywh-body .idea-box .circle-box li:nth-child(5) {
  width: 175px;
  height: 262px;
  bottom: 48px;
  left: 0;
}

.combine-body--qywh .qywh-body .idea-box .circle-box li:nth-child(5) .circle-mask img:first-child {
  right: 0;
  top: 14px;
}

.combine-body--qywh .qywh-body .idea-box .circle-box li:nth-child(5) .idea-detail {
  width: 396px;
  left: -472px;
  top: 126px;
}

.combine-body--qywh .qywh-body .idea-box .circle-box li:nth-child(5) .idea-detail .type {
  color: #f5816f;
}

.combine-body--qywh .qywh-body .idea-box .circle-box li:nth-child(5) .idea-detail .type::before {
  background: #f5816f;
  top: 50%;
  right: -34px;
  transform: translateY(-50%);
}

.combine-body--qywh .qywh-body .idea-box .circle-box li:nth-child(5) .idea-detail p {
  text-align: right;
}

.combine-body--qywh .qywh-body .idea-box .circle-box li:nth-child(5) .idea-detail::before {
  content: "";
  width: 50px;
  border-top: 1px dashed #f5816f;
  position: absolute;
  top: 13.5px;
  right: -86px;
}

.combine-body--qywh .qywh-body .idea-box .circle-box li:nth-child(5) .idea-detail::after {
  content: "";
  height: 36px;
  border-left: 1px dashed #f5816f;
  position: absolute;
  top: -12.5px;
  right: -104px;
  transform: rotate(60deg);
}

.combine-body--qywh .qywh-body .idea-box .circle-box li:hover .idea-detail .type::before {
  transform: translateY(-50%) scale(1.2);
}

.combine-body--qywh .qywh-body .idea-box .circle-box li:hover:nth-child(4) .idea-detail .type::before {
  transform: translateX(-50%) scale(1.2);
}

.combine-body--qywh .wave {
  display: block;
  width: 100%;
  height: 158px;
}

.combine-body--qywh .wave use {
  animation: wave 12s linear infinite;
  transform-origin: 50% 50%;
}

.combine-body--qywh .wave use:nth-child(1) {
  animation-delay: -2s;
}

.combine-body--qywh .wave use:nth-child(2) {
  animation-delay: -2s;
  animation-duration: 5s;
}

.combine-body--qywh .core-values {
  width: 100%;
  height: 802px;
  box-sizing: border-box;
  background: url("../images/box_bg_combine10.jpg") no-repeat center/cover;
  padding-top: 162px;
}

.combine-body--qywh .core-values--detail {
  width: 470px;
  height: 460px;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 6px;
  box-sizing: border-box;
  padding: 0 40px;
}

.combine-body--qywh .core-values--detail .title {
  line-height: 40px;
  padding: 46px 0 16px;
  position: relative;
}

.combine-body--qywh .core-values--detail .title p {
  font-size: 24px;
  color: #333;
}

.combine-body--qywh .core-values--detail .title b {
  font-size: 24px;
  color: #e23c32;
}

.combine-body--qywh .core-values--detail .title::after {
  content: "";
  width: 46px;
  height: 2px;
  background: #e23c32;
  bottom: 0;
  left: 0;
  position: absolute;
}

.combine-body--qywh .core-values--detail p.text {
  color: #333;
  line-height: 36px;
  margin-top: 18px;
}

/* 好医生集团 - 品牌专题 */
.combine-body--ppzt {
  box-sizing: border-box;
  padding-top: 132px;
  padding-bottom: 117px;
}

.combine-body--ppzt .theme-swiper {
  width: 100%;
  height: 542px;
  box-sizing: border-box;
  padding-bottom: 4px;
}

.combine-body--ppzt .theme-swiper .swiper-slide {
  width: 536px;
  border-radius: 10px;
}

.combine-body--ppzt .theme-swiper .swiper-slide .slide-thumb {
  width: 100%;
  height: 334px;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 36px;
  position: relative;
}

.combine-body--ppzt .theme-swiper .swiper-slide .slide-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.combine-body--ppzt .theme-swiper .swiper-slide .slide-thumb .iconfont {
  width: 64px;
  height: 64px;
  background: #e23c32;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.combine-body--ppzt .theme-swiper .swiper-slide .slide-thumb .iconfont::before {
  content: "";
  width: 84px;
  height: 84px;
  background: rgba(226, 60, 50, 0.2);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.combine-body--ppzt .theme-swiper .swiper-slide .slide-thumb .iconfont::after {
  content: "\e61c";
  width: 64px;
  height: 64px;
  text-align: center;
  line-height: 64px;
  font-size: 30px;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
}

.combine-body--ppzt .theme-swiper .swiper-slide .slide-thumb::before {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all 0.3s;
}

.combine-body--ppzt .theme-swiper .swiper-slide .line-text--three {
  width: calc(100% - 20px);
  line-height: 40px;
  color: #333;
  font-size: 24px;
  transition: all 0.5s;
}

.combine-body--ppzt .theme-swiper .swiper-slide:hover .slide-thumb .iconfont::before {
  animation: pulse 1.5s infinite;
}

.combine-body--ppzt .theme-swiper .swiper-slide:hover .slide-thumb::before {
  opacity: 1;
}

.combine-body--ppzt .theme-swiper .swiper-slide:hover .line-text--three {
  color: #e23c32;
}

.combine-body--ppzt .theme-swiper .theme-pagination {
  top: 538px;
  border-radius: 2px;
}

.combine-body--ppzt .theme-swiper .theme-pagination.swiper-pagination-progress {
  background: rgba(0, 0, 0, 0.1);
}

.combine-body--ppzt .theme-swiper .theme-pagination .swiper-pagination-progressbar {
  background: #e23c32;
  border-radius: 2px;
}

/* 新闻资讯 - 药物警戒 */
.news-body--ywjj {
  box-sizing: border-box;
  padding-top: 38px;
  padding-bottom: 100px;
  background: url("../images/body_bg_news.png") no-repeat top right;
  overflow: hidden;
}

.news-body--ywjj .alert {
  width: 100%;
  min-height: 148px;
  background: #e23c32 url("../images/box_bg_news.jpg") no-repeat right center/cover;
  border-radius: 30px 0px 30px 0px;
  box-sizing: border-box;
  padding: 26px 42px;
  display: flex;
  align-items: center;
}

.news-body--ywjj .alert img {
  flex-shrink: 0;
  margin-right: 48px;
}

.news-body--ywjj .alert-text p {
  color: #fefefe;
  line-height: 40px;
  font-size: 18px;
}

.news-body--ywjj .notice {
  margin-top: 88px;
  display: flex;
  justify-content: space-between;
}

.news-body--ywjj .notice h3 {
  color: #e23c32;
}

.news-body--ywjj .notice h3 .iconfont {
  font-size: 32px;
  margin-right: 4px;
}

.news-body--ywjj .notice .contact {
  font-weight: bold;
  color: #333;
  line-height: 36px;
  margin-top: 38px;
}

.news-body--ywjj .notice .adr_wechat {
  width: 215px;
  padding-top: 12px;
  flex-shrink: 0;
  margin-left: 20px;
  text-align: center;
}

.news-body--ywjj .notice .adr_wechat .wechat {
  display: inline-block;
  width: 215px;
  height: 215px;
  margin-bottom: 10px;
}

.news-body--ywjj .notice .adr_wechat .wechat img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.news-body--ywjj .notice .adr_wechat span:not(.wechat) {
  line-height: 36px;
  color: #333;
}

.news-body--ywjj .illustrate {
  width: 100%;
  border-radius: 10px;
  border: 1px dashed #9b9b9b;
  margin-top: 62px;
  background: #fff;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
  padding: 56px 44px 56px 60px;
}

.news-body--ywjj .illustrate::before {
  content: "填报说明";
  font-weight: bold;
  color: #fff;
  text-align: center;
  line-height: 40px;
  width: 154px;
  height: 40px;
  border-radius: 0 0 10px 0;
  position: absolute;
  top: 0;
  left: 0;
  background: #e23c32;
}

.news-body--ywjj .illustrate li {
  list-style: decimal;
  line-height: 36px;
  color: #666;
}

/* 企业实力 - 质量管理 */
.strength-body--zlgl {
  width: 100%;
}

.strength-body--zlgl .strength-plate-title {
  padding: 30px 0 33px;
  position: relative;
}

.strength-body--zlgl .strength-plate-title b.no {
  font-size: 102px;
  line-height: 110px;
  color: transparent;
  background: linear-gradient(to bottom, rgba(226, 60, 50, 0.1) 0%, rgba(226, 60, 50, 0) 100%);
  background-clip: text;
  -webkit-background-clip: text;
}

.strength-body--zlgl .strength-plate-title h3 {
  color: #e23c32;
  line-height: 30px;
  margin-top: -24px;
}

.strength-body--zlgl .strength-plate-title::after {
  content: "";
  width: 52px;
  height: 3px;
  background: #e23c32;
  position: absolute;
  bottom: 0;
  left: 0;
}

.strength-body--zlgl .plate--1st {
  width: 100%;
  box-sizing: border-box;
  height: 904px;
  background: url("../images/box_bg_strength1.jpg") no-repeat bottom center/auto 100%;
  padding-top: 82px;
}

.strength-body--zlgl .plate--1st .plate-title {
  width: 100%;
  margin: 0 auto 40px;
  position: relative;
  z-index: 1;
  font-weight: bold;
  box-sizing: border-box;
}

.strength-body--zlgl .plate--1st .plate-title p {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.strength-body--zlgl .plate--1st .plate-title .en-b {
  font-size: 48px;
  color: #f0efef;
  line-height: 62px;
  letter-spacing: -0.2px;
}

.strength-body--zlgl .plate--1st .plate-title .cn {
  color: #c70019;
  font-size: 30px;
  margin-top: -30px;
}

.strength-body--zlgl .plate--1st .plate-title .ari {
  font-size: 16px;
  margin-top: 8px;
  margin-left: 6px;
  color: #cecece;
}

.strength-body--zlgl .plate--1st .plate-title .desc {
  width: 1008px;
  text-align: center;
  line-height: 36px;
  color: #333;
  font-weight: normal;
  margin: 30px auto 0;
}

.strength-body--zlgl .plate--1st .explain {
  width: 634px;
  line-height: 36px;
  color: #333;
  text-align: justify;
  margin: 40px 0 80px;
}

.strength-body--zlgl .plate--1st .explain b {
  font-size: 20px;
  color: #e23c32;
}

.strength-body--zlgl .plate--1st .flipping {
  width: 46px;
  height: 46px;
  border: 1px solid #e23c32;
  border-radius: 50%;
  box-sizing: border-box;
  position: relative;
  background: transparent;
  text-align: center;
  line-height: 44px;
  transform: rotate(90deg);
  font-size: 12px;
  cursor: pointer;
  overflow: hidden;
}

.strength-body--zlgl .plate--1st .flipping span {
  color: #e23c32;
  position: relative;
  z-index: 1;
  transition: all 0.7s;
}

.strength-body--zlgl .plate--1st .flipping::before {
  content: "";
  width: 100%;
  height: 100%;
  background: #e23c32;
  position: absolute;
  top: 0;
  right: -46px;
  transition: all 0.7s;
}

.strength-body--zlgl .plate--1st .flipping:hover span {
  color: #fff;
}

.strength-body--zlgl .plate--1st .flipping:hover::before {
  right: 0;
}

.strength-body--zlgl .plate--2nd {
  width: 100%;
  padding-top: 10px;
  box-sizing: border-box;
  height: 938px;
  background: url("../images/box_bg_strength2.jpg") no-repeat bottom center/auto 100%;
}

.strength-body--zlgl .plate--2nd .explain-box {
  width: 100%;
  box-sizing: border-box;
  margin: 40px 0;
}

.strength-body--zlgl .plate--2nd .explain-box .explain {
  width: 100%;
  position: relative;
}

.strength-body--zlgl .plate--2nd .explain-box p {
  line-height: 36px;
  color: #333;
  text-align: justify;
}

.strength-body--zlgl .plate--2nd .plate-btns {
  position: absolute;
  width: 106px;
  height: 46px;
  display: flex;
  justify-content: space-between;
  top: -110px;
  right: 0;
}

.strength-body--zlgl .plate--2nd .plate-btns button {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  border: 1px solid #e23c32;
  position: relative;
  background: transparent;
  text-align: center;
  line-height: 44px;
  font-size: 12px;
  cursor: pointer;
  overflow: hidden;
}

.strength-body--zlgl .plate--2nd .plate-btns button span {
  color: #e23c32;
  position: relative;
  z-index: 1;
  transition: all 0.7s;
}

.strength-body--zlgl .plate--2nd .plate-btns button.swiper-button-disabled {
  border-color: #c9c9c9;
  cursor: no-drop;
}

.strength-body--zlgl .plate--2nd .plate-btns button.swiper-button-disabled span {
  color: #b1b1b1;
}

.strength-body--zlgl .plate--2nd .plate-btns button::before {
  content: "";
  width: 100%;
  height: 100%;
  background: #e23c32;
  position: absolute;
  top: 46px;
  right: 0;
  transition: all 0.7s;
}

.strength-body--zlgl .plate--2nd .plate-btns button:not(.swiper-button-disabled):hover span {
  color: #fff;
}

.strength-body--zlgl .plate--2nd .plate-btns button:not(.swiper-button-disabled):hover::before {
  top: 0;
}

.strength-body--zlgl .plate--2nd .plate-swiper {
  width: 100%;
  height: 478px;
  box-sizing: border-box;
  padding-bottom: 78px;
}

.strength-body--zlgl .plate--2nd .plate-swiper .swiper-slide {
  width: 710px;
  border-radius: 6px;
  overflow: hidden;
}

.strength-body--zlgl .plate--2nd .plate-swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.strength-body--zlgl .plate--2nd .plate-swiper .plate-pagination {
  top: 474px;
  border-radius: 2px;
}

.strength-body--zlgl .plate--2nd .plate-swiper .plate-pagination.swiper-pagination-progress {
  background: rgba(0, 0, 0, 0.1);
}

.strength-body--zlgl .plate--2nd .plate-swiper .plate-pagination .swiper-pagination-progressbar {
  background: #e23c32;
  border-radius: 2px;
}

.strength-body--zlgl .plate--3rd .plate-body {
  margin-bottom: 70px;
}

.strength-body--zlgl .plate--3rd .plate-body p {
  font-size: 16px;
  line-height: 30px;
  color: #333;
  margin-top: 44px;
}

.strength-body--zlgl .plate--3rd img {
  width: 100%;
  height: auto;
}

.strength-body--zlgl .plate-body {
  width: 100%;
  box-sizing: border-box;
}

/* 企业实力 - 产业分布 */
.strength-body--cyfb .plate--1st {
  width: 100%;
  box-sizing: border-box;
  height: 984px;
  padding-top: 80px;
  background: url("../images/box_bg_strength3.jpg") no-repeat bottom right/auto 100%;
}

.strength-body--cyfb .plate--1st .plate-title {
  width: 100%;
  margin: 0 auto 58px;
  position: relative;
  z-index: 1;
  font-weight: bold;
  box-sizing: border-box;
}

.strength-body--cyfb .plate--1st .plate-title p {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.strength-body--cyfb .plate--1st .plate-title .en-b {
  font-size: 48px;
  color: #f0efef;
  line-height: 62px;
  letter-spacing: -0.2px;
}

.strength-body--cyfb .plate--1st .plate-title .cn {
  color: #c70019;
  font-size: 30px;
  margin-top: -30px;
}

.strength-body--cyfb .plate--1st .plate-title .ari {
  font-size: 16px;
  margin-top: 8px;
  margin-left: 6px;
  color: #cecece;
}

.strength-body--cyfb .plate--1st .statistics {
  width: 100%;
  height: 610px;
  background: url("../images/box_bg_strength4.jpg") no-repeat center/cover;
  display: flex;
}

.strength-body--cyfb .plate--1st .statistics li {
  width: calc((100% - 2px) / 3);
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.strength-body--cyfb .plate--1st .statistics li:nth-child(2) {
  border: solid #fff;
  border-width: 0 1px;
}

.strength-body--cyfb .plate--1st .statistics li h3 {
  width: 152px;
  height: 76px;
  margin: 0 auto;
  font-size: 22px;
  color: #fff;
  line-height: 64px;
  position: relative;
  border-radius: 0 0 76px 76px;
  background: #e23c32;
  text-align: center;
}

.strength-body--cyfb .plate--1st .statistics li h3 span {
  position: relative;
  z-index: 3;
}

.strength-body--cyfb .plate--1st .statistics li h3::before {
  content: "";
  width: 200px;
  height: 200px;
  background: rgba(226, 60, 50, 0.5);
  border-radius: 48%;
  transform: translate(0, -72%) rotate(0);
  transform-origin: 50% 50%;
  position: absolute;
  top: 50%;
  left: -38px;
  z-index: 1;
  animation: rotate1 4s linear -4s infinite alternate;
  animation-play-state: paused;
}

.strength-body--cyfb .plate--1st .statistics li h3::after {
  content: "";
  width: 200px;
  height: 200px;
  background: rgba(226, 60, 50, 0.5);
  border-radius: 48%;
  transform: translate(0, -72%) rotate(0);
  transform-origin: 50% 50%;
  position: absolute;
  top: 50%;
  right: -38px;
  z-index: 2;
  animation: rotate2 4s linear -2s infinite alternate;
  animation-play-state: paused;
}

.strength-body--cyfb .plate--1st .statistics li .statistics-data {
  display: flex;
  flex-direction: column;
  color: #fff;
  margin-top: 40px;
}

.strength-body--cyfb .plate--1st .statistics li p {
  display: flex;
  flex-direction: column;
  margin-top: 58px;
}

.strength-body--cyfb .plate--1st .statistics li p .num-data {
  display: inline-flex;
  align-items: flex-end;
}

.strength-body--cyfb .plate--1st .statistics li p .num-data b {
  font-size: 70px;
}

.strength-body--cyfb .plate--1st .statistics li p .num-data sub {
  font-weight: bold;
  margin-bottom: 14px;
  margin-left: 14px;
}

.strength-body--cyfb .plate--1st .statistics li p .num-unity {
  font-size: 14px;
  margin-top: 10px;
}

.strength-body--cyfb .plate--1st .statistics li:hover h3::before, .strength-body--cyfb .plate--1st .statistics li:hover h3::after {
  animation-play-state: running;
}

.strength-body--cyfb .plate--2nd {
  width: 100%;
  box-sizing: border-box;
  height: 944px;
  padding-top: 148px;
  background: url("../images/box_bg_strength5.jpg") no-repeat bottom left/auto 100%;
  display: flex;
  justify-content: space-between;
}

.strength-body--cyfb .plate--2nd .company {
  margin-right: 90px;
}

.strength-body--cyfb .plate--2nd .company h1 {
  display: flex;
  flex-direction: column;
  font-size: 28px;
  margin-bottom: 34px;
}

.strength-body--cyfb .plate--2nd .company h1 span:not(.num-data) {
  font-weight: normal;
}

.strength-body--cyfb .plate--2nd .company h1 .num-data {
  color: #e23c32;
  display: inline-flex;
  align-items: flex-end;
}

.strength-body--cyfb .plate--2nd .company h1 .num-data b {
  font-size: 70px;
}

.strength-body--cyfb .plate--2nd .company h1 .num-data sub {
  display: inline-block;
  width: 25px;
  height: 25px;
  position: relative;
  margin-left: 10px;
  margin-bottom: 18px;
}

.strength-body--cyfb .plate--2nd .company h1 .num-data sub::before, .strength-body--cyfb .plate--2nd .company h1 .num-data sub::after {
  content: "";
  background: #e23c32;
  position: absolute;
}

.strength-body--cyfb .plate--2nd .company h1 .num-data sub::before {
  width: 100%;
  height: 5px;
  left: 0;
  top: 10px;
}

.strength-body--cyfb .plate--2nd .company h1 .num-data sub::after {
  width: 5px;
  height: 100%;
  left: 10px;
  top: 0;
}

.strength-body--cyfb .plate--2nd .company p {
  line-height: 36px;
  color: #333;
  padding: 10px 0;
  min-height: 80px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.strength-body--cyfb .plate--2nd .map {
  width: 59%;
  max-width: 850px;
  margin-top: 10px;
  flex-shrink: 0;
}

.strength-body--cyfb .plate--2nd .map img {
  width: 100%;
}

/* 企业实力 - 营销网络 */
.strength-body--yxwl .plate-title {
  width: 100%;
  margin: 0 auto 58px;
  position: relative;
  z-index: 1;
  font-weight: bold;
  box-sizing: border-box;
}

.strength-body--yxwl .plate-title p {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.strength-body--yxwl .plate-title .en-b {
  font-size: 48px;
  color: #f0efef;
  line-height: 62px;
  letter-spacing: -0.2px;
}

.strength-body--yxwl .plate-title .cn {
  color: #c70019;
  font-size: 30px;
  margin-top: -30px;
}

.strength-body--yxwl .plate-title .ari {
  font-size: 16px;
  margin-top: 8px;
  margin-left: 6px;
  color: #cecece;
}

.strength-body--yxwl .plate-title .desc {
  line-height: 36px;
  color: #333;
  font-weight: normal;
  text-align: center;
  margin-top: 38px;
}

.strength-body--yxwl .plate--1st .plate-title {
  margin-top: 80px;
}

.strength-body--yxwl .plate--1st .statistics {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.strength-body--yxwl .plate--1st .statistics li {
  min-width: 190px;
  position: relative;
  display: flex;
  flex-direction: column;
}

.strength-body--yxwl .plate--1st .statistics li span {
  color: #575656;
}

.strength-body--yxwl .plate--1st .statistics li b {
  display: inline-flex;
  align-items: flex-end;
  margin-bottom: 32px;
}

.strength-body--yxwl .plate--1st .statistics li b span {
  font-size: 50px;
  color: #ca0d25;
}

.strength-body--yxwl .plate--1st .statistics li b sub {
  font-size: 12px;
  color: #575656;
  margin-bottom: 14px;
  margin-left: 14px;
}

.strength-body--yxwl .plate--1st .statistics li::before {
  content: "";
  width: 190px;
  height: 1px;
  background: #e9e9e9;
  position: absolute;
  bottom: 40px;
  left: 0;
}

.strength-body--yxwl .plate--1st .statistics li::after {
  content: "";
  width: 30px;
  height: 1px;
  background: #ca0d25;
  position: absolute;
  bottom: 40px;
  left: 0;
  transition: width 0.5s;
}

.strength-body--yxwl .plate--1st .statistics li:hover::after {
  width: 190px;
}

.strength-body--yxwl .plate--1st .map-marketing {
  width: 100%;
  height: 844px;
  margin-top: 78px;
  background: linear-gradient(to top, rgba(238, 238, 238, 0.5) 0%, transparent 10%, transparent 100%);
  position: relative;
}

.strength-body--yxwl .plate--1st .map-marketing .map-data {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  background: url("../images/box_bg_strength6.jpg") no-repeat top center;
  padding-top: 40px;
  text-align: center;
}

.strength-body--yxwl .plate--1st .map-marketing .map-data img {
  width: 974px;
}

.strength-body--yxwl .plate--1st .map-marketing .market-statistics {
  width: 482px;
  height: 136px;
  background: #e23c32;
  position: absolute;
  left: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.strength-body--yxwl .plate--1st .map-marketing .market-statistics li {
  width: 210px;
  line-height: 30px;
  color: #fff;
}

.strength-body--yxwl .plate--1st .map-marketing .market-statistics li b {
  font-size: 24px;
  margin-bottom: 8px;
}

.strength-body--yxwl .plate--2nd .plate-title {
  margin-top: 94px;
}

.strength-body--yxwl .plate--2nd .map-marketing {
  box-sizing: border-box;
  height: 750px;
  margin-top: 68px;
  text-align: center;
  background: url("../images/box_bg_strength7.jpg") no-repeat bottom right;
}

.strength-body--yxwl .plate--2nd .map-marketing img {
  width: 850px;
}

/* 企业实力 - 旅游景区 */
.strength-body--scenic .plate-title {
  width: 100%;
  margin: 0 auto 58px;
  position: relative;
  z-index: 1;
  font-weight: bold;
  box-sizing: border-box;
}

.strength-body--scenic .plate-title p {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.strength-body--scenic .plate-title .en-b {
  font-size: 48px;
  color: #f0efef;
  line-height: 62px;
  letter-spacing: -0.2px;
}

.strength-body--scenic .plate-title .cn {
  color: #c70019;
  font-size: 30px;
  margin-top: -30px;
}

.strength-body--scenic .plate-title .ari {
  font-size: 16px;
  margin-top: 8px;
  margin-left: 6px;
  color: #cecece;
}

.strength-body--scenic .plate-title .desc {
  line-height: 36px;
  color: #333;
  font-weight: normal;
  text-align: center;
  margin-top: 38px;
}

.strength-body--scenic .plate--1 {
  width: 100%;
  box-sizing: border-box;
  padding-top: 86px;
  padding-bottom: 98px;
  background: #fff url("../images/scenic_bg1.jpg") no-repeat top right/100% auto;
}

.strength-body--scenic .plate--1 .w50 {
  width: 50%;
  min-width: 718px;
}

.strength-body--scenic .plate--1 .scenic-logo {
  width: 180px;
  height: auto;
}

.strength-body--scenic .plate--1 .tips {
  font-size: 20px;
  line-height: 30px;
  color: #333333;
  margin-top: 30px;
}

.strength-body--scenic .plate--1 .tips .red {
  color: #c70019;
}

.strength-body--scenic .plate--1 .introduce {
  font-size: 16px;
  line-height: 36px;
  text-align: justify;
  margin-top: 20px;
  color: #333333;
}

.strength-body--scenic .plate--1 .statistics-list {
  width: 100%;
  display: flex;
  box-sizing: border-box;
  justify-content: space-between;
  margin-top: 84px;
}

.strength-body--scenic .plate--1 .statistics-list li {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
}

.strength-body--scenic .plate--1 .statistics-list li p:not(.of) {
  display: flex;
  align-items: flex-start;
}

.strength-body--scenic .plate--1 .statistics-list li .num {
  font-size: 50px;
  color: #333333;
}

.strength-body--scenic .plate--1 .statistics-list li sub {
  font-size: 16px;
  color: #666;
  margin-top: 14px;
  margin-left: 10px;
}

.strength-body--scenic .plate--1 .statistics-list li .of {
  height: 56px;
  color: #666;
  line-height: 36px;
  margin-top: 4px;
}

.strength-body--scenic .plate--1 .statistics-list li .of span {
  color: #9d9d9d;
}

.strength-body--scenic .plate--2 {
  width: 100%;
  box-sizing: border-box;
  padding-top: 96px;
  padding-bottom: 118px;
  background: #f6fbfe url("../images/scenic_bg2.jpg") no-repeat center bottom/auto 100%;
}

.strength-body--scenic .plate--2 .scenic-panorama {
  width: calc(100% + 24px);
  margin-left: -24px;
  margin-top: 10px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.strength-body--scenic .plate--2 .scenic-panorama .map-l {
  width: 53.89%;
}

.strength-body--scenic .plate--2 .scenic-panorama .map-r {
  width: 45.56%;
  margin-top: 16px;
}

.strength-body--scenic .plate--2 .scenic-panorama img {
  width: 100%;
}

.strength-body--scenic .plate--3 {
  width: 100%;
  padding-top: 102px;
}

.strength-body--scenic .plate--3 .type-tab {
  width: 100%;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 56px;
}

.strength-body--scenic .plate--3 .type-tab li {
  width: 362px;
  height: 100%;
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 0px 0px 20px 0px rgba(220, 221, 225, 0.74);
  position: relative;
  overflow: hidden;
  margin: 0 21px;
  cursor: pointer;
  transition: all .3s;
  z-index: 1;
}

.strength-body--scenic .plate--3 .type-tab li .tab-box {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 0 28px;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}

.strength-body--scenic .plate--3 .type-tab li .tab-box .title {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.strength-body--scenic .plate--3 .type-tab li .tab-box .title .cn {
  font-size: 24px;
  line-height: 36px;
  color: #333333;
}

.strength-body--scenic .plate--3 .type-tab li .tab-box .title .en {
  font-size: 14px;
  line-height: 20px;
  color: #999999;
}

.strength-body--scenic .plate--3 .type-tab li .tab-box .no {
  font-size: 48px;
  opacity: 0.2;
  color: #999999;
  background: linear-gradient(144deg, #eb5d4f 0%, #f3a199 100%);
  -webkit-background-clip: text;
  transition: all .3s;
}

.strength-body--scenic .plate--3 .type-tab li .tab-box::before, .strength-body--scenic .plate--3 .type-tab li .tab-box::after {
  content: '';
  width: 100%;
  height: 6px;
  position: absolute;
  top: 0;
  left: 0;
}

.strength-body--scenic .plate--3 .type-tab li .tab-box::before {
  background: #cfcfcf;
}

.strength-body--scenic .plate--3 .type-tab li .tab-box::after {
  background: linear-gradient(-54deg, #eb5d4f 0%, #f3a199 100%);
  opacity: 0;
  transition: all .3s;
}

.strength-body--scenic .plate--3 .type-tab li::before, .strength-body--scenic .plate--3 .type-tab li:after {
  content: '';
  position: absolute;
}

.strength-body--scenic .plate--3 .type-tab li::before {
  width: 114px;
  height: 114px;
  background: url(../images/bg_circle1.png) no-repeat center/cover;
  opacity: 0.1;
  top: -40px;
  right: 54px;
  z-index: -1;
  transform-origin: center;
  transform: scale(0);
  transition: all .6s;
}

.strength-body--scenic .plate--3 .type-tab li::after {
  width: 112px;
  height: 54px;
  background: url(../images/bg_circle2.png) no-repeat center/cover;
  opacity: 0.2;
  top: 75px;
  right: -20px;
  z-index: -1;
  transform-origin: center;
  transform: scale(0);
  transition: all .6s;
  transition-delay: 0.2s;
}

.strength-body--scenic .plate--3 .type-tab li.cur {
  transform: translateY(-13px);
}

.strength-body--scenic .plate--3 .type-tab li.cur .tab-box .no {
  color: transparent;
  opacity: 1;
}

.strength-body--scenic .plate--3 .type-tab li.cur .tab-box:after {
  opacity: 1;
}

.strength-body--scenic .plate--3 .type-tab li.cur::before {
  transform: scale(1);
}

.strength-body--scenic .plate--3 .type-tab li.cur::after {
  transform: scale(1);
}

.strength-body--scenic .plate--3 .type-swiper-group {
  width: 100%;
  height: 436px;
}

.strength-body--scenic .plate--3 .type-swiper-group .item-swiper {
  width: 100%;
  height: 300px;
}

.strength-body--scenic .plate--3 .type-swiper-group .item-swiper .swiper-wrapper {
  align-items: center;
}

.strength-body--scenic .plate--3 .type-swiper-group .item-swiper .swiper-slide {
  width: 400px;
  height: 250px;
}

.strength-body--scenic .plate--3 .type-swiper-group .item-swiper .swiper-slide .item-img {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 10px;
}

.strength-body--scenic .plate--3 .type-swiper-group .item-swiper .swiper-slide .item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.strength-body--scenic .plate--3 .type-swiper-group .group-name {
  font-size: 18px;
  line-height: 40px;
  color: #333333;
  margin: 14px 0 36px;
  text-align: center;
}

.strength-body--scenic .plate--3 .type-swiper-group .item-control {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 46px;
}

.strength-body--scenic .plate--3 .type-swiper-group .item-control .item-prev,
.strength-body--scenic .plate--3 .type-swiper-group .item-control .item-next {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  color: #e23c32;
  cursor: pointer;
  font-size: 46px;
  margin: 0 17px;
}

.strength-body--scenic .plate--3 .type-swiper-group .item-control .item-prev.swiper-button-disabled,
.strength-body--scenic .plate--3 .type-swiper-group .item-control .item-next.swiper-button-disabled {
  color: #c9c9c9;
  cursor: no-drop;
}

.strength-body--scenic .plate--3 .wave {
  display: block;
  width: 100%;
  height: 158px;
}

.strength-body--scenic .plate--3 .wave use {
  animation: wave 12s linear infinite;
  transform-origin: 50% 50%;
}

.strength-body--scenic .plate--3 .wave use:nth-child(1) {
  animation-delay: -2s;
}

.strength-body--scenic .plate--3 .wave use:nth-child(2) {
  animation-delay: -2s;
  animation-duration: 5s;
}

.strength-body--scenic .plate--4 {
  padding-top: 112px;
  padding-bottom: 74px;
}

.strength-body--scenic .plate--4 .list-group {
  margin-top: 62px;
}

.strength-body--scenic .plate--4 .list-group li {
  margin-bottom: 20px;
}

.strength-body--scenic .plate--5 {
  padding-top: 62px;
  padding-bottom: 100px;
  background: #f5f5f5;
}

.strength-body--scenic .plate--5 .video-swiper-box {
  width: 100%;
  height: 456px;
  margin: 54px 0 68px;
  position: relative;
}

.strength-body--scenic .plate--5 .video-swiper-box .video-swiper {
  width: 100%;
  height: 100%;
}

.strength-body--scenic .plate--5 .video-swiper-box .video-swiper .video-box {
  width: 100%;
  height: 396px;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}

.strength-body--scenic .plate--5 .video-swiper-box .video-swiper .video-box .video-mask {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  visibility: hidden;
  cursor: pointer;
}

.strength-body--scenic .plate--5 .video-swiper-box .video-swiper .video-box .video-mask font {
  display: inline-flex;
  width: 44px;
  height: 44px;
  font-size: 44px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.strength-body--scenic .plate--5 .video-swiper-box .video-swiper .video-box .video-mask::before {
  content: '';
  width: 70px;
  height: 73px;
  background: url("../images/play_border.png") no-repeat center center/cover;
  animation: rotate_common 5s linear 0s infinite;
  animation-play-state: paused;
}

.strength-body--scenic .plate--5 .video-swiper-box .video-swiper .video-box video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.strength-body--scenic .plate--5 .video-swiper-box .video-swiper .video-box.pause .video-mask {
  visibility: visible;
}

.strength-body--scenic .plate--5 .video-swiper-box .video-swiper .video-box.pause video {
  /* 全屏按钮 */
  /* 播放按钮 */
  /* 进度条 */
  /* 观看的当前时间 */
  /* 剩余时间 */
  /* 音量按钮 */
  /* 音量的控制条 */
  /* 所有控件 */
}

.strength-body--scenic .plate--5 .video-swiper-box .video-swiper .video-box.pause video::-webkit-media-controls-fullscreen-button {
  display: none;
}

.strength-body--scenic .plate--5 .video-swiper-box .video-swiper .video-box.pause video::-webkit-media-controls-play-button {
  display: none;
}

.strength-body--scenic .plate--5 .video-swiper-box .video-swiper .video-box.pause video::-webkit-media-controls-timeline {
  display: none;
}

.strength-body--scenic .plate--5 .video-swiper-box .video-swiper .video-box.pause video::-webkit-media-controls-current-time-display {
  display: none;
}

.strength-body--scenic .plate--5 .video-swiper-box .video-swiper .video-box.pause video::-webkit-media-controls-time-remaining-display {
  display: none;
}

.strength-body--scenic .plate--5 .video-swiper-box .video-swiper .video-box.pause video::-webkit-media-controls-mute-button {
  display: none;
}

.strength-body--scenic .plate--5 .video-swiper-box .video-swiper .video-box.pause video::-webkit-media-controls-toggle-closed-captions-button {
  display: none;
}

.strength-body--scenic .plate--5 .video-swiper-box .video-swiper .video-box.pause video::-webkit-media-controls-volume-slider {
  display: none;
}

.strength-body--scenic .plate--5 .video-swiper-box .video-swiper .video-box.pause video::-webkit-media-controls-enclosure {
  display: none;
}

.strength-body--scenic .plate--5 .video-swiper-box .video-swiper .video-box.pause:hover .video-mask::before {
  animation-play-state: running;
}

.strength-body--scenic .plate--5 .video-swiper-box .video-swiper .title {
  color: #1e1e1e;
  line-height: 30px;
  letter-spacing: 0.3px;
  margin-top: 30px;
  text-align: center;
}

.strength-body--scenic .plate--5 .video-swiper-box .video-prev,
.strength-body--scenic .plate--5 .video-swiper-box .video-next {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  color: #e23c32;
  position: absolute;
  top: 174px;
  cursor: pointer;
  font-size: 46px;
}

.strength-body--scenic .plate--5 .video-swiper-box .video-prev.swiper-button-disabled,
.strength-body--scenic .plate--5 .video-swiper-box .video-next.swiper-button-disabled {
  color: #c9c9c9;
  cursor: no-drop;
}

.strength-body--scenic .plate--5 .video-swiper-box .video-prev {
  left: -102px;
}

.strength-body--scenic .plate--5 .video-swiper-box .video-next {
  right: -102px;
}

.strength-body--scenic .more {
  display: block;
  width: 154px;
  height: 44px;
  background: #e23c32;
  border-radius: 22px;
  text-align: center;
  line-height: 44px;
  font-size: 14px;
  color: #fff;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}

.strength-body--scenic .more::before {
  content: '';
  width: 0;
  height: 200%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}

.strength-body--scenic .more:hover::before {
  animation: anim-out 0.75s;
}

/* 产品中心 - 产品品牌 */
.product-body--cppp {
  width: 100%;
  box-sizing: border-box;
  padding-top: 142px;
  padding-bottom: 150px;
  display: flex;
  justify-content: space-between;
}

.product-body--cppp .brand-group {
  width: 46%;
  max-width: 590px;
  height: 680px;
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  flex-shrink: 0;
  margin-right: 20px;
  z-index: 5;
}

.product-body--cppp .brand-group .progress {
  width: 2px;
  height: calc(100% - 48px);
  position: absolute;
  top: 20px;
  left: 4px;
  background: rgba(202, 13, 37, 0.1);
}

.product-body--cppp .brand-group .progress::before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #ca0d25;
  position: absolute;
  top: 0;
  left: -4px;
  z-index: 2;
}

.product-body--cppp .brand-group .progress .slider {
  width: 2px;
  background: #ca0d25;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.product-body--cppp .brand-group .brand-swiper {
  width: calc(100% - 70px);
  height: 100%;
  margin-left: 70px;
}

.product-body--cppp .brand-group .brand-swiper .swiper-slide {
  width: 100%;
  height: 62px;
  cursor: default;
  transition: all 0.5s;
  overflow: hidden;
  margin-bottom: 42px;
}

.product-body--cppp .brand-group .brand-swiper .swiper-slide .logo {
  height: 62px;
  transition: all 0.5s;
}

.product-body--cppp .brand-group .brand-swiper .swiper-slide .logo img {
  height: 100%;
  width: auto;
}

.product-body--cppp .brand-group .brand-swiper .swiper-slide .desc {
  color: #666;
  line-height: 32px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  text-align: justify;
  margin: 32px 0 46px;
}

.product-body--cppp .brand-group .brand-swiper .swiper-slide.active {
  height: 336px;
  box-sizing: border-box;
  margin-bottom: 36px;
}

.product-body--cppp .brand-group .brand-swiper .swiper-slide.active .logo {
  height: 96px;
}

.product-body--cppp .brand-group .brand-swiper .swiper-slide.active .desc {
  height: 128px;
}

.product-body--cppp .brand-adv {
  width: 56%;
  max-width: 940px;
  height: 680px;
  margin-top: -10px;
  position: relative;
}

.product-body--cppp .brand-adv .adv-img {
  width: 100%;
  height: 560px;
  border-radius: 10px 0 0 10px;
  overflow: hidden;
  position: relative;
  z-index: 3;
  background: #fff;
}

.product-body--cppp .brand-adv .adv-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.product-body--cppp .brand-adv .brand-name {
  width: calc(100% - 118px);
  margin-left: 118px;
  border-radius: 0 0 0 10px;
  background: #e23c32;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding-right: calc(17.7% + 20px);
  padding-left: 20px;
  font-size: 24px;
  font-weight: bold;
  color: #fff;
  position: relative;
  z-index: 1;
}

.product-body--cppp .brand-adv::before {
  content: "";
  width: 100%;
  height: 560px;
  position: absolute;
  top: 68px;
  left: -8.33%;
  background: rgba(226, 60, 50, 0.11);
  border-radius: 10px;
}

.product-body--cppp .brand-adv::after {
  content: "";
  width: 857px;
  height: 604px;
  background: url("../images/body_bg_product.png") no-repeat center/cover;
  position: absolute;
  left: -404px;
  top: 234px;
  z-index: 2;
}

/* 线上商城 */
.onlineshop-body .plate-title {
  width: 100%;
  margin: 60px auto 28px;
  position: relative;
  z-index: 1;
}

.onlineshop-body .plate-title p {
  text-align: center;
}

.onlineshop-body .plate-title .en-b {
  font-size: 60px;
  line-height: 100px;
  font-weight: bold;
  background: linear-gradient(to bottom, #f0efef 0%, transparent 80%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.onlineshop-body .plate-title .cn-box {
  position: relative;
  width: 100%;
  height: 70px;
  margin-top: -24px;
}

.onlineshop-body .plate-title .cn-box::before, .onlineshop-body .plate-title .cn-box::after {
  content: '';
  width: calc((100% - 404px) / 2);
  height: 2px;
  background-color: #c70019;
  opacity: 0.2;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.onlineshop-body .plate-title .cn-box::before {
  left: 0;
}

.onlineshop-body .plate-title .cn-box::after {
  right: 0;
}

.onlineshop-body .plate-title .cn {
  width: 404px;
  color: #c70019;
  font-size: 50px;
  line-height: 70px;
  padding: 0 102px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
}

.onlineshop-body .plate-title .cn::before, .onlineshop-body .plate-title .cn::after {
  content: '';
  width: 9px;
  height: 31px;
  background-color: #c70019;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.onlineshop-body .plate-title .cn::before {
  left: 0;
}

.onlineshop-body .plate-title .cn::after {
  right: 0;
}

.onlineshop-body .online-shop {
  box-sizing: border-box;
  padding-top: 16px;
  padding-bottom: 90px;
}

.onlineshop-body .online-shop .plate-title {
  margin-bottom: 18px;
}

.onlineshop-body .online-shop .shop-ls {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.onlineshop-body .online-shop li {
  width: calc((100% - 40px) / 2);
  height: 284px;
  box-sizing: border-box;
  background: #f8fafa;
  border-radius: 20px;
  border: solid 1px #dcdcdc;
  margin-top: 44px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding-left: 30px;
  overflow: hidden;
  cursor: pointer;
  transition: all .3s;
}

.onlineshop-body .online-shop li .goods-img {
  width: auto;
  height: 226px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  margin: auto 0 0 auto;
}

.onlineshop-body .online-shop li .code-img {
  width: 168px;
  height: 164px;
  margin: 0 18px 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  background-position: 0 0, 0 0, 100% 0, 0 100%;
  background-size: 3px 100%, 100% 3px, 3px 100%, 100% 3px;
  background-repeat: no-repeat;
  background-image: linear-gradient(0deg, #dddfdf, #dddfdf 15.85%, transparent 15.85%, transparent 84.15%, #dddfdf 84.15%), linear-gradient(90deg, #dddfdf, #dddfdf 15.85%, transparent 15.85%, transparent 84.15%, #dddfdf 84.15%), linear-gradient(180deg, #dddfdf, #dddfdf 15.85%, transparent 15.85%, transparent 84.15%, #dddfdf 84.15%), linear-gradient(270deg, #dddfdf, #dddfdf 15.85%, transparent 15.85%, transparent 84.15%, #dddfdf 84.15%);
}

.onlineshop-body .online-shop li .code-img img {
  width: 130px;
  height: 130px;
}

.onlineshop-body .online-shop li .shop-info .shop-logo {
  height: 51px;
}

.onlineshop-body .online-shop li .shop-info .shop-name {
  font-size: 20px;
  letter-spacing: 1.2px;
  line-height: 32px;
  color: #333333;
  margin: 28px 0;
}

.onlineshop-body .online-shop li .shop-info a {
  font-size: 16px;
  line-height: 24px;
  color: #e23c32;
}

.onlineshop-body .online-shop li.full {
  width: 100%;
}

.onlineshop-body .online-shop li.full .goods-img {
  width: 798px;
  height: 284px;
  position: relative;
}

.onlineshop-body .online-shop li.full .goods-img::before {
  content: '';
  width: 84px;
  height: 100%;
  background: linear-gradient(to right, #f8fafa 5%, transparent 100%);
  position: absolute;
  left: 0;
  top: 0;
}

.onlineshop-body .online-shop li:hover {
  border-color: #e23c32;
}

/* 列表分页 */
.list-page {
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 60px;
}

.list-page .input {
  width: 40px;
  height: 40px;
  border-radius: 4px;
  background: #fff;
  text-align: center;
  overflow: hidden;
  position: relative;
  margin: 0 5px;
  box-sizing: border-box;
  padding: 0px 5px;
  border: 1px solid #dddddd;
}

.list-page .submit {
  background: #e23c32;
  color: #FFFFFF;
  padding: 0 15px;
  margin: 0 5px;
  border-radius: 5px;
  line-height: 40px;
  font-size: 12px;
}

.list-page .submit:hover {
  cursor: pointer;
  opacity: 0.8;
}

.list-page .paging {
  padding: 0 12px;
  font-size: 14px;
  color: #666666;
}

.list-page li {
  min-width: 40px;
  height: 40px;
  border-radius: 20px;
  background: #fff;
  text-align: center;
  overflow: hidden;
  position: relative;
  margin: 0 5px;
  box-sizing: border-box;
  padding: 0 10px;
}

.list-page li a {
  display: inline-block;
  width: 100%;
  height: 100%;
  color: #333;
  line-height: 40px;
  position: relative;
  z-index: 1;
  transition: all 0.4s;
}

.list-page li.iconfont a {
  font-size: 12px;
  font-weight: bold;
}

.list-page li.page-fir, .list-page li.page-last {
  width: 80px;
}

.list-page li::before {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 20px;
  background: #e23c32;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transform: scale(0);
  transition: all 0.4s;
}

.list-page li:hover::before, .list-page li.active::before {
  opacity: 1;
  transform: scale(1);
}

.list-page li:hover a, .list-page li.active a {
  color: #fff;
}

/* 列表样式1 */
.list-group--1 {
  background-color: #f9f9f9;
  box-sizing: border-box;
  padding-top: 106px;
  padding-bottom: 80px;
}

.list-group--1 .list-group {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.list-group--1 .list-group li {
  width: 31.94%;
  box-sizing: border-box;
}

.list-group--1 .list-group li .date {
  color: #333;
  line-height: 28px;
}

.list-group--1 .list-group li .list-thumb {
  overflow: hidden;
  border-radius: 6px;
}

.list-group--1 .list-group li .list-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.list-group--1 .list-group li:first-child {
  width: 100%;
  height: 558px;
  display: flex;
  justify-content: space-between;
}

.list-group--1 .list-group li:first-child .list-data {
  width: 31.94%;
  height: 100%;
  border-radius: 6px;
  background: #fff;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  padding: 50px 3.19% 0;
}

.list-group--1 .list-group li:first-child .list-data h3 {
  line-height: 42px;
  margin-top: 8px;
  color: #333;
}

.list-group--1 .list-group li:first-child .list-data .desc {
  line-height: 28px;
  color: #666;
  margin-top: 48px;
  margin-bottom: 84px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}

.list-group--1 .list-group li:first-child .list-data p,
.list-group--1 .list-group li:first-child .list-data h3,
.list-group--1 .list-group li:first-child .list-data a {
  position: relative;
  z-index: 1;
}

.list-group--1 .list-group li:first-child .list-data::before {
  content: "";
  width: 252px;
  height: 252px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 0 54px rgba(199, 0, 25, 0.04);
  position: absolute;
  bottom: -98px;
  right: -98px;
  transition: all 0.5s;
}

.list-group--1 .list-group li:first-child .list-data:hover::before {
  transform: scale(1.5);
}

.list-group--1 .list-group li:first-child .list-thumb {
  width: 65.97%;
  max-width: 950px;
  height: 100%;
  flex-shrink: 0;
}

.list-group--1 .list-group li:nth-child(n + 2) {
  background: #fff;
  border-radius: 6px;
  margin-top: 30px;
  padding: 28px 2.08% 30px;
  position: relative;
  overflow: hidden;
}

.list-group--1 .list-group li:nth-child(n + 2) p,
.list-group--1 .list-group li:nth-child(n + 2) h4 {
  position: relative;
  z-index: 1;
  transition: all 0.7s;
}

.list-group--1 .list-group li:nth-child(n + 2) h4 {
  font-size: 20px;
  height: 72px;
  line-height: 36px;
  margin-top: 10px;
  margin-bottom: 60px;
  color: #333;
}

.list-group--1 .list-group li:nth-child(n + 2) .list-thumb {
  width: 100%;
  height: calc(100% - 170px);
}

.list-group--1 .list-group li:nth-child(n + 2)::before {
  content: "";
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: #e23c32;
  position: absolute;
  right: -50px;
  bottom: -50px;
  transform: scale(0);
  opacity: 0;
  transition: all 0.7s;
}

.list-group--1 .list-group li:nth-child(n + 2):hover p,
.list-group--1 .list-group li:nth-child(n + 2):hover h4 {
  color: #fff;
}

.list-group--1 .list-group li:nth-child(n + 2):hover::before {
  opacity: 1;
  transform: scale(15);
}

.list-group--1 .list-group::after {
  content: "";
  width: 31.94%;
}

/* 列表样式2 */
.list-group--2 {
  box-sizing: border-box;
  padding-bottom: 80px;
}

.list-group--2 .list-page li {
  background: #f9f9f9;
}

.list-group--2 .list-group {
  width: 100%;
}

.list-group--2 .list-group li {
  width: 100%;
  height: 162px;
  border: 1px solid #f0f0f0;
  box-sizing: border-box;
  margin-top: 38px;
  padding: 0 30px;
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
}

.list-group--2 .list-group li * {
  transition: all 0.5s;
}

.list-group--2 .list-group li .date {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 102px;
  height: 102px;
  background: #f6f6f6;
  margin-right: 30px;
  flex-shrink: 0;
}

.list-group--2 .list-group li .date span {
  line-height: 36px;
  color: #666;
}

.list-group--2 .list-group li .date .line {
  display: inline-block;
  width: 76px;
  height: 1px;
  background: radial-gradient(closest-side, rgba(51, 51, 51, 0.2), rgba(51, 51, 51, 0));
  margin: 10px 0 2px;
}

.list-group--2 .list-group li .date .day {
  font-size: 36px;
}

.list-group--2 .list-group li .info {
  width: calc(100% - 200px);
}

.list-group--2 .list-group li .info .title {
  font-size: 26px;
  line-height: 52px;
}

.list-group--2 .list-group li .info .desc {
  line-height: 42px;
  color: #999;
}

.list-group--2 .list-group li .iconfont {
  position: relative;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  margin-left: 20px;
  overflow: hidden;
  background: #f6f6f6;
  margin-bottom: 22px;
}

.list-group--2 .list-group li .iconfont span {
  display: inline-block;
  width: 100%;
  height: 100%;
  font-size: 12px;
  text-align: center;
  line-height: 48px;
  position: absolute;
}

.list-group--2 .list-group li .iconfont span:first-child {
  top: 0;
  left: 0;
  color: #212121;
}

.list-group--2 .list-group li .iconfont span:last-child {
  top: 0;
  left: -48px;
  color: #fff;
  opacity: 0;
}

.list-group--2 .list-group li::before, .list-group--2 .list-group li::after {
  content: "";
  width: 0;
  height: 0;
  border: solid #e23c32;
  position: absolute;
  opacity: 0;
  transition: all 0.5s;
}

.list-group--2 .list-group li::before {
  border-width: 1px 0 0 1px;
  top: -1px;
  left: -1px;
}

.list-group--2 .list-group li::after {
  border-width: 0 1px 1px 0;
  bottom: -1px;
  right: -1px;
}

.list-group--2 .list-group li:hover .date {
  background: #e23c32;
}

.list-group--2 .list-group li:hover .date span {
  color: #fff;
}

.list-group--2 .list-group li:hover .date .line {
  background: radial-gradient(closest-side, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
}

.list-group--2 .list-group li:hover .info .title,
.list-group--2 .list-group li:hover .info .desc {
  color: #e23c32;
}

.list-group--2 .list-group li:hover .iconfont {
  background: #e23c32;
}

.list-group--2 .list-group li:hover .iconfont span:first-child {
  left: 48px;
  opacity: 0;
}

.list-group--2 .list-group li:hover .iconfont span:last-child {
  left: 0;
  opacity: 1;
}

.list-group--2 .list-group li:hover::before, .list-group--2 .list-group li:hover::after {
  width: 100%;
  height: 100%;
  opacity: 1;
}

/* 列表样式3 */
.list-group--3 {
  box-sizing: border-box;
  padding-bottom: 80px;
}

.list-group--3 .statistics {
  width: 100%;
  height: 340px;
  background: #f8f8f8;
  margin-top: 38px;
  box-sizing: border-box;
  padding: 48px 40px 48px 60px;
}

.list-group--3 .statistics-list {
  width: 100%;
  max-height: 100%;
  overflow: hidden;
  overflow-y: auto;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: space-between;
  box-sizing: border-box;
  padding-left: 20px;
}

.list-group--3 .statistics-list li {
  width: 32%;
  line-height: 50px;
  color: #333;
  list-style: disc;
}

.list-group--3 .statistics-list li::marker {
  color: #333;
}

.list-group--3 .statistics-list::after {
  content: "";
  width: 32%;
}

.list-group--3 .plate-title {
  width: 830px;
  margin: 54px auto;
  position: relative;
  z-index: 1;
  font-weight: bold;
}

.list-group--3 .plate-title p {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.list-group--3 .plate-title .en-b {
  font-size: 48px;
  color: #f0efef;
  line-height: 62px;
  letter-spacing: -0.2px;
}

.list-group--3 .plate-title .cn {
  color: #c70019;
  font-size: 30px;
  margin-top: -30px;
}

.list-group--3 .plate-title .ari {
  font-size: 16px;
  margin-top: 8px;
  margin-left: 6px;
  color: #cecece;
}

.list-group--3 .list-group {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: -60px;
}

.list-group--3 .list-group li {
  max-width: 440px;
  width: 32%;
  height: 390px;
  border: 1px solid #e7e7e7;
  box-sizing: border-box;
  margin-top: 60px;
  padding: 30px 30px 0;
  position: relative;
}

.list-group--3 .list-group li .list-thumb {
  width: 100%;
  height: 256px;
  overflow: hidden;
}

.list-group--3 .list-group li .list-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.list-group--3 .list-group li .title {
  height: 66px;
  display: flex;
  align-items: center;
  border-top: 1px solid #e7e7e7;
  margin-top: 26px;
  transition: all 0.5s;
}

.list-group--3 .list-group li .title .line-text--one {
  width: calc(100% - 30px);
  color: #333;
}

.list-group--3 .list-group li .title .iconfont {
  display: inline-block;
  font-size: 18px;
  margin-left: auto;
  color: #b4b4b4;
  cursor: pointer;
  transition: all 0.3s;
  position: relative;
  z-index: 2;
}

.list-group--3 .list-group li .title .iconfont:hover {
  color: #e03a30;
  transform: scale(1.2);
}

.list-group--3 .list-group li::before, .list-group--3 .list-group li::after {
  content: "";
  width: 0;
  height: 0;
  border: solid #e23c32;
  position: absolute;
  opacity: 0;
  transition: all 0.5s;
}

.list-group--3 .list-group li::before {
  border-width: 1px 0 0 1px;
  top: -1px;
  left: -1px;
}

.list-group--3 .list-group li::after {
  border-width: 0 1px 1px 0;
  bottom: -1px;
  right: -1px;
}

.list-group--3 .list-group li:hover .title {
  border-color: #e23c32;
}

.list-group--3 .list-group li:hover::before, .list-group--3 .list-group li:hover::after {
  width: 100%;
  height: 100%;
  opacity: 1;
}

.list-group--3 .list-group::after {
  content: "";
  max-width: 440px;
  width: 32%;
}

/* 列表样式4 */
.list-group--4 {
  box-sizing: border-box;
  padding-top: 0.1px;
  padding-bottom: 80px;
}

.list-group--4.bg {
  background: linear-gradient(to bottom, #f3f6f6 0%, transparent 100%) top center no-repeat;
  background-size: 100% 162px;
}

.list-group--4 .list-group {
  width: 105%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 28px;
  margin-left: -2.5%;
}

.list-group--4 .list-group li:not(.empty) {
  width: 22%;
  min-width: 300px;
  height: 482px;
  border-radius: 10px;
  overflow: hidden;
  margin: 40px 1.11% 0;
  background: url("../images/list_bg.jpg") no-repeat bottom center/auto 100%;
  box-sizing: border-box;
  padding: 24px 38px 15px;
  transition: all 0.5s;
  position: relative;
}

.list-group--4 .list-group li:not(.empty) h4 {
  font-size: 20px;
  line-height: 50px;
  margin-bottom: 8px;
  position: relative;
  z-index: 1;
  transition: all 0.5s;
}

.list-group--4 .list-group li:not(.empty) p {
  color: #999;
  line-height: 26px;
  position: relative;
  z-index: 1;
  transition: all 0.5s;
}

.list-group--4 .list-group li:not(.empty) .learn-more {
  display: block;
  width: 120px;
  height: 36px;
  background: #e23c32;
  border-radius: 18px;
  border: solid 1px #fff;
  box-sizing: border-box;
  line-height: 34px;
  text-align: center;
  color: #fff;
  position: relative;
  overflow: hidden;
  transition: all 0.5s;
  margin: 28px 0 0;
  opacity: 0;
  z-index: 1;
}

.list-group--4 .list-group li:not(.empty) .learn-more span {
  position: relative;
  z-index: 1;
}

.list-group--4 .list-group li:not(.empty) .learn-more::after {
  content: "";
  width: 0;
  height: 100%;
  background: #fff;
  position: absolute;
  left: 0;
  top: 0;
  transition: all 0.4s;
  border-radius: 17px;
}

.list-group--4 .list-group li:not(.empty) .learn-more:hover {
  color: #e23c32;
  border-color: #e23c32;
}

.list-group--4 .list-group li:not(.empty) .learn-more:hover::after {
  width: 100%;
}

.list-group--4 .list-group li:not(.empty) .product-img {
  width: 100%;
  height: calc(100% - 190px);
  position: relative;
  box-sizing: border-box;
  margin-top: 16px;
  z-index: 1;
}

.list-group--4 .list-group li:not(.empty) .product-img img {
  max-width: 100%;
  max-height: calc(100% - 24px);
  width: auto;
  height: auto;
  position: absolute;
  bottom: 26px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}

.list-group--4 .list-group li:not(.empty) .product-img::after {
  content: "";
  width: 231px;
  height: 64px;
  background: url("../images/product_mask.png") no-repeat center/cover;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.list-group--4 .list-group li:not(.empty) .light {
  width: 100%;
  height: 100%;
  background: #e23c32;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  opacity: 0;
  transition: all 0.5s;
}

.list-group--4 .list-group li:not(.empty) .light .circle {
  width: 200px;
  height: 200px;
  right: -54px;
  bottom: -30px;
  opacity: 0;
  transform: scale(0) rotate(-60deg);
  border-radius: 50%;
  position: absolute;
  background: #e55148;
  transition: all 0.8s;
}

.list-group--4 .list-group li:not(.empty) .light .circle .sm-circle {
  position: absolute;
  display: inline-block;
  border-radius: 50%;
  background: #e55148;
  transition: all 0.8s;
}

.list-group--4 .list-group li:not(.empty) .light .circle .sm-circle:nth-child(1) {
  width: 46px;
  height: 46px;
  left: 77px;
  top: 77px;
  transition-delay: 0.2s;
  opacity: 0;
  transform: scale(0);
}

.list-group--4 .list-group li:not(.empty) .light .circle .sm-circle:nth-child(2) {
  width: 24px;
  height: 24px;
  left: 88px;
  top: 88px;
  transition-delay: 0.4s;
  opacity: 0;
  transform: scale(0);
}

.list-group--4 .list-group li:not(.empty) .light .circle .sm-circle:nth-child(3) {
  width: 68px;
  height: 68px;
  left: 66px;
  top: 66px;
  transition-delay: 0.6s;
  opacity: 0;
  transform: scale(0);
}

.list-group--4 .list-group li:not(.empty).hot::after {
  content: "\e617";
  font-family: "iconfont";
  font-size: 48px;
  color: #e75d55;
  position: absolute;
  top: -2px;
  right: -2px;
}

.list-group--4 .list-group li:not(.empty):hover h4,
.list-group--4 .list-group li:not(.empty):hover p {
  color: #fff;
}

.list-group--4 .list-group li:not(.empty):hover .light {
  opacity: 1;
}

.list-group--4 .list-group li:not(.empty):hover .light .circle {
  opacity: 1;
  transform: scale(1) rotate(0);
}

.list-group--4 .list-group li:not(.empty):hover .light .circle .sm-circle:nth-child(1) {
  top: -98px;
  left: 81px;
  opacity: 1;
  transform: scale(1);
}

.list-group--4 .list-group li:not(.empty):hover .light .circle .sm-circle:nth-child(2) {
  top: -82px;
  left: 4px;
  opacity: 1;
  transform: scale(1);
}

.list-group--4 .list-group li:not(.empty):hover .light .circle .sm-circle:nth-child(3) {
  top: 122px;
  left: -208px;
  opacity: 1;
  transform: scale(1);
}

.list-group--4 .list-group li:not(.empty):hover .learn-more {
  opacity: 1;
}

.list-group--4 .list-group li:not(.empty):hover.hot::after {
  color: #fff;
}

.list-group--4 .list-group .empty {
  width: 22%;
  margin: 0 1.11%;
}

/* 列表样式5 */
.list-group--5 {
  box-sizing: border-box;
  padding-bottom: 80px;
  padding-top: 34px;
}

.list-group--5 .list-group {
  width: 100%;
}

.list-group--5 .list-group li {
  width: 100%;
  height: 224px;
  margin-top: 54px;
  display: flex;
}

.list-group--5 .list-group li .list-thumb {
  width: 356px;
  height: 100%;
  border-radius: 2px;
  margin-right: 44px;
  overflow: hidden;
  position: relative;
}

.list-group--5 .list-group li .list-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
  display: inline-block;
}

.list-group--5 .list-group li .list-info {
  width: calc(100% - 400px);
  height: 100%;
  position: relative;
  box-sizing: border-box;
  border-bottom: 1px solid #d1d1d1;
  padding-right: 140px;
}

.list-group--5 .list-group li .list-info .title {
  max-width: 800px;
  font-size: 24px;
  color: #333;
  line-height: 74px;
}

.list-group--5 .list-group li .list-info .desc {
  max-width: 800px;
  color: #666;
  line-height: 30px;
  margin-top: -8px;
}

.list-group--5 .list-group li .list-info .date {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  position: absolute;
  right: 0;
  top: 0;
  text-align: right;
}

.list-group--5 .list-group li .list-info .date .mm-dd {
  font-size: 44px;
  color: #333;
  line-height: 84px;
}

.list-group--5 .list-group li .list-info .date .yyyy {
  color: #666;
  line-height: 26px;
  margin-top: -12px;
}

.list-group--5 .list-group li .list-info .learn-detail {
  display: inline-block;
  height: 36px;
  margin-top: 26px;
  border-radius: 0 18px 18px 0;
  line-height: 36px;
  color: #e23c32;
  position: relative;
  overflow: hidden;
  transition: all 0.4s;
  transition-delay: 0.12s;
}

.list-group--5 .list-group li .list-info .learn-detail span {
  position: relative;
  z-index: 1;
}

.list-group--5 .list-group li .list-info .learn-detail .iconfont {
  font-size: 12px;
  font-weight: bold;
  margin-left: 10px;
}

.list-group--5 .list-group li .list-info .learn-detail::after {
  content: "";
  width: 0;
  height: 100%;
  border-radius: 0 18px 18px 0;
  background: #e23c32;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.4s;
}

.list-group--5 .list-group li .list-info .learn-detail:hover {
  color: #fff;
  padding: 0 16px 0 10px;
}

.list-group--5 .list-group li .list-info .learn-detail:hover::after {
  width: 100%;
}

.list-group--5 .list-group li .list-info::after {
  content: "";
  width: 100%;
  height: 1px;
  background: #e23c32;
  position: absolute;
  bottom: -1px;
  left: 0;
  transform: scaleX(0);
  transition: all 0.6s;
}

.list-group--5 .list-group li:hover .list-thumb img {
  transform: scale(1.1);
}

.list-group--5 .list-group li:hover .list-info::after {
  transform: scaleX(1);
}

/* 列表样式6 */
.list-group--6 {
  box-sizing: border-box;
  padding-bottom: 80px;
}

.list-group--6 .plate-title {
  width: 100%;
  margin: 80px auto 68px;
  position: relative;
  z-index: 1;
  font-weight: bold;
  box-sizing: border-box;
}

.list-group--6 .plate-title p {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.list-group--6 .plate-title .en-b {
  font-size: 48px;
  color: #f0efef;
  line-height: 62px;
  letter-spacing: -0.2px;
}

.list-group--6 .plate-title .cn {
  color: #c70019;
  font-size: 30px;
  margin-top: -30px;
}

.list-group--6 .plate-title .ari {
  font-size: 16px;
  margin-top: 8px;
  margin-left: 6px;
  color: #cecece;
}

.list-group--6 .plate-title .desc {
  text-align: center;
  line-height: 40px;
  color: #333;
  font-weight: normal;
  margin-top: 36px;
}

.list-group--6 .ag {
  width: 100%;
  height: 624px;
  box-sizing: border-box;
  background: url("../images/innovation_certificate_bg.jpg") no-repeat center/cover;
  text-align: right;
  line-height: 624px;
}

.list-group--6 .ag img {
  margin-right: -5px;
}

.list-group--6 .list-group {
  box-sizing: border-box;
  margin-top: 108px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.list-group--6 .list-group li {
  width: 32.04%;
  height: 440px;
  padding-bottom: 20px;
  margin-bottom: 26px;
  border-radius: 6px;
  overflow: hidden;
  transition: all 0.5s;
}

.list-group--6 .list-group li * {
  transition: all 0.5s;
}

.list-group--6 .list-group li .list-thumb {
  width: 100%;
  height: 288px;
  border-radius: 6px;
  overflow: hidden;
}

.list-group--6 .list-group li .list-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.list-group--6 .list-group li .date {
  height: 20px;
  display: flex;
  align-items: center;
  letter-spacing: 0.3px;
  line-height: 20px;
  margin-top: 30px;
}

.list-group--6 .list-group li .date .tag {
  width: 34px;
  height: 20px;
  background: #e23c32;
  border-radius: 4px;
  font-size: 12px;
  color: #fffefe;
  text-align: center;
  margin-right: 6px;
}

.list-group--6 .list-group li .date .ymd {
  color: #333;
  font-size: 14px;
}

.list-group--6 .list-group li .title {
  font-size: 20px;
  line-height: 36px;
  letter-spacing: 0.4px;
  color: #333;
  margin-top: 28px;
}

.list-group--6 .list-group li:hover .list-thumb {
  border-radius: 6px 6px 0 0;
}

.list-group--6 .list-group li:hover .list-thumb img {
  transform: scale(1.15);
}

.list-group--6 .list-group::after {
  content: "";
  width: 32.04%;
}

/* 列表样式7 */
.list-group--7 {
  box-sizing: border-box;
  padding-bottom: 80px;
  padding-top: 32px;
}

.list-group--7 .plate-title {
  width: 100%;
  margin: 50px auto 0;
  position: relative;
  z-index: 1;
  font-weight: bold;
}

.list-group--7 .plate-title p {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.list-group--7 .plate-title .en-b {
  font-size: 48px;
  color: #f0efef;
  line-height: 62px;
  letter-spacing: -0.2px;
}

.list-group--7 .plate-title .cn {
  color: #c70019;
  font-size: 30px;
  margin-top: -30px;
}

.list-group--7 .plate-title .ari {
  font-size: 16px;
  margin-top: 8px;
  margin-left: 6px;
  color: #cecece;
}

.list-group--7 .plate-title .desc {
  text-align: center;
  line-height: 40px;
  color: #333;
  font-weight: normal;
  margin-top: 36px;
}

.list-group--7 .list-group {
  margin-top: 84px;
  width: 100%;
}

.list-group--7 .list-group li {
  width: 100%;
  height: 314px;
  box-sizing: border-box;
  border-top: 1px solid #e1e1e1;
  display: flex;
  justify-content: space-between;
  padding-top: 50px;
  position: relative;
}

.list-group--7 .list-group li:last-child {
  border-bottom: 1px solid #e1e1e1;
}

.list-group--7 .list-group li .box_l {
  width: 448px;
  margin-right: 100px;
  margin-top: 20px;
}

.list-group--7 .list-group li .box_l .date {
  height: 20px;
  display: flex;
  align-items: center;
  letter-spacing: 0.3px;
  line-height: 20px;
}

.list-group--7 .list-group li .box_l .date .tag {
  width: 34px;
  height: 20px;
  background: #e23c32;
  border-radius: 4px;
  font-size: 12px;
  color: #fffefe;
  text-align: center;
  margin-right: 6px;
}

.list-group--7 .list-group li .box_l .date .ymd {
  color: #333;
  font-size: 14px;
}

.list-group--7 .list-group li .box_l .title {
  height: 72px;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: 0.5px;
  color: #333;
  margin-top: 30px;
}

.list-group--7 .list-group li .box_c {
  width: 400px;
  margin: 18px auto 0;
}

.list-group--7 .list-group li .box_c .desc {
  height: 120px;
  line-height: 30px;
  letter-spacing: 0.8px;
  color: #666;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}

.list-group--7 .list-group li .box_c .learn-more {
  height: 30px;
  display: inline-flex;
  align-items: center;
  letter-spacing: 0.3px;
  color: #999;
  margin-top: 60px;
  transition: all 0.6s;
  opacity: 0;
}

.list-group--7 .list-group li .box_c .learn-more .iconfont {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-left: 6px;
  position: relative;
  overflow: hidden;
}

.list-group--7 .list-group li .box_c .learn-more .iconfont::before, .list-group--7 .list-group li .box_c .learn-more .iconfont::after {
  content: "\e622";
  font-family: "iconfont";
  font-size: 12px;
  font-weight: lighter;
  width: 100%;
  height: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 1px;
  transition: all 0.4s;
}

.list-group--7 .list-group li .box_c .learn-more .iconfont::before {
  color: #999;
}

.list-group--7 .list-group li .box_c .learn-more .iconfont::after {
  color: #e23c32;
  left: -30px;
}

.list-group--7 .list-group li .box_c .learn-more:hover {
  color: #e23c32;
}

.list-group--7 .list-group li .box_c .learn-more:hover .iconfont::before {
  left: 30px;
}

.list-group--7 .list-group li .box_c .learn-more:hover .iconfont::after {
  left: 0;
}

.list-group--7 .list-group li .list-thumb {
  width: 340px;
  height: 214px;
  flex-shrink: 0;
  overflow: hidden;
  margin-left: 20px;
}

.list-group--7 .list-group li .list-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.4s;
}

.list-group--7 .list-group li::after {
  content: "";
  width: 100%;
  height: 1px;
  background: #e23c32;
  position: absolute;
  top: -1px;
  left: 0;
  transform: scale(0);
  transition: all 0.6s;
}

.list-group--7 .list-group li:hover::after {
  transform: scale(1);
}

.list-group--7 .list-group li:hover .learn-more {
  opacity: 1;
  margin-top: 30px;
}

.list-group--7 .list-group li:hover .list-thumb img {
  transform: scale(1.3);
}

/* 列表样式8 */
.list-group--8 {
  box-sizing: border-box;
  padding-bottom: 80px;
}

/* 相关新闻 */
.about-news {
  width: 100%;
  height: 634px;
  box-sizing: border-box;
  padding-top: 68px;
  background: #f9f9f9;
}

.about-news-box {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
}

.about-news h1 {
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 30px;
  color: #333;
  margin-bottom: 50px;
}

.about-news h1 .about-news-tool {
  width: 106px;
  height: 46px;
  display: flex;
  justify-content: space-between;
}

.about-news h1 .about-news-tool .iconfont {
  font-style: normal;
  font-size: 46px;
  color: #c9c9c9;
  cursor: pointer;
  transition: all 0.3s;
}

.about-news h1 .about-news-tool .iconfont:hover {
  color: #e23c32;
}

.about-news .about-news-swiper {
  width: 100%;
  height: 384px;
}

.about-news .about-news-swiper .swiper-slide {
  border-radius: 10px;
  background: #fff;
  padding: 20px 28px 28px;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
}

.about-news .about-news-swiper .swiper-slide p,
.about-news .about-news-swiper .swiper-slide h5 {
  position: relative;
  z-index: 1;
  transition: all 0.7s;
}

.about-news .about-news-swiper .swiper-slide p {
  line-height: 28px;
}

.about-news .about-news-swiper .swiper-slide h5 {
  height: 56px;
  line-height: 28px;
  margin-top: 8px;
  margin-bottom: 50px;
  color: #333;
}

.about-news .about-news-swiper .swiper-slide .list-thumb {
  width: 100%;
  height: calc(100% - 142px);
  overflow: hidden;
  border-radius: 6px;
}

.about-news .about-news-swiper .swiper-slide .list-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.about-news .about-news-swiper .swiper-slide::before {
  content: "";
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: #e23c32;
  position: absolute;
  right: -50px;
  bottom: -50px;
  transform: scale(0);
  opacity: 0;
  transition: all 0.7s;
}

.about-news .about-news-swiper .swiper-slide:hover p,
.about-news .about-news-swiper .swiper-slide:hover h5 {
  color: #fff;
}

.about-news .about-news-swiper .swiper-slide:hover::before {
  opacity: 1;
  transform: scale(15);
}

/* 列表详情样式1 */
.list-detail--1 {
  width: 1200px;
  margin: 0 auto;
  box-sizing: border-box;
  padding-top: 92px;
}

.list-detail--1 .title {
  font-size: 38px;
  color: #333;
  font-weight: normal;
  line-height: 66px;
  text-align: center;
  margin-bottom: 26px;
}

.list-detail--1 .detail-about {
  width: 100%;
  height: 72px;
  border: solid #ddd;
  border-width: 1px 0;
  box-sizing: border-box;
}

.list-detail--1 .detail-about td {
  width: 25%;
  box-sizing: border-box;
  border-right: 1px solid #ddd;
  padding-left: 40px;
  color: #333;
}

.list-detail--1 .detail-about td:last-child {
  border-right-color: transparent;
}

.list-detail--1 .detail-rich {
  margin: 44px 0 80px;
  overflow: hidden;
}

.list-detail--1 .detail-rich p {
  margin-bottom: 32px;
  text-indent: 2em;
  text-align: justify;
}

.list-detail--1 .detail-rich p,
.list-detail--1 .detail-rich span {
  font-size: 16px;
  color: #333;
  line-height: 34px;
}

.list-detail--1 .detail-rich img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}

.list-detail--1 .detail-rich video {
  width: 100%;
}

.list-detail--1 .foot-tool {
  height: 88px;
  box-sizing: border-box;
  border-top: 1px solid #e7e5e2;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 54px;
  color: #333;
}

.list-detail--1 .foot-tool a span {
  color: #333;
  transition: all 0.5s;
}

.list-detail--1 .foot-tool a span.iconfont {
  font-size: 14px;
  color: #000;
}

.list-detail--1 .foot-tool a:hover span {
  color: #e23c32;
}

.list-detail--1 .foot-tool a:hover span.iconfont {
  color: #e23c32;
}

/* 列表详情样式2 */
.list-detail--2 {
  width: 100%;
  box-sizing: border-box;
  padding-top: 104px;
  padding-bottom: 90px;
  background: #f0f6f8 url("../images/detail_bg.png") no-repeat top center/100% auto;
}

.list-detail--2 .inner-nav {
  background: transparent;
}

.list-detail--2 .inner-nav .breadcrumb {
  color: #999;
}

.list-detail--2 .inner-nav .breadcrumb::before {
  background: #999;
}

.list-detail--2 .inner-nav .back {
  color: #e23c32;
  display: flex;
  align-items: center;
}

.list-detail--2 .inner-nav .back .iconfont {
  font-size: 24px;
  margin-right: 10px;
}

.list-detail--2 .product-info {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: -22px;
}

.list-detail--2 .product-info .info {
  width: 610px;
  box-sizing: border-box;
  padding-top: 100px;
}

.list-detail--2 .product-info .info .tag {
  display: inline-block;
  min-width: 80px;
  height: 32px;
  box-sizing: border-box;
  padding: 0 14px;
  background: #474747;
  border-radius: 6px;
  text-align: center;
  line-height: 32px;
  color: #fff;
  font-size: 14px;
}

.list-detail--2 .product-info .info h1 {
  color: #333;
  font-size: 36px;
  font-weight: normal;
  line-height: 54px;
  padding: 22px 0;
}

.list-detail--2 .product-info .info p {
  color: #333;
  line-height: 24px;
  padding: 12px 0;
  border-top: 1px solid rgba(51, 51, 51, 0.3);
}

.list-detail--2 .product-info .info p.red {
  color: #e23c32;
}

.list-detail--2 .product-info .info .contact {
  height: 50px;
  margin-top: 36px;
}

.list-detail--2 .product-info .info .contact a {
  min-width: 150px;
  display: inline-flex;
  height: 50px;
  align-items: center;
  justify-content: center;
  color: #fff;
  box-sizing: border-box;
  padding: 0 14px;
  background: #e23c32;
  border-radius: 6px;
  margin-right: 20px;
}

.list-detail--2 .product-info .info .contact a .iconfont {
  font-size: 28px;
  margin-right: 16px;
}

.list-detail--2 .product-info .info .contact a .tel {
  display: none;
}

.list-detail--2 .product-info .info .online-shop {
  width: calc(100% + 20px);
  padding-top: 20px;
  display: flex;
  flex-wrap: wrap;
  position: relative;
}

.list-detail--2 .product-info .info .online-shop::before {
  content: '';
  width: calc(100% - 20px);
  border-top: 1px solid rgba(51, 51, 51, 0.3);
  position: absolute;
  top: 0;
  left: 0;
}

.list-detail--2 .product-info .info .online-shop li {
  margin-right: 16px;
  text-align: center;
}

.list-detail--2 .product-info .info .online-shop .logo-code {
  width: 110px;
  height: 110px;
  background: #ffffff;
  border-radius: 10px;
  border: solid 1px #cacfd1;
  box-sizing: border-box;
  padding: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.list-detail--2 .product-info .info .online-shop .logo-code img {
  max-width: 100%;
  max-height: 100%;
}

.list-detail--2 .product-info .info .online-shop p {
  color: #333;
  font-size: 14px;
  line-height: 26px;
  padding: 0;
  border-top: none;
  text-align: center;
  margin: 10px 0 0;
}

.list-detail--2 .product-info .info .online-shop a {
  display: inline-block;
  text-align: center;
  line-height: 26px;
  width: 96px;
  background: #e23c32;
  border-radius: 4px;
  font-size: 14px;
  color: #ffffff;
}

.list-detail--2 .product-info .product-img {
  width: 590px;
  height: 590px;
  background: url("../images/detail_product_bg.png") no-repeat center/cover;
  position: relative;
  margin-left: 20px;
  flex-shrink: 0;
}

.list-detail--2 .product-info .product-img img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.list-detail--2 .product-detail {
  width: 100%;
  background: url("../images/detail_productinfo_bg2.png") no-repeat right bottom;
  box-sizing: border-box;
  padding: 14px 56px 50px;
}

.list-detail--2 .product-detail-box {
  width: 100%;
  background: #fff url("../images/detail_productinfo_bg.png") no-repeat top center/100% auto;
  border-radius: 10px;
  margin-top: 38px;
}

.list-detail--2 .product-detail h3 {
  line-height: 104px;
  color: #e23c32;
  position: relative;
  text-align: center;
  margin-bottom: 40px;
}

.list-detail--2 .product-detail h3::after {
  content: "";
  width: 100%;
  height: 4px;
  background: linear-gradient(to left, transparent 0%, transparent 50%, #c3c3c3 50%, #c3c3c3 100%);
  background-repeat: repeat-x;
  background-size: 4px 1px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.list-detail--2 .product-detail .detail-rich p,
.list-detail--2 .product-detail .detail-rich span {
  line-height: 30px;
  color: #333;
  font-size: 16px;
}

.list-detail--2 .product-detail .detail-rich img,
.list-detail--2 .product-detail .detail-rich video {
  max-width: 100%;
  margin: 0 auto;
}

.list-detail--2 .foot-tool {
  height: 60px;
  box-sizing: border-box;
  background: #fff;
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #333;
  padding: 0 30px;
  margin-top: 30px;
}

.list-detail--2 .foot-tool a span {
  color: #333;
  transition: all 0.5s;
}

.list-detail--2 .foot-tool a span.iconfont {
  font-size: 14px;
  color: #000;
}

.list-detail--2 .foot-tool a:hover span {
  color: #e23c32;
}

.list-detail--2 .foot-tool a:hover span.iconfont {
  color: #e23c32;
}