.clearfix:before, .clearfix:after {

            content: "";

            display: table;

        }

        .clearfix:after {

            clear: both;

        }

        .clearfix {

            *zoom: 1;

        }



.careers_container{

	max-width: 1230px; width:100%;

    margin: 0 auto;margin-bottom: 50px;margin-top: 24px;

	}



.careers_container .left {width: 100%; float:left;}

.careers_container .right{width: calc(100% - 758px); float: right;}

.careers-search{width: calc(100% - 108px);  height: 40px;background: #0766b9;padding:4px;border-radius:8px;padding-right:100px;overflow: hidden;position: relative;}

.careers-search .warp{background: #fff;height: 40px; border-radius:5px;overflow: hidden;}

.careers-search em{float: left; height: 20px; line-height: 20px;width: 150px;margin-top: 10px; overflow: hidden;

    text-align: center;border-right: 1px solid #E9E9E9;color: #252525;font-size: 18px;

}

.careers-search .serch-q{ line-height: 40px;width: calc(100% - 220px);float: left;padding:0px 20px;border:0;font-size: 18px;}

.careers-search .serch-q::placeholder {

font-size: 18px;

font-weight: normal;

line-height: 40px;

color: #8E8E8E;

        }

		

.careers-search .search-btn {

    position: absolute;

    display: inline-block;

    height: 40px;

    width: 100px;

    right:0;

    top:4px;

    text-align: center;

    line-height: 40px;

    background: #0766b9;

    color: #FFF;

    font-size: 16px;border:0; cursor:pointer;

}



.select_options{margin-top: 20px;}

.select_options .filter_item{height: 30px; line-height: 30px;overflow: hidden; padding-left:100px;font-size: 12px;position: relative;}

.select_options .filter_name{width: 100px;height: 30px;line-height: 30px;position:absolute;left:20px;}

.select_options .filter_name img{display: inline-block;vertical-align: top;margin-top:5px;}

.select_options .filter_items{padding-right: 40px;}

.select_options .filter_items li{float: left;margin:0 16px;}

.select_options .filter_items li.select a, .select_options .filter_items li:hover a {

    color: #0766B9;

}

.select_options .filter_item .slide_up{position: absolute; right: 0;    top: 0px;width: 80px;height: 30px;display:none;background:url(../image/icoAdd02.png) right top no-repeat;

 cursor:pointer;}

.select_options .filter_item.on{height: auto;}

.select_options .filter_item.on .slide_up{ background-position:right bottom; }





.careerMenu{width:100%;}

.career-tit{height: 40px;line-height: 40px;background:#0766b9;color: #fff;border-radius: 4px;font-size: 15px; margin-top: 20px;}

.careerMenu h3{ height:35px;background:#f0f0f0; cursor:pointer; color: #282828;margin-top:23px;

  line-height:35px;font-size: 16px;}

.careerMenu .td{width: 200px;float: left; text-align: center; overflow: hidden; text-overflow:ellipsis;white-space:nowrap;}

.careerMenu .tit01{width: 330px; text-indent: 35px;text-align: left;}



.careerMenu h3 em{ float:right; display:block; width:30px; height:30px; /*background:url(../image/icoAdd02.png) center top no-repeat;*/

 cursor:pointer;/*margin-top:2px;*/margin-right: 20px; line-height:30px;}

.careerMenu h3 em img{ width:24px; height:24px}

.careerMenu h3.on em{ background-position:center bottom; }

.careerMenu h3.on em img{transform: translateX(8800px);

    filter: drop-shadow(#0867b9 -8800px 0px 0px);}

.careerMenu .nwms{background: #fff;padding:33px 100px 10px 38px; border:1px solid #C4C4C4;position: relative;

  font-size: 13px; line-height:18px;color: #8C8C8C;font-weight: 300;margin-top: 20px; display:none;

}

.careerMenu .nwms div,.careerMenu .nwms span,.careerMenu .nwms p{

  font-size: 16px!important; line-height:26px!important;color: #050505!important;font-weight: 300!important;

}


.btn_ljyp{background: #0a5aa9;display: block;margin:10px auto 0 auto; color: #fff;

    width: 120px;height: 30px; line-height: 30px; text-align: center;border-radius: 8px;font-size: 14px;}

	.btn_ljyp:hover{    background: #0a5aa9;color: #fff;}

.careerMenu .nwms .xz{width: 200px; position: absolute;right: 10px;color: #0766B9!important;font-size: 18px!important;top: 15px;text-align: center;}

.careerMenu .nwms:before {

content: "";display: block; top:-9px; left:65px; position: absolute; width:14px;height:9px;

background:url(../image/arr05.png) center top no-repeat;

}
.rotate {
    transform: rotate(180deg);
}



.career_item{border:1px solid #CACACA;background: #fff;padding:10px 17px 20px 17px;border-radius: 8px;margin-bottom: 13px;}

.career_item .zw-info{display: none;}

.career_item .row-tit{height: 30px; line-height: 30px;overflow: hidden; cursor:pointer;}

.career_item .row-tit .name{font-size: 18px;color: #000;}

.career_item .row-tit .xz{color: #0766B9;font-size: 18px;float: right;}

.career_item .row-tit img{vertical-align: top;margin-top: 10px;margin-right: 10px;}

.career_item .row-flag{padding-left: 20px;font-size: 14px;color: #C4C4C4;margin-top: 15px;}

.career_item .row-flag .date{float: right;width: auto;background: none;color: #C4C4C4;margin-right: 0;}		

.career_item .row-flag em{width: 64px;text-indent: 10px; display: inline-block;background: #C4C4C4;color: #fff;margin-right:15px;}

.career_item.focus{border-color: #0766B9;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);}

.career_item.focus .zw-info{display: block;}

.career_item.focus .row-flag em{display: none;}

.career_item.focus .row-flag em.dz{display: inline-block;}

.career_item .zw-info{margin-top: 18px;color: #8C8C8C;font-size: 10px;}

.career_item .btn_ljyp{font-size: 12px;}

.career_item .btn_ljyp:hover{    background: #0a5aa9;color: #fff;}



.list-paddingleft-2,.list-paddingleft-2 li {

    list-style: decimal;

}

@media only screen and (max-width:1024px){

.careers_container{

width:calc(100% - 20px);

    margin: 10px auto;

	}



	}

@media only screen and (max-width:768px){

.careers_container .left {

    width: 100%;

    float: inherit;

}

.careers_container .right {

    width: 100%;

    float: inherit;

}

.careers-search em {

    width: 100px;

    font-size: 16xp;

}

.careers-search .serch-q {

    width: calc(100% - 170px);

    font-size: 16px;

}

.careers-search .serch-q::placeholder{font-size: 16px;}

	}

@media only screen and (max-width:450px){

.careerMenu .td{ width:20%;}

.careerMenu .tit01{    text-indent: 3px;}

.careerMenu h3 em{ display:none;}

}