* {
            padding: 0;
            margin: 0;
            list-style: none;
        }
        
        @font-face {
            font-family: 'MyVariableFont';
            src: url('/r/cms/www/default/jacjob/css/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(/r/cms/www/default/jacjob/css/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(/r/cms/www/default/jacjob/css/static/img/login_banner.98bbda31.png) no-repeat;
            background-size: cover;
            height: auto;
            display: ruby;
            justify-content: space-between;
            position: relative;
            /* height: 8rem; */
            padding-top: 60px;
        }
        .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: 21.75vw;position: absolute;right: .521vw;bottom: .521vw;}
        
        .schoolrecruit h3 {
            width: 360px;
            height: 120px;
            display: flex;
            flex-direction: column;
            font-weight: 900;
            transform: scaleY(0.95);
            position: absolute;
            top: 0.5rem;
            left: 24.646vw;
        }
        
        .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: 34.042vw;
            justify-content: flex-end;
            flex-wrap: wrap;
            position: absolute;
            top: 11.292vw;
            /* left: 2.896vw; */
            }
        .schoolflowpath a:hover {
            color:#c2291c;
            }          
        .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: 25.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: 25.604vw;
        }

      .schoolflowpath .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;
        justify-content: right;
        }
        .schoolflowpath .plink a:hover{
         color: #c2291c; 
         text-decoration: none; 
         cursor: pointer;
         display: flex;
         align-items: center;
         font-size: 21px;
         padding: 0 1px;
       	}

  /* 校园招聘样式结束 */  
        
  /* 社会招聘样式开始 */
        .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: 0.2rem;
            left: 30.813vw;
            font-weight: 900;
            transform: scaleY(0.95);
        }
        
        .societyrecruit h3 p {
            font-size: 4.167vw;
            font-family: cuti;
            padding-bottom: .521vw;

        }
        
        .societyflowpath {
            display: flex;
            width: 26.042vw;
            /* justify-content: end; */
            flex-wrap: wrap;
            position: absolute;
            top: 10.8vw;
            right: 1.992vw;
            font-size:0.2rem;
       }
        
       .societyflowpath  a {
            display: flex;
            align-items: center;
            font-size: 0.3rem;
            padding: .4rem;
        } 
       .societyflowpath  a:hover {
            display: flex;
            align-items: center;
            font-size: 0.3rem;
            padding: .4rem;
            color:#c2291c;
        } 
                
        .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: 20.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: 20.563vw;
            font-size: .833vw;
        }        
  /* 社会招聘样式结束 */
  
  /* 社会招聘临时链接样式开始 */     
       
       .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;
        justify-content: left;
        }
        .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;
            bottom: 0;
            right: 0rem;
        }
        
        .border_box_3 img {
                width: 41.667vw;
                height: 21.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.95);
                position: absolute;
                top: 1.3rem;
                left: 24.646vw;
      }
        
        .approachJAC h3 p {
            font-size: 4.167vw;
            font-family: cuti;
            padding-bottom: .521vw;
        }

        .jacflowpath {
            display: flex;
            width: 34.042vw;
            justify-content: flex-end;
            flex-wrap: wrap;
            position: absolute;
            top: 13.292vw;
            left: 2.896vw;
            }
        
        .jacflowpath p {
            display: flex;
            align-items: center;
            font-size: 20px;
            padding: 0 15px;
        }
        
        .jacflowpath p span {
            font-size: 32px;
            padding-right: 10px;
        }

        
        .approachJAC button {
            width: 7.187vw;
            height: 1.979vw;
            background: transparent;
            color: #211916;
            border-radius: .99vw;
            position: absolute;
            bottom: 1.042vw;
            left: 25.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: 25.604vw;
            font-size: .833vw;
        }        
  /* 走进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.95);
    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;
        }

        .answerflowpath {
            display: flex;
            width: 26.042vw;
            /* justify-content: end; */
            flex-wrap: wrap;
            position: absolute;
            top: 10.8vw;
            right: 8.992vw;
       }
        
        
        .answerflowpath p {
            display: flex;
            align-items: center;
            font-size: 1.25vw;
            padding: 0 .833vw;
        }
        
        .answerflowpath p span {
            font-size: 32px;
            padding-right: 10px;
        }

       
        .answer_doubt button {
    width: 7.187vw;
    height: 1.979vw;
    background: transparent;
    color: #211916;
    border-radius: .99vw;
    position: absolute;
    bottom: 1.042vw;
    right: 25.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: 25.563vw;
    font-size: .833vw;
        }        
 /* 问题解答样式结束 */

        
        /* 移动端样式 */
        .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 ul a{
    font-size:0.3rem;
}

.synopsis_box ul span{
    font-size:0.3rem;
}

.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;
            }
        }

/*Q&A str*/

        
        /* 列表样式重置 */
        ul, li {
            list-style: none;
        }
        
        /* 链接样式重置 */
        a {
            text-decoration: none;
            color: inherit;
        }
        
        /* 全局字体设置 */
        body {
            font-family: "Microsoft YaHei", "PingFang SC", "Helvetica Neue", Arial, sans-serif;
            line-height: 1.6;
            color: #333;
            background-color: #fff;
        }
        
        /* 主容器 */
        .problemBox {
            width: 100%;
            max-width: 1920px;
            margin: 0 auto;
            overflow: hidden;
        }
        
        /* 头部区域 */
        .header {
            width: 100%;
            position: relative;
            padding-top: 100px;
            height: 780px;
            overflow: hidden;
        }
        
        
        .header .banner-img {
            width: 100%;
            display: block;
            height: 100%;
            object-fit: cover;
            -o-object-fit: cover; /* Opera */
            padding-top:30px;
        }
        
        /* 导航菜单 */
        .menu {
            height: 50px;
            width: 100%;
            background: #424f60;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }
        
        .menu a {
            cursor: pointer;
            margin: 0 20px;
            padding: 0 20px;
            font-size: 20px;
            line-height: 50px;
            color: #fff;
            -webkit-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
            display: inline-block;
        }
        
        .menu a:hover {
            background: #fff;
            color: #424f60;
        }
        
        .menu a.active {
            background: #fff;
            color: #424f60;
        }
        
        /* 问题列表区域 */
        .prolist {
            width: 100%;
            max-width: 1200px;
            margin: 0 auto;
            margin-top: 50px;
            position: relative;
            padding-bottom: 30px;
            margin-bottom: 30px;
            background-color: #ffffff;
        }
        
        .prolist .xiala {
            width: 50px;
            height: 50px;
            border-radius: 100%;
            background: #efe02a;
            cursor: pointer;
            position: absolute;
            left: 0;
            right: 0;
            margin: auto;
            bottom: -5px;
            text-align: center;
            line-height: 50px;
            font-size: 30px;
            color: #fff;
            border: 1px solid #efe02a;
            -webkit-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            z-index: 5;
        }
        
        .prolist .xiala:hover {
            color: #efe02a;
            background: #fff;
        }
        
        .prolist ul {
            padding: 0 30px;
        }
        
        .prolist ul li {
            padding: 20px 0;
            border-bottom: 1px dashed #817f7f;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            position: relative;
            z-index: 2;
            background: #fff;
        }
        
        .prolist ul li .list {
            display: inline-block;
            background-size: 100% auto;
            width: 74px;
            height: 70px;
            -ms-flex-negative: 0;
            flex-shrink: 0;
        }
        
        .prolist ul li .list img {
            display: block;
            width: 100%;
            height: auto;
        }
        
        .prolist ul li .sec_r {
            width: 90%;
            margin-left: 20px;
            padding: 0 0 20px 20px;
            border-left: 1px solid #817f7f;
            color: #817f7f;
        }
        
        .prolist ul li .sec_r h6 {
            font-size: 20px;
            font-weight: 500;
            margin-bottom: 10px;
        }
        
        .prolist ul li .sec_r p {
            font-weight: 500;
            font-size: 18px;
            padding-top: 15px;
            line-height: 1.5;
        }
        
        /* 隐藏第5个之后的问题项 */
        .prolist ul li:nth-child(n+6) {
            display: none;
        }
        
        /* 当展开时显示所有问题项 */
        .prolist.expanded ul li {
            display: flex !important;
        }
        
        /* 当展开时旋转按钮 */
        .prolist.expanded .xiala {
            transform: rotate(180deg);
        }
        
        /* 页脚 */
        footer {
            background-color: #f5f5f5;
            padding: 20px 0;
            text-align: center;
            color: #666;
            font-size: 14px;
        }
        
        /* 媒体查询 - 平板设备 (768px - 1024px) */
        @media screen and (max-width: 1024px) and (min-width: 769px) {
            .prolist {
                width: 90%;
                margin-top: 120px;
            }
            
            .prolist ul {
                padding: 0 20px;
            }
            
            .prolist ul li {
                padding: 15px 0;
            }
            
            .prolist ul li .sec_r h6 {
                font-size: 18px;
            }
            
            .prolist ul li .sec_r p {
                font-size: 16px;
            }
        }
        
        /* 媒体查询 - 移动端适配 (最大宽度768px) */
        @media screen and (max-width: 768px) {
            .problemBox .header {
                height: 300px;
                padding-top: 60px;
            }
            
            .header .logo {
                width: 150px;
                left: 15px;
                top: 15px;
            }
            
            .problemBox .menu {
                height: 80px;
            }
            
            .problemBox .menu a {
                line-height: 80px;
                font-size: 32px;
                margin: 0 20px;
                padding: 0 15px;
            }
            
            .problemBox .prolist {
                width: 95%;
                margin-top: 80px;
                padding-bottom: 40px;
                margin-bottom: 60px;
            }
            
            .problemBox .prolist .xiala {
                width: 70px;
                height: 70px;
                bottom: -20px;
                font-size: 40px;
                line-height: 70px;
            }
            
            .problemBox .prolist ul {
                padding: 0 15px;
            }
            
            .problemBox .prolist ul li {
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                -webkit-box-align: start;
                -ms-flex-align: start;
                align-items: center;
                padding: 5px 0;
                position: relative;
                display: flex;
                z-index: 2;
            }
            
            .problemBox .prolist ul li .list {
                width: 100px;
                height: 95px;
                margin-bottom: 15px;
            }
            
            .problemBox .prolist ul li .sec_r {
                width: 100%;
                margin-left: 5px;
                padding: 0 0 5px 5px;
                border-left: 1px solid #817f7f;
                /* border-top: 1px solid #817f7f; */
                padding-top: 15px;
            }
            
            .problemBox .prolist ul li .sec_r h6 {
                font-size: 36px;
            }
            
            .problemBox .prolist ul li .sec_r p {
                font-size: 30px;
            }
        }
        
        /* 媒体查询 - 小屏幕移动设备 (最大宽度480px) */
        @media screen and (max-width: 480px) {
            .problemBox .header {
                height: 200px;
                padding-top: 50px;
            }
            
            .header .logo {
                width: 120px;
                left: 10px;
                top: 10px;
            }
            
            .problemBox .menu {
                height: 45px;
            }
            
            .problemBox .menu a {
                line-height: 60px;
                font-size: 20px;
                margin: 0 10px;
                padding: 0 10px;
            }
            
            .problemBox .prolist {
                margin-top: 60px;
            }
            
            .problemBox .prolist ul li .list {
                width: 60px;
                height: 70px;
                display: flex;
                flex-shrink: 0;
                flex-direction: row;
                flex-wrap: nowrap;
                align-content: center;
                justify-content: center;
                align-items: center;
            }
            
            .problemBox .prolist ul li .sec_r h6 {
                font-size: 14px;
            }
            
            .problemBox .prolist ul li .sec_r p {
                font-size: 14px;
            }
        }
        
        /* 打印样式 */
        @media print {
            .menu, .xiala {
                display: none !important;
            }
            
            .prolist ul li {
                page-break-inside: avoid;
            }
        }
        
        /* 高对比度模式支持 */
        @media (prefers-contrast: high) {
            .menu {
                background: #000;
            }
            
            .menu a {
                color: #fff;
            }
            
            .menu a:hover, .menu a.active {
                background: #fff;
                color: #000;
            }
        }
        
        /* 减少动画模式支持 */
        @media (prefers-reduced-motion: reduce) {
            * {
                -webkit-transition: none !important;
                -o-transition: none !important;
                transition: none !important;
            }
        }
 /* Q&A end */

 /* GoJAC str */
        

        
        /* 主体内容样式 */
        .GojacBox {
            width: 100%;
            background: #eceaeb;
        }
        
        .Gojac {
            position: relative;
            max-width: 1200px;
            margin: 0 auto;
        }
        
        .GojacBanner {
            width: 100%;
            height: auto;
            display: block;
            padding-top:60px;
        }
        
        
        .page_tilte {
            font-size: 24px;
            color: #c3181f;
            padding-top: 35px;
            margin-bottom: 20px;
            text-align: center;
            font-weight: bold;
        }
        
        .page1, .page2, .page3, .page4 {
            width: 100%;
            margin: 10px auto;
            padding: 0 50px;
            background: #fff;
            padding-bottom: 20px;
        }
        
        .page1 h3.cl {
            display: flex;
            align-items: center;
            font-size: 18px;
            margin-top: 0;
            margin-bottom: 20px;
        }
        
        .page1 h3.cl span {
            height: 2px;
            width: 50px;
            background: black;
            margin-right: 8px;
            margin-left: 8px;
        }
        
        .page1 ul {
            display: flex;
            flex-wrap: wrap;
            padding: 0;
        }
        
        .page1 ul li {
            width: 50%;
            font-size: 14px;
            margin-top: 30px;
            display: flex;
            align-items: center;
        }
        
        .page1 ul li span {
            color: #fff;
            width: 20px;
            height: 20px;
            border-radius: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            background: #c3181f;
            margin: 0 10px;
            flex-shrink: 0;
        }
        
        .page2 img {
            width: 100%;
            height: auto;
        }
        
        .page3 .page3text {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
        }
        
        .page3 .page3text .left {
            width: 25%;
            background: #dadada;
            font-size: .833vw;
            padding: 20px;
            color: #565656;
            line-height: 1.6;
        }
        
        .page3 .page3text .right {
            width: 65%;
        }
        
        .page3 .page3text .right img {
            width: 100%;
            height: auto;
        }
        
        .page4 .swiper {
            width: 85%;
            margin: 0 auto;
            position: relative;
        }
        
        .page4 .swiperlist {
            width: 100%;
            height: 500px;
            position: relative;
        }
        
        .page4 .swiperlist .item {
            position: absolute;
            left: 0;
            top: 0;
            opacity: 0;
            transition: opacity 1s ease;
            width: 100%;
            height: 100%;
        }
        
        .page4 .swiperlist .item.active {
            opacity: 1;
        }
        
        .page4 .swiperlist .item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        
        .page4 .swiperlist .item p {
            width: 317px;
            position: absolute;
            bottom: 80px;
            left: 0;
            color: #fff;
            padding: 20px 30px 30px 40px;
            font-size: 1.25vw;
            background: rgba(0, 0, 0, 0.8);
            text-align:center;
            padding-top:10px;
        }
        
        .page4 .roundedBox {
            position: absolute;
            bottom: 84px;
            left: 90px;
            display: flex;
            align-items: center;
            z-index: 10;
        }
        
        .page4 .roundedBox span {
            cursor: pointer;
            width: 15px;
            height: 15px;
            background: #fff;
            border-radius: 100%;
            margin: 0 3px;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s;
        }
        
        .page4 .roundedBox span.active::after {
            content: '';
            display: block;
            width: 14px;
            height: 14px;
            background: #000;
            border-radius: 100%;
        }
        
        .page4 .roundedBox span:hover::after {
            content: '';
            display: block;
            width: 14px;
            height: 14px;
            background: #000;
            border-radius: 100%;
        }
        

        
        /* 移动端响应式设计 */
        @media screen and (max-width: 768px) {
            .nav-container {
                flex-direction: column;
                padding: 10px 20px;
            }
            
            .nav-links {
                margin-top: 15px;
                gap: 15px;
            }                       
            .GojacBanner {
                height: auto;
            }
                        
            .page_tilte {
                font-size: 22px;
                padding-top: 25px;
            }
            
            .page1, .page2, .page3, .page4 {
                width: 90%;
                padding: 0 20px;
            }
            
            .page1 ul {
                flex-direction: column;
            }
            
            .page1 ul li {
                width: 100%;
            }
            
            .page1 ul li span {
                width: 25px;
                height: 25px;
            }
            
            .page3 .page3text {
                flex-direction: column;
            }
            
            .page3 .page3text .left {
                width: 100%;
                margin-bottom: 20px;
            }
            
            .page3 .page3text .right {
                width: 100%;
            }
            
            .page4 .swiper {
                width: 100%;
            }
            
            .page4 .swiperlist {
                height: 300px;
            }
            
            .page4 .swiperlist .item p {
                width: 100%;
                font-size: 2.604vw;
                padding: 1;
                bottom: 5px;
                padding-top: 3px;
                text-align: center;
            }
            
            .page4 .roundedBox {
                bottom: 15px;
                left: 50%;
                transform: translateX(-50%);
                /* tab-size: 10px; */
            }
        }
        
        @media screen and (max-width: 480px) {
            .page_tilte {
                font-size: 20px;
            }
            
            .page1 h3.cl {
                font-size: 16px;
            }
            
            .page1 ul li {
                font-size: 14px;
            }
            
            .page3 .page3text .left {
                font-size: 14px;
            }
            
            .page4 .swiperlist {
                height: 250px;
            }

        }
 /* GoJAC end */