.enjoylifelist { display: -webkit-box; display: -ms-flexbox; display: flex; } .enjoylife { -webkit-box-flex: 0; -ms-flex: 0 0 33%; flex: 0 0 33%; width: 33%; padding: 30px 20px; color: #ffffff; cursor: pointer; border: 2px solid white; background-color: #868587; margin-right: -2px; } .enjoylifelist .enjoylife:hover { background-color: #6a6a6a; } .enjoylifelist h3 { font-size: 1.2rem; color: #ffffff; } .enjoylifelist .cultureh4 { width: 100%; } .enjoylifelist h4 { margin-top: 2rem; font-size: 2rem; font-weight: 600; color: #ffffff; } .enjoylifelist p { margin-top: 2rem; font-size: 1rem; line-height: 1rem; height: 110px; color: #ffffff; } /* --------- */ .evaluate { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 100px; } .evaluate .l { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; width: 50%; overflow: hidden; } .evaluate .l img{ min-width: 100%; min-height: 100%; -o-object-fit: cover; object-fit: cover; } .evaluate .r { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; width: 50%; } .evaluate .r .bg{ background: #333; padding: 80px 50px 100px 50px; width: 100% !important; } .evaluate .r .en{ font-size: 28px; color: #999; line-height: 1; } .evaluate .r .cn{ font-size: 28px; font-weight: bold; color: #fff; line-height: 1; } .evaluate .r .info{ font-size: 14px; color: #ccc; line-height: 1.7; margin-top: 16px; } .evaluate .r .txt{ margin-left: 50px; background-color: #F39800; color: #fff; font-size: 14px; padding: 50px 30px; margin-top: -60px; position: relative; } .evaluate .r .txt:after{ content: " "; display: block; width: 0; height: 0; border-top: 10px solid #b42519; border-left: 10px solid transparent; border-right: 10px solid transparent; position: absolute; bottom: -10px; } .evaluate .r .people{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 30px; margin-left: 50px; } .evaluate .r .people .headimg{ width: 70px; height: 70px; border-radius: 50%; overflow: hidden; } .evaluate .r .people .headimg img{ width: 100%; } .evaluate .r .people .right{ -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-left: 20px; } .evaluate .r .people .right .name{ font-size: 26px; line-height: 1; } .evaluate .r .people .right .position{ color: #999; } .con_l{float: left; width: 40%; } .con_r{float: right; width: 59%;} @media (min-width: 576px) { .evaluate .r{max-width: 100%;} .evaluate .r .info { max-width: 270px; } .evaluate .r .txt { max-width: 270px; } } @media (min-width: 768px) { .evaluate .r{max-width: 100%;} .evaluate .r .info { max-width: 375px; } .evaluate .r .txt { max-width: 375px; } } @media (min-width: 992px) { .evaluate .r{max-width: 100%;} .evaluate .r .info { max-width: 485px; } .evaluate .r .txt { max-width: 485px; } } @media (min-width: 1200px) { .evaluate .r{max-width: 100%;} .evaluate .r .info { max-width: 585px; } .evaluate .r .txt { max-width: 585px; } } @media (min-width: 1600px) { .evaluate .r{max-width: 100%;} .evaluate .r .info { max-width: 685px; } .evaluate .r .txt { max-width: 685px; } } @media (max-width: 800px) { .enjoylifelist { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; } .enjoylife { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; margin-top: -2px; } .evaluate { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; } .evaluate .l { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 100%; } .evaluate .r { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: auto; } .evaluate .r .txt{ margin-right: 50px; } } @media (max-width: 768px) { .con_l{float: left; width: 100%; } .con_r{float: right; width: 100%;} .evaluate .l { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; width: 100%; overflow: hidden; } .evaluate .l img{ width: 100%; } } /*2021.12.6*/ .page-news{font-family:"PingFang SC", "HiraginoSansGB-W3", "STHeitiSC-Light", SimHei, "Helvetica Neue", Helvetica, Arial, sans-serif;} .page-news .news-container{width:1120px;margin:0 auto; } .page-news .news-container .news-list{float: left; width:23%;margin: 10px 1%;} .news-list .entry-image{overflow: hidden; height:160px;min-width: 100%;border: 1px solid #B5B5B5;} .news-list .entry-image img {border-radius: 0; display: block;position: relative; cursor: pointer; transition: all 0.6s; height: 160px; min-width: 100%; } .news-list .entry-image img:hover{ transform: scale(1.1); } .news-list .entry-title h3{margin-top: 10px; font-size: 16px; line-height: 28px; font-weight: 600;} .news-list .entry-title h3 a{ color: #333; } .news-list .entry-title h3 a:hover{ color: #F39800; } .news-list .entry-meta { margin-right: -10px; } .news-list .entry-meta li {font-size: 13px;line-height: 26px; margin-right: 10px; color:#A3A3A3;} .news-list .entry-content { margin-top: 20px; } .news-list .entry-content p { margin-bottom: 0; } @media screen and (max-width: 600px){ .page-news .news-container{width:100%;margin:0 auto;} .page-news .news-container .news-list{float: left; width:92%;margin: 10px 4%;} .news-list .entry-image{border: 1px solid #B5B5B5;width: 100%;height: auto; } .news-list .entry-image img {width: 100%;height: auto;} .news-list .entry-content{display: none;} } .page-hezuo .hezuo-container{width:100%;margin:0 auto;} .page-hezuo .oc-item{width: 11%; margin: 1%; display:-webkit-box;display:-ms-flexbox;display:flex;float: left; border: 1px solid #ccc;} .page-hezuo .oc-item img{width:100%;} .page-hezuo .oc-item:nth-child(7n+1){margin-left: 5%} .page-hezuo .oc-item:nth-child(7n){margin-right: 5%;} @media screen and (max-width: 600px){ .page-hezuo .hezuo-container{width:100%;margin:0 auto; padding-top: 20px;} .page-hezuo .oc-item{ width: 44%; display:-webkit-box;display:-ms-flexbox;display:flex;float: left;margin:10px 3%;border: 1px solid #ccc; } .page-hezuo .oc-item img{ width: 100%; } .page-hezuo .oc-item:nth-child(7n+1){margin-left: 3%;} .page-hezuo .oc-item:nth-child(7n){margin-right: 3%;} } .foot-pc{display: inline;} .foot-m{display: none;} @media screen and (max-width: 600px){ .foot-pc{display: none;} .foot-m{display: inline;background:#d8d8dc;} .foot-bt{background:#d8d8dc;} .foot-bt p {color:#4b4a4a;font-size: 14px; line-height:36px;} } .g-m{width:1170px;margin:0 auto} /**/ x .footer-d{ } .footer-d .bg09{background-color:#ebebed;border-top:1px solid #d7d7d7; margin-top:20px;} .footer-d ul{height:auto;overflow:hidden;zoom:1;background:url(/images/ic.png) no-repeat left 29px} .footer-d ul li{height:200px;width:150px;padding:26px 0 0 0px; margin-left: 30px; float:left;} .footer-d ul li.last{width:245px;text-align:left; margin-left: 22px; padding-left:20px; background:url(/images/line.png) no-repeat left top} .footer-d ul li.last span.til{display:block;float:initial} .footer-d ul li.last span.wx,.footer-d ul li.last span.app{width:90px;height:22px;padding-top:96px;line-height:22px;text-align:center;display:inline-block;margin-right:30px;color:#777} .footer-d ul li.last span.wx{background:url(/images/wx.jpg) no-repeat left 0;} .footer-d ul li.last span.app{background:url(/images/wx2.jpg) no-repeat left 0} .footer-d ul li a{font-size:14px;height:30px;line-height:30px;color:#777;display:block;text-align:left;} .footer-d ul li .til,.footer-d ul li.last .til-ic{padding-bottom:14px;font-size:18px;color:#333} .footer-d ul li.last .til-ic{background:url(/images/foot_link.png) no-repeat -666px -56px;padding-left:30px} .footer-d li.last p{height:26px;line-height:26px;font-size:14px;color:#777} .footer-d li.last p.bd{font-size:35px;height:42px;line-height:42px;color:#333} .footer-d ul li.ft-wm{padding:26px 0 0 26px;width:280px;margin-left: 25px;} .footer-link{background-color:#ebebed;text-align:center; color:#4b4a4a; margin:0px;height: 40px;} .footer-link .lianjie{ margin-right:20px; float:left;height:40px; line-height:40px;} .footer-link p{float:left;} .footer-link .lianjie a{color:#4b4a4a; height:40px; line-height:40px;} .footer-link .lianjie a:hover{color:#F39800;text-decoration:none} .foot-bt{background:#d8d8dc;text-align:center;padding:30px 0;color:#4b4a4a;} .foot-bt p {color:#4b4a4a;font-size: 14px; line-height:36px;} .foot-bt p a{color:#4b4a4a;font-size: 14px; line-height:36px;} .foot-bt p a:hover{color:#F39800;text-decoration:none} .foot-bt span{height:39px;width:auto;text-align:center;display:inline-block;padding-top:20px} .foot-bt span a{display:inline-block;height:39px;margin-right:4px;width:107px;display:inline-block;background:url(/images/foot_link.png) no-repeat} .foot-bt span a.lk01{background-position:0 0} .foot-bt span a.lk02{background-position:-116px 0} .foot-bt span a.lk03{background-position:-232px 0; height:39px;width:98px;} .foot-bt span a.lk04{background-position:-347px 0} .foot-bt span a.lk05{background-position:-463px 0} .foot-bt span a.lk06{background-position:-579px 0} .foot-bt span a.lk07{background-position:0 -39px} .foot-bt .ft-ad{color:#6c6c6d;line-height:30px;} /*about*/ .w1200{width:1180px;} .mt20{margin-top: 20px;} .mb50{margin-bottom: 50px;} .clear{clear: both;} .pc-box{ display: block; } .mobile-box{ display: none; } .mobile-box-2{ display: none; } .aboutBC{margin:0 auto; width: 100%;} .aboutB,.aboutB img{width:100%;} .aboutC{width:100%;text-align: center;} .aboutC .w1200{overflow:inherit; display: inline-block;} .aboutC .span{float:left;font-size:30px;color:#2a2e2e;margin-top:90px;padding-left:26px;position:relative;} .aboutC .span:before{content:'';height:324px;width:1px;background: #FFBE00;position:absolute;left:0px;top:-192px;} .aboutC .span em{display:block;font-size:16px;color:#CBC9C9;} .aboutC p{float:right;width:672px;font-size:16px;line-height:32px;color:#5f6464;;margin-top:60px;position:relative;margin-right:106px; text-align: left;} .aboutC p:before{content:url(../images/abico1.png);position:absolute;left:-130px;top:-28px} .aboutC p:after{content:url(../images/abico2.png);position:absolute;right:100px;bottom:-50px} /*.brand-item .label-box{width: auto;float: left;} .brand-item .label-box img{display: inline-block;} */ .desc_img{float: left; width: 35%; padding-right: 20px;} @media all and (max-width:768px){ .pc-box{ display: none; } .mobile-box{ display: block; } .mod-m-title{ font-size: 24px; } .t-flx{ padding: 0 10px; } .mod-con .brief-text-box h4{font-size: 16px; line-height: 29px; margin-bottom:12px;} .brief-text-box{margin-top:20px;margin-bottom: 0px;padding-left: 10px;padding-right: 12px;box-sizing: border-box;} } .desc_img{float: left; width: 100%; margin-bottom: 20px;} .w1200{width: 100%;} .aboutBC .aboutC-m{width:100%;} .aboutBC .aboutC-m .desc{font-size:14px;line-height:28px;color:#5f6464;} .brief-text-box .vision{width: 100%;} .brief-text-box .vision img{width: 50%;} .brief-text-box .vision .vision_l{width: 100%; float: left; border: 0px solid #ff0000;} .brief-text-box .vision .vision_r{width: 100%;float: left;margin-bottom:15px;border: 0px solid #ff0000;} .textpage2 { width: 100%;} .context1 ul {margin-left: 10px;} .honor_img{display: none;} .honor_box1{ width: 94%;} .honor_box1 .box1_img{ width: 60%;} .honor_box1 .box1{padding-left: 3%;} .bpo_bottom{margin-bottom: 50px;} .desc-box .bpo_desc{text-align: left;} .pc-go-icon{display: none;} .logo_humanpool{ display: block; width: 100px; position: absolute; right: 75px; top: 30%; margin-top: -21px;} .logo_humanpool img{width: 100%;} .desc_pc_dis{margin-right:0px;} } /*news*/ /*内页分类*/ .m2menuBg { height: 48px; width: 100%;} .m2menu { margin: 0px auto; height: 48px; width: 1160px; } .m2menu li { float: left; margin-right: 42px; position: relative; } .m2menu_a { line-height: 48px; display: inline-block; padding: 0px 2px; height: 48px; font-size: 14px; } .m2menu_a i{transition:all 0.3s ease; opacity:0;height: 7px; width: 14px; margin-left: -7px; position: absolute; left: 50%; top: 48px;} .m2menu_a:hover, .m2menu_cuta { text-decoration: none; font-weight: bold; border-bottom: 1px solid #f39800;} .m2menu_cuta i,.m2menu_a:hover i { opacity:1; } .m2hw_con1 { width: 1160px; padding: 36px 0px 52px 0px; margin:0 auto; } .m2hw_c1txt { padding-bottom:5px; } .m2hw_c1txt p{font-size: 14px; line-height: 30px; } .m2hw_list2 { padding: 27px 0px 38px; width: 1160px; margin:0 auto; } .news_list2_pl{float: left; width: 240px; height: auto; } .news_list2_pr{float: left; width: 890px; height: auto; padding-left: 20px; } .m2hw_list2 ul li { float: left; height: auto;padding-top: 30px; padding-bottom: 20px; border-bottom: 1px dotted #D9D9D9; text-align:left; } .m2hw_Ntxt { float: right; width: 900px; } .m2hw_nst1 { line-height: 18px; font-size: 14px; color: #7c7c7c; height: 18px; } .m2hw_bst1 { height: 100px; margin-top:10px; } .m2hw_bst1 p{ font-size: 16px; line-height:28px; } @media all and (max-width:768px){ .m2menu { width:100%; } .m2menu li { float: left; margin-left: 10px; margin-right: 10px; position: relative; } .m2menu_a { line-height: 48px; display: inline-block; padding: 0px 2px; height: 48px; font-size: 14px; } .m2hw_list2 { padding: 27px 10px 38px 10px; width:100%; } .m2hw_list2 ul li { float: left;padding-top: 15px; padding-bottom: 15px; border-bottom: 1px dotted #D9D9D9; text-align:left;height: auto;} .news_list2_l{ float: left;width: 40%;} .news_list2_r{float: right; width: 60%; height: auto;padding-left: 10px;} .m2hw_bst1 {height: auto;} .m2hw_bst1 p{font-size: 14px; line-height:26px; } .bst1_text1{font-size: 12px; line-height: 22px;} } /*页码*/ .List_page{text-align:center;margin:8px;font-family:"宋体";clear:both;} .List_page a{background:#fff;margin:1px;padding:8px 12px;border: 1px solid #e5e5e5;color:#333;font-family:"宋体";text-decoration:none;} .List_page a:hover{background:#cccccc; text-decoration:none;} .List_page span{background:#B7B7B7;color:#fff;margin:1px;padding:8px 12px;border: 1px solid #e5e5e5;font-family:"宋体";} @media all and (max-width:768px){ .List_page{text-align:center;margin:8px;font-family:"宋体";clear:both;} .List_page a{background:#fff;margin:1px;padding:4px 6px;border:1px solid #ccc;color:#333;font-family:"宋体"; font-size:12px;} .List_page span{background:#ccc;color:#fff;margin:1px;padding:4px 6px;border:1px solid #ccc;font-family:"宋体";font-size:12px;} }