.swiper {
  width: 100%;
  height: 20.3125rem;
}
.swiper .swiper-wrapper {
  position: relative;
  height: 100%;
}
.swiper .swiper-wrapper img {
  height: 100%;
}
.swiper .swiper-wrapper .slogan {
  position: absolute;
  top: 4.6875rem;
  left: 50%;
  transform: translate(-50%);
  width: 100%;
  text-align: center;
  font-size: 1rem;
  font-weight: bold;
  color: #ffffff;
}
.product-description {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 4.5rem;
}
.product-description .desc-l {
  margin: 0 auto 2.4375rem;
}
.product-description .desc-l img {
  width: 20.1875rem;
  height: 22.6875rem;
}
.product-description .desc-r {
  max-width: 100%;
  text-align: center;
}
.product-description .desc-r .r-title {
  margin-bottom: 1.5rem;
  font-size: 1.5rem;
  font-weight: 600;
  color: #1e1e1e;
}
.product-description .desc-r .r-text {
  margin-bottom: 1.375rem;
  padding: 0 1.875rem;
  font-size: 0.875rem;
  font-weight: normal;
  color: #5a5a5a;
  text-align: justify;
}
.product-description .desc-r .r-text .text-bold {
  color: #292929;
  font-weight: 500;
}
.product-description .desc-r .flex-wrap {
  padding: 0 1.875rem;
  justify-content: space-between;
}
.product-description .desc-r .usage {
  text-align: center;
  width: 49%;
  background-color: #F8FAFF;
  margin-bottom: 0.3733rem;
  padding: 0.8rem 0;
}
.product-description .desc-r .usage .usage-num {
  margin-bottom: 0.3733rem;
  font-size: 1.5rem;
  font-weight: bold;
  color: #3875f6;
  height: 2.0625rem;
}
.product-description .desc-r .usage .usage-name {
  font-size: 0.75rem;
  font-weight: normal;
  color: #1e1e1e;
}
.product-description .desc-r .usage:not(:last-child) {
  /*margin-right: 3.125rem;*/
}
.product-description .desc-r .usage:not(:nth-child(2n)) {
  margin-right: 0.3733rem;
}
.advantage-img {
  position: relative;
  margin: 0 auto;
  width: 20.9375rem;
  height: 24.8125rem;
  margin-bottom: 7.0625rem;
  background: url(../../../img/h5/home_advantage_1.png) no-repeat;
  background-size: 100% 100%;
}
.advantage-img::after {
  content: attr(data-content-after);
  position: absolute;
  top: calc(100% + 1.875rem);
  left: 50%;
  transform: translate(-50%, 0);
  max-width: 100%;
  width: 100%;
  text-align: center;
  font-size: 1.125rem;
  font-weight: bold;
  color: #333;
}
.advantage-img:has(.radar-area1:hover)::after {
  content: 'Global Plastic Needs Matching Service';
}
.advantage-img:has(.radar-area2:hover)::after {
  content: 'Plastic Market Information Service';
}
.advantage-img:has(.radar-area3:hover)::after {
  content: 'Authoritative index aiding business operation';
}
.advantage-img:has(.radar-area4:hover)::after {
  content: 'Featured plastic TV Channels for knowledge Upgrade';
  max-width: 100%;
}
.advantage-img:has(.radar-area5:hover)::after {
  content: '2M+ Global Enterprise Database & Smart Connection Service';
}
.advantage-img:has(.radar-area6:hover)::after {
  content: 'All-In-One Digital Marketing Solutions';
}
.advantage-img:has(.radar-area7:hover)::after {
  content: 'Customized Live streaming for Global Marketing';
}
.advantage-img:has(.radar-area1:hover) {
  background-image: url(../../../img/h5/home_advantage_1.png);
}
.advantage-img:has(.radar-area2:hover) {
  background-image: url(../../../img/h5/home_advantage_2.png);
}
.advantage-img:has(.radar-area3:hover) {
  background-image: url(../../../img/h5/home_advantage_4.png);
}
.advantage-img:has(.radar-area4:hover) {
  background-image: url(../../../img/h5/home_advantage_6.png);
}
.advantage-img:has(.radar-area5:hover) {
  background-image: url(../../../img/h5/home_advantage_5.png);
}
.advantage-img:has(.radar-area6:hover) {
  background-image: url(../../../img/h5/home_advantage_7.png);
}
.advantage-img:has(.radar-area7:hover) {
  background-image: url(../../../img/h5/home_advantage_3.png);
}
.advantage-img ul {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  padding-left: 0;
}
.advantage-img ul li {
  width: 100%;
  height: 20%;
  border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.5);
  text-align: center;
  position: relative;
}
.advantage-img ul li .radar {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
}
.advantage-img ul li .radar .deco {
  display: block;
  width: 2.3438rem;
  height: 2.3438rem;
  opacity: 1;
  transition: 0.1s;
  transform: translateZ(0);
  margin: 0 auto;
}
.advantage-img ul li .radar .deco:before {
  content: '';
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate3d(-50%, -50%, 0) scale(0.75);
  transition: 0.4s;
  border: 0.0625rem solid hsla(0, 0%, 100%, 0.3);
  border-radius: 100%;
  height: 2.1875rem;
  width: 2.1875rem;
}
.advantage-img ul li .radar .deco:after {
  content: '';
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate3d(-50%, -50%, 0) scale(0.5);
  transition: 0.4s;
  border: 0.0625rem solid hsla(0, 0%, 100%, 0.5);
  border-radius: 100%;
  height: 1.7188rem;
  width: 1.7188rem;
}
.advantage-img ul li .radar .deco i {
  background: hsla(0, 0%, 100%, 0.8);
  border: 0.0625rem solid #fff;
  border-radius: 100%;
  height: 1.0625rem;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate3d(-50%, -50%, 0) scale(0.5);
  transition: 0.4s;
  width: 1.0625rem;
}
.advantage-img ul li:hover .deco:before {
  animation: scalepulse 1.3s linear 0.3s infinite both;
  transform: translate3d(-50%, -50%, 0) scale(1);
}
.advantage-img ul li:hover .deco:after {
  animation: scalepulse 1.3s linear 0.15s infinite both;
  transform: translate3d(-50%, -50%, 0) scale(1);
}
.advantage-img ul li:hover .deco i {
  background: #fff;
  animation: scalepulse 1.3s linear 0s infinite both;
  transform: translate3d(-50%, -50%, 0) scale(1);
}
@keyframes scalepulse {
  20% {
    -webkit-transform: translate3d(-50%, -50%, 0) scale(1.1);
    transform: translate3d(-50%, -50%, 0) scale(1.1);
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
  }
  50% {
    -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
    transform: translate3d(-50%, -50%, 0) scale(1);
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
  }
}
.dynamic-area {
  margin: 0 auto 1.5rem;
  justify-content: center;
}
.dynamic-area .dynamic-item {
  width: 20.9375rem;
  margin-bottom: 1rem;
}
.dynamic-area .dynamic-item img {
  width: 100%;
  height: 12.5rem;
}
.dynamic-area .dynamic-item .desc-box {
  background-color: #f9fafc;
  padding: 1rem 0.875rem;
  font-size: 0.875rem;
  color: #646464;
}
.dynamic-area .dynamic-item .desc-box .title {
  font-size: 1rem;
  font-weight: bold;
  color: #292929;
}
.dynamic-area .dynamic-item .desc-box .create-time {
  display: flex;
  align-items: center;
}
.dynamic-area .dynamic-item .desc-box .create-time i {
  display: inline-flex;
  width: 0.625rem;
  height: 0.625rem;
  margin-right: 0.25rem;
  background: url(../../../img/date.png) no-repeat;
  background-size: 100%;
}
.dynamic-area .dynamic-list {
  width: 20.9375rem;
  padding: 1rem 0.875rem;
  background-color: #f9fafc;
}
.dynamic-area .dynamic-list .cell {
  height: 25%;
  font-size: 0.875rem;
  font-weight: normal;
  color: #868789;
}
.dynamic-area .dynamic-list .cell .cell-title {
  font-size: 1rem;
  font-weight: bold;
  color: #292929;
}
.show-more {
  display: block;
  color: #292929;
  cursor: pointer;
  width: 6.5rem;
  height: 1.5625rem;
  line-height: 1.5625rem;
  font-size: 0.875rem;
  margin: 0 auto 2.5rem;
  border: 0.0625rem solid #64646450;
  text-align: center;
}