body{background: #fff; }
.text-center{text-align: center;}
.text-right{text-align: right;}
.text-left{text-align: left;}
.text-justify{text-align: justify;}
.bg-color{background: #EEF0F6;}
.white{background: #fff;}
.mrt30{margin-top: 30px;}
.mrb20{margin-bottom: 20px;}
.mrr10{margin-right: 10px;}
.pointer{cursor: pointer;}
.left{float: left;}
.right{float: right;}
.pos-re{position: relative;}
.flex-center{display: flex; align-items: center; }
.flex-end{display: flex; justify-content: flex-end; align-items: center;}

/* banner */
.banner{width: 100%;height:450px;font-size:50px; font-family:Source Han Sans CN; font-weight:500; color:rgba(255,255,255,1); text-align: center; background: url('../images/Banner_talent.jpg') no-repeat; background-size: 100% 100%;}
.banner div{position: absolute; left: 50%; top:50%; transform: translate(-50%,-50%); width: 400px; height: 120px; border: 1px solid #fff; text-align: center; line-height: 120px;}
/* 为什么选择我们 */
.why{width: 100%; height: auto; padding-bottom: 60px; background: url('../images/xzwm_bg.png')no-repeat; background-size: 100% 100%;} 
.padding-4942{padding: .75rem 0 .3rem 0}
.title{font-size:28px;  font-weight:bold; color:rgba(72,111,253,1);}
.xzwm{  border-right:1px solid #DFDFDF ;} /*padding: 0 25px;*/
.why-title{font-size:16px;  font-weight:400; color:rgba(72,111,253,1); line-height:36px;}
.xzwm div:last-child{ text-align: justify; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; text-overflow: ellipsis; font-size:14px;  font-weight:400; color:rgba(51,51,51,1); line-height:24px; }
.xzwm_icon_01{width:50px; height: 50px;}
.layui-row .xzwm:last-child{border: 0;}
.why-bg{ width: 100%; height: 250px; margin-top: 39px;text-align: center; padding-top: 70px; font-size:16px;  font-weight:400; color:rgba(254,254,254,1); line-height:30px; background:url('../images/xzwm_picture.png')no-repeat; background-size: 100% 100%;}

/* 我们的竞争力 */
.title2{font-size:28px;  font-weight:bold; color:rgba(72,111,253,1); }
.padding-6020{padding: 60px 0 30px 0;}
.jzl-img{ width: 100%; height: 350px;}
.jzl-box{ height: 350px; background: #fff;  box-sizing: border-box;display: flex;flex-direction: column;justify-content: center;}
.jzl-title{font-size:20px; border-bottom: 1px solid #DFDFDF; padding-bottom: 20px;  font-weight:bold; color:rgba(72,111,253,1); line-height:30px;padding-left: .3rem;}
.jzl-ul {margin-top: 20px;}
.jzl-ul li  { width: 80px; text-align: center;flex: 1;}
.jzl-ul li  div:last-child{white-space: nowrap; font-size:16px;  font-weight:400; color:rgba(72,111,253,1); line-height:36px;}
.jzk-icon{width: 50px; height: 50px;}
.jzl-hid{display: none; font-size:16px; margin-top: 20px;  font-weight:400; color:rgba(255,255,255,1); line-height:30px;padding-left: .3rem;}
.jzl-box:hover{background: #486FFD;}
.jzl-box:hover .jzl-title{color: #fff;}
.jzl-box:hover .jzl-ul{display: none;}
.jzl-box:hover .jzl-hid{display: block;}
.jzl-ul2 li{width: 100px;}
.padding-b-100{padding-bottom: 100px;}

/* 员工的心声 */
.heart-box{width: 100%; height:350px; background:rgba(245,246,250,1); box-sizing: border-box; padding: 30px;}
.heart-title{white-space: nowrap; font-size:20px; margin: 0 19px 0 10px;  font-weight:400; color:rgba(72,111,253,1);}
.heart-sectors{white-space: nowrap; font-size:18px;  font-weight:400; color:rgba(102,102,102,.7);}
.heart-detail{margin-top: 19px; font-size:16px;  font-weight:400; color:rgba(51,51,51,1); line-height:30px;}
.heart-box:hover{background: #486FFD;}
.heart-box:hover .heart-title,.heart-box:hover .heart-detail{color: #fff;}
.heart-box:hover .heart-sectors{color:rgba(255,255,255,.7);}

/* 我们需要怎样的你 */
.xyn-img{width: 100%; height: 300px; background: url('../images/xyn_picture_01.png')no-repeat; background-size: 100% 100%; text-align: center; font-size:20px;  font-weight:bold; color:rgba(255,255,255,1); line-height:300px; }
.xyn2{background: url('../images/xyn_picture_02.png')no-repeat; background-size: 100% 100%;}
.xyn3{background: url('../images/xyn_picture_03.png')no-repeat; background-size: 100% 100%;}
.xyn4{background: url('../images/xyn_picture_04.png')no-repeat; background-size: 100% 100%;}
.xyn-hide{display: none;}
.xyn-solid{width:30px; height:1px; background:rgba(255,255,255,1);}
.xyn-people{margin: 0 12px 0 6px; font-size:16px;  font-weight:400; color:rgba(255,255,255,1); line-height:30px;}
.xyn-content{ box-sizing: border-box; text-align: justify; padding: 88px 60px 59px 60px; font-size:16px;  font-weight:400; color:rgba(255,255,255,1); line-height:30px;}
.xyn-img:hover{background: #486FFD; line-height: 0;}
.xyn-img:hover .xyn-show{display: none;}
.xyn-img:hover .xyn-hide{display: block;}
.xyn-padding{ padding: 0 61px 0 137px;}

.j-box{position: relative; box-sizing: border-box; padding-top: 49px; width: 100%; height: 520px;background: url('../images/jrwm_picture.png')no-repeat;background-size: 100% 100%;}
.mrt100{margin-top: 100px;}
.jrwm-tz{width: 332px; height: 44px; position: absolute; left: 50%; top:24%; transform: translate(-50%,-50%); }

/*小屏幕 */ 
@media screen and (max-width: 768px){
    .fons_14{font-size: .2rem !important;}
    .fons_16{font-size: .24rem !important;}
	.fons_18{font-size: .26rem !important;}
	.fons_20{font-size: .26rem !important;}
	.fons_24{font-size: .28rem !important;}
    .fons_28{font-size: .32rem !important;}
    .padding-4942{padding:40px 0 15px 0}
    .padding-6020{padding:40px 0 15px 0}
    
    .banner{height: 3.5rem; font-size: .4rem;}
    .banner div{width: 3rem; height: 1.2rem; line-height: 1.2rem;}
    .xzwm_icon_01{width: .5rem; height: .5rem;}
    .why-title{font-size: .24rem; font-weight: bold;}
    /*.xzwm{  box-sizing: border-box !important;}    padding: 10px 15px;*/
    .xzwm div:last-child{font-size: .2rem; -webkit-line-clamp: 4; line-height: .3rem;}
   /* 为什么选择我们 */
   .layui-row .xzwm{border: 0;}
   .why-bg{ width: 100%; text-align: justify;  height: 2.5rem;font-size: .26rem; line-height: .3rem;    display: flex; flex-direction: column; justify-content: center; padding: 0 .2rem; }

   /*  */
   .jzl-img,.jzl-box{height: 3.5rem;}
   .jzl-box{display: flex;flex-direction: column;justify-content: center;}
   .jzl-title{padding-bottom: 2px; font-size: .26rem;}
   .jzl-right{position: relative;     top: 3.5rem;}
   .jzl-left{position: relative;    bottom: 3.5rem;}
   .padding-b-100{padding-bottom: 50px;}
   .jzk-icon{width: .5rem; height: .5rem;}
   .jzl-ul li div:last-child{font-size: .24rem;}
   .jzl-box:hover .jzl-hid{font-size: .24rem; line-height: .45rem;}
    .jzl-title2{    margin-top: -14px;}
   .heart-box{padding: .28rem;}
   

    /* 员工心声 */
    .heart-box{height: 5rem;}
   .heart-title{font-size: .27rem;}
   .heart-sectors{font-size: .24rem;}
   .heart-detail{font-size: .25rem;}
   .head-img{width: .7rem; height: .7rem;}

   /* 我们需要怎样的你 */
   .xyn-img{height: 3rem; display: flex; flex-direction: column; justify-content: center; padding: 0 .2rem; position: relative; }
   .xyn-content{padding: 0; line-height: .43rem;font-size: .2rem;}
   .xyn-people{white-space: nowrap; font-size: .16rem;}
   .xyn-padding{padding: 0;}
   .j-box{height: 3.2rem;    margin-top: -1rem;}
   .wap-mrt{ margin-top: -76px;}
   .jrwm-tz{ top: 15%; width: 3.32rem; height: .44rem;}
   .jzl-hid{ margin-top: 12px; }
    .xyn-show{font-size: .26rem; height: 3rem; line-height: 3rem;}
    .sign{width: .78rem; height: .29rem;}
}




/* 小屏幕，主要是PAD*/ 
@media screen and (min-width: 768px) and (max-width: 992px){
    .xyn-padding{padding:0; padding-left: 21px; }
    .xyn-people{font-size: 11px;white-space: nowrap;}
    
}
/* 中等屏幕，分辨率低的PC */
@media screen and (min-width: 992px) and (max-width: 1200px){
    .heart-box{padding: 11px;}
}
/*大屏幕*/
@media screen and (min-width: 1200px){
    
    
}