.leftnav{ float: left; width: 230px; }
.leftnav h3{ width: 100%; height: 110px; background: url(../images/z3.jpg) no-repeat center center / 100% 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 30px;
	 border-bottom: 4px solid #C1A364;
}
.leftnav h3 strong{ color: #fff; font-weight: bold; display: block; font-size: 24px;}
.leftnav h3 span{ font-size: 12px; color: #6DA6AF; text-transform: uppercase; display: block; margin-top: 2px;}
.leftnav ul{ width: 100%; margin-top: 8px; background-color: #F8F8F8; display: table;}
.leftnav ul li{ width: 100%; height: 48px; line-height: 48px; margin-bottom: 0;}
.leftnav ul li a{ position: relative; display: block; width: 100%; height: 100%; z-index: 2;}
.leftnav ul li a:after{ position: absolute; content: ''; left: 0; top: 0; width: 0%; height: 100%; background-color: #077E8C; z-index: -1;}
.leftnav ul li a span{ display: inline-block; vertical-align: middle; margin-left: 20px; font-size: 15px; color: #666666;}
.leftnav ul li a img{ display: inline-block; vertical-align: middle; margin-left: 30px; opacity: 0;}
.leftnav ul li a:after,
.leftnav ul li a span,
.leftnav ul li a img{
	transition: all .4s ease 0s;
	-webkit-transition: all .4s ease 0s; 
	-moz-transition: all .4s ease 0s; 
}
.leftnav ul li a.on img,
.leftnav ul li a:hover img{ opacity: 1;}
.leftnav ul li a.on span,
.leftnav ul li a:hover span{ color: #fff;}
.leftnav ul li a.on:after,
.leftnav ul li a:hover:after{ width: 100%;}
.ritconts{ float: right; width: 920px; margin-bottom: 65px;}
.ritconts .zzjg img{ margin-top: 20px; width: auto; height: auto; display: block;}

.recruitment{ 
    /* float: right;  */
    width: 900px; display: table; margin-top: 40px;}
.recruitment li{ width: 100%; margin-bottom: 0px;}
.recruitment .wtit{ width: 100%; background-color: #ededed; padding: 10px 20px; border-left: 3px solid #4874c0; display: table;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.recruitment .wtit strong{ float: left; font-size: 15px; color: #363636; text-transform: uppercase;}
.recruitment .wtit i{ float: right; width: 18px; height: 18px; background: url('../images/jts2.png') no-repeat center center;}
.recruitment .zwbox{ width: 100%; font-size: 0; margin-top: 30px; display: none;     background: #FFF;
    padding: 14px 0px 2px 0px;}
.recruitment .zwbox .txtif{ display: inline-block; vertical-align: top; width: 97.5%; padding-left: 23px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.recruitment .zwbox .txtif h4{ font-size: 13px; font-weight: bold; color: #363636; margin-bottom: 15px; float:left;}
.recruitment .zwbox .txtif p{ font-size: 13px; color: #666666; line-height: 1.7; margin-bottom: 5px;}
.recruitment li.active .wtit,
.recruitment li:hover .wtit{ background-color: #093683; color: #fff;}
.recruitment li.active .wtit strong,
.recruitment li:hover .wtit strong{ color: #fff;}
.recruitment li.active .wtit i,
.recruitment li:hover .wtit i{  background: url('../images/jts1.png') no-repeat center center;}

.p_active {
    background: #0E4DB4 !important;
    color: white !important;
}