.product{background:#f5f5f5}.join{padding:2rem 10.4% 4rem}.join .list .items{background-color:#fff;box-shadow:1px 1px 2px rgba(0,0,0,.1);height:16.5rem;margin-bottom:1.25rem;padding:5%;position:relative;transition:all .36s ease;width:100%;z-index:2}.join .list .items:hover{box-shadow:1px 4px 6px rgba(0,0,0,.1);transform:translateY(-5px)}.join .list .items .box1{position:relative}.join .list .items .box1 h3{font-size:1.625rem;position:relative;z-index:20}.join .list .items .box1 h3 b{border:1px solid #c5001e;color:#c5001e;font-size:.875rem;font-weight:100;height:1.625rem;line-height:1.5rem;margin-top:.375rem;position:absolute;text-align:center;width:1.625rem}.join .list .items .box1 h3 span{font-size:1.625rem;font-weight:700;padding-left:2rem}.join .list .items .box1 p{border-bottom:1px solid #ddd;color:#999;font-size:1rem;margin-bottom:1.5rem;padding-bottom:1.375rem;padding-top:.25rem;width:22.5rem}.join .list .items .box1 h4{color:#2f323a;font-size:.875rem;position:relative;z-index:20}.join .list .items .box1 h4 span{padding-left:1.125rem}.join .list .items .box1 a{color:#2068ca;display:block;font-size:.875rem;margin-top:3.25rem}.join .list .items .box1 a i{margin-left:.5rem}.join .list .items .box1 h4:nth-child(3){margin-bottom:.75rem}.join .list .items .img{background:url(/_nuxt/img/g15_05.96e4194.png) 50% no-repeat;background-size:100%;height:13.875rem;position:absolute;right:0;top:2.625rem;width:14.375rem;z-index:12}.join .list .items .txt_con{background:#fff;margin-top:11.875rem;padding:5%}.join .list .items .txt{box-shadow:2px 2px 2px rgba(0,0,0,.2);box-sizing:border-box;display:none;left:0;position:absolute;top:0;width:100%;z-index:8}.join .list .items .txt h4{font-size:1.125rem;font-weight:700;margin-bottom:.375rem}.join .list .items .txt .des{color:#666;font-size:.875rem;line-height:1.75rem;transition:.2s ease-in-out}.join .list .items .txt .des img{max-width:100%}.join .list .items .txt .bott{margin-top:3.125rem}.join .list .items .txt .bott .left{margin-top:1.25rem}.join .list .items .txt .bott .left a{color:#2b78ec}.join .list .items .txt .bott .left a i{margin-left:.5rem}.join .list .items .txt .bott .right{background:#2068ca;color:#fff;height:2.5rem;line-height:2.5rem;text-align:center;width:8.75rem}.join .list .items .txt .bott .right a{color:#fff;display:block;height:100%;width:100%}.join .list .items .txt .bott .right:hover a{background:#c5001e}.join .list .items .txt .des:nth-child(2){border-bottom:1px solid #ddd;margin-bottom:1.875rem;padding-bottom:1.875rem}.join .list .items.on{z-index:10}.join .list .items:hover .box1 h3{color:#c5001e}.join .list .jobitem.on .items .txt{display:block}.join .list .jobitem.on{z-index:6}@media (max-width:1660px){.join{padding:1rem 6% 4rem}}@media (max-width:991px){.join{padding:1rem 4% 6rem}.join .list .items{height:18.5rem}.join .list .items .box1 h3{font-size:1.75rem}.join .list .items .box1 h3 span{font-size:2rem}.join .list .items .box1 h4,.join .list .items .box1 p{font-size:1.5rem}.join .list .items .box1 h4 span{padding-left:1.5rem}.join .list .items .box1 a{font-size:1.5rem}.join .list .items .txt h4{font-size:1.625rem;margin-bottom:.8rem}.join .list .items .txt .des{font-size:1.5rem;line-height:2.1rem}.join .list .items .txt .bott .right{height:3.8rem;line-height:3.8rem;width:15rem}}