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

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

  /* #endregion */

}

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

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


  /* #endregion */

  /* #region  内页*/

  /* #endregion */

}

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

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


  /* #endregion */

  /* #region  内页*/

  /* #endregion */

}

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

  /* #region  首页*/
  .container {
    width: 95%;
    padding-left: 0;
    padding-right: 0;
  }

  /* #endregion */

  /* #region  内页*/


  /* #endregion */

}

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

  /* #region  首页*/
  .container {
    width: 95%;
    padding-left: 0;
    padding-right: 0;
  }






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

  header .nav.on {
    left: 0;
  }

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

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

  header.on .nav_icon img {
    filter: brightness(0) invert(1);
  }

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

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

  header .nav li {
    margin: 0;
  }

  header .nav .nav_one {
    padding-left: 2rem;
    padding-right: .5rem;
    display: flex;
    align-items: center;
  }

  header .nav .nav_one a {
    font-size: 1.3rem;
    line-height: 4rem;
    flex: 1;
    padding-right: 1rem;
  }


  header .nav .nav_one span {
    position: relative;
    right: 0;
    top: 0;
    transform: translateY(0) rotate(-90deg);
    padding: 1rem;
    transition: ease-out .36s;
    display: block;
  }

  header .nav .nav_one span.on {
    transform: translateY(0) rotate(0);
  }

  header .nav .nav_one span img {
    width: 1.1rem;
  }


  header .nav li .nav_two {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    transform: translateX(0);
    padding: 1rem 0;
    background: #f5f0f0;
    border-radius: 0;
    display: none;
    box-shadow: none;
  }

  header .nav li .nav_two a {
    font-size: 1.3rem;
    padding: 0 2rem;
    line-height: 2.3;
    text-align: left;
    border-bottom: none;
  }

  header .nav .nav_two div {
    background: none;
    box-shadow: none;
    padding: 0 2rem;
    border-left: none;
  }

  header .nav li .nav_two a {
    padding: .5rem 0;
    white-space: wrap;
    line-height: 1.5;
    font-size: 1.1rem;
  }

  header .container {
    padding: 0 .5rem;
    height: 5rem;
  }

  header.on .nav .nav_one a {
    color: #333;
  }

  header .nav .nav_one a.active {
    color: #003894 !important;
  }

  header .nav .nav_one a::after {
    display: none;
  }

  .banner .swiper-slide .banner_text .t1 {
    font-size: 2rem;
  }

  .banner .swiper-slide .banner_text .t2 {
    font-size: 1.2rem;
    margin-top: 1.5rem;
  }

  .banner .banner_dot {
    justify-content: center;
  }

  header .logo {
    width: 10.5rem;
  }

  .index1 .col {
    max-width: 1700px;
    padding-left: 0;
    margin-left: auto;
    display: block;
  }

  .index1 .left {
    width: 100%;
    padding: 4rem 1.5rem 3.5rem 1.5rem;
  }

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

  .link {
    font-size: 1.2rem;
  }

  .link img {
    width: 1.6rem;
  }

  .index1 .right {
    width: 100%;
  }

  .index1 .right .swiper-slide a {
    height: 26rem;
  }

  .index2 .col {
    display: block;
    padding-left: 0;
  }

  .index2 .left {
    width: 100%;
    padding: 0 1.5rem;
  }

  .index_title div {
    font-size: 2rem;
  }

  .index2 .left .text {
    /* font-size: 1.2rem;
    line-height: 2.3rem;
    height: 11.5rem; */
    font-size: 15px;
    line-height: 30px;
    height: 150px;
    margin-top: 2.3rem;
  }

  .index2 .left ul li {
    font-size: 1.1rem;
  }

  .index2 .left ul li span {
    font-size: 2rem;
  }

  .index2 .left ul {
    padding-right: 0;
  }

  .index2 .right {
    width: 100%;
    padding-left: 1.5rem;
    margin-top: 3.5rem;
  }

  .index2 {
    padding-top: 4rem;
  }



  .index3 {
    display: block;
  }

  .index3 .index_title span {
    width: 100%;
  }

  .index3 .left {
    padding: 4rem 0;
    width: 100%;
    text-align: center;
  }

  .index3 .right {
    width: 100%;
    border-top: 1px solid rgba(255, 255, 255, 0.6);
  }

  .index3 .right li div img {
    width: 2.2rem;
  }

  .index3 .right li div {
    font-size: 1.1rem;
    text-align: center;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .index3 .right li:nth-child(1),
  .index3 .right li:nth-child(3) {
    border-left: none;
  }

  .banner .banner_dot {
    bottom: 3% !important;
  }



  .index4 .top {
    display: block;
  }

  .index4 .top .right {
    justify-content: center;
    margin-top: 2rem;
  }

  .index4 .top .right {
    font-size: 1.3rem;
    padding-right: 2rem;
  }

  .index4 .top .right li i {
    left: -1.9rem;
    width: 1.5rem;
    height: 1.5rem;
  }

  .index4 .top .right li {
    margin-left: 3.8rem;
  }

  .index4 .dot span {
    width: 2.8rem;
    height: 2.8rem;
  }

  .index5 .row {
    display: block;
  }

  .index5 .left {
    width: 100%;
  }

  .index5 .right {
    width: 100%;
    margin-top: 2rem;
  }

  .index5 .left h3 {
    font-size: 1.4rem;
    margin-top: 1.3rem;
  }

  .index5 .left .time {
    font-size: 1.1rem;
  }

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

  .index5 .left .more {
    font-size: 1.2rem;
  }

  .index5 .right a .time {
    font-size: 1.1rem;
  }

  .index5 .right a .time div {
    font-size: 2.6rem;
  }

  .index5 .right a .text h3 {
    font-size: 1.3rem;
  }

  .index5 .right a .text div {
    font-size: 1.1rem;
  }

  .index5 .right a .text span {
    font-size: 1.1rem;
  }

  .index5 .right a .time {
    margin-right: 8%;
  }

  .index5 .right a {
    padding: 1.2rem 0;
  }

  .index5 {
    padding-top: 3.5rem;
  }

  .index5 .left .time {
    margin-top: .6rem;
  }



  footer .top div {
    font-size: 1.1rem;
    margin-top: 1rem;
  }

  footer .center {
    display: block;
  }

  footer .center .left {
    display: none;
  }

  footer .center .right {
    width: 100%;
  }

  footer .center .right li {
    font-size: 1.15rem;
  }

  footer .center .tit {
    font-size: 1.35rem;
  }

  footer .center .code {
    justify-content: center;
    margin-top: 2.3rem;
  }

  footer .center .code div {
    margin: 0 .5rem;
  }

  footer .center .code div span {
    font-size: 1.15rem;
  }

  footer .center .code div img {
    width: 10rem;
  }

  footer .center .right li {
    margin-top: 1rem;
  }

  footer .top {
    padding: 3rem 0 3rem 0;
  }

  footer .top a img {
    width: 13rem;
  }

  footer .center {
    padding-bottom: 3rem;
  }

  footer .bottom .container {
    display: block;
    font-size: 1.1rem;
    line-height: 1.5;
  }

  footer .bottom span {
    display: block;
    text-align: center;
  }

  footer .bottom span:nth-child(2) {
    margin: 0;
  }

  .banner2 i {
    height: 15rem;
  }

  .product .list {
    justify-content: space-between;
  }

  .product .list li {
    width: 49%;
    margin-right: 0;
    margin-top: 1rem;
  }

  .product {
    padding-top: 2rem;
  }

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

  .pagination .page-img {
    width: 2.5rem;
    height: 2.5rem;
  }

  .pagination .page-img img {
    width: 1rem;
  }

  .product_crumbs {
    font-size: 1.2rem;
  }

  .product_details .top {
    display: block;
  }

  .product_details .top .img {
    width: 100%;
  }

  .product_details .top .right {
    width: 100%;
  }

  .product_details .top .right .t2 {
    font-size: 1.2rem;
  }

  .product_details .top .right .t3 {
    font-size: 1.2rem;
  }

  .product_details .bottom .tit {
    font-size: 1.6rem;
  }

  .product_details .bottom .tit p {
    font-size: .8rem;
  }

  .product_details .bottom .text {
    font-size: 1.2rem;
  }

  .about1 .t3 {
    font-size: 1.2rem;
  }

  .about2 {
    display: block;
  }

  .about2 li {
    flex: auto;
    width: 100%;
  }

  .about2 .text h3 {
    font-size: 1.6rem;
  }

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

  .case .list .imgs {
    justify-content: space-between;
    padding-top: 1.5rem;
  }

  .case .list .imgs div {
    width: 49%;
    margin-right: 0;
    margin-top: 1rem;
  }

  .video .list {
    justify-content: space-between;
  }

  .video .list li {
    width: 49%;
    margin-right: 0;
  }

  .video .list a span img {
    width: 2.5rem;
  }

  .news .list a {
    display: block;
  }

  .news .list a .img img {
    width: 100%;
    height: auto;
  }

  .news .list a .right {
    border-left: 1px solid #e0e0e0;
    border-top: none;
  }

  .news .list a .right .text {
    padding: 1.6rem 1.5rem;
  }

  .news .list a .right .text h3 {
    font-size: 1.4rem;
  }

  .news .list a .right .text div {
    font-size: 1.2rem;
    margin-top: 1.2rem;
  }

  .news .list a .right .time {
    font-size: 1.2rem;
    padding-left: 1.5rem;
  }

  .details .time div {
    font-size: 1.1rem;
  }

  .details .time div img {
    width: 1.1rem;
  }

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

  .details .page a {
    font-size: 1.2rem;
  }

  .details .center {
    padding: 4rem 1.5rem 3rem 1.5rem;
  }

  .contact .row {
    position: relative;
    transform: translate(0);
    margin-top: 3.5rem;
  }

  .contact .card {
    display: block;
  }

  .contact .card .col {
    width: 100%;
  }

  .contact .card .col>img {
    width: 2.3rem;
  }

  .contact .card .col {
    font-size: 1.2rem;
    margin-top: 2.5rem;
  }

  .contact .card .col div {
    font-size: 1.4rem;
  }

  .contact .card .col span {
    width: 12rem;
  }

  .contact .card {
    padding: 1rem 0 4rem 0;
  }

  .contact .map {
    margin-top: 4rem;
  }

  .contact .map .address div {
    padding: .5rem 1rem;
    font-size: 1.2rem;
  }

  .contact .map .address div::after {
    border: .6rem solid transparent;
    border-bottom: none;
    border-top-color: #fff;
  }

  .contact .map .address span {
    width: 1.2rem;
    height: 1.2rem;
  }

  .contact .map .address span::before {
    width: 1.5rem;
    height: 1.5rem;
  }

  .contact .map .address div {
    top: -3.8rem;
  }

  .contact .map>img {
    width: 350%;
    height: 25rem;
    object-fit: cover;
    object-position: center;
    transform: translateX(-34%);
  }

  .contact .map .address{
    top: 57.5%;
  }

  footer{
    padding-bottom: 75px;
  }

  .index1 .right .dot span {
    width: 18px;
    height: 18px; 
    margin: 0 3px !important;
  }
  
  .index1 .right .dot span::after {
    width:  6px;
    height: 6px;
  }
  
 
  
  /* #endregion */




}


/* #region  */

/* #endregion */