* {
            padding: 0;
            margin: 0;
            list-style: none;
        }
        
        @font-face {
            font-family: 'MyVariableFont';
            src: url('myvariablefont.woff2') format('woff2-variations');
            font-weight: 100 900;
            font-stretch: 75% 125%;
            font-style: oblique 0deg 20deg;
            }

        body {
            font-family: 'MyVariableFont', sans-serif;
            font-weight: 400; /* 可以在100-900之间任意值 */
            font-stretch: 100%;
            }


 /* PC样式开始 */
        .home_box {
            width: 100%;
            margin: 0 auto;
        }
        
        .home_box main {
            width: 100%;
        }
        
        .secedelogin_box .learn_btn {
            cursor: pointer;
        }
        
        .secedelogin_inner {
            padding: 0px 182px;
            display: flex;
            justify-content: flex-end;
        }
        
        .secedelogin_inner button {
            font-size: 22px;
            color: #fff;
            width: 172px;
            height: 64px;
            border-radius: 32px;
            border: none;
            margin: 38px 10px;
        }
        
        .mybiographical {
            background: #c2291c;
        }
        
        .mybiographical:hover {
            cursor: pointer;
        }
        
        .secedelogin {
            background: #888888;
        }

/* banner样式开始 */ 

        .bgbox {
            width: 100%;
           
            background: url(static/img/login_banner.png);
            background-size: cover;
            display: flex;
            flex: flex-end;
            position: relative;
        }

         .bgbox .zp {
            position: absolute;
            font-size: 48px;
            color: #fff;
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
        } 
        .mobile_navtop_box {
            width: 100%;
            background: url(static/img/login_banner.98bbda31.png) no-repeat;
            background-size: cover;
            height: auto;
            display: flex;
            justify-content: space-between;
            position: relative;
            height: 3.1rem;
        }
        .mobile_navtop_box .mobile_nav_logoBox {
            width: 40%;
            padding-bottom: 10rem;
        }

        .mobile_navtop_box .mobile_nav_logoBox .logo1_img {
            width: 100%;
        }

        .mobile_navtop_box .mobile_nav {
            width: 60%;
            padding-top: 2rem;
            text-align: right;
            position: relative;
        }

        .mobile_navtop_box .mobile_nav img {
            width: 3.5rem;
            height: 2.2rem;
            padding-right: 3.2rem;
        }

        .mobile_navtop_box .mobile_nav .dropdown_box {
            position: absolute;
            height: 0;
            overflow: hidden;
            right: 1rem;
            top: 4.4rem;
        }

        .mobile_navtop_box .mobile_nav .dropdown_box li {
            font-size: 1rem;
            text-align: left;
            color: #fff;
            line-height: 2rem;
            border-bottom: 0.2rem solid #fff;
        }        
        .mobile_navtop_box .titles {
            width: 100%;
            top: 40%;
            margin: auto;
            color: #fff;
            font-size: 0.5rem;
            position: absolute;
            text-align: center;
           /* letter-spacing: 1rem;*/
        }
/* banner样式开始结束 */  
              
/* PC公告样式 */        
        .proclamation {
            width: 100%;
            height: 70px;
            background: #fbfbfb;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 60px;
        }
        
        .proclamation_bg {
            background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAaCAYAAADWm14/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkM4NjY3RDY2REFFMDExRUJBQUUwQUM5Q0VEQzlDNkU1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkM4NjY3RDY3REFFMDExRUJBQUUwQUM5Q0VEQzlDNkU1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Qzg2NjdENjREQUUwMTFFQkFBRTBBQzlDRURDOUM2RTUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Qzg2NjdENjVEQUUwMTFFQkFBRTBBQzlDRURDOUM2RTUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5GOD3aAAAB2ElEQVR42syWPSwEQRTHb/cOdz4bJRI6EVfpKH1GUGgkQkgU5IiQI6KkoxDRECQiGlEQH1e4aOhUQhQa0Wg04hAS3Pk/eZtsNje7s7vW+Se/7M7sy7y3M+/NjHJaWeJzIT8YBYNgD0ya2FaDHXAOerVOxUUA5WAT1HE7AYoEti1gGxRwm54v9KI6cBwAE+BK55xUKLAfAwc658eac20wO6oB6yAsGegSL4+mNRAxGskoF8zyevsl7LNADNRzOwmmwHy6KK3UAFZ4zWUV1jmn6e4G+6JpEimHIx5xkCfX4BZkgzZwYZVQnYZgQqAM5DuskHeeBUWfcKIAZkDQ9/t6lTFSPXIuLdWXYQU8Hr8Y9HAyplPc6wCoivpMvke9XoKkxfeU1zMQBZeCRE/+xRI8gsV/XQUq71oZLcNp0GU45ej0K3WxFZPyZLZisxtRiMsoYsOpws8gH0iWh5FZDryBYR7g3ubfV4EKQH93BtrdJOEhXyg3bARApXfC77SMu3zqOq4CKqd+0Co5Gx+gGSzr/MyBVb4tOS7DGE8v3QtTFrafYAiMgy/uGzDejJzsA088UBO40/UnBPYLoAM8c7uRE9z1RhTn3CAHDzy9Ih2BWnADtjjBf/QtwABH0lH+82xjwgAAAABJRU5ErkJggg==') left center no-repeat;
            padding-left: 30px;
            background-size: 30%;
            color: #c2291c;
            font-size:16px;
        }
        
        .proclamation ul {
            display: flex;
        }
        
        .proclamation li {
            padding: 0 10px;
            display: flex;
            align-items: center;
            font-size: 16px;
        }
        .proclamation li a {
            padding: 0 10px;
            display: flex;
            align-items: center;
            font-size: 16px;
            color: #000; 
            text-decoration: none; 
            margin-right: 2rem; 
            align-items: center;
        }        
        
        .proclamation li span {
            font-size: 36px;
            padding-right: 10px;
        }
        
        .inner_box {
            padding: 0px 160px;
        }
        
  /* 校园招聘样式开始 */
        .schoolrecruit {
            position: relative;
            height: 400px;
            margin-bottom: 200px;
        }
        
        .border_box {
            width: 37.708vw;
            height: 16.875vw;
            border: .208vw solid #c2291c;
            position: absolute;
            right: 0;
            bottom: 0;
        }
        
        .border_box img {width: 41.667vw;height: 27.75vw;position: absolute;right: .521vw;bottom: .521vw;}
        
        .schoolrecruit h3 {
            width: 360px;
            height: 120px;
            display: flex;
            flex-direction: column;
            font-weight: 900;
            transform: scaleY(0.8);
            position: absolute;
            top: 0.5rem;
            left: 340px;
        }
        
        .schoolrecruit h3 p {
            font-size: 4.167vw;
            font-family: cuti;
            padding-bottom: .521vw;
            }
        
        .redstring {
            width: 110px;
            border-top: 5px solid #cc000b;
        }
        
        .schoolflowpath {
            display: flex;
            width: 29.042vw;
            justify-content: flex-end;
            flex-wrap: wrap;
            position: absolute;
            top: 13.292vw;
            /* left: 2.896vw; */
            }
        
        .schoolflowpath p {
            display: flex;
            align-items: center;
            font-size: 20px;
            padding: 0 15px;
        }
        
        .schoolflowpath p span {
            font-size: 32px;
            padding-right: 10px;
        }
        
        .schoolrecruit button {
            width: 7.187vw;
            font-size: .833vw;
            height: 1.979vw;
            background: transparent;
            color: #211916;
            border-radius: .99vw;
            position: absolute;
            bottom: 1.042vw;
            left: 20.604vw;
        }
         .schoolrecruit button:hover {
            width: 7.187vw;
            font-size: .933vw;
            height: 1.979vw;
            background: transparent;
            color: #c2291c;
            border-radius: .99vw;
            position: absolute;
            bottom: 1.042vw;
            left: 20.604vw;
        }
  /* 校园招聘样式结束 */  
        
  /* 社会招聘样式开始 */
        .societyrecruit {
            height: 400px;
            position: relative;
            margin-bottom: 80px;
        }
        
        .border_box_2 {
            width: 37.708vw;
            height: 16.875vw;
            border: .208vw solid #c2291c;
            position: absolute;
            bottom: 0;
            left: 0;
            }
        
        .border_box_2 img {width: 41.667vw;height: 32.75vw;position: absolute;bottom: .521vw;left: .521vw;}        
        .societyrecruit h3 {
            width: 18.75vw;
            height: 6.25vw;
            display: flex;
            flex-direction: column;
            align-items: flex-end;
            position: absolute;
            top: rem;
            left: 32.813vw;
            font-weight: 900;
            transform: scaleY(0.8);
        }
        
        .societyrecruit h3 p {
            font-size: 4.167vw;
            font-family: cuti;
            padding-bottom: .521vw;

        }
        
        .societyflowpath {
            display: flex;
            width: 26.042vw;
            justify-content: flex-end;
            flex-wrap: wrap;
            position: absolute;
            top: 10.8vw;
            right: 18.992vw;
       }
        
        
        .societyflowpath p {
            display: flex;
            align-items: center;
            font-size: 1.25vw;
            padding: 0 .833vw;
        }
        
        .societyflowpath p span {
            font-size: 32px;
            padding-right: 10px;
        }
        
        .societyrecruit button {
            width: 7.187vw;
            height: 1.979vw;
            background: transparent;
            color: #211916;
            border-radius: .99vw;
            position: absolute;
            bottom: 1.042vw;
            right: 26.563vw;
            font-size: .833vw;
        }
        .societyrecruit button:hover {
            width: 7.187vw;
            height: 1.979vw;
            background: transparent;
            color: #c2291c;
            border-radius: .99vw;
            position: absolute;
            bottom: 1.042vw;
            right: 26.563vw;
            font-size: .933vw;
        }        
  /* 社会招聘样式结束 */
  
  /* 社会招聘临时链接样式开始 */     
       
       .societyflowpath .plink a {
        width: 9rem;
        color: #000;
        text-decoration: none;
        cursor: pointer;
        display: flex;
        align-items: center;
        font-size: 20px;
        padding: 0 1px;
        transform: translateX(470px);
        line-height: 0.2rem;
        margin-top: 0.5rem;
        }
        .societyflowpath .plink a:hover{
         color: #c2291c; 
         text-decoration: none; 
         cursor: pointer;
         display: flex;
         align-items: center;
         font-size: 21px;
         padding: 0 1px;
       	}
       .synopsis_box .plink a{
       	 color: #000; 
         text-decoration: none; 
         cursor: pointer;
         display: flex;
         align-items: center;
         font-size: 14px;
         padding: 0.2rem;
         margin-top:0.5rem;
	      }         	
  /* 社会招聘临时链接样式结束 */                 
        
  /* 走进JAC样式开始 */
        .approachJAC {
            height: 400px;
            position: relative;
            margin-bottom: 200px;
        }
        
        .border_box_3 {
    width: 37.708vw;
    height: 16.875vw;
    border: .208vw solid #c2291c;
    position: absolute;
    right: 0;
    bottom: 0;
        }
        
        .border_box_3 img {
    width: 41.667vw;
    height: 23.75vw;
    position: absolute;
    right: .521vw;
    bottom: .521vw;
        }
        
        .approachJAC h3 {
    width: 50.75vw;
    height: 6.25vw;
    display: flex;
    flex-direction: column;
    font-weight: 900;
    transform: scaleY(0.8);
    position: absolute;
    top: 1.3rem;
    left: 24.646vw;
    }
        
        .approachJAC h3 p {
    font-size: 4.167vw;
    font-family: cuti;
    padding-bottom: .521vw;
        }
        
        .approachJAC button {
    width: 7.187vw;
    height: 1.979vw;
    background: transparent;
    color: #211916;
    border-radius: .99vw;
    position: absolute;
    bottom: 1.042vw;
    left: 27.604vw;
    font-size: .833vw;
        }
        .approachJAC button:hover {
            width: 7.187vw;
    height: 1.979vw;
    background: transparent;
    color: #c2291c;
    border-radius: .99vw;
    position: absolute;
    bottom: 1.042vw;
    left: 27.604vw;
    font-size: .933vw;
        }        
  /* 走进JAC样式结束 */
        
 /* 问题解答样式开始 */
        .answer_doubt {
    position: relative;
    height: 20.833vw;
    margin-bottom: 10.417vw;
        }
        
        .border_box_4 {
    width: 37.708vw;
    height: 16.875vw;
    border: .208vw solid #c2291c;
    position: absolute;
    bottom: 0;
    left: 0;
        }
        
        .border_box_4 img {
    width: 41.667vw;
    height: 23.75vw;
    position: absolute;
    bottom: .521vw;
    left: .521vw;
        }
        
        .answer_doubt h3 {
    width: 18.75vw;
    height: 6.25vw;
    display: flex;
    flex-direction: column;
    font-weight: 900;
     transform: scaleY(0.8);
    align-items: flex-end;
    position: absolute;
    top: 0;
    left: 32.813vw;
        }
        
        .answer_doubt h3 p {
    font-size: 4.167vw;
    font-family: cuti;
    padding-bottom: .521vw;
        }
        
        .answer_doubt button {
    width: 7.187vw;
    height: 1.979vw;
    background: transparent;
    color: #211916;
    border-radius: .99vw;
    position: absolute;
    bottom: 1.042vw;
    right: 26.563vw;
    font-size: .833vw;
        }
        .answer_doubt button:hover {
            width: 7.187vw;
    height: 1.979vw;
    background: transparent;
    color: #c2291c;
    border-radius: .99vw;
    position: absolute;
    bottom: 1.042vw;
    right: 26.563vw;
    font-size: .933vw;
        }        
 /* 问题解答样式结束 */

        
        /* 移动端样式 */
        .mobile_home_box {
            width: 100%;
            display: none;
        }
        
        .mobile_home_top {
            width: 100%;
        }
        
        .mobile_home_main {
            margin-top: 0rem;
        }
        
        .mobile_but_box {
            width: 90%;
            margin: 0 auto;
        }
         
  
/* 移动端公告样式 - 优化版 */
:root {
    font-size: calc(100vw / 375 * 16); /* 基准字体大小，基于375px设计稿 */
}

.notice_box {
    width: 100%;
    margin-top: 0.5rem;
    font-size: 1rem;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAaCAYAAADWm14/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkM4NjY3RDY2REFFMDExRUJBQUUwQUM5Q0VEQzlDNkU1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkM4NjY3RDY3REFFMDExRUJBQUUwQUM5Q0VEQzlDNkU1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Qzg2NjdENjREQUUwMTFFQkFBRTBBQzlDRURDOUM2RTUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Qzg2NjdENjVEQUUwMTFFQkFBRTBBQzlDRURDOUM2RTUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5GOD3aAAAB2ElEQVR42syWPSwEQRTHb/cOdz4bJRI6EVfpKH1GUGgkQkgU5IiQI6KkoxDRECQiGlEQH1e4aOhUQhQa0Wg04hAS3Pk/eZtsNje7s7vW+Se/7M7sy7y3M+/NjHJaWeJzIT8YBYNgD0ya2FaDHXAOerVOxUUA5WAT1HE7AYoEti1gGxRwm54v9KI6cBwAE+BK55xUKLAfAwc658eac20wO6oB6yAsGegSL4+mNRAxGskoF8zyevsl7LNADNRzOwmmwHy6KK3UAFZ4zWUV1jmn6e4G+6JpEimHIx5xkCfX4BZkgzZwYZVQnYZgQqAM5DuskHeeBUWfcKIAZkDQ9/t6lTFSPXIuLdWXYQU8Hr8Y9HAyplPc6wCoivpMvke9XoKkxfeU1zMQBZeCRE/+xRI8gsV/XQUq71oZLcNp0GU45ej0K3WxFZPyZLZisxtRiMsoYsOpws8gH0iWh5FZDryBYR7g3ubfV4EKQH93BtrdJOEhXyg3bARAJXfC77SMu3zqOq4CKqd+0Co5Gx+gGSzr/MyBVb4tOS7DGE8v3QtTFrafYAiMgy/uGzDejJzsA088UBO40/UnBPYLoAM8c7uRE9z1RhTn3CAHDzy9Ih2BWnADtjjBf/QtwABH0lH+82xjwgAAAABJRU5ErkJggg==') 0.5rem center no-repeat #fbfbfb;
    background-size: 0.3rem;
    padding: 0.1rem 0;  
}

    .sss {
        width: 100%;
        padding: 0 5%;
        box-sizing: border-box;
        margin: 0 auto;
        display: flex;
        align-items: center;
        height: 3.4rem;
        line-height: 3.4rem;
        white-space: nowrap;
    }
    
    .sss span {
        flex-shrink: 0;
        width: auto;
        margin-left: 0;
        padding-right: 10px;
        font-size: 14px;
        color: #666;
    }
    
    .marquee-mobile {
        flex: 1;
        overflow: hidden;
    }
    
    .sss p {
        /* display: inline-block; */
        margin: 0;
        padding: 0;
        line-height: .3rem;
    }
 .sss p b {
     font-size: 14px;
 }
    
    .sss a {
        display: inline-block;
        padding: 0 5px;
        font-size: 14px;
        color: #333;
        text-decoration: none;
        white-space: nowrap;
    }
    
.notice_box span {
    margin-left: 1rem;
    width: auto;
}

.mobile_home_inner {
    width: 90%;
    margin: 0 auto;
    max-width: 768px; /* 设置最大宽度 */
}

.mobile_schoolRecruitment {
    width: 100%;
    margin-top: 1rem;
    position: relative;
}

.mobile_schoolRecruitment h4 {
    margin-bottom: 1rem;
    font-weight: 900;
    transform: scaleY(0.8);
}

.mobile_schoolRecruitment h4 p {
    font-size: 1rem;
    font-weight: 900;
    font-weight: 900;
    transform: scaleY(0.8);
}

.red_line {
    display: block;
    width: 3rem;
    border-bottom: 0.2rem solid #cc000b;
    margin-bottom: 0.5rem;
}

.synopsis_box {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    position: relative;
    flex-wrap: wrap;
}

.synopsis_box ul {
    height: auto;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0.4rem;
}

.synopsis_box li {
    line-height: 1.5;
    margin: 0.2rem;
    display: flex;
    font-size: 0.9rem;
}

.synopsis_box b {
    font-size: 0.4rem;
}

.learnmore {
    position: relative;
    width: auto;
    height: auto;
    padding: 0.2rem 0.6rem;
    font-size: 0.3rem;
    border-radius: 1rem;
    background: #fff;
    border: 1px solid #000;
    margin-top: 0.1rem;
    display: inline-block;
    margin-left:3.5rem;
}

.mobile_schoolRecruitment_img {
    width: 90%;
    max-width: 20rem;
    aspect-ratio: 2/1; /* 保持宽高比 */
    border: 0.1rem solid #cc000b;
    margin: 0 auto;
    margin-top: 1.5rem;
    position: relative;
}

.mobile_schoolRecruitment_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: -0.5rem;
    left: -0.5rem;
}

.mobile_societyRecruitment {
    width: 100%;
    margin-top: 1rem;
    position: relative;
    margin-bottom: 1rem;
}

.mobile_societyRecruitment h4 {
    width: 100%;
    margin-bottom: 0.4rem;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    font-weight: 900;
    transform: scaleY(0.8);
}

.mobile_societyRecruitment h4 p {
    font-size: 1rem;
    font-weight: 900;
}

.mobile_societyRecruitment .synopsis_box {
    flex-direction: row-reverse;
}

.mobile_societyRecruitment .learnmore {
    position: relative;
    left: auto;
    right: auto;
}

.mobile_societyRecruitment_img {
    width: 90%;
    max-width: 30rem;
    aspect-ratio: 16/9;
    border: 0.1rem solid #cc000b;
    margin: 0 auto;
    margin-top: 1.1rem;
    position: relative;
}

.mobile_societyRecruitment_img img {
     width: 105%;
     height: 105%;
     position: absolute;
     top: -0.5rem;
     right: -0.5rem;
}

/* 媒体查询适配不同尺寸 */
@media (max-width: 480px) {
    :root {
        font-size: calc(100vw / 320 * 14); /* 小屏幕调整基准 */
    }
    
    .sss {
position: relative;
    width: 100%;
    height: 100%;       
    }
    
    .synopsis_box li {
        font-size: 0.3rem;
    }

        .sss span {
            font-size: 12px;
        }
        .sss a {
            font-size: 12px;
        }    
    .sss span b {
        font-size: 0.4rem;
    }
}

@media (min-width: 768px) {
    :root {
        font-size: calc(100vw / 768 * 16); /* 平板设备调整 */
    }
}

    /* 公告鼠标悬停暂停滚动 */
    .marquee-pc:hover, .marquee-mobile:hover {
        animation-play-state: paused !important;
    }

 
        /* 响应式设计 */
        @media screen and (max-width: 768px) {
            .home_box {
                display: none;
            }
            
            .mobile_home_box {
                display: block;
            }
        }