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

@keyframes fadeInTopRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 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: 200px;
  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);
}

.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.cn {
  margin: 0;
  font-size: 24px;
  font-weight: 500;
}

.head .nav-list li.fir.cn 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.cn a, .head.fixed-white .nav-list li.fir.cn a {
  color: #333;
}

.head.white .nav-list li.fir.cn:hover a, .head.fixed-white .nav-list li.fir.cn: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 {
  display: flex;
  align-items: center;
}

.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: 50%;
  margin-top: -19px;
}

.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;
  line-height: 26px;
  color: #333;
  font-size: 14px;
}

.sticky-foot .value b {
  color: #c70019;
  font-size: 18px;
}

/* 默认左侧内边距 */
.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: 102px;
}

/* 自定义链接 */
.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;
}

/* 缺省模块 */
.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;
}

/* 板块标题 */
.plate-title {
  width: 1120px;
  text-align: center;
  margin: 0 auto;
  position: relative;
}

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

.plate-title .line {
  position: absolute;
  width: 112px;
  height: 2px;
  background: linear-gradient(to right, #c70019 0%, #c70019 36%, transparent 36%, transparent 64%, #c70019 64%, #c70019 100%);
  top: 78px;
  left: 50%;
  transform: translateX(-50%);
}

.plate-title .line::before {
  content: "\e60b";
  font-family: "iconfont";
  width: 24px;
  height: 24px;
  font-size: 24px;
  color: #c70019;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 50%;
  left: 50%;
  margin: -12px 0 0 -12px;
  animation: rotate 5s linear 0s infinite;
}

.plate-title .desc {
  line-height: 30px;
  color: #949494;
  font-size: 16px;
  font-weight: normal;
  margin-top: 50px;
}

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

.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;
  letter-spacing: -0.3px;
  color: rgba(255, 255, 255, 0.95);
}

.index-body .banner-swiper .swiper-slide .text h2 {
  color: rgba(255, 255, 255, 0.95);
  font-size: 40px;
  letter-spacing: -0.2px;
  font-weight: bold;
}

.index-body .banner-swiper .swiper-slide .text .learn-more {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 378px;
  height: 50px;
  box-sizing: border-box;
  border: 2px solid #fff;
  border-radius: 25px;
  color: #fff;
  margin-top: 34px;
  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: 10px;
}

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

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

.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%;
  overflow: hidden;
  background: url("../images/plate_bg_index1.jpg") no-repeat right 90px;
}

.index-body .group .profile {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  padding-top: 120px;
}

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

.index-body .group .profile .introduction {
  box-sizing: border-box;
  padding-right: 72px;
  position: relative;
  margin-top: 20px;
}

.index-body .group .profile .introduction h1 {
  width: 100%;
  font-size: 48px;
  color: #c70019;
  letter-spacing: -0.2px;
  line-height: 62px;
  padding-top: 44px;
  border-top: 2px solid #f1f1f1;
  position: relative;
  z-index: 1;
}

.index-body .group .profile .introduction h1::before {
  content: "";
  width: 40px;
  height: 2px;
  background: #c70019;
  position: absolute;
  top: -2px;
  left: 0;
}

.index-body .group .profile .introduction .text {
  position: relative;
  z-index: 1;
  line-height: 30px;
  color: #969696;
  text-align: justify;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 8;
  overflow: hidden;
  margin-top: 24px;
  margin-bottom: 42px;
}

.index-body .group .profile .introduction::before {
  content: "\e60b";
  font-size: 158px;
  font-family: "iconfont";
  color: transparent;
  background: linear-gradient(45deg, rgba(199, 0, 25, 0.1) 0%, rgba(199, 0, 25, 0) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  position: absolute;
  top: -80px;
  left: -80px;
  animation: rotate 5s linear 0s infinite;
  z-index: 0;
}

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

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

.index-body .group .statistics {
  width: 100%;
  height: 246px;
  box-sizing: border-box;
  margin-top: 94px;
  background: #e23c32 url("../images/plate_bg_index2.png") no-repeat;
  background-size: cover;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.index-body .group .statistics li {
  max-width: 240px;
  display: flex;
  flex-direction: column;
  color: #fff;
}

.index-body .group .statistics li b {
  display: inline-flex;
  align-items: flex-start;
  margin-bottom: 10px;
}

.index-body .group .statistics li span:not(.num) {
  line-height: 22px;
  height: 44px;
}

.index-body .group .statistics li .num {
  font-size: 50px;
  line-height: 56px;
}

.index-body .group .statistics li sup {
  font-size: 12px;
  margin-top: 4px;
  margin-left: 8px;
}

.index-body .product {
  width: 100%;
  position: relative;
  border-top: 1px solid #ddd;
  overflow: hidden;
  box-sizing: border-box;
  padding-top: 94px;
}

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

.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 - 21px);
  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 .ari_bl {
  font-size: 22px;
  line-height: 30px;
  margin-top: 14px;
}

.index-body .product .product-advert .info li .illustrate span:not(.iconfont):not(.ari_bl) {
  font-size: 16px;
  line-height: 30px;
  padding-top: 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;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.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 - 22px);
  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);
}

/* 好医生集团 */
.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;
  font-size: 16px;
  color: #666;
  line-height: 40px;
}

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

.combine-body--jtjj .statistics-list li .num {
  font-size: 42px;
  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;
  font-size: 14px;
}

.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--qywh {
  box-sizing: border-box;
}

.combine-body--qywh .plate-title {
  padding: 80px 0 98px;
}

.combine-body--qywh .plate-title .line {
  top: 158px;
}

.combine-body--qywh .fixed-bg {
  width: 100%;
  height: 574px;
  background: url("../images/box_bg_combine2.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;
  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 .center {
  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:not(.center) {
  position: absolute;
}

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

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

.combine-body--qywh .qywh-body .idea-box .circle-box li:not(.center) .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:not(.center) .circle-mask:hover img:nth-child(1) {
  opacity: 0;
}

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

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

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

.combine-body--qywh .qywh-body .idea-box .circle-box li:not(.center) .idea-detail .type {
  white-space: nowrap;
  font-weight: bold;
  font-size: 22px;
  line-height: 30px;
  margin-bottom: 16px;
  position: relative;
}

.combine-body--qywh .qywh-body .idea-box .circle-box li:not(.center) .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:not(.center):nth-child(1) {
  width: 222px;
  height: 203px;
  top: 0;
  left: 13px;
}

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

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

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

.combine-body--qywh .qywh-body .idea-box .circle-box li:not(.center):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:not(.center):nth-child(1) .idea-detail p {
  text-align: right;
}

.combine-body--qywh .qywh-body .idea-box .circle-box li:not(.center):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:not(.center):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:not(.center):nth-child(2) {
  width: 221px;
  height: 203px;
  top: 0;
  right: 13px;
}

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

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

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

.combine-body--qywh .qywh-body .idea-box .circle-box li:not(.center):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:not(.center):nth-child(2) .idea-detail p {
  text-align: left;
}

.combine-body--qywh .qywh-body .idea-box .circle-box li:not(.center):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:not(.center):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:not(.center):nth-child(3) {
  width: 174px;
  height: 260px;
  right: 0;
  bottom: 48px;
}

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

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

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

.combine-body--qywh .qywh-body .idea-box .circle-box li:not(.center):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:not(.center):nth-child(3) .idea-detail p {
  text-align: left;
}

.combine-body--qywh .qywh-body .idea-box .circle-box li:not(.center):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:not(.center):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:not(.center):nth-child(4) {
  width: 274px;
  height: 153px;
  bottom: 0;
  left: 103px;
}

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

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

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

.combine-body--qywh .qywh-body .idea-box .circle-box li:not(.center):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:not(.center):nth-child(4) .idea-detail p {
  text-align: center;
}

.combine-body--qywh .qywh-body .idea-box .circle-box li:not(.center):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:not(.center):nth-child(5) {
  width: 175px;
  height: 262px;
  bottom: 48px;
  left: 0;
}

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

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

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

.combine-body--qywh .qywh-body .idea-box .circle-box li:not(.center):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:not(.center):nth-child(5) .idea-detail p {
  text-align: right;
}

.combine-body--qywh .qywh-body .idea-box .circle-box li:not(.center):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:not(.center):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:not(.center):hover .idea-detail .type::before {
  transform: translateY(-50%) scale(1.2);
}

.combine-body--qywh .qywh-body .idea-box .circle-box li:not(.center):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_combine4.jpg") no-repeat center/cover;
  padding-top: 162px;
}

.combine-body--qywh .core-values--detail {
  width: 890px;
  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: 20px;
  color: #333;
}

.combine-body--qywh .core-values--detail .title b {
  font-size: 20px;
  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--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;
}

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

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

/* 企业实力 - 营销网络 */
.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;
  margin-top: 60px;
}

.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_strength1.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: 240px;
  line-height: 30px;
  color: #fff;
  box-sizing: border-box;
  padding-right: 20px;
}

.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_strength2.jpg") no-repeat bottom right;
}

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

/* 企业实力 - 旅游景区 */
.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: 870px;
}

.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 {
  margin-top: 20px;
  max-height: 360px;
  overflow: hidden;
  transition: all 0.5s;
}

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

.strength-body--scenic .plate--1 .on-off {
  border: none;
  background: transparent;
  outline: none;
  width: 124px;
  height: 46px;
  display: flex;
  align-items: center;
  margin-top: 56px;
  cursor: pointer;
}

.strength-body--scenic .plate--1 .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;
}

.strength-body--scenic .plate--1 .on-off .iconfont i {
  display: inline-block;
  font-style: normal;
  position: relative;
  z-index: 1;
  transition: all 0.5s;
}

.strength-body--scenic .plate--1 .on-off .iconfont::before {
  content: "";
  width: 46px;
  height: 0;
  background: #e23c32;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: all 0.5s;
}

.strength-body--scenic .plate--1 .on-off span:not(.iconfont) {
  display: inline-block;
  color: #e23c32;
  position: relative;
}

.strength-body--scenic .plate--1 .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;
}

.strength-body--scenic .plate--1 .on-off.open span:not(.iconfont)::after, .strength-body--scenic .plate--1 .on-off:hover span:not(.iconfont)::after {
  transform: scale(1);
}

.strength-body--scenic .plate--1 .on-off.open .iconfont i, .strength-body--scenic .plate--1 .on-off:hover .iconfont i {
  color: #fff;
  transform: rotate(-90deg);
}

.strength-body--scenic .plate--1 .on-off.open .iconfont::before, .strength-body--scenic .plate--1 .on-off:hover .iconfont::before {
  height: 46px;
}

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

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

/* 列表分页 */
.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 {
  box-sizing: border-box;
  padding-bottom: 80px;
}

.list-group--1 .list-group {
  width: 105%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 28px;
  margin-left: -2.5%;
}

.list-group--1 .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--1 .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--1 .list-group li:not(.empty) p {
  color: #999;
  line-height: 26px;
  position: relative;
  z-index: 1;
  transition: all 0.5s;
}

.list-group--1 .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--1 .list-group li:not(.empty) .learn-more span {
  position: relative;
  z-index: 1;
}

.list-group--1 .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--1 .list-group li:not(.empty) .learn-more:hover {
  color: #e23c32;
  border-color: #e23c32;
}

.list-group--1 .list-group li:not(.empty) .learn-more:hover::after {
  width: 100%;
}

.list-group--1 .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--1 .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--1 .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--1 .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--1 .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--1 .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--1 .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--1 .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--1 .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--1 .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--1 .list-group li:not(.empty):hover h4,
.list-group--1 .list-group li:not(.empty):hover p {
  color: #fff;
}

.list-group--1 .list-group li:not(.empty):hover .light {
  opacity: 1;
}

.list-group--1 .list-group li:not(.empty):hover .light .circle {
  opacity: 1;
  transform: scale(1) rotate(0);
}

.list-group--1 .list-group li:not(.empty):hover .light .circle .sm-circle:nth-child(1) {
  top: -98px;
  left: 81px;
  opacity: 1;
  transform: scale(1);
}

.list-group--1 .list-group li:not(.empty):hover .light .circle .sm-circle:nth-child(2) {
  top: -82px;
  left: 4px;
  opacity: 1;
  transform: scale(1);
}

.list-group--1 .list-group li:not(.empty):hover .light .circle .sm-circle:nth-child(3) {
  top: 122px;
  left: -208px;
  opacity: 1;
  transform: scale(1);
}

.list-group--1 .list-group li:not(.empty):hover .learn-more {
  opacity: 1;
}

.list-group--1 .list-group li:not(.empty):hover.hot::after {
  color: #fff;
}

.list-group--1 .list-group .empty {
  width: 22%;
  margin: 0 1.11%;
}

/* 列表样式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;
  padding-top: 34px;
}

.list-group--3 .list-group {
  width: 100%;
}

.list-group--3 .list-group li {
  width: 100%;
  height: 224px;
  margin-top: 54px;
  display: flex;
}

.list-group--3 .list-group li .list-thumb {
  width: 356px;
  height: 100%;
  border-radius: 2px;
  margin-right: 44px;
  overflow: hidden;
  position: relative;
}

.list-group--3 .list-group li .list-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s;
  display: inline-block;
}

.list-group--3 .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--3 .list-group li .list-info .title {
  max-width: 800px;
  font-size: 24px;
  color: #333;
  line-height: 74px;
}

.list-group--3 .list-group li .list-info .desc {
  max-width: 800px;
  color: #666;
  line-height: 30px;
  margin-top: -8px;
}

.list-group--3 .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--3 .list-group li .list-info .date .mm-dd {
  font-size: 44px;
  color: #333;
  line-height: 84px;
}

.list-group--3 .list-group li .list-info .date .yyyy {
  color: #666;
  line-height: 26px;
  margin-top: -12px;
}

.list-group--3 .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--3 .list-group li .list-info .learn-detail span {
  position: relative;
  z-index: 1;
}

.list-group--3 .list-group li .list-info .learn-detail .iconfont {
  font-size: 12px;
  font-weight: bold;
  margin-left: 10px;
}

.list-group--3 .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--3 .list-group li .list-info .learn-detail:hover {
  color: #fff;
  padding: 0 16px 0 10px;
}

.list-group--3 .list-group li .list-info .learn-detail:hover::after {
  width: 100%;
}

.list-group--3 .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--3 .list-group li:hover .list-thumb img {
  transform: scale(1.1);
}

.list-group--3 .list-group li:hover .list-info::after {
  transform: scaleX(1);
}

/* 列表样式4 */
.list-group--4 {
  box-sizing: border-box;
  padding-bottom: 80px;
}

.list-group--4 .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--4 .ag img {
  margin-right: -5px;
}

.list-group--4 .list-group {
  box-sizing: border-box;
  margin-top: 108px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.list-group--4 .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--4 .list-group li * {
  transition: all 0.5s;
}

.list-group--4 .list-group li .list-thumb {
  width: 100%;
  height: 288px;
  border-radius: 6px;
  overflow: hidden;
}

.list-group--4 .list-group li .list-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.list-group--4 .list-group li .date {
  height: 20px;
  display: flex;
  align-items: center;
  letter-spacing: 0.3px;
  line-height: 20px;
  margin-top: 30px;
}

.list-group--4 .list-group li .date .tag {
  width: 40px;
  height: 20px;
  background: #e23c32;
  border-radius: 4px;
  font-size: 12px;
  color: #fffefe;
  text-align: center;
  margin-right: 6px;
}

.list-group--4 .list-group li .date .ymd {
  color: #333;
  font-size: 14px;
}

.list-group--4 .list-group li .title {
  font-size: 20px;
  line-height: 36px;
  letter-spacing: 0.4px;
  color: #333;
  margin-top: 28px;
}

.list-group--4 .list-group li:hover .list-thumb {
  border-radius: 6px 6px 0 0;
}

.list-group--4 .list-group li:hover .list-thumb img {
  transform: scale(1.15);
}

.list-group--4 .list-group::after {
  content: "";
  width: 32.04%;
}

/* 列表详情样式1 */
.list-detail--1 {
  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--1 .inner-nav {
  background: transparent;
}

.list-detail--1 .inner-nav .breadcrumb {
  color: #999;
}

.list-detail--1 .inner-nav .breadcrumb::before {
  background: #999;
}

.list-detail--1 .inner-nav .back {
  color: #e23c32;
  display: flex;
  align-items: center;
}

.list-detail--1 .inner-nav .back .iconfont {
  font-size: 24px;
  margin-right: 10px;
}

.list-detail--1 .product-info {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: -22px;
}

.list-detail--1 .product-info .info {
  width: 550px;
  box-sizing: border-box;
  padding-top: 100px;
}

.list-detail--1 .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--1 .product-info .info h1 {
  color: #333;
  font-size: 36px;
  font-weight: normal;
  line-height: 54px;
  padding: 22px 0;
}

.list-detail--1 .product-info .info p {
  color: #333;
  line-height: 24px;
  padding: 12px 0;
  border-top: 1px solid rgba(51, 51, 51, 0.3);
}

.list-detail--1 .product-info .info p.red {
  color: #e23c32;
}

.list-detail--1 .product-info .info .contact {
  height: 50px;
  margin-top: 36px;
}

.list-detail--1 .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--1 .product-info .info .contact a .iconfont {
  font-size: 28px;
  margin-right: 16px;
}

.list-detail--1 .product-info .info .contact a .tel {
  display: none;
}

.list-detail--1 .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--1 .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--1 .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--1 .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--1 .product-detail h3 {
  line-height: 104px;
  color: #e23c32;
  position: relative;
  text-align: center;
  margin-bottom: 40px;
}

.list-detail--1 .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--1 .product-detail .detail-rich p,
.list-detail--1 .product-detail .detail-rich span {
  line-height: 30px;
  color: #333;
  font-size: 16px;
}

.list-detail--1 .product-detail .detail-rich img,
.list-detail--1 .product-detail .detail-rich video {
  max-width: 100%;
  margin: 0 auto;
}

.list-detail--1 .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--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: 1200px;
  margin: 0 auto;
  box-sizing: border-box;
  padding-top: 92px;
}

.list-detail--2 .title {
  font-size: 38px;
  color: #333;
  font-weight: normal;
  line-height: 66px;
  text-align: center;
  margin-bottom: 26px;
}

.list-detail--2 .detail-about {
  width: 100%;
  height: 72px;
  border: solid #ddd;
  border-width: 1px 0;
  box-sizing: border-box;
}

.list-detail--2 .detail-about td {
  width: 25%;
  box-sizing: border-box;
  border-right: 1px solid #ddd;
  padding-left: 40px;
  color: #333;
}

.list-detail--2 .detail-about td:last-child {
  border-right-color: transparent;
}

.list-detail--2 .detail-rich {
  margin: 44px 0 80px;
  overflow: hidden;
}

.list-detail--2 .detail-rich p {
  margin-bottom: 32px;
  text-indent: 2em;
  text-align: justify;
}

.list-detail--2 .detail-rich p,
.list-detail--2 .detail-rich span {
  font-size: 16px;
  color: #333;
  line-height: 34px;
}

.list-detail--2 .detail-rich img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}

.list-detail--2 .detail-rich video {
  width: 100%;
}

.list-detail--2 .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--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;
}

/* 相关新闻 */
.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);
}