@media screen and (min-width: 1700px) {

  /* #region  首页*/
  html,
  body {
    font-size: 20px;
  }

  .container {
    width: 1560px;
  }

  /* #endregion */

}

@media screen and (max-width: 1699px) {

  /* #region  首页*/
  html,
  body {
    font-size: 19px;
  }

  .container {
    width: 1350px;
  }

  .index2 .ul a {
    height: 16.5rem;
  }

  header .search {
    width: 13rem;
  }

  footer .footer_top .footer_logo {
    margin-left: 0;
  }

  footer .footer_top ul {
    padding-right: 0;
  }

  .overhaul_top .dot div {
    top: 11rem;
  }

  /* #endregion */

  /* #region  内页*/


  /* #endregion */

}

@media screen and (max-width: 1449px) {

  /* #region  首页*/
  html,
  body {
    font-size: 18px;
  }

  .container {
    width: 1150px;
  }

  .index2 .ul a {
    height: 15rem;
  }

  .index2 .ul a>div .text {
    margin-top: 1.2rem;
    -webkit-line-clamp: 3;
    line-clamp: 3;
  }

  .index5 .right li {
    width: 15rem;
  }

  .index5 .right {
    padding: 2.2rem 0 2.2rem 6rem;
  }

  header .logo img {
    width: 15rem;
  }

  header .nav li {
    padding: 0 .8rem;
  }

  header .search {
    width: 11rem;
  }

  /* #endregion */

  /* #region  内页*/
  .overhaul_top .dot div {
    top: 9.7rem;
  }

  /* #endregion */

}

@media screen and (max-width: 1249px) {

  /* #region  首页*/
  html,
  body {
    font-size: 17px;
  }

  .container {
    width: 920px;
  }

  .index2 .ul a {
    height: 13rem;
  }

  .index2 .ul a>div .text {
    margin-top: 1rem;
    -webkit-line-clamp: 2;
    line-clamp: 2;
  }

  .footer_right {
    max-width: 22%;
  }

  footer .footer_bottom {
    font-size: .9rem;
    padding: 1rem 0;
  }


  .index5 .right li {
    margin-left: 1.5rem;
  }

  .index5 .right a {
    padding-left: 1.5rem;
  }

  .index5 .right {
    padding: 2rem 0 2rem 6rem;
  }

  .index2 .ul a>div {
    transform: translateY(15%);
  }



  /* #endregion */

  /* #region  内页*/
  /* .about1 .left {
    width: 60%;
  } */

  .product .left ul li>a {
    padding: 0 1.2rem;
    font-size: 1.3rem;
  }

  .product .left ul li .pro_three {
    padding: 0 1.2rem;
  }

  .product .left ul li .pro_three a {
    font-size: 1.1rem;
  }

  .overhaul_top .dot div {
    top: 8rem;
  }

  .overhaul_bottom .card {
    width: 100%;
  }

  /* #endregion */

}

@media screen and (min-width: 769px) and (max-width: 1249px) {
  header .container {
    height: 5rem;
  }

  header .logo img {
    width: 16rem;
  }

  header .right {
    position: fixed;
    left: -101%;
    top: 0;
    width: 45%;
    height: 100vh;
    background: #fff;
    display: block;
    padding: 2rem 0;
    transition: ease-out .36s;
    z-index: 9999;
  }

  header .right.on {
    left: 0;
  }

  header .nav {
    display: block;
    margin-right: 0;
  }

  header .nav li>a {
    font-size: 1.2rem;
    justify-content: center;
    color: #333;
  }


  header .nav li>a:hover::after,
  header .nav li>a.active::after {
    width: 3rem;
  }

  header .search input {
    display: block !important;
    font-size: 1.2rem;
    border-radius: 1.6rem;
    border: 1px solid #999 !important;
  }

  header .search {
    width: 17rem;
    height: 3.2rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1rem;
  }

  header .nav li {
    padding: 0;
  }

  header .nav li .nav_two {
    position: relative;
    left: 0;
    top: 0;
    transform: translateX(0);
  }

  header .nav li .nav_two a {
    font-size: 1.2rem;
    line-height: 3;
    background: rgba(239, 239, 239, 1);
  }

  header .nav li .nav_two i {
    right: 1rem;
  }

  header .nav li .nav_two i img {
    width: 1.5rem;
  }

  header .nav li .nav_two a {
    padding: 0 2.5rem;
  }

  header .nav li .nav_two {
    padding-top: 0;
  }


  header .nav li .nav_two .nav_three a {
    font-size: 1.1rem;
    background: #fff;
  }

  .nav_modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    display: none;
    z-index: 999;
  }

  .nav_icon {
    display: block;
    margin-left: auto;
    transition: ease-out .36s;
    position: relative;
  }

  .nav_icon img {
    width: 2.8rem;
    transition: ease-out .36s;
  }

  .nav_icon img:nth-child(2) {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
  }

  .nav_icon2 {
    transform: rotate(90deg);
  }

  header.on .nav_icon img {
    opacity: 0;
  }

  header.on .nav_icon img:nth-child(2) {
    opacity: 1;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {

  /* #region  首页*/
  .container {
    width: 90%;
  }

  /* #endregion */

  /* #region  内页*/


  /* #endregion */

}

@media screen and (max-width: 768px) {

  table {
    /* width: 150%; */
    font-size: 1.1rem;
  }

  table th {
    padding: .5rem;
  }

  table td {
    padding: .5rem;
  }

  /* #region  首页*/
  .container {
    width: 95%;
  }

  .banner .swiper-slide .container div {
    font-size: 2.6rem;
  }

  .banner .swiper-slide .container span {
    font-size: 1.3rem;
  }

  .index1 .container {
    display: block;
  }

  .index1 .container .left {
    width: 100%;
  }

  .index1 .container .right {
    width: 95%;
    margin-left: auto;
    margin-top: 2.1rem;
  }

  .index1 {
    padding: 4rem 0 6rem 0;
  }

  .title div {
    font-size: 2.5rem;
  }

  .title p {
    font-size: 1.1rem;
  }

  .index1 .container .left .text {
    font-size: 1.2rem;
    margin-top: 2.2rem;
  }

  .link {
    font-size: 1.2rem;
  }

  .link span {
    width: 1.5rem;
    height: 1.5rem;
  }

  .index2 .link {
    display: none;
  }

  .index2 .ul a.on {
    width: 100%;
  }

  .index2 .ul a {
    width: 48.5%;
  }

  .index2 .ul a>div {
    transform: translateY(0);
  }

  .index2 .ul a>div span,
  .index2 .ul a>div .text {
    display: none;
  }

  .index2 .ul a>div .more {
    opacity: 1;
    font-size: 1.2rem;
  }

  .index2 .ul a {
    height: 11rem;
    margin-top: 1rem;
  }

  .index2 .ul a.on>div,
  .index2 .ul a>div {
    padding: 2.5rem 2rem 2.6rem 2rem;
  }

  .index2 .ul {
    padding-top: 1.6rem;
  }

  .index2 {
    padding: 4rem 0 5rem 0;
  }

  .index3>div {
    font-size: 1.4rem;
  }

  .index3 video {
    height: 18rem;
    object-fit: cover;
    object-position: center;
  }

  .index4 .link {
    display: none;
  }

  .index4 .swiper-slide {
    font-size: 1.2rem;
  }

  .index4 .swiper-slide .link {
    margin-top: 1.2rem;
  }

  .index4 .bottom .dot img {
    width: 2.6rem;
    height: 2.6rem;
  }

  .index4 .bottom .dot::before {
    height: 1rem;
  }

  .index4 {
    padding: 4rem 0 3.5rem 0;
  }

  .index5 .row {
    display: flex;
    flex-direction: column-reverse;
    margin-top: 2.5rem;
  }

  .index5 .right {
    position: relative;
    top: 0;
    transform: translateY(0);
  }

  .index5 .right {
    padding: 1.6rem 5rem;
    margin-bottom: 1rem;
  }

  .index5 .right li {
    width: auto;
    padding: 1.3rem 0;
    margin-left: 0;
  }

  .index5 .right li div {
    font-size: 4rem;
  }

  .index5 .right li p {
    font-size: 1.2rem;
  }

  .index5 .right li span {
    font-size: 1.5rem;
  }

  .index5 .right a {
    padding: 1.5rem 0 1.2rem 0;
    font-size: 1.6rem;
  }

  .index5 .map>img {
    width: 90%;
  }

  .index5 .map {
    padding-bottom: 60%;
  }

  .index6 .swiper {
    padding: 0 2rem;
  }

  .index6 .swiper-slide p {
    font-size: 1.2rem;
    margin-top: .4rem;
  }

  .index6 .swiper-slide div {
    margin-top: 1.3rem;
  }

  .index6 {
    padding: 4rem 0 3.5rem 0;
  }

  .index7 .swiper-slide h3,
  .index7 .swiper-slide {
    font-size: 1.2rem;
  }

  .index7 {
    padding: 4.5rem 0 4rem 0;
  }

  .index5 .yuan {
    right: 4rem;
    width: 8rem;
  }

  footer .footer_top {
    display: block;
  }

  footer .footer_top ul {
    display: none;
  }

  footer .footer_top .footer_logo {
    justify-content: center;
  }

  footer .footer_top .footer_logo img {
    width: 12rem;
  }

  .footer_right {
    max-width: 100%;
    padding: 1.5rem 1rem 0 1rem;
  }

  footer .footer_top .footer_right .row p {
    font-size: 1.2rem;
    line-height: 1.8rem;
  }

  footer .footer_top .footer_right .row img {
    width: 1.2rem;
  }

  footer .footer_top .footer_right .row i {
    height: 1.8rem;
  }

  footer .footer_top .footer_right .footer_code {
    width: 3rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1rem;
  }

  footer .footer_top .footer_right .footer_code div img {
    width: 12rem;
  }

  footer .footer_top .footer_right .footer_code div {
    /* padding: .5rem; */
    transform: translate(-50%, -.8rem);
  }

  footer .footer_top .footer_right .footer_code div::after {
    border: 0.6rem solid transparent;
    border-bottom: none;
    border-top-color: #fff;
  }

  footer .footer_top {
    padding: 2.5rem 0;
  }

  footer .footer_bottom {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    font-size: 1.1rem;
    text-align: center;
    padding: 1.2rem 0;
  }

  /* footer .footer_bottom a,
  footer .footer_bottom div {
    display: block;
  } */


  header .container {
    height: 5rem;
  }

  header .logo img {
    width: 16rem;
  }

  header .right {
    position: fixed;
    left: -101%;
    top: 0;
    width: 70%;
    height: 100vh;
    background: #fff;
    display: block;
    padding: 2rem 0;
    overflow-y: scroll;
    transition: ease-out .36s;
    z-index: 9999;
  }

  header .right.on {
    left: 0;
  }

  header .nav {
    display: block;
    margin-right: 0;
  }

  header .nav li>a {
    font-size: 1.2rem;
    justify-content: center;
    color: #333;
  }


  header .nav li>a:hover::after,
  header .nav li>a.active::after {
    width: 3rem;
  }

  header .search input {
    display: block !important;
    font-size: 1.2rem;
    border-radius: 1.6rem;
    border: 1px solid #999 !important;
  }

  header .search {
    width: 17rem;
    height: 3.2rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1rem;
  }

  header .nav li {
    padding: 0;
  }

  header .nav li .nav_two {
    position: relative;
    left: 0;
    top: 0;
    transform: translateX(0);
  }

  header .nav li .nav_two a {
    font-size: 1.2rem;
    line-height: 3;
    background: rgba(239, 239, 239, 1);
  }

  header .nav li .nav_two .nav_three {
    position: relative;
    left: 0;
    padding-left: 0;
  }

  header .nav li .nav_two .nav_three a {
    font-size: 1.1rem;
    background: rgb(233 226 226);
  }

  header .nav li .nav_two i img {
    width: 1.5rem;
  }

  header .nav li .nav_two i {
    right: .8rem;
  }

  header .nav li .nav_two>div>a:hover i {
    transform: translateY(-50%);
  }

  header .nav li .nav_two {
    padding-top: 0;
  }

  .nav_modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    display: none;
    z-index: 999;
  }

  .nav_icon {
    display: block;
    margin-left: auto;
    transition: ease-out .36s;
    position: relative;
  }

  .nav_icon img {
    width: 2.8rem;
    transition: ease-out .36s;
  }

  .nav_icon img:nth-child(2) {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
  }

  .nav_icon2 {
    transform: rotate(90deg);
  }

  header.on .nav_icon img {
    opacity: 0;
  }

  header.on .nav_icon img:nth-child(2) {
    opacity: 1;
  }

  .index6 .swiper-slide.swiper-slide-next i::after {
    opacity: 1;
  }

  .index6 .swiper-slide.swiper-slide-next div {
    opacity: 0;
  }

  /* #endregion */

  /* #region  关于我们*/
  .bread {
    font-size: 1.2rem;
    line-height: 4.2rem;
  }

  .bread .container {
    flex-direction: column-reverse;
    align-items: flex-start;

  }

  .bread .right img {
    width: 1.5rem;
    margin-right: 1rem;
  }

  .bread .right a:last-child {
    flex: 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }


  .bread .left {
    display: block;
    width: 100%;
    overflow-x: scroll;
    white-space: nowrap;
  }

  .bread .left a {
    display: inline-block;
  }

  .bread .left a::after {
    bottom: 1px;
  }

  .bread .left a:last-child {
    margin-right: 0;
  }

  .bread .left a:last-child {
    margin-right: 0;
  }

  .about1 {
    display: block;
  }

  .about1 .left {
    width: 100%;
  }

  .about_title p {
    font-size: 1.4rem;
    margin-top: 0.5rem;
  }

  .about_title div {
    font-size: 2.6rem;
  }

  .about1 .left .text {
    font-size: 1.2rem;
  }

  .about1 .left .text {
    padding-top: 1.8rem;
  }

  .about1 .right li {
    padding-left: 0;
    width: 50%;
    font-size: 1.1rem;
  }

  .about1 .right li div span {
    font-size: 2.6rem;
  }

  .about1 .right li div em {
    transform: translateX(0.5rem);
  }

  .about1 .right li {
    margin-top: 2.5rem !important;
  }

  .about1 {
    padding-top: 4rem
  }

  .about2 {
    background-attachment: unset;
    background-size: cover;
    background-position: center;
  }

  .about2 .container img {
    width: 3.5rem;
  }

  .about2 .container {
    height: 25rem;
  }

  .about3 .text {
    font-size: 1.2rem;
  }

  .about3 {
    padding: 4rem 0 6rem 0;
  }

  .about4 {
    padding-right: 0;
  }

  .about4 .swiper-slide {
    display: block;
  }

  .about4 .swiper-slide .left {
    position: relative;
    width: 100%;
  }

  .about4 .swiper-slide .right {
    width: 100%;
  }

  .about4 .swiper-slide .right .text .t2 {
    font-size: 1.2rem;
  }

  .about4 .swiper-slide .right .text {
    padding: 0 6.5%;
  }

  .about4 .swiper-slide .right .line {
    padding-right: 13%;
  }

  .about4 .swiper-slide .right .line img {
    width: 2.2rem;
  }

  .about4 .swiper-slide .right {
    padding: 2rem 0;
  }

  .about4 .swiper-slide .left img {
    height: 18.5rem;
  }

  .about5 {
    padding: 3rem 0 5.5rem 0;
  }

  .about5 ul li img {
    width: 58.33%;
  }

  .about5 ul li img:nth-child(2) {
    width: 39.8%;
  }

  .about5 ul li {
    margin-top: .7rem;
  }

  .about5 ul {
    padding-top: 1.8rem;
  }

  .service {
    font-size: 1.2rem;
  }

  .about_title2 span {
    font-size: 1.1rem;
  }

  .technology .swiper .swiper-slide {
    display: block;
    padding-top: 6.5rem;
  }

  .technology .swiper .left {
    position: relative;
    width: 100%;
  }

  .technology .swiper .right {
    width: 100%;
  }


  .technology .technology_swp .swp_abs {
    width: 100%;
    padding: 0 1rem;
  }

  .technology .technology_swp .swp_abs.swp_title {
    top: .8rem;
  }

  .technology .technology_swp .swp_title li {
    margin-right: 0;
    flex: 1;
    text-align: center;
    font-size: 1.25rem;
  }

  .technology .swiper .right {
    font-size: 1.2rem;
    padding: 2.2rem 1.5rem 4rem 1.5rem;
  }

  .technology .technology_swp .swp_abs.swp_dot .swiper-pagination-bullet {
    width: .75rem;
    height: .75rem;
  }

  .technology .technology_swp .swp_abs.swp_dot {
    bottom: 1.5rem;
    display: flex;
    justify-content: center;
  }

  .experiment,
  .technology {
    padding-bottom: 5rem;
  }

  .experiment .ul {
    justify-content: space-between;
  }

  .experiment .ul a {
    width: 49%;
    margin-right: 0;
    margin-top: .75rem;
    border-radius: .5rem;
  }

  .experiment .ul a p {
    font-size: 1.1rem;
    line-height: 2.6rem;
  }

  /* #endregion */

  /* #region  产品*/
  .product {
    display: block;
  }

  .product .left {
    width: 100%;
  }

  .product .right {
    width: 100%;
  }

  .product .left ul li .pro_three a {
    font-size: 1.2rem;
    line-height: 2.8rem;
  }

  .product .left ul li>a,
  .product .left ul li .pro_three {
    padding: 0 1.5rem;
  }

  .pro_title div {
    font-size: 1.1rem;
  }

  .pro_title p {
    font-size: 2.3rem;
  }

  .product .right {
    font-size: 1.2rem;
  }

  .product .right .pro_row3 {
    padding-left: 0;
  }

  .product .right .pro_row4 .pro_row4_title div {
    font-size: 1.5rem;
  }

  .product .right .pro_row4 .pro_row4_title p {
    font-size: 1.2rem;
  }

  .product .right .pro_row4 .swiper-slide .text>span {
    font-size: 1.4rem;
  }

  .product .right .pro_row4 .swiper-slide {
    display: block;
  }

  .product .right .pro_row4 .swiper-slide .text {
    width: 100%;
  }

  .product .right .pro_row4 .swiper-slide .img {
    width: 100%;
    margin-top: 1.5rem;
  }

  .product .right .pro_row4 {
    padding-left: 4%;
    padding-right: 4%;
  }

  .product .right .pro_row4 .pro_dot .swiper-pagination-bullet {
    width: 1.75rem;
  }

  .product .right .pro_row4 .pro_dot .swiper-pagination-bullet-active {
    width: 2.5rem;
  }

  .product .right .pro_row {
    padding-left: 0;
    padding-top: 2.5rem;

  }

  .product .right .pro_row .row {
    display: block;
  }

  .product .right .pro_row .row .img {
    width: 100%;
  }

  .product .right .pro_row .row .text {
    width: 100%;
    margin-top: 1.5rem;
  }

  .product .right .pro_row .row .text>span {
    font-size: 1.4rem;
  }

  .product .right .pro_row2 {
    padding-left: 0;
  }

  .product {
    padding-bottom: 6rem;
  }

  .product .right .pro_row5 {
    padding: 2.5rem 4% 2.5rem 4%;
    margin-top: 1.5rem;
    font-size: 1.2rem;
  }

  .product .right .pro_row5 .row {
    display: block;
  }

  .product .right .pro_row5 .row>img {
    width: 100%;
  }

  .product .right .pro_row5 .row>div {
    width: 100%;
    margin-top: 1.5rem;
  }

  .product .right .pro_row6 .pro_row6_title {
    font-size: 1.4rem;
  }

  .product .right .pro_row6 .ul li {
    font-size: 1.2rem;
  }

  .product .right .pro_row6 {
    padding-left: 0;
  }

  .product .right .pro_row6 .ul li {
    padding: 0 2rem;
    margin: 0.75rem 0.5rem 0 0.5rem;
  }


  .product .right .pro_row7 .pro7_bottom {
    font-size: 1.2rem;
  }

  .product .right .pro_row7 .pro7_bottom .color {
    font-size: 1.4rem;
  }

  .product .right .pro_row7 {
    padding-left: 4%;
    margin-right: 4%;
  }

  .product .right .pro_row7 .pro7_top .swiper-slide {
    font-size: 1.3rem;
  }

  .product .right .pro_row7 {
    padding-bottom: 4rem;
  }

  .electric {
    padding-bottom: 6rem;
  }

  .electric .top {
    justify-content: space-between;
  }

  .electric .top a {
    width: 48.7%;
    margin-right: 0;
  }

  .electric .top a p {
    font-size: 1.5rem;
    bottom: 9%;
  }

  .electric .top a div img {
    width: 2.3rem;
  }

  .electric .top a div {
    padding-bottom: 8%;
  }

  .electric .top a div::after {
    border: .7rem solid transparent;
    border-bottom: none;
    border-top-color: rgba(7, 98, 203, 0.55);
  }

  .electric {
    font-size: 1.2rem;
  }

  .electric .color {
    font-size: 1.4rem;
  }

  .electric .electric_row1 {
    display: block;
  }

  .electric .electric_row1 .text {
    width: 100%;
  }

  .electric .electric_row1 .img {
    width: 100%;
    margin-top: 1.5rem;
  }

  .electric .pro_title {
    margin-top: 4.5rem;
  }

  .mud .ul {
    justify-content: space-between;
  }

  .mud .ul {
    margin-right: 0;
  }

  .mud .ul a {
    width: 48.5%;
  }

  .mud .ul a h3 {
    font-size: 1.3rem;
  }

  .mud .ul a p {
    font-size: 1.1rem;
  }

  .pagination .page-numbar a {
    width: 2.5rem;
    height: 2.5rem;
    font-size: 1.1rem;
  }

  .pagination {
    margin-top: 4rem;
  }

  .mud {
    padding-bottom: 5rem;
  }

  .mud_details .top .row {
    display: block;
  }

  .mud_details .top .row .img {
    width: 100%;
  }

  .mud_details .top .row .text {
    width: 100%;
    margin-top: 1.5rem;
  }

  .mud_details .top .row .text .color {
    font-size: 1.4rem;
  }

  .mud_details .top .row {
    font-size: 1.2rem;
  }

  .mud_details .top .title {
    font-size: 1.6rem;
  }

  .mud_details {
    padding-bottom: 6rem;
  }

  .mud_details .table {
    margin-top: 3.8rem;
  }

  .energy .energy_top .swiper-slide {
    font-size: 1.3rem;
  }

  .energy .energy_bottom .swiper-slide {
    display: block;
    padding: 1rem 1rem 1.8rem 1rem;
  }

  .energy .energy_bottom .swiper-slide .img {
    width: 100%;
  }

  .energy .energy_bottom .swiper-slide .text {
    width: 100%;
    font-size: 1.2rem;
    margin-top: 1.5rem;
  }

  .energy {
    padding-bottom: 5rem;
  }

  /* #endregion */

  /* #region  企业服务*/

  .overhaul_top .swiper {
    width: 92%;
  }

  .overhaul_top .swiper-slide .text {
    font-size: 1.2rem;
  }

  .overhaul_top .swiper-slide .text {
    margin-top: 2rem;
  }

  .overhaul_bottom .card .text {
    font-size: 1.2rem;
  }




  .conservation .center li {
    font-size: 1.2rem;
    padding: 0 1.8rem;
  }

  .conservation .center li:last-child {
    margin-right: 0;
  }

  .conservation .center {
    padding-top: 2.5rem;
  }

  .conservation .bottom {
    font-size: 1.2rem;
  }

  .conservation .bottom .card .tit {
    font-size: 1.4rem;
  }

  .conservation .bottom .card .title,
  .conservation .bottom .card .text,
  .conservation .bottom .card .tit {
    margin-bottom: 1.5rem;
  }

  .conservation .bottom {
    padding: 3rem 0 5rem 0;
  }

  .accessory .row .container {
    display: block;
  }

  .accessory .row .left {
    width: 100%;
  }

  .accessory .row .right {
    padding-left: 0;
    margin-top: 2.5rem;
  }

  .accessory .row .right div {
    font-size: 1.2rem;
  }

  .accessory .row .left .bottom .prev img,
  .accessory .row .left .bottom .next img {
    width: 1.5rem;
  }

  .accessory .row .left .top .swiper-slide div {
    font-size: 1.3rem;
    line-height: 3.1rem;
  }

  .maintenance {
    font-size: 1.2rem;
    padding-bottom: 5rem;
  }

  .maintenance .tit {
    font-size: 1.4rem;
  }

  .maintenance .text,
  .maintenance .tit {
    margin-bottom: 1.5rem;
  }

  /* #endregion */

  /* #region  工程案例  新闻*/
  .engineering .ul {
    justify-content: space-between;
  }

  .engineering .ul a {
    width: 48.8%;
    margin-right: 0;
  }

  .engineering .ul a h3 {
    font-size: 1.25rem;
    margin-top: .95rem;
  }

  .engineering_details .title {
    font-size: 2.2rem;
  }

  .engineering_details .text {
    font-size: 1.2rem;
  }

  .engineering_details {
    padding: 3.5rem 0 5rem 0;
  }

  .news .ul {
    justify-content: space-between;
  }

  .news .ul a {
    width: 48.8%;
    margin-right: 0;
    font-size: 1.2rem;
  }

  .news {
    padding-bottom: 5rem;
  }

  .news .pagination {
    margin-top: 4rem;
  }

  .news_details {
    display: block;
  }

  .news_details .left {
    width: 100%;
  }

  .news_details .right {
    width: 100%;
  }

  .news_details .left h1 {
    font-size: 1.4rem;
  }

  .news_details .left .date span {
    font-size: 1.1rem;
  }

  .news_details .left .date img {
    width: 1.1rem;
  }

  .news_details .left .date span {
    margin-right: 3.5rem;
  }

  .news_details .left .text {
    font-size: 1.2rem;
  }

  .news_details .left .date {
    margin-top: 1.5rem;
  }

  .news_details .left .row {
    display: block;
  }

  .news_details .left .row a {
    font-size: 1.2rem;
  }

  .news_details .left .goback {
    font-size: 1.2rem;
    width: 9rem;
  }

  .news_details .left .goback img {
    width: 1.5rem;
  }

  .news_details .right {
    margin-top: 3.5rem;
  }

  .news_details .right .recommend {
    font-size: 1.4rem;
  }

  .news_details .right .li h3,
  .news_details .right .li p {
    font-size: 1.2rem;
  }

  .news_details {
    padding-bottom: 5rem;
  }

  .news_details .right .li {
    margin-top: 2rem;
  }

  .contact .row {
    display: block;
  }

  .contact .row .right div img {
    width: 12rem;
  }

  .contact .row .right div {
    font-size: 1.2rem;
  }

  .contact .row .right div p {
    margin-top: 1rem;
  }

  .contact .row .left ul li>img {
    margin-right: .75rem;
  }

  .contact .row .right {
    margin-top: 4rem;
  }

  .contact {
    padding-bottom: 5rem;
  }

  .contact .row .left div {
    line-height: 1.5;
  }

  .contact .row .left ul li {
    line-height: 2.2rem;
  }

  .contact .row .left ul li>img {
    top: .35rem;
  }

  .contact .row .left ul li a img {
    width: 1.2rem;
  }

  .recruit .top {
    display: block;
  }

  .recruit .top .left {
    width: 100%;
    display: flex;
  }

  .recruit .top .left div {
    width: 50%;
    padding: 3rem 1.35rem;
    line-height: 1.55;
    font-size: 1.35rem;
  }

  .recruit .top .right {
    font-size: 1.35rem;
    padding: 3rem 2.5rem 4.5rem 2.5rem;
  }

  .recruit .ul li .row {
    padding: 1.5rem 1.5rem;
    align-items: start;
  }

  .recruit .ul li .row .position div {
    font-size: 1.1rem;
  }

  .recruit .ul li .row .check {
    font-size: 1.2rem;
    padding: .15rem 0;
  }

  .recruit .ul li .row .check img {
    width: .9rem;
  }

  .recruit .ul li .row .position div {
    display: block;
    margin-top: .7rem;
  }

  .recruit .ul li .row .position div span {
    display: block;
    margin-right: 0;
    margin-top: 0;
    line-height: 1.7;
  }

  .recruit .ul li .row .position h3 {
    line-height: 1.45;
  }

  .recruit .ul li .con {
    padding: 1.5rem 1.5rem 2rem 1.5rem;
  }

  .recruit .ul li .con .duty>div {
    font-size: 1.2rem;
  }

  .recruit .ul li .con .apply a {
    font-size: 1.2rem;
    line-height: 3.5rem;
    border-radius: 1.75rem;
    padding: 0 3.5rem;
  }

  .recruit .ul li .con .apply {
    margin-top: .5rem;
  }

  .recruit {
    padding-bottom: 5rem;
  }

  #worldMap {
    height: 32rem;
  }

  /* #endregion */

  /* #region  导航*/
  header .nav_pc {
    display: none;
  }

  header .nav_phone {
    display: block;
  }

  .nav li .nav_one {
    display: flex;
    align-items: center;
    padding-left: 1rem;
  }

  .nav li .nav_one a {
    font-size: 1.5rem;
    line-height: 3.3rem;
    color: #333;
    flex: 1;
  }

  .nav li .nav_one a.active {
    color: #0762cb;
  }

  .nav li .nav_one span {
    position: relative;
    height: 3.3rem;
    display: flex;
    align-items: center;
    padding: 0 1rem;
    transition: ease-out .36s;
  }

  .nav li .nav_one span img {
    width: 2rem;
  }

  .nav li .nav_one span img:nth-child(2) {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
  }

  .nav li .nav_one span.active img {
    opacity: 0;
  }

  .nav li .nav_one span.active img:nth-child(2) {
    opacity: 1;
  }

  .nav li .nav_one span:hover {
    transform: rotate(90deg);
  }

  header .nav li .nav_two {
    box-shadow: none;
    background: rgba(239, 239, 239, 1);
    padding: .5rem 0;
  }

  header .nav li .nav_two span {
    display: flex;
    align-items: center;
    padding-left: 1rem;
  }

  header .nav li .nav_two i {
    position: relative;
    top: 0;
    right: 0;
    transform: translateY(0);
  }

  header .nav li .nav_two a {
    background: none;
    padding: 0;
    text-align: left;
    font-size: 1.3rem;
    border: none;
    flex: 1;
  }

  header .nav li .nav_two i {
    padding: 1rem;
  }

  header .nav li .nav_two i img {
    width: 2rem;
  }

  header .nav li .nav_two i img:nth-child(2) {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }

  header .nav li .nav_two i:hover {
    transform: rotate(90deg);
  }

  header .nav li .nav_two .nav_three {
    box-shadow: none;
  }

  header .nav li .nav_two .nav_three a {
    font-size: 1.2rem;
    padding: 0 1rem;

  }

  .about4 {
    margin-bottom: 2rem;
  }

  .engineering .top a {
    font-size: 1.3rem;

    width: 10.5rem;
    height: 3.3rem;
    border-radius: 1.75rem;
  }

  .index3 {
    background: url(../images/index3_bg.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    height: 18rem;
  }

  .product .right .pro_row .product_more .table {
    width: 100%;
    margin-top: 3.5rem;
  }

  .bread .right {
    display: block;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
  }

  .bread .right img {
    display: inline;
    vertical-align: top;
    position: relative;
    top: 1.35rem;
    margin-right: .6rem;
  }

  .bread .right a {
    display: inline;
    line-height: 4.2rem;
  }

  .mud .top .text {
    font-size: 1.2rem;
    margin-top: 2.8rem;
  }

  .mud .top {
    padding-bottom: 2.5rem;
  }

  .mud .ul a i span {
    font-size: 1.2rem;
  }

  .experiment{
    padding-bottom: 4rem;
  }

  .experiment .tit{
    font-size: 1.4rem;
  }
  .experiment .text{
    font-size: 1.2rem;
  }

  .mtext{
    font-size: 1.2rem !important;
  } 

  .maintenance .mul{
    justify-content: space-between !important;
  }
  .maintenance .mul a{
    margin-right: 0 ;
    width: 49% ;
    line-height: 2.6rem;
  }

  .maintenance .mul a p span{
    font-size: 1.2rem;
  }

  .maintenance .tit2,
  .engineering .tit{
    font-size: 1.4rem;
  }

  .maintenance .tit2::before,
  .engineering .tit::before { 
    width: 0.3rem;
    height: 2.2rem; 
    margin-right: 1rem; 
}

footer{
  padding-bottom: 75px;
}

footer .footer_bottom span{
  margin: 0 .5rem;
}

  /* #endregion */

  /* #region  */

  /* #endregion */
}

/* #region  */

/* #endregion */