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

     .w1200,
     .w1250,
     .w1400,
     .w1500 {
          width: 96%;
     }

     .index-page5 .left {
          width: 40%;
          /* height: auto; */
          margin-right: 3%;
     }

     .banner2 img {
          min-width: auto;
     }
}

@media screen and (max-width: 1400px) {
     header .nav {
          flex: 1;
          margin: 0 40px;
     }

     .index-page1 .bottom {
          width: 80%;
          left: 20%;
     }

     .index-page1 .bottom .swiper .swiper-slide {
          width: 50% !important;
     }

     .index-page2 .swiper {
          width: 90%;
     }

     .index-page2 .cut_jump {
          width: 25%;
     }

     .index-page5 {
          padding-left: 10%;
     }

     .index-page5 .left {
          width: 40%;
          /* height: auto; */
          margin-right: 3%;
     }
}

/*=================================中小型笔记本或大平板 laptop /*=================================*/
@media screen and (max-width: 1200px) {

     /*手机导航开始menu*/
     .menu {
          display: block;
          cursor: pointer;
     }

     .menu_down {
          position: fixed;
          left: 0;
          top: 60px;
          z-index: 999999;
          width: 100%;
          padding: 0 0 22px;
          background: #fff;
          border-top: 1px solid #fff;
     }

     .menu_down ul {
          flex-direction: column;
          width: 92%;
          margin: 0 auto;
     }

     .menu_down li>a {
          width: 100%;
          line-height: 3;
          position: relative;
          border-bottom: 1px solid #ccc;
     }

     .menu_down li span {
          color: var(--color);
          position: absolute;
          top: 50%;
          right: 0%;
          transform: translateY(-50%);
     }

     .menu_down li a {
          padding: 0 10px;
          display: block;
          font-size: 16px;
          color: #000;
     }

     .menu_down li .erji {
          display: none;
          /* background: #fab54d; */
          width: 90%;
          margin-left: auto;
          -webkit-transition: all 300ms ease-out;
          -moz-transition: all 300ms ease-out;
          transition: all 300ms ease-out;
     }

     .menu_down li .erji a {
          border-bottom: 1px dashed #ccc;
          line-height: 3;
          font-size: 14px;
     }

     .menu span.icon-bar {
          background: #ccc;
          width: 25px;
          height: 2px;
          display: block;
          -webkit-transition: all 300ms ease-out;
          -moz-transition: all 300ms ease-out;
          transition: all 300ms ease-out;
     }

     .menu .sr-only {
          display: none;
     }

     .menu .icon-bar:nth-child(2) {
          -webkit-transform: rotate(0deg) translate(0, 0);
          -moz-transform: rotate(0deg) translate(0, 0);
          -ms-transform: rotate(0deg) translate(0, 0);
          transform: rotate(0deg) translate(0, 0);
          transform-origin: top left;
     }

     .menu .icon-bar:nth-child(3) {
          margin-top: 6px;
          -webkit-transform: scale(1, 1);
          -moz-transform: scale(1, 1);
          -ms-transform: scale(1, 1);
          transform: scale(1, 1);
          -webkit-transform-origin: center center;
          -moz-transform-origin: center center;
          -ms-transform-origin: center center;
          transform-origin: center center;
     }

     .menu .icon-bar:nth-child(4) {
          margin-top: 6px;
          -webkit-transform: rotate(0deg) translate(0, 0);
          -moz-transform: rotate(0deg) translate(0, 0);
          -ms-transform: rotate(0deg) translate(0, 0);
          transform: rotate(0deg) translate(0, 0);
          transform-origin: top left;
     }

     .xz .icon-bar:nth-child(2) {
          -webkit-transform: rotate(45deg) translate(2px, -3px);
          -moz-transform: rotate(45deg) translate(2px, -3px);
          -ms-transform: rotate(45deg) translate(2px, -3px);
          transform: rotate(45deg) translate(2px, -3px);
          transform-origin: 0 0;
     }

     .xz .icon-bar:nth-child(3) {
          opacity: 0;
     }

     .xz .icon-bar:nth-child(4) {
          -webkit-transform: rotate(-45deg) translate(1px, 2px);
          -moz-transform: rotate(-45deg) translate(1px, 2px);
          -ms-transform: rotate(-45deg) translate(1px, 2px);
          transform: rotate(-45deg) translate(1px, 2px);

     }

     /*手机导航结束*/
     .w1200,
     .w1250,
     .w1400,
     .w1500 {
          width: 92%;
     }

     header {
          height: 60px;
     }

     header .logo {
          width: 20%;
          height: 80%;
     }

     header .logo img {
          object-fit: contain;
     }

     header .nav {
          display: none;
     }

     header>.w1400{
          justify-content: space-between;
     }

}

/*=================================手机或小平板 phone=============================== */
@media screen and (max-width: 767px) {
     .menu_down {
          top: 60px;
     }
     .banner .swiper .swiper-slide{
          height: 400px;
     }
     .banner .swiper .swiper-pagination-bullet{
          width: 10px;
          height: 10px;
     }
     .banner .swiper .info h1{
          font-size: 30px;
     }
     .banner .swiper .info h2{
          font-size: 20px;
     }



     .index-page1{
          padding: 40px 0;
     }
     .index-page1 .top{
          flex-direction: column;
          margin-bottom: 20px;
     }
     .index-page1 .top h4{
          font-size: 26px;
          margin-bottom: 10px;
     }
     .index-page1 .top h2{
          font-size: 30px;
     }
     .index-page1 .top .editor{
          margin-top: 20px;
     }
     .index-page1 .bottom{
          height: 150px;
          width: 92%;
          left: 50%;
          transform: translateX(-50%);
     }
     .index-page1 .bottom .swiper .swiper-slide{
          width: 60% !important;
     }

     .index-page2{
          padding: 40px 0;
     }
     .index-page2 .item .title h2{
          font-size: 48px;

     }
     .index-page2 .item .title h3{
          font-size: 36px;
     }
     .index-page2 .item .title a {
          height: 40px;
          line-height: 40px;
         
     
     }
     .index-page2 .swiper{
          width: 100%;
          height: 300px;
          margin-bottom: 50px;
     }
     .index-page2 .swiper-slide{
          transform: none;
     }
     .index-page2 .swiper-slide-active, .swiper-slide-duplicate-active{
          transform: none;
     }
     .index-page2 .swiper .swiper-slide-prev p{
          display: none;
     }
     .index-page2 .swiper-slide img{
          width: 50%;
     }
     .index-page2 .cut_jump{
          bottom: 90px;
          height: 300px;
          background: none;
          z-index: 10;
     }
     .index-page2 .cut_jump.prev p,.index-page2 .cut_jump.next p{
          width: 100%;
          font-size: 14px;
     }
     .index-page2 .cut_jump.next p span{
          border-top: 5px solid transparent;
          border-bottom: 5px solid transparent;
          border-left: 6px solid #0427A0;
     }
     .index-page2 .cut_jump.prev p span{
          border-top: 5px solid transparent;
          border-bottom: 5px solid transparent;
          border-right: 6px solid #0427A0;
     }
     .index-page2 .classify{
          /* flex-direction: column; */
          flex-wrap: wrap;
          justify-content: left;
          bottom: 40px;
     }

     .index-page2 .classify li{
          text-align: center;
          margin: 5px;
          padding: 0 10px;
          font-size: 14px;
     }
     .index-page3{
          height: 300px;
     }
     .index-page3 img{
          display: none;
     }
     .index-page4{
          height: auto;
          padding: 40px 0;
     }
     .index-page4 .left h2{
          font-size: 36px;
     }
     .index-page4 .left a{
          height: 36px;
          line-height: 36px;
          padding: 0 30px;
          margin-bottom: 30px;
     }
     .index-page4 .w1400{
          flex-direction: column;
     }
     .index-page4 .left{
          width: 100%;
     }
     .index-page4 .left p{
          font-size: 16px;
          margin-bottom: 20px;
     }
     .index-page4 .right{
          width: 100%;
     }
     .index-page4 .right img{
          width: 30%;
     }
     .index-page4 .right p{
          font-size: 24px;
          margin-top: 20px;
     }
     .index-page5{
          width: 92%;
          margin: 0 auto;
          padding: 40px 0;
     }
     .index-page5 .title{
          font-size: 36px;
          margin-bottom: 20px;
     }
     .index-page5 .bottom{
          flex-direction: column;
     }
     .index-page5 .left{
          width: 100%;
          max-height: 300px;
     }
     .index-page5 .left img{
          
     }
     .index-page5 .right{
          width: 100%;
          padding-top: 10px;
     }
     .index-page5 .right li{
          padding: 10px 0;
     }
     .index-page5 .right .info{
          width: 100%;
     }

     .index-page5 .right .info .info-left{
          width: auto;
          flex:1;
          margin-right: 20px;
     }
     .index-page5 .right .info .info-left h3{
          font-size: 14px;
     }

     .banner2{
          margin-top: 60px;
     }
     .banner2{
          /* height: auto; */
          max-height: 300px;
     }
     .banner2 .w1400 .p1{
          font-size: 30px;
     }
     .banner2 .top{
          top: 60%;
          transform: translate(-50%,-50%);
     }
     .banner2 .w1400 .color{
          margin-bottom: 5px;
     }
     .page-nav ul{
          overflow: auto;
          padding: 10px 0 15px;
         
     }
     .page-nav ul li{
          margin-right: 10%;
          height: 40px;
          line-height: 40px;
          white-space: nowrap;
     }
     .about-page .about-page-title{
          margin: 30px 0 20px;
     }
     .about-page1 .content{
          flex-direction: column;
     }
     .about-page1 .content .title{
          width: 100%;
          font-size: 20px;
          line-height: 2;
     }
     .about-page1 .content .editor{
          width: 100%;
          font-size: 14px;
          margin-top: 20px;
     }
     .about-page1 .bottom h1{
          font-size: 30px;
          line-height: 1.6;
          margin: 30px 0 20px;
     }
     .about-page1 .bottom .video{
          border-radius: 0;
     }
     .about-page1 .bottom .video video{
          border-radius: 20px;
          height: 300px;
          object-fit: contain;
     }
     .about-page2 .top{
          margin-bottom: 0;
     }
     .about-page2 .top p{
          width: 100%;
          font-size: 20px;
     }
     .about-page2 .bottom{
          min-height: 300px;
     }
     .about-page2 .bottom .time-list{
          display: none;
     }
     .about-page2 .bottom .time-list .swiper{
         width: 100%;
         /* display: none; */
     }
     .about-page2 .bottom .swiper2{
          padding: 30px 0 50px;
          position: initial;
          transform:none;

     }
     .about-page2 .bottom .swiper2 .swiper-slide{
          padding: 0;
     }
     .about-page2 .bottom .swiper2 .swiper-slide .info{
          flex-direction: column-reverse;
     }
     
     .about-page2 .bottom .swiper2 .swiper-slide .info .time{
          margin: 0;
          font-size: 50px;
     }

     .about-page3 .flex-x{
          flex-direction: column;
     }
     .about-page3 .left{
          position: initial;
          width: 100%;
     }
     .about-page3 .left .editor{
          margin-bottom: 20px;
     }
     .about-page3 .left .editor p{
          font-size: 20px;
     }
     .about-page3 .right{
          width: 100%;
     }
     .about-page3 .right .imgs{
          grid-template-columns:repeat(2,1fr);
     }
     .about-page3 .right img:nth-child(odd){
          transform: none;
     }
     .about-page3 .right img {
          width: 100%;
     }

     .about-page4 .top{
          flex-direction: column;
     }
     .about-page4 .top .left{
          width: 100%;
     }
     .about-page4 .top .right{
          width: 100%;
     }
     .about-page4 .top .left h2{
          font-size: 26px;
          margin-bottom: 20px;
     }
     .about-page4 .top .left ul{
          width: 100%;
          overflow-x: auto;
          display: flex;
          padding: 10px 0 20px;
          margin-bottom: 20px;
     }
     .about-page4 .top .left li{
          white-space: nowrap;
          padding: 10px 30px;
          font-size: 14px;
     }
     .about-page4 .top .left li+li{
          margin-top: 0;
          margin-left: 20px;
     }
     .about-page4 .top .right .item ul{
          display: flex;
          flex-direction: column;
     }
     .about-page4 .top .right .item ul li{
          width: 100%;
          padding: 20px 30px;
          border-radius: 10px;
     }
     .about-page4 .bottom{
          height: auto;
          margin-top: 30px;
     }
     .about-page4 .bottom h2{
          font-size: 20px;
          white-space: nowrap;
          height: 80px;
          line-height: 80px;
     }
     .about-page4 .bottom ul{
          flex-direction: column;
          height: auto;
     }
     .about-page4 .bottom ul li{
          padding: 20px 30px;
     }
     .about-page4 .bottom ul li h4{
          font-size: 16px;
     }
     .about-page4 .bottom ul li p{
          font-size: 14px;
     }
     .about-page4 .bottom ul li:nth-child(1){
          width: 100%;
          border: 0;
          border-bottom: 1px dashed  rgba(255, 255, 255, .23);
     }
     .about-page4 .bottom ul li:nth-child(2){
          width: 100%;
          border: 0;
          border-bottom: 1px dashed  rgba(255, 255, 255, .23);
     }
     .about-page4 .bottom ul li:nth-child(3){
          width: 100%;
          border-left:0;
     }
     .about-page5 h1{
          font-size: 26px;
     }
     .about-page5 ul{
          height: auto;
          display: flex;
          flex-direction: column;
          margin: 30px 0;
     }
     .about-page6 .top{
          flex-direction: column;
     }

     .about-page6 .top h1{
          width: 100%;
          font-size: 26px;
          margin-bottom: 10px;
     }
     .about-page6 .top p{
          width: 100%;
     }
     .about-page6 .bottom{
          padding: 30px 0;
          flex-direction: column;
     }

     .about-page6 .bottom .left{
          width: 100%;
          margin-left:0;
     }
     .about-page6 .bottom .right{
          width: 100%;
     }
     .about-page6 .bottom .right .item1{
          font-size: 20px;
     }
     .about-page6 .bottom .right .item {
          padding: 10px;
     }


     .product-page{
          margin: 30px 0;
     }
     .product-page li{

     }
.product-page li a{
     flex-direction: column;
     padding: 20px;
}
.product-page li .left{
     width: 100%;
}
.product-page li .left img{
     max-height: 250px;
     object-fit: contain;
}
.product-page li .right{
     width: 100%;
     margin-top: 20px;
     padding: 0;
}
.product-page .right h2{
     font-size: 30px;
}
.product-page .right .editor{
     margin: 10px 0 20px;
}
.product-page .right .btn{
     /* justify-content: end; */
}
.product-page .right span{
     width: 20px;
     height: 20px;
}
.product-detail-page{
     margin-top: 60px;
}
.product-detail-page .top{
     background-size: cover;
}
.product-detail-page .top .nav li{
     /* padding: 20px 0; */
}
.product-detail-page .top .info{
     padding: 0;
     flex-direction: column-reverse;
}
.product-detail-page .top .info .left{
     width: 100%;
}
.product-detail-page .top .info .right{
     width: 100%;
     text-align: center;
}
.product-detail-page .top .info .right img{
     max-width: 250px ;
     object-fit: contain;
}
.product-detail-page .top .info .left h2{
     font-size: 30px;
}
.product-detail-page .top .info .left .editor{
     width: 100%;
     margin: 10px 0;
     font-size: 16px;
}
.product-detail-page .top .info .left a{
     margin-bottom: 20px;
     width: 60%;
     text-align: center;
     margin-left: auto;
     margin-right: auto;
     display: flex;
     align-items: center;
     justify-content: center;
}
.product-detail-page .bottom{
     padding: 20px 0;
}

.product-detail-page .bottom .title{
     font-size: 26px;
}
.product-detail-page .bottom .editor{
     margin: 10px 0;
     padding: 0;
}
.message{
     margin: 30px auto;
     padding: 20px;
     flex-direction: column;
}
.message .left{
     width: 100%;
}
.message .right{
     width: 100%;
     margin-top: 30px;
}

.message .left h2{
     font-size: 26px;
}
.message .left h3{
     font-size: 20px;
     margin: 10px 0;
}
.service-detail-page{
     padding: 30px 0;
}

.service-detail-page h2{
     font-size: 30px;
}
.service-detail-page h4{
     font-size: 18px;
}
.service-detail-page1 ul li .name{
     font-size: 16px;
     /* padding: 10px 0 10px 40px; */
}
.service-detail-page1 ul li i{
     left: 10px;
     top: 21px;
     font-size: 14px;
}
.service-detail-page1 ul li .value{
     font-size: 14px;
     padding: 20px 0 20px 40px;
}
.service-detail-page2 ul{
     grid-template-columns:1fr;
}
.service-detail-dialog video{
     width: 100%;
     height: 50%;
     margin: 0;
}
.service-detail-dialog .close{
     top: 25%;
     transform: translateY(-40px);
     right: 0;
}
.service-detail-page3 ul{
     grid-template-columns: 1fr;
}
.service-detail-page3 ul li .download-a{
     padding: 10px;
     font-size: 16px;
}

.news-page{
     padding: 30px 0;
}
.news-page .swiper-slide{
     flex-direction: column;
}
.news-page .swiper-slide img {
     width: 100%;
}
.news-page .swiper-slide .info{
     padding: 30px 20px ;
}

.news-page .swiper-slide .info h2{
     margin: 15px 0;
     font-size: 24px;
}
.news-page .swiper-slide .info .editor{
     margin: 15px 0;
}
.news-page .swiper{
     padding-bottom: 30px;
}
.news-page .list{
     margin-top: 30px;
     grid-template-columns: 1fr;
}
.detail-nav{
     top:60px;
}
.nav-animate{
     top: 0;
    transition: all .5s;
}
header .logo .logo2{
     height: 90%;
}
header>.w1400{
     justify-content: space-between;
}
.news-detail-page{
     margin-top: 120px;
}
.news-detail-info{
     padding: 30px 0;
     flex-direction: column;
}
.news-detail-info .left{

     width: 100%;
}
.news-detail-info .right{
     width: 100%;
     padding: 30px 20px;
}
.news-detail-info .left .title{
     font-size: 26px;
}
.news-detail-info .left .date{
     padding: 10px 0 15px;
}
.news-detail-info .left .editor{
     padding: 20px 0 ;
}
.news-detail-info .right ul li:last-child{
     margin-bottom: 0;
}
.contact-page{
     margin: 30px 0;
}
.contact-page .w1400{
     flex-direction: column;
}
.contact-page .left{
     width: 100%;
     align-items: center;
     display: none;
}
.contact-page .right{
     width: 100%;
}
.contact-page .right h2{
     font-size: 30px;
     line-height: 1.4;
}
.contact-page .right .editor li span{
     font-size: 14px;
}
.contact-page .right .editor li p{
     font-size: 14px;
     line-height: 1.4;
}
.contact-page .right .editor li i{
     padding: 10px;
}














     footer .top{
          flex-direction: column;
          padding: 20px 0 20px;
         
     }
     footer .top .left{
          margin: 0;
          width: 100%;
          align-items: center;
          padding: 20px 0;
          border-bottom: 1px dashed #666;
     }
     footer .top .left .flogo{
          text-align: center;
     }
     footer .top .left .flogo img{
          width: 80%;

     }
     footer .top .nav{
          width: 100%;
          text-align: center;
          display: flex;
          flex-direction: column;
          padding: 20px 0; 
          border-bottom: 1px dashed #666;
          display: none;
     }
     footer .top .nav li{

          white-space: nowrap;
     }
     footer .top .nav a{
          line-height: 2;
     }
     footer .top .product{
          display: none;
     }
     footer .top .info {
          width: 100%;
          padding-top: 20px;
     }
     footer .top .info ul li{
          margin-bottom: 10px;
          line-height: 1.5;
     }
     footer .form{
          display: flex;
          flex-direction: row;
          width: 100%;
     }
     footer .form button{
          margin-left: 10px;
          font-size: 14px;
     }

     footer .bottom{
          height: auto;
          line-height: 20px;
          padding: 10px 0;
          border-top: 1px dashed #666;
     }
	 footer .bottom p{
		 flex:1;
	 }
     footer .bottom img{
          margin-left: 20px;
     }
     footer .share-list{
          margin: 20px 0;
     }
     footer .top .left .ewm{
          margin: 15px 0 0 ;
     }
}