@media (max-width: 1366px) {}

@media (max-width: 1200px) {}

@media (max-width: 1024px) {}

@media (max-width: 997px) {
  .f_80 {
    font-size: 1.5rem;
  }

  .f_76 {
    font-size: 1.4rem;
  }

  .f_64 {
    font-size: 1.2rem;
  }

  .tit-64 {
    font-size: 1.2rem;
  }

  .f_40 {
    font-size: .8rem;
  }

  .pc-head .head-rg .head-search {
    border: none;
    width: 20px;
    height: 20px;
    padding: 0;
    margin: 0;
    border-radius: none;
  }

  .pc-head .head-rg .head-search button {
    width: 90%;
  }

  .banner .swiper-slide .txt1 {
    top: 25%;
    left: 5%;
    width: 90%;
  }

  .banner {
    height: 100vh;
  }

  .banner .swiper-slide .txt2 {
    bottom: 25%;
    right: auto;
    left: 5%;
    width: 90%;
    border-radius: 0;
    border: none;
    background: none;
    backdrop-filter: none;
    padding: 0;
  }

  .banner .swiper-slide .txt2 .p {
    justify-content: flex-start;
  }

  .banner .swiper-slide .txt2 .more {
    padding: 0;
    height: auto;
    width: auto;
    padding-right: 1.1rem;
  }

  .part1 {
    padding: 2rem 5%;
  }

  .part1 .con .box {
    margin-bottom: .5rem;
  }

  .part1 .con .box:last-child {
    margin-bottom: 0;
  }

  .part1 .con .box1,
  .part1 .con .box2,
  .part1 .con .box3,
  .part1 .con .box4 {
    width: 100%;
    height: 9rem;
  }

  .part1 .con .box .txt .p {
    display: block;
  }

  .part1 .con .box .txt1 .p {
    width: 100%;
  }

  .part1 .con .box .txt1 .btn {
    width: max-content;
    padding: .2rem .4rem;
  }

  .part1 .more {
    margin-top: 1rem;
  }

  .more {
    width: max-content;
    padding: 0 .4rem;
    height: auto;
  }

  .part2 {
    padding: 1rem 5%;
  }

  .part2 .top .h1 {
    margin-bottom: .5rem;
  }

  .part2 .top .h2 {
    margin-bottom: 1.5rem;
    line-height: 1;
  }
  
  .part2 .bottom .tab {
    font-size: 12px;
  }

  .part2 .bottom .cons {
    width: 100%;
  }

  .part2 .bottom .cons:after {
    width: 110%;
    left: -5%;
    bottom: -1rem;
  }

  .part2 .bottom .cons .con .swiper-slide .txt {
    padding: 1rem;
  }

  .part2 .bottom .cons .con .swiper-slide .txt .num_box {
    flex-wrap: wrap;
  }

  .part2 .bottom .cons .con .swiper-slide .txt .num_box .box {
    width: 50%;
    margin-bottom: .8rem;
  }

  .part2 .bottom .cons .con .swiper-slide .txt .num_box .num span {
    line-height: 1;
  }

  .part3 {
    padding: 1.5rem 5%;
  }

  .part3:after {
    width: 100%;
    left: 0;
  }

  .part3 .top {
    flex-wrap: wrap;
    margin-bottom: 0;
  }

  .part3 .top .left {
    width: 100%;
    padding: 0;
  }

  .part3 .top .right {
    width: 100%;
    margin-left: 0;
  }

  .part3 .top .right img {
    width: 100%;
  }

  .riifo-globtal-market-leader #info {
    right: 5%;
    width: 90%;
  }
  
  .riifo-globtal-market-leader #info .right-addtext-item {
    display: block;
  }

  .part3 .bottom {
    flex-wrap: wrap;
    margin-top: 1rem;
  }

  .part3 .bottom .item {
    width: 50%;
    padding-right: .8rem;
    margin-bottom: .8rem;
  }

  .part3 .bottom .item .h2 {
    align-items: flex-end;
  }

  .part3 .bottom .item .h2 .nr div {
    line-height: 1.1;
  }

  .part4 {
    padding: 2rem 5%;
  }

  .part4 .tit {
    margin-bottom: 1rem;
  }

  .part4 .con {
    flex-wrap: wrap;
  }

  .part4 .con .box1 {
    width: 100%;
    margin-bottom: 1rem;
  }

  .part4 .con .box1 .h {
    margin-bottom: .5rem;
  }

  .part4 .con .box2 {
    width: 100%;
    margin-bottom: 1rem;
  }

  .part4 .con .box2:last-child {
    margin-bottom: 0;
  }

  .part4 .con .box2 .h {
    height: auto;
    line-height: 1.2;
    max-height: 2.4em;
  }

  .part4 .con .box2 .p {
    max-height: 4.2em;
    height: auto;
    line-height: 1.4;
    margin-bottom: .5rem;
  }

  .part5 {
    padding: 2rem 5%;
  }

  .part5 .con form {
    width: 90%;
  }

  .footer .f_top {
    padding: 1.5rem 5%;
  }

  .footer .f_top .t_left .fx a {
    height: .8rem;
  }

  .footer .f_bottom {
    padding: .5rem 5%;
    flex-wrap: wrap;
    justify-content: center;
  }

  .side-banner .banner-img {
    height: 15rem;
  }

  .side-banner .banner-img .solution-ban {
    top: 28%;
  }

  .side-banner .banner-img .solution-ban .tit {
    width: 100%;
  }

  .side-banner .banner-img .solution-ban .txt {
    width: 100%;
    margin-top: 1rem;
  }

  .solution {
    padding: 2rem 0;
  }

  .solution .reshap .wrap {
    flex-wrap: wrap;
  }

  .solution .reshap .wrap .tit {
    width: 100%;
    padding-right: 0;
  }

  .solution .reshap .wrap .cont {
    width: 100%;
    margin-top: .8rem;
  }

  .solution .list {
    margin-top: 2rem;
  }

  .solution .list .li-box .li {
    width: 49%;
  }

  .solution .list .li-box .li:nth-child(2n) {
    margin-right: 0;
  }

  .solution .dominance {
    margin-top: 2rem;
  }

  .solution .dominance .box {
    flex-wrap: wrap;
  }

  .solution .dominance .box .pic {
    width: 100%;
  }

  .solution .dominance .box .li-box {
    width: 100%;
    padding-left: 0;
    margin-top: 1rem;
  }

  .solution .studies {
    margin-top: 2rem;
  }

  .solution .studies .wrap {
    height: 14rem;
  }

  .solution .studies .wrap img {
    height: 100%;
    object-fit: cover;
  }

  .solution .studies .wrap .pos-cont {
    width: 90%;
    left: 5%;
    /*top: 13%;*/
  }

  .solution .studies .wrap .pos-cont .cont {
    width: 100%;
  }

  .solution .studies .wrap .pos-cont .more {
    margin-top: 1rem;
  }

  .solution .related {
    margin-top: 2rem;
  }

  .main-related .table-box {
    overflow-x: auto;
  }

  .main-related .table-box::-webkit-scrollbar {
    height: 3px;
  }
  
  .main-related .table-box table {
      min-width: max-content;
  }

  .solution .contact-us {
    margin-top: 2rem;
  }

  .solution .contact-us .wrap {
    padding: 2rem 1rem;
  }

  .solution-info .top-container .lf {
    width: 100%;
    padding: 1rem;
  }

  .solution-info .top-container {
    padding: 1.5rem 0;
  }

  .solution-info .related {
    padding: 1.5rem 0;
  }

  .about {
    padding: 2rem 0;
  }

  .about .company .top-intro {
    flex-wrap: wrap;
  }

  .about .company .top-intro .tit {
    width: 100%;
  }

  .about .company .top-intro .cont {
    width: 100%;
    margin-top: .8rem;
  }

  .about .company .company-swiper {
    margin-top: 1.5rem;
  }

  .about .company .company-swiper .swiper-slide {
    width: 100%;
    border-right: none;
  }

  .about .company .company-swiper .swiper-slide .pos-cont {
    transform: translateY(0);
  }

  .about .company .company-swiper .swiper-slide .tit,
  .about .company .company-swiper .swiper-slide .cont {
    opacity: 1;
  }

  .about .source,
  .about .service {
    margin-top: 2rem;
  }

  .about .source .wrap,
  .about .service .wrap {
    flex-wrap: wrap;
  }

  .about .source .wrap .lf,
  .about .service .wrap .lf {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
  }

  .about .source .wrap .rg,
  .about .service .wrap .rg {
    width: 100%;
    margin-top: .8rem;
  }

  .about .history {
    margin-top: 2rem;
    padding-bottom: 3rem;
  }

  .about .history .box {
    padding: 0 5%;
  }

  .about .history .box .timeline-box {
    width: 100%;
  }

  .about .history .box .timeline-box::after,
  .about .history .box::after {
    height: 3rem;
    width: 100%;
  }
  
  .about .history .box .timeline-box .item-box {
    max-height: 20rem;
  }

  .about .history .box .timeline-box .item-box .item {
    padding: 1.5rem 5%;
    padding-left: 1.5rem;
    text-align: left;
  }

  .about .history .box .timeline-box .item-box .item .year {
    width: 100%;
    position: relative;
    top: 0;
    text-align: left;
    font-size: 1.5rem;
  }

  .about .history .box .timeline-box .item-box .item .line {
    left: 3px;
    top: 0;
    width: 2px;
    height: 100%;
  }

  .about .history .box .timeline-box .item-box .item .cont {
    margin-top: .6rem;
    width: 100%;
    padding-left: 0;
  }

  .about .history .box .timeline-box .item-box .item .cont .txt {
    margin-top: 0;
  }
  
  .about .story {
    padding: 2rem 0;
  }
  
  .about .story .wrap {
    flex-wrap: wrap;
  }
  
  .about .story .wrap .lf {
    width: 100%;
    margin-right: 0;
    padding-top: 0;
  }
  
  .about .story .wrap .lf .cont {
    margin-top: .8rem;
  }
  
  .about .story .wrap .rg {
    width: 100%;
    margin-top: 1.5rem;
    padding-right: 0;
  }

  .rd .top-intro .wrap {
    flex-wrap: wrap;
  }

  .rd .top-intro .wrap .lf {
    width: 100%;
    padding: 0;
  }

  .rd .top-intro .wrap .rg {
    width: 100%;
    margin-top: .8rem;
  }

  .rd .process {
    margin-top: 2rem;
  }

  .rd .process .li-box {
    margin-top: .8rem;
  }

  .rd .process .li-box .li .btn-bots {
    padding-right: 0;
  }

  .rd .process .li-box .li .btn-bots .intro {
    padding-right: 0;
  }

  .rd .process .li-box .li .btn-bots .item-box .item {
    flex-wrap: wrap;
  }

  .rd .process .li-box .li .btn-bots .item-box .item .h1 {
    width: 100%;
  }

  .rd .process .li-box .li .btn-bots .item-box .item .cont {
    width: 100%;
    padding-right: 0;
    padding-bottom: .6rem;
    margin-top: .5rem;
  }

  .rd .contact-form {
    margin-top: 2rem;
  }

  .rd .contact-form .wrap {
    flex-wrap: wrap;
  }

  .rd .contact-form .wrap .lf {
    width: 100%;
    padding-right: 0;
  }

  .rd .contact-form .wrap .lf .form .li {
    width: 100%;
    margin-right: 0%;
    margin-bottom: .8rem;
  }

  .rd .contact-form .wrap .lf .form .li .ipt {
    height: 1.5rem;
  }

  .rd .contact-form .wrap .rg {
    width: 100%;
    margin-top: 1rem;
  }

  .news {
    padding: 2rem 0;
  }

  .news .change-box {
    flex-wrap: wrap;
  }

  .news .change-box .tab {
    /*flex-wrap: wrap;*/
    width: 100%;
  }

  .news .change-box .tab a {
    margin-right: 1rem;
  }

  .news .change-box .time {
    position: relative;
    bottom: 0;
    margin-top: .6rem;
  }

  .news .hot {
    margin-top: 1rem;
    padding: 1rem;
    flex-wrap: wrap;
  }

  .news .hot .pic {
    width: 100%;
  }

  .news .hot .intro {
    width: 100%;
    padding: 0;
    margin-top: .8rem;
  }

  .news .hot .intro .more {
    margin-top: .5rem;
  }

  .news .box {
    padding: 1rem;
  }

  .news .box .li-box .li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 1.2rem;
  }

  .news .box .li-box .li .h1 {
    height: auto;
  }

  .news .box .li-box .li .more {
    margin-top: .5rem;
  }

  .news .box .li-box .li:last-child {
    margin-bottom: 0;
  }

  .page {
    flex-wrap: wrap;
  }

  .page .goto {
    margin-left: 0;
    margin-top: .6rem;
  }

  .news-info .lf {
    width: 100%;
    padding: 1rem;
  }

  .career .our {
    padding: 2rem 0;
  }

  .career .our .our-swiper .swiper-slide {
    width: 100%;
  }

  .career .work {
    padding: 2rem 0 1rem;
  }

  .career .work .work-swiper .swiper-slide {
    width: 100%;
  }

  .career .benefit {
    padding: 1rem 0 2rem;
  }

  .career .benefit .li-box .li {
    width: 100%;
    margin-right: 0;
  }

  .career .benefit .li-box .li:last-child {
    margin-bottom: 0;
  }

  .career .benefit .li-box .li .pos-cont {
    transform: translateY(0);
  }

  .career .benefit .li-box .li .pos-cont .txt {
    opacity: 1;
  }

  .career .join {
    padding: 2rem 0;
  }

  .career .join .li-box .li {
    margin-bottom: 1.5rem;
  }

  .career .join .li-box .li .pic {
    width: 100%;
  }

  .career .join .li-box .li .intro {
    width: 100%;
    margin-top: 1rem;
    padding: 0;
  }

  .career .join .li-box .li .intro .more {
    margin-top: .5rem;
  }

  .career .hr {
    padding: 2rem 0;
  }

  .career .hr .wrap .pic {
    width: 100%;
  }

  .career .hr .wrap .intro {
    width: 100%;
    padding: 0;
    margin-top: .8rem;
  }

  .career .hr .wrap .intro .cont {
    margin-top: .5rem;
  }

  .career .hr .wrap .intro .item-box {
    margin-top: 1rem;
  }

  .contact {
    padding: 2rem 0;
  }

  .contact .top-map .map-box {
    flex-wrap: wrap;
  }

  .contact .top-map .map-box .lf {
    width: 100%;
  }

  .contact .top-map .map-box .lf .h2 {
    margin-top: .8rem;
  }

  .contact .top-map .map-box .rg {
    width: 100%;
  }

  .contact .top-map .map-swiper {
    margin-top: 1rem;
  }

  .contact .top-map .map-swiper .swiper-slide {
    width: 80%;
    height: 8rem;
  }

  .contact .contact-box {
    margin-top: 2rem;
  }

  .contact .contact-box .pos-cont {
    position: relative;
    bottom: 0;
    width: 100%;
    left: 0;
    padding: 1rem;
  }

  .contact .contact-box .pos-cont .tit {
    color: #000;
  }

  .contact .contact-box .pos-cont .intro {
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 0;
    margin-top: .8rem;
  }

  .contact .contact-box .pos-cont .intro .li {
    width: 100%;
    margin-right: 0;
    margin-bottom: .8rem;
  }

  .contact .contact-box .pos-cont .intro .li:last-child {
    margin-bottom: 0;
  }

  .contact .contact-form {
    margin-top: 2rem;
    flex-wrap: wrap;
  }

  .contact .contact-form .lf {
    width: 100%;
    padding-right: 0;
  }

  .contact .contact-form .rg {
    width: 100%;
    margin-top: 1rem;
  }

  .contact .contact-form .lf .form .li {
    width: 100%;
    margin-right: 0;
    margin-bottom: .8rem;
  }

  .contact .contact-form .lf .form .li .ipt {
    height: 1.5rem;
  }

  .case-list {
    padding: 2rem 0;
  }

  .case-list .handle-box {
    flex-wrap: wrap;
  }

  .case-list .handle-box .first {
    z-index: 10;
  }

  .case-list .handle-box .li {
    width: 100%;
    margin-right: 0;
    margin-bottom: .5rem;
  }

  .case-list .handle-box .li:last-child {
    margin-bottom: 0;
  }

  .case-list .li-box .li {
    width: 100%;
    margin-right: 0;
  }

  .case-list .li-box .li .pic {
    height: 11rem;
  }
  
  .recruit {
    padding: 2rem 0;
  }

  .recruit .tab-box {
    flex-wrap: wrap;
  }

  .recruit .tab-box .tab {
    flex-wrap: wrap;
    width: 100%;
  }

  .recruit .tab-box .tab .list {
    width: 100%;
    margin-right: 0;
    margin-bottom: .5rem;
  }

  .recruit .tab-box .tab .list .sli-box a {
    height: 1.5rem;
    line-height: 1.5rem;
  }

  .recruit .tab-box .search {
    width: 100%;
  }

  .recruit .li-box .li .btm-bots {
    padding: 1rem;
  }

  .recruit .li-box .li .btm-bots .list {
    width: 100%;
  }

  .recruit .li-box .li .btm-bots .send {
    display: block;
    position: relative;
    top: 0;
    right: 0;
    margin-top: 1rem;
  }
  
  .tit-20 {
    font-size: 16px;
  }

  .part1 .con .box .txt .h,
  .part1 .con .box .txt1 .h,
  .f_24,
  .tit-22 {
    font-size: 14px;
  }

  .part1 .top .p,
  .part1 .con .box .txt .p,
  .part1 .con .box .txt1 .p,
  .part2 .bottom .cons .con .swiper-slide .txt .p,
  .part3 .top .left .p,
  .footer .f_bottom,
  .solution .reshap .wrap .cont,
  .solution .studies .wrap .pos-cont .cont,
  .tit-16,
  .about .company .top-intro .cont,
  .about .source .wrap .lf .cont,
  .about .service .wrap .lf .cont,
  .rd .top-intro .wrap .lf .cont,
  .tit-18,
  .f_14 {
    font-size: 12px;
  }

  .pc-head .head-rg .lan,
  .pc-head .head-rg .head-search input,
  .pc-head .head-rg .login,
  .banner .swiper-slide .txt2 .h3,
  .banner .swiper-slide .txt2>img,
  .part3 .bottom .item .h1,
  .footer .f-logo,
  .footer .f_top .t_right,
  
  .solution-info .top-container .rg,
  .about .history .box .timeline-box .item-box .item .cont .h1,
  .news-info .rg,
  .contact .top-map .map-box .rg .pos-city .point p,
  .contact .contact-box .pos-cont .intro .li .pic .pos-pic,
  .about .history .box .timeline-year,
  .pc-head .resident-box {
    display: none;
  }
  
  .float-box {
    display: none !important;
  }
  .crumbs_x{display: none!important;}
}