#content { background:#f5f5f5; padding:40px 0px 40px 0px; min-height: 658px;}
#content .top_box{ float:left; width:100%;}
#content .top_box .page_title{ float:left; position:relative;}
#content .top_box .page_title h1{ float:left;}
#content .top_box .page_title h1 a{ font-size:30px; color:#333;}
#content .top_box .page_title i.line{ display:inline-block; float:left; background:#cccccc; width:1px; height:20px; margin:10px 10px 0px 10px;}
#content .top_box .page_title span.district_name{ font-size:14px; color:#188eee; float:left;    margin: 8px 5px 0px 0px;}
#content .top_box .page_title a.district_select{ float:left; margin: 8px 5px 0px 0px;}
#content .top_box .page_title a.district_select span{ float:left; font-size:14px; color:#808080; margin: 0px 5px 0px 0px;}
#content .top_box .page_title a.district_select i{ float:left; display:inline-block; width:12px; height:8px; background:url(../../images/2017/select_down.png); margin: 7px 0px 0px 0px;}

#content .top_box .page_title div.district_list{ position: absolute; float:left; padding:20px; border:1px solid #dcdcdc; background:#fff; top: 28px; right: -635px; z-index: 3;min-width: 680px; min-height: 150px; display:none;}
#content .top_box .page_title div.district_list div.top{ position:relative; height:30px; border-bottom:1px solid #dcdcdc;}
#content .top_box .page_title div.district_list div.top p{ position: absolute; height:30px; border-bottom:1px solid #dcdcdc; font-size:14px; color:#333333; cursor:pointer; line-height:15px;}
#content .top_box .page_title div.district_list div.top p:nth-child(2){ left:70px;}
#content .top_box .page_title div.district_list div.top p:nth-child(3){ left:110px; display: none;}
#content .top_box .page_title div.district_list div.top p:hover{ border-bottom:1px solid #ec6941; color:#ec6941;}
#content .top_box .page_title div.district_list div.top p.hover{ border-bottom:1px solid #ec6941; color:#ec6941;}
#content .top_box .page_title div.district_list div.list{ margin:20px 0px 0px 0px; float:left; display: none; width: 680px;}
#content .top_box .page_title div.district_list div.list a{ float:left; margin:0px 20px 20px 0px; color:#808080; font-size:14px; cursor: pointer;}
#content .top_box .page_title div.district_list div.list a:hover{ color:#188eee; text-decoration:none;}
#content .top_box .search_box{ float:right;}
#content .top_box .search_box .search_icon{ display:inline-block; width:18px; height:18px; background:url(../../images/2017/search.png); margin:10px 0px 0px 0px;}
#content .top_box .search_box .search{ float:left; border:1px solid #188eee; display: none;}
#content .top_box .search_box .search .key{ float:left; width:218px; height:20px; line-height:20px; padding:5px 10px 5px 10px; color:#333; font-size:14px;}
#content .top_box .search_box .search .submit{ float:left; background-color:#188eee; background-image:url(../../images/2017/submit_bt.jpg); background-position:center; width:40px; height:30px; overflow:hidden; cursor:pointer;}
#content .nav{ float:left; width:100%; font-size:14px; color:#cccccc; margin:30px 0px 30px 0px;}
#content .nav a{ font-size:14px; color:#808080;}
#content .nav a:hover{ text-decoration:underline;}
#content .nav span{ font-size:14px; color:#808080;}
#content .left_box{ float:left; width:840px; background:#fff; padding:30px 20px 30px 20px;}
#content .left_box .title_box{ float:left; width:100%; height:25px; border-bottom:1px solid #ebebeb; position:relative; z-index:1;}
#content .left_box .title_box .type_tab{ position: absolute; top:0px; height:26px; z-index:2;}
#content .left_box .title_box .type_tab h3{ display:inline-block; float:left;}
#content .left_box .title_box .type_tab a{ display:inline-block; float:left; height:25px; border-bottom:1px solid #ebebeb; line-height:12px; text-align:center; padding:0px 10px 0px 10px; font-size:16px; color:#808080;}
#content .left_box .title_box .type_tab h3:nth-child(1) a{ padding:0px 10px 0px 0px;}
#content .left_box .title_box .type_tab a:hover{ color:#188eee; border-bottom:1px solid #f3711a;}
#content .left_box .title_box .type_tab a.hover{ color:#188eee; border-bottom:1px solid #f3711a;}
#content .left_box .title_box .page{ float:right; margin:0;}
#content .left_box .title_box .page a{ float:left; color:#808080;}
#content .left_box .title_box .page a:hover{ color:#188eee;}
#content .left_box .title_box .page p{ float:left; font-size:12px; color:#808080; margin:0px 10px 0px 10px;}
#content .left_box .title_box .page p span{ float:left; font-size:12px; color:#188eee;}

#content .left_box .conditions_box{ float:left; width:100%; border-bottom:1px dotted #808080; padding:20px 0px 10px 0px;}
#content .left_box .conditions_box li { float:left; margin:0px 20px 10px 0px;}
#content .left_box .conditions_box li input{ display:inline-block; background:url(../../images/2017/checkbox.png); width:12px; height:12px; float:left; margin:2px 5px 0px 0px;-webkit-appearance:none;}
#content .left_box .conditions_box li input.checked{ background:url(../../images/2017/checkbox_h.png);}
#content .left_box .conditions_box li span{ float:left; color:#808080;}

#content .left_box .company_list{ float:left; width:100%; padding:0px 0px 40px 0px;}
#content .left_box .company_list>li{ float:left; width:100%; padding:30px 0px 10px 0px; border-bottom:1px dotted #808080;}
#content .left_box .company_list li .top{ float:left; width:100%; padding:0px 0px 20px 0px;}
#content .left_box .company_list li .top div.left{ max-width:55%; height:25px; overflow:hidden;}
#content .left_box .company_list li .top div.left a{ font-size:16px; color:#333;}
#content .left_box .company_list li .top div.left a:hover{ color:#188eee; text-decoration:underline;}
#content .left_box .company_list li .top div.right{ max-width:45%;}
#content .left_box .company_list li .top div.right span{ font-size:16px; color:#808080; float: right;}
#content .left_box .company_list li .top div.right span:nth-child(2){ margin:0px 20px 0px 0px;}
#content .left_box .company_list li .bottom{ float:left; width:100%;}
#content .left_box .company_list li .bottom .num{ float:left;}
#content .left_box .company_list li .bottom .num p{ font-size:14px; color:#808080;}
#content .left_box .company_list li .bottom .num p span{ font-size:14px; color:#f3711a;}
#content .left_box .company_list li .bottom .jobs_list{ float:left; max-width:700px; overflow:hidden; height: 20px;}
#content .left_box .company_list li .bottom .jobs_list li{ float:left; margin:0px 0px 10px 0px;}
#content .left_box .company_list li .bottom .jobs_list li a{ font-size:14px; color:#188eee;}
#content .left_box .company_list li .bottom .jobs_list li a:hover{ text-decoration:underline;}
#content .left_box .company_list li .bottom .jobs_list li a:after{ content:","; font-size:14px; color:#808080; margin:0px 5px 0px 5px;}
#content .left_box .company_list li .bottom .jobs_list li:last-child a:after{ content:""; font-size:14px; color:#808080;}
#content .left_box .company_list li .bottom i{ display:inline-block; width:12px; height:8px; float:right; cursor:pointer; margin:10px 0px 0px 0px;}
#content .left_box .company_list li .bottom .show_all{ background:url(../../images/2017/select_down.png);}
#content .left_box .company_list li .bottom .hide_all{ background:url(../../images/2017/select_up.png);}

#content .left_box ul.page_box{ width:100%; margin:40px 0px 30px 0px; text-align:center;}
#content .left_box ul.page_box li{ display:inline-block; margin:0px 10px 0px 0px;}
#content .left_box ul.page_box li a{ display:inline-block; line-height:28px; padding:0px 10px 0px 10px; color:#b2b2b2; font-size:16px; border:1px solid #b2b2b2;}
#content .left_box ul.page_box li a.dot{ border:none;}
#content .left_box ul.page_box li a:hover{ background:#188eee; color:#fff; border:1px solid #188eee;}
#content .left_box ul.page_box li a.select{ background:#188eee; color:#fff; border:1px solid #188eee;}
#content .left_box ul.page_box li a.dot{ background: none; color:#b2b2b2; border:none;}
#content .left_box ul.page_box li.page_all{ font-size:16px; color:#b2b2b2;}
#content .left_box p.emptytip{ text-align:center; font-size:20px; color:#cccccc; margin:0px 0px 50px 0px;}
#content .right_box{ float:right; width:280px;}
#content .right_box .item_box{ float:left; width:240px; padding:30px 20px 10px 20px; margin:0px 0px 20px 0px; background:#fff;}
#content .right_box .item_box .item_title{ border-left:5px solid #f3711a; padding:0px 0px 0px 10px;}
#content .right_box .item_box .item_title h3{ font-size:20px; color:#333333;}
#content .right_box .item_box .item_title h3 span{ font-size:20px; color:#ff0000;}
#content .right_box .item_box ul{ float:left; width:100%; margin:20px 0px 0px 0px;}
#content .right_box .item_box ul.company li{ float:left; width:100%; margin:0px 0px 20px 0px; padding:0px 0px 20px 0px; border-bottom:1px dashed #dcdcdc; }
#content .right_box .item_box ul.company li a.company_name b{ font-size:16px; color:#808080; max-width:240px; height:20px; overflow:hidden; font-weight:bold; margin:0px 0px 10px 0px; float:left;}
#content .right_box .item_box ul.company li a.company_name:hover b{ color:#188eee;}
#content .right_box .item_box ul.company li div.job{ max-width:240px; height:20px; overflow:hidden;}
#content .right_box .item_box ul.company li div.job span{ font-size:14px; color:#808080; float:left;}
#content .right_box .item_box ul.company li div.job a{ font-size:14px; color:#188eee; float:left; margin:0px 10px 0px 0px; font-weight:normal;}
#content .right_box .item_box ul.company li div.job a:hover{ text-decoration:underline;}
#content .right_box .item_box ul.job li{ float:left; width:100%; margin:0px 0px 20px 0px; padding:0px 0px 20px 0px; border-bottom:1px dashed #dcdcdc; }
#content .right_box .item_box ul.job li a.job_name{ font-size:16px; color:#808080; max-width:240px; height:20px; overflow:hidden; margin:0px 0px 10px 0px; float:left;}
#content .right_box .item_box ul.job li a.job_name:hover{ color:#188eee;}
#content .right_box .item_box ul.job li div.info{ max-width:240px; height:20px; overflow:hidden;}
#content .right_box .item_box ul.job li div.info span.left{ font-size:14px; color:#fa7c5c;}
#content .right_box .item_box ul.job li div.info span.right{ font-size:12px; color:#808080;}
#content .right_box a.subscribe{ display:inline-block; width:100%; height:60px; color:#333; text-align:center; line-height:60px; font-size:16px; background:#fff;}
#content .right_box a.subscribe:hover{ background:#f3711a; color:#fff;}