body,ul,li,ol,dl,dt,dd,h1,h2,h3,h5,span,em,i,p,a,b,big,small{display:block;margin:0;padding:0;box-sizing:border-box}
strong{display:inline}
dd,dl,dt,li,ul{list-style:none}
a{text-decoration:none}
i,em{font-style:normal}
img{border:0;display:block}
hr{border:none}
table{border-collapse:collapse}
div{box-sizing:border-box}
body{background:#FFF;font-family:Helvetica,'Hiragino Sans GB','Microsoft Yahei',Arial,sans-serif;min-width:1200px;color:#363636}
.clearfix:after{clear: both;display:block;visibility:hidden;height:0;content:"."}
.clearfix{*+height:1%}
.wrap{margin:0 auto;width:1200px}
.wrap .header{float:left;clear:both;width:100%;height:100px;border-bottom:1px solid #363636}
.header .logo{float:left;margin:20px 0 0 0;width:170px;height:58px}
.logo img{width:170px;height:58px}
.header .breadcrumb{float:left;overflow:hidden;margin:39px 0 0 60px;padding:0 0 0 39px;width:700px;height:58px;background:url(../images/injob_bread.png) no-repeat left 10px;background-size:28px;line-height:58px}
.breadcrumb a{float:left;margin:0 12px 0 0;color:#363636;font-size:13px}
.breadcrumb i{float:left;margin:0 12px 0 0;max-width:350px;color:#363636;font-size:13px}
.breadcrumb a:hover{color:#be6868}
.header span{float:right;margin:39px 10px 0 0;width:180px;height:39px;box-shadow:6px 6px 9px 0 #999;text-align:center;font-weight:700;line-height:39px}
.header span a{float:left;clear:both;width:100%;background:#b7cbd8;color:#363636}
.header span a:hover{background:#363636;color:#fff}
.wrap .main{float:left;width:770px}
.main h1{float:left;clear:both;margin:39px 0 0 0;width:100%;height:30px;font-size:22px;line-height:30px}
.main h1::before{float:left;margin:5px 20px 0 0;width:9px;height:20px;background:#b7cbd8;content:""}
.main .list{float:left;clear:both;margin:30px 0 0 0;width:100%}
.list ul{float:left;clear:both;width:100%}
.list li{float:left;clear:both;margin:0 0 20px 0;width:100%;border:1px solid #888;border-radius:5px}
.list li a b{float:left;margin:20px 0 0 30px;width:500px;height:30px;color:#363636;font-size:15px;line-height:30px}
.list li a span{float:right;margin:0 30px;padding:0 0 0 60px;width:150px;height:39px;background:url(../images/injob_calendar.png) no-repeat 20px center #b7cbd8;background-size:20px;color:#363636;font-size:13px;line-height:39px}
.list li a p{float:left;clear:both;margin:10px 0 20px 30px;width:710px;color:#666;font-size:13px;line-height:25px}
.list li a:hover b{color:#be6868}
.list li a:hover p{text-decoration:underline}
.list .page{float:left;clear:both;width:100%}
.page p{text-align:center}
.page b{display:inline-block;margin:0 10px 0 0;padding:0 8px;height:30px;min-width:30px;border-radius:10px;background:#b7cbd8;color:#363636;text-align:center;font-size:12px;line-height:30px}
.page a{display:inline-block;margin:0 10px 0 0;padding:0 8px;height:30px;min-width:30px;border-radius:8px;background:#363636;color:#fff;text-align:center;font-size:12px;line-height:30px}
.page a:hover{background:#b7cbd8;color:#363636}
.wrap .hot{float:right;margin:75px 0 0 0;width:380px}
.hot h3{margin:20px 0 0 0;padding:0 0 0 50px;width:100%;height:50px;border-radius:17px;background:#f3f3f3;color:#363636;font-size:16px;line-height:50px}
.hot ul{float:left;clear:both;margin:20px 0 0 5px;width:370px}
.hot li{float:left;clear:both;overflow:hidden;width:100%;height:36px;line-height:36px}
.hot li a::before{float:left;margin:10px 39px 0 0;width:9px;height:9px;border-radius:5px;background:#b7cbd8;content:""}
.hot li a{float:left;width:260px;color:#363636;font-size:14px}
.hot li span{float:right;width:50px;color:#666;text-align:right;font-size:13px}
.hot li a:hover{color:#be6868}
.wrap .footer{float:left;clear:both;margin:80px 0 30px 0;width:100%;height:90px;border-radius:50px;background:#363636;font-size:14px;line-height:90px}
.footer b{float:left;margin:0 0 0 300px;width:200px;color:#fff}
.footer ul{float:left;margin:0 0 0 50px;width:500px}
.footer li{float:left;margin:0 50px 0 0}
.footer li a{color:#fff}
.footer li a:hover{text-decoration:underline}