.bg {
  background: #03669B;
}
.c {
  color: #03669B;
}
@media (max-width: 1600px) {
  body {
    --right: 29.375rem;
  }
  .index_one .mySwiper2 .swiper-slide.swiper-slide-next div {
    width: 17.875rem;
    height: 17.875rem;
  }
  .index_one .mySwiper2 .swiper-slide.swiper-slide-next div img {
    height: 11rem;
  }
  .index_one .swiper-button-next {
    left: calc(var(--right) + 11rem);
  }
}
@media (max-width: 1440px) {
  body {
    --right: 24.375rem;
  }
  .index_one .mySwiper2 .swiper-slide.swiper-slide-next {
    padding-left: 5rem;
  }
  .index_one .mySwiper2 .swiper-slide.swiper-slide-next div {
    width: 14.875rem;
    height: 14.875rem;
  }
  .index_one .swiper-button-next {
    left: calc(var(--right) + 13.5rem);
  }
  .index_one .right .hover {
    width: 35.875rem;
    height: 35.875rem;
  }
  .index_one .right {
    height: 35.875rem;
  }
  .index_one .mySwiper2 .swiper-slide.swiper-slide-active img {
    height: 21.625rem;
  }
  .index_one .mySwiper2 .swiper-slide.swiper-slide-active {
    padding-left: 7rem;
  }
  .nyerji ul li a {
    padding: 0px 3rem;
  }
  .show_pro_two .swiper-button-next {
    right: -5.125rem;
  }
  .show_pro_two .swiper-button-prev {
    left: -5.125rem;
  }
}
@media (max-width: 1280px) {
  .index_two .content {
    padding: 3rem var(--container) 3rem 4.25rem;
  }
  .index_one > p {
    font-size: 4rem;
  }
  header .container {
    padding: 0 3.25rem;
  }
  header .container .nav > ul > li {
    padding: 0 1.125rem;
  }
  body {
    --right: 21rem;
  }
  .index_one .mySwiper2 .swiper-slide.swiper-slide-next div {
    width: 12.875rem;
    height: 12.875rem;
  }
  .index_one .right .hover {
    width: 32rem;
    height: 32rem;
  }
  .index_one .right {
    height: 32rem;
  }
  .index_one .swiper-button-next {
    left: calc(var(--right) + 12rem);
    top: 48%;
  }
  .index_one .mySwiper2 .swiper-slide.swiper-slide-active img {
    height: 18.625rem;
  }
  .index_one .mySwiper2 .swiper-slide.swiper-slide-active {
    padding-left: 6rem;
  }
}
@media (max-width: 990px) {
  header {
    display: none;
  }
  .banner .swiper-slide {
    text-align: center;
  }
  .banner .swiper-slide .img {
    height: calc(100vh - 60px);
    background: #d7d8d9;
  }
  .banner .swiper-slide .img img {
    height: calc(100vh - 60px);
    display: none;
  }
  .banner .swiper-slide .left img {
    width: 60%;
  }
  .banner .swiper-slide .right {
    margin-top: 1.875rem;
  }
  .banner .swiper-slide .right img {
    width: 40%;
  }
  .banner .hover_pag .swiper-pagination-bullet {
    width: 7.5rem;
  }
  .index_one .mySwiper2 {
    padding-right: 0;
  }
  .index_one .mySwiper2 .swiper-slide.swiper-slide {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 6rem;
  }
  .index_one .mySwiper2 .swiper-slide.swiper-slide img {
    height: 18.625rem;
  }
  .index_two .left img {
    height: 31.25rem;
    object-fit: cover;
  }
  .index_two .content {
    width: calc(75% + 6.25rem);
  }
  .list_about_two .hover {
    top: 1.875rem;
  }
  .nyerji ul li a {
    padding: 0px 2rem;
  }
  .list_news .name {
    font-size: 18px;
    line-height: 26px;
  }
  .list_news .more {
    margin-top: 15px;
  }
  .show_pro .right {
    padding-top: 0;
  }
  .show_pro .name {
    font-size: 22px;
    line-height: 34px;
    margin-bottom: 10px;
  }
  .show_pro_two .swiper-pagination {
    bottom: 0;
  }
  .show_pro_two .swiper-container {
    padding-bottom: 45px;
  }
  .show_pro_two .swiper-pagination-bullet {
    background: #fff;
    opacity: 1;
  }
  .show_pro_two .swiper-pagination-bullet-active {
    background: #03669B;
  }
  .show_pro_two .right > div {
    padding: 2.125rem 1.75rem;
  }
}
@media (max-width: 767px) {
  .banner .swiper-slide .left img {
    width: 100%;
  }
  .nyerji {
    display: none;
  }
  .nyban img {
    height: 220px;
    object-fit: cover;
  }
  .nyban .hover .p1 {
    font-size: 24px;
  }
  .list_about .douhao img {
    height: 1.875rem;
  }
  .list_about .douhao {
    margin: 10px 0 5px;
  }
  .mt50 {
    margin-top: 20px;
  }
  .p100 {
    padding: 25px 0;
  }
  .banner .swiper-slide .right img {
    width: 80%;
  }
  .banner .hover_pag .swiper-pagination-bullet {
    width: 3rem;
    margin: 0 0.5rem;
  }
  .index_one::before,
  .index_one::after {
    display: none;
  }
  .index_one .mySwiper .swiper-slide {
    display: block !important;
  }
  .index_one .right {
    display: none;
  }
  .index_one .left {
    width: 100%;
    padding-right: 15px;
    float: none;
  }
  .title {
    font-size: 24px;
    line-height: 35px;
  }
  .index_one {
    padding: 25px 0 0;
  }
  .index_one .name {
    font-size: 18px;
  }
  .index_one ul li {
    margin-bottom: 8px;
  }
  .index_one .more {
    margin-top: 15px;
  }
  .index_one .title {
    margin-bottom: 20px;
  }
  .index_one > p {
    font-size: 1.5rem;
    margin-top: 25px;
  }
  .mySwiper {
    padding-bottom: 35px;
  }
  .mySwiper .swiper-pagination {
    bottom: 0;
  }
  .mySwiper .swiper-pagination-bullet-active {
    background: #03669B;
  }
  .index_two .left {
    padding-right: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .index_two .left .over {
    height: 100%;
  }
  .index_two .left img {
    height: 100%;
    object-fit: cover;
  }
  .index_two .content > img {
    display: none;
  }
  .index_two .content {
    width: calc(100% - 30px);
    left: 15px;
    right: auto;
    position: relative;
    padding: 20px;
    margin: 20px 0;
  }
  .index_two .content .douhao img {
    height: 1.875rem;
  }
  .index_two .content .douhao {
    margin: 1rem 0 0.5rem;
  }
  .index_two .bot li .name {
    margin: 10px 0 5px;
  }
  .index_two .bot li .text {
    line-height: 20px;
  }
  .index_two .bot li:nth-child(1),
  .index_two .bot li:nth-child(2) {
    margin-bottom: 25px;
  }
  .index_two .bot,
  .index_three {
    padding: 25px 0;
  }
  .index_three .swiper-container {
    margin-top: 15px;
    padding-bottom: 35px;
  }
  footer ul {
    flex-wrap: wrap;
  }
  footer ul li {
    width: 33.3%;
    padding: 0;
    justify-content: center;
    margin-bottom: 5px;
    font-size: 12px;
    line-height: 22px;
  }
  footer .bot {
    padding: 20px 0;
    margin-top: 20px;
  }
  footer .bot ul li {
    width: 100%;
  }
  footer {
    padding-top: 20px;
  }
  footer .beian {
    padding: 20px 0;
  }
  footer .beian .text {
    font-size: 12px;
    line-height: 20px;
  }
  .list_about_two .hover {
    position: relative;
    z-index: 4;
    top: 0;
  }
  .list_about_two .hover .text,
  .list_about_three .text {
    margin: 10px 0 15px;
  }
  .list_about_two .img {
    position: relative;
    margin-top: -3.5rem;
  }
  .list_about_three .left {
    padding-right: 15px;
  }
  .list_about_three .right {
    padding-top: 15px;
    padding-left: 15px;
  }
  #mapDiv {
    height: 22rem;
    margin-top: 25px;
  }
  .list_contact form {
    margin-top: 20px;
    padding: 15px;
  }
  .list_contact form p {
    text-align: justify;
    margin-bottom: 10px;
  }
  .list_contact form input {
    line-height: 40px;
  }
  .mb25 {
    margin-bottom: 15px;
  }
  .list_contact form button {
    line-height: 40px;
    width: 100%;
  }
  .list_news .ul li .right {
    padding: 15px 15px 0;
  }
  .list_news .ul li {
    padding: 20px 0;
  }
  .list_news .name {
    margin: 8px 0;
  }
  .list_qa .ul li .top {
    padding: 15px;
    font-size: 14px;
  }
  .list_qa .ul li.active .bot {
    padding: 10px 15px;
  }
  .show_pro .right {
    padding-left: 15px;
  }
  .show_pro .text {
    margin-bottom: 15px;
  }
  .show_pro .pr_c::before {
    display: none;
  }
  .show_pro_two .left,
  .show_pro_two .right {
    width: 100%;
  }
  .show_pro_two .swiper-slide > .clearfix {
    flex-wrap: wrap;
  }
  .show_pro_two .right > div {
    margin-top: 0;
    height: auto;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-top: none;
    padding: 15px;
  }
  .show_pro_two .right .name {
    font-size: 18px;
    line-height: 30px;
  }
  .table td,
  .table th {
    white-space: nowrap;
  }
}