@charset "utf-8";
/* CSS Document */

.flex{ display/:flex; flex-direction/:row-reverse; justify-content:space-between; padding:40px 0 0;}
.flex::after{ content:''; display:block; overflow:hidden; clear:both;}
.flex .intro{ width:330px; font-size:16px; overflow:hidden; padding:0 24px 30px; background:#f6f6f6; border:0px solid #ddd; float:right; margin:0 0 0 40px;}
.flex .intro h4{ display:block; line-height:2.75; color:#2f4d93; font-size:1.5em; padding:0.5em 0 0;}
.flex .intro .txt{ line-height:2; color:#444; font-size/:0.875em;}
.flex .intro p.tips{ line-height:2; color:#333; font-size/:0.875em; padding:1em 0 0;}
.flex .intro p.tips b{ color:#2f4d93; margin:0 0.25em 0 0;}

/*招聘列表*/
.main dl.jobList{ display:block; font-size:16px; overflow:hidden; padding:0 0 60px;}
.main dl.jobList dt{ display:block; font-size:1.125em; position:relative; margin:0 0 20px;}
.main dl.jobList dt a{ display:block; overflow:hidden; background:#f6f6f6; padding:16px 20px; user-select:none; position:relative; transition:all ease 0.4s;}
.main dl.jobList dt i{ display:block; width:1.75em; height:1.75em; background:#fff url(../images/icons/more1.png) center no-repeat; border-radius:50%; position:relative; float:right; margin:0.125em 0 0 2em;}
.main dl.jobList dt i::before,
.main dl.jobList dt i::after{ content:''; display:block; width:1px; height:0.8em; background:#d1292e; position:absolute; left:50%; top:50%; transform:translateY(-50%);}
.main dl.jobList dt i::after{ transform:translateY(-50%) rotate(90deg);}
.main dl.jobList dt em{ display:block; line-height:2; color:#333; font-size:inherit; font-weight:normal; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; transition:all ease 0.4s;}
.main dl.jobList dt a:hover{ background:#d1292e;}
.main dl.jobList dt a:hover em{ color:#fff;}
.main dl.jobList dd{ display:none; overflow:hidden; background:rgba(255,255,255,0.8); padding:0 0 2em 4em; border-bottom:1px dashed #ddd;}
.main dl.jobList dd .info{ line-height:2.15; color:#434343; font-size:0.9375em; border-top:1px dashed #ddd; padding:1.75em 0 0;}

.main .attr h3.title{ text-align:left; padding:0.6em 0 0;}
.main .attr h3.title font{ font-size:18px; color:#d1292e; margin-left:1.5em; font-weight:normal;}
.main .attr p.mark{ text-align:left; font-size:16px; color:#d1292e; line-height:2; padding:0 4px;}


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


}

@media only screen and (max-width:768px){

.pages{ padding:40px 0;}

.flex{ padding:24px 0 12px;}

.flex .intro{ width:auto; float:none; margin:0 0 16px; padding:0 16px 16px; font-size:13.5px;}
.flex .intro h4{ font-size:18px; padding:0.25em 0 0;}
.flex .intro .txt{ font-size:inherit;}
.flex .intro p.tips{ font-size:inherit;}

.main dl.jobList{ font-size:14px; padding:0 0 30px; padding:0;}
.main dl.jobList dt{ line-height:3.75em; margin:0 0 15px;}
.main dl.jobList dt a{ padding:12px 16px;}
.main dl.jobList dt i::before,
.main dl.jobList dt i::after{ height:14px;}
.main dl.jobList dt b{ font-size:15px;}
.main dl.jobList dd{ padding:0 4px 1em;}
.main dl.jobList dd .info{ font-size:inherit;}

.main .attr h3.title{ background:none; padding:0.6em 0 0.5em;}



}












/**/