@charset "UTF-8";@charset "UTF-8"; .p_OccupyBox{text-align:center;margin-top:3%;margin-bottom:8%;} .p_OccupyBox .e_pagebox>*{display: inline-block;cursor:pointer;float:none;vertical-align:middle;} .p_OccupyBox .e_pagebox .pageNum{cursor:pointer;font-size: 14px;width:50px;height:50px;color:#54a134;border:1px solid #c2c2c2;line-height: 50px;text-align:center;margin:0 8px;background:#fff;} .p_OccupyBox .e_pagebox .pageNum.active{background:#54a134;border:1px solid #54a134;color:#fff;} .p_OccupyBox .e_pagebox .pageNum:hover{background:#54a134;border:1px solid #54a134;color:#fff;} .p_OccupyBox .e_pagebox .next{color:#999;padding:0;color:#333;background:#fff;width:100px;height:50px;border:1px solid #c2c2c2;line-height: 50px;text-align:center;margin:0 8px;} .p_OccupyBox .e_pagebox .pre{color:#999;padding:0;color:#333;background:#fff;width:100px;height:50px;border:1px solid #c2c2c2;line-height: 50px;text-align:center;margin:0 8px;} .p_OccupyBox .e_pagebox .next:hover{background:#54a134;border:1px solid #54a134;color:#fff;} .p_OccupyBox .e_pagebox .pre:hover{background:#54a134;border:1px solid #54a134;color:#fff;} .p_OccupyBox .e_pagebox .next.disAble_next:hover{border:1px solid #ddd;color:#ddd;cursor: default;} .p_OccupyBox .e_pagebox .pre.disAble_prev:hover{border:1px solid #ddd;color:#ddd;cursor: default;} .p_OccupyBox .e_pagebox .next.disAble_next{background:none;border:1px solid #eee;color:#999;cursor: default;} .p_OccupyBox .e_pagebox .pre.disAble_prev{background:none;border:1px solid #eee;color:#999;cursor: default;} .p_OccupyBox .p_more{height:40px;} .p_more .iconfont{display: none;} .p_OccupyBox .p_more .font{height:40px;line-height:40px;} .e_btn:hover{box-shadow:unset;background:rgba(101,166,76,0.9);color:#fff;} .p_page .pre .font{display:inline;font-family:serif;font-size:16px;font-weight:700;vertical-align:top;} .p_page .next .font{display:inline;font-family:serif;font-size:16px;font-weight:700;vertical-align:top;} .p_page{float:none;position:static;} @media only screen and (max-width:767px){ .p_OccupyBox .e_pagebox .pageNum{display:none;} .p_OccupyBox .e_pagebox .next{height:35px;line-height:35px;} .p_OccupyBox .e_pagebox .pre{height:35px;line-height:35px;} }@CHARSET "UTF-8"; *{ padding: 0; margin: 0; } .pagebox{ width: 100%; }/*page property_start*/.pagebox,#-remove--flag{width:100%; margin:0px auto; }/*page property_end*//*page property_start*/body,#-remove--flag{}/*page property_end*/#c_xibDkBanner_list-15499539068144832 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_xibDkBanner_list-15499539068144832{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #c_xibDkContentGroup_row-15499606124119399 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_xibDkContentGroup_row-15499606124119399 .join_title > i{ display:block; width:70px; height:1px; background:#666; margin:30px auto 50px; } #c_xibDkContentGroup_row-15499606124119399 .join_us_con{ padding:100px 0; } #c_xibDkContentGroup_row-15499606124119399 .recruit > div{ float:left; width:48.5%; position:relative; } #c_xibDkContentGroup_row-15499606124119399 .recruit > div:first-child{ margin-right:3%; } #c_xibDkContentGroup_row-15499606124119399 .recruit .recruit_img{ width:100%; height:0px; overflow:hidden; padding-bottom:89.6%; } #c_xibDkContentGroup_row-15499606124119399 .recruit_img img{ width:100%; transition:all .5s; -webkit-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; } #c_xibDkContentGroup_row-15499606124119399 .recruit > div:hover .recruit_img img{ transform:scale(1.05); -webkit-transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05); } #c_xibDkContentGroup_row-15499606124119399 .recruit > div > .recruit_con{ display:block; position:absolute; left:0px; top:0px; width:100%; height:100%; transition:all 1s; -webkit-transition:all 1s; -o-transition:all 1s; -ms-transition:all 1s; } #c_xibDkContentGroup_row-15499606124119399 .recruit_inner{ width:100%; display:block; padding:58px 72px; position:absolute; bottom:0px; left:0px; transition:all .5s; -webkit-transition:all .5s; -o-transition:all .5s; -ms-transition:all .5s; } #c_xibDkContentGroup_row-15499606124119399 .recruit_inner > h3{ color:#f4f4f4; margin-bottom:40px; } #c_xibDkContentGroup_row-15499606124119399 .recruit_inner > p{ display:none; color:#f4f4f4; margin-bottom:50px; } #c_xibDkContentGroup_row-15499606124119399 .recruit > div.active > .recruit_con{ background-color:rgba(144,195,31,.85); transition:all 1s; -webkit-transition:all 1s; -o-transition:all 1s; -ms-transition:all 1s; } #c_xibDkContentGroup_row-15499606124119399 .recruit > div.active .recruit_inner{ bottom:50%; transform:translateY(50%); -webkit-transform:translateY(50%); -ms-transform:translateY(50%); -o-transform:translateY(50%); padding:0 72px; } #c_xibDkContentGroup_row-15499606124119399 .recruit > div.active .recruit_inner > p{ display:block; } @media only screen and (max-width: 1440px){ #c_xibDkContentGroup_row-15499606124119399 .join_title > i { margin: 20px auto 30px; } } @media only screen and (max-width: 1280px){ #c_xibDkContentGroup_row-15499606124119399 .recruit_inner { padding: 30px 40px; } #c_xibDkContentGroup_row-15499606124119399 .recruit_inner > h3 { margin-bottom: 25px; } #c_xibDkContentGroup_row-15499606124119399 .recruit_inner > p { margin-bottom: 30px; } #c_xibDkContentGroup_row-15499606124119399 .join_us_con { padding: 60px 0; } #c_xibDkContentGroup_row-15499606124119399 .recruit > div:hover .recruit_inner { padding: 0 40px; } } @media only screen and (max-width: 767px){ #c_xibDkContentGroup_row-15499606124119399 .join_us_con { padding: 50px 0; } #c_xibDkContentGroup_row-15499606124119399 .recruit > div { float: none; width: 100%; margin-bottom: 20px; } #c_xibDkContentGroup_row-15499606124119399 .recruit > div:first-child { margin-right: 0; } #c_xibDkContentGroup_row-15499606124119399 .recruit_inner > p { margin-bottom: 15px; font-size: 14px; } #c_xibDkContentGroup_row-15499606124119399 .recruit_inner > h3 { margin-bottom: 15px; } } @media only screen and (max-width: 490px){ #c_xibDkContentGroup_row-15499606124119399 .join_title > i { width: 40px; margin: 10px auto 20px; } #c_xibDkContentGroup_row-15499606124119399 .join_title > h3 { font-size: 22px; } } #c_xibDkContentGroup_row-15499606124119399{ padding-left:0px; padding-right:0px; max-height:none; padding-top:0px; max-width:none; width:auto; margin-bottom:0px; min-height:0px; padding-bottom:0px; margin-right:0px; height:auto; min-width:0px; margin-left:0px; margin-top:0px; } #c_xibDkContentGroup_row-15499610681972517 .join_title > i{ display:block; width:70px; height:1px; background:#666; margin:30px auto 50px; } #c_xibDkContentGroup_row-15499610681972517 .join_ccg{ background-color:#f4f4f4; padding:70px 0; } #c_xibDkContentGroup_row-15499610681972517 .joinccg_con{ overflow:hidden; } #c_xibDkContentGroup_row-15499610681972517 .joinccg_l{ float:left; width:49%; overflow:hidden; position:relative; } #c_xibDkContentGroup_row-15499610681972517 .joinccg_l > div{ color:#fff; } #c_xibDkContentGroup_row-15499610681972517 .joinccg_l .joinccg_l_cen{ width:100%; padding:0 70px; position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); } #c_xibDkContentGroup_row-15499610681972517 .joinccg_l_cen > div{ margin-top:50px; } #c_xibDkContentGroup_row-15499610681972517 .joinccg_l_cen > div:first-child{ margin-top:0; } #c_xibDkContentGroup_row-15499610681972517 .joinccg_l .joinccg_img{ width:100%; height:0; overflow:hidden; padding-bottom:62.5%; } #c_xibDkContentGroup_row-15499610681972517 .joinccg_img img{ width:100%; transition:all .5s; -webkit-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; } #c_xibDkContentGroup_row-15499610681972517 .joinccg_con > div:hover .joinccg_img img{ transform:scale(1.05); -webkit-transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05); } #c_xibDkContentGroup_row-15499610681972517 .joinccg_r{ float:right; width:49%; } #c_xibDkContentGroup_row-15499610681972517 .joinccg_r > .joinccg_r_cen{ float:left; background:#fff; width:48.5%; padding:52px 38px; height:392px; cursor:pointer; position:relative; display:block; } #c_xibDkContentGroup_row-15499610681972517 .joinccg_r > .joinccg_r_cen:last-child{ float:right; } #c_xibDkContentGroup_row-15499610681972517 .joinccg_r > .joinccg_r_cen > h3{ margin-bottom:27px; color:#333; } #c_xibDkContentGroup_row-15499610681972517 .joinccg_r > .joinccg_r_cen > p{ line-height:24px; letter-spacing:1px; padding-bottom:20px; color:#333; } #c_xibDkContentGroup_row-15499610681972517 .joinccg_r > .joinccg_r_cen > i{ display:block; width:32px; height:3px; background-color:#90c31f; margin-top:40px; position:absolute; left:38px; bottom:52px; } #c_xibDkContentGroup_row-15499610681972517 .joinccg_r > .active{ background:#90c31f; } #c_xibDkContentGroup_row-15499610681972517 .joinccg_r > .active h3{ color:#fff; } #c_xibDkContentGroup_row-15499610681972517 .joinccg_r > .active p{ color:#fff; } #c_xibDkContentGroup_row-15499610681972517 .joinccg_r > .active i{ background:#fff; } @media only screen and (max-width: 1440px){ #c_xibDkContentGroup_row-15499610681972517 .join_title > i { margin: 20px auto 30px; } #c_xibDkContentGroup_row-15499610681972517 .joinccg_r > .joinccg_r_cen { padding: 25px 25px; } #c_xibDkContentGroup_row-15499610681972517 .joinccg_r > .joinccg_r_cen > i { bottom: 35px; left: 25px; } } @media only screen and (max-width: 1366px){ #c_xibDkContentGroup_row-15499610681972517 .joinccg_l_cen > div { margin-top: 50px; } } @media only screen and (max-width: 1300px){ #c_xibDkContentGroup_row-15499610681972517 .joinccg_r > .joinccg_r_cen { padding: 40px 30px; height: 378px; } #c_xibDkContentGroup_row-15499610681972517 .joinccg_r > .joinccg_r_cen > i { margin-top: 30px; left: 30px; bottom: 40px; } #c_xibDkContentGroup_row-15499610681972517 .joinccg_r > .joinccg_r_cen > h3 { margin-bottom: 25px; } } @media only screen and (max-width: 1230px){ #c_xibDkContentGroup_row-15499610681972517 .joinccg_l_cen > div { margin-top: 30px; } #c_xibDkContentGroup_row-15499610681972517 .joinccg_r > .joinccg_r_cen { padding: 25px 15px; height: 352px; } #c_xibDkContentGroup_row-15499610681972517 .joinccg_r > .joinccg_r_cen > i { margin-top: 10px; left: 15px; bottom: 25px; } #c_xibDkContentGroup_row-15499610681972517 .joinccg_r > .joinccg_r_cen > h3 { margin-bottom: 15px; } } @media only screen and (max-width: 997px){ #c_xibDkContentGroup_row-15499610681972517 .joinccg_l { width: 100%; } #c_xibDkContentGroup_row-15499610681972517 .joinccg_r { width: 100%; margin-top: 20px; } #c_xibDkContentGroup_row-15499610681972517 .joinccg_r > .joinccg_r_cen { height: auto; } } @media only screen and (max-width: 767px){ #c_xibDkContentGroup_row-15499610681972517 .joinccg_l .joinccg_l_cen { padding: 0 30px; } #c_xibDkContentGroup_row-15499610681972517 .joinccg_r > .joinccg_r_cen > i { left: 15px; bottom: 25px; } #c_xibDkContentGroup_row-15499610681972517 .join_ccg { padding: 40px 0; } #c_xibDkContentGroup_row-15499610681972517 .joinccg_r > .joinccg_r_cen > p { line-height: 20px; } } @media only screen and (max-width: 490px){ #c_xibDkContentGroup_row-15499610681972517 .join_title > i { width: 40px; margin: 10px auto 20px; } #c_xibDkContentGroup_row-15499610681972517 .join_title > h3 { font-size: 22px; } #c_xibDkContentGroup_row-15499610681972517 .joinccg_l_cen > div { margin-top: 20px; } } #c_xibDkContentGroup_row-15499610681972517{ padding-left:0px; padding-right:0px; max-height:none; padding-top:0px; max-width:none; width:auto; margin-bottom:0px; min-height:0px; padding-bottom:0px; margin-right:0px; height:auto; min-width:0px; margin-left:0px; margin-top:0px; }