@media (max-width:1366px) {
    .top{
        height: 70px;
    }

    .top .logo {
        width: 100%;
        height: 30px;
        display: flex;
        align-items: center;
    }

    .nav {
        height: 70px;
    }
    
    .nav li {
        padding: 0px 15px;
    }
    
    .nav .nLi h3 {
        position: relative;
    }
    
    
    .nav .nLi h3 a {
        display: block;
        font-size: 18px;
        position: relative;
        text-align: center;
        line-height: 70px;
        z-index: 2;
        transition: none;
        color: #333;
        white-space: nowrap;
    
    }
    
    .nav .nLi:hover h3 a.on {
        color: #006699;
    }
    
    .nav_r .tel{
        border: 1px solid #333;
        font-size: 15px;
        border-radius: 5px;
        padding: 8px 10px;
        color: #333;
        margin: 0px 20px;
        white-space: nowrap;
    }
    
    .nav_r .login a{
        display: inline-block;
        padding: 0px 30px;
        line-height: 70px;
        white-space: nowrap;
        color: #fff;
        font-size: 18px;
        margin-left: 20px;
        background-image: linear-gradient(to right, #0066cc,#00ccff);
    }
    

    .in_banner {
        height: calc(100vh - 70px);
    }


    .in_box {
        padding: 100px 0px;
    }
    
    
    .in_bt {
        padding-bottom: 30px;
    }
    
    .in_bt h2{
        font-size: 36px;
    }
    
    .in_bt p{
        font-size: 16px;
    }
    
    
    .in_box ul li h3{
        font-size: 26px;
    }

    
    .in_box ul li p{
        font-size: 15px;
    }

    .in_box ul li span a{
        font-size: 15px;
        line-height: 45px;
    }
    
    .in_box ul li span::after{
        height: 45px;
    }

    .in_box1{
        padding: 100px 0px;
    }

    .ny_banner{
        height: auto;
    }
    
    .ny_banner h2{
        font-size: 50px;
    }
    
    .ny_banner p{
        font-size: 25px;
    }

    .louceng{
        height: 380px;
        }


        .product ul li .product_wz p{
            font-size: 16px;
        }
  .louceng_trisection {
    font-size: 30px;
    padding: 0 60px;
  }
  .gradient-title {
    font-size: 30px;
  }
  .louceng_r .bt h2 {
    font-size: 20px;
  }
  .louceng_r .nr p {
    font-size: 16px;
  }
  .recruitment-item {
    font-size: 25px;
  }
}

@media (max-width:960px) {

    body {
        min-width: auto;
    }

    .container {
        width: 100%;
        min-width: auto;
        box-sizing: border-box;
        padding: 0px 20px;
    }

    .top {
        top: 0px;
        background: #fff;
        height: 50px;
    }

    .top .logo {
        background: none;
    }

    .top .logo img {
        width: auto;
        height: 40px;
    }

    .top .nav_r {
        display: none;
    }

    .top .nav {
        display: none;
    }

    .phone_btn {
        display: block;
        margin-top: 5px;
        margin-left: 15px;
    }

    .top .phone_btn span {
        width: 20px;
        height: 17px;
        display: inline-block;
        position: relative;
    }

    .top .phone_btn span:before {
        content: '';
        width: 22px;
        height: 2px;
        background: #333;
        position: absolute;
        top: 0;
        left: 0;
    }

    .top .phone_btn span:after {
        content: '';
        width: 22px;
        height: 2px;
        background: #333;
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .top .phone_btn span i {
        position: absolute;
        top: 50%;
        left: 0;
        width: 22px;
        height: 2px;
        background: #333;
        margin-top: -1px;
    }

    .in_banner {
        height: auto;
        position: relative;
        top: 0px;
    }

    .in_banner .swiper-slide {
        background: none;
    }

    .in_banner .swiper-slide .phone_img {
        width: 100%;
        height: auto;
        display: block;
    }

    .in_banner .swiper-slide .phone_img img {
        display: block;
        width: 100%;
        height: auto;
    }

    .in_banner .swiper-slide .container {
        display: none;
    }

    .in_banner .swiper-pagination span {
        width: 30px;
        height: 3px;
    }

    .in_banner .swiper-button-next,.in_banner .swiper-button-prev{
        color: #fff;
        width: 40px;
    }
    
    .in_banner .swiper-button-next:after, .in_banner .swiper-button-prev:after{
        font-size: 40px;
    }

    
    .in_box{
        padding: 50px 0px;
    }

    .in_bt {
        padding-bottom: 20px;
    }
    
    .in_bt h2{
        font-size: 26px;
    }
    
    .in_bt p{
        font-size: 14px;
        padding:15px 0px;
    }


    .in_box ul{
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        margin: 30px 0 0;
    }
    
    .in_box ul li{
      width: 46%;
      margin-bottom: 30px;
      padding: 0 10px 10px 20px;
    }
    
    .in_box ul li h2 img{
        width: 70%;
    }
    
    .in_box ul li h3{
        font-size: 15px;
        margin: 10px 0 0;
        border-width: 1px;
        padding-bottom: 5px;
    }
    
    
    .in_box ul li p{
        font-size: 12px;
        margin-top: 5px;
    }
    
    .in_box ul li span{
        margin-top: 8px;
    }
    
    .in_box ul li span a{
        font-size: 12px;
        line-height: 16px;
        padding: 0 5px;
        border-width: 1px;
    }

    .in_box1{
        padding: 50px 0px;
    }

    .in_box11{
        margin-top: 30px;
        flex-wrap: wrap;
    }

    .in_box1 .swiper-slide{
        width: 50%;
    }

    .in_box1 .swiper-slide a{
        height: 300px;
    }

    .in_box1 .swiper-slide a h2{
        font-size: 20px;
        margin-bottom: 15px;
    }
    
    .in_box1 .swiper-slide a p{
        font-size: 14px;
        line-height: 24px;
    }
    
    .in_box1 .swiper-slide a span{
        font-size: 14px;
    }

    .in_box2{
        flex-wrap: wrap;
    }

    .in_box2_l{
        width: 100%;
    }

    .in_box2_l img{
        width: auto;
        height: 40px;
    }

    .in_box2_l h2{
        padding: 10px 0px;
        font-size: 17px;
    }

    .in_box2_l p{
        font-size: 13px;
        line-height: 26px;
    }

    .in_box2_l h3 img{
        width: 80px;
        height: 80px;
    }

    .in_box2_r{
        width: 100%;
        padding: 20px;
        padding-bottom: 0px;
    }

    .in_box2_r h2{
        font-size: 18px;
    }

    .in_box2_r ul{
        padding-top: 0px;
    }

    .in_box2_r ul li input{
        font-size: 14px;
    }

    .in_box2_r ul li button img{
        width: auto;
        height: 35px;
    }
    .in_box3 {
        padding: 50px 20px;
        display: inherit;
    }
    .in_box3_left,.in_box3_right {
      width: 100%;
    }
    .in_box3 h3 {
      font-size: 25px;
      text-align: center;
    }
    .in_box3_right {
      padding-top: 30px;
    }
    .in_box3_right p {
      font-size:14px;
    }
    .in_box3_group {
      margin-top:30px;
    }
    .in_box3_part {
      width: 100px;
      padding: 5px 0 10px;
      border-radius: 20px;
    }
    .in_box3_part .part-value {
      font-size: 20px;
    }
    .in_box3_part .part-label {
      font-size:15px;
    }
    .di p{
        font-size: 12px;
    }

    .ny_banner{
        height: auto;
    }
    
    .ny_banner h2{
        font-size: 35px;
    }
    
    .ny_banner p{
        font-size: 17px;
    }

    .product ul li{
        flex-direction: column;
        height: auto;
    }

    .product ul li:nth-child(even){
        flex-direction:column;
    }
    

    .product ul li .product_img{
        width: 100%;
        height: 400px;
        padding: 10px;
    }

    .product ul li .product_wz{
        height: auto;
        width: 100%;
    }

    .product ul li .product_wz h2{
        text-align: center;
    }

    .product ul li .product_wz h2 img{
        width: 70%;
    }
    
    .product ul li .product_wz h3{
        font-size: 20px;
        margin: 10px 0px;
    }
    
    
    .product ul li .product_wz p{
        font-size: 14px;
    }


    .fixedmeau{
        display: none !important;
    }

    .louceng_box{
        padding: 0px 20px;
    }

    .louceng{
        flex-direction: column;
        height: auto;
    }
    
    
.louceng:nth-child(even){
    flex-direction: column;
}

.louceng .louceng_l{
    width: 100%;
    height: 220px;
}
.part-group {
  display: inherit;
}
.part-prompt {
  padding: 0 20px;
}
.louceng_trisection {
  width: 100%;
  box-sizing: border-box;
  padding: 0 50px;
}
.special-title {
  font-size: 30px;
}
.gradient-title {
  font-size: 30px;
}
.trisection-img {
  height: 220px;
}
.cooperate-img {
  width: 100%;
}
.louceng .louceng_r{
    width: 100%;
}


.louceng_r .bt h2{
	font-size: 20px;
}

.louceng_r .bt p{
	padding: 5px 0px;
}

.louceng_r .nr{
	padding-top: 15px;
}

.louceng_r .nr p{
	font-size: 16px;
	line-height: 26px;
	padding: 3px 0px;
}

.service_box ul{
    flex-direction: column;
}

.service_box ul li{
    width: 100%;
    margin-bottom: 20px;
}


.service_box ul li h2{
	font-size: 25px;

}

.service_box ul li h2 i{
	font-size: 14px;
}


.service_box ul li h3{
	font-size: 16px;
	padding-top: 8px;
	color: #333;
}

.service_box ul li h3 b{
	font-size: 18px;
	color: #ff6900;
}

.service_box ul li p{
	font-size: 15px;
    padding: 10px 0px;
}

.service_box ul li span a{
	font-size: 15px;
}

.service_box2_nr{
    flex-direction: column;
}

.service_box2_nr_l img{
    width: 70%;
    margin-top: 0px;
}

.service_box2_nr_r{
    padding-left: 0px;
    width: 100%;
    padding-top: 20px;
}

.service_box2_nr_r .swiper-slide h2{
	font-size: 16px;
	padding: 5px 0px;
}

.service_box2_nr_r .swiper-slide h3{
	font-size: 14px;
}

.service_box2_nr_r .swiper-slide h3 b{
	font-size:16px;
}

.service_box2_nr_r .swiper-slide p{
	font-size: 14px;
}

.service_box3_box{
	flex-direction: column;
}

.service_box3_box_l{
	width: 100%;
}

.service_box3_box_r{
	width: 100%;
}

.service_box3_box_r p{
	font-size: 16px;
	line-height: 34px;
}

.about_box{
    padding: 50px 0px;
}

.about_box .nr{
    padding-top: 30px;
}

.about_box .nr p{
    font-size: 16px;
    line-height: 35px;
}
.about_box .recruitment-list {
  display: inherit;
}
.recruitment-item {
  width: 100%;
}
.new {
  padding: 0 20px;
  box-sizing: border-box;
}
}

/* 移动端适配 */
@media (max-width: 768px) {
  .nav {
      display: flex;
      flex-wrap: wrap;
  }

  .has-sub {
      position: relative;
  }

  .sub-menu {
    position: static;
    transform: none;
    box-shadow: none;
    border: none;
    background: #f8f8f8;
    display: none;
    padding: 0;
  }
  .sub-menu li {
    border-bottom: 1px solid #eee;
  }

  .has-sub.active .sub-menu {
      display: block;
  }

  .arrow {
      display: inline-block;
      margin-left: 8px;
      transition: transform 0.3s;
  }

  /* 移动端点击箭头旋转 */
  .has-sub.active .arrow {
      transform: rotate(180deg);
  }
}