body {width: 100%; margin: 0 auto; padding: 0; font-size: 14px; font-family: "Microsoft Yahei" Arial, sans-serif; color: #666; background: #f1f1f1; }
a, p, ul, li, h1, h2, h3 { text-decoration: none; margin: 0; padding: 0; list-style-type: none; font-weight: normal; }
* { padding: 0; margin: 0; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
input, button, select, textarea { outline: none;/*强制去除表单自带的样式*/ margin: 0; -webkit-appearance: none; }
textarea { resize: none;/*强制去除textarea自带的样式*/ }
a { color: #666; text-decoration: none; }
a:visited { color: #666; }
a:hover { color: #666; }
em { font-style: normal; }
img { border: none; overflow: hidden;}
.grey { color: #999; }
.red { color: #EA222E; }
.fl{float: left;} .fr{float: right;}
.w{overflow: hidden;}

a.red{color: #c00;}

.button1{width: 100%; height: 40px; font: 16px/40px "Microsoft Yahei"; color: #fff; background: #0366cb; border: 0; -webkit-appearance:none;}
.button2{width: 100%; height: 40px; font: 16px/40px "Microsoft Yahei"; color: #fff; background: #0594f4; border: 0; -webkit-appearance:none;}
.button3 {
    width: 100%;
    height: 40px;
    font: 16px/40px "Microsoft Yahei";
    color: #fff;
    background: #f55f5e;
    border: 0;
    -webkit-appearance: none;
    text-align: center;
}
.button1 a,.button2 a,.button3 a,.button1 a:hover,.button2 a:hover,.button3 a:hover{color: #fff;}


/*top*/
.top{height: 60px; padding: 0 15px; background: #fff; overflow: hidden;}
.top .logo{padding: 12.5px 0;}
.top .logo img{height: 35px; display: block;}
.top .down{font: 15px/60px "Microsoft Yahei"; color: #0594f4;}
.top .down a{color: #0594f4;}

/*top_g and banner_g*/

#header_g{ height: auto; width: 100%;position: fixed;top: 0;z-index: 700;left: 0;right: 0;padding: 7px 0}
.header_h{ height: auto; width: 100%;position: fixed;top: 0;z-index: 700;left: 0;right: 0;background: #0366cb}

.fixbtn{ height: auto; width: 100%;position: fixed;top: 0;z-index: 700;left: 0;right: 0;  background: #666}
.rcwleft{ float: left; }
.rcwleft a{ color: #fff; height: 35px; line-height: 35px;}
.rcwleft a.logo{font-size: 18px; font-weight: 700; float: left; margin-left: 15px;}
.rcwleft a.fenzhan{ float: left; padding-left: 15px;}
.rcwleft span{ float: left; width: 40px;}
.rcwleft i.d-arrow{ background:url(../images/fzioc.png) no-repeat; width: 12px; height: 7px; float:left;margin-top: 15px;}
.rcwright{ float: right; margin-right: 15px; color:#fff;}
.rcwright a{ height: 35px; line-height: 35px; color:#fff; padding: 0px 10px;}
.banner_g{ width: 100%; overflow: hidden;}
.banner_g img{ width: 100%;max-width: 100%;vertical-align: top;}

.search_g{ background: #f1f1f1;display: block;}
.searchbg{ height: 40px; margin: 10px 15px; border: 1px solid #ddd; display: flex;}
.searchbg_n1{ flex:1;}
.searchbg_n1 input{ padding:0px 15px;width: 100%; height: 38px; border: 0px;}
.searchbg_n2{ width: 38px; height: 38px;}
.searchbg_n2 input{ width:38px; height: 38px;background: url(../images/icon_search.png) 6px 6px no-repeat #fff; border: 0}

.columnlist{ padding:15px 0px; background: #fff;}
.listn4{ margin:0px 15px; display: block; height: auto; overflow: hidden;}
.listn4 a{ width:25%; float: left; display: block; text-align: center;}
.listn4 a span{ display:block; text-align: center;}
.listn4 a span img{ max-width: 50px;max-height: 50px; width: 100%;}

/*banner*/
.banner{position: relative;}
.banner img{width: 100%; overflow: hidden;}
.banner .search{position: absolute; width: 92%; height: 32px; margin: 15px 4% 0; line-height: 32px; color: #999; text-align: center; vertical-align: middle; border-radius: 5px; background: #fff; z-index: 2;}
.banner .search img{width: 20px; height: 20px; vertical-align: middle;}

/*home_btn*/
.home_btn{padding: 15px; background: #fff; overflow: hidden;}
.home_btn li{float: left; width: 48%; margin-right: 4%; border-radius: 7px; text-align: center;}
.home_btn li:last-child{margin-right: 0;}
.home_btn li a,.home_btn li a:hover{color: #fff; display: block;}

.home_title{height: 20px; margin: 10px 0; padding: 0 15px; line-height: 20px; background: url(/images/title_d.jpg) no-repeat left;}

.hot{}
.hot ul{overflow: hidden; background: #fff;}
.hot li{float: left; width: 25%; line-height: 40px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-text-overflow: ellipsis;}
.hot .more{height: 40px; line-height: 40px; text-align: center; background: #fff; color: #0366cb; border-top: 1px solid #e7e7e7;}
.hot .more a{color: #0366cb;}

.adv{margin-top: 10px;}
.adv img{width: 100%; display: block;}
.list_adv{overflow: hidden;}
.list_adv img{width: 100%; display: block;}

.new_job ul{overflow: hidden; padding: 10px 0px 10px 15px; border-bottom: 1px solid #e7e7e7; background: #fff;}
.new_job li{float: left; padding-right: 15px; padding-bottom: 10px; box-sizing: border-box; -webkit-box-sizing: border-box;}
.new_job li img{width: 100%; display: block;}
.new_job li h3{margin-top: 5px; font: 14px/24px "Microsoft Yahei"; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-text-overflow: ellipsis;}
.new_job li .name{font: 12px/24px "Microsoft Yahei"; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-text-overflow: ellipsis;}
.new_job li .add{font: 11px/24px "Microsoft Yahei"; color: #999;}
.new_job li .salary{font: 13px/24px "Microsoft Yahei"; color: #c00;}

.new_job .more{height: 40px; line-height: 40px; text-align: center; background: #fff; color: #0366cb;}
.new_job .more a{color: #0366cb;}

/*footer*/
.footer{padding: 15px 0 60px; text-align: center; font: 12px/24px "Microsoft Yahei"; color: #999;}

.footer_fixed{position: fixed; bottom: 0; width:100%; border-top: 1px solid #ddd; background: #fff; display: -webkit-box;}
.footer_fixed li{display: block; padding: 10px 0; text-align: center; vertical-align: middle; border-right: 1px solid #ddd; -webkit-box-flex:1;}
.footer_fixed li:last-child{border-right: 0px;}
.footer_fixed li a{width: 100%; display: block; color: #999;}
.footer_fixed li a:hover{width: 100%; display: block; color: #999;}
.footer_fixed li img{height: 18px; margin-right: 5px; vertical-align: middle;}


/*list_search*/
.list_search {
    padding: 7.5px 15px;
    background: #10aeff;
    overflow: hidden;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.list_search .back{height: 20px; overflow: hidden; margin-top: 7px;}.list_search .back img{height: 100%;}
    .list_search .search {
        position: relative;
        width: 85%;
        height: 35px;
        margin: 0px 15px;
        line-height: 28px;
        font-size: 13px;
        color: #10aeff;
        text-align: center;
        vertical-align: middle;
        border-radius: 3px;
        background: #fff;
        z-index: 2;
    }
.list_search .search img{width: 15px; height: 15px; margin-top: -3px; margin-right: 5px; vertical-align: middle;}
.list_search .search a{display: block; color: #0366cb;}
.list_search .search .inp1{width: 100%; height:35px; padding-right: 30px; border: 0; background: none; -webkit-appearance:none;}
.list_search .search .inp2{position: absolute; top: 9px; right: 10px; width: 50px; height: 18px; border: 0; -webkit-appearance:none;   background: url(../images/icon_search.png) no-repeat;background-size: 18px;padding-left: 20px;}

.list_search .right{line-height: 34px; color: #fff;}
.list_search .right a,.list_search .right a:hover{color: #fff;}

/*list_position*/
.list_position{}
.list_position li{padding: 10px 15px; border-bottom: 1px solid #ddd; background: #fff; overflow: hidden;}
.list_position li .postname{font: 16px/26px "Microsoft Yahei"; color: #333;}
.list_position li .time{font: 12px/26px "Microsoft Yahei"; color: #999;}
.list_position li .compname{font: 13px/24px "Microsoft Yahei"; color: #999; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-text-overflow: ellipsis;}
.list_position li .add{font: 11px/30px "Microsoft Yahei"; color: #c00;}
.list_position li .add span{line-height:20px; margin-right: 3px; padding: 0 5px; color: #c00; border: 1px solid #c00; border-radius: 3px; list-style:none;}
.list_position li .add .blue{color: #0594f4; border: 1px solid #0594f4;}

.list_position li .salary{font:bold 14px/30px "Microsoft Yahei"; color: #c00;}

/*list_resume*/
.list_resume{}
.list_resume li{position: relative; height: 100px; padding: 10px 15px; border-bottom: 1px solid #ddd; background: #fff; overflow: hidden;}
.list_resume li img{position: absolute; height:80px; max-height: 80px; max-width:76px;}
.list_resume li .right{padding-left: 80px;}
.list_resume li .job{font: 14px/22px "Microsoft Yahei"; color: #333;}
.list_resume li .salary{font: 12px/20px "Microsoft Yahei"; color: #999;}
.list_resume li .infor{font: 12px/20px "Microsoft Yahei"; color: #999;}
.list_resume li .time{font: 12px/20px "Microsoft Yahei"; color: #999;}

/*Resume_Details*/
.Resume_Details{overflow: hidden;margin-bottom:10px;}
.Resume_Details .infor{position: relative; padding: 15px; background: #fff;}
.Resume_Details .infor img{position: absolute; max-height: 120px; max-width:90px;}

.Resume_Details .infor .right{padding-left: 105px;}
.Resume_Details .infor .right h1{font-size: 20px; line-height: 18px; margin-bottom: 8px; color: #333;}
.Resume_Details .infor .right ul{overflow: hidden;}
.Resume_Details .infor .right li{float: left; width: 40%; font-size: 12px; line-height: 22px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-text-overflow: ellipsis;}
.Resume_Details .infor .right li:nth-of-type(2n) {width: 60%;}

@media screen and (max-width: 320px) { 
.Resume_Details .infor .right li{font-size: 11px;}
}

.Resume_Details .details{}
.Resume_Details .details .cont{padding: 10px 20px; background: #fff; line-height: 24px;}
.Resume_Details .details .cont .btn{width: 100%; margin: 5px 0;  height: 40px;}


/*Position_Details*/
.Position_Details{overflow: hidden;margin-bottom:10px;}
.Position_Details .infor{padding: 15px; background: #fff;}
.Position_Details .infor h1{font: 20px/30px "Microsoft Yahei"; margin-bottom: 5px;}
.Position_Details .infor .salary{font-size: 14px; margin-bottom: 8px; color: #c00;}
.Position_Details .infor .time{font-size: 12px; overflow: hidden; color: #999;}

.Position_Details .infor ul{border-top: 1px solid #ddd; margin: 10px 0; padding-top: 10px; overflow: hidden;}
.Position_Details .infor li{float: left; width: 50%; line-height: 30px;}
.Position_Details .infor li span{line-height:20px; margin-right: 5px; padding: 0 5px; color: #c00; border: 1px solid #c00; border-radius: 3px; list-style:none;}

.Position_Details .company{background: #fff; margin-top: 10px;}
.Position_Details .company .desc{padding: 15px; overflow: hidden;  display: -webkit-box;}
.Position_Details .company .desc .left{-webkit-box-flex:2; line-height: 30px;}
.Position_Details .company .desc .left h2{font-size: 16px;}
.Position_Details .company .desc .left p{font-size: 14px;}
.Position_Details .company .desc .phone{-webkit-box-flex:1;}
.Position_Details .company .desc .phone .tup{text-align: center;}
.Position_Details .company .desc .phone .tup img{height: 30px; text-align: center;}
.Position_Details .company .desc .phone em{float: left; width: 100%; font-size: 12px; color: #999; text-align: center; margin-top: 5px;}
    .Position_Details .company p a {
        color: crimson;
    }

.accordion {margin-bottom: 8px; border-top: 1px solid #ddd; }
.accordion .link {cursor: pointer; display: block; position: relative; padding: 0 10px; font: 14px/40px "Microsoft Yahei"; text-align: center; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
.accordion .link i {font-style: normal; text-align: center;}
.accordion .link i.fa-chevron-down {padding: 0 25px; margin-left: -25px; background: url(/images/jt_grey_xx.png) no-repeat right; background-size: auto 7px; }
.accordion .open i {}
.accordion .open i.fa-chevron-down {background: url(../images/jt_grey_xs.png) no-repeat right; background-size: auto 7px;}
.accordion .messages { position: absolute; top: 13px; right: 35px; padding: 0 5px; height: 15px; font: 12px/15px ""; color: #fff; border-radius: 15px; background: #DB4741; }
.submenu {display: none; padding: 0 15px 15px; font-size: 14px;} 
.submenu li{line-height: 30px;}
.submenu .p{margin: 15px 0; color: #999; line-height: 22px;}

.Position_Details .details{}
.Position_Details .details .cont{padding: 10px 20px; background: #fff; line-height: 24px;}

.pos_fixed{min-width:320px; width:100%; max-width:640px; position: fixed; bottom: 0;}
.pos_fixed .top{width: 100%; height: 10px; background:url(../images/position_footer.png) bottom; background-size: 100% 100%;}

.pos_fixed .con{width: 100%; background: #e7e7e7; box-sizing: border-box; -webkit-box-sizing: border-box; overflow: hidden;}
.pos_fixed .con .w40{float: left; width: 45%; line-height: 40px; text-align: center; display: block; background: url(../images/fixed_x.jpg) repeat-y right; box-sizing:border-box; -webkit-box-sizing:border-box;}
.pos_fixed .con .w30{width: 30%; float: left;  line-height: 40px; text-align: center; display: block; background: url(../images/fixed_x.jpg) repeat-y right; box-sizing:border-box; -webkit-box-sizing:border-box;}
.pos_fixed .con .w10{width: 10%; float: left; line-height: 40px; text-align: center; display: block; background: url(../images/fixed_x.jpg) repeat-y right; box-sizing:border-box; -webkit-box-sizing:border-box;}
.pos_fixed .con .w10 img{width: 25px; height: 25px; vertical-align: middle;}

.bljj{ height:auto; overflow:hidden; display:block}
    .bljj .cName {
        display: inline-block;
        font-weight: bold;
        padding: 5px 5px 5px 0;
        font-size: 16px;
        text-align:center;
        white-space: normal;
        text-overflow: ellipsis;
        overflow: hidden;
        width: 250px;
    }
.bljj .cImage{ display:inline-block;}
.bljj { line-height:24px;}


.Position_Details .infor h1{ position: relative;}
.Position_Details .infor .ico-sc{position: absolute;right: 10px;width: 56px;top: 0; font-size: 12px;line-height: 12px;text-align: center;display: block;}
.Position_Details .infor .ico-sc img{width: 25px;height:25px;}

.rich_media_area_primary {
    position: relative;
    padding: 20px 15px 60px 15px;
    background-color: #fff;
}
.rich_media_title {
    margin-bottom: 10px;
    line-height: 1.4;
    font-weight: 400;
    font-size: 24px;
}

.rich_media_meta_list {
    margin-bottom: 18px;
    line-height: 20px;
    font-size: 0;
}
.rich_media_meta_list em {
    font-style: normal;
}
.rich_media_meta_text {
    color: #8c8c8c;
}
.rich_media_meta {
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    margin-bottom: 10px;
    font-size: 16px;
}
.rich_media_meta {
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    margin-bottom: 10px;
    font-size: 16px;
}

.rich_media_content p {
    clear: both;
    min-height: 1em;
    white-space: pre-wrap;
}
.rich_media_content * {
    max-width: 100%!important;
    box-sizing: border-box!important;
    -webkit-box-sizing: border-box!important;
    word-wrap: break-word!important;
}
.follow-txt {
    font-size: 16px; line-height: 1.6;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.loader { height: 60px; text-align: center; position: relative; }
.loader-inner { display: block; margin-top: 30px; margin-left: 48%; }
@-webkit-keyframes ball-spin-fade-loader {
	50% { opacity: 0.3; -webkit-transform: scale(0.4); transform: scale(0.4); }
	100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}
@keyframes ball-spin-fade-loader {
	50% { opacity: 0.3; -webkit-transform: scale(0.4); transform: scale(0.4); }
	100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}
.ball-spin-fade-loader { position: relative; }
.ball-spin-fade-loader > div:nth-child(1) { top: 18px; left: 0; -webkit-animation: ball-spin-fade-loader 1s 0s infinite linear; animation: ball-spin-fade-loader 1s 0s infinite linear; }
.ball-spin-fade-loader > div:nth-child(2) { top: 12.04545px; left: 12.04545px; -webkit-animation: ball-spin-fade-loader 1s 0.12s infinite linear; animation: ball-spin-fade-loader 1s 0.12s infinite linear; }
.ball-spin-fade-loader > div:nth-child(3) { top: 0; left: 18px; -webkit-animation: ball-spin-fade-loader 1s 0.24s infinite linear; animation: ball-spin-fade-loader 1s 0.24s infinite linear; }
.ball-spin-fade-loader > div:nth-child(4) { top: -12.04545px; left: 12.04545px; -webkit-animation: ball-spin-fade-loader 1s 0.36s infinite linear; animation: ball-spin-fade-loader 1s 0.36s infinite linear; }
.ball-spin-fade-loader > div:nth-child(5) { top: -18px; left: 0; -webkit-animation: ball-spin-fade-loader 1s 0.48s infinite linear; animation: ball-spin-fade-loader 1s 0.48s infinite linear; }
.ball-spin-fade-loader > div:nth-child(6) { top: -12.04545px; left: -12.04545px; -webkit-animation: ball-spin-fade-loader 1s 0.6s infinite linear; animation: ball-spin-fade-loader 1s 0.6s infinite linear; }
.ball-spin-fade-loader > div:nth-child(7) { top: 0; left: -18px; -webkit-animation: ball-spin-fade-loader 1s 0.72s infinite linear; animation: ball-spin-fade-loader 1s 0.72s infinite linear; }
.ball-spin-fade-loader > div:nth-child(8) { top: 12.04545px; left: -12.04545px; -webkit-animation: ball-spin-fade-loader 1s 0.84s infinite linear; animation: ball-spin-fade-loader 1s 0.84s infinite linear; }
.ball-spin-fade-loader > div { background-color: #666; width: 10px; height: 10px; border-radius: 100%; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute; }

/*list*/
.list_news{padding: 12px 10px; background: #fff; margin-top: 10px;}
.list_news li{height: 60px; padding: 10px; margin-bottom: 5px; background: #fafafa; box-sizing:border-box; -webkit-box-sizing:border-box;}
.list_news li label{display: block; width: 100%; font: 13px/22px "Microsoft Yahei"; color: #000; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-text-overflow: ellipsis;}
.list_news li em{display: block; width: 100%; font: 12px/22px "Microsoft Yahei"; color: #999999; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-text-overflow: ellipsis;}
.list_news li a{display: block; height: 40px;}


/*sub*/
.sub_news{margin-top: 10px; padding: 15px; font: 13px/24px "Microsoft Yahei"; background: #fff;}
.sub_news .bt{padding-bottom: 8px; text-align: center;}
.sub_news .bt h1{font: bold 18px/30px "Microsoft Yahei"; border-bottom: 1px solid #ddd;padding-bottom: 8px;}
.sub_news .bt em{font: 13px/30px "Microsoft Yahei";}
.sub_news .con img{width: 90%; margin: 0 5%;}

.con_bo{overflow: hidden; margin-top: 10px;}
.con_bol{float:left; background:url(../images/btn_left.png) right no-repeat; height:32px; text-align:right; line-height:32px; width:46%; margin-right:4%; padding-right:1em; box-sizing:border-box;}
.con_bor{float:left; background:url(../images/btn_right.png) left no-repeat; height:32px; text-align:left; line-height:32px; width:46%; padding-left:1em; box-sizing:border-box;}
.con_bo a{color: #000;}.con_bo a:hover{color: #000;}
/*sub_xg*/
.sub_xg{margin: 10px; padding: 10px; font: 13px/24px "Microsoft Yahei"; background: #fff;}
.sub_xg .tit{width: 100%; height: 30px; border-bottom: 1px solid #0366cb; overflow: hidden;}
.sub_xg .tit h3{float: left; padding: 0 20px; background: #0366cb; font:bold 14px/30px "Microsoft Yahei"; color: #fff;}

.sub_xg_news{margin: 10px 0; overflow: hidden; }
.sub_xg_news li{height: 60px; padding: 10px; margin-bottom: 5px; background: #fafafa; box-sizing:border-box; -webkit-box-sizing:border-box;}
.sub_xg_news li label{display: block; width: 100%; font: 13px/22px "Microsoft Yahei"; color: #000; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-text-overflow: ellipsis;}
.sub_xg_news li em{display: block; width: 100%; font: 12px/22px "Microsoft Yahei"; color: #999999; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-text-overflow: ellipsis;}
.sub_xg_news li a{display: block; height: 40px;}

.aboutus{padding-bottom: 80px;margin:15px;line-height: 30px;}
.aboutus img{ width:100%; margin: 10px 0px;}
.aboutus p{text-indent: 2em; text-align: justify}

#header_g_no {
    height: auto;
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 700;
    left: 0;
    right: 0;
    padding: 7px 0;
    display: none;
    background: #10aeff;
}
.grid {
    overflow: hidden
}

.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7 {
    float: left
}

.grid-1 {
    width: 8.333333%;
}

.grid-2 {
    width: 16.666667%
}

.grid-3 {
    width: 25%
}

.grid-4 {
    width: 33.333333%
}

.grid-5 {
    width: 41.666667%
}

.grid-6 {
    width: 50%
}

.grid-7 {
    width: 58.333333%
}