.public_title_first.beBlue:hover {
  color: unset !important;
}
.public_title_desc.beBlue:hover {
  color: #666666 !important;
}
.hover-scale > img,
img.hover-scale {
  transition: all 0.3s;
}
.hover-scale:hover img,
img.hover-scale:hover {
  transform: scale(1.05);
  transition: all 0.5s;
}
.container24-8 {
  background: #f7f9fc;
}
.container24-8 > .header-2 > .header {
  position: relative !important;
}
.header-container24-8:nth-child(4) > .header {
  position: relative !important;
  z-index: 1;
}
.header-container24-8:nth-child(4) > .banner-box2-24-8 {
  margin-top: unset;
  overflow: visible;
}
.header-container24-8:nth-child(4) > .banner-box2-24-8 > .box {
  height: 0.8rem;
}
.public-title {
  text-align: center;
}
.public-title .title-text {
  font-size: 0.4rem;
  font-family: "Microsoft YaHei";
  color: #111111;
  line-height: 0.6rem;
}
.public-title .title-desc {
  font-size: 0.18rem;
  font-family: "Microsoft YaHei";
  color: #666666;
  line-height: 0.36rem;
}
.textColor {
  color: #616e87;
  font-size: 0.18rem;
}
.hover-btn {
  font-size: 0.18rem;
  transform: unset !important;
  overflow: hidden;
  transition: all 0.5s;
  border-width: 0.01rem !important;
  border-color: #cccccc !important;
  border-style: solid !important;
  color: #666666 !important;
  background-color: unset !important;
}
.hover-btn::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  transform: translateX(-101%);
  transition: all 0.3s;
  background-color: #ff7022;
}
.hover-btn:hover::before {
  transform: translateX(0);
}
.hover-btn:hover {
  color: #ffffff !important;
  border-color: #ff5e06 !important;
}
.hover-btn.btn-white {
  border-color: #ffffff !important;
  color: #fff6f1 !important;
}
.hover-btn.btn-white::before {
  background-color: #ffffff !important;
}
.hover-btn.btn-white:hover {
  color: #ffffff !important;
  border-color: #ffffff !important;
}
.hover-btn.btn-white:hover > span {
  color: #ffffff !important;
}
p {
  line-height: 0.26rem;
}
.about-24-11-1-1 {
  background: #ffffff;
  padding-bottom: 0.8rem;
}
.about-24-11-1-1 > .box > .content1 {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0 auto;
  flex-direction: column;
  position: relative;
}
.about-24-11-1-1 > .box > .content1 > img {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  top: 0.8rem;
  width: 8.81rem;
  height: 0.76rem;
}
.about-24-11-1-1 > .box > .content1 > h1 {
  margin-top: 1.01rem;
  font-size: 0.4rem;
  color: #222222;
}
.about-24-11-1-1 > .box > .content1 > p {
  font-size: 0.16rem;
  color: #8c8c8c;
  margin-top: 0.45rem;
  text-align: center;
  margin-bottom: 0.32rem;
}
.about-24-11-1-1 > .box > .content1 > span {
  margin-bottom: 0.5rem;
  font-size: 0.2rem;
  color: #666666;
}
.about-24-11-1-1 > .box > .content1 > .right-box {
  height: 0.85rem;
  width: 13.35rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.about-24-11-1-1 > .box > .content1 > .right-box > div {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 100%;
  width: 4.45rem;
}
.about-24-11-1-1 > .box > .content1 > .right-box > div > p {
  margin-bottom: 0.05rem;
  font-size: 0.4rem;
  color: #222222;
}
.about-24-11-1-1 > .box > .content1 > .right-box > div > p > span {
  font-weight: bold;
  font-size: 0.72rem;
  color: #222222;
}
.about-24-11-1-1 > .box > .content1 > .right-box > div > span {
  margin-top: 0.05rem;
  font-size: 0.16rem;
  color: #666666;
}
.about-24-11-1-1 > .box > .content1 > .right-box > div:nth-of-type(2) {
  border-right: 0.01rem solid #e0e0e0;
  border-left: 0.01rem solid #e0e0e0;
}
.about-24-11-1-2 {
  background-color: #f7f7f7;
  padding: 0.83rem /* 83/100 */ 0;
}
.about-24-11-1-2 .box > .public-title {
  text-align: center;
}
.about-24-11-1-2 .box .content-box {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.2rem /* 20/100 */;
  margin-top: 0.52rem /* 52/100 */;
}
.about-24-11-1-2 .box .content-box .item-content {
  height: 2.47rem /* 247/100 */;
  width: 4.93rem /* 493/100 */;
  padding: 0.41rem /* 41/100 */ 0.38rem /* 38/100 */;
  flex: auto;
  color: #ffffff;
  font-weight: regular;
}
.about-24-11-1-2 .box .content-box .item-content .key {
  font-size: 0.24rem /* 24/100 */;
}
.about-24-11-1-2 .box .content-box .item-content .expand {
  margin-top: 0.29rem /* 29/100 */;
  font-size: 0.16rem /* 16/100 */;
  line-height: 1.625;
  text-align: justifyLeft;
  padding-right: var(--pd-right);
}
.about-24-11-1-2 .box .content-box .item-content .bg-image {
  opacity: 0.1;
  position: absolute;
  left: var(--bg-img-left);
  top: var(--bg-img-top);
  pointer-events: none;
}
.about-24-11-1-2 .box .content-box .item-content .bg-image img {
  width: var(--bg-img-width);
}
.about-24-11-1-2 .box .content-box .item-content:nth-of-type(1) {
  background-color: #dca64c;
  --bg-img-width: 1.72rem /* 172/100 */;
  --bg-img-left: 3.7rem /* 370/100 */;
  --bg-img-top: 1.03rem /* 103/100 */;
  --pd-right: 1.03rem /* 103/100 */;
}
.about-24-11-1-2 .box .content-box .item-content:nth-of-type(2) {
  background-color: #59c1a2;
  --bg-img-width: 1.38rem /* 138/100 */;
  --bg-img-left: 3.84rem /* 384/100 */;
  --bg-img-top: 1rem /* 100/100 */;
  --pd-right: 1.02rem /* 102/100 */;
}
.about-24-11-1-2 .box .content-box .item-content:nth-of-type(3) {
  background-color: #abb6be;
  --bg-img-width: 1.42rem /* 142/100 */;
  --bg-img-left: 3.89rem /* 389/100 */;
  --bg-img-top: 1.1rem /* 110/100 */;
  --pd-right: 1.05rem /* 105/100 */;
}
.about-24-11-1-2 .box .content-box .item-content:nth-of-type(4) {
  background-color: #3c86f6;
  --bg-img-width: 1.76rem /* 176/100 */;
  --bg-img-left: 4.56rem /* 456/100 */;
  --bg-img-top: 1.2rem /* 120/100 */;
  --pd-right: 1.11rem /* 111/100 */;
}
.about-24-11-1-2 .box .content-box .item-content:nth-of-type(5) {
  background-color: #ff762b;
  --bg-img-width: 1.92rem /* 192/100 */;
  --bg-img-left: 4.56rem /* 456/100 */;
  --bg-img-top: 1.17rem /* 117/100 */;
  --pd-right: 1.08rem /* 108/100 */;
}
.about-24-11-1-2 .box .content-box .more.hover-style {
  background-color: #ffffff;
  width: 2.93rem /* 293/100 */;
  height: 2.47rem /* 247/100 */;
  color: #999999;
}
.about-24-11-1-2 .box .content-box .more.hover-style .inner-border {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.about-24-11-1-2 .box .content-box .more.hover-style .inner-border img {
  align-items: center;
  width: 0.483rem /* 48.3/100 */;
  height: 0.483rem /* 48.3/100 */;
  margin-bottom: 0.29rem /* 29/100 */;
}
.about-24-11-1-3 {
  position: relative;
}
.about-24-11-1-3 .bg {
  position: relative;
  width: 100%;
  height: auto;
  object-fit: cover;
  overflow: hidden;
}
.about-24-11-1-3 .bg img {
  width: inherit;
  height: inherit;
}
.about-24-11-1-3 .box {
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  height: 100%;
  padding: 0.95rem /* 95/100 */ 0;
}
.about-24-11-1-3 .box .public-title {
  margin-bottom: 0.69rem /* 69/100 */;
}
.about-24-11-1-3 .box .public-title .title-text {
  font-size: 0.32rem /* 32/100 */;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  line-height: 0.56rem /* 56/100 */;
}
.about-24-11-1-3 .box ul.content-box {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
  height: auto;
  align-items: center;
  justify-content: space-between;
  counter-reset: list;
}
.about-24-11-1-3 .box ul.content-box li {
  counter-increment: list;
  box-sizing: border-box;
  height: 1.62rem /* 162/100 */;
  width: 1.7rem /* 170/100 */;
  flex: none;
  background-color: white;
  display: flex;
  flex-direction: column;
  padding: 0.36rem /* 36/100 */ 0 0.28rem /* 28/100 */ 0.2rem /* 20/100 */;
  color: #111111;
  transition: all 0.3s ease-out;
}
.about-24-11-1-3 .box ul.content-box li:hover {
  background-color: #ff5e06;
  transform: translateY(-0.18rem /* 18/100 */);
  color: white !important;
}
.about-24-11-1-3 .box ul.content-box li:hover span {
  color: white !important;
}
.about-24-11-1-3 .box ul.content-box li::before {
  flex: auto;
  display: block;
  content: "0" counter(list);
  font-size: 0.36rem /* 36/100 */;
  font-weight: bold;
  text-align: left;
  line-height: 0.26rem /* 26/100 */;
}
.about-24-11-1-3 .box ul.content-box li span:nth-of-type(1) {
  font-size: 0.22rem /* 22/100 */;
}
.about-24-11-1-3 .box ul.content-box li span:nth-of-type(2) {
  font-size: 0.11rem /* 11/100 */;
  color: #999999;
}
.about-24-11-1-4 {
  background: #ffffff;
  padding-bottom: 0.8rem;
}
.about-24-11-1-4 > .box .public-title {
  padding-top: 0.78rem;
  padding-bottom: 0.4rem;
}
.about-24-11-1-4 > .box > .content-box {
  margin: 0 auto;
  background: url("../images/index-content-24-10-16-centerbg.png");
  background-size: 100%;
  background-repeat: no-repeat;
  width: 14.42rem;
  height: 6.45rem;
}
.about-24-11-1-4 > .box > .content-box > img {
  height: auto;
  position: absolute;
}
.about-24-11-1-4 > .box > .content-box > img:nth-of-type(1) {
  width: 1.26rem;
  margin-top: 0.26rem;
  margin-left: 1.9rem;
}
.about-24-11-1-4 > .box > .content-box > img:nth-of-type(2) {
  width: 0.59rem;
  margin-top: 0.15rem;
  margin-left: 4.78rem;
}
.about-24-11-1-4 > .box > .content-box > img:nth-of-type(3) {
  width: 1.35rem;
  margin-top: 0.8rem;
  margin-left: 2.65rem;
}
.about-24-11-1-4 > .box > .content-box > img:nth-of-type(4) {
  width: 1.19rem;
  margin-top: 1.43rem;
  margin-left: 1.81rem;
}
.about-24-11-1-4 > .box > .content-box > img:nth-of-type(5) {
  width: 1.26rem;
  margin-top: 1.97rem;
  margin-left: 0.41rem;
}
.about-24-11-1-4 > .box > .content-box > img:nth-of-type(6) {
  width: 0.99rem;
  margin-top: 2.31rem;
  margin-left: 2.67rem;
}
.about-24-11-1-4 > .box > .content-box > img:nth-of-type(7) {
  width: 1.27rem;
  margin-top: 3rem;
  margin-left: 1.95rem;
}
.about-24-11-1-4 > .box > .content-box > img:nth-of-type(8) {
  width: 0.69rem;
  margin-top: 3.41rem;
  margin-left: 0.44rem;
}
.about-24-11-1-4 > .box > .content-box > img:nth-of-type(9) {
  width: 0.78rem;
  margin-top: 4.01rem;
  margin-left: 1.92rem;
}
.about-24-11-1-4 > .box > .content-box > img:nth-of-type(10) {
  width: 0.99rem;
  margin-top: 4.26rem;
  margin-left: 3.67rem;
}
.about-24-11-1-4 > .box > .content-box > img:nth-of-type(11) {
  width: 1.17rem;
  margin-top: 5.47rem;
  margin-left: 1.77rem;
}
.about-24-11-1-4 > .box > .content-box > img:nth-of-type(12) {
  width: 0.99rem;
  margin-top: -0.08rem;
  margin-left: 8.4rem;
}
.about-24-11-1-4 > .box > .content-box > img:nth-of-type(13) {
  width: 1.13rem;
  margin-top: 0.35rem;
  margin-left: 9.85rem;
}
.about-24-11-1-4 > .box > .content-box > img:nth-of-type(14) {
  width: 1.2rem;
  margin-top: 0.78rem;
  margin-left: 11.9rem;
}
.about-24-11-1-4 > .box > .content-box > img:nth-of-type(15) {
  width: 0.94rem;
  margin-top: 1.39rem;
  margin-left: 10.65rem;
}
.about-24-11-1-4 > .box > .content-box > img:nth-of-type(16) {
  width: 1.06rem;
  margin-top: 2.04rem;
  margin-left: 11.21rem;
}
.about-24-11-1-4 > .box > .content-box > img:nth-of-type(17) {
  width: 0.93rem;
  margin-top: 2.55rem;
  margin-left: 12.54rem;
}
.about-24-11-1-4 > .box > .content-box > img:nth-of-type(18) {
  width: 1.29rem;
  margin-top: 3.01rem;
  margin-left: 11.3rem;
}
.about-24-11-1-4 > .box > .content-box > img:nth-of-type(19) {
  width: 1.09rem;
  margin-top: 3.88rem;
  margin-left: 12.21rem;
}
.about-24-11-1-4 > .box > .content-box > img:nth-of-type(20) {
  width: 0.77rem;
  margin-top: 4.35rem;
  margin-left: 10.37rem;
}
.about-24-11-1-4 > .box > .content-box > img:nth-of-type(21) {
  width: 1.41rem;
  margin-top: 4.68rem;
  margin-left: 12.41rem;
}
.about-24-11-1-4 > .box > .content-box > img:nth-of-type(22) {
  width: 0.79rem;
  margin-top: 5.24rem;
  margin-left: 11.04rem;
}
/*# sourceMappingURL=24_11about3.css.map */