/**人才理念**/
.jobs_01{ overflow:hidden;background:url(../images/jobs_01.jpg) no-repeat  left center; display:flex;  align-items: center;justify-content: space-between;margin:0 24px}
.jobs_01 .tit { font-size:36px; float:left; position:relative; text-align:left;padding-left:24px}
.jobs_01 .tit:before {content: "";position: absolute;bottom:10%;left: 0;width:6px;height:65%;box-sizing: border-box;background:#ed2328;border-radius: 4px;}
.jobs_01 .content{padding:100px 0;float: left; color:#666;font-size:16px; line-height:200%;  width:60%;}
.jobs_01 .gobtn { display: block;padding:12px 24px;font-size:16px; color: #fff; background: #ed2328;border-radius:3px; text-align: center;float: right;}


/*人才培养**/
.jobs_02{ overflow:hidden;margin:12px}
.jobs_02 li{ width:25%;text-align:center;float:left;margin-bottom:24px; position:relative}

.tt{ position:absolute; z-index:0233; top:0; bottom:0; left:0; right:0; }
.tt h5{ text-align:center; font-size:18px; color:#fff; margin-bottom:15px;}
.tt i{ display:block; width:1px; height:29px; background:#fff; margin:13px auto;}
.tt .pcontent{ font-size:14px; line-height:180%; color:#fff;}
.tt .ico{ width:100px; height:100px; margin:60px auto 13px; border-radius:50%;  position:relative; z-index:0; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; }
.tt .ico .iconfont{width:100px; height:100px;overflow:hidden; border:1px solid rgba(255,255,255,.4); border-radius:50%; display: block; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; font-size:36px; line-height:100px }
.jobs_02 li:hover .ico .iconfont{ border:1px solid transparent; color:#fff}

.jobs_02 li .ico:before{ content:""; position:absolute; z-index:-1; width:100%; height:100%; display:block; background:#e60012; border-radius:50%; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;transform:scale(1.3); opacity:0; }
.jobs_02 li:hover .ico:before{ transform:scale(.85); opacity:1;}
.tt .ico:after{ content:""; position:absolute; top:0; z-index:-1; width:100%; height:100%; display:block; background:#fff; border-radius:50%; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;transform:scale(.85); opacity:1; }
.jobs_02 li:hover .ico:after{ transform:scale(1); background:rgba(261,9,48,.3)}



/**工作岗位*/
.jobs_03{margin:24px 24px 48px;}

.jobs_title{width: 100%;height: 70px;background: #ed2328;font-size: 16px;line-height:70px;color: #fff;border-radius:5px 5px 0 0; overflow:hidden}
.jobs_title .t{float: left;text-align: center;width:25%; text-align:center;border-left:1px #f6383d solid; box-sizing:border-box}
.jobs_title .t:first-child {border-left:0px #eee solid; }

.jobs_list{ border-radius:0 0 6px 6px; background:#f8f8f8;box-shadow: 0 6px 21px rgb(0 0 0 / 7%); position:relative; z-index:3 }
.jobs_list  li{width: 100%;border-bottom:1px #eee solid;float:none; overflow:hidden;font-size: 16px;padding:24px 0;}
.jobs_list  li .tits{width: 100%;color: #333;cursor: pointer; line-height:150%; overflow:hidde;}
.jobs_list  li .tits .t{float: left;text-align: center;width:25%; text-align:center; border-left:1px #eee solid; box-sizing:border-box}
.jobs_list  li .tits .t:first-child {border-left:0px #eee solid; }


.jobs_03::-webkit-scrollbar{height:3px}  



/*加入我们*/
.jobs_05{overflow:hidden;margin:24px; border:1px #eee solid;padding:36px 0;border-radius:3px}
.jobs_05 li { float: left; width: 20%;text-align: center; position:relative}
.jobs_05 li span {  display: inline-block;  *display: inline;  *zoom: 1;  font-size:42px;  line-height:95px;  width: 95px;height: 95px;overflow: hidden;
border-radius:95px; border:1px #eee solid}
.jobs_05 li:hover span{ color:#fff; transition:all 0.5s ease 0s;border:1px #ed2328 solid; background:#ed2328}
.jobs_05 li h2 {  font-size:18px;  color: #333; line-height:200%;}
.jobs_05 li p {  font-size: 12px;  color: #666;  line-height:150%; }
.jobs_05 li:after{width:1px;background: #eee; height:50%; content: "";position: absolute;right: 0; top:25%; }
.jobs_05 li:last-child::after{width: 0;}



/*响应式*/
@media screen and (max-width:480px) {

.jobs_01{margin:36px 18px;flex-direction:column;align-items: left;}
.jobs_01 .tit { font-size:30px; float:none; position:relative; text-align:left;padding-left:24px; display:block; flex:1}
.jobs_01 .content{padding:18px 0;float: none; color:#666;font-size:12px;  width:100%;}
.jobs_01 .gobtn {font-size:14px; }

.jobs_02 li{width:60%; margin-bottom:18px }
.tt .ico{ width:60px; height:60px; margin:32px auto 13px; }
.tt .ico .iconfont{width:60px; height:60px;line-height:60px }
.tt i{  height:19px; }



.jobs_03{margin:24px 18px 30px; overflow-x:scroll}
.jobs_title{font-size: 14px; min-width:640px; }
.jobs_list li{font-size: 12px;padding:15px 0;}
.jobs_list{  min-width:640px;}



.jobs_05{margin:18px; padding:36px 0}
.jobs_05 li { width:65%;}
.jobs_05 li span {   font-size:30px;  line-height:85px;  width: 85px;height: 85px;}
.jobs_05 li h2 {  font-size: 16px;}

}

@media screen and (min-width:481px) and (max-width:639px) {

.jobs_01{margin:36px 18px;flex-direction:column;align-items: left;}
.jobs_01 .tit { font-size:30px; float:none; position:relative; text-align:left;padding-left:24px; display:block; flex:1}
.jobs_01 .content{padding:18px 0;float: none; color:#666;font-size:12px;  width:100%;}
.jobs_01 .gobtn {font-size:14px; }


.jobs_02 li{width:45%; margin-bottom:18px }
.tt .ico{ width:80px; height:80px; margin:48px auto 13px; }
.tt .ico .iconfont{width:80px; height:80px;line-height:80px }
.tt i{  height:19px; }


.jobs_03{margin:24px 18px 30px; overflow-x:scroll}
.jobs_title{font-size: 14px; min-width:640px; }
.jobs_list li{font-size: 12px;padding:15px 0;}
.jobs_list{  min-width:640px;}




.jobs_05{margin:18px; padding:36px 0}
.jobs_05 li { width:65%;}
.jobs_05 li span {   font-size:30px;  line-height:85px;  width: 85px;height: 85px;}
.jobs_05 li h2 {  font-size: 16px;}

}
@media screen and (min-width:640px) and (max-width: 1080px) {


.jobs_01{margin:36px 18px;flex-direction:column;align-items: left;}
.jobs_01 .tit { font-size:30px; float:none; position:relative; text-align:left;padding-left:24px; display:block; flex:1}
.jobs_01 .content{padding:18px 0;float: none; color:#666;font-size:14px;  width:100%;}
.jobs_01 .gobtn {font-size:14px; }


.jobs_02 li{width:33.333%; margin-bottom:18px }


.jobs_03{ overflow-x:scroll}
.jobs_title{font-size: 14px; min-width:640px; }
.jobs_list li{font-size: 12px;padding:15px 0;}
.jobs_list{  min-width:640px;}



.jobs_05{margin:18px; padding:36px 0}
.jobs_05 li { width:40%;}
.jobs_05 li span {   font-size:36px;  line-height:85px;  width: 85px;height: 85px;}
.jobs_05 li h2 {  font-size:18px;}



}

@media screen and (min-width:1081px) and (max-width: 1200px) {





.jobs_05{margin:18px; padding:36px 0}
.jobs_05 li { width:28%;}
.jobs_05 li span {   font-size:36px;  line-height:85px;  width: 85px;height: 85px;}


}

@media screen and (min-width:1201px) and (max-width: 1440px) {


}

@media screen and (min-width:1441) and (max-width: 1690px){


 
}