.join{background-image:url(/Temp/PC/images/join-bg.webp);background-repeat:no-repeat;background-position:top right;background-size:inherit}.join .philosophy-content .content{gap:50px}.join .philosophy-content .content h3{color:#3b3b3b;font-size:30px}.join .philosophy-content .content .list{gap:40px;padding-bottom:100px}.join .philosophy-content .content .list .item{width:calc((100% - 40px * 3) / 4);background-color:#fff;padding:30px;box-shadow:0 0 10px rgba(0,0,0,0.1);gap:5px}.join .philosophy-content .content .list .item .iconfont{font-size:60px;color:var(--color-primary)}.join .philosophy-content .content .list .item h4{font-size:30px;color:#3b3b3b}.join .philosophy-content .content .list .item small{color:#999;font-size:16px}.join .recruitment-content .joinus-list{gap:30px;margin:80px 0}.join .recruitment-content .joinus-list .item{width:calc((100% - 30px * 1) / 2);padding:30px;border:1px solid #e5e5e5;gap:10px;transition:all .3s ease-in-out;box-sizing:border-box}.join .recruitment-content .joinus-list .item .info h4{font-weight:bold;color:#3b3b3b;font-size:24px}.join .recruitment-content .joinus-list .item .info small{color:#888;font-size:16px;gap:20px}.join .recruitment-content .joinus-list .item .info small span{position:relative}.join .recruitment-content .joinus-list .item .info small span::after{content:"";width:1px;height:10px;background-color:#bdbcbc;right:-10px;top:50%;transform:translateY(-50%);position:absolute}.join .recruitment-content .joinus-list .item .info small span:last-child::after{display:none}.join .recruitment-content .joinus-list .item .btn{background-color:#1038a1;color:#fff;font-size:16px;padding:10px 35px}.join .recruitment-content .joinus-list .item:hover{border:1px solid #1038a1;box-shadow:0 0 10px rgba(14,0,209,0.1)}.join .recruitment-content .joinus-list .item:hover .btn{background-color:#fff;color:#1038a1;border:#1038a1 1px solid}.joinusModal{display:none;position:fixed;top:0;left:0;width:100%;height:100vh;background-color:rgba(0,0,0,0.5);z-index:9999}.modal-dialog2{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:80%;max-width:1200px;background-color:#fff;overflow:hidden;height:600px}.modal-dialog2 .close{position:absolute;top:20px;right:20px;color:#1038a1;display:flex;align-items:center;justify-content:center;cursor:pointer}.modal-dialog2 .close .iconfont{font-size:20px;line-height:1}.modal-content{height:100vh;display:flex;flex-direction:column}.modal-content .modal-header{height:100px;padding:50px;box-sizing:border-box;position:relative;margin-bottom:50px}.modal-content .modal-header::after{position:absolute;content:"";width:92%;height:1px;background-color:#e6e6e6;bottom:-10px;left:50%;transform:translateX(-50%)}.modal-content .modal-header .modal-title{gap:10px}.modal-content .modal-header .modal-title .tit{font-size:28px;color:#3b3b3b;font-weight:bold;margin:0}.modal-content .modal-header .modal-title .info{font-size:16px;color:#888}.modal-content .modal-body{flex:1;overflow-y:auto;padding:20px 50px;box-sizing:border-box}.modal-content .modal-body::-webkit-scrollbar{width:3px;height:3px}.modal-content .modal-body::-webkit-scrollbar-button:vertical{display:none}.modal-content .modal-body::-webkit-scrollbar-corner,.modal-content .modal-body::-webkit-scrollbar-track{background-color:rgba(0,0,0,0.2)}.modal-content .modal-body::-webkit-scrollbar-thumb{border-radius:0;background-color:rgba(0,0,0,0.5)}.modal-content .modal-body .modal-body-item{margin-bottom:30px;padding-bottom:30px}.modal-content .modal-body .modal-body-item:last-child{border-bottom:none;margin-bottom:0rem;padding-bottom:0rem}.modal-content .modal-body .modal-body-item .tit{font-size:18px;color:#676767;margin:0}.modal-content .modal-body .modal-body-item .content{font-size:16px;color:#676767;line-height:2em}.modal-content .modal-footer{height:120px;padding:50px;box-sizing:border-box;justify-content:space-between}.modal-content .modal-footer .item{color:#3B3B3B;font-size:16px}@media screen and (max-width:768px){.join .philosophy-content .content .list{padding-bottom:50px}.join .philosophy-content .content .list .item{width:calc((100% - 40px * 0) / 1)}.join .recruitment-content .joinus-list{margin:50px 0}.join .recruitment-content .joinus-list .item{width:calc((100% - 30px * 0) / 1);padding:20px;gap:10px}.join .recruitment-content .joinus-list .item .info h4{font-size:20px}.join .recruitment-content .joinus-list .item .info small{font-size:14px;gap:15px}.join .recruitment-content .joinus-list .item .info small span::after{right:-7.5px}.join .recruitment-content .joinus-list .item .btn{padding:7px 20px;font-size:14px}.modal-dialog2{width:80%;max-width:100%;height:600px}.modal-content{height:100vh}.modal-content .modal-header{height:100px;padding:30px;margin-bottom:30px}.modal-content .modal-header .modal-title{gap:10px}.modal-content .modal-header .modal-title .tit{font-size:20px}.modal-content .modal-header .modal-title .info{font-size:14px}.modal-content .modal-body{padding:20px}.modal-content .modal-body .modal-body-item{margin-bottom:20px;padding-bottom:20px}.modal-content .modal-body .modal-body-item .tit{font-size:16px}.modal-content .modal-body .modal-body-item .content{font-size:14px}.modal-content .modal-footer{height:auto;padding:20px;box-sizing:border-box;justify-content:center;flex-direction:column;align-items:flex-start !important;gap:10px}.modal-content .modal-footer .item{color:#3B3B3B;font-size:14px}}