.banner.swiper {
  height: 9.8rem;
}
.banner.swiper h3 {
  font-weight: 400;
  font-size: 0.48rem;
  color: #FFFFFF;
}
.banner.swiper h2 {
  font-weight: 600;
  font-size: 0.72rem;
  color: #FFFFFF;
  letter-spacing: 0.05rem;
  margin-bottom: 0.2rem;
}
.banner.swiper p {
  font-weight: 400;
  font-size: 0.32rem;
  color: #F8BC54;
  margin-bottom: 1rem;
}
.banner.swiper .comMore {
  background: #FFFFFF;
  color: #003580;
}
.banner.swiper .comMore:hover {
  background: #C41E2A;
  color: #FFFFFF;
}
.banner.swiper .comMore:hover span:last-child {
  background: #FFFFFF;
}
.banner.swiper .comMore span:last-child {
  background: #003580;
}
.banner.swiper .text_left {
  position: absolute;
  top: 2.3rem;
  left: 2.2rem;
}
.banner.swiper .text_Center {
  position: absolute;
  top: 1.62rem;
  left: 50%;
  transform: translateX(-50%);
}
.banner.swiper .text_Center h3 {
  text-align: center;
}
.banner.swiper .text_Center h2 {
  display: flex;
  align-items: center;
  justify-content: center;
}
.banner.swiper .text_Center h2 span {
  font-weight: 400;
  font-size: 0.4rem;
  color: #F5B546;
}
.banner.swiper .text_Center a {
  margin: 0.5rem auto 0;
}
.banner.swiper .swiper-button-next,
.banner.swiper .swiper-button-prev {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  border: 0.02rem solid #FFFFFF;
  transition: all 0.6s;
}
.banner.swiper .swiper-button-next::after,
.banner.swiper .swiper-button-prev::after {
  font-size: 0.16rem;
  color: #FFFFFF;
}
.banner.swiper .swiper-button-next:hover,
.banner.swiper .swiper-button-prev:hover {
  background-color: #C41E2A;
  border: 1px solid #C41E2A;
}
.banner.swiper .swiper-pagination {
  bottom: 0.73rem;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  width: fit-content;
  gap: 0.4rem;
  margin: 0;
}
.banner.swiper .swiper-pagination span {
  width: 0.24rem;
  height: 0.24rem;
  background: #FFFFFF;
  opacity: 1;
  padding: 0.06rem;
  background-clip: content-box;
  border: 1px solid transparent;
  transition: all 0.3s linear;
}
.banner.swiper .swiper-pagination span.swiper-pagination-bullet-active {
  border: 1px solid #FFFFFF;
}
h3.title {
  font-weight: 600;
  font-size: 0.4rem;
  color: #222222;
  text-align: center;
}
.contact h3.title{
  text-align:left;
}
h4.titleEn {
  font-weight: 400;
  font-size: 0.2rem;
  color: #9B9B9B;
  text-align: center;
}
hr.titleline {
  width: 0.6rem;
  height: 0.02rem;
  border: none;
  height: 1px;
  background-color: #C41E2A;
  margin: 0 auto;
}
.about {
  padding: 0.67rem 0 1rem;
}
.about .year {
  font-weight: 400;
  font-size: 0.24rem;
  color: #C41E2A;
  margin-bottom: 0.16rem;
  text-align: center;
}
.about hr {
  margin-top: 0.25rem;
}
.about .content {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.51rem;
  position: relative;
}
.about .content .left {
  position: relative;
  z-index: 2;
}
.about .content .left .tit {
  font-weight: 400;
  font-size: 0.28rem;
  color: #333333;
  margin-bottom: 0.6rem;
}
.about .content .left .numList {
  width: 5.46rem;
  margin-bottom: 0.5rem;
}
.about .content .left .numList .item {
  padding-bottom: 0.37rem;
  border-bottom: 0.01rem solid #E3E3E3;
  display: flex;
  align-items: center;
}
.about .content .left .numList .item:not(:last-child) {
  margin-bottom: 0.37rem;
}
.about .content .left .numList .item img {
  width: 0.5rem;
  height: 0.5rem;
  margin-right: 0.2rem;
}
.about .content .left .numList .item p {
  font-weight: 400;
  font-size: 0.18rem;
  color: #003580;
  line-height: 1;
}
.about .content .left .numList .item p .num,
.about .content .left .numList .item p b {
  font-weight: 600;
  font-size: 0.48rem;
  color: #003580;
  margin-right: 0.06rem;
}
.about .content .left .numList .item p:last-child {
  margin-left: auto;
  color: #828282;
}
.about .content .right {
  width: 8rem;
  height: 8.7rem;
  background: #FFFFFF;
  border-radius: 0rem 0.3rem 0.3rem 0rem;
  margin-left: auto;
  position: relative;
}
.about .content .right img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about .content .right img:last-child {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
  width: 16rem;
  height: 7.6rem;
  object-fit: contain;
  max-width: none;
}
.about .content .right .text {
  position: absolute;
  top: 1.25rem;
  right: 1.38rem;
  font-weight: 600;
  font-size: 1.1rem;
  color: #D3E2F6;
  line-height: 1;
  opacity: 0.2;
  text-transform: uppercase;
}
.about .content .bottom {
  width: 100%;
  height: 1.22rem;
  background: #003580;
  border-radius: 0.15rem 0.15rem 0.15rem 0.15rem;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 3;
  display: flex;
  align-items: center;
}
.about .content .bottom .item {
  height: 0.46rem;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.2rem;
  border-right: 0.01rem solid #F5B546;
}
.about .content .bottom .item:hover .img {
  background: linear-gradient(142deg, #D99930 0%, #F8CB6E 46.32%, #C47808 100%);
  box-shadow: 0.02rem 0.03rem 0.04rem 0.01rem rgba(235, 182, 84, 0.31);
}
.about .content .bottom .item .img {
  width: 0.58rem;
  height: 0.58rem;
  background: rgba(255, 255, 255, 0.44);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s linear;
}
.about .content .bottom .item .img img {
  width: 0.3rem;
  height: 0.3rem;
}
.about .content .bottom .item .text p:first-child {
  font-weight: 400;
  font-size: 0.18rem;
  color: #FFFFFF;
}
.about .content .bottom .item .text p:last-child {
  font-weight: 400;
  font-size: 0.16rem;
  color: #FFFFFF;
  opacity: 0.8;
}
.news {
  padding-bottom: 0.8rem;
}
.news hr {
  margin: 0.1rem auto 0.2rem;
}
.news .list {
  margin: 0.5rem auto;
  display: flex;
  gap: 0.2rem;
}
.news .list .item {
  width: 4.6rem;
  height: 4.98rem;
  background: #F8F8F8;
  border-radius: 0.1rem 0.1rem 0.1rem 0.1rem;
  transition: box-shadow 0.3s linear;
  position: relative;
}
.news .list .item .tag {
  width: 0.92rem;
  height: 0.35rem;
  background: linear-gradient(132deg, #D99930 0%, #F8CB6E 46.32%, #C47808 100%);
  border-radius: 0.63rem 0.63rem 0.63rem 0.63rem;
  position: absolute;
  top: 2.62rem;
  left: 3rem;
  font-weight: 400;
  font-size: 0.14rem;
  color: #FFFFFF;
  text-align: center;
  line-height: 0.35rem;
  z-index: 10;
}
.news .list .item:hover {
  box-shadow: 0rem 0rem 0.06rem 0.01rem rgba(21, 85, 139, 0.34);
}
.news .list .item .scale-box {
  width: 100%;
  height: 2.8rem;
}
.news .list .item .text {
  padding: 0.3rem;
}
.news .list .item .text div {
  display: flex;
  align-items: center;
  gap: 0.05rem;
  font-weight: 400;
  font-size: 0.14rem;
  color: #9B9B9B;
  margin-bottom: 0.17rem;
}
.news .list .item .text div img {
  width: 0.15rem;
  height: 0.15rem;
}
.news .list .item .text .tit {
  font-weight: bold;
  font-size: 0.18rem;
  color: #333333;
  line-height: 0.26rem;
  margin-bottom: 0.2rem;
}
.news .list .item .text .tit:hover {
  color: #003580;
}
.news .list .item .text .desc {
  font-weight: 400;
  font-size: 0.16rem;
  color: #666666;
  line-height: 0.28rem;
}
.news .list .other {
  width: 6.4rem;
}
.news .list .other .head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.news .list .other .head .tit {
  font-weight: bold;
  font-size: 0.22rem;
  color: #333333;
  line-height: 1;
  border-left: 0.02rem solid #C41E2A;
  padding-left: 0.1rem;
}
.news .list .other .head a {
  display: flex;
  align-items: center;
  gap: 0.06rem;
  font-weight: 400;
  font-size: 0.16rem;
  color: #9B9B9B;
}
.news .list .other .head a img {
  width: 0.16rem;
}
.news .list .other .newList {
  width: 100%;
  background: #F8F8F8;
  border-radius: 0.1rem 0.1rem 0.1rem 0.1rem;
  padding: 0.3rem 0.25rem;
  margin-top: 0.15rem;
  position: relative;
}
.news .list .other .newList:after {
  content: '';
  position: absolute;
  top: 0.68rem;
  left: 0.34rem;
  width: 0.01rem;
  height: calc(100% - 0.87rem);
  background: #EEEEEE;
}
.news .list .other .newList .it {
  display: flex;
  margin-bottom: 0.2rem;
  position: relative;
  z-index: 1;
}
.news .list .other .newList .it:hover .round {
  background: #003580;
}
.news .list .other .newList .it .round {
  width: 0.18rem;
  height: 0.18rem;
  background: #DFDFDF;
  margin-right: 0.17rem;
  border-radius: 50%;
  margin-top: 0.21rem;
  transition: background 0.3s linear;
}
.news .list .other .newList .it a {
  display: flex;
  align-items: center;
  gap: 0.12rem;
  padding-bottom: 0.2rem;
  border-bottom: 0.01rem solid #D3D3D3;
  flex: 1;
}
.news .list .other .newList .it .date {
  width: 0.6rem;
  height: 0.6rem;
  background: #23478C;
  border-radius: 0.05rem 0.05rem 0.05rem 0.05rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.news .list .other .newList .it .date .day {
  font-weight: 600;
  font-size: 0.22rem;
  color: #FFFFFF;
}
.news .list .other .newList .it .date .yearMonth {
  font-weight: 400;
  font-size: 0.12rem;
  color: #FFFFFF;
}
.news .list .other .newList .it .tag {
  font-weight: 400;
  font-size: 0.12rem;
  color: #003580;
}
.news .list .other .newList .it .tit {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.16rem;
  color: #222222;
}
.news .list .other .newList .it .tit:hover {
  color: #23478C;
}
.news .comMore {
  margin: 0 auto;
}
.industry {
  padding: 0.8rem 0 1rem;
  background-image: url('/img/industry.png');
}
.industry hr {
  margin: 0.1rem auto 0.2rem;
}
.industry .list {
  margin-top: 0.5rem;
  display: flex;
  gap: 0.2rem;
}
.industry .list .item {
  width: 3.5rem;
  height: 6.5rem;
  position: relative;
  overflow: hidden;
  border-radius: 0.1rem 0.1rem 0.1rem 0.1rem;
  padding: 1.64rem 0.47rem;
  transition: all 0.3s linear;
}
.industry .list .item.active {
  width: 8.6rem;
  padding: 0.98rem 0.91rem;
}
.industry .list .item.active::after{
  background: linear-gradient( 106deg, #0C2B57 0%, rgba(7,48,106,0.68) 45.15%, rgba(0,53,128,0) 100%);
}
.industry .list .item.active .icon {
  margin-left: 0;
}
.industry .list .item.active .icon img {
  border-image: linear-gradient(180deg, #D99930 0%, #F8CB6E 46.32%, rgba(196, 120, 8, 0.06) 100%) 1;
}
.industry .list .item.active .tit {
  margin-left: 0;
}
.industry .list .item.active .text {
  opacity: 1;
}
.industry .list .item::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient( 180deg, #0C2B57 0%, rgba(7,48,106,0.68) 45.15%, rgba(0,53,128,0) 100%);
}
.industry .list .item > img {
  width: auto;
  height: 100%;
  max-width: none;
  object-fit: contain;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.industry .list .item .content {
  position: relative;
  z-index: 1;
}
.industry .list .item .icon {
  width: 0.58rem;
  height: 0.58rem;
  border-radius: 0.02rem 0.02rem 0.02rem 0.02rem;
  overflow: hidden;
  margin-top: 1.65rem;
  margin: 0 auto 0.41rem;
}
.industry .list .item .icon img {
  width: 0.58rem;
  height: 0.58rem;
  padding: 0.09rem;
  border: 0.02rem solid;
  border-image: linear-gradient(180deg, #7DABEB 0%, rgba(125, 171, 235, 0.03) 100%) 1;
  transition: all 0.3s linear;
}
.industry .list .item .tit {
  width: fit-content;
  font-weight: 500;
  font-size: 0.32rem;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
  margin: 0 auto;
  transition: all 0.3s linear;
}
.industry .list .item .text {
  opacity: 0;
  transition: opacity 0.3s linear;
}
.industry .list .item .desc {
  font-weight: 400;
  font-size: 0.16rem;
  color: #FFFFFF;
  line-height: 0.28rem;
  margin-bottom: 0.89rem;
}
.industry .list .item .tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.26rem;
  margin-bottom: 0.25rem;
  max-width: 4.5rem;
}
.industry .list .item .tags .tag {
  min-width: 0.86rem;
  height: 0.34rem;
  border: 0.01rem solid #D99930;
  box-shadow: 0.02rem 0.03rem 0.04rem 0.01rem rgba(235, 182, 84, 0.31);
  border-radius: 0.18rem 0.18rem 0.18rem 0.18rem;
  font-weight: 400;
  font-size: 0.16rem;
  color: #FFFFFF;
  line-height: 0.34rem;
  text-align: center;
  padding: 0 0.1rem;
}
.product {
  padding: 0.8rem 0 1rem;
  background-image: url('../img/product.png');
}
.product .title {
  color: #FFFFFF;
}
.product hr {
  margin-top: 0.1rem;
}
.product .list {
  margin-top: 0.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.2rem;
}
.product .list .item {
  padding: 0.25rem 0.2rem;
  width: 3.85rem;
  height: 4.45rem;
  background: #FAFBFD;
  border-radius: 0.1rem 0.1rem 0.1rem 0.1rem;
}
.product .list .item .tit {
  font-weight: 600;
  font-size: 0.22rem;
  color: #333333;
  padding-bottom: 0.1rem;
  margin-bottom: 0.2rem;
  position: relative;
}
.product .list .item .tit:after {
  content: '';
  width: 0.4rem;
  height: 0.02rem;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #C41E2A;
}
.product .list .item .tag {
  width: 0.8rem;
  height: 0.26rem;
  background: #003580;
  border-radius: 0.17rem 0.17rem 0.17rem 0.17rem;
  font-weight: 400;
  font-size: 0.12rem;
  color: #F9F9F9;
  line-height: 0.26rem;
  text-align: center;
  margin-bottom: 0.1rem;
}
.product .list .item .p1 {
  font-weight: 400;
  font-size: 0.16rem;
  color: #555555;
  margin-bottom: 0.1rem;
}
.product .list .item .p2 {
  font-weight: 400;
  font-size: 0.14rem;
  color: #878787;
  margin-bottom: 0.3rem;
}
.product .list .item .scale-box {
  width: 100%;
  height: 2rem;
}
.global {
  padding: 0.8rem 0;
  background-image: url('../img/global.png');
}
.global .map {
  width: 12rem;
  height: 5.66rem;
  margin: 0.5rem auto 0;
  position: relative;
}
.global .map .red .item {
  width: 0.3rem;
  height: 0.3rem;
  background: #FFFFFF;
  box-shadow: 0rem 0rem 0.06rem 0.01rem rgba(0, 39, 145, 0.37);
  opacity: 0.88;
  position: absolute;
  border-radius: 50%;
  z-index: 5;
}
.global .map .red .item::after,
.global .map .red .item::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
}
.global .map .red .item::after {
  width: 0.1rem;
  height: 0.1rem;
  background: #C41E2A;
}
.global .map .red .item::before {
  width: 0.2rem;
  height: 0.2rem;
  background: #DC000C;
  opacity: 0.32;
}
.global .map .red .item .cilp {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 0.01rem solid #DC000C;
  -webkit-clip-path: polygon(50% 0, 100% 0, 100% 50%, 50% 50%, 50% 100%, 0 100%, 0 50%, 50% 50%);
  clip-path: polygon(50% 0, 100% 0, 100% 50%, 50% 50%, 50% 100%, 0 100%, 0 50%, 50% 50%);
  animation: rotate 3s linear infinite;
}
.global .map .blue .item {
  width: 0.06rem;
  height: 0.06rem;
  background: #003580;
  position: absolute;
  border-radius: 50%;
}
.global .map .blue .item::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #003580;
  z-index: 1;
  animation: light 2s linear infinite;
}
.global .map .line .item {
  width: 0rem;
  height: 0rem;
  position: absolute;
  overflow: hidden;
  transition: all 1s linear;
}
.global .map .line .item img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.global .map .line .item:nth-child(1) {
  bottom: 53.53%;
  right: 58.92%;
}
.global .map .line .item:nth-child(1).active {
  width: 3.12rem;
  height: 1.47rem;
}
.global .map .line .item:nth-child(2) {
  bottom: 51.06%;
  left: 31.5%;
}
.global .map .line .item:nth-child(2).active {
  width: 5.53rem;
  height: 2.2rem;
}
.global .map .line .item:nth-child(3) {
  bottom: 52.06%;
  right: 62.17%;
}
.global .map .line .item:nth-child(3).active {
  width: 1.48rem;
  height: 0.41rem;
}
.global .map .line .item:nth-child(4) {
  top: 38.16%;
  left: 32.08%;
}
.global .map .line .item:nth-child(4).active {
  width: 7.02rem;
  height: 1.64rem;
}
.global .map .line .item:nth-child(5) {
  top: 43.11%;
  right: 61.92%;
}
.global .map .line .item:nth-child(5).active {
  width: 0.45rem;
  height: 1.43rem;
}
.global .bottom {
  width: 13.8rem;
  height: 1.4rem;
  background: linear-gradient(180deg, #214F8F 0%, #003580 100%);
  border-radius: 0.15rem 0.15rem 0.15rem 0.15rem;
  margin: -1.16rem auto auto;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0.52rem;
}
.global .bottom .item {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.global .bottom .item .tit {
  font-weight: 400;
  font-size: 0.18rem;
  color: #FFFFFF;
  margin-bottom: 0.07rem;
}
.global .bottom .item .list {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}
.global .bottom .item .list .it {
  display: flex;
  align-items: center;
  gap: 0.05rem;
}
.global .bottom .item .list .it p {
  font-weight: 500;
  font-size: 0.28rem;
  color: #FFFFFF;
}
.global .bottom .item .list .red {
  width: 0.3rem;
  height: 0.3rem;
  background: #FFFFFF;
  box-shadow: 0rem 0rem 0.06rem 0.01rem rgba(0, 39, 145, 0.37);
  opacity: 0.88;
  position: relative;
  border-radius: 50%;
  z-index: 5;
}
.global .bottom .item .list .red::after,
.global .bottom .item .list .red::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
}
.global .bottom .item .list .red::after {
  width: 0.1rem;
  height: 0.1rem;
  background: #C41E2A;
}
.global .bottom .item .list .red::before {
  width: 0.2rem;
  height: 0.2rem;
  background: #DC000C;
  opacity: 0.32;
}
.global .bottom .item .list .red .cilp {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 0.01rem solid #DC000C;
  -webkit-clip-path: polygon(50% 0, 100% 0, 100% 50%, 50% 50%, 50% 100%, 0 100%, 0 50%, 50% 50%);
  clip-path: polygon(50% 0, 100% 0, 100% 50%, 50% 50%, 50% 100%, 0 100%, 0 50%, 50% 50%);
  animation: rotate 3s linear infinite;
}
.global .bottom .item .list .blue {
  width: 0.2rem;
  height: 0.2rem;
  background: #FFFFFF;
  box-shadow: 0rem 0rem 0.06rem 0.01rem rgba(0, 39, 145, 0.37);
  opacity: 0.88;
  position: relative;
  border-radius: 50%;
}
.global .bottom .item .list .blue::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0.09rem;
  height: 0.09rem;
  border-radius: 50%;
  background: #003580;
  z-index: 1;
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes light {
  0% {
    width: 100%;
    height: 100%;
    opacity: 1;
  }
  100% {
    width: 200%;
    height: 200%;
    opacity: 0;
  }
}
.contact {
  width: 100%;
  height: 5.4rem;
  display: flex;
}
.contact .left {
  width: 50%;
  height: 100%;
  background-image: url('../img/contact1.png');
  position: relative;
  padding: 0.79rem 1.6rem;
}
.contact .left::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(89deg, rgba(12, 43, 87, 0.88) 0%, rgba(0, 53, 128, 0.69) 100%);
  top: 0;
  left: 0;
}
.contact .left .content {
  position: relative;
  z-index: 1;
}
.contact .left .content h3 {
  color: #FFFFFF;
  text-align: left;
  margin-bottom: 0.34rem;
}
.contact .left .content h3 span {
  color: #C41E2A;
}

.contact .left .content h3 span:first-child{
 color: #fff
}
.contact .left .content .desc {
  font-weight: 400;
  font-size: 0.16rem;
  color: #FFFFFF;
  line-height: 0.28rem;
  margin-bottom: 0.7rem;
}
.contact .left .content .comMore {
  background: #FFFFFF;
  color: #003580;
}
.contact .left .content .comMore:hover {
  background: #C41E2A;
  color: #FFFFFF;
}
.contact .left .content .comMore:hover span:last-child {
  background: #FFFFFF;
}
.contact .left .content .comMore span:last-child {
  background: #003580;
}
.contact .right {
  width: 50%;
  height: 100%;
  background-image: url('../img/contact2.png');
  position: relative;
  padding: 0.79rem 0.8rem;
}
.contact .right .tip {
  font-weight: 500;
  font-size: 0.2rem;
  color: #C41E2A;
  margin-top: 0.1rem;
  margin-bottom: 0.3rem;
}
.contact .right .desc {
  font-weight: 400;
  font-size: 0.16rem;
  color: #333333;
  margin-bottom: 0.4rem;
}
.contact .right .list {
  display: flex;
  align-items: center;
  gap: 0.2rem;
  margin-bottom: 0.3rem;
}
.contact .right .list .item {
  width: 1.4rem;
  height: 0.8rem;
  background: rgba(255, 255, 255, 0.56);
  border-radius: 0.05rem 0.05rem 0.05rem 0.05rem;
  border: 0.01rem solid #FFFFFF;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.08rem;
}
.contact .right .list .item:hover {
  background: #003580;
}
.contact .right .list .item:hover img {
  filter: brightness(0) invert(1);
}
.contact .right .list .item:hover p {
  color: #FFFFFF;
}
.contact .right .list .item img {
  width: 0.2rem;
  height: 0.2rem;
}
.contact .right .list .item p {
  font-weight: 400;
  font-size: 0.18rem;
  color: #333333;
}