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

     .w1600,
     .w1500,
     .w1400,
     .w1300,
     .w1200 {
          width: 96%;
     }
	.index-page1 .img1{
		 width: 96%;
		         margin: 0px auto 0;
	}
	
	.product-detail-page1 .r{
		padding:80px 4%;
	}

}



@media screen and (max-width: 1400px) {
     .index-page1 h3 {
          font-size: 60px;
     }

     .index-page1 .info .l h2 {
          font-size:36px;
     }

     .index-page1 {
          
     }

     .index-page5 .w1300 .r img {
          width: 350px;
     }

     .header .logo img {
          height: 30px;
     }

     .header ul.flex-x {
          gap: 20px;
     }

     .project-robot-page2 li .bottom {
          width: 100%;
          margin-left: 0;
     }

     .project-robot-page2>ul>li:nth-child(even) .bottom {
          margin-right: 0;
     }


}

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


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

     }

     .menu_down {
          position: fixed;
          left: 0;
          top: 60px;
          z-index: 99;
          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: calc(100% - 30px);
          margin-left: 30px;
          -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: #fff;
          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);

     }

     .sanjiao {

          margin-left: 10px;
          padding: 0 20px;
          z-index: 5;
     }

     .sanjiao::after {
          content: '';
          display: inline-block;
          border-left: 6px solid transparent;
          border-right: 6px solid transparent;
          border-top: 10px solid #000;
          transition: all 0.3s ease-in-out;
     }

     .sanjiao.active::after {
          transform: rotate(180deg);
     }


     /*手机导航结束*/

     .header>.w1400 {
          height: 60px;
     }

     .header .l,
     .header .r {
          width: 100%;
          display: none;
     }

     .phone-right {
          display: flex;
          align-items: center;
          gap: 30px;
          cursor: pointer;
     }

     .phone-right .search .iconfont {
          font-size: 22px;
     }

     .header.active .menu span.icon-bar,
     .header:hover .menu span.icon-bar {
          background: #000;
     }

     .menu_down .language-flag a {
          padding: 0 40px;
     }

     .w1400,
     .w1300,
     .w1200 {
          width: 96% !important;
     }



     .index-page1 {
          padding: 110px 0 0px;
     }

     .index-page1 h3,
     .index-page2 h3,
     .index-page3 .info h2,
     .index-page5 #digital li p,
     .index-page7 h2,
     .about-culture-page2 h2,
     .project-page2 .info h2 {
          font-size: 48px;
     }

     .index-page2 h4,
     .index-page3 .info h3,
     .index-page5 .w1300 .l h3,
     .index-page6 .l .title,
     .index-page7 h3,
     .project-page3 ul li h3 {
          font-size: 36px;
     }

     .index-page1 .info .l h5 {
          font-size: 20px;
     }

     .index-page1 .info .l h2,
     .about-page1 ul li p,
     .project-page5 h1 {
          font-size: 60px;
     }

     .index-page4,
     .index-page7 {
          padding: 60px 0;
     }

     .index-page5 .w1300 .r img {
          width: 240px;
     }

     .index-page6 .l {
          padding: 20px;
     }

     .about-page1 .info .time {
          font-size: 72px;
     }

     .about-page1 .info {
          gap: 5%;
     }

     .about-page1 .info .editor {
          padding-right: 0;
     }

     .about-page1 ul {
          margin-top: 60px;
     }

     .about-page3 {
          padding: 80px 0 0;
     }

     .about-culture-page1 .bottom ul li:hover .p1 {
          font-size: 32px;
     }

     .about-culture-page1 .bottom ul li:hover .p2 {
          font-size: 26px;
     }



     .about-culture-page2 h4 {
          margin-top: 10px;
     }

     .about-join-page1 .r {
          width: auto;
          flex: 1;
     }

     .about-join-page3 ul {
          justify-content: space-around;
     }

     .about-join-page3 ul li {
          width: 200px;
          height: 200px;
     }

     .about-join-page3 ul li .img {
          width: 80px;
     }

     .about-join-page4 h6,
     .about-join-page5 h6 {
          margin-top: 15px;
     }

     .about-history-page1,
     .about-media-page1 {
          padding: 60px 0;
     }

     .about-history-page2 {
          padding: 60px 0 100px;
     }

     .about-media-page2 ul {
          gap: 30px;
     }

     .about-media-page2 ul li {
          padding: 35px 10%;
     }

     .project-page2 .info ul img {
          height: 70px;
     }

     .project-page2 .info ul li .w {
          gap: 15px;
     }

     .project-page2 .info ul li .w p {
          gap: 0;
     }

     .project-page2 .info ul li .w p b {
          font-size: 72px;
     }

     .project-page3 ul,
     .project-page5 .vr {
          margin-top: 40px;
     }

     .project-page3 ul li {
          padding: 30px 30px;
     }

     .project-page3 ul li .editor {
          margin-top: 60px;
     }

     .project-page5 h5 {
          font-size: 26px;
          margin-top: 30px;
     }

     .project-page5 .vr a {
          font-size: 24px;
          padding: 0 25px;
     }

     .project-page6 {
          /* padding: 80px 0 0 ; */
     }

     .project-page7 ul li .editor p {
          font-size: 18px;
     }

     .project-robot-page3 {
          padding: 80px 0;
     }

     .project-robot-page3 .l .editor p {
          font-size: 20px;
     }

     .project-contact-page5 {
          padding: 60px 0;
     }

     .project-contact-page5 ul li {
          padding: 30px 20px;
     }

     .project-storage-page2 ul {
          gap: 20px;
          justify-content: center;
     }

     .project-storage-page2 ul li a {
          font-size: 24px;
     }

     .project-storage-page6 {
          padding: 0 0 80px;
     }

     .project-storage-page6 .c {
          width: 300px;
     }

     .project-storage-page6 .info h5 {
          font-size: 20px;
     }

     .project-storage-page6 .l li,
     .project-storage-page6 .r li {
          gap: 15px;
     }

     .project-storage-page6 .l .img,
     .project-storage-page6 .r .img {
          width: 90px;
          height: 90px;
          padding: 20px;
     }

     .project-storage-page7 {
          padding: 80px 0;
     }

     .project-storage-page7 ul img {
          width: 80px;
     }

     .project-storage-page7 ul li .w p b {
          font-size: 72px;
     }

     .project-page8 {
          padding-bottom: 100px;
     }

     .project-case-page2 ul {
          grid-template-columns: repeat(4, 1fr);
          gap: 20px;
     }

     .project-page5 {
          padding: 30px 0 0;
     }

     .jjzz-page1 {
          padding: 60px 0;
     }

     .jjzz-page-w {
          gap: 40px;
     }

     .jjzz-page-w .sidebar {
          width: 180px;
		  max-width:none;
     }

     .jjzz-page-w .sidebar a {
          padding: 0 30px;
     }

     .product-detail-page1 .r {
          padding: 40px 4%;
     }

     .product-detail-page1 .r .title {
          font-size: 28px;
     }

     .service-page2 {
          padding: 100px 0 120px;
     }

     .service-page2 ul {
          margin-top: 150px;
     }

     .service-page3 {
          padding: 80px 0;
     }

     .faq-page2 .list {
          padding: 30px 25px 30px 30px;
     }

     .news-page2 .select-list,
     .news-page2 .list {
          gap: 30px;
     }

     .news-detail-page1 {
          padding: 60px 0;
     }

     .news-detail-page1 .title {
          font-size: 36px;
     }

     .news-detail-page2 {
          padding: 40px 0;
     }

     .contact-page2 {
          padding: 80px 0;
     }
	 
	 .about-page2 iframe{
		 height:600px;
	 }

}

/*=================================手机或小平板 phone=============================== */
@media screen and (max-width: 767px) {

     .w1600,
     .w1500,
     .w1400,
     .w1300,
     .w1200 {
          width: 92% !important;
     }

     .flex-x-phone {
          flex-direction: column;
     }

	.header{
		    position: relative;
			background: var(--color);
	}
	 .header .logo .logo1{
		 display:none;
	 }
	  .header .logo .logo2{
		display:block;
	  }
     .header .logo {
          padding: 0;
     }

     .header .logo img {
          width: 150px;
     }

 
     .header>.w1400 {
          gap: 30px;
		  color:#000;
     }
	 .menu span.icon-bar{
		 background:#000;
	 }

     .index-banner {
		
          height: 300px;
     }
	 .index-banner video{
		 height:100%;
	 }
.index-banner #video{
	display:none;
}
.index-banner #video2{
	display:block;
}
     .index-banner .swiper-pagination {
          flex-direction: row;
          align-items: center;
          justify-content: center;
          gap: 10px;
     }

.index-banner .video-play{
	cursor: pointer; 
 position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	z-index:9;
	display:flex;
	align-items:center;
	justify-content: center;
	width:60px;
	height:60px;
	border-radius:50%;
	background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(5px);
	display:flex;
	 
	 
	
}
.search-box .w1400 .w{
	width:100%;
}
.search-w h3{
	font-size:30px;
}


     .index-page1 h3,
     .index-page2 h3,
     .index-page3 .info h2,
     .index-page5 #digital li p,
     .index-page7 h2,
     .about-culture-page2 h2,
     .project-page2 .info h2 {
          font-size: 30px;
     }

     
     .about-page1 ul li p,
     .project-page5 h1,
     .index-page4 h3 {
          font-size: 36px;
     }
	 .index-page1 .info .l h2{
		 font-size: 24px;
	 }

     .index-page2 h4,
     .index-page3 .info h3,
     .index-page5 .w1300 .l h3,
     .index-page6 .l .title,
     .index-page7 h3,
     .project-page3 ul li h3 {
          font-size: 24px;
     }


     .index-page1 {
          padding: 60px 0 0px;
     }

     .index-page1 .info {
          gap: 20px;
          align-items: flex-end;
     }

     .index-page1 .info .l h5 {
          font-size: 18px;
          line-height: 1.4;
          margin: 10px 0 20px;
     }

     .index-page1 .info .r {
          padding-right: 0;
     }

     .index-page1 .info .r a {
          white-space: nowrap;
          padding: 0 15px;
          font-size: 16px;
     }

 
     .index-page3,
     .index-page4,
     .index-page7 {
          padding: 60px 0;
     }

.index-page2{
	 padding: 60px 0 20px;
}
     .index-page2 h3 {
          font-size: 26px;
          line-height: 2;
          /* margin-bottom: 20px;    */
     }
.index-page2 h5{
	margin-top:0px;
}
    .index-page2 .swiper2{
		padding:0;
	}
	
		.index-page2 .swiper1{
			margin-top:30px;
			height:240px;
		}
	
	.index-page2 .swiper1 .btn{
		width:40px;
		height:40px;
	}
	.index-page2 .swiper1 .btn .iconfont {
    font-size: 18px;
}
	
	
	
	
	
	

     .index-page3 .w1400 {
          display: flex;
          flex-direction: column-reverse;
          gap: 40px;
     }
	 .index-page3 .list li img{
		 height:300px;
	 }

     .index-page3 .info {
          position: static;
          padding: 0;
     }

     .index-page3 .info .nav {
          margin-top: 40px;
          display: grid;
          grid-template-columns: repeat(3, 1fr);
          gap: 10px;
		  width: 100%;
     }

     .index-page3 .info .nav li {
          gap: 0;
     }

     .index-page3 .info .nav li:hover::after,
     .index-page3 .info .nav li.active::after {
          content: none;
     }

     .index-page3 .info .nav li span {
          display: inline-block;
          width: 100%;
          font-size: 16px;
          line-height: 2;
          text-align: center;
     }

     .index-page3 .info .nav li.active {
          background: var(--color);
     }

     .index-page3 .info h3 {
          margin-top: 15px;
          text-align: center;
     }

     .index-page3 .list {
          width: 100%;
          margin: 0;
     }

     .index-page3 .list li {
          padding: 15px;

     }

     .index-page3 .list li .w {
          gap: 20px;
     }

     .index-page3 .list li .r {
          padding-right: 0;
     }

     .index-page3 .list li .r .iconfont {
          width: 40px;
          height: 40px;
     }

     .index-page4 {
          padding: 0 0 60px;
     }

     .index-page4 h6 {
          margin-top: 12px;
     }

     .index-page4 .swiper {
          margin-top: 30px;
     }

     .index-page4 .swiper {
          height: 400px;
     }

     .index-page4 .swiper-slide {
          height: 60px;
     }

     .index-page4 .pagination {
          gap: 10px;
     }

     .index-page4 .swiper::before,
     .index-page4 .swiper::after {
          width: 100px;
     }

     .index-page5 {
          background: url('../images/index_page5_bg.jpg') no-repeat center;
          background-size: cover;
          padding: 60px 0;
     }

     .index-page5>img {
          display: none;
     }

     .index-page5 .w1300 {
          position: static;
          padding-top: 0;
          transform: none;
     }

     .index-page5 .w1300 .top .r {
          display: none;
     }

     .index-page5 .w1300 .l {
          text-align: center;
     }

     .index-page5 .w1300 .l h3 {
          margin: 0 0 20px;
     }

     .index-page5 #digital {
          flex-direction: column;
          width: 100%;
     }

     .index-page5 .w1300 .l .editor,
     .index-page5 .w1300 .l .editor p {
          font-size: 15px;
     }

     .index-page5 .bottom {
          margin: 30px 0 0;
     }

     .index-page5 #digital li {
          padding: 20px 20px;
     }

     .index-page5 #digital li p {}

     .index-page6 {
          padding: 20px 0;
          background: var(--color);
     }

     .index-page6 .r {
          position: static;
          transform: none;

     }

     .index-page6 .w {
          padding-top: 0;
          display: flex;
          flex-direction: column-reverse;
     }

     .index-page6 .l {
          width: 100%;
     }

     .index-page6 .r img {
          width: 100%;
          object-fit: contain;
          max-width: none;
     }

     .index-page6 .l .editor {
          min-height: 0;
          margin: 20px 0;
     }

     .index-page7 ul {
          grid-template-columns: repeat(1, 1fr);
     }

.common-banner img{
	height:300px;
	object-fit:cover;
}
.common-banner .info{
	bottom:30px;
}
	.common-banner .info h3{
		font-size:24px;
		    padding: 0 10px 10px;

	}
	.common-banner .info h4{
		font-size:20px;
	}
.common-banner .info h3::after{
	    width: 160px;
    height: 20px;
}


     .about-page1 {
          padding: 40px 0;
     }

     .about-page1 .info .time {
          font-size: 36px;
          text-align: center;
     }

     .about-page1 .info .editor {
          margin-top: 20px;
          text-align: left;
          font-size: 16px;
     }

     .about-page1 .info .editor p {
          font-size: 16px;
     }

     .about-page1 ul {
          padding: 0;
          margin-top: 30px;
          flex-wrap: wrap;
          gap: 20px 0;
     }

     .about-page1 ul li {
          width: 50%;

     }

     .about-page2,
     .about-page2 .img {
          height: 360px;
     }
	 
	 .about-page2 iframe{
		 height:360px;
	 }
	.about-page2 video{
		max-height:100vh;
	}
     .about-page2 img {
          height: 100%;
          width: 100%;
          object-fit: cover;

     }

     .about-page3 {
          padding: 40px 0;
     }


     .about-page3 h3,
     .common-about-title h4 {
          font-size: 36px;
     }

     .about-culture-page1 .top {
          padding: 40px 0;
     }

     .common-about-title h4 {
          text-align: center;
     }

     .common-about-title h5 {
          text-align: center;
          line-height: 1.4;
         /*  margin-top: 20px; */
     }

     .about-culture-page1 .top .r {
          text-align: center;
     }

     .about-culture-page1 .bottom {
          height: auto;
     }

     .about-culture-page1 .bottom ul {
          flex-direction: column;

     }

     .about-culture-page1 .bottom ul li {
          border-right: 0px;
          border-bottom: 1px solid #eee;
          padding: 30px 20px;
          flex-direction: row;
          align-items: center;
          gap: 10px;
     }

     .about-culture-page1 .bottom ul li img {
        /*   width: 30%; */
          height: 50px;
          text-align: right;
          margin-bottom: 0;
     }

     .about-culture-page1 .bottom ul li .ps {
          flex: 1;
     }

     .about-culture-page1 .bottom ul li .p1 {
          margin-bottom: 10px;
     }

     .about-culture-page1 .bottom ul li .p2 {
          height: auto;
     }

     .about-culture-page1 .bottom ul li:hover img {
          height: 50px;
     }

     .about-culture-page1 .bottom ul li:hover .p1 {
          font-size: 24px;
     }

     .about-culture-page1 .bottom ul li:hover .p2 {
          font-size: 18px;
          height: auto;
          line-height: 30px;
     }
	 


     .about-culture-page2,
     .about-join-page1,
     .about-join-page3,
     .about-join-page4,
     .about-join-page5 {
          padding: 40px 0;
     }


.about-culture-page2 .editor{
	margin-top:50px;
}
	.about-culture-page2 .item{
		    flex-direction: column;
			    margin-bottom: 50px;
				gap:10px;
	}
	.about-culture-page2 .item .tit{
			margin-bottom:20px;
	}
	
	
	.about-culture-page2 .item1 .r, 
	.about-culture-page2 .item3 .r,
	.about-culture-page2 .item2 .l{
		width:100%;
	}
.about-culture-page2 .item2 .tit{
	text-align:left;
}

.about-culture-page2 .item2 .r{
	text-align:left;
}
.about-culture-page2 .item2 .r img{
	margin-bottom:10px;
}
.about-culture-page2 .item2 .r .tit::after{
	    left: 0;
    right: auto;
}
.about-culture-page2 .item1,
.about-culture-page2 .item3{
	 flex-direction: column-reverse;
}
.about-culture-page2 .item4 .l,
.about-culture-page2 .item4 .c{
	width:100%;
	max-width:none;
}




     .about-join-page1 .r {
          text-align: left;
     }

     .about-join-page1 .bottom {
          display: none;
     }

     .about-join-page2 {
          padding: 0 0 40px;
     }
	 
	 .about-join-page2 ul li .list .item:last-child {
		 padding:15px 0;
	 }
.about-join-page2 ul li .editor{
	padding:20px;
}
.about-join-page2 ul li:first-child .list .item{
	 
}
.about-join-page2 ul li .list .item{
	width:15%;
	 
}
.about-join-page2 ul li .list .item:nth-child(1){
	width:18%;
}
.about-join-page2 ul li .list .item:nth-child(5){
	width:27%;
}
.about-join-page2 ul li .list .item:nth-child(6){
	width:10%;
}



     .about-join-page3 h3 {
          font-size: 36px;
     }

     .about-join-page3 .editor {
          margin-top: 30px;
     }

     .about-join-page3 .editor {
          text-align: left;
     }

     .about-join-page3 ul {
          padding: 30px 0 0;
          flex-wrap: wrap;
          gap: 20px 0;
     }

     .about-join-page3 ul li {
          width: 150px;
          height: 150px;
     }
	 

     .about-join-page3 ul li:nth-child(1) img {
          width: 60px;
     }

     .about-join-page3 ul li:nth-child(2) img {
          width: 60px;
     }

     .about-join-page3 ul li .img {
          width: 60px;
          height: 50px;
     }

     .about-join-page3 ul li p {
          font-size: 16px;
          margin-top: 10px;
     }

     .about-join-page4 ul {
          flex-direction: column;
     }

     .about-join-page4 ul li {
          padding: 30px;
     }

     .about-join-page4 ul li .editor {
          height: auto;
     }

     .about-join-page5 ul {
          margin-top: 50px;
          grid-template-columns: repeat(2, 1fr);
          gap: 40px 20px;
     }

     .about-join-page5 h3,
     .about-join-page4 h3 {
          font-size: 36px;
     }

     .about-join-page4 h6,
     .about-join-page5 h6 {
          font-size: 18px;
          line-height: 1.6;
     }

     .about-join-page5 ul li {
          padding: 0 20px;
     }

     .about-join-page5 ul .editor {
          padding: 10px 0 20px;
     }
	.about-join-page5 ul .img{
		width:60px;
		height:60px;
	}
	.about-join-page5 ul li:nth-child(1) img{
		height:35px;
	}
	.about-join-page5 ul li:nth-child(2) img{
		height:35px;
	}
.about-join-page5 ul li:nth-child(3) img{
		height:35px;
	}
	.about-join-page5 ul li:nth-child(4) img{
		height:35px;
	}
	.about-join-page5 ul .bottom{
		padding:10px 10px 10px 80px;
		font-size:18px;
		 
	}










     .about-history-page2 .swiper1 h1 {
          font-size: 60px;
     }

     .about-history-page1,
     .about-media-page1,
     .about-history-page2 {
          padding: 40px 0;
     }

     .about-media-page2 ul {
          grid-template-columns: repeat(1, 1fr);
          gap: 20px;
     }

     .about-media-page2 ul li .r {
          width: 100px;
     }

     .about-media-page2 ul li .l p {
          font-size: 24px;
     }

     .about-media-page2 ul li .l span {
          font-size: 18px;
     }

     .about-media-page2 ul li {
          padding: 20px 10%;
     }



     .project-page1 {
          padding: 40px 0;
     }

     .project-page2 {
          background: #f4f4f4;
          padding: 40px 0;
     }

     .project-page2>img {
          display: none;
     }

     .project-page2 .info {
          position: static;
          transform: none;
     }

     .project-page2 .info h2 {
          width: 100%;
          text-align: center;
          margin-bottom: 0;
     }

     .project-page2 .info h5 {
          font-size: 20px;
          padding: 30px 0;
     }


     .project-page2 .info ul {
		 width:100%;
          padding: 20px;
          grid-template-columns: repeat(2, 1fr);
          gap: 10px;
     }

     .project-page2 .info ul li {
          padding: 10px 15px 10px;
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          gap: 10px;
     }

     .project-page2 .info ul li .title {
          font-size: 16px;
          line-height: 20px;
		margin:5px 0 0;

     }

     .project-page2 .info ul li .w {
          justify-content: space-between;
     }

     .project-page2 .info ul li .w p {
          font-size: 24px;
          flex: none;
          justify-content: center;
     }

     .project-page2 .info ul li .w p b {
          font-size: 36px;
     }

     .project-page2 .info ul img {
          height: 30px;
     }

     .project-page3{
          padding-bottom: 40px;
     }
     .project-page3 .top h3 {
          font-size: 36px;
     }
     .project-page3 .top h5{
          font-size: 18px;
          line-height: 1.5;
     }
     .project-page3 ul{
          margin-top: 0;
          grid-template-columns: repeat(1, 1fr);
    gap: 20px;
     }
     .project-page3 ul li{
          padding: 15px 20px;
     }
     .project-page3 ul li .editor{
          margin-top: 20px;
        
     }
     .project-page3 .top{
          padding: 40px 0;
     }

     .project-page4 img{
          height: 240px;
          object-fit: cover;
     }

     .project-page5 h1,
     .project-page6 h2{
          font-size: 30px;
          line-height: 1.2;
     }
     .project-page5 h5,
     .project-page6 h5{
          font-size: 20px;
          line-height: 1.4;
     }
     .project-page5 .vr img{
          height: 300px;
          object-fit: cover;
     }
     .project-page6{
          padding: 40px 0 0;
     }
     .project-page6 .w{
          margin-top: 40px;
          padding: 40px 0;
     }
     .project-page6 .w ul{
          gap: 20px;
     }
     .project-page6 .w ul li{
          width: 100%;
     }
     .project-page6 .w ul li .editor{
          margin-top: 20px;
          padding-top: 0;
          min-height: 0;
     }
     .project-page7{
          padding: 40px 0;
     }
     .project-page7 ul{
          gap: 25px;
          margin-top: 40px;
     }
     .project-page7 ul li{
          width: 100%;
          padding: 15px 30px;
     }
     .project-page7 ul li h4{
          font-size: 24px;
     }

     .project-page8{
          padding-bottom: 40px;
     }
     .project-page8>h3{
          padding: 20px 0 30px;
          font-size: 36px;
     }
     .project-page8 ul{
          grid-template-columns: repeat(1, 1fr);
          gap: 20px;
     }
     .project-page8 ul li .info h4{
          padding: 20px 0 10px;
     }



     .project-robot-page1,
     .project-robot-page3 {
          padding: 40px 0;
     }
     .project-robot-page2 .info .title .t1{
          font-size: 36px;
          font-weight: bold;
     }
     .project-robot-page2 .info .title .t2{
          font-size: 24px;
     }
     .project-robot-page2 .info .t3{
          font-size: 20px;
          font-weight: bold;
     }
     .project-robot-page1 .editor{
          max-width: none;
          margin-top: 20px;
     }
     .project-robot-page2 li .top{
          display: flex;
          flex-direction: column-reverse;
          gap: 20px;
     }
     .project-robot-page2 .img{
          position: static;
          width: 100%;
     }
     .project-robot-page2 .info .editor{
          height: auto;
     }

     .project-robot-page2 .info{
          width: 100%;
     }
     .project-robot-page2 li{
          padding: 60px 0 0;
     }
     .project-robot-page2 li .bottom{
          margin-top: 30px;
          padding: 0;
     }
     .project-robot-page2 li .bottom ul{
          grid-template-columns: repeat(1, 1fr);
          gap:0px;
     }
     .project-robot-page2 li .bottom ul li{
          padding: 20px 6%;
          border-bottom: 1px solid rgba(255, 255, 255, 1);
     }
     .project-robot-page3{
          flex-direction: column;
          gap: 20px;
     }
     .project-robot-page3 .l{
          width: 100%;
     }
     .project-robot-page3 .r{
          width: 100%;
     }
     .project-robot-page3 .l h3{
          margin-top: 0;
          font-size: 36px;
     }
     .project-robot-page3 .l .editor{
          font-size: 18px;
          margin-top: 20px;
     }
     .project-robot-page3 .l .editor p{
          font-size: 18px;
     }



     .project-contact-page1,
     .project-contact-page3{
          padding: 40px 0;
     }
     .project-contact-page1 .editor{
          margin-top: 20px;
          max-width: none;
     }

     .project-contact-page2 .img img{
          width: 100%;
          object-fit: contain;
          height: auto;
     }
     .project-contact-page2 .info h3{
          font-size: 36px;
     }
     .project-contact-page2 .info ul{
          margin-top: 30px;
          grid-template-columns: repeat(1, 1fr);
          gap: 20px;
     }
     .project-contact-page2 .info ul li .r h6{
          font-size: 20px;
     }
     .project-contact-page3 h3{
          font-size: 36px;
          line-height: 1.2;
     }

     .project-contact-page3 ul {
          margin-top: 30px;
         
          grid-template-columns: repeat(1, 1fr);
          gap: 20px;
      }
      .project-contact-page3 ul li img{
          width: auto;
          height: 100px;
      }

      .project-contact-page4{
          flex-direction: column;
      }
      .project-contact-page4 .l, .project-contact-page4 .r{
          width: 100%;
      }
      .project-contact-page4 .info{
          width: 100%;
          position: static;
          padding: 30px 4%;
      }
      .project-contact-page4 img{
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          width: 100%;
          height: 100%;
          object-fit: cover;
          z-index: -1;
      }
      .project-contact-page4 .info .title{
          font-size: 30px;
          margin-bottom: 30px;
      }
      .project-contact-page4 .editor,
      .project-contact-page4 .editor p{
          font-size: 18px;
          line-height: 1.8;
      }


      .project-contact-page5{
          padding: 40px 0 ;
      }
      .project-contact-page5 ul{
          margin-top: 40px;
          grid-template-columns: repeat(1, 1fr);
          gap: 20px;
      }
      .project-contact-page5 h3{
          font-size: 36px;
      }
      .project-contact-page5 ul li{
          padding: 15px 20px;
      }
      .project-contact-page5 ul li h6{
          font-size: 20px;
      }
      .project-contact-page5 ul li p{
          font-size: 18px;
      }


      .project-case-page1,
      .project-page5{
          padding: 40px 0;
      }
      .project-case-page2 h3,
      .project-case-page3 h3{
          font-size: 36px;
          line-height: 1.4;
      }
      .project-case-page2 h5{
          font-size: 24px;
      }
      .project-case-page2 ul {
          grid-template-columns: repeat(2, 1fr);
          gap:  15px;
      }
      .project-case-page2 button{
          margin: 30px auto 0;
      }

      .jjzz-page1{
          padding: 40px 0;
      }
      .jjzz-page-w{
          flex-direction: column;
          gap: 20px;
          padding: 0;
     }
     .jjzz-page-w .sidebar{
          width: 100%;
          display: flex;
          flex-wrap: wrap;
          gap: 5px;
          justify-content: center;
     
     }
     .jjzz-page-w .sidebar a{
          padding: 0 10px;
          font-size: 18px;
          height: 40px;
          line-height: 40px;
     }
     .jjzz-page-w .sidebar li{
		 width:100%;
          border-bottom: 0;
     }
     .jjzz-page-w .right{
          width: 100%;
     }
     .jjzz-page2{
          padding: 0 0 20px;
     }

     .jjzz-page2 .title .tit1{
          font-size: 36px;
     }
     .jjzz-page2 .title .tit2{
          font-size: 24px;
     }
     .jjzz-page2 .imgs .info{
          padding: 30px ;
     }
     .jjzz-page2 .item ul{
          padding: 20px ;
          display: grid;
          grid-template-columns: repeat(2, 1fr);
          gap: 20px 10px;
     }
     .common-swiper-btns{
          padding: 0 10px;
     }
     .common-swiper-btns .btn{
          width: 36px;
          height: 36px;
     }
     .common-swiper-btns .btn .iconfont{
          font-size: 20px;
     }
     .jjzz-page3 .top, .jjzz-page4 .top{
          padding: 10px 0 15px;
     }
     .jjzz-page3 .top h3, .jjzz-page4 .top h3{
          font-size: 30px;
          padding: 0 10px;
     }
     .jjzz-page3 .swiper{
          margin-top: 20px;
     }
     .jjzz-page3, .jjzz-page4{
          padding: 0 0 30px;
     }

     .jjzz-page4 .swiper{
          margin-top: 20px;
     }
     .jjzz-page5{
          height: auto;
     }
     .jjzz-page5 .w1400{
          flex-direction: column;
          position: static;
          transform: none;
          width: 100% !important;
     }
     .jjzz-page5>.l{
          display: none;
     }
     .jjzz-page5>.r{
          display: none;
     }
     .jjzz-page5 .w1400 .l{
          width: 100%;
          background: url(../images/jjzz_page5_1.jpg) no-repeat center;
          padding: 50px 30px;
     }
     .jjzz-page5 .w1400 .r{
          background: var(--color);
          width: 100%;
          padding: 50px 30px;
     }

     .jjzz-page5 .w1400 h6{
          font-size: 20px;
          text-align: center;
     }

     .product-page-w{
          padding: 40px 0;
          gap: 20px;
          flex-direction: column;
         
     }
     .product-page-w .classify{
          display: flex;
          justify-content: space-between;
          align-items: center;
          height: 50px;
          line-height: 50px;
          width: 100%;
          background: #E1E1E1;
          padding: 0 20px;
          border: 1px solid #999;
     }
     .product-page-w .classify p{
          font-size: 18px;
     }
     .product-page-w .classify .iconfont{
          display: inline-block;
          transform: rotate(90deg);
          transition: all 0.3s ease;
     }
     .product-page-w .classify.active .iconfont{
          transform: rotate(-90deg);
     }
     .product-page-w .sidebar{
          display: none;
          position: static;
          border-top: 2px solid #fff;
     }
     .product-page-w .sidebar li{
          border-bottom: 1px solid #fff;
     }
     .product-page-w .sidebar li a{
          height: 50px;
          line-height: 50px;
          padding: 0 20px;
     }
     .product-page-w .sidebar li img{
          width: 35px;
          height: 30px;
     }
     .product-page-w .product-list li{
          height: auto;
          padding: 20px ;
          min-height: 200px;
     }
     .product-page-w .product-list{
          gap: 15px;
     }
     .product-page-w .product-list li .tit1{
          font-size: 20px;
          font-weight: bold;
     }
      
     .product-page-w .product-list li .more{
          margin-left: auto;
     }

     .product-page-w .product-list2{
          grid-template-columns: repeat(1, 1fr);
     }


     .product-detail-page1 {
          flex-direction: column;
     }
     .product-detail-page1 .l{
          width: 100%;
     }
     .product-detail-page1 .r{
          width: 100%;
          gap: 20px 0;
     }
     .product-detail-page1 .r .title{
          font-size: 24px;
     }



     .product-detail-page2 .top{
          flex-direction: column-reverse;
          gap: 20px;
     }

     .product-detail-page2 .top .link-list{
          width: 100%;
          /* justify-content: flex-end; */
     }
     .product-detail-page2 .top .link-list li a{
          font-size: 16px;
     }
     .product-detail-page2 .top .nav{
          width: 100%;
     }
     .product-detail-page2 .top .nav li{
          font-size: 20px;
          padding: 0 10px;
     }
     .product-detail-page2{
          padding: 0 0 40px;
     }


     .service-page1{
          padding: 40px 0;
          gap: 20px;
     }
     .service-page1 .editor{
          width: 100%;
     }
     .service-page2{
          padding: 50px 0;
     }
     .service-page2 h3{
          font-size: 36px;
     }
     .service-page2 h4{
          padding: 10px 30px;
     }
     .service-page2 ul img{
          width: 80px;
          height: 80px;
     }
     .service-page2 ul{
          gap: 20px;
          margin-top: 60px;
     }
     .service-page2 ul p{
          font-size: 18px;
     }

     .service-page3{
          flex-direction: column;
          padding: 40px 0 ;
          position: relative;
          gap: 30px;
     }
     .service-page3 .l{
          width: 100%;
     }
     .service-page3 .r{
          width: 100%;
     }
     .service-page3 .l h3{
          font-size: 36px;
     }
     .service-page3 .r .nav{
          overflow-x: auto;
          justify-content: flex-start;
          padding-bottom: 10px;
          gap: 10px;
     }
     .service-page3 .r .nav li{
          padding: 0 20px;
          font-size: 16px;
          white-space: nowrap;
     }
     .service-page3 .common-swiper-btns{
          position: absolute;
          bottom: 120px;
          left: 0;
          width: 100%;
          justify-content: space-between;
     }
     .service-page3 .r .swiper-list{
          margin-top: 30px;
     }
     .service-page3 .r .swiper-list li{
          padding: 0 50px;
     }

     .service-page4{
          padding: 40px 0;
     }
     .service-page4 .w1400>h3{
          font-size: 36px;
     }
     .service-page4 .nav{
          margin-top: 20px;
     }
     .service-page4 .nav li{
          padding:  0 10px;
          font-size: 16px;
          gap: 10px;
          height: 45px;
          line-height: 45px;
     }
     .service-page4 .nav li img{
          width: 20px;
          height: 20px;
     }
     .service-page4 .list{
          padding: 30px 20px;
     }


     .service-page5{
          padding: 40px 0;
     }
     .service-page5 h3{
          font-size: 36px;
     }
     .service-page5 h6{
          font-size: 18px;
          line-height: 1.6;
     }
     .service-page5 .form{
          margin-top: 20px;
          padding: 30px 20px;
          gap: 20px;
     }
     .service-page5 .form label{
          width: 100%;
          height: 45px;
          line-height: 45px;
        
     }
     .service-page5 .form .bottom{
          flex-direction: column;
         
     }

     .service-page5 .form .bottom label{
         flex-direction: column;
         align-items: flex-start;
         gap: 10px;
         height: auto;
         
        background: #EAEAEA;
         
     }
     .service-page5 .form .bottom label p{
          
     }
     .service-page5 .form .bottom label .yzm-w{
         justify-content: space-between;
          align-items: center;
          gap: 10px;
          width: 100%;
          padding: 0px 0 10px;
     }
     .service-page5 .form .bottom label .yzm-w input {
          flex: 1;
          height: 45px;
          line-height: 45px;
          min-width: 0;
     }
     .service-page5 .form .bottom label .yzm{
         
          object-fit: contain;
     }

     .service-page5 .form .bottom button{
          margin-top: 20px;
     }


     .faq-page1{
          padding: 40px 0;
     }
     .faq-page2 .nav {
          overflow-x: auto;
          overflow-y: hidden;
 
     }
     .faq-page2 .nav li{
          padding: 10px 10px;
          font-size: 18px;
      
          white-space: nowrap;
     }


     .faq-page2 .list{
          padding: 20px;
          overflow-x: auto;
          overflow-y: hidden;
         
     }
     .faq-page2 .list li{
          width: 930px;
     }
     .faq-page2 .tbody{
          width: auto;
          max-height: none;
     }
     .faq-page2 .th, .faq-page2 .tr{
          padding: 10px 0;
        
     }
     .faq-page2  .td{
          display: inline-block;
     }
     .faq-page2 .th .td:nth-child(2), 
     .faq-page2 .tr .td:nth-child(2){
         width: 300px;
          flex: auto;
     }
     .faq-page2 .th .td:nth-child(3), 
     .faq-page2 .tr .td:nth-child(3){
         width: 360px;
     }
     .faq-page2 .th .td:nth-child(1), 
     .faq-page2 .tr .td:nth-child(1){
          width: 150px;
     }
     
     .news-page1{
          padding: 40px 0;
     }
     .news-page2 .select-list{
          width: 100%;
          gap: 10px;
     }
     .news-page2 .select-list .select-item{
          width: 50%;
          min-width: 0;
     }

     .news-page2 .list{
          margin-top: 30px;
          grid-template-columns: repeat(1, 1fr);
          gap: 20px;
     }
     .news-page2 .list li .info{
          padding: 10px 20px;
     }
     .news-page2 .list li .info .title{
          height: auto;
     }

     .news-detail-page1{
          padding: 40px 0;
     }
     .news-detail-page1 .title{
          font-size: 30px;
     }
     .news-detail-page1 .time{
          font-size: 20px;
     }
     .news-detail-page1 .editor,
     .news-detail-page1 .editor p{
          font-size: 18px;
     }
     .news-detail-page2 .title{
          font-size: 36px;
     }
     .news-detail-page2 ul {
         
          grid-template-columns: repeat(1, 1fr);
          gap: 20px;
      }

      .news-detail-page2 ul li .info .editor{
          margin-top: 20px;
      }



      .contact-page1{
          padding-bottom: 40px;
      }
      .contact-page1 .common-about-title{
          padding: 40px 0;
      }

      .contact-page1 .editor{
          flex-direction: column;
      }
      .contact-page1 .editor .l{
          width: 100%;
          gap: 20px;
          padding: 20px 0 ;
          border-right: 0px;
          border-bottom: 1px solid #ccc;
      }

      .contact-page1 .editor .c{
          width: 100%;
          gap: 20px;
          padding: 20px 0 ;
          border-right: 0px;
          border-bottom: 1px solid #ccc;
          justify-content: left;
          flex-direction: row;
          flex-wrap: wrap;
      }
      .contact-page1 .editor .c .item{
          width: calc(50% - 10px);
      }
      .contact-page1 .editor p{
          font-size: 16px;
      }
      .contact-page1 .editor .r{
          width: 100%;
          gap: 20px;
          padding: 20px 0 ;
          border-right: 0px;
      }

      .contact-page2{
          padding: 40px 0;
      }
      .contact-page2 .title{
          font-size: 20px;
      }
      .contact-page2 .form{
          gap: 15px;
          margin-top: 20px;
      }
      .contact-page2 .form select{
          font-size: 18px;
      }
 
      .contact-page2 .form label{
          width: 100%;
      }
      .contact-page2 .form label p{
          font-size: 18px;
      }




     footer {
          padding: 40px 0 0;
     }

     footer .top {
          padding: 0;
     }

     footer .top-t {
          gap: 30px;
     }

     footer .top-t .l {
          text-align: center;
     }

     footer .top-t .r {
          justify-content: center;
     }

     footer .top-t .r .nav {
          display: none;
     }

     footer .top>ul {
          justify-content: center;
          gap: 35px;
     }

     footer .bottom {
          flex-direction: column;
          gap: 10px;
          padding: 10px 0 20px;
     }
}