/*顶部导航*/
  
  .nav_top_box{
      width: 100%;
      overflow: hidden;
  }
  .nav_top_box .nav_top{
    margin: 0 auto;
    width: 100%;
    max-width: 1200px;
    min-width: 1200px;
    box-sizing: border-box;
    padding-top: 64px;
    padding-bottom: 16px;
    /*padding-left: 98px;*/
    /*padding-right: 98px;*/
    justify-content: space-between;
    overflow: hidden;
      
  }
  
  .nav_top_box .nav_top .top_logos{
      display: flex;
    align-items: center;
    float: left;
  }
  
    .nav_top_box .nav_top .top_logos .logo_img{
    height: 64px;
    width: auto;
  }
  
  
 .nav_top_box .nav_top .tab-list{
      font-size: 20px;
    line-height: 1.4;
    display: flex;
    float: right;
  }
 
  
 .nav_top_box .nav_top .tab-list .tab-title {
    color: hsla(0, 0%, 100%, .5);
    margin-right: 32px;
    cursor: pointer;
    white-space: nowrap;
    display: flex;
}
.nav_top_box .nav_top .tab-list .tab-title .title-name{
   color: #a7a7a7; 
}
 .nav_top_box .nav_top .tab-list .active-tab {
    font-weight: 500;
    color: hsla(0, 0%, 100%, .8);
    padding-bottom: 6px;
    border-bottom: 2px solid hsla(0, 0%, 100%, .8);
}
  
  
  /*内容区域*/
  
  
  .index_content_box{
    width: 100%;
      overflow: hidden;
  }
  .index_content_box video{
    position: absolute;
    left: 50%;
    transform: translate(-50%);
   width: 100%;
    object-fit: contain;
}

.index_content_box .platform_info{
    overflow: hidden;
  position: relative; /* 或absolute、fixed、sticky */
    z-index: 1000; /* 一个较高的值确保它位于其他元素上方 */
    margin: 0 auto;
    box-sizing: border-box;
    max-width: 1200px;
    /*border: 1px solid blue;*/
    padding-top: 3%;
}

.index_content_box .platform_info .infos_left{
    float: left;
    width: 48%;
}
.index_content_box .platform_info .infos_left .weburlbox{
    
        position: relative;
    width: 354px;
    height: 608px;
    border-radius: 4px;
    box-shadow: 0 0 10px rgb(0 0 0 / 16%);
    overflow: hidden;
    margin-left: 18%;
    float: left;
}

.index_content_box .platform_info .infos_left .weburlbox .phone_iframe{
     outline: none;
    border: none;
    width: 100%;
    height: 100%;
 }



.index_content_box .platform_info .infos_left .weburlbox .phone_iframe_mask{
     position: absolute;
    width: 100%;
    height: 100%;
    z-index: 9999;
    top: 0;
 }





.index_content_box .platform_info .infos_right{
    float: left;
    width: 51%;
    padding-top: 7%;
}

.index_content_box .platform_info .infos_right .right_webittle{
     overflow: hidden;    margin-bottom: 10%;
}

.index_content_box .platform_info .infos_right .right_webittle .ittle_names{
    font-size: 50px;
    color: #ffffff;
    font-weight: bold;
    border-bottom: 1px solid #b5b0b0;
    display: block;
    width: 50%;
    height: 80px;
    line-height: 80px;
}




.index_content_box .platform_info .infos_right .right_code{
    overflow: hidden;    margin-bottom: 10%;
    
}
.index_content_box .platform_info .infos_right .right_code ul{
    padding: 0;
    margin: 0;
}
.index_content_box .platform_info .infos_right .right_code ul li{
    float: left;
    width: 24%;
}
.index_content_box .platform_info .infos_right .right_code ul li .code_img{
    width: 120px;
    height: 120px;
    display: block;
    margin: 0 auto;
    margin-bottom: 3%;
}
.index_content_box .platform_info .infos_right .right_code .code_ittle{
    font-size: 14px;
    color: #ffffff;
    text-align: center;
}
.index_content_box .platform_info .infos_right .right_end{
      overflow: hidden;
}
.index_content_box .platform_info .infos_right .right_end .biaotu_text{
font-size: 27px;
    line-height: 1.6;
    color: hsla(0, 0%, 100%, .8);
    word-break: keep-all;
    font-family: weixin-font;
}



/*文章内容*/

    .article-container {
            max-width: 1200px;
            margin: 0 auto;
        }
           .article_infos_box{
                overflow: hidden;
                background: #ffffff;
                padding: 10px;
                transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
                box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
                border-radius: 12px;
                margin-bottom: 10px;
           }
.article_infos_box{padding:20px 22px;}

.article_infos_box .inofs_ittle{
    margin-bottom: 10px;
    border-bottom: 1px solid #dddddd;
    padding-bottom: 10px;
}
.article_infos_box .inofs_ittle h1{font-size: 26px;font-weight: 700;color: #141414;line-height: 1.5;margin-bottom: 10px;}
.article_infos_box .inofs_ittle h2{font-size:24px;font-weight:600;margin:10px 0;margin-bottom: 10px;}
.article_infos_box .inofs_ittle h3{font-size:20px;font-weight:600;margin:10px 0;margin-bottom: 10px;}

.article_infos_box .inofs_ittle .inofs_meat{
   overflow: hidden;
}
.article_infos_box .inofs_ittle .inofs_meat span{
    float: left;
    font-size: 14px;
    margin-right: 10px;
    color: #2f363c;
}
.article_infos_box .meta {margin-top: 15px;}
.article_infos_box .meta span {color: #a4a4a4;}
.article_infos_box hr{margin:10px 0;height:1px}
.article_infos_box strong{font-size:16px;margin:10px 0}
.article_infos_box table{margin:20px 0}
.article_infos_box table th{background:#daf0fd;color:#fff;border:1px solid #fff}
.article_infos_box table tr.ue-table-interlace-color-single{background:#daf0fd}
.article_infos_box p{font-size:16px;line-height:32px;}
.article_infos_box img{max-width:100%;height: auto !important;}
.article_infos_box a{text-decoration:none;}
.article_infos_box a:hover{color:#ff9600;border-bottom:0 solid #ff9600}
.article_infos_box .text-right{text-align:right}
.article_infos_box ul li{padding:0 0 5px 20px;position:relative;font-size:16px}
.article_infos_box ul li p{line-height:24px}
.article_infos_box ul li:before{content:'';position:absolute;top:8px;left:0;background:#888888;width:7px;height:7px;border-radius:50%}
.article_infos_box ol{padding:10px 0 0 0}
.article_infos_box ol.list-paddingleft-2{position:relative}
.article_infos_box ol li{padding:0;position:relative}
.article_infos_box ol li p{line-height:26px;font-size:16px;color:#888888}


.footer_box{
    width: 100%;
    text-align: center;
    /*position: fixed;*/
    /*bottom: 0;*/
    /*left: 0;*/
    height: 40px;
    color: hsla(0, 0%, 100%, .8);
}