@import url("neiye.css");

.e-bj1{background-color:#033C71;}
.er-banner .mleft{ color:#5AE8D2;}

.top2{background-color: rgba(3,60,113,0.9);}

/*招聘*/
.job-box{background-color:#011F43;}

.job{}
.job .hang1{ padding:120px 0 120px 0;}
.job .hang1 .mleft{ float:left; width:47%; padding:0 4% 0 0; color:#00E3FF; font-size:70px; line-height:1.5em; font-family:AlibabaPuHuiTiL;}
.job .hang1 .mleft img{max-width:100%;}
.job .hang1 .mleft .jj{ font-size:45px;}
.job .hang1 .mright{float:right; width:43%; padding:0 0 0 5%; border-left:1px solid #0083A0; font-size:20px; color:#00C7EB; line-height:1.6em;}

.job .job-tit{ background-image:url(../images/lanxian.jpg); background-repeat:repeat-x; background-position:center center; text-align:center;}
.job .job-tit a{display:inline-block; padding:0 30px 0 30px; font-family:AlibabaPuHuiTiL; font-size:34px; background-color:#011F43;}

.job .job-list{}
.job .job-list li{ float:left;  width:360px; width: calc((100% - 116px)/3); width: -moz-calc((100% - 116px)/3); width: -webkit-calc((100% - 116px)/3); margin:40px 58px 0 0; position:relative;}
.job .job-list li .l-tit{ position:absolute; left:16px; top:-13px; padding:0 10px 0 10px; color:#04E5FB; font-size:18px; font-weight:bold; background-color:#011F43;}
.job .job-list li .l-jj{ padding:40px 20px 40px 20px; min-height:300px; border:1px solid #02E3FF; font-size:16px; color:#B1CCE1; line-height:2em;}
.job .job-list li:nth-child(3n+3){margin-right:0;}

.jiaru{ color:#02E2FB; padding:80px 0 80px 0;}
.jiaru .mleft{ float:left; width:950px; width: calc(100% - 220px); width: -moz-calc(100% - 220px); width: -webkit-calc(100% - 220px);}
.jiaru .mleft .tit{ font-size:45px; font-family:AlibabaPuHuiTiL;}
.jiaru .mleft .jj{ font-size:18px; line-height:1.6em;}
.jiaru .mright{float:right; width:200px;}
.jiaru .mright img{ max-width:100%;}

/*替换，重设那个底部文字颜色*/
.line5{ color:#2073CF;}
.line5 .tit1{ font-size:36px;}


/*========做兼容===========*/
@media screen and (max-width:850px){
}

@media screen and (max-width:760px){
.top{background-color: rgba(3,60,113,0.9);}
.job .hang1{padding:60px 8px 60px 8px;}
.job .hang1 .mleft{width:100%; padding:0 0 0 0; text-align:center;}
.job .hang1 .mleft img{max-width:100%;}
.job .hang1 .mright{width:100%; padding:0 0 0 0; border-left:0px; font-size:18px;}

.job .job-tit a{ font-size:34px;}

.job .job-list{}
.job .job-list li{ width:100%; margin:15px 0 15px 0;}
.job .job-list li .l-tit{ position:absolute; left:16px; top:-15px; padding:0 10px 0 10px; color:#04E5FB; font-size:26px; font-weight:bold; background-color:#011F43;}
.job .job-list li .l-jj{ padding:40px 15px 40px 15px; min-height:inherit; border:1px solid #02E3FF; font-size:18px;}


.jiaru{padding:30px 0 30px 0;}
.jiaru .mleft{ width:100%; text-align:left;}
.jiaru .mleft .tit{ text-align:center;}
.jiaru .mright{ width:100%; text-align:center; margin-top:10px;}
.jiaru .mright img{ max-width:90%;}

.line5 .tit1{ font-size:30px;}
}