@media screen and (orientation: portrait) and (max-width: 768px) {
  .footer .top {
    padding: 0 20px;
  }
  .footer .top .info {
    flex-direction: column;
  }
  .index .banner {
    /*height: 144vw;*/
    height: 56vw;
    position: relative;
    top: unset;
  }
  .index .banner .content{
      height: 100%;
  }
  .index .banner .info .item {
    left: 20px;
    right: 20px;
  }
  .index .banner .info .item .title {
    width: 100%;
  }
  .index .banner .info .item .txt {
    width: 100%;
  }
  .index .sec_1 {
    overflow: hidden;
    position: relative;
    top: unset;
    transform: translateY(0);
    padding: 60px 0;
  }
  .index .sec_1 .bg {
    display: none;
  }
  .index .sec_1 .bg2 {
    width: 100%;
    width: 45%;
    left: 80%;
    top: 2.21rem;
    height: auto;
  }
  .index .sec_1 .content {
    position: relative;
    top: unset;
  }
  .index .sec_1 .content .boxs1 {
    padding: 0 20px;
  }
  .index .sec_1 .content .boxs_container {
    padding: 0 20px 60px 20px;
  }
  .index .sec_1 .content .desc .item {
    opacity: 1;
    transform: translateX(0);
    width: 100%;
  }
  .index .sec_1 .content .desc .btn {
    margin-left: 0;
  }
  .index .sec_1 .content .boxs {
    flex-direction: column;
    margin-top: 20px;
  }
  .index .sec_1 .content .boxs .box {
    width: 100%;
  }
  .index .sec_2 {
    margin-top: 0;
    position: relative;
    top: unset;
    margin: 0;
  }
  .index .sec_2 .sec_2_box {
    padding-top: 60px;
  }
  .index .sec_2 .desc {
    width: 100%;
  }
  .index .sec_2 .title {
    padding: 0 20px;
  }
  .index .sec_2 .desc {
    padding: 0 20px;
  }
  .index .sec_2 .content .swiper_2 {
    padding: 40px 20px;
  }
  .index .sec_2 .content .swiper_2 .swiper-wrapper {
    flex-direction: column;
    gap: 15px;
  }
  .index .sec_2 .content .item {
    padding-bottom: 62vw;
  }
  .index .sec_2 .content .item .img_box {
    height: 60vw;
  }
  .index .sec_3 {
    position: relative;
    top: unset;
    height: auto;
  }
  .index .sec_3 .title {
      transform: translateY(0);
      opacity: 1;
  }
  .index .sec_3 .bg {
      border-radius: 0;
  }
  .index .sec_3 .boxs {
      height: auto;
      width: fit-content;
  }
  .index .sec_3 .sec_3_box {
    width: 100%;
    border-radius: 0;
    padding: 40px 20px;
  }
  .index .sec_3 .content {
    flex-direction: column;
  }
  .index .sec_3 .content .right {
    min-height: 5rem;
  }
  .index .sec_3 .content .right .item {
      bottom: .7rem;
  }
  .index .sec_4 {
    padding: 60px 20px;
  }
  .index .sec_4 .desc {
    width: 100%;
  }
  .index .sec_4 .content {
    flex-direction: column;
  }
  .index .sec_4 .content .left {
    width: 100%;
  }
  .index .sec_4 .content .right .item {
    flex-direction: column;
  }
  .index .sec_4 .content .right .item .img_box {
    width: 100%;
    height: 73vw;
  }
  .index .sec_4 .content .right .item .img_box img {
    -o-object-fit: cover;
       object-fit: cover;
  }
  
  .index .sec_4 .content .item2 {
    flex-direction: column;
  }
  .index .sec_4 .content .item2 .img_box {
    width: 100%;
  }
  .index .sec_4 .content .item2 .left {
      width: auto;
  }
  .index .sec_5 .content .box {
      padding: 10px;
  }
  .index .sec_5 {
    padding: 0 20px 60px 20px;
  }
  .index .sec_5 .content .item {
      top: 1.52rem;
      left: 20px;
      right: 20px;
  }
  .index .sec_5 .content .box .txt {
      width: 100%;
  }
  .news .sec_1 {
    padding: 60px 0 0 0;
  }
  .news .sec_1 .cremb {
    padding: 0 20px;
  }
  .news .sec_1 .title {
    padding: 0 20px;
  }
  .news .sec_1 .content .swiper_1 {
    padding: 40px 20px;
  }
  .news .sec_1 .content .item {
    flex-direction: column;
  }
  .news .sec_1 .content .item .img_box {
    width: 100%;
  }
  .news .sec_2 {
    padding: 0 20px 60px 20px;
  }
  .news .sec_2 .list .item {
    width: 100%;
  }
  .news_detail .sec_1 {
    padding: 60px 20px;
  }
  .news_detail .sec_1 .box {
    padding: 0 0;
  }
  .news_detail .sec_1 .box .top {
    flex-direction: column;
    gap: 0.2rem;
  }
  .news_detail .sec_1 .bottom {
    gap: 0.2rem;
    margin-top: 60px;
  }
  .news_detail .sec_2 {
    padding: 0 20px 60px 20px;
  }
  .news_detail .sec_2 .list .item {
    width: 100%;
  }
  .contact .sec_1 {
    padding: 60px 20px;
  }
  .contact .sec_1 .content {
    flex-direction: column;
  }
  .contact .sec_1 .content .img_box {
    width: 100%;
    height: 80vw;
  }
  .contact .sec_1 .content .img_box img {
    -o-object-fit: cover;
       object-fit: cover;
  }
  .contact .sec_1 .content .img_box .point .name {
    font-size: 12px;
  }
  .contact .sec_1 .content .info {
    flex: unset;
    width: 100%;
  }
  .contact .sec_2 {
    padding: 60px 20px;
  }
  .contact .sec_2 .form {
    padding: 20px;
  }
  .contact .sec_2 .form .form_item {
    width: 100%;
  }
  .download .sec_1 {
    padding: 60px 20px;
  }
  .download .sec_1 .list .li {
    flex-direction: column;
  }
  .product .sec_1 {
    padding: 0 20px 60px 20px;
  }
  .product .sec_1 .content {
    flex-direction: column;
  }
  .product .sec_1 .content .left {
    width: 100%;
  }
  .product .sec_1 .content .right {
    width: 100%;
  }
  .product .sec_1 .content .right .list .item {
    width: 100%;
  }
  .product .sec_1 .content .right .list .item .img_box {
    width: 100%;
  }
  .product .sec_1 .content .left .aside .list .li .dropdown .dropdown-content .check-item .box {
      width: 15px;
      height: 15px;
  }
  .product .sec_1 .content .left .aside .list .li .dropdown .dropdown-content .check-item input[type="checkbox"]:checked+.box::after P{
      width: 4px;
      height: 8px;
  }
  .product_detail {
    padding: 60px 20px;
  }
  .product_detail .sec_1 {
    padding: 0 0 0 0;
    flex-direction: column;
  }
  .product_detail .sec_1 .left {
    width: 100%;
    padding: 0;
    height: auto;
  }
  .product_detail .sec_2 {
    padding: 30px 0;
  }
  .product_detail .sec_2 .list .li {
    width: 100%;
  }
  .product_detail .sec_3 {
    padding: 30px 0;
  }
  .product_detail .sec_3 .table {
    width: 100%;
    overflow-x: auto;
  }
  .product_detail .sec_3 .table table {
    width: 16.6rem;
  }
  .product_detail .sec_3 .table tr:first-child td {
      font-size: 16px;
  }
  .product_detail .sec_4 .title {
    width: 100%;
    padding: 0 20px;
  }
  .product_detail .sec_4 .content .swiper_4 {
    padding: 20PX;
  }
  .product_detail .sec_4 .content .swiper_4 .swiper-wrapper {
    flex-direction: column;
    gap: 15px;
  }
  .solution .sec_1 {
    padding: 0 20px 60px 20px;
  }
  .solution .sec_1 .list .item {
    width: 100%;
  }
  .solution_detail .sec_1 {
    padding: 60px 20px;
  }
  .solution_detail .sec_1 .content {
    flex-direction: column;
  }
  .solution_detail .sec_2 {
    padding: 0 20px 60px 20px;
  }
  .solution_detail .sec_2 .list .item {
    width: 100%;
  }
  .solution_detail .sec_2 .list .item .icon {
      width: 40px;
      height: 40px;
  }
  .solution_detail .sec_3 .top {
    padding: 0 20px;
    flex-direction: column;
    gap: 0.2rem;
  }
  .solution_detail .sec_3 .content .swiper_3 {
    padding: 30px 20px;
    overflow: hidden;
  }
  .solution_detail .sec_4 .top {
    padding: 0 20px;
    flex-direction: column;
    gap: 0.2rem;
  }
  .solution_detail .sec_4 .content .swiper_4 {
    padding: 30px 20px;
    overflow: hidden;
  }
  .solution_detail .sec_4 .content .item .img_box {
    width: 100%;
  }
  .about .p_banner {
    position: relative;
    top: unset;
  }
  .about .sec_1 {
    padding: 40px 20px 0;
  }
  .about .sec_1 .box {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
  }
  .about .sec_1 .box .img_box {
    position: relative;
    left: unset;
    top: unset;
    transform: unset;
  }
  .about .sec_1 .box .img1 {
    width: 100%;
    height: 45vw;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .about .sec_1 .box .img2 {
    display: none;
  }
  .about .sec_1 .box .info {
    position: relative;
    left: unset;
    top: unset;
    transform: unset;
    width: 100%;
    height: auto;
    padding: 20px;
  }
  .about .sec_1 .box .info img {
    right: 0.4rem;
    height: 0.4rem;
  }
  .about .sec_1 .content {
    width: 100%;
    height: 6.08rem;
    padding-left: 20px;
    margin-bottom: 40px;
  }
  .about .sec_2 {
    height: 160vw;
  }
  .about .sec_2 .title {
    padding: 20px 20px 0 20px;
  }
  .about .sec_2 .content .boxs {
    padding: 0 20px;
    gap: 2.69rem;
  }
  .about .sec_2 .content .boxs .line {
    width: 329vw;
    top: 40%;
  }
  .about .sec_2 .content .boxs .box {
    gap: 0.3rem;
    height: 8.32rem;
  }
  .about .sec_2 .controls {
    left: 20px;
    right: 20px;
    transform: unset;
    overflow-x: auto;
  }
  .about .sec_2 .controls::-webkit-scrollbar {
    display: none;
  }
  .about .sec_3 .top {
      padding: 0 20px;
  }
  .about .sec_3 .content .swiper_3 .swiper-slide-active{
      margin: 0;
  }
  .about .sec_3 .content .p_btns{
      padding: 0;
  }
  
  
  
  .search .search_top {
      padding: 60px 20px;
  }
  .search .search_top form {
      width: 100%;
  }
  .search .main {
      padding: .6rem 20px;
  }
  
  .search .main .list_1 .item {
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
  }
  .search .main .list_2 .item {
      width: 100%;
  }
  .search .main .list_3 .item {
      width: 100%;
      flex-direction: column;
  }
  .search .main .list_3 .item .img_box {
      width: 100%;
  }
}/*# sourceMappingURL=mobile.css.map */