.body .module-first { position: relative; width: 100%; font-size: 0; } .body .module-first img { width: 100%; } .body .module-first .title { position: absolute; color: #fff; left: 0; right: 0; margin: 0 auto; top: 2.7rem; width: 2rem; font-size: 0.48rem; font-weight: bold; } .body .module-second { background-color: #fff; padding-bottom: 1.69rem; } .body .module-second .join-top { min-width: 13.66rem; max-width: 14rem; display: flex; justify-content: space-between; margin: 0 auto; padding-top: 1.4rem; } .body .module-second .join-top .title { font-size: 0.4rem; color: #1CB0F7; line-height: 0.46rem; margin-left: 1.32rem; } .body .module-second .join-top .right-decribe { display: flex; flex-direction: column; } .body .module-second .join-top .right-decribe .decribe { width: 4.65rem; font-size: 0.16rem; margin-right: 2.78rem; line-height: 0.24rem; color: #333333; } .body .module-second .join-top .right-decribe .btn { margin-top: 0.45rem; height: 0.57rem; width: 1.38rem; background: linear-gradient(276deg, #7BCFEB 0%, #5DBEFF 100%); border-radius: 0.3rem; line-height: 0.57rem; padding-left: 0.35rem; color: #fff; font-size: 0.14rem; display: flex; align-items: center; cursor: pointer; } .body .module-second .join-top .right-decribe .btn:hover { background: #FFFFFF !important; box-shadow: 0px .03rem .06rem rgba(0, 0, 0, 0.16); color: #515151 !important; } .body .module-second .join-top .right-decribe .btn i { padding-left: 0.2rem; } .body .module-second .us-pictures { min-width: 13.66rem; max-width: 16rem; margin: 0 auto; margin-top: 0.65rem; display: flex; overflow-x: hidden; overflow: hidden; position: relative; } .body .module-second .us-pictures .left_btn { position: absolute; top: 50%; transform: translateY(-50%); background: #E9E9E9; width: 0.44rem; height: 0.44rem; display: flex; justify-content: center; align-items: center; border-radius: 50%; z-index: 99; cursor: pointer; } /* .body .module-product .right_btn:hover, .body .module-product .left_btn:hover { background-color: #1CB0F7; } */ .body .module-second .us-pictures .right_btn { position: absolute; right: 0; top: 50%; transform: translateY(-50%); background: #E9E9E9; width: 0.44rem; height: 0.44rem; display: flex; justify-content: center; align-items: center; border-radius: 50%; z-index: 99; cursor: pointer; } .body .module-second .us-pictures .aa { max-width: 13.8rem; margin: 0 auto; overflow: hidden; } .body .module-second .pc-us-pictures .swiper-pagination{ bottom: -0.5rem; } .swiper-pagination-box{ max-width: 13.66rem; text-align: center; margin: 0 auto; margin-top: 0.25rem; position: relative; } .mb-swiper-pagination{ display: none; } .swiper-pagination-box .swiper-pagination{ left: 50%; transform: translateX(-50%); } .swiper-pagination-box .swiper-pagination span{ margin: 0 0.05rem; } .swiper-pagination-box .swiper-pagination .swiper-pagination-bullet-active{ background: #1CB0F7; } .mb-us-pictures { display: none !important; } .body .module-second .us-pictures .first-line { width: 2.94rem; margin-right: 0.14rem; font-size: 0; display: inline-block; overflow: hidden; } .body .module-second .us-pictures .first-line .us-img { width: 100%; height: 2.2rem; overflow: hidden; border-radius: 0.12rem; margin-bottom: 0.13rem; } .body .module-second .us-pictures .first-line .us-img img { height: 100%; cursor: pointer; border-radius: 0.12rem; transition: all 0.3s ease-in-out; transform: scale(1); } .body .module-second .us-pictures .first-line .us-img img:hover { transform: scale(1.1); border-radius: 0.12rem; transition: all 0.3s ease-in-out; } .body .module-second .us-pictures .first-line .us-img:last-child { margin-bottom: 0; } .body .module-second .us-pictures .first-line .us-img img:last-child { margin-bottom: 0; } .body .module-second .us-pictures .second-line { width: 5.3rem; margin-right: 0.14rem; } .body .module-second .us-pictures .second-line .us-img { width: 100%; height: 3.59rem; border-radius: 0.12rem; margin-bottom: 0.14rem; overflow: hidden; } .body .module-second .us-pictures .second-line .us-img:nth-child(2) { height: 3.18rem; } .body .module-second .us-pictures .second-line .us-img img { height: 100%; cursor: pointer; border-radius: 0.12rem; margin-bottom: 0.14rem; transition: all 0.3s ease-in-out; transform: scale(1); } .body .module-second .us-pictures .second-line .us-img img:hover { transform: scale(1.1); transition: all 0.3s ease-in-out; } .body .module-second .us-pictures .second-line .us-img img:last-child { margin-bottom: 0; } .body .module-second .us-pictures .third-line, .body .module-second .us-pictures .fouth-line { width: 2.79rem; margin-right: 0.14rem; } .body .module-second .us-pictures .third-line .us-img, .body .module-second .us-pictures .fouth-line .us-img { width: 100%; height: 3.16rem; border-radius: 0.12rem; margin-bottom: 0.16rem; overflow: hidden; } .body .module-second .us-pictures .third-line .us-img:nth-child(2), .body .module-second .us-pictures .fouth-line .us-img:nth-child(2) { height: 3.59rem; } .body .module-second .us-pictures .third-line .us-img img, .body .module-second .us-pictures .fouth-line .us-img img { cursor: pointer; height: 100%; border-radius: 0.12rem; transform: scale(1); transition: all 0.3s ease-in-out; } .body .module-second .us-pictures .third-line .us-img img:hover, .body .module-second .us-pictures .fouth-line .us-img img:hover { transform: scale(1.1); transition: all 0.3s ease-in-out; } .body .module-second .us-pictures .third-line .us-img img:last-child, .body .module-second .us-pictures .fouth-line .us-img img:last-child { margin-bottom: 0; } .body .module-second .us-pictures .third-line:last-child, .body .module-second .us-pictures .fouth-line:last-child { margin-right: 0; } .body .module-second .us-pictures .new-fouth-line{ display: inline-flex; width: calc(100% - 3.08rem); font-size: 0; justify-content: flex-start; overflow: hidden; } .body .module-second .us-pictures .new-fouth-line .us-img{ width: calc(50% - 0.14rem); margin-right: 0.14rem; height: 100% !important; } .body .module-second .us-pictures .new-fouth-line .us-img img { width: 100%; height: 100%; } .body .module-second .us-pictures .new-fouth-line .us-img:last-child { margin-right: 0; } .body .module-second .us-pictures .swiper-slide{ display: flex; } .body .module-third { background-color: #F2F2F2; padding: 1.51rem 0 1.63rem; } .body .module-third .recruit { max-width: 15.9rem; min-width: 13.66rem; margin: 0 auto; left: 0; right: 0; } .body .module-third .recruit .title { font-size: 0.4rem; font-weight: bold; line-height: 0.46rem; text-align: center; color: #1CB0F7; margin-bottom: 0.65rem; } .body .module-third .recruit .tablebox { width: 82.8%; margin: 0 auto; } .body .module-third .recruit .tablebox .table_title { width: calc(100% - 1.2rem); padding: 0 0.6rem; background: #ffffff; height: 0.9rem; display: flex; align-items: center; justify-content: flex-start; } .body .module-third .recruit .tablebox .table_title p { font-size: 0.18rem; color: #333333; width: calc((100% - 1rem) / 4); } .body .module-third .recruit .tablebox .table_title p:last-child{ width: 1rem; } .body .module-third .recruit .tablebox .table_content .content { width: calc(100% - 1.2rem); padding: 0 0.6rem; background: #ffffff; display: flex; align-items: center; justify-content: flex-start; margin-top: 0.44rem; height: 0.9rem; } .body .module-third .recruit .tablebox .table_content .content p { font-size: 0.16rem; color: #666; width: calc((100% - 1rem) / 4); } .body .module-third .recruit .tablebox .table_content .content p:last-child { width: 1rem; text-align: center; } .body .module-third .recruit .tablebox .table_content .content .job_apply { cursor: pointer; width: 4%; display: flex; align-items: center; } .body .module-third .recruit .tablebox .table_content .content .job_apply .transformImage{ transform-origin: center; transition: transform 0.3s ease-in-out; } .body .module-third .recruit .tablebox .table_content .content .job_apply .transform90deg{ transform: rotate(90deg); } .body .module-third .recruit .tablebox .table_content .content .job_apply img { width: 0.26rem; } .body .module-third .recruit .tablebox .table_content .content .job_apply .show { display: none; } .body .module-third .recruit .tablebox .table_content .content .mobile_job_apply { display: none; } .body .module-third .recruit .tablebox .table_content .content_txt { width: calc(100% - 1.2rem); padding: 0 0.6rem 0.46rem 0.6rem; background: #ffffff; display: none; } .body .module-third .recruit .tablebox .table_content .content_txt .title { font-weight: bold; text-align: left; margin-bottom: 0.2rem; } .body .module-third .recruit .tablebox .table_content .content_txt p { color: #999999; font-size: 0.14rem; line-height: 0.24rem; margin-bottom: 0.2rem; } .body .module-third .recruit .tablebox .email-send { display: inline-block; background: #F2F2F2; box-shadow: 0 0.03rem 0.06rem rgba(0, 0, 0, 0.16); border-radius: 0.36rem; padding:.12rem .26rem; } .body .module-third .recruit .tablebox .email-send .btn { color: #666666; font-size: 0.14rem; width: 100%; height: 100%; text-align: center; display: flex; flex-direction: row; flex-wrap: nowrap; } .body .module-third .recruit .tablebox .table_content .content p .mobile_table_title { display: none; } @media screen and (max-width: 768px) { .header .logo { width: 2.57rem; } .body .module-first .title { top: 1rem; } .body .module-second { width: 100%; padding-bottom: 0.5rem; } .body .module-second .join-top { display: flex; flex-direction: column; width: calc(100% -0.5rem); padding: 0.25rem; max-width: auto !important; min-width: auto !important; } .body .module-second .join-top .title { margin: 0 auto; font-size: 0.3rem; line-height: 0.36rem; } .body .module-second .join-top .title-bottom { display: block !important; width: 0.41rem; height: 0.07rem; background: #1CB0F7; margin: 0 auto; margin-top: 0.15rem; } .body .module-second .join-top .right-decribe { margin: 0; margin-top: 0.2rem; text-align: center; } .body .module-second .join-top .right-decribe .decribe { width: 100%; margin: 0; } .body .module-second .join-top .right-decribe .btn { padding-left: 0 !important; margin: 0 auto; margin-top: 0.3rem; height: auto; line-height: 0.45rem; display: flex; justify-content: center; align-items: center; } .body .module-second .us-pictures { width: 100%; box-sizing: border-box; padding: 0 !important; max-width: 100%; min-width: 100%; /* display: block !important; */ margin-top: 0.3rem; } .body .module-second .us-pictures .us-img { height: auto !important; } .body .module-second .us-pictures .first-line, .body .module-second .us-pictures .second-line, .body .module-second .us-pictures .third-line, .body .module-second .us-pictures .fouth-line { width: 100%; display: flex; flex-wrap: wrap; align-items: center; /* margin-bottom: 0.2rem; */ } .body .module-second .us-pictures .first-line img, .body .module-second .us-pictures .second-line img, .body .module-second .us-pictures .third-line img, .body .module-second .us-pictures .fouth-line img { height: auto !important; width: 100% !important; } .body .module-third { padding: 0.4rem 0 !important; } .body .module-third .recruit { max-width: auto !important; min-width: auto !important; } .body .module-third .recruit .title { font-size: 0.3rem; line-height: 0.36rem; margin-bottom: 0; } .body .module-third .recruit .title-bottom { display: block !important; width: 0.41rem; height: 0.07rem; background: #1CB0F7; margin: 0 auto; margin-top: 0.15rem; } .body .module-third .recruit .tablebox { width: 100%; box-sizing: border-box; padding: 0 0.25rem; margin-top: 0.5rem; } .body .module-third .recruit .tablebox .table_title { display: none; } .body .module-third .recruit .tablebox .table_content .content { width: 100%; box-sizing: border-box; padding: 0; padding: 0.2rem 0.2rem; display: block; height: auto; margin-top: 0.2rem; } .body .module-third .recruit .tablebox .table_content .content p { font-size: 0.14rem; width: 100%; padding: 0.04rem 0; } .body .module-third .recruit .tablebox .table_content .content p .mobile_table_title { display: inline-block; width: 0.7rem; font-weight: bold; } .body .module-third .recruit .tablebox .table_content .content .mobile_job_apply { display: inline-flex; padding: 0.1rem 0.2rem 0.1rem 0.25rem; background: linear-gradient(276deg, #7BCFEB 0%, #5DBEFF 100%); color: #fff; font-size: 0.12rem; width: auto; margin-top: 0.1rem; border-radius: 0.25rem; } .body .module-third .recruit .tablebox .table_content .content .job_apply { display: none; } .body .module-third .recruit .tablebox .table_content .content_txt { display: none; width: 100%; box-sizing: border-box; padding: 0 0.2rem 0.3rem 0.2rem; } .body .module-third .recruit .tablebox .table_content .content_txt .email-send { height: auto; padding: 0.1rem 0.2rem; } .body .module-third .recruit .email-send { width: auto !important; } .pc-us-pictures { display: none !important;; } .mb-us-pictures { display: block !important;; } .body .module-second .mb-us-pictures .us-img{ padding: 0 0.14rem !important; box-sizing: border-box; } .body .module-second .mb-us-pictures .first-line{ margin-right: 0 !important; } .mb-swiper-pagination{ display: block; } .pc-swiper-pagination { display: none; } }