/* Mobile Fix for Responsive Layout */
@media screen and (max-width: 1200px) {
  body {
    min-width: 100% !important;
    overflow-x: hidden;
    padding-top: 60px !important; /* 为固定头部留出空间 */
  }
  .w, .inner_warp, .header_container, .footer_content, .banner_cont, .mod_block_main, .section_main, .article_content, .solution_cont, .navbar {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    box-sizing: border-box !important;
  }
  img {
    max-width: 100% !important;
    height: auto !important;
  }
  .mod_block_header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 60px !important;
    background-color: #fff !important; /* 移动端统一使用白色背景 */
    z-index: 1000 !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1) !important;
  }
  .mod_block_header .header_container {
    width: 100% !important;
    padding: 0 15px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    height: 60px !important;
    background: none !important;
  }
  .mod_block_header.header_theme_color .header_container .header_list .list_item span a {
    color: #333 !important; /* 修复透明背景下的白色文字在白色背景上看不见的问题 */
  }
  .haeder_logo {
    width: 120px !important;
    height: auto !important;
    margin: 0 !important;
  }
  .mobile_menu_btn {
    display: flex !important;
    flex-direction: column;
    justify-content: space-between;
    width: 30px;
    height: 20px;
    cursor: pointer;
    z-index: 10001;
  }
  .mobile_menu_btn span {
    display: block;
    height: 3px;
    width: 100%;
    background-color: #333;
    border-radius: 3px;
    transition: all 0.3s ease;
  }
  .mobile_menu_btn.active span:nth-child(1) {
    transform: translateY(8.5px) rotate(45deg);
  }
  .mobile_menu_btn.active span:nth-child(2) {
    opacity: 0;
  }
  .mobile_menu_btn.active span:nth-child(3) {
    transform: translateY(-8.5px) rotate(-45deg);
  }
  .header_list {
    display: none !important;
    position: fixed !important;
    top: 60px !important;
    left: 0 !important;
    width: 100% !important;
    height: calc(100vh - 60px) !important;
    background: #fff !important;
    flex-direction: column !important;
    align-items: center !important;
    padding-top: 40px !important;
    z-index: 10000 !important;
    box-shadow: 0 5px 10px rgba(0,0,0,0.1);
  }
  .header_list.active {
    display: flex !important;
  }
  .header_list .list_item {
    width: 100% !important;
    text-align: center !important;
    padding: 15px 0 !important;
    border-bottom: 1px solid #f0f0f0 !important;
    margin: 0 !important;
  }
  .header_list .list_item span a {
    font-size: 18px !important;
    color: #333 !important;
  }
  .header_trila, .header_contact {
    display: none !important;
  }
  .head-nav {
    font-size: 12px !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    padding: 10px !important;
  }
  /* Banner fix */
  .section_banner {
    height: 300px !important;
    padding: 20px 0 !important;
    background: url(../picture/renrentiyu_section_banner_v2.webp) no-repeat center center !important;
    background-size: cover !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .banner_video {
    display: none !important;
  }
  .section_banner .inner_warp {
    position: relative !important;
    text-align: center !important;
    width: 100% !important;
  }
  .section_banner .ht_name {
    margin: 0 0 10px 0 !important;
    font-size: 28px !important;
    color: #fff !important;
  }
  .section_banner .ht_title {
    margin: 0 0 20px 0 !important;
    font-size: 18px !important;
    color: #fff !important;
  }
  .section_banner .btn_warp {
    justify-content: center !important;
  }
  .section_banner .contact, .section_banner .try {
    width: 120px !important;
    height: 40px !important;
    line-height: 40px !important;
    font-size: 14px !important;
    margin: 0 5px !important;
  }
  /* General section fix */
  .section_advantage .mod1 {
    flex-wrap: wrap !important;
    justify-content: center !important;
    height: auto !important;
  }
  .section_advantage .mod1 h2, .section_advantage .mod1 img {
    margin: 10px !important;
  }
  /* Solutions fix */
  .solve_list {
    flex-direction: column !important;
    align-items: center !important;
  }
  .list_item {
    width: 90% !important;
    margin-bottom: 20px !important;
  }
  /* Lists download fix */
  .sdk_list {
    flex-direction: column !important;
    align-items: center !important;
  }
  .sdk_item {
    width: 90% !important;
    margin-right: 0 !important;
    margin-bottom: 20px !important;
  }
  /* Lists product fix */
  .solution_list {
    flex-direction: column !important;
    align-items: center !important;
  }
  .solution_item {
    width: 90% !important;
    margin-right: 0 !important;
    margin-bottom: 20px !important;
  }
  /* Lists single (About) fix */
  .about_cont {
    flex-direction: column !important;
  }
  .about_video, .about_text {
    width: 100% !important;
    margin-right: 0 !important;
  }
  /* Lists product fix */
  .solution_cont, .step_cont, .industry_cont, .elaborate_cont {
    width: 100% !important;
    padding: 20px 15px !important;
  }
  .solution_list {
    flex-direction: column !important;
  }
  .solution_item {
    width: 100% !important;
    margin-bottom: 15px !important;
  }
  .step_img {
    flex-wrap: wrap !important;
    justify-content: center !important;
  }
  .step_img img {
    width: 30% !important;
    margin: 5px !important;
  }
  .step_list .content {
    flex-direction: column !important;
    align-items: center !important;
  }
  .step_list .item {
    margin-bottom: 10px !important;
  }
  .industry_cont_top {
    flex-direction: column !important;
  }
  .industry_cont_top .market, .industry_cont_top .right {
    width: 100% !important;
    margin-bottom: 20px !important;
  }
  .industry_cont_list {
    flex-direction: column !important;
  }
  .industry_cont_list .list_item {
    width: 100% !important;
    margin-bottom: 20px !important;
  }
  .elaborate_list {
    flex-direction: column !important;
  }
  .elaborate_item {
    width: 100% !important;
    margin-bottom: 20px !important;
  }
  /* Lists download fix */
  .sdkFile, .cloud {
    width: 100% !important;
    padding: 40px 15px !important;
  }
  .sdk_list {
    flex-direction: column !important;
  }
  .sdk_item {
    width: 100% !important;
    margin-right: 0 !important;
    margin-bottom: 20px !important;
  }
  .cloud_cont {
    flex-direction: column !important;
  }
  .cloud_item {
    width: 100% !important;
    margin-bottom: 20px !important;
  }
  /* Lists single fix */
  .about_company, .course {
    width: 100% !important;
    padding: 40px 15px !important;
  }
  .about_cont {
    flex-direction: column !important;
  }
  .about_video, .about_text {
    width: 100% !important;
    margin-bottom: 20px !important;
  }
  .course_cont {
    flex-direction: column !important;
    align-items: flex-start !important;
    padding-left: 30px !important;
  }
  .course_cont .item {
    width: 100% !important;
    margin-bottom: 30px !important;
    text-align: left !important;
    flex-direction: row !important;
    align-items: center !important;
  }
  .course_cont .circle {
    position: static !important;
    margin-right: 15px !important;
  }
  /* View article fix */
  .flex_wp {
    width: 100% !important;
    padding: 20px 15px !important;
  }
  .article_content {
    width: 100% !important;
  }
  .article_content ._title {
    font-size: 24px !important;
  }
  .article_content .infomation {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  .article_content .text img {
    max-width: 100% !important;
    height: auto !important;
  }
  .bottom_banner {
    width: 100% !important;
    padding: 40px 15px !important;
    text-align: center !important;
  }
  .bottom_banner .btn_wp {
    flex-direction: column !important;
    align-items: center !important;
  }
  .bottom_banner .free_pop, .bottom_banner .online {
    margin: 10px 0 !important;
  }
  /* News list mobile fix */
  .section_main.mod_article {
    width: 100% !important;
  }
  .article_item_wp {
    height: auto !important;
    flex-direction: column !important;
  }
  .article_item_wp .image {
    width: 100% !important;
    margin-right: 0 !important;
    margin-bottom: 10px !important;
  }
  /* View article mobile fix */
  .article_content {
    width: 100% !important;
  }
  .flex_wp {
    flex-direction: column !important;
    align-items: center !important;
    padding: 0 15px !important;
  }
  /* Index sections fix */
  .section_news .content3 {
    flex-direction: column !important;
    align-items: center !important;
  }
  .section_news .content3 .custom {
    width: 90% !important;
    margin-right: 0 !important;
    margin-bottom: 20px !important;
  }
  .section_news .content3 .custom .bg, .section_custom .content3 .custom .bg {
    width: 100% !important;
    height: auto !important;
    padding-bottom: 20px !important;
  }
  .news_img, .news_img_master {
    width: 90% !important;
    height: auto !important;
    aspect-ratio: 4/3 !important;
    margin: 10px auto !important;
    border-radius: 8px !important;
    position: static !important;
    display: block !important;
  }
  .section_news .content3 .custom .bg .master, .section_custom .content3 .custom .bg .master {
    display: none !important; /* Hide hover effect on mobile */
  }
  /* Solve section fix */
  .section_solve {
    height: auto !important;
    padding: 40px 0 !important;
    background-size: cover !important;
  }
  .section_solve .solve_container {
    width: 100% !important;
  }
  .section_solve .solve_list {
    flex-direction: column !important;
    align-items: center !important;
  }
  .section_solve .solve_list .list_item {
    width: 90% !important;
    height: 180px !important;
    margin: 10px 0 !important;
  }
  /* Logo section fix */
  .section_logo .bg {
    flex-wrap: wrap !important;
    padding: 0 10px !important;
  }
  .section_logo .bg > div {
    width: 45% !important;
    height: 150px !important;
    margin: 5px !important;
    background-size: 100% auto !important;
  }
  .section_logo .title {
    font-size: 24px !important;
    margin: 40px auto 20px !important;
  }
  .section_news .content3 .custom .bg .title, .section_custom .content3 .custom .bg .title {
    margin: 20px 0 10px 15px !important;
    font-size: 20px !important;
  }
  .section_news .content3 .custom .bg .info, .section_custom .content3 .custom .bg .info {
    margin: 0 0 15px 15px !important;
    font-size: 14px !important;
  }
  /* Live section fix */
  .section_live {
    height: auto !important;
    padding: 40px 0 !important;
    background-attachment: scroll !important;
  }
  .section_live .main8, .section_live .bd11, .section_live .bd15 {
    flex-direction: column !important;
  }
  .section_live .bd8, .section_live .main9, .section_live .main10, .section_live .bd16, .section_live .bd17 {
    width: 100% !important;
    margin: 10px 0 !important;
  }
  /* Function section fix */
  .section_function .mod14, .section_function .mod15 {
    flex-direction: column !important;
  }
  .section_function .main20, .section_function .main21, .section_function .main25, .section_function .group15, .section_function .group16, .section_function .group17 {
    width: 100% !important;
    margin-bottom: 20px !important;
  }
  /* Information (Stats) section fix */
  .section_information .mod28, .section_information .mod29 {
    flex-direction: column !important;
    align-items: center !important;
  }
  .section_information span, .section_information h3 {
    margin: 10px 0 !important;
    text-align: center !important;
    width: 100% !important;
  }
  /* Serve section fix */
  .section_serve {
    height: auto !important;
    padding: 40px 0 !important;
    background-size: cover !important;
  }
  .section_serve .outer21 {
    margin-top: 20px !important;
    width: 100% !important;
  }
  .section_serve .box38 {
    width: 100% !important;
    margin-bottom: 30px !important;
  }
  .section_serve .word52 {
    width: 100% !important;
    white-space: normal !important;
    font-size: 24px !important;
    line-height: 1.4 !important;
  }
  .section_serve .word53 {
    width: 90% !important;
    white-space: normal !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
  }
  .section_serve .box39 {
    width: 100% !important;
    height: auto !important;
    background: transparent !important;
  }
  .section_serve .mod17, .section_serve .mod19, .section_serve .mod21 {
    flex-direction: column !important;
    height: auto !important;
    width: 100% !important;
  }
  .section_serve .section17, .section_serve .section18, .section_serve .section19, 
  .section_serve .block11, .section_serve .block12, .section_serve .block13, 
  .section_serve .main25, .section_serve .main26, .section_serve .main27 {
    width: 100% !important;
    height: auto !important;
    padding: 20px !important;
    margin-bottom: 10px !important;
    box-sizing: border-box !important;
    align-items: center !important;
    text-align: center !important;
  }
  .section_serve .box40, .section_serve .mod18, .section_serve .group6, 
  .section_serve .main24, .section_serve .wrap6, .section_serve .mod20,
  .section_serve .section20, .section_serve .mod22, .section_serve .layer25 {
    width: 100% !important;
    height: auto !important;
  }
  .section_serve .word54, .section_serve .word56, .section_serve .info30,
  .section_serve .word57, .section_serve .word58, .section_serve .word59,
  .section_serve .word60, .section_serve .txt23, .section_serve .word62 {
    width: 100% !important;
    text-align: center !important;
    align-self: center !important;
    font-size: 18px !important;
  }
  .section_serve .word55, .section_serve .info29, .section_serve .info31,
  .section_serve .info32, .section_serve .info33, .section_serve .info34,
  .section_serve .txt22, .section_serve .word61, .section_serve .word63 {
    width: 100% !important;
    text-align: center !important;
    height: auto !important;
    font-size: 14px !important;
    margin-top: 8px !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }
  /* Partner section fix */
  .section_partner .tab {
    flex-wrap: wrap !important;
    justify-content: center !important;
  }
  .section_partner .company {
    width: 30% !important;
    margin: 5px !important;
  }
  .section_partner .introduce {
    flex-direction: column !important;
    text-align: center !important;
  }
  .section_partner .icon {
    margin: 0 auto 15px !important;
  }
  /* Footer fix */
  .footer_main {
    flex-direction: column !important;
    padding: 20px 0 !important;
  }
  .footer_main_lf, .footer_main_lr {
    width: 100% !important;
    text-align: center !important;
    float: none !important;
    margin-top: 20px !important;
  }
  .footer_main_lf p {
    width: 100% !important;
    padding: 0 15px !important;
    box-sizing: border-box !important;
  }
  .footer_logo {
    display: none !important;
  }
  .footer_bottom {
    margin-top: 20px !important;
    padding: 0 !important;
  }
  .footer_bottom li p {
    width: 100% !important;
    text-align: center !important;
  }
  .footer_friendship ul {
    flex-wrap: wrap !important;
    justify-content: center !important;
    font-size: 12px !important;
    padding: 10px 0 !important;
  }
  .footer_friendship li {
    margin: 5px !important;
  }
  .footer_about {
    flex-wrap: wrap !important;
    justify-content: center !important;
    margin-top: 20px !important;
  }
  .footer_about ul {
    width: 45% !important;
    margin-bottom: 20px !important;
    text-align: center !important;
  }
  .footer_about ul:last-child {
    width: 100% !important; /* 使“关于我们”和微信关注部分在移动端占满全宽 */
    margin-top: 10px !important;
  }
  .footer_wx {
    width: 100% !important;
    height: auto !important; /* 覆盖 PC 端的固定高度 */
    margin-top: 15px !important;
    display: flex !important;
    justify-content: center !important;
    background: none !important; /* 隐藏 PC 端的二维码背景图 */
    border: none !important;
  }
  .footer_wx p {
    background: #f5f6f7 !important;
    color: #333 !important;
    padding: 10px 20px !important;
    border-radius: 20px !important;
    font-size: 14px !important;
    line-height: normal !important; /* 覆盖 PC 端的 250px line-height */
    width: auto !important;
  }
  .footer_copyright ul {
    flex-direction: column !important;
    align-items: center !important;
    padding: 20px 0 !important;
  }
  .footer_copyright li {
    margin-bottom: 15px !important;
    width: 100% !important;
    text-align: center !important;
  }
  .footer_copyright img, .footer_copyright_main img {
    display: none !important;
  }
  .footer_copyright_main {
    padding: 20px 15px !important;
    line-height: 1.6 !important;
    text-align: center !important;
  }
  .footer_copyright_main p {
    font-size: 12px !important;
  }
}