/* 求职私教 */ .per_trainer { width: 100%; background-color: #FFFFFF; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; padding-top: 1rem; padding-bottom: 1rem; } .per_title { font-size: 0.32rem; font-weight: 400; color: #4E4F50; margin-bottom: 12px; text-align: center; } /* .head_p5{ font-weight: 500; } */ .per_line { width: 44px; height: 3px; background: #5B97F6; margin: 0 auto; } .college_list { width: 1200px; margin: 0 auto; height: 4.2rem; /* padding: 0 1.4rem; */ display: flex; justify-content: space-between; margin-top: 60px; } .college_item { transition: 0.5s; width: 2.6rem; display: flex; flex-direction: column; padding-top: .75rem; align-items: center; transition: 0.35s; border-radius: 10px; display: flex; flex-direction: column; /* justify-content: center; */ } .college_item:hover { /* box-shadow: 0 0 10px 1px rgba(112, 168, 213, .2); */ box-shadow: 2px 2px 20px 0px #EBF3FA; } .college_img { width: 0.75rem; height: 0.75rem; margin-bottom: 0.36rem; } .college_img img { object-fit: contain; width: 100%; height: 100%; } .college_p1 { font-weight: 400; font-size: 18px; color: #333947; margin-bottom: 0.2rem; } .college_p2 { width: 1.97rem; font-size: 14px; color: #464d61; font-weight: 400; line-height: 28px; text-align: justify; } /* 独特优势 */ .per_advantage { width: 100%; background-color: #F5FAFE; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; padding-top: 1rem; padding-bottom: 1rem; } .per_advantage_list { width: 1200px; margin: 0 auto; /* padding: 0 1.4rem; */ display: flex; justify-content: space-around; flex-wrap: wrap; margin-top: 60px; } .per_advantage_item { width: 3rem; height: 1.54rem; background: #FFFFFF; border-radius: 10px; display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 0 50px; box-shadow: 0 0 10px 1px rgb(112 168 213 / 20%); transition: 0.5s; } .per_advantage_item:hover{ transform: scale(1.1); } .advitem { margin-top: 40px; } .advantage_title { font-size: 0.18rem; font-weight: 500; color: #333947; margin-bottom: 15px; } .advantage_content { width: 2.26rem; font-size: 14px; font-weight: 400; color: #333947; line-height: 24px; text-align: center; } /* 就业服务中心 */ .employservice_list_a { width: 1200px; display: flex; margin: 0 auto; justify-content: space-between; padding: 1rem 0; background-color: #FFFFFF; } .employ_a_item { display: flex; flex-direction: column; align-items: center; cursor: pointer; } .employ_a_item_img { width: 2.2rem; height: 2.2rem; } .emp_a_item_p { font-size: .2rem; font-weight: 400; color: #333947; margin-top: 35px; } .employservice_list_box { width: 100%; background-color: #F4FAFF; } .employservice_list_b { width: 1200px; display: flex; margin: 0 auto; flex-direction: column; align-items: center; justify-content: space-between; padding: 1rem 0 1rem 0; } .employservice_list_b3{ overflow: hidden; } .employ_content { width: 1210px; font-size: 0.14rem; font-weight: 400; color: #84879A; line-height: 28px; margin-top: 35px; text-align: center; } .employ_b_list { width: 1200px; display: flex; justify-content: space-between; margin-top: 100px; } .employ_b_item { display: flex; flex-direction: column; align-items: center; } .employ_b_item_p1 { display: flex; align-items: center; font-size: .66rem; font-weight: 500; color: #1790FF; } .employ_b_item_p2 { width: 1.45rem; font-size: .2rem; font-weight: 400; color: #333947; margin-top: 3px; line-height: 34px; text-align: center; } .employ_b_item_p1>span { font-weight: 400; font-size: .32rem; margin-left: 8px; } /* 产学研合作 */ .cooperation_box { width: 100%; background-color: #FFFFFF; flex-direction: column; padding: 1rem 0; } .cooperation_list_c { width: 1200px; margin: 0 auto; display: flex; justify-content: center; align-items: center; } .cooper_item { display: flex; flex-direction: column; justify-content: center; width: 120px; } .cooper_item>img { width: 1.2rem; height: 1.2rem; } .cooper_item>p { margin-top: 20px; font-size: .2rem; font-weight: 400; color: #333947; white-space: nowrap; text-align: center; } .cooper_line { width: 80px; border: 1px dashed #7EC3FD; margin: 0 15px; margin-top: -35px; } .cooper_img { width: 4.06rem; height: 4rem; margin: 0 .37rem; } .cooper_title { font-size: .24rem; font-weight: 500; color: #4E4F50; margin: .55rem 0 .35rem 0; text-align: center; } .cooper_text_list { height: 2.58rem; display: flex; flex-direction: column; justify-content: space-between; } .cooper_text_list>p{ height: 20px; font-size: 20px; font-weight: 400; color: #333947; } .cooper_img_left { width: .89rem; height: 2.85rem; } .cooper_img_right { width: .94rem; height: 2.85rem; } .cooper_img2 { width: 3.52rem; height: 3.11rem; margin: 0 59px; } .cooper_left_p { text-align: right; padding-right: 39px; } .cooper_right_p { padding-left: 39px; } .employ_b_list2 { margin-top: .55rem; } .employ_d_item { width: 3.6rem; height: 4.6rem; box-shadow: 0 0 10px 1px rgb(112 168 213 / 20%); transition: 0.5s; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .employ_d_item:hover{ /* transform: scale(1.05); */ } .employ_d_item>img { width: 3.6rem; height: 2.4rem; border-top-left-radius: 10px; border-top-right-radius: 10px; } .case_content { padding: .38rem 0; background-color: #FFFFFF; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .case_content .case_content_p1 { text-align: center; margin: 0; padding: 0; margin-bottom: 12px; font-size: .2rem; font-weight: 400; color: #333947; } .case_content .case_content_p2 { padding: 0; width: 2.2rem; margin: 0 auto; text-align: center; font-size: .14rem; font-weight: 400; color: #626466; line-height: 26px; } /* 高校活动 */ .activity { background-color: #FFFFFF; } .swiper-slides{ margin-left: 60px; } .employ_d_list { position: relative; width: 1200px; display: flex; flex-direction: column; justify-content: space-between; margin-top: 60px; height: 510px; } .activity_content{ position: absolute; bottom: -66px; width: 570px; text-align: center; font-size: .2rem; font-weight: 400; color: #333947; display: none; } .swiper-pagination-bullet-active{ width: 40px; height: 4px; background-color: #4A97FD !important; } .swiper-pagination-bullets{ bottom: 0 !important; } .swiper-pagination-bullet{ width: 40px; height: 4px; background-color: rgba(42, 70, 138, 0.15); opacity: 1; border-radius: 0; } .cooperation_list_c_img{ width: 90%; height: auto; margin: 0 auto; } .swiper-container { width: 100%; height: 100%; } .employ_d_list .swiper-slide { position: relative; width: 100%; /* width: 570px; */ height: 380px; text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; transition: 300ms; transform: scale(0.9); z-index: 9; } .employ_d_list .swiper-slide img{ width: 100%; height: 100%; object-fit: cover; opacity: .6; border-radius: 12px; box-shadow: 0 0 10px 1px rgb(112 168 213 / 20%); } .swiper { width: 100%; height: 100%; } .swiper-slide { text-align: center; font-size: 18px; /* background: #fff; */ /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; transition: 0.5s; } .swiper-slide img { display: block; width: 3.6rem; object-fit: cover; } .mySwiper{ } .mySwiper .swiper-slide:hover{ transform: scale(1.05); } .swiper-button-left{ position: absolute; top: 33%; left: -100px; width: 60px; height: 60px; background-image: url(../newImage/keru_25.png); z-index: 99; cursor: pointer; outline: none; } .swiper-button-left:hover{ background-image: url(../newImage/keru_24.png); } .swiper-button-right{ right: -100px; position: absolute; top: 33%; width: 60px; height: 60px; background-image: url(../newImage/keru_23.png); z-index: 99; cursor: pointer; outline: none; } .swiper-button-right:hover{ background-image: url(../newImage/keru_22.png); } .swiper-slide-active .swiper_new_div{ width: 570px !important; } .swiper-slide-active .activity_content{ display: block; } .swiper_new_div{ width: 100%; } .swiper_new_div img{ object-fit: cover; width: 100%; } .employ_d_list .swiper-slide-active, .swiper-slide-duplicate-active { transform: scale(1); z-index: 99; } .employ_d_list .swiper-slide img{ border-radius: 10px; height: 380px !important; } .employ_d_list .swiper-slide-active .swiper_new_div > img{ width: 570px !important; height: auto; opacity: 1; } .consulting2{ padding-top: 1.75rem !important; background-image: url(../newImage/keru_37.png) !important; } @media screen and (max-width: 800px) { .head{ background-position: -140px center !important; } .cooperation_box{ padding: .6rem 0; } .college_list { width: 100%; min-width: 100%; } .employservice_list_a{ padding: .6rem 0; } .per_trainer{ padding-top: .6rem; padding-bottom: .6rem; } .per_advantage_list{ margin-top: 0; } .per_advantage{ padding-top: .6rem; padding-bottom: .6rem; } .college_list { padding: 0; flex-direction: column; height: auto; align-items: center; margin-top: 0; } .college_item { width: 3.6rem; margin-top: .1rem; padding-top: .55rem; } .college_item:hover { /* box-shadow: 0 0 10px 1px rgba(112, 168, 213, .2); */ box-shadow: none; } .college_img { width: 1rem; height: 1rem; margin-bottom: 0.36rem; } .college_p2 { width: 3.6rem; text-align: justify; } .per_advantage_list { width: 100%; flex-direction: column; align-items: center; justify-content: flex-start; } .per_advantage_item { margin-top: 40px; width: 3.5rem; height: 1.8rem; } .employservice_list_a { width: 100%; flex-wrap: wrap; justify-content: space-around; } .employ_a_item { width: 33%; margin: 20px 20px; display: flex; flex-direction: column; align-items: center; } .employ_a_item_img { width: 1.6rem; height: 1.6rem; } .employservice_list_b { width: 100%; padding: .6rem 0 .6rem 0; } .employ_content { width: 80%; text-align: justify; font-size: 14px; } .employ_b_list { width: 100%; display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; margin-top: 50px; } .employ_b_item { width: 40%; margin: 20px 5%; } .employ_b_list2 { justify-content: center; } .employ_d_item { margin-bottom: .5rem; } /* .employ_d_item { padding: 2px; } */ .employ_b_list2 .employ_d_item:nth-child(3) { margin-bottom: .5rem; } .employ_d_list { width: 100%; } .swiper-slide-active .swiper_new_div > img{ width: 100% !important; object-fit: cover; } .swiper-button-left{ left: 10px; } .swiper-button-right{ right: 10px; } .activity_content{ width: 100%; padding: 0 5%; } .swiper-pagination-bullets{ transform: scale(.8); } .swiper-pagination-bullet{ width: 35px; } .consulting2{ padding-bottom: 1.3rem; } }