/* 首页轮播图：起始 */
.banner {
  width: 100%;
  height: 42.5rem;
}
.banner img {
  height: 100%;
}
.banner .swiper-slide {
  width: 100%;
  height: 100%;
}
.banner .swiper-button-next,
.banner .swiper-button-prev {
  width: 3.7rem;
  height: 3.7rem;
  border: 0.1rem solid #fff;
  border-radius: 50%;
}
.banner .swiper-button-next::after,
.banner .swiper-button-prev::after {
  font-size: 1rem;
  color: #fff;
}
.banner .swiper-button-next {
  top: auto !important;
  left: 13rem;
  bottom: 11rem;
  transform: rotate(90deg);
}
.banner .swiper-button-next.swiper-button-disabled,
.banner .swiper-button-prev.swiper-button-disabled {
  border-color: #fff !important;
  opacity: 0.8;
}
.banner .swiper-button-next.swiper-button-disabled::after,
.banner .swiper-button-prev.swiper-button-disabled::after {
  color: #fff;
}
.banner .swiper-pagination {
  display: flex;
  justify-content: center;
  position: static !important;
}
.banner .swiper-pagination-bullet {
  box-sizing: content-box;
  border-radius: 0.1rem;
  width: 3rem;
  height: 0.3rem;
  background: rgba(255, 255, 255, 0.3);
  opacity: 1;
}
.banner .swiper-pagination-bullet-active {
  background: #fff !important;
}
.banner .swiper-1 .swiper-pagination {
  bottom: 4rem !important;
  padding: 0 13rem;
  justify-content: flex-start;
  position: absolute !important;
}
.banner .swiper-1 .swiper-pagination-bullet {
  transition: all 1s;
}
#index .product {
  padding: 5rem 0;
}
#index .product .l {
  margin-right: 1rem;
  width: 34rem;
  height: 33.5rem;
  position: relative;
}
#index .product .l > div {
  position: absolute;
  top: 3.5rem;
  left: 3.5rem;
}
#index .product .l > div h2 {
  font-size: 2.5rem;
  color: #18459b;
  font-weight: bold;
}
#index .product .l > div p {
  margin: 0.95rem 0 3.5rem;
  font-size: 1.2rem;
  color: #232b39;
}
#index .product .l > div a {
  position: relative;
  padding-bottom: 1.15rem;
  font-size: 0.9rem;
  color: #18459b;
  transition: 0.3s;
}
#index .product .l > div a::before {
  position: absolute;
  content: '';
  width: 1.5rem;
  height: 0.15rem;
  background-color: #18459b;
  left: 0;
  bottom: 0;
}
#index .product .l:hover a {
  color: #062254;
  transform: translateX(0.5rem);
}
#index .product .r {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
#index .product .r > div {
  position: relative;
  height: 16.25rem;
  transition: 0.3s;
}
#index .product .r > div img {
  height: 100%;
}
#index .product .r > div > div {
  padding: 1.5rem 2rem;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}
#index .product .r > div > div h3 {
  font-size: 1.5rem;
  color: #fff;
}
#index .product .r > div > div p {
  margin-top: 0.75rem;
  font-size: 0.9rem;
  color: #fff;
}
#index .product .r > div a {
  position: absolute;
  right: 2rem;
  bottom: 1.5rem;
  font-size: 0.9rem;
  color: #fff;
  transition: 0.3s;
}
#index .product .r > div a:hover {
  color: #18459b;
}
#index .product .r > div:hover {
  transform: translateX(0.5rem);
}
#index .about {
  padding: 4rem 0;
  background: url(../images/资质荣誉bg.jpg) no-repeat center;
  background-size: cover;
}
#index .about .container .tit  h2 {
    color:rgb(2, 70, 146);
}
#index .about .container .tit  p {
    color:rgb(118, 145, 188);
}
#index .about .container > p {
  margin-top: 3.4rem;
  color: rgb(129, 140, 141);
  font-size: 0.8rem;
  line-height: 1.5rem;
  text-align: center;
}
#index .about .container .more {
  margin-top: 3rem;
}
#index .honor {
  padding: 5rem 0;
}
#index .honor .honor-box {
  position: relative;
  margin-top: 2.7rem;
}
#index .honor .honor-box .swiper-button-next,
#index .honor .honor-box .swiper-button-prev {
  width: 1.8rem;
  height: 1.8rem;
  background-color: #18459b;
}
#index .honor .honor-box .swiper-button-next::after,
#index .honor .honor-box .swiper-button-prev::after {
  font-size: 1rem;
  color: #fff;
}
#index .honor .honor-box .swiper-button-next {
  right: -5rem;
}
#index .honor .honor-box .swiper-button-prev {
  left: -5rem;
}
#index .development {
  /*background-color: #010f2a;*/
  background: url(../images/发展历程bg.jpg) no-repeat center;
  background-size: cover;
}
#index .news {
  padding: 5rem 0;
}
#index .news .top {
  margin-bottom: 3.5rem;
  width: 100%;
}
#index .news .top .tit {
  align-items: flex-start;
}
#index .news .top ul li {
  position: relative;
  padding: 0 2rem;
  cursor: pointer;
}
#index .news .top ul li::before {
  position: absolute;
  content: '';
  width: 0.05rem;
  height: 1.6rem;
  background: #bababa;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}
#index .news .top ul li span {
  display: block;
  width: 7rem;
  height: 2rem;
  text-align: center;
  line-height: 2rem;
  font-size: 0.8rem;
  color: #18459b;
  border: 0.05rem solid #18459b;
}
#index .news .top ul li:last-child {
  padding-right: 0;
}
#index .news .top ul li:last-child::before {
  display: none;
}
#index .news .top ul li:hover span {
  background-color: #18459b;
  color: #fff;
}
#index .news .top ul .active span {
  background-color: #18459b;
  color: #fff;
}
#index .news .con {
  display: flex;
  gap: 0.5rem;
  justify-content: space-between;
}
#index .news .con a {
  width: 32%;
}
#index .news .con a h3 {
  font-size: 2rem;
  color: #333333;
  font-weight: bold;
  transition: 0.3s;
}
#index .news .con a h4 {
  margin: 1.5rem 0 2.5rem;
  font-size: 1.1rem;
  color: #333333;
  transition: 0.3s;
  font-weight: 600;
}
#index .news .con a h5 {
  font-size: 0.8rem;
  color: #999999;
  transition: 0.3s;
  opacity: 0;
}
#index .news .con a div {
  padding-bottom: 2.5rem;
  border-bottom: 0.15rem solid #ced6de;
  transition: 0.3s;
}
#index .news .con a p {
  font-size: 0.8rem;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  line-height: 1.5rem;
  color: #666666;
}
#index .news .con a span {
  display: block;
  margin-top: 1.5rem;
  font-size: 0.8rem;
  color: #18459b;
  font-weight: bold;
  transition: 0.3s;
  font-style: italic;
  opacity: 0;
}
#index .news .con a:hover h3 {
  transform: translateY(-1rem);
  opacity: 0;
}
#index .news .con a:hover h4 {
  color: #18459b;
  transform: translateY(-2rem);
}
#index .news .con a:hover h5 {
  transform: translateY(-2.5rem);
  opacity: 1;
}
#index .news .con a:hover div {
  transform: translateY(-1.5rem);
  opacity: 1;
}
#index .news .con a:hover span {
  transform: translateY(-1.5rem);
  opacity: 1;
}
#index .service {
  padding: 4rem 0;
  background: url(../images/fwbg.jpg) no-repeat center;
  background-size: cover;
}
#index .service .service-container {
  position: relative;
}
#index .service .service-container .service-pic {
  width: 44.1rem;
  transform: translateX(-3.18rem);
}
#index .service .service-container .service-pic img {
  object-fit: contain;
}
#index .service .service-container .service-pic .place {
  position: absolute;
}
#index .service .service-container .service-pic .place .circle {
  position: relative;
  width: 0.36rem;
  height: 0.36rem;
  background-color: #fff000;
  border-radius: 50%;
  z-index: 3;
}
@keyframes scaless {
  0% {
    transform: translate(-50%, -50%) scale(1);
  }
  50%,
  75% {
    transform: translate(-50%, -50%) scale(1.5);
  }
  78%,
  100% {
    opacity: 0;
  }
}
#index .service .service-container .service-pic .place p {
  position: absolute;
  left: 0.55rem;
  white-space: nowrap;
  color: #fff;
  font-size: 0.55rem;
}
#index .service .service-container .service-pic .place .place-info {
  position: absolute;
  right: -13.86rem;
  top: 50%;
  transform: translateY(-45%);
  width: 11.82rem;
  background-color: rgba(36 38 50 / 80%);
  padding: 0.91rem 0.68rem;
  box-sizing: border-box;
  z-index: 99;
  display: none;
  transition: all 0.3s;
}
#index .service .service-container .service-pic .place .place-info::before {
  content: '';
  position: absolute;
  left: -0.45rem;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 0.45rem solid transparent;
  border-right: 0.45rem solid rgba(36 38 50 / 80%);
  border-bottom: 0.45rem solid transparent;
}
#index .service .service-container .service-pic .place .place-info .place-item i {
  color: #fff000;
  font-size: 0.64rem;
}
#index .service .service-container .service-pic .place .place-info .place-item span {
  color: #fff;
  line-height: 1.09rem;
  text-align: justify;
  font-size: 0.55rem;
}
#index .service .service-container .service-pic .place .place-info .place-des {
  margin-bottom: 0.23rem;
}
#index .service .service-container .service-pic .place:hover .place-info {
  display: block;
  transition: all 0.3s;
  transform: translateY(-50%);
}
#index .service .service-container .service-pic .p1 {
  left: 33%;
  top: 32%;
}
#index .service .service-container .service-pic .p2 {
  right: 29%;
  top: 25%;
}
#index .service .service-container .service-pic .p3 {
  right: 37.5%;
  top: 37%;
}
#index .service .service-container .service-pic .p4 {
  right: 31.5%;
  top: 34%;
}
#index .service .service-container .service-pic .p5 {
  right: 36%;
  top: 43.5%;
}
#index .service .service-container .service-pic .p6 {
  right: 45%;
  top: 48%;
}
#index .service .service-container .service-pic .p7 {
  right: 40%;
  top: 47%;
}
#index .service .service-container .service-pic .p8 {
  right: 31.5%;
  top: 51%;
}
#index .service .service-container .service-pic .p9 {
  right: 35%;
  bottom: 47%;
}
#index .service .service-container .service-pic .p10 {
  right: 39%;
  bottom: 45.5%;
}
#index .service .service-container .service-pic .p11 {
  right: 36%;
  bottom: 42%;
}
#index .service .service-container .service-pic .p12 {
  right: 47%;
  bottom: 39%;
}
#index .service .service-container .service-pic .p13 {
  right: 40.5%;
  bottom: 41%;
}
#index .service .service-container .service-pic .p14 {
  right: 46.5%;
  bottom: 43.5%;
}
#index .service .service-container .service-pic .p15 {
  left: 47%;
  bottom: 45%;
}
#index .service .service-container .service-pic .p16 {
  right: 42%;
  top: 43%;
}
#index .service .service-container .service-pic .p17 {
  left: 46%;
  bottom: 35%;
}
#index .service .service-container .service-pic .p18 {
  right: 39%;
  bottom: 33%;
}
#index .service .service-container .service-pic .p19 {
  right: 32.5%;
  bottom: 39%;
}
#index .service .service-container .service-pic .p20 {
  right: 38%;
  bottom: 30.5%;
}
#index .service .service-container .service-pic .p21 {
  right: 29.5%;
  top: 29.5%;
}
#index .service .service-container .service-pic .p22 {
  right: 36.5%;
  top: 39.5%;
}
#index .service .service-container .service-pic .p23 {
  right: 33.5%;
  top: 50%;
}
#index .service .service-container .service-pic .p24 {
  right: 32%;
  top: 52.5%;
}
#index .service .service-container .service-pic .p25 {
  right: 32.5%;
  top: 54%;
}
#index .service .service-container .service-pic .p26 {
  right: 50.5%;
  top: 45.5%;
}
#index .service .service-container .service-pic .p27 {
  right: 48.5%;
  top: 42%;
}
#index .service .service-container .service-pic .p28 {
  right: 54%;
  top: 44%;
}
#index .service .service-container .service-pic .p29 {
  right: 38.5%;
  bottom: 32%;
}
#index .service .service-container .service-pic .c-big .circle {
  width: 0.73rem;
  height: 0.73rem;
}
#index .service .service-container .service-pic .c-big .circle::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 1.64rem;
  height: 1.64rem;
  border-radius: 50%;
  background-color: #fff000;
  opacity: 0.3;
  z-index: 2;
}
#index .service .service-container .service-pic .c-big p {
  left: 1rem;
}
#index .service .service-container .beijing .circle::before {
  animation: scaless 1.5s infinite cubic-bezier(0, 0, 0.49, 1.02);
}
#index .service .service-container .beijing p {
  top: 50%;
  transform: translateY(-50%);
  left: 0.91rem;
}
#index .service .service-container .sichuan .circle::before {
  animation: scaless 1s 1s infinite cubic-bezier(0, 0, 0.49, 1.02);
}
#index .service .service-container .guangdong .circle::before {
  animation: scaless 1s 2s infinite cubic-bezier(0, 0, 0.49, 1.02);
}
#index .service .service-container .servie-txt {
  position: absolute;
  right: 1rem;
  top: 50%;
  width: 30%;
  color: #fff;
  font-size: 0.8rem;
  line-height: 1.8rem;
  transform: translateY(-50%);
}
#index .service .service-container .servie-txt p,
#index .service .service-container .servie-txt span {
  line-height: 1.64rem;
  color: #fff;
  text-align: justify;
}
#index .service .service-container .servie-txt .ser-items {
  margin-top: 1.82rem;
}
#index .service .service-container .servie-txt .ser-items .ser-item {
  width: 49%;
  margin-right: 2%;
}
#index .service .service-container .servie-txt .ser-items .ser-item:nth-child(1),
#index .service .service-container .servie-txt .ser-items .ser-item:nth-child(2) {
  margin-bottom: 1.36rem;
}
#index .service .service-container .servie-txt .ser-items .ser-item:nth-child(2n) {
  margin-right: 0;
}
#index .service .service-container .servie-txt .ser-items .ser-item h4 {
  font-size: 0.73rem;
  color: #0096a3;
  margin-bottom: 0.45rem;
}
#index .service .service-container .servie-txt .ser-items .ser-item p {
  line-height: 1.36rem;
  color: #666;
}
#index .case {
  padding: 5rem 0;
}
#index .case .box {
  margin-top: 2.9rem;
  gap: 1rem;
}
#index .case .box a {
  width: 32%;
  transition: 0.3s;
  overflow: hidden;
}
#index .case .box a img {
  transition: 0.3s;
  height: 12.5rem;
}
#index .case .box a p {
  margin-top: 1rem;
  font-size: 0.9rem;
  color: #333333;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
#index .case .box a:hover {
  padding: 1rem;
  background-color: #18459b;
}
#index .case .box a:hover img {
  height: 11rem;
}
#index .case .box a:hover p {
  color: #fff;
}
#index .case .more {
  margin-top: 3rem;
}