body {
	background: #f8f8f8;
	font: 14px/1.5 "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;
}

a{color: #666}
a:hover{text-decoration: none}

#homebody {
	background: #fdfdfd
}

.bgf {
	background: #fff
}

.active{color: #ff9900}

#top {
	background: #fff;
	width: 100%;
	box-shadow: 0 3px 3px #ccc;
}

#head_search {
	background: #ff9900;
	padding: 5px 0;
	color: #fff;
}

#head_search  form {
	display: flex;
	align-items: center;
	margin: 0px auto;
	white-space: normal;
}

#head_search input {
	flex: 1
}

#head_search  select {
	width: 180px;
	margin-left: 10px
}
#head_search  select:first-child{
	width: 50px;
	margin-left: 10px
}

#head_search button {
	margin-left: 10px
}

#logo {
	padding: 10px 0;
}

#head {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	justify-content: center;
}

#country {
	margin: 20px;
	cursor: pointer;
}

#country img {
	width: 15px;
	height: 15px;
	vertical-align: middle
}
#country span {
	 color: #999
}

#head .sum {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}

.sum div {
	font-size: 14px;
	margin: 0px 50px;
	text-align: center;
	color: #999;
	line-height: 1
}

.sum div span {
	display: block;
	color: #ff9900;
	font-size: 28px;
}

#actions {
	display: flex;
	align-items: center;
	justify-content: center;
}

#actions a {
	margin: 0px 10px;
	font-size: 16px;
	color: #333
}

#actions a img {
	vertical-align: middle;
	width: 24px;
	height: 24px;
	margin-right: 5px
}

#searchbox {
	background: rgba(000, 000, 000, 0.2);
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	z-index: 100;
	top: 150px;
	left: 50%;
	margin-left: -350px;
	width: 700px;
	height: 120px
}

#swipertxt {
	position: absolute;
	font-family: YouYuan, STXihei;
	width: 100%;
	text-align: center;
	z-index: 101;
	top: 60px;
	font-size: 60px;
	color: #fff
}

#searchbox ul {
	padding: 0;
	margin: 0;
	overflow: hidden;
	list-style: none
}

#searchbox ul li {
	float: left;
	padding: 8px 20px;
	color: #fff;
	background: #ccc;
	cursor: pointer;
}

#searchbox ul .active {
	background: #ff9900;
	color: #fff;
}

#searchform {
	display: flex;
	align-items: center;
	border: 4px solid #ff9900
}

#searchform div {
	background: #fff;
	border-left: 3px solid #ff9900;
	height: 38px;
	line-height: 38px;
	width: 150px;
	text-align: center
}

#searchform button {
	background: #ff9900;
	color: #fff;
	border: none;
	padding: 0;
	margin: 0;
	height: 38px;
	line-height: 38px;
	width: 100px
}

#searchform input {
	height: 38px;
	line-height: 38px;
	width: 400px;
	padding: 0 10px;
	border: none
}

#maincat {
	position: absolute;
	top: 290px;
	z-index: 100;
	display: flex;
	align-items: center;
	left: 50%;
	margin-left: -330px
}

#maincat .micon {
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(255, 255, 255, 0.2);
	width: 80px;
	height: 80px;
	border-radius: 50%;
	margin-right: 30px;
	text-align: center;
	border: 3px solid transparent
}

#maincat .micon:hover {
	background: #ff9900;
	box-shadow: 0 0 0 1em rgba(255, 255, 255, 0);
	animation: pulse 1s;
	text-decoration: none;
	border: 3px solid rgba(255, 255, 255, 0.5);
	animation: pulse 1s;
}

@keyframes pulse { 0% {
	box-shadow: 0 0 0 0 #FFFFFF;
}

}
#maincat .micon div {
	line-height: 1
}

#maincat span {
	display: block;
}

#maincat img {
	width: 40px;
	height: 40px;
}

#homeslide {
	border-top: 3px solid #ff9900
}


.breadcrumb{margin-top: 10px; background: #fff}

.filterbox{padding: 10px; font-size:16px; background: #fff; box-sizing: border-box; margin: 10px 0; border:1px solid #ddd} 
.filterbox div{padding:5px 0}
.filterbox label{
	display:inline-block; width:100px
}
.filterbox .sub{font-size:14px; display: inline-block; border: 1px solid #ddd; background:#f8f8f8; padding-left:20px}
.filterbox a{display:inline-block; margin-right:20px}
.filterbox .active{color: #ff6600}

.pagenav{height: 100%; overflow: hidden}
.pagenav nav:FIRST-CHILD{float: left}
.pagenav nav:LAST-CHILD{float: right}

.pagination:first-child{margin: 10px 0}
.pagination>li>a{color: #666}
.pagination>li>a:hover{color: #ff9900}

.pagination>.active>a{
	background-color: #ff9900;
    border-color: #ff9900;
}
.pagination>.active>a:hover{
	background-color: #ff9900;
    border-color: #ff9900;
}


.row_banner img{width: 100%; height:auto}

.popercode img{width: 100%; height:auto}
#footer {
	background: #eee;
	border-top: 2px solid #ddd;
	padding: 10px;
	margin-top: 20px;
}

.footer_region{
	list-style: none; padding: 0; margin: 0; margin-top: 10px;
}
.footer_region li{float: left; width:5%}
.citybox{list-style: none; padding: 0; margin: 0; margin-top:15px; height:100%;overflow: hidden}
.citybox li{width:25%; float: left; margin-bottom: 10px}
.citybox li a{display: inline-block; border: 1px solid #ddd; padding: 10px; width: 100px; text-align: center;}
.citybox li a:hover{color: #ff9900; border: 1px solid #ff9900;}
.citybox li .active{color: #ff9900; border: 1px solid #ff9900;}

.about{border-top: 1px solid #ddd; margin-top: 10px; padding-top: 10px; padding-bottom: 20px;}
.about p{margin: 5px auto}
.ercodes{overflow: hidden}
.ercodes div{float:right; font-size:12px; text-align: center; margin-left: 20px}
.ercodes div img{margin-bottom: 5px}
.flinks p a{padding: 0px 10px}
.flinks p a:FIRST-CHILD {
	padding-left: 0
}

@media screen and (max-width: 760px) {
    #country{display: none}
    #head .sum {display: none}
	#actions {display: none}
    .resume {width: 100%!important;}
    .job {width:100%!important;}
	.job:nth-of-type(even) {
		margin-left: 0!important;
	}
    .ercodes{display: none}
    .footer_region li{float: left; width:25%}
    #myTab li{float: left; font-size:1.2em; width:33%; overflow: hidden;}
	#myTab li{box-sizing: border-box}
}