/* .bannerhead {
  height: 100vh;
} */

/* .swiper-containerhead .swiper-wrapper .swiper-slide {
  height: 100vh;
} */

.product_center {
  padding: 1.5rem 0 2.5rem 0;
}

.titbox h4 {
  margin: 0 .25rem 0 0;
}

.product_center .titbox .m {
  width: 20%;
}

.product_center .titbox .m li {
  cursor: pointer;
}

.product_center .titbox .m li:hover {
  color: #004A96;
}

.two_act {
  color: #004A96;
}

.product_center .titbox .r {
  display: flex;
  align-items: center;
  width: 15%;
}

.product_center .titbox .r a {
  display: block;
  padding: .25rem 0;
  width: 100%;
  text-align: center;
  border-radius: 0 0 0 30px;
  color: #004A96 !important;
  border: 1px solid #004A96;
}

.news .titbox .r a:hover,
.product_center .titbox .r a:hover {
  color: #fff !important;
  background-color: #004A96;
  transition: all 0.6s;
}

.swiper-containerproduct {
  margin: .75rem 0;
  padding: 15px;
  overflow: hidden;
}

.swiper-containerproduct a .p_box img {
  display: block;
  width: 100%;
}

.swiper-containerproduct a .p_box {
  position: relative;
    width: 3.9375rem;
    height: 3.9375rem;
  border-radius: 20px;
  overflow: hidden;
}

.swiper-containerproduct a .p_box .text_box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.6);
  display: none;
}

.swiper-containerproduct a .p_box .text_box span {
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
  color: #004A96;
}

.swiper-containerproduct a .p_box .text_box span::after {
  content: " ";
  display: block;
  margin: 20px auto;
  width: 24px;
  height: 3px;
  background: #004A96;
}

.swiper-containerproduct a p {
  margin: .5rem 0 0 0 !important;
  text-align: center;
  font-size: 18px;
  line-height: 25px;
}

.swiper-containerproduct a:hover .text_box {
  display: flex;
}

.swiper-containerproduct a:hover .p_box {
  /* box-shadow: 2px 2px 2px 5px #004A96; */
  border: 5px solid #004A96;
  box-sizing: box-sizing;
}

.swiper-containerproduct a:hover p {
  color: #004A96;
  transition: all 0.6s;
}

.swiper-containerproduct {
  display: none;
}

.swiper-containerproduct ul li {
  width: 22%;
}

.bannerproduct_act {
  display: block;
}

.bannerproduct {
  position: relative;
}

.bannerproduct a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.pbarrow_btnbox {
  display: flex;
}

.pbanner_box .swiper-pagination {
  position: relative;
}

.pbarrow_btnbox .swiper-button-prevproduct,
.pbarrow_btnbox .swiper-button-nextproduct {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 15px;
  width: 60px;
  height: 60px;
  background: rgba(0, 74, 150, 0);
  border: 1px solid rgba(0, 0, 0, 0.2);
  color: rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  font-size: 20px;
  cursor: pointer;
  transition: all 0.6s;
}

.pbarrow_btnbox .swiper-button-prevproduct:hover,
.pbarrow_btnbox .swiper-button-nextproduct:hover {
  color: #fff;
  background-color: #004A96;
  transition: all 0.6s;
}

.pbanner_box::before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 40%;
  transform: translate(-50%, -50%);
  display: block;
  width: 75%;
  height: 1px;
  background: #004A96;
  opacity: 0.3;
}

.pbanner_box {
  position: relative;
}

.swiper-pagination-current {
  color: #004A96;
  font-size: 46px;
}

.swiper-pagination-total {
  font-size: 20px;
  color: rgba(0, 0, 0, 0.2);
}

.swiper-pagination {
  font-size: 20px;
}

.product_center_box {
  background-image: url(../image/index/产品背景\ \(4\).png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.bannerproduct a img {
  transition: all 0.6s;
}

.bannerproduct a:hover img {
  transform: scale(1.1);
  transition: all 0.6s;
}

.news .titbox .l img {
  display: block;
  margin: -0.375rem 0 0 0;
  width: 100%;
}

.news .titbox .r {
  width: 15%;
}

.news .titbox .r a {
  display: block;
  padding: .25rem 0;
  width: 100%;
  text-align: center;
  border-radius: 0 0 0 30px;
  color: #004A96 !important;
  border: 1px solid #004A96;
}


.news {
  padding: 1.5rem 0 1.25rem 0;
}

.news_content {
  margin: .75rem 0 0 0;
}

.news_content .l {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 60%;
}

.news_content .l a {
  width: 47%;
  transition: all 0.6s;
}

.news_content .l a .p_box img {
  display: block;
  width: 100%;
}

.news_content .l a .p_box {
  margin: 0 0 .625rem 0;
}

.news_content .l a p {
  margin: 20px 0 !important;
  color: rgba(0, 0, 0, 0.5);
  transition: all 0.6s;
}

.news_content .l a h4 {
    display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 2;
 overflow: hidden;
  line-height: .5rem;
}

.news_content .r ul li a h4 {
  line-height: .5rem;
}

.news_content .l a span {
  line-height: .4rem;
}

.news_content .r {
  width: 30%;
}

.news_content .r ul li a p {
  margin: 20px 0 !important;
}

.news_content .r ul li a span {
  line-height: .4rem;
}

.news_content .r ul li a {
  display: block;
  margin: 0 0 .5rem 0;
  padding: 0 0 .5rem 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  transition: all 0.6s;
}

.news_content .l a:hover,
.news_content .r ul li a:hover {
  color: #004A96 !important;
  transition: all 0.6s;
}

.news_content .l a:hover p {
  color: #004A96 !important;
  transition: all 0.6s;
}

.news_content .r ul li:last-child a {
  border: none;
}

.news_box {
  background-image: url(../image/index/新闻背景\ \(2\).png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-attachment: fixed;
  perspective: 12.5rem;
}

.job {
  margin: 2.5rem 1.5rem;
  padding: 1.5rem 0;
  box-sizing: border-box;
  color: #fff;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(5px)
}

.job p {
  margin: .75rem 0 !important;
}

.job a {
  display: block;
  margin: 0 auto;
  padding: .3125rem 0;
  width: 15%;
  font-size: .225rem;
  color: #fff !important;
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid #FFFFFF;
}

.job a:hover {
  color: #004A96 !important;
  border: 1px solid #004A96;
  background-color: #fff;
  transition: all 0.6s;
}

.job_box {
  background-image: url(../image/index/招聘背景.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-attachment: fixed;
  perspective: 12.5rem;
}

.news_content .r ul li:last-child a {
  margin: 0 !important;
  padding: 0 !important;
}

@media screen and (max-width: 1680px) {
    /* .bannerhead {
        height: 945px !important;
    } */
}

@media screen and (max-width: 1600px) {
       /* .bannerhead {
        height: 900px !important;
    } */
}

@media screen and (max-width: 1440px) {
           /* .bannerhead {
        height: 810px !important;
    } */
}

@media screen and (max-width: 1366px) {
               /* .bannerhead {
        height: 768px !important;
    } */
}

@media screen and (max-width: 1280px) {
                   /* .bannerhead {
        height: 720px !important;
    } */
}

@media screen and (max-width: 1024px) {
                      /* .bannerhead {
        height: 576px !important;
    } */
}

@media screen and (max-width: 980px) {
                        /* .bannerhead {
                            height: 395.69px !important;
                          } */
    
  .product_center {
    padding: 20px 0 40px 0;
  }

  .product_center .titbox .l {
    margin: 0 0 15px 0;
    width: 100%;
  }

  .product_center .titbox {
    flex-wrap: wrap;
  }

  .titbox h4 {
    font-size: 16px;
  }

  .titbox h5 {
    font-size: 14px;
  }

  .product_center .titbox .r a {
    font-size: 14px;
  }

  .product_center .titbox .m {
    width: 30%;
  }

  .product_center .titbox .r {
    width: 30%;
  }

  .news .titbox .r {
    display: flex;
    justify-content: end;
    width: 100%;
  }

  .news .titbox .l {
    width: 100%;
  }

  .news .titbox {
    flex-wrap: wrap;
  }

  .news .titbox .r a {
    width: 30%;
    font-size: 14px;
  }

  .news .titbox .l img {
    width: 65%;
  }

  .news_content .l,
  .news_content .r {
    width: 100%;
  }

  .news_content {
    flex-wrap: wrap;
  }

  .news {
    padding: 20px 0;
  }

  .news_content {
    margin: 20px 0;
  }

  .news_content .r {
    margin: 20px 0 0 0;
  }

  .news_content .l a .p_box {
    margin: 0 0 15px 0;
  }

  .news_content .l a h4 {
    line-height: 1.5;
  }

  .news_content .l a p {
    margin: 15px 0 !important;
  }

  .news_content .l a span {
    line-height: 1.5;
  }

  .news_content .r ul li a p {
    margin: 15px 0 !important;
  }

  .news_content .r ul li a span {
    line-height: 1.5;
    font-size: 14px;
  }

  .news_content .r ul li a h4 {
    font-size: 16px;
  }

  .news_content .l a h4 {
    font-size: 16px;
  }

  .news_content .l a span {
    font-size: 14px;
  }

  .job h4 {
    font-size: 20px;
  }

  .job p {
    margin: 20px 0 !important;
    font-size: 14px;
    line-height: 1.5;
  }

  .job a {
    width: 20%;
    font-size: 14px;
  }

  .pbanner_box::before {
    display: none;
  }

  .pbarrow_btnbox {
    display: none;
  }

  .swiper-containerproduct {
    margin: 20px 0;
  }

  /* .bannerhead {
    height: 55vh;
  } */
}

@media screen and (max-width: 768px) {
                              /* .bannerhead {
                                  height: 312px !important;
                                } */
}

@media screen and (max-width: 640px) {
        /* .bannerhead {
            height: 260px !important;
          } */
        
          .product_center .titbox .m {
            width: 40%;
          }
}

@media screen and (max-width: 375px) {
    /* .bannerhead {
        height: 152.34px !important;
      } */
}