.about-container {
  width: 100%;
}
@keyframes bounceY {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-0.94rem);
  }
}
.about-container .banner-list-ctn {
  position: relative;
}
.about-container .bannerlist > .banner1,
.about-container .bannerlist > .banner2 {
  width: 100%;
  height: 35rem;
}
.about-container .banner1 {
  background: url(../image/banner.jpg) no-repeat;
  background-size: 100% 100%;
  position: relative;
}
.about-container .banner1 .insert {
  position: absolute;
  width: 34.63rem;
  margin: auto;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -57%);
}
.about-container .banner1 .insert p {
  font-size: 1.75rem;
  color: #fff;
  font-weight: bold;
  text-align: center;
  letter-spacing: 1.63rem;
  text-indent: 1.63rem;
  margin-bottom: 1.7rem;
}
.about-container .banner1 .insert img {
  width: 100%;
}
.about-container .banner1 .year-num {
  width: 15.1875rem;
  position: absolute;
  top: 3.125rem;
  left: 3.4375rem;
}
.about-container .banner1 .year-num > img {
  width: 100%;
  display: block;
}
.about-container .content {
  width: 100%;
}
.about-container .content > .section1 {
  padding: 4.38rem 0;
  width: 74.94rem;
  margin: auto;
  display: flex;
  justify-content: space-between;
}
.about-container .content > .section1 > .left > p:first-child {
  font-size: 3.75rem;
  color: #333;
  font-weight: bold;
  line-height: 2.5rem;
}
.about-container .content > .section1 > .left > p:last-child {
  font-size: 1.75rem;
  color: #333;
  font-weight: bold;
  line-height: 2.38rem;
}
.about-container .content > .section1 > .right {
  padding-top: 1rem;
}
.about-container .content > .section1 > .right span:first-child {
  margin-right: 4.38rem;
}
.about-container .content > .section1 > .right span {
  display: inline-block;
  color: #333;
  font-weight: bold;
  line-height: 1.63rem;
  font-size: 1.13rem;
  padding-bottom: 0.63rem;
  cursor: pointer;
}
.about-container .content > .section1 > .right span:hover {
  color: #CB1622;
  border-bottom: 0.13rem solid #BE2722;
}
.about-container .content > .section1 > .right span.active {
  color: #CB1622;
  border-bottom: 0.13rem solid #BE2722;
}
.about-container .content > .section2 {
  width: 100%;
  height: 38.81rem;
  position: relative;
  background: url(../image/bg1.jpg) no-repeat;
  background-size: 100% 100%;
}
.about-container .content > .section2 .ctn {
  width: 73.94rem;
  height: 36.94rem;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -2.88rem;
  background: #FAFAFD;
  display: flex;
}
.about-container .content > .section2 .ctn .left {
  width: 27.25rem;
  position: relative;
}
.about-container .content > .section2 .ctn .left > img {
  display: block;
  width: 100%;
}
.about-container .content > .section2 .ctn .left .logo-img {
  position: absolute;
  width: 5.19rem;
  top: 2.06rem;
  left: 2.06rem;
}
.about-container .content > .section2 .ctn .right {
  flex: 1;
  height: 100%;
  box-shadow: 0.06rem 0.19rem 1.13rem 0 rgba(100, 112, 130, 0.1);
  padding: 2.66rem 2.81rem 0;
}
.about-container .content > .section2 .ctn .right .name {
  font-size: 1.75rem;
  font-weight: bold;
  color: #333;
  line-height: 4.5rem;
}
.about-container .content > .section2 .ctn .right .des {
  font-size: 1.13rem;
  color: #333;
  line-height: 2.25rem;
  margin-bottom: 2.5rem;
}
.about-container .content > .section2 .ctn .right .des span {
  color: #DD2731;
}
.about-container .content > .section2 .ctn .right .des.des1 {
  font-weight: bold;
}
.about-container .content > .section2 .ctn .right .tit1 {
  font-size: 1.5rem;
  font-weight: bold;
  color: #C80B14;
  line-height: 4.38rem;
}
.about-container .content > .section2 .ctn .right .fenlei {
  display: flex;
  justify-content: space-between;
}
.about-container .content > .section2 .ctn .right .fenlei .f-item img {
  width: 2.63rem;
  margin-right: 0.4rem;
  display: inline-block;
  transition: all 0.3s linear;
}
.about-container .content > .section2 .ctn .right .fenlei .f-item span {
  font-size: 1.06rem;
  color: #333;
  line-height: 1rem;
  margin-right: 0.7rem;
}
.about-container .content > .section2 .ctn .right .fenlei .f-item:hover img {
  transform: rotateY(180deg);
}
.about-container .content > .section2 .ctn .right .fenlei .f-item:hover span {
  color: #C80B14;
}
.about-container .content > .section3 {
  width: 100%;
  height: 81.25rem;
  background: url(../image/bg2.jpg) no-repeat;
  background-size: 100% 100%;
  padding-top: 3.75rem;
}
.about-container .content > .section3 .tit {
  font-size: 2.38rem;
  line-height: 1.5rem;
  color: #333;
  text-align: center;
  position: relative;
  margin-bottom: 4.5rem;
}
.about-container .content > .section3 .tit::after {
  content: '';
  position: absolute;
  bottom: -1.75rem;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  width: 3.75rem;
  height: 0.13rem;
  background: #BE2722;
}
.about-container .content > .section3 .tabs {
  width: 31.26rem;
  height: 3.13rem;
  margin: auto;
  display: flex;
  margin-bottom: 3.75rem;
}
.about-container .content > .section3 .tabs > div {
  width: 15.63rem;
  height: 3.13rem;
  background: #F5E1E2;
  text-align: center;
  line-height: 3.13rem;
  color: #333;
  font-size: 1.13rem;
  cursor: pointer;
}
.about-container .content > .section3 .tabs > div.active {
  background: #C80B14;
  color: #fff;
}
.about-container .content > .section3 .tabs > div:first-child {
  border-radius: 1.56rem 0 0 1.56rem;
}
.about-container .content > .section3 .tabs > div:last-child {
  border-radius: 0 1.56rem 1.56rem 0;
}
.about-container .content > .section3 .ctn {
  width: 74.94rem;
  height: 100%;
  margin: auto;
}
.about-container .content > .section3 .list {
  position: relative;
}
.about-container .content > .section3 .list:nth-of-type(2) {
  display: none;
}
.about-container .content > .section3 .list .year {
  width: 7.25rem;
  height: 3.06rem;
  background: #fff;
  border-radius: 0.69rem;
  font-size: 1.75rem;
  color: #DD2731;
  text-align: center;
  line-height: 3.06rem;
  margin: 1.25rem auto;
}
.about-container .content > .section3 .list .dot {
  width: 1.25rem;
  height: 1.25rem;
  background: #FD6B51;
  border-radius: 50%;
  margin: auto;
}
.about-container .content > .section3 .list .line {
  width: 0.06rem;
  height: 47.38rem;
  background: #D8D8D8;
  margin: auto;
}
.about-container .content > .section3 .list .img {
  width: 2.25rem;
  height: 2.25rem;
  background: url(../image/lcb-icon.jpg) no-repeat;
  background-size: 100% 100%;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 8.13rem;
}
.about-container .content > .section3 .list .img.img1 {
  top: 8.13rem;
}
.about-container .content > .section3 .list .img.img2 {
  top: 22.1rem;
}
.about-container .content > .section3 .list .img.img3 {
  top: 34.05rem;
}
.about-container .content > .section3 .list .img.img5 {
  top: 13rem;
}
.about-container .content > .section3 .list .img.img6 {
  top: 23rem;
}
.about-container .content > .section3 .list .wenzi {
  position: absolute;
  width: 35rem;
  padding: 1.81rem 2.06rem;
  background: rgba(255, 255, 255, 0.75);
  font-size: 1.13rem;
  line-height: 2rem;
  color: #333;
}
.about-container .content > .section3 .list .wenzi::after {
  content: '';
  display: block;
  position: relative;
  width: 0.81rem;
  height: 0.81rem;
  background: rgba(255, 255, 255, 0.75);
  clip-path: polygon(100% 100%, 0 100%, 100% 0);
}
.about-container .content > .section3 .list .wenzi:hover {
  box-shadow: 0.25rem 0.25rem 1.25rem 0 rgba(220, 158, 161, 0.3);
}
.about-container .content > .section3 .list .wenzi span {
  color: #D51817;
}
.about-container .content > .section3 .list .wenzi.wenzi1 {
  left: 0%;
  top: 7rem;
}
.about-container .content > .section3 .list .wenzi.wenzi1::after {
  left: 32.5rem;
  top: -12rem;
  transform: rotate(-45deg);
}
.about-container .content > .section3 .list .wenzi.wenzi2 {
  right: 0;
  top: 21rem;
}
.about-container .content > .section3 .list .wenzi.wenzi2::after {
  left: -2.45rem;
  top: -18rem;
  transform: rotate(135deg);
}
.about-container .content > .section3 .list .wenzi.wenzi3 {
  left: 0;
  top: 33rem;
}
.about-container .content > .section3 .list .wenzi.wenzi3::after {
  left: 32.5rem;
  top: -14rem;
  transform: rotate(-45deg);
}
.about-container .content > .section3 .list .wenzi.wenzi4::after {
  top: -2rem;
}
.about-container .content > .section3 .list .wenzi.wenzi5 {
  top: 12rem;
}
.about-container .content > .section3 .list .wenzi.wenzi5::after {
  top: -8rem;
}
.about-container .content > .section3 .list .wenzi.wenzi6 {
  top: 22rem;
}
.about-container .content > .section3 .list .wenzi.wenzi6::after {
  top: -26rem;
}