.index-box { } .index-box:not(.white_header) .layout-header .sy-header { -webkit-transition: none; -moz-transition: unset; -ms-transition: unset; transition: none; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; background: transparent; } .index-box:not(.white_header) .layout-header { position: fixed; z-index: 10; background: transparent; } .index-container { height: 800px; width: 100%; padding-top: 60px; background: url(/uploads/image/ffui202008/417759e9-4cb9-4d57-af3b-be2cbc419586.png); background-position: top center; background-repeat: no-repeat; background-size: cover; background-color: #201fec; } .show_body { position: relative; height: 100%; padding: 0 2%; background-color: transparent; padding-top: 90px; } .index_introduction {text-align: center;} .index_info span:first-child { color: #fff; display: block; font-size: 72px; } .index_info span:last-child { color: #fff; font-size: 18px; } .opt_container {margin-top: 45px;} .free_btn { width: 230px; height: 54px; border-radius: 2px; background-color: rgb(0, 210, 128); text-align: center; line-height: 54px; display: inline-block; /* box-shadow: 0px 12px 13px 0px rgba(0, 0, 0, 0.11); */ -webkit-backface-visibility: hidden; -moz-osx-font-smoothing:grayscale; -webkit-transition:border-color 2s,color 4s; transition:border-color 0.4s,color 0.4s; position: relative; z-index:1; cursor:pointer; } .free_btn:hover::before { opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } .free_btn::before { -webkit-transition-timing-function:cubic-bezier(0.2,1,0.3,1); transition-timing-function:cubic-bezier(0.2,1,0.3,1); } .free_btn:before { content:''; background:#00c091; position:absolute; left:0; top:0; width:230px; height:54px; z-index:-1; opacity:0; -webkit-transform:scale3d(0.2,1,1); transform:scale3d(0.2,1,1); -webkit-transition:-webkit-transform 0.4s,opacity 0.4s; border-radius: 2px; } .free_btn a { display: inline-block; width: 26px; height: 25px; background: ; vertical-align: middle; margin-bottom: 9px; } .free_btn:hover { opacity: 1; } .free_btn span { display: inline-block; color: rgb(255, 255, 255); font-size: 18px; font-weight: bold; } .resume_edit_tips { margin-top: 20px; } .online_resume_section { background-color: #ffffff; text-align: center; padding-bottom: 0; } .online_resume_container .online_resume_list_header .online_resume_list_title { display: block; font-size: 36px; color: rgb(22, 22, 22); } .online_resume_container .online_resume_list_header { padding: 50px 0px 50px; } .online_resume_container .online_resume_list_header span:last-child { font-size: 14px; color: rgb(121, 133, 151); } .online_resume_container .online_resume_list_header span i { width: 33px; border-top: 1px solid rgb(121, 133, 151); display: inline-block; margin: 4px 15px; } .online_resume_section .online_resume_container .online_resume_list { text-align: left; width: calc(100% - 52px); } .online_resume_section .mini_applet { background: #f6f7f9; margin: 220px 0 0 0; padding: 0 0 80px 0; } .online_resume_section .mini_applet img { margin-top: -130px; } .online_resume_list_content { position: relative; } .online_resume_list_content .opt_btn { display: inline-block; position: absolute; top: 50%; left: 0px; width: 52px; height: 52px; border-radius: 50%; background-color: rgb(255, 255, 255); box-shadow: 1.753px 3.595px 9px 0px rgba(35, 35, 35, 0.07); margin-top: -26px; line-height: 52px; text-align: center; cursor: pointer; z-index: 2; } .online_resume_list_content .opt_btn svg { display: inline-block; margin-top: 14px; margin-left: -4px; } .online_resume_list_content .next_btn.opt_btn { right: 0px !important; left: auto; } .online_resume_list_content .next_btn.opt_btn svg { margin-left: 3px; } .online_resume_list_content .opt_btn:hover { background: #0064fa; } .online_resume_list_content ul li.template_list { /* display: inline-block; */ /* max-width: 254px; */ /* border-radius: 2px; */ background-color: rgb(255, 255, 255); /* padding: 5px; */ } .online_resume_list_content ul li.template_list .img {} .online_resume_list_content ul li.template_list .img img { width: 100%; height: 100%; } .online_resume_list_content ul li.template_list .img span.mengceng { display: none; position: absolute; width: 100%; height: 100%; background-color: rgb(211 211 211 / 35%); } .online_resume_list_content ul li.template_list.swiper-slide-active .img:hover span.mengceng { display: inline-block; } .online_resume_list_content ul li.template_list.swiper-slide-active .img span.mengceng a.chakan{opacity:1;} .online_resume_list_content ul li.template_list .img span.mengceng a.chakan { display: inline-block; position: absolute; top: 50%; left: 50%; margin: -22px 0px 0px -60px; border-radius: 4px; background-color: rgb(0, 100, 250); padding:15px 60px; text-align: center; font-size: 18px; color: rgb(244, 244, 244); transition: all .3s; opacity: 0; } .online_resume_list_content ul li.template_list .img span.mengceng a.chakan:hover{ background-color: rgb(0 87 217); opacity:1; } .online_resume_section .online_resume_container label a { background: #fff; width: 164px; height: 54px; line-height: 54px; border-radius: 24px; background-color: rgb(255, 255, 255); display: inline-block; border: 1px solid rgb(206, 206, 206); font-weight: initial; font-size: 14px; color: rgb(143, 143, 143); margin: 20px 0px 0px; } .word_section { background-color: #ebf1fa; text-align: center; padding: 0 2%; padding-bottom: 50px; padding-top: 260px; } .word_container .word_list_header { padding: 40px 0px 30px; } .word_container .word_list_header .word_list_title { display: block; font-size: 36px; color: rgb(22, 22, 22); } .word_container .word_list_header span:last-child { font-size: 14px; color: #798597; } .word_container .word_list_header span i { width: 33px; border-top: 1px solid rgb(121, 133, 151); display: inline-block; margin: 4px 15px; } .word_section .word_container .word_list li span.mengceng { z-index: 2; position: absolute; top: 0; left: 0; opacity: 0; width: 100%; height: 100%; line-height: 100%; background: rgba(0, 0, 0,0.702); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; color: black; text-align: center; } .word_section .word_container .word_list li .img { position: relative; } .word_section .word_container .word_list li .img:hover span.mengceng { opacity: 1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .word_section .word_container .word_list li span.mengceng a.chakan { width: 120px; height: 45px; line-height: 45px; display: inline-block; background-color: rgb(0,100,250); border-radius: 4px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 14px; color: rgb(244, 244, 244); transition: all .3s; } .word_section .word_container .word_list li span.mengceng a.chakan:hover { opacity: 1; background-color: rgb(0 87 217); } .word_section .word_container .word_list li .title span { vertical-align: middle; } .word_section .word_container .word_list li .title span:hover { color: rgb(0,100,250); } .word_section .word_container .word_list img {width: 100%;height: 100%;} .word_section .word_container .word_list li .title .hit_text { display: inline; float: right; margin-right: 8px; } .word_section .word_container .word_list li .title .hit_text a.aliconfont { margin-right: 4px; } .word_section .word_container label a { background: #fff; width: 164px; height: 54px; line-height: 54px; border-radius: 24px; background-color: rgb(255, 255, 255); display: inline-block; border: 1px solid rgb(206, 206, 206); font-weight: initial; font-size: 14px; color: rgb(143, 143, 143); margin: 0; } .word_section .word_container label a:hover { opacity: 0.8; } .word_section .word_container .word_list { text-align: left; } .word_section .word_container .word_list ul { display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: space-between; overflow: hidden; padding-top: 2px; } .word_section .word_container .word_list li { display: inline-block; background: #fff; padding: 6px; border-radius: 2px; margin-bottom: 40px; margin-right: 14px; min-width: 290px; flex-grow: 1; -webkit-flex-grow: 1; flex-basis: 0; -webkit-flex-basis: 0; -webkit-box-shadow: 0 0 15px rgba(88,88,88,0.1); -moz-box-shadow: 0 0 15px rgba(88,88,88,0.1); box-shadow: 0 2px 4px 0 rgb(185 185 185 / 33%); } .word_section .word_container .word_list li .title { z-index: 10; text-align: left; height: 40px; line-height: 40px; margin-top: 3px; font-size: 14px; color: #8f8f8f; } .word_section .word_container .word_list li .title .hit_text { display: inline; float: right; margin-right: 8px; color: #aaaaaa; font-size: 12px; } .word_section .word_container .word_list li .title .hit_text a.aliconfont { margin-right: 4px; } .word_section .word_container .word_list li .title .pay_text { display: inline; float: right; margin-right: 8px; color: #aaaaaa; font-size: 12px; } .word_section .word_container .word_list li .title .pay_text a.aliconfont { font-size: 9px; margin-right: 4px; } .hr_service { padding: 0 2%; margin: 0 auto; padding-top: 40px; background-color: #ffffff; } .hr_service .hr_service_content { width: 1240px; height: 330px; margin: 0 auto; } .hr_service .hr_service_content .service_left { display: inline-block; } .hr_service .hr_service_content .service_left .sercie_title h2 { font-size: 36px; font-family: "microsoft yahei"; color: rgb(22, 22, 22); font-weight: bold; } .hr_service_content .service_left .sercie_title p.desc { margin: 0px; font-size: 16px; font-family: "microsoft yahei"; color: rgb(48, 53, 59); } .hr_service_content .service_left .service_desc { width: 470px; font-size: 14px; font-family: "microsoft yahei"; color: rgb(106, 110, 115); line-height: 1.429; margin: 35px 0px; } .service_desc {} .hr_service_content .service_left a.goto_custome { display: inline-block; width: 200px; height: 50px; line-height: 50px; text-align: center; border-radius: 2px; background-color: rgb(0, 100, 250); font-size: 20px; color: rgb(255, 255, 255); transition: all .3s; } .hr_service_content .service_left a.goto_custome:hover { background-color: rgb(0 85 215); opacity:1; } .hr_service .hr_service_content .service_right { display: inline-block; vertical-align: top; width: 695px; float: right; } .hr_service .hr_service_content .service_right img { width: 100%; } .hr_service .opt_btn { display: inline-block; position: absolute; top: 50%; left: -50px; margin-top: -20px; width: 40px; height: 40px; border-radius: 50%; background-color: rgb(218, 223, 230); line-height: 40px; text-align: center; cursor: pointer; z-index: 2; display: none; } .hr_service .hr_content { position: relative; margin: 50px auto; text-align: center; max-width: 1270px; } .hr_service .opt_btn svg { display: inline-block; margin-top: 9px; } .hr_service .next_btn.opt_btn { right: -50px !important; left: auto; } .hr_service .next_btn.opt_btn svg { margin-left: 3px; } @media only screen and (max-width: 1340px) and (min-width: 0){ .hr_service .next_btn.opt_btn{right:0px !important;} .hr_service .pre_btn.opt_btn{left:0px !important;} } .hr_service .opt_btn:hover { background: #0064fa; } .hr_container { } .hr_service .hr_content ul {display: flex;flex-wrap: wrap;} .hr_service .hr_content ul li.hr_item { display: flex; height: 195px; text-align: left; border: 1px solid rgb(217, 224, 233); border-radius: 4px; background-color: rgb(255, 255, 255); width: calc(33% - 24px); margin: 12px; padding: 20px 30px; align-items: flex-start; } .hr_service .hr_content ul li.hr_item .img {margin: 0 20px 0 0;} .hr_service .hr_content ul li.hr_item .img img { width: 66px; height: 66px; border-radius: 6px; } .hr_service .hr_content ul li.hr_item .img i { display:block; color:#ff5858; font-size:24px; font-style:normal; margin:20px 0 5px 0; } .hr_service .hr_content ul li.hr_item .img p { color:#939393; } .hr_service .hr_content ul li.hr_item p.name { font-size: 18px; color: rgb(57, 71, 91); line-height: 1.2; margin: 0 0px 5px; } .hr_service .hr_content ul li.hr_item p.info { font-size: 14px; color: rgb(57, 71, 91); line-height: 1.2; margin: 0px 0px 14px 0; } .hr_service .hr_content ul li.hr_item .tag {margin: 0 0 15px 0;display: block;} .hr_service .hr_content ul li.hr_item .tag span { display: inline-block; width: auto; height: 28px; border-radius: 2px; background-color: #f6f7f7; text-align: center; line-height: 28px; color: #707070; padding: 0px 9px; font-size: 12px; } .hr_service .hr_content ul li.hr_item .service { } .hr_service .hr_content ul li.hr_item .service span { margin-right:10px; color:#555454; } .index_user_choose_intro { background-image: url(/uploads/image/spimages/bg.png); text-align: center; color: #fff; padding: 65px 2%; } .index_user_choose_intro .choose_info h2 { font-size: 36px; margin: 0; color: #2c2c2c; } .index_user_choose_intro .choose_info span { display: inline-block; margin-top: 15px; color: #707070; font-size: 16px; } .index_user_choose_intro .choose_info span i { display: inline-block; width: 40px; height: 1px; margin: 0 8px; background-color: #fff; vertical-align: middle; } .index_user_choose_intro img { width: 100%; } .index_user_choose_intro .middle_info .info_item { width: 320px; height: 200px; margin-left: 20px; border-radius: 4px; background-color: rgb(255, 255, 255); display: inline-block; vertical-align: top; position: relative; text-align: center; text-align-last: center; flex-grow: 1; -webkit-flex-grow: 1; flex-basis: 0; -webkit-flex-basis: 0; } .index_user_choose_intro .middle_info .info_item:first-child{margin-left:0px} .index_user_choose_intro .middle_info { margin-top: 120px; text-align: justify; text-align-last: justify; display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: space-between; } .index_user_choose_intro .middle_info .title {position: absolute;width: 100%;top: -45px;} .index_user_choose_intro .middle_info .title img { width: 74px; height: 74px; border-style: solid; border-width: 3px; border-color: #f0f0f0; border-radius: 50%; background-color: rgb(255, 255, 255); } .index_user_choose_intro .middle_info .title .name { font-size: 16px; font-family: "microsoft yahei"; color: rgb(94, 94, 94); line-height: 1.2; margin-top: 5px; } .index_user_choose_intro .middle_info .title .exp { font-size: 12px; font-family: "microsoft yahei"; color: rgb(135, 135, 135); line-height: 1.2; text-align: center; margin-top: 5px; } .index_user_choose_intro .middle_info .info_item .desc { position: absolute; bottom: 0px; height: 120px; font-size: 14px; font-family: "microsoft yahei"; color: rgb(140, 140, 140); line-height: 1.429; text-align: justify; text-align-last: left; padding: 20px; } .index_user_choose_intro .bottom_info { height: 288px; margin-top: 185px; color:#454444; } .index_user_choose_intro .bottom_info h2 { color:#2b2b2b; font-size: 36px; } .index_user_choose_intro .bottom_info p { margin:40px 0; font-size: 18px; } .index_user_choose_intro .bottom_info a { width:270px; height:60px; line-height:60px; background: linear-gradient(91deg,#0165fa,#5297ff); display: inline-block; font-size:18px; font-weight: bold; color:#ffffff; } .article_section { background-color: #ffffff; padding-bottom: 60px; } .article_section .article_container .article_header { text-align: center; } .article_container .article_header .article_list_title { display: block; font-size: 36px; color: rgb(22, 22, 22); font-weight: bold; } .article_container .article_header span:last-child { font-size: 16px; color: rgb(121, 133, 151); } .article_container .article_header span i { width: 33px; border-top: 1px solid rgb(121, 133, 151); display: inline-block; margin: 4px 15px; } .article_section .article_container .article_content { margin: 70px 0px 10px 0px; width: 1240px; height: 370px; } .article_section .article_container .article_content .index_artile_right{ display: inline-block; width: 600px; } .article_section .article_container .article_content .index_artile_left { display: inline-block; width: 630px; margin-bottom: 18px; vertical-align: top; } .article_section .article_container .article_content .index_artile_left .title { color: rgb(143, 143, 143); font-size: 16px; padding-bottom: 18px; display: block; } .am-tabs-bd .list-word .list-word-li .am-gallery-item .zx-hover-panel { height: 305px; background: rgba(30, 144, 255, .4); width: 217px } .article_section .article_section { } .article_section .article_container { margin: 0px auto; width: 1240px; } .article_section .article_container .article_content .index_artile_left .index_artile_left_content .image { border: 1px solid rgb(235,235,235); width: 206px; height: 138px; margin-right: 20px; display: inline-block; vertical-align: top; } .index_artile_left .index_artile_left_content .info .info_title { font-size: 18px; color: rgb(161, 161, 161); } .index_artile_left .index_artile_left_content .info .info_title:hover { color: rgb(38,114,250); } .article_section .article_container .article_content .index_artile_left .index_artile_left_content .info .info_content { font-size: 14px; color: rgb(156, 156, 156); margin-top: 13px; } .article_section .article_container .article_content .index_artile_left .index_artile_left_content .info { width: 350px; display: inline-block; } .article_section .article_container .article_content .index_artile_left .index_artile_left_content { display: inline-block; margin-bottom: 30px; } .article_section .article_container .article_content .index_artile_right .title { color: rgb(143, 143, 143); font-size: 16px; display: block; margin-bottom: 8px; } .article_section .article_container .hot_topic span { color: rgb(143, 143, 143); font-size: 16px; padding-bottom: 18px; display: block; } .hot_topic { margin-top: 60px; } .article_section .article_container .hot_topic .hot_topic_li { width: 23%; height: 100%; display: inline-block; margin-right: 20px; } .article_section .article_container .hot_topic .hot_topic_li img { width: 100%; } .article_section .article_container .hot_topic .hot_topic_li span { position: relative; top: 0px; } .index_user_choose_intro img { width: 100%; margin-top: 15px; } .article_section .article_container .article_header { text-align: center; } .article_section .article_container .article_content { margin: 30px 0px 50px 0px; width: 1240px; height: auto; } .article_section .article_container .article_content .index_artile_right{ display: inline-block; width: 100%; } .article_section .article_container .article_content .index_artile_left { display: inline-block; width: 630px; margin-bottom: 18px; vertical-align: top; } .article_section .article_container .article_content .index_artile_left .title { color: rgb(143, 143, 143); font-size: 16px; padding-bottom: 18px; display: block; } .am-tabs-bd .list-word .list-word-li .am-gallery-item .zx-hover-panel { height: 305px; background: rgba(30, 144, 255, .4); width: 217px } .article_section .article_section { } .article_section .article_container { margin: 0px auto; width: 1240px; } .index_artile_left .index_artile_left_content img { padding: 5px; width: 100%; height: 100%; } .index_artile_left .index_artile_left_content img:hover { opacity: 0.8; } .index_artile_left .index_artile_left_content .image { border: 1px solid rgb(235,235,235); width: 206px; height: 138px; margin-right: 20px; display: inline-block; vertical-align: top; } .index_artile_left .index_artile_left_content .info .info_title { font-size: 18px; color: #636363; } .article_section .article_container .article_content .index_artile_left .index_artile_left_content .info .info_content { font-size: 14px; color: rgb(156, 156, 156); margin-top: 13px; } .article_section .article_container .article_content .index_artile_left .index_artile_left_content .info { width: 350px; display: inline-block; } .article_section .article_container .article_content .index_artile_left .index_artile_left_content { display: inline-block; margin-bottom: 30px; } .article_section .article_container .article_content .index_artile_right .title { color: #484f5a; font-size: 16px; display: block; font-weight: bold; font-family: system-ui; } .article_section .article_container .article_content .index_artile_right li { width: 22%; margin: 10px 15px 0px; list-style: disc; float: left; font-size: 14px; color: #575757; } .article_section .article_container .hot_topic span { color: rgb(72 79 90); font-size: 16px; padding-bottom: 18px; display: block; font-weight: bold; font-family: system-ui; } .hot_topic { margin-top: 0; } .article_section .article_container .hot_topic .hot_topic_li { width: 23%; height: 100%; display: inline-block; margin-right: 20px; transition: transform 1s; -moz-transition: -moz-transform 1s; /* firefox 4 */ -webkit-transition: -webkit-transform 1s; /* safari and chrome */ -o-transition: -o-transform 1s; /* opera */ } .article_section .article_container .hot_topic .hot_topic_li:hover { transform: scale(1.1); -moz-transform:scale(1.1); -webkit-transform:scale(1.1); -o-transform:scale(1.1); } .article_section .article_container .hot_topic .hot_topic_li img { width: 100%; } .article_section .article_container .hot_topic .hot_topic_li span { position: relative; top: 0px; } .moban-link { height: 50px; background-color: rgb(0, 0, 0); color: #aeb6bd; text-align: center; line-height: 50px; min-width: auto; } .moban-link a { margin-right: 50px; } #certify { position: relative; margin: 0 auto } #certify .swiper-container { padding-bottom: 60px; } #certify .swiper-slide { width: 520px; height: auto; box-shadow: 0 5px 60px #b9b9b982; border-radius: 12px; overflow: hidden; background: transparent; border: 1px solid #f3f3f3; } #certify .swiper-slide img{ display:block; } #certify .swiper-slide p { line-height: 98px; padding-top: 0; text-align: center; color: #636363; font-size: 1.1em; margin: 0; } #certify .swiper-pagination { width: 100%; bottom: 20px; } #certify .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; border: 3px solid #fff; background-color: #d5d5d5; width: 10px; height: 10px; opacity: 1; } #certify .swiper-pagination-bullets .swiper-pagination-bullet-active { border: 3px solid #00aadc; background-color: #fff; } #certify .swiper-button-prev { left: -30px; width: 45px; height: 45px; background: no-repeat; background-position: 0 0; background-size: 100%; } #certify .swiper-button-prev:hover { background-position: 0 -46px; background-size: 100% } #certify .swiper-button-next { right: -30px; width: 45px; height: 45px; background: no-repeat; background-position: 0 -93px; background-size: 100%; } #certify .swiper-button-next:hover { background-position: 0 -139px; background-size: 100% }