﻿@charset "utf-8";
/* 网站管理后台，重写样式 */
/* 解寒召 */
*{margin: 0;padding: 0;box-sizing: border-box;}
html{background-color:#f2f2f2;color:#333;}
table {border-collapse: collapse;border-spacing: 0;}
table th, table td {padding: 5px;}
img {border: 0;max-width: 100%;}
ol, ul {list-style: none;}
a:focus {outline: none;}
p {word-spacing: -1.5px;}
input, button, textarea, select, optgroup, option {font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;}
input, button, textarea, select {*font-size:100%;}
input, select {vertical-align: middle;}
select, input, button, textarea, button {font: 99% arial, helvetica, clean, sans-serif;}
table {font-size: inherit;font: 100%;border-collapse: collapse;}
pre, code, kbd, samp, tt {font-family: monospace;*font-size:108%;line-height: 100%;}
h1 {font-size: 32px;}
h2 {font-size: 26px;}
h3 {font-size: 20px;}
h4 {font-size: 14px;}
h5 {font-size: 12px;}
h6 {font-size: 10px;}
body {background-color: #fff;overflow-x: hidden;color: #333;font-size: 15px;font-family: microsoft yahei;position: relative;overflow-x: hidden;overflow-y: auto;}
/*通用样式*/
.hidden {visibility: hidden;}
.none{display: none;}
.clear {clear: both;height: 0;line-height: 0;font-size: 0;}
/*文字对齐样式*/
.tl {text-align: left!important;}
.tc {text-align: center!important;}
.tr {text-align: right!important;}
.fl {float: left;display: inline;}
.fr {float: right;display: inline;}
/*文字颜色*/
.red{color: red;}
.green{color: green;}
.blue{color: blue;}

/*最小宽度*/
.mw150{min-width: 150px!important;}
.mw170{min-width: 170px!important;}
.mw250{min-width: 250px!important;}
/*宽度*/
.w1200{width: 1200px!important;}
.w1000{width: 1000px!important;}
.w800{width: 800px!important;}
.w750{width: 750px!important;}
.w600{width: 600px!important;}
.w100{width: 100px!important;}
.w80{width: 80px!important;}
.w10{width: 10px!important;}
.wbf80{width: 80%!important;}
/*最小高度*/
.mh1000{min-height: 1000px;}
/*高度*/
.h50{height: 50px;}
/*左距*/
.pl10{padding-left: 10px;}
.pl15{padding-left: 15px;}
.pl20{padding-left: 20px;}
.pl25{padding-left: 25px;}
.pl30{padding-left: 30px;}
.pl35{padding-left: 35px;}
.pl40{padding-left: 40px;}
.pl45{padding-left: 45px;}
.pl50{padding-left: 50px;}
.pl55{padding-left: 55px;}
/* 空行 */
.line30{width: 100%;height: 30px;clear: both;}
.line40{width: 100%;height: 40px;clear: both;}
.line50{width: 100%;height: 50px;clear: both;}
.line60{width: 100%;height: 60px;clear: both;}
.line70{width: 100%;height: 70px;clear: both;}

/*背景颜色*/
.bgc999{background-color:#999;}
.bgcwx{background-color: #339900;}
.bgc{background-color: #F8F8F8;}

/* 字体 */
.font-f{font-family: 'Lexend',sans-serif;}

/* 主题与颜色 */
.color{color: #0180cf!important;}
a {color: #333;text-decoration: none;}
a:hover {color: #0180cf;text-decoration: none;}

/* 宽度布局 */
.full{width: 100%;}

/* 按钮 */
.btn1{width: 95px;height: 28px;border: 1px solid #3395f6;color: #3395f6;display: inline-block;border-radius: 3px;text-align: center;line-height: 28px;background: #fff;}
.btn1:hover{background-color: #3395f6; color: #fff;}
.btn2{width: 95px;height: 28px;border: 1px solid #0ab389;color: #0ab389;display: inline-block;border-radius: 3px;text-align: center;line-height: 28px;background: #fff;}
.btn2:hover{background-color: #0ab389; color: #fff;}

/* 标题1 */
.title1{height: 100px;padding: 20px 0 0;display:flex;justify-content: space-between;align-items:center;flex-wrap:wrap;}
.title1 .left{display:flex;justify-content: left;align-items:center;flex-wrap:wrap;}
.title1 .left .p1{width: 7px;height: 28px;background-color: #0180cf;margin-right: 15px;border-radius: 5px;}
.title1 .left .p2{color: #3395f6;font-size: 28px;padding-right: 10px;}
.title1 .left .p3{color: #ababac;font-size: 13px;display: block;margin-top: 15px;}
/* 标题2 */
.title2{height: 100px;padding: 20px 0 0;display:flex;justify-content: space-between;align-items:center;flex-wrap:wrap;}
.title2 .left{display:flex;justify-content: left;align-items:center;flex-wrap:wrap;}
.title2 .left .p1{width: 7px;height: 28px;background-color:#0ab389;margin-right: 15px;border-radius: 5px;}
.title2 .left .p2{color: #0ab389;font-size: 28px;padding-right: 10px;}
.title2 .left .p3{color: #ababac;font-size: 13px;display: block;margin-top: 15px;}

/* **************************************************************************** */
/* 基础样式 */
.main{width: 1200px;margin: 0 auto;}

/* header */
.header .top-box{height: 32px;line-height: 32px;background: #2f333c;font-size: 12px;}
.header .top-box .top{color: #fff;display:flex;justify-content: space-between;align-items:center;flex-wrap:wrap;}
.header .top-box .top .left{width: 150px;}
.header .top-box .top .right{flex: 1;display:flex;justify-content:right;align-items:center;}
.header .top-box .top .right a{color: #fff;margin-left: 20px;}
.header .bottom-box{height: 100px;line-height: 100px;box-shadow: 0 1px 5px #bababa;}
.header .bottom-box .bottom{display:flex;justify-content: space-between;align-items:center;flex-wrap:wrap;}
.header .bottom-box .bottom .left{width: 300px;}
.header .bottom-box .bottom .left img{width: 100%;height: auto;}
.header .bottom-box .bottom .right{flex: 1;}
.header .bottom-box .bottom .right ul{display:flex;justify-content:right;align-items:center;}
.header .bottom-box .bottom .right ul li{padding:0 15px;}
.header .bottom-box .bottom .right ul li a{color: #333;font-size: 17px;}
.header .bottom-box .bottom .right ul li a:hover{color: #0180cf;}

/* 内容版块 */
.index-main{padding:20px 0;}

/* 顶部版块 */
.index-top{min-height: 100px;display:flex;justify-content: space-between;align-items:center;}
.index-top .left{width: 250px;height: 420px;background-color: #fff;overflow: hidden;}
.index-top .left .title{height: 40px;background-color: #3d9af6;display:flex;justify-content: space-between;align-items:center;}
.index-top .left .title i{font-size: 16px;color: #fff;padding-left: 10px;padding-right: 10px;}
.index-top .left .title p{font-size: 16px;color: #fff;flex: 1;}
.index-top .left .title a{font-size: 12px;color: #fff;padding-right: 10px;}
.index-top .left .title a:hover{font-size: 12px;font-weight: bold;}
.index-top .left .content{height: 380px;overflow: hidden;width: 250px;position: relative;}
.index-top .left .content ul{height: 380px;width: 250px;padding:10px 12px 0 0;}
.index-top .left .content li{height: 38px;display:flex;justify-content: space-between;align-items:center;padding-left: 36px;background: url(/images/lg_bg.png) no-repeat left center;background-size: 36px 38px;}
.index-top .left .content li a{font-size: 14px;color: #666;}
.index-top .left .content li a:hover{color: #0180cf;}
.index-top .left .content li p{font-size: 12px;color: #f85659;}
.index-top .center{width: 660px;height: 420px;background-color: #fff;overflow: hidden;}
.index-top .center .top{width: 660px;height: 90px;text-align: center;line-height: 90px;}
.index-top .center .top form .type-box{width: 150px;}
.index-top .center .top form .type-box input{text-align: center;}
.index-top .center .top form .keywords-box{width: 350px;}
.index-top .center .bottom{width: 660px;height: 330px;}
.index-top .center .bottom img{width: 660px;height: 330px;}
.index-top .right{width: 250px;height: 420px;background-color: #fff;overflow: hidden;}
.index-top .right .title{height: 40px;background-color: #ff9600;display:flex;justify-content: space-between;align-items:center;}
.index-top .right .title i{font-size: 16px;color: #fff;padding-left: 10px;padding-right: 10px;}
.index-top .right .title p{font-size: 16px;color: #fff;flex: 1;}
.index-top .right .title a{font-size: 12px;color: #fff;padding-right: 10px;}
.index-top .right .title a:hover{font-size: 12px;font-weight: bold;}
.index-top .right .content{height: 380px;overflow: hidden;width: 250px;position: relative;}
.index-top .right .content ul{height: 380px;width: 250px;padding:0 10px 0 10px;}
.index-top .right .content li{height: 76px;position: relative;border-bottom: 1px #ccc solid;padding: 10px 0;}
.index-top .right .content li a{font-size: 14px;color: #333;padding-right: 10px;line-height: 26px;}
.index-top .right .content li a:hover{color: #0180cf;}
.index-top .right .content li p{font-size: 12px;color: #aaa;position: absolute;right: 5px;bottom: 15px;}

/* 名企招聘 */
.index-company{min-height: 100px;}
.index-company .content ul{display:flex;justify-content: space-between;align-items:center;flex-wrap:wrap;}
.index-company .content ul li{width:197px;padding:10px;background-color: #fff;margin:1px;text-align: center;padding-bottom: 20px;}
.index-company .content ul li img{width: 150px;height: 150px;margin: 15px;}
.index-company .content ul li p{font-size: 14px;color: #333;}
.index-company .content ul li p:hover{font-size: 14px;color: #0180cf;}

/* 热门招聘 */
.index-job{min-height: 100px;}
.index-job .content ul{background-color: #fff;display:flex;justify-content: space-between;align-items:center;flex-wrap:wrap;padding:10px 0 20px 20px;}
.index-job .content ul li{width: 24%;padding: 10px 0 15px;border-bottom: 1px solid #eee}
.index-job .content ul li .p1{font-size: 16px;color: #0168bd;line-height: 26px;}
.index-job .content ul li .p1:hover{font-weight: 600;}
.index-job .content ul li .p2{font-size: 14px;color: #666666;line-height: 40px;}
.index-job .content ul li .p2:hover{color: #000;}
.index-job .content ul li div{display: flex;justify-content: left;align-items:center;line-height: 25px;}
.index-job .content ul li .p3{font-size: 14px;color: #f85659;font-weight: bold;}
.index-job .content ul li span{font-size: 14px;color: #666;display: block;padding-left: 5px;}
/* 职场资讯 */
.index-news{min-height: 100px;}
.index-news .content {display:flex;justify-content: space-between;align-items:center;flex-wrap:wrap;}
.index-news .content .left{width: 290px;height: 470px;background-color: #fff;padding:15px 0 15px 15px;}
.index-news .content .left .title{font-size: 18px;}
.index-news .content .left .bottom{padding-top: 10px;}
.index-news .content .left .bottom ul li{line-height: 40px;display:flex;justify-content: space-between;align-items:center;flex-wrap:wrap;}
.index-news .content .left .bottom ul li a{flex: 1;padding-left: 10px;}
.badge0{background: #f60;color: #fff;height: 20px;width: 20px;display: block;text-align: center;line-height: 20px;}
.badge1{background: #ff8b3e;color: #fff;height: 20px;width: 20px;display: block;text-align: center;line-height: 20px;}
.badge2{background: #f4ab2b;color: #fff;height: 20px;width: 20px;display: block;text-align: center;line-height: 20px;}
.badge3,.badge4,.badge5,.badge6,.badge7,.badge8,.badge9{background: #d8ecff;color: #3396f6;height: 20px;width: 20px;display: block;text-align: center;line-height: 20px;}
.index-news .content .right{width: 900px;height: 470px;background-color: #fff;padding:15px 0 15px 15px;}
.index-news .content .right .top{font-size: 18px;}
.index-news .content .right .center{padding-top: 10px;}
.index-news .content .right .center ul{display:flex;justify-content: space-between;align-items:center;padding-bottom: 10px;}
.index-news .content .right .center ul li{width: 50%;}
.index-news .content .right .center ul li dl{width: 100%;display:flex;justify-content: space-between;align-items:center;}
.index-news .content .right .center ul li dl dt{width: 190px;height: 120px;}
.index-news .content .right .center ul li dl dt img{width: 190px;height: 120px;}
.index-news .content .right .center ul li dl dd{flex:1;padding: 0 15px;}
.index-news .content .right .center ul li dl dd a{color: #6c6a6a;display: block;height: 73px;}
.index-news .content .right .center ul li dl dd p{font-size: 14px;color: #bbb;}
.index-news .content .right .bottom{padding-top: 10px;}
.index-news .content .right .bottom ul{display:flex;justify-content: space-between;align-items:center;flex-wrap:wrap;padding-right:20px;}
.index-news .content .right .bottom ul li{width: 49%;display:flex;justify-content: space-between;align-items:center;height: 34px;}
.index-news .content .right .bottom ul li i{color: #b8b8b8;font-size: 20px;font-weight: 600;display: block;margin-top: -10px;}
.index-news .content .right .bottom ul li a{flex:1;padding-left: 10px;font-size: 14px;color: #666;}
.index-news .content .right .bottom ul li span{color: #b8b8b8;font-size: 12px;padding-right: 5px;}

/* 友情链接 */
.index-link{background-color: #fff;padding:10px 0 20px 20px;margin-top: 20px;}
.index-link .title{font-size: 18px;}
.index-link .content{padding-top: 10px;display:flex;justify-content: left;align-items:center;flex-wrap:wrap;}
.index-link .content::after{content:'';flex:auto;}
.index-link .content a{display: inline-block;margin-right: 20px;margin-bottom: 10px;}


/* footer */
.footer{background: #31383e;color: #fff;padding: 20px 0 0 0;}
.footer .top{height: 245px;padding:45px 0;display:flex;justify-content: space-between;align-items:center;flex-wrap:wrap;}
.footer .top .left{width: 300px;height:100%;border-right:1px dashed #555555;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.footer .top .left img{padding-bottom: 10px;}
.footer .top .left .p1{line-height: 36px;color:#b3b1b1;}
.footer .top .left .p2{font-size: 30px;font-weight: 600;color: #ffa405;}
.footer .top .center{width: 635px;height:100%;border-right: 1px dashed #555555;display:flex;justify-content: left;align-items:center;}
.footer .top .center a{color: #fff;font-size: 18px;padding-left: 20px;}
.footer .top .center a:hover{color: #0180cf;}
.footer .top .right{width: 265px;height:100%;}
.footer .top .right ul{display:flex;justify-content: center;align-items:center;}
.footer .top .right ul li{width:130px;padding-left: 30px;text-align: center;}
.footer .top .right ul li p{line-height: 36px;font-size: 12px;}
.footer .bottom{border-top: 1px solid #50565b;height: 100px;display:flex;justify-content: center;align-items:center;flex-wrap:wrap;}




/* 通用样式 */
.no-data{color: #7e8299;padding-left: 30px;padding-top: 15px;}
/*分页样式*/
.pglist {clear: both;margin: 20px;overflow: hidden;margin-left: 0px;text-align: center;font-size:12px}
.pglist ul{display:inline-block;}
.pglist ul li { display:inline-block;border: 1px solid #ccc;padding: 8px 15px;margin: 0 3px;line-height: 20px;background: #fff;color:#999}
.pglist ul li:hover{ background:#ddc5c5; color:#fff;border: 1px solid #ccc}
.pglist ul li:hover a{color:#fff;}
.pglist ul li.thisclass {display: inline-block;border: 1px solid #ccc;padding: 8px 15px;margin: 0 3px;background: #ccc;color: #fff;}
.pglist ul li.thisclass a {color: #fff;}
.pglist ul li.active {display: inline-block;border: 1px solid #ccc;padding: 8px 15px;margin: 0 3px;background: #ddc5c5;color: #fff;}
.pglist ul li.active a {color: #fff;}
.pglist ul li a{ display:block;color:#999;line-height: 20px;}
.pglist ul li a:hover {color: #fff;}
.pglist ul li strong{padding:5px;}

/*tp调试框*/
#think_page_trace_open{z-index: 99999999999;}


/*相应式布局*/
/*xs-小于750时生效*/
@media screen and (max-width:750px){
/* 版芯 */
.main{width: 100%;margin: 0 auto;}
}/* 结束 */