@media screen and (min-width: 768px) {
  .news1200,
  .news1400 {
    width: 750px;
    margin: 0 auto;
  }

  .about1-title p {
    font-size: 34px;
  }

  .contTitle h2 {
    font-size: 34px;
    margin-bottom: 20px;
  }

  .infourSwiper .con p,
  .contTitle p {
    font-size: 16px;
  }

  .infourSwiper .con {
    padding: 30px;
  }

  .sText-box p {
    font-size: 16px;
    line-height: 1.8;
  }

  .indexOne-box-text p,
  .indexFour .re li .info h6 {
    font-size: 18px;
  }

  .indexTwo-box .sBottom .sText {
    padding: 30px 0;
  }

  .indexTwo-box .swiper-slide:hover .sBottom {
    bottom: -30px;
  }

  .infourSwiper .con h6,
  .indexTwo-box .swiper-button-next:after,
  .indexTwo-box .swiper-button-prev:after {
    font-size: 20px;
  }

  .indexFour .re li .info {
    padding: 0px 60px 0px 40px;
  }

  .number {
    margin-top: 80px;
    margin-bottom: 90px;
    flex-wrap: inherit;
  }

  .number .number_box {
    flex: 0 0 25%;
    justify-content: center;
  }

  .number .number_box_img {
    width: 60px;
    height: 60px;
  }

  .number_box .number_box_text .one {
    font-size: 30px;
  }

  .indexFour .re li .info h6 {
    margin-top: 10px;
  }

  .caseFour-box .caseFour-box-item h4 {
    font-size: 18px;
  }

  .caseSecond-box-left-text p,
  .indexFour .re li .info h6,
  .infourSwiper .con .time,
  .number_box .number_box_text .text {
    font-size: 16px;
  }

  .indexOne-box-text {
    width: 88%;
  }

  .margin80 {
    margin-bottom: 80px;
  }

  .caseSecond {
    margin: 70px 0;
  }

  .zibanner .zibanner-text h2 {
    font-size: 60px;
  }

  .zibanner .zibanner-text h1 {
    font-size: 30px;
    margin-top: -48px;
  }

  .tab-second-inner .caseFirst-box {
    flex: 0 0 45%;
    margin: 20px 0;
  }

  .caseFirst-box a {
    padding: 0 30px;
  }

  .tab-second-inner .caseFirst-box {
    height: 80px;
  }

  .caseFirst-box a span {
    font-size: 16px;
  }

  /* .caseThild-box-left-top {
		display: flex;
	} */

  .caseThild-box-left-top .caseThild-box-left-top-img {
    margin: 0 20px;
  }

  .caseThild-box-right ul li {
    width: 48%;
  }

  .caseThild-box-right ul li .caseThild-box-right-text h6 {
    font-size: 18px;
    margin-bottom: 10px;
  }

  /* .caseThild-box-right ul li .icon img {
		width: 40px;
		height: 40px;
	} */
  .case5-flex-top .iconImg,
  .problem-card .icon-box,
  .caseThild-box-right ul li .icon {
    width: 70px;
    height: 60px;
  }

  .caseFirst {
    margin-top: 50px;
  }

  .article-title {
    font-size: 36px;
  }

  .about1-title p {
    font-size: 30px;
  }

  .about1-title span {
    font-size: 16px;
  }
  .caseFirst .cc2{
    font-size: 24px;
  }
  .tab-first-item{
    font-size: 18px;
  }
  .caseFirst-box a i{
    width: 24px;
    height: 16px;
  }
}

@media screen and (min-width: 992px) {
  .news1200,
  .news1400 {
    width: 970px;
    margin: 0 auto;
  }
  .caseFirst .cc2{
    font-size: 28px;
  }
  .mobmenu {
    display: flex;
    margin-top: 36px;
  }

  .search,
  .nav {
    display: none;
  }

  .header h1 img {
    height: 50px;
    margin: 20px 0;
  }

  .footer-bottom ul li {
    padding-left: 20px;
    margin-left: 20px;
  }

  .footerFlex {
    flex-wrap: column;
  }

  .footer-top .footer-top-left {
    width: 500px;
    text-align: left;
  }

  .footer-top .footer-top-right {
    width: auto;
  }

  .footer-top-left-text {
    margin-bottom: 50px;
  }

  .footer .footer-top {
    padding: 100px 0 50px;
  }

  .footer-bottom ul {
    display: block;
  }

  .footerFlex {
    justify-content: space-between;
  }

  .about1-title p,
  .contTitle h2 {
    font-size: 38px;
  }

  .indexFour .newsFour-box {
    flex-direction: inherit;
  }

  .indexFour .le {
    width: 45%;
  }

  .indexFour .re {
    width: 53.25%;
    margin-top: 0;
  }

  .indexTwo-box .sBottom .sText h6 {
    font-size: 18px;
  }

  .indexTwo-box .sBottom .sText img {
    width: 35px;
    height: 35px;
  }

  .indexTwo-box .swiper-button-next,
  .indexTwo-box .swiper-button-prev {
    width: 40px;
    height: 40px;
  }

  .more {
    margin-top: 80px;
  }

  .more a {
    width: 180px;
    height: 60px;
    border-radius: 60px;
  }
  .industry-nav .nav-item,
  .footer-top-left-text p,
  .more span {
    font-size: 16px;
  }

  .more .icon {
    width: 22px;
    height: 22px;
    margin-left: 30px;
  }

  .indexOne-box-text p {
    font-size: 20px;
  }

  .number {
    margin-top: 110px;
    margin-bottom: 120px;
  }

  /* .banner .mySwiper video,
	.banner .mySwiper .swiper-slide,
	.banner .mySwiper .swiper-slide img,
	.banner {
		height: 100vh !important;
	} */

  .zibanner .zibanner-text h2 {
    font-size: 80px;
  }

  .zibanner .zibanner-text h1 {
    font-size: 40px;
    margin-top: -54px;
  }

  .caseFirst-box a span {
    font-size: 18px;
  }

  .caseTilt {
    padding-bottom: 25px;
    margin-bottom: 35px;
  }

  .caseTilt h3 {
    font-size: 24px;
  }

  .caseFour-box .caseFour-box-item p,
  .caseTilt span {
    font-size: 14px;
  }

  .caseSecond-box {
    display: flex;
  }

  .caseSecond-box .caseSecond-box-left {
    width: 65%;
    margin-right: 7%;
  }

  .caseSecond-box .caseSecond-box-right {
    width: 35%;
  }
  .contact-left .contact-left-item span,
  .table-note,
  .energy3-param-table td,
  .publiccase .case-section .case-text p {
    font-size: 16px;
  }
  .caseSecond-box .padding90 {
    padding-bottom: 40px;
  }

  /* .caseThild-box-left-bottom .caseGit img {
		height: 280px;
	} */
  .caseFour .caseFour-box {
    padding: 5px 40px;
  }

  .caseFour-box .caseFour-box-item .caseFour-box-item-top {
    width: 174px;
    height: 185px;
  }

  .caseFour-box .caseFour-box-item .caseFour-box-item-top i {
    width: 90px;
    height: 71px;
  }

  .padd120 {
    padding: 50px 0;
  }

  .caseFirst {
    margin-top: 100px;
  }

  .about1-two-box .about1-text {
    width: 70%;
  }

  .news-list {
    grid-template-columns: repeat(2, 1fr);
  }

  .honor-container,
  .newsFenye,
  .news-card {
    display: flex;
  }

  .aboutHonor-left-box-top p {
    font-size: 18px;
  }

  .honor-column:first-child {
    flex: 0.7;
  }

  .honor-column:last-child {
    flex: 1.3;
  }

  .news-card .card-img-wrap {
    margin-bottom: 0;
  }

  .article-title {
    font-size: 42px;
  }

  .about1-text-box {
    padding-bottom: 200px;
  }

  .about1-title {
    margin-bottom: 60px;
  }

  .article-meta {
    flex-direction: row;
    gap: 60px;
  }
  .home-develop {
    padding: 120px 0;
  }
  .about1-two {
    padding: 120px 0 0;
  }
  .home-develop-box-right-bottom {
    gap: 30px;
  }
  .about1-title span {
    font-size: 18px;
  }

  .about1-text-box::after {
    display: block;
  }
  .home-develop-box-left-bottom .yearBtn {
    width: 40px;
    height: 40px;
  }
  .indexProduct .box .txt {
    font-size: 18px;
  }
  .tab-first-level{
    gap: 150px;
  }
  .tab-first-item{
    font-size: 20px;
    padding:34px 0;
  }
  .tab-first-item[data-index="1"]::before{
    top: 28px;
  }
}
@media screen and (min-width: 1100px) {
  .banner .swiper-slide .moblieImg {
    display: none;
  }

  .banner .swiper-slide .pcImg {
    display: block;
  }
}
@media screen and (min-width: 1200px) {
  .news1200,
  .news1400 {
    width: 1200px;
    margin: 0 auto;
  }

  .news-list {
    grid-template-columns: repeat(3, 1fr);
  }

  .search,
  .nav {
    display: block;
  }
  .about1-text {
    width: 45%;
  }
  .about1-one {
    background-image: url(../images/hour.png);
    padding: 120px 0;
  }
  .mobmenu {
    display: none;
  }
  .contact-wrap,
  .aboutHonor-flex {
    display: flex;
  }

  .aboutHonor-flex .aboutHonor-left {
    width: 50%;
    height: 954px;
  }

  .aboutHonor-flex .aboutHonor-right {
    width: 50%;
  }

  .padd77 {
    padding: 0 77px;
  }

  .padd120 {
    padding: 120px 0;
  }
  .tab-bar .tab-bar-flex {
    gap: 200px;
  }
  .about1-title span {
    font-size: 20px;
  }
  .about1-text p,
  .feature-card p,
  .enery-box-con-left-item p,
  .problem-card p,
  .casehh .case-section .case-content .case-desc,
  .footer-bottom ul li a {
    font-size: 16px;
  }
  .industry-nav .nav-item,
  .publiccase .case-section .case-text p,
  .industry-tab-item,
  .footer-top-left-text p {
    font-size: 18px;
  }

  .footer-bottom p a,
  .footer-bottom p,
  .footer-top-left-small p {
    font-size: 15px;
  }

  .footer-bottom ul li {
    padding-left: 30px;
    margin-left: 30px;
  }

  .footer-top-left > img {
    height: 70px;
    margin-bottom: 50px;
  }

  .contTitle {
    margin-bottom: 60px;
  }

  .about1-title p,
  .contTitle h2 {
    font-size: 40px;
  }

  .contact-left .contact-left-item {
    margin: 46px 0;
  }

  .energyBox-flex-right .caseTiltOne:after {
    display: block;
  }

  .energy3-container-item .card-content .card-title {
    padding: 20px 18px;
    font-size: 20px;
  }

  .energy3-param-table td,
  .energy3-container-item .card-content .card-desc,
  .param-value,
  .contact-left .contact-left-item span,
  .contact-right .qr-code-item p,
  .contTitle p {
    font-size: 18px;
  }
  .publiccase .case-section .case-text h2 {
    font-size: 24px;
  }
  .indexTwo-box .sBottom .sText h6 {
    font-size: 20px;
  }
  .indexTwo-box .swiper-button-next,
  .indexTwo-box .swiper-button-prev {
    width: 60px;
    height: 60px;
  }

  .zibanner .zibanner-text h2 {
    font-size: 100px;
  }

  .zibanner .zibanner-text h1 {
    font-size: 48px;
    margin-top: -74px;
  }

  .caseFirst-box a span {
    font-size: 20px;
  }

  .tab-second-inner .caseFirst-box {
    flex: 0 0 30%;
  }
  .news-card .card-content .card-title {
    font-size: 20px;
  }
  .caseTilt h3 {
    font-size: 30px;
  }
  .contact-left .contact-left-item img {
    width: 24px;
    height: 24px;
  }
  .caseFour-box .caseFour-box-item p,
  .caseTilt span {
    font-size: 16px;
  }
  
  .caseSecond-box .caseSecond-box-left h5 {
    font-size: 24px;
  }
  .contact-left .contact-left-title .rr {
    font-size: 30px;
  }
  /* .contact-left .contact-left-title p {
    font-size: 30px;
  } */
  .tab-first-level{
    gap: 150px;
  }
  .tab-first-item{
    font-size: 22px;
    padding:34px 0;
  }

  .caseSecond-box .padding90 {
    padding-bottom: 60px;
  }

  .caseThild-box-left-bottom > img {
    width: 90%;
    /* margin-left: -50px; */
  }

  .caseThild-box-left-top .caseThild-box-left-top-img img {
    width: 170px;
    height: 109px;
  }

  .caseThild-box-left-bottom .caseGit {
    top: -84px;
    right: -48px;
  }
  .news {
    margin: 120px 0;
  }
  .contact {
    padding: 120px 0;
  }

  .case1Thild .caseThild-box-left-bottom .caseGit img {
    height: 250px;
  }

  .case2Thild .caseThild-box-left-bottom .caseGit img {
    height: 218px;
  }

  .case3Third .caseThild-box-left-bottom .caseGit img {
    height: 218px;
  }

  .tab-container {
    margin-bottom: 80px;
  }

  .industry {
    margin: 120px 0;
  }

  .enery-box-con::after {
    width: 130%;
  }

  .tab-button {
    padding: 26px 80px;
    font-size: 20px;
  }

  .consult-form .consult-form-right,
  .consult-form .consult-form-left {
    flex: 0 0 49%;
  }

  .energyBox-flex-left {
    width: 360px;
  }

  .enery-box-con-left img {
    position: absolute;
    top: -60px;
    right: -50px;
  }

  .energyBox-flex-right {
    width: calc(100% - 420px);
  }

  .enery-box-con-left-item {
    width: calc(100% - 280px);
  }

  .enery-box-con-left {
    padding: 40px 0 80px 40px;
  }

  .energyBox-flex,
  .enery-box-con-left,
  .energyBox-flex,
  .consult-form .consult-form-right,
  .consult-form .consult-form-flex,
  .contact-flex,
  .caseThild-box {
    display: flex;
  }
  /* .caseThild-box-left-bottom>img{
    width: 85%;
  } */
  .caseThild-box-left {
    width: 64%;
    margin-bottom: 0;
  }

  .caseThild-box-right {
    width: 32%;
  }
  .caseNewKing .caseThild-box-left {
    width: 60%;
  }
  .caseNewKing .caseThild-box-right {
    width: 40%;
  }
  .caseThild-box-left-top {
    justify-content: flex-start;
  }

  .caseThild-box-right ul {
    display: inline;
  }

  .caseThild-box-right ul li {
    width: auto;
  }

  .caseFour .caseFour-box .caseFour-box-item {
    width: 33.33%;
    padding: 30px 0;
  }

  .caseFour .caseFour-box .caseFour-box-item::after,
  .caseFour .caseFour-box .caseFour-box-item::before {
    display: block;
  }

  .contact-right .qr-code-item img {
    width: 128px;
    height: 128px;
  }
  .card-overlay .card-title {
    font-size: 20px;
  }
  .aboutHonor-left-box {
    padding: 80px 30px;
  }
  .energyBox-flex-left-item a span,
  .consult-form .form-textarea textarea,
  .consult-form .form-title,
  .consult-form .form-item input,
  .consult-form .form-item label,
  .contact-right .qr-code-item p,
  
  .newsFenye a,
  .article-meta,
  .newsdetlist p,
  .news-card .card-content .card-desc,
  .concept-card p,
  .honor-column p,
  .achievement-item p {
    font-size: 16px;
  }
  .swiname {
    font-size: 60px;
  }
  .swiname span {
    font-size: 50px;
  }
  .home-develop-box .home-develop-box-left {
    width: 305px;
  }
  .home-develop-box .home-develop-box-right {
    width: calc(100% - 305px);
  }
  .achievement-item {
    padding-bottom: 24px;
    margin-bottom: 24px;
  }
  .home-develop-box-left .mySwiper {
    height: 370px;
    padding-bottom: 20px;
  }
  
}

@media screen and (min-width: 1500px) {
  .news1400 {
    width: 1400px;
    margin: 0 auto;
  }
  .achievement-item p {
    font-size: 20px;
  }
  .zibanner .zibanner-text h1 {
    font-size: 60px;
    margin-top: -85px;
  }

  .zibanner .zibanner-text h2 {
    font-size: 150px;
  }
  .nav>ul>li>a {
    padding:5px 25px 7px;
  }
  .contact-left .contact-left-title p,
  .energyBox-flex-left-item a span,
  .sText-box p,
  .achievement-item p,
  .feature-card p,
  .enery-box-con-left-item p {
    font-size: 18px;
  }
  .about1-title p,
  .contTitle h2 {
    font-size: 42px;
  }
  .publiccase .case-section .case-text h2 {
    font-size: 26px;
  }
  .indexTwo-box .sBottom .sText h6 {
    font-size: 24px;
  }
  .card-overlay .card-title {
    font-size: 22px;
  }
  .contact-left .contact-left-item span,
  .contTitle p {
    font-size: 20px;
  }

  .indexFour .re li .info h6 {
    font-size: 20px;
  }

  .mobliewrap {
    display: none;
  }

  .pcwrap {
    display: block;
  }

  .caseThild-box-left-bottom > img {
    width: 825px;
    /* height: 286px; */
    margin-left: -50px;
  }

  .case3Third .caseThild-box-left-bottom > img {
    margin-top: -180px;
  }

  .caseThild-box-left-top .caseThild-box-left-top-img img {
    width: 194px;
    height: 125px;
  }

  .caseThild-box-left-bottom .caseGit {
    top: -100px;
  }

  /* .caseThild-box-left-bottom .caseGit img {
		height: 300px;
	} */

  .caseThild-box-right ul li .caseThild-box-right-text p {
    font-size: 16px;
  }

  .aboutHonor-left-box {
    padding: 94px 77px;
  }
  .swiname {
    font-size: 80px;
  }
  .swiname span {
    font-size: 70px;
  }
  .home-develop-box .home-develop-box-left {
    width: 305px;
  }
  .home-develop-box .home-develop-box-right {
    width: calc(100% - 405px);
  }
}
@media screen and (min-width: 1700px) {
  .indexProduct .box:hover .bottom .pic {
    height: 400px;
  }
  .indexProduct .box .bottom {
    padding-left: 30px;
  }
}

@media screen and (max-width: 1200px) {
  .industry-contect .swiper-pagination {
    bottom: -50px !important;
  }
  .consult-form .form-item {
    margin-top: 20px;
  }
}

@media screen and (max-width: 900px) {
  .industry-contect .swiper-pagination {
    bottom: -50px !important;
  }
  .indexThree{
    padding-bottom: 80px;
  }
}
@media screen and (max-width: 850px) {
  .industry-contect .swiper-pagination {
    bottom: 13px !important;
  }
}
@media screen and (max-width: 830px) {
  .industry-contect .swiper-pagination {
    bottom: -50px !important;
  }
}
@media screen and (max-width: 800px) {
  .industry-contect .swiper-pagination {
    bottom: 30px !important;
  }
}
@media screen and (max-width: 767px) {
  .news1400 {
    width: 90%;
    margin: 0 auto;
  }

  .indexTwo {
    padding-bottom: 0;
  }

  .banner .swiper-button-prev,
  .banner .swiper-button-next {
    width: 35px;
    height: 35px;
  }

  .banner .swiper-button-next {
    right: 10px;
  }

  .banner .swiper-button-prev {
    left: 10px;
  }

  .banner .swiper-button-next:after,
  .banner .swiper-button-prev:after {
    font-size: 15px;
  }

  .caseThild-box-left {
    overflow: hidden;
  }

  .indexSFive {
    display: inherit;
  }

  .industry-contect {
    width: 100%;
  }

  .caseFive-box .swiper {
    height: 230px;
  }

  .industry-nav {
    max-width: 100%;
    flex-direction: row;
  }

  .industry-nav {
    height: 50px;
  }

  .indexSFive .swiper {
    height: 388px;
  }

  .logoFive {
    padding-bottom: 100px;
  }

  .indexTressMoblie .swiper-pagination-bullet,
  .logoFive-box .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
  }
  .energyBox-flex-left,
  .enery-box-con-left-item{
    margin-bottom: 20px;
  }
  .indexTwo .contTitle {
    margin-bottom: 0;
  }
  .about1-text-box::before {
    display: none;
  }
  .industry-contect .swiper-pagination {
    bottom: 25px !important;
  }
  .logoFive-box .swiper {
    padding: 0;
  }
  .pagination {
    gap: 7px;
  }
  .page-item {
    width: 35px;
    height: 35px;
  }
  .energy5-table-wrapper table {
    width: 700px;
  }
  .enery-box-con{
      margin: 40px 0;
  }
  .marginYYo .contTitle{
    margin-top: 40px;
  }
  .casehh .case-section,
  .energy8-feature,
  .energy7-feature-grid,
  .energy3-container,
  .feature-container,
  .energy4-card{
    margin-bottom: 40px;
  }
  .table-energy4,
  .energy3-table,
  .param-table,
  .energy5-table-wrapper{
    margin-bottom: 80px;
  }
  .energyBox-flex-left-item a{
    height: 50px;
  }
  
}
