.margin_b80{margin-bottom: 80px;} .padd_55{padding: 0 55px;} .pro_warp{padding: 0 2%;} @media only screen and (max-width:1023px) { .pro_warp{padding: 0 0%;} } .recruit-part{background: url(../images/bg08_an.png) no-repeat left 3.5%;} .pro_01 dl{position: relative;width: 100%;/*display:table;*/} .pro_01 dt{float: right;width: 61.5%;} .pro_01 dd{float: left;width: 38.5%;position: relative;height: 100%;} .pro_01 dd h3{color:#474747;margin-left: 60px;} .pro_01 .pro_series{position: absolute; left: 0;/*bottom: 14.5%;*/ width: 112%;background: url(../images/pro_bg01.png) no-repeat center center;background-size: 100% 100%;padding: 80px 65px;padding-bottom: 40px;} .pro_01 .pro_series .edit_con_original{color: #fff;} .pubtitle{color:#484848;margin-bottom: 30px;line-height: 50px; text-transform: uppercase;} .pubtitle em{position: relative;top:-8px;margin-left: 10px;} .pro_02{background: url(../images/bg08.png) no-repeat left 80%;} /*.performance{padding: 0 55px;}*/ .performance_list ul{overflow: hidden;margin: 0 -17px;} .performance_list li{float: left;width: 16.66%;margin-bottom:2%;} .performance_list li dl{background: #eef3f3;margin: 0 17px;padding: 30px;padding-top: 40px;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;} .performance_list dd h3{line-height:1.3em;height: 2.6em;overflow: hidden;} .performance_list dt{width: 60px;height: 60px;position: relative;overflow:hidden;margin-bottom: 25px;} .performance_list dt img{position: absolute;width: 100%;height: 100%;top:0;left: 0;transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;} .performance_list dt .img02{top:100%;} .field{background:#eef3f3;padding: 40px 0 35px 0;} .field_slider{color: #787c7c;position: relative;} .field_slider dt{margin-bottom: 20px; height: 0; padding-bottom: 100%;} .field_slider .swiper-container{padding: 30px 0;} .field_slider dt img,.field_slider dd{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;position: relative;} .but>div{width: 40px;height: 25px;line-height:25px;text-align: center;background:#00b6b5;border-radius: 20px;margin-top: -12px;} .but i{color:#fff;font-size: 12px;font-weight: bold;position: relative;top:-2px;} .but .swiper-button-prev{left: -110px;} .but .swiper-button-next{right:-110px;} .pro_04 {padding: 0px 0 60px 0;} .pro_04 .ph_table_fund{margin-bottom: 30px;} .pro_04 .ph_table_fund td{ text-transform: uppercase;} .pro_tips{text-align: right;color: #6d6c6c;} .pro_tips span{border-bottom: 1px solid #929191;display: inline-block;line-height: 32px;} .pro_04 .ph_table_fund td{width: 11%;} .pro_04 .ph_table_fund .w01{width: 14.4%} .pro_04 .ph_table_fund .w02{width: 16%} .pro_04 .ph_table_fund .w03{width:auto;} .pro_05{padding-bottom: 120px;} .pro_model{overflow: hidden;background: url(../images/pro_line.png) no-repeat center center;background-size: 100%;} .pro_model .left{float: left;width:79%;} .pro_model .right{float: right;width: 12.7%;float: right;} .pro_model dd{height: 56px;background: url(../images/pro_model_bg01.png) no-repeat center center;background-size: 100% 100%;} .pro_model .left li{width: 20%;float: left;} .pro_model .left ul{margin: 0 -28px;overflow: hidden;} .pro_model .left dl{margin: 0 28px;} .pro_model .left li h3{padding: 0 14px;line-height: 50px;color: #00b6b6; text-transform: uppercase; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .pro_model .right dd{height: 56px;background: url(../images/pro_model_bg02.png) no-repeat center center;background-size: 100% 100%;} .pro_model .right dt{background: #00b6b5;} .model_box{color: #fff;padding: 40px 30px;padding-bottom: 0;} .model_more a{display: inline-block;color: #000;background: #fff;width: 40px;height: 24px;line-height: 24px;font-weight: bold;text-align: center;border-radius: 20px;} .model_line{height: 2px;background: #fff;margin: 35px 0;} @media only screen and (max-width:1700px) { .pro_model .left{float: left;width:82%;} .model_box{padding: 40px 20px;} .model_line{margin: 25px 0;} .but .swiper-button-prev{left: -55px;} .but .swiper-button-next{right:-55px;} } @media only screen and (max-width:1540px) { .pro_01 .pro_series{padding: 60px;} .pro_01 .pro_series{bottom: 7%;} .pro_model .right{width: 14%;} .pro_model .left ul{margin: 0 -15px;} .pro_model .left dl{margin: 0 15px;} } @media only screen and (max-width:1280px) { .pro_model .right{width: 15%;} .pro_model .left ul{margin: 0 -10px;} .pro_model .left dl{margin: 0 10px;} .but .swiper-button-prev{left: 0px;} .but .swiper-button-next{right:0px;} .field_slider{padding: 0 50px;} } @media only screen and (max-width:1366px) { .margin_b80{margin-bottom:50px;} .pro_01 .pro_series{padding:50px 40px;} .pro_01 .pro_series{bottom: 7%;} .pro_05{padding-bottom:80px;} .performance_list ul{margin: 0 -10px;} .performance_list li dl{margin: 0 10px;} } @media only screen and (max-width:1024px) { .performance{padding: 0;} .padd_55{padding: 0;} .pro_01 dl{height: auto !important;} .pro_01 dt,.pro_01 dd{float: none;width: 100%;} .pro_01 dt{margin-bottom: 20px;} .pro_01 dd h3{margin-left: 0;margin-bottom: 10px;} .pro_01 .pro_series{position: static; box-sizing: border-box;width: 100%; background: #00b6b5} .performance_list li dl{padding: 20px;} .performance_list dt{width: 50px;height: 50px;margin-bottom: 20px;} .field_slider .swiper-container{padding: 0;} .pro_04{padding: 0;padding-bottom:35px;} .pro_model .left,.pro_model .right{float: none;width: 100%;} .pro_model .right dt{height: auto !important;} .pro_model .right dd,.model_line{display: none;} .model_box{padding: 0px;} .pro_model .right{width: 210px;margin: auto;border-radius: 20px; overflow: hidden;padding: 10px ; background: #00b6b5;position: relative;margin-top: 20px;} .model_more{transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); position:absolute; left:0; top:50%;right: 10px;left: auto;} .pro_model .right h1 br{display: none;} .pro_05{padding-bottom:50px;} } @media only screen and (max-width:767px) { .pubtitle{line-height: 28px;margin-bottom: 10px;} .margin_b80{margin-bottom:30px;} .pro_01 .pro_series{padding: 20px;} .performance_list ul{margin: 0 -5px;} .performance_list li dl{margin: 0 5px;padding: 20px 10px; text-align: center;} .performance_list li{width: 33.33%;margin-bottom:10px;} .performance_list dt{width: 40px;height: 40px;margin:auto;margin-bottom: 10px;} .field_slider{padding: 0;text-align: center;} .field_slider dt{margin-bottom: 10px;} .field{padding: 20px 0;} .pro_04{padding: 0;padding-bottom: 30px;} .pro_04 .ph_table_fund{margin-bottom: 10px;} .pro_04 .ph_table td{padding-left: 8em;} .pro_05{padding-bottom:30px;} .pro_model .left li{width: 100%;} .pro_model .left ul{margin: 0;} .pro_model .left dl{margin: 0;} .pro_model dd,.pro_model{background: none;} .pro_model .right{margin-top: 10px} } /*市场应用*/ .market_01{color: #474747;margin-bottom: 50px;} .market_01 h1{margin-bottom: 20px;} .market_01 p{line-height: 24px;} .market_02{position: relative;padding-bottom: 80px;margin-bottom: 120px;} .market_02>img{width: 100%;position: relative;z-index: 2;} .market_line{position: absolute;top:0;left: 0;width: 100%;} .market_line img{width: 100%} .market_box{position: absolute;left: 0;width: 100%;bottom:0%; z-index: 2;color: #fff;} .market_text{background:url(../images/market_bg.png) no-repeat center center;background-size: 100% 100%;padding: 75px 105px;box-sizing:border-box;width: 1030px;max-width: 80%;margin-left: -105px;line-height: 36px;} .market_03{margin-bottom: 90px;position: relative;} .market_03 .wrap{position: relative;z-index: 2;} .market_list{padding-right: 195px;} .market_list ul{margin: 0 -25px;overflow: hidden;} .market_list li{float: left;width: 16.6666%;*margin-left: -1px;margin-bottom: 30px;} .market_list dl{background: #eef3f3;margin: 0 25px;padding: 25px;padding-top: 35px;} .market_list dt{width: 30px;height: 30px;overflow: hidden;position: relative;margin-bottom: 20px;} .market_list dt img{position: absolute;top:0;left: 0;width: 100%;height: 100%;transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;} .market_list dt .icon_img02{top:-100%;} .market_list dd h3{line-height: 24px;height: 48px;overflow: hidden;} .line02,.line03{top:auto;bottom: 30px;} .market_04{margin-bottom: 140px;padding-bottom: 80px;position: relative;} .market_pro{position: relative;} .market_out{position: relative;} .market_out>img{width: 100%;height: 100%;} .market_pro{/*position: absolute;top:0;left: 0;*/width: 100%;height: 100%;} .market_pro .pro_warp{position: relative;z-index: 2; padding:0;} .market_blank{position: absolute;top:0;left: 0;width: 100%;height: 100%;background:url(../images/market_blank.png) no-repeat center center;background-size: cover;} .market_slider dl{ padding:0 10%;} .market_slider h3{margin-bottom: 10px;} .market_slider{position: relative;/*padding: 12% 0;*/color: #fff;} .market_slider .but{ position: absolute; z-index: 100; top:50%;width:100%; height: 30px;} .market_slider .but .swiper-button-prev{left:5%;} .market_slider .but .swiper-button-next{right:5%;} @media only screen and (max-width:1660px) { .market_text{margin-left: -50px;} .market_02,.market_03,.market_04{margin-bottom: 80px;} .market_slider{/*padding: 9% 0;*/} } @media only screen and (max-width:1440px) { .market_text{padding: 50px 70px;} .market_list{padding-right: 100px;} .market_slider{/*padding: 8% 50px;*/} } @media only screen and (max-width:1280px) { .market_list{padding-right: 50px;} } @media only screen and (max-width:1024px) { .market_02,.market_03,.market_04{margin-bottom: 50px;} .market_text{margin-left: 0;} .market_list{padding: 0;} .market_list li{margin-bottom: 20px;} .market_list ul{margin: 0 -10px;} .market_list dl{margin: 0 10px;} .market_out>img{display: none;} .market_pro{position: static;} } @media only screen and (max-width:767px) { .market_01{margin-bottom: 30px;} .market_02,.market_03,.market_04{margin-bottom:30px;} .market_02{padding-bottom: 0;} .market_box{position: static;background: #00b6b5;margin-top: 10px;} .market_text{width: 100%;max-width: 100%;padding: 20px 0;} .market_list li{width: 33.33%;} .market_list li{margin-bottom: 4px;} .market_list ul{margin: 0 -2px;} .market_list dl{margin: 0 2px;} .market_list dt{margin-bottom: 5px;} .market_list dl{padding:20px 10px;} .market_blank{background:url(../images/market_blank2.png) no-repeat center center;background-size: cover;} .market_slider .but>div{margin-top: -12px;} .market_04{padding-bottom: 0;} .market_slider dl{width: 100%;} .market_01 p br,.market_slider li .img img{ display: none;} .market_slider li .img{ height: 200px;} .market_slider dl{padding:0 20%;} } /*人才理念*/ .idea_cont{color: #58585a;} .idea_01{padding-top: 90px;margin-bottom: 120px;} .idea_01 ul{overflow: hidden;} .idea_01 li{float: left;width: 25%;} .idea_01 dl{text-align: center;} .idea_01 dt{width: 62px;height: 62px;overflow: hidden;margin: auto;margin-bottom: 50px;} .idea_01 dd{position: relative;} .idea_01 dd h3{line-height: 36px;margin-bottom: 35px;position: relative;} .idea_01 dd h3 em{position: absolute;height: 3px;left: 0;width: 100%;top:50%;margin-top: -1px;} .idea_01 dd h3 i{height: 100%; width: 50%;float: left;background: url(../images/line.png) repeat-x;} .idea_01 dd h3 span{display: inline-block;background: #fff;position: relative;z-index: 1;padding: 0 30px;} .idea_01 dd p{line-height: 24px;} .idea_01 li:first-child .i01{visibility: hidden;opacity: 0;} .idea_01 li:last-child .i02{visibility: hidden;opacity: 0;} .idea_02{margin-bottom: 30px;} .science_top{margin-bottom: 45px;} .science_top h1{margin-bottom: 10px;} .science_top p{line-height:24px;} .science_slider{position: relative;} .science_slider .but .swiper-button-prev{left: -60px;} .science_slider .but .swiper-button-next{right:-60px;} .science_img{position: relative;padding-bottom: 110px; margin-top: -115px;} .science_img>img{position: relative;z-index: 2;} .science_img img{width: 100%;position: relative;} .science_line{position: absolute;left: 0;bottom: 0;width: 100%;} .idea_02>.pro_warp{position: relative;z-index: 9;} @media only screen and (max-width:1440px) { .idea_01{padding-top: 50px;margin-bottom: 80px;} .idea_01 dt{margin-bottom: 30px;} .idea_01 dd h3{margin-bottom: 20px;} .science_img{margin-top: -80px;} } @media only screen and (max-width:1280px) { .science_slider{padding: 0 50px;} .science_slider .but .swiper-button-prev{left: 0px;} .science_slider .but .swiper-button-next{right:0px;} .idea_01{padding-top: 0;margin-bottom: 50px;} .science_img{padding-bottom: 50px;margin-top: -40px;} } @media only screen and (max-width:767px) { .idea_01 li{width: 100%;float: none;padding: 20px 0;border-bottom: 1px dashed #ccc;} .idea_01 li:last-child{border: 0;} .idea_01 dd h3 em{display: none;} .idea_01 dt{width: 40px;height: 40px;margin-bottom: 10px;} .idea_01 dd h3{line-height: 24px;margin-bottom: 10px;} .idea_01{margin-bottom: 30px;} .science_img{display: none;} .science_top{margin-bottom: 20px;} } /*企业招聘*/ .recruit_cont{padding: 0 80px;padding-top: 30px;} .recruit_search{width: 430px;height: 50px;background: #00b6b5;margin-bottom: 40px;} .recruit_search input,.recruit_search button{height: 50px;line-height: 50px;box-sizing:border-box;border:0;outline: none;background: none;} .recruit_search input{float: left;box-sizing:border-box;width: calc(100% - 56px);padding: 0 18px;color: #fff;} .recruit_search button{float: right;width: 56px;font-size: 20px;color: #fff;background: url(../images/btn_bg.png) no-repeat;background-size: 100% 100%;} .recruit_search :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #fff; } .recruit_search ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #fff; } .recruit_search input:-ms-input-placeholder { color: #fff; } .recruit_search input::-webkit-input-placeholder { color: #fff; } .edit_01 .edit_con_original{color: #8a8a8a;} .recruit_list{margin-bottom: 90px;} .recruit_list ul>li{border-bottom: 1px solid #e3e3e6;} .recruit_list dt{overflow: hidden;cursor: pointer;line-height: 24px;padding: 36px 35px;} .recruit_list dt h2,.recruit_list dt h3,.recruit_list dt h4{float: left;margin-right: 10px;color: #8a8a8a;} .recruit_list dt h2{width: 250px;color: #000;} .recruit_list dt h3{width: 150px;} .recruit_list dt h4{width: calc(100% - 490px)} .recruit_list dt span{float: right} .recruit_list dd{background: #eef3f3;padding: 35px;padding-bottom: 40px;display: none;position: relative;} .recruit_btn{position: absolute;top:35px;right: 35px;cursor: pointer;} .recruit_list dd ol{overflow: hidden;margin-bottom: 10px;padding-right: 50px;} .recruit_list dd ol li{float: left;margin-right: 50px} .recruit_list dd ol h2{margin-bottom: 10px;} .recruit_edit>div{border-bottom: 1px solid #e3e3e6;padding: 20px 0;} .recruit_edit>div:last-child{border-bottom: 0;} .edit_01 h3{margin-bottom: 15px;} .email a{display: inline-block;width: 170px;height: 50px;line-height: 50px;text-align: center;color: #fff;background:#00b6b5;border-radius: 30px;margin-top: 20px;} .email a i{font-size: 30px;margin-right: 6px;display: inline-block; vertical-align: middle;} .recruit_list .page{margin-top: 60px;} @media only screen and (max-width: 1440px) { .recruit_cont{padding: 0;padding-top: 30px;} } @media only screen and (max-width:1024px) { .recruit_list{margin-bottom: 50px;} } @media only screen and (max-width:767px) { .recruit_search{width: 100%;margin-bottom: 20px;} .recruit_list dt{padding: 10px;} .recruit_list dd{padding: 20px 10px;} .email a{height: 40px;line-height: 40px;width: 150px;} .email{text-align: center;} .recruit_list dd ol{padding-right: 30px} .recruit_btn{top:20px;right: 10px;} .recruit_list dd ol li{float: none;margin: 0;width: 100%;} .recruit_list dd ol h2,.recruit_list dd ol p{margin-bottom: 5px;} .recruit_list dd ol{margin: 0;} .recruit_list dt h2,.recruit_list dt h3,.recruit_list dt h4{width: calc(100% - 50px);margin: 0;} .recruit_list .page{margin-top: 20px} .recruit_list{margin-bottom: 30px;} } /*健康关怀*/ .welfare_01{margin-bottom: 65px;} .welfare_01 .pubtitle{text-align: center;} .welfare_img ul{overflow: hidden;} .welfare_img li{float: left;width: 50%;text-align: center;padding: 0 2%;box-sizing:border-box;} .welfare_img li img{max-width: 100%;} .welfare_img li+li img{margin-top:25px;} .welfare_tab {text-align: center;height: 90px;line-height: 90px;} .welfare_tab ul{overflow: hidden;display: inline-block;} .welfare_tab li{float: left;} .welfare_tab li a{display: inline-block;margin: 0 30px;position: relative;color: #484848;} .welfare_tab li a:after{content: ""; position: absolute; width: 0%; left:50%;bottom: 0;height: 4px;background: #009291;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;} .welfare_tab li.on a:after{left: 0;width: 100%;} .welfare_tab li.on{font-weight: bold;} .welfare_box{padding: 80px 0;padding-bottom: 90px;background: #eef3f3 url(../images/welfare_bg_03.png) no-repeat 0 bottom;position: relative;} .welfare_line img{width: 100%;} .welfare_line{position: absolute;left: 0;bottom:40px;width: 100%;} .welfare_block{position: relative;z-index: 2;color: #58585a;} .welfare_block>div{display: none;} .welfare_block>div:first-child{display: block;} .health ul{overflow: hidden;margin: 0 -13px;} .health li{float: left;width: 50%;} .health dl{margin: 0 13px;position: relative;} .health dd{ position: absolute;left: 0;top:36%; width: 100%; padding: 0 12.7%;box-sizing:border-box;color: #fff;} .health dd p{line-height: 24px;} .health dt{position: relative; height: 0; padding-bottom: 56%;overflow: hidden;} .health dd h3{margin-bottom: 15px;} .health .blank_10{position: absolute;top:0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.13) url(../images/welfare_bg_01.png) no-repeat 0 bottom;background-size: 100%;} .health li:nth-child(2n) .blank_10{background: rgba(0,0,0,0.13) url(../images/welfare_bg_02.png) no-repeat 0 bottom;background-size: 100%;} @media only screen and (max-width: 1024px) { .welfare_01{margin-bottom: 50px;} .welfare_box{padding: 50px 0;} .health dd{top:20%;} } @media only screen and (max-width:767px) { .welfare_01{margin-bottom: 0;} .welfare_img li{float: none;padding: 0;width: 100%;margin-bottom: 20px;} .welfare_tab ul{display: block;} .welfare_tab li{width: 25%;} .welfare_tab li a{margin: 0;} .welfare_tab{height: 50px;line-height: 50px;} .welfare_tab li a:after{height: 2px;} .welfare_box{padding: 30px 0;} .health li{float: none;width: 100%;margin-bottom: 20px;} .health ul{margin: 0;} .health dl{margin: 0} .health dd{padding: 0 20px;} .health dd h3{margin-bottom: 10px;} } /*基础保障*/ .welfare_box .idea_01{padding:0;margin: 0;padding-bottom: 100px;} .welfare_box .idea_01 dd h3 span{background: #eef3f3} @media only screen and (max-width: 1024px) { .welfare_box .idea_01{padding-bottom: 50px;} } /*薪酬福利-无忧工作*/ .guarantee{color:#484848;padding-bottom: 70px;} .guarantee ul{overflow: hidden;margin: 0 -23px;} .guarantee li{float: left;width: 25%;} .guarantee dl{margin: 0 23px;} .guarantee dt{height: 0;padding-bottom: 100%;overflow: hidden;} .guarantee .guarantee_P{background: #fff;padding: 25px 30px;padding-bottom: 0;} .guarantee h3{margin-bottom: 10px;} .guarantee p{line-height: 24px;height: 72px;overflow: hidden;} .guarantee_bg img{width: 100%;} .life_list .guarantee li{width: 33.33%;} @media only screen and (max-width:1280px) { .guarantee ul{margin: 0 -10px;} .guarantee dl{margin: 0 10px;} } @media only screen and (max-width: 1024px) { .guarantee{padding-bottom: 50px;} .guarantee .guarantee_P{padding: 20px;} } @media only screen and (max-width:767px) { .guarantee li{float: none;width: 100%;margin-bottom: 30px;} .life_list .guarantee li{width: 100%;} .guarantee ul{margin: 0 ;} .guarantee dl{margin: 0;} .guarantee_bg{display: none;} .guarantee p{height: auto;} } /*职业发展-晋升空间*/ .space_cont{padding-top: 85px;} .space_cont .pubtitle{margin-bottom: 30px;} .space_cont li{padding: 110px 0 80px 0;background: url(../images/develop_bg_01.png) no-repeat center center;background-size: 100% 100%;} .space_cont li:nth-child(2n){padding: 75px 0 120px 0;background: url(../images/develop_bg_02.png) no-repeat center center;background-size: 100% 100%;} .space_box{overflow: hidden;margin: 0 -40px;} .space_box .space_iteam{float: left;width: 50%;*margin-left: -1px;} .space_box dl{margin: 0 40px;position: relative;} .space_box dt{width: 50%;} .space_box dd{width: 50%;position: absolute; right: 0; height: 84%;top:8%;background: #fff; box-shadow: 0 0 10px 2px rgba(0,0,0,0.1);} .space_text{padding: 50px 28px;height: 100%;overflow: hidden;box-sizing:border-box;} .space_text h3{margin-bottom: 15px;} .space_text .edit_con_original{color: #787c7c;line-height:2.2em} .space_box .mCSB_scrollTools .mCSB_draggerRail{ width:1px; background: #E3DDD0;} .space_box .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:3px;-webkit-border-radius:0;border-radius:0;background:#3AB7B6;} .space_box .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.space_box .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.space_box .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag:hover .mCSB_dragger_bar{ background:#3AB7B6;} @media only screen and (max-width:1440px) { .space_cont{padding-top:50px;} } @media only screen and (max-width:1280px) { .space_cont{padding-top:50px;} .space_box dl{margin: 0 20px;} .space_box{margin: 0 -20px;} .space_cont li,.space_cont li:nth-child(2n){padding: 80px 0;} .space_text{padding: 20px;} } @media only screen and (max-width:767px) { .space_box dl{margin: 0 ;} .space_box{margin: 0 ;overflow: inherit;} .space_box .space_iteam{float: none;width: 100%;margin-bottom: 30px;} .space_cont li, .space_cont li:nth-child(2n){padding:0;background: none} .space_box dd{position: static;} .space_box dd,.space_box dt{float: none;width: 100%;} .space_text h3{margin-bottom: 10px;} .space_cont{padding-top:10px;} .space_cont .pubtitle{margin-bottom: 20px;} } /*职业发展*/ .career_cont li{position: relative;overflow: hidden;} .career_cont li .pro_warp{position: relative;z-index: 2;} .career_cont dl{overflow: hidden;} .career_cont dl{overflow: hidden;} .career_cont dt{float: left;width: 49%;} .career_cont dt img{width: 100%} .career_cont dd{float: right;width: 51%;} .career_01{background:#eef3f3;padding: 70px 0 60px 0;} .career_02{padding: 80px 0 155px 0;} .careline img{width: 100%;} .careline{position: absolute;bottom:0;left: 0;width: 100%;} .career_box{padding: 30px 80px;} .career_box .more a{width: 80px;height: 30px; line-height: 30px;text-align: center; border: 1px solid #00b6b5;display: inline-block;font-size: 14px;border-radius: 15px;} .career_box h3{margin-bottom: 30px;} .career_box p{line-height: 26px;max-height: 78px;overflow: hidden;margin-bottom: 55px;} .career_01 .career_box h3{color: #656565;} .career_01 .career_box h3 a{color: #656565;} .career_01 .career_box p{color: #585858;} .career_01 .career_box .more a{color: #57585a;} .career_02 dl{position: relative;} .career_02 dd{position: absolute;left: 0;bottom: 0; height: calc(100% - 20px); background:url(../images/career_bg.png) no-repeat center center;background-size: 101% 100%;color: #fff;float: left;width: 54%;} .career_02 dd a{color: #fff;} .career_02 .career_box .more a{border:1px solid #fff;} .career_02 .career_box{padding-left: 55px;padding-top: 55px;} .career_02 dt{float: right;width: 46%;} @media only screen and (max-width:1440px) { .career_box p{margin-bottom: 30px;} .career_02 .career_box{padding-top: 45px;} } @media only screen and (max-width:1280px) { .career_box h3{margin-bottom: 20px;} } @media only screen and (max-width:1200px) { .career_02 .career_box,.career_box{padding: 30px;} } @media only screen and (max-width:1024px) { .career_cont li{padding: 50px 0;} .career_box h3{margin-bottom: 10px;} .career_box p{margin-bottom: 15px;} } @media only screen and (max-width:900px) { .career_box p{line-height: 24px;max-height:initial;} .career_02 .career_box, .career_box{padding: 20px;} } @media only screen and (max-width:767px) { .career_cont li{padding: 30px 0;} .career_cont dt,.career_cont dd{float: none;width: 100%;} .career_02 dd{position: static;background: #00b6b5;} .career_02 dl{} .careline{display: none;} .career_cont li.career_01{padding-bottom: 0;} .career_02 .career_box{margin-top: -10px;} } @media only screen and (min-width: 1025px) { .performance_list dl:hover{color: #fff;} .performance_list dl:hover dt .img02{top:0} .performance_list dl:hover dt .img01{top:100%} .performance_list li dl:hover{background: url(../images/pro_bg03.png) no-repeat center center;background-size: 100% 100%;} .field_slider dl:hover dt img{transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);-moz-:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);} .field_slider dl:hover dd{-webkit-transform: translateY(20px); -moz-transform: translateY(20px);-o-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);} .market_list dl:hover{background: url(../images/market_icongbg.png) no-repeat center center;background-size: 100% 100%;color: #fff;} .market_list dl:hover dt .icon_img02{top:0} .market_list dl:hover dt .icon_img01{top:100%} .email a:hover{color: #fff !important;opacity: 0.8;} .welfare_tab li:hover a:after{left: 0;width: 100%;} .welfare_tab li:hover a{color: #484848 !important;} .career_02 dd a:hover{color: #fff !important;opacity: 0.8} }