@CHARSET "UTF-8";

.block {
    display: block;
}
.none {
    display: none;
}
.mt20 {
    margin-top: 20px;
}
.mt40 {
    margin-top: 40px;
}
.mt70 {
    margin-top: 70px;
}
.mb10 {
    margin-bottom: 10px;
}
.mb20 {
    margin-bottom: 20px;
}
.mb30 {
    margin-bottom: 30px;
}
.mb40 {
    margin-bottom: 40px;
}
.pl20 {
    padding-left: 20px;
}
.f93 {
    color: #ff9933;
}
.f80 {
    color: #ff8a00;
}
.ca1 {
    color: #005ca1;
}
.auto {
    margin: 30px auto;
}
.auto30 {
    margin: 30px auto;
}
.w640 {
    width: 640px;
}
.f16 {
    font-family: "Microsoft YaHei";
    font-size: 16px;
    font-weight: bold;
}
.f14 {
    font-family: "宋体";
    font-size: 14px;
}
.top-bg {
    height: 170px;
}
.page-top01 {
    background: url("../img/page-top01.jpg") no-repeat scroll center 0 rgba(0, 0, 0, 0);
}
.page-top02 {
    background: url("../img/page-top02.jpg") no-repeat scroll center 0 rgba(0, 0, 0, 0);
}
.page-top03 {
    background: url("../img/page-top03.jpg") no-repeat scroll center 0 rgba(0, 0, 0, 0);
}
.page-top04 {
    background: url("../img/page-top04.jpg") no-repeat scroll center 0 rgba(0, 0, 0, 0);
}
.page-top05 {
    background: url("../img/page-top05.jpg") no-repeat scroll center 0 rgba(0, 0, 0, 0);
}
.page-top06 {
    background: url("../img/page-top06.jpg") no-repeat scroll center 0 rgba(0, 0, 0, 0);
}
.page-top01-tw {
    background: url("../img/zh-tw/page-top01.jpg") no-repeat scroll center 0 rgba(0, 0, 0, 0);
}
.page-top02-tw {
    background: url("../img/zh-tw/page-top02.jpg") no-repeat scroll center 0 rgba(0, 0, 0, 0);
}
.page-top03-tw {
    background: url("../img/zh-tw/page-top03.jpg") no-repeat scroll center 0 rgba(0, 0, 0, 0);
}
.page-top04-tw {
    background: url("../img/zh-tw/page-top04.jpg") no-repeat scroll center 0 rgba(0, 0, 0, 0);
}
.page-top05-tw {
    background: url("../img/zh-tw/page-top05.jpg") no-repeat scroll center 0 rgba(0, 0, 0, 0);
}
.page-top06-tw {
    background: url("../img/zh-tw/page-top06.jpg") no-repeat scroll center 0 rgba(0, 0, 0, 0);
}
.layout {
    margin: 0 auto;
    width: 1010px;
}
.lay-l {
    float: left;
    width: 220px;
}
.lay-l .pos-top {
    margin-bottom: 20px;
    margin-top: -22px;
}
.lay-l h2 {
    background: url("../img/page-left.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: url("../img/page-left.png") no-repeat scroll 0 0 \0/;
    +background: url("../img/page-left.png") no-repeat scroll 0 0 ;
    color: #fff;
    font-size: 26px;
    height: 55px;
    letter-spacing: 1px;
    line-height: 55px;
    text-align: center;
    width: 220px;
    border-radius:4px;
}
.lay-l ul {
    background-color: #e1e5ea;
    margin-top: 8px;
    width: 220px;
    border-radius:4px;
}
.lay-l ul li {
    background: url("../img/plus.gif") no-repeat scroll 35px center rgba(0, 0, 0, 0);
    background: url("../img/plus.gif") no-repeat scroll 35px center \0/;
    + background: url("../img/plus.gif") no-repeat scroll 35px center ;
    
    height: 54px;
    line-height: 54px;
}
.lay-l ul li a {
    color: #818181;
    display: block;
    font-size: 18px;
    height: 54px;
    line-height: 54px;
    padding-left: 60px;
}
.lay-l ul li a:hover {
    color: #818181;
    text-decoration: none;
}
.lay-l ul li.cur {
    background: url("../img/page-left.png") no-repeat scroll 0 -55px rgba(0, 0, 0, 0);
    background: url("../img/page-left.png") no-repeat scroll 0 -55px \0/;
    +background: url("../img/page-left.png") no-repeat scroll 0 -55px ;
    width: 225px;
}
.lay-l ul li.cur a, .lay-l ul li.cur a:hover {
    color: #fff;
}
.lay-r .page .prev, .lay-r .page .next, .lay-r .page .num, .lay-r .page .current {
    background-image: url("../img/page.gif");
    background-repeat: no-repeat;
}
.lay-r .page .prev {
    background-position: 0px 0px;
    text-indent: -50px;
    color: #F9F9F9;
}
.lay-r .title {
    font-size: 22px;
    font-weight: bold;
    color: #C00;
    text-align: center;
    margin-bottom: 4px;
}
.lay-r .source {
    font-family: "宋体";
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    text-align: center;
    color: #989898;
    border-bottom: 1px solid #C1C1C1;
    margin-bottom: 20px;
}
#submenu li {
    background: url("../img/dot-01.png") no-repeat scroll 64px 13px rgba(0, 0, 0, 0);
    background: url("../img/dot-01.png") no-repeat scroll 64px 13px\0/;
    +background: url("../img/dot-01.png") no-repeat scroll 64px 13px;
    height: 30px;
    line-height: 30px;
}
#submenu li a {
    color: #818181;
    display: block;
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    padding-left: 74px;
}
#submenu li a:hover {
    color: #818181;
    text-decoration: none;
}
#submenu li.cur {
    background: url("../img/dot_02.png") no-repeat scroll 64px 13px #fff;
    
    width: 220px;
}
#submenu li.cur a, #submenu li.cur a:hover {
    color: #ff8a00;
}
.ads {
    height: 102px;
    margin-top: 10px;
    width: 220px;
}
.lay-r {
    float: right;
}
.lay-r .cur-pos {
    font-size: 14px;
    height: 41px;
    line-height: 41px;
    padding-left: 14px;
}
/* .lay-r .content, .lay-r .list {
    background: url("../img/page-right-bg.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: url("../img/page-right-bg.png") no-repeat scroll 0 0\0/;
    +background: url("../img/page-right-bg.png") no-repeat scroll 0 0;
    height: auto !important;
    min-height: 600px;
} */
.lay-r .content {
    padding: 38px 40px;
}
.lay-r .content p, .lay-r .content .p, .lay-r .content .p1, .lay-r .content .pp, .why {
    font-family: "宋体";
    font-size: 14px;
    line-height: 30px;
}
.lay-r .content p {
    margin-bottom: 10px;
    text-indent: 2em;
}
.lay-r .content .p {
    margin-bottom: 10px;
}
.lay-r .content .p1 {
    margin-bottom: 10px;
    text-indent: 1em;
}
.lay-r .content .pp {
}
.lay-r .content h3, .lay-r .content h4 {
    font-family: "Microsoft YaHei";
    font-size: 16px;
    font-weight: bold;
    margin: 20px 0;
}
.game {
}
.game li {
    float: left;
    margin: 0 0 30px 30px;
}
.game li a {
}
.game li img {
    height: 155px;
    width: 172px;
}
.welcome {
    color: #d40101;
    font-family: "宋体";
    font-size: 16px;
    font-weight: bold;
    height: 50px;
    line-height: 50px;
}
.why {
    margin-left: 24px;
}
.table, tr, td, th, .table-hr {
    border: 1px solid #d3d3d3;
    border-collapse: collapse;
}
.table {
    width: 680px;
}
.table td {
    font-size: 14px;
    height: 38px;
    line-height: 38px;
}
.table .first-row {
    font-weight: bold;
    text-align: center;
    width: 160px;
}
.table .second-row {
    padding-left: 10px;
}
.table-hr {
    width: 680px;
}
.table-hr th {
    font-size: 16px;
    height: 30px;
    line-height: 30px;
}
.table-hr td {
    font-family: "宋体";
    font-size: 14px;
    padding: 10px 0;
    text-align: center;
}
#job-escription p, #requirements p {
    line-height: 20px;
    margin-bottom: 6px;
    padding: 0 6px;
    text-align: left;
    text-indent: 0;
}
.branch {
    margin-top: 60px;
    width: 580px;
}
.branch dl {
    margin-bottom: 10px;
}
.branch dt {
    font-size: 16px;
    font-weight: bold;
    line-height: 30px;
}
.branch dd {
    font-family: "宋体";
    font-size: 14px;
    line-height: 22px;
}
.zhengsu {
    margin-bottom: 40px;
    margin-right: -20px;
}
.zhengsu dl {
    float: left;
    margin: 0 20px 20px 0;
    width: 213px;
}
.zhengsu dl dt {
    font-family: "宋体";
    font-size: 14px;
    padding: 10px 0;
    text-align: center;
}
.development dl {
    margin: 30px;
}
.development dl dt {
    font-size: 16px;
    font-weight: bold;
    margin: 10px 0;
}
.development dl dd {
    font-family: "宋体";
    font-size: 14px;
}
.lay-r .content .title {
    color: #cc0000;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 4px;
    text-align: center;
}
.lay-r .content .source {
    border-bottom: 1px solid #c1c1c1;
    color: #989898;
    font-family: "宋体";
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    margin-bottom: 20px;
    text-align: center;
}
.lay-r .list {
    padding: 10px 30px;
}
.lay-r .list ul li {
  
}
.lay-r .list ul li:after {
    clear: both;
    content: "";
    display: block;
}
.lay-r .list ul li a {
    float: left;
    font-family: "宋体";
    font-size: 14px;
}
.lay-r .list em {
    color: #a2a2a2;
    float: right;
    font-style: normal;
}
.download {
    padding: 10px 30px;
}
.download ul li {
    background: url("../img/triangle.gif") no-repeat scroll 10px center rgba(0, 0, 0, 0);
    border-bottom: 1px solid #eaeaea;
    line-height: 32px;
    padding: 0 10px 0 28px;
}
.download ul li:after {
    clear: both;
    content: "";
    display: block;
}
.download ul li a {
    float: left;
    font-family: "宋体";
    font-size: 14px;
}
.download ul li img {
    float: left;
    margin: 8px;
}
.download em {
    color: #a2a2a2;
    float: right;
    font-style: normal;
}
.lay-r .page {
    height: 24px;
    line-height: 24px;
    margin: 30px 0;
    text-align: center;
}
.lay-r .page a, .lay-r .page .current {
    color: #fff;
    display: inline-block;
    margin-right: 4px;
    width: 28px;
}
.lay-r .page a:hover {
    text-decoration: none;
}
/* .lay-r .page .prev, .lay-r .page .next, .lay-r .page .num, .lay-r .page .current {
    background-image: url("../img/page.gif");
    background-repeat: no-repeat;
} */
.lay-r .page .prev {
    background-position: 0 0;
    color: #f9f9f9;
    text-indent: -50px;
}
.lay-r .page .next {
    background-position: -84px 0;
    color: #f9f9f9;
    text-indent: 50px;
}
.lay-r .page .num {
    background-position: -28px 0;
}
.lay-r .page .current {
    background-position: -56px 0;
}
.hr-header {
    font-size: 16px;
    font-weight: bold;
    height: 39px;
    line-height: 39px;
}
.hr-header span {
    background: url("../img/hr_line.png") no-repeat scroll right 0 rgba(0, 0, 0, 0);
    float: left;
    text-align: center;
    width: 160px;
}
.hr-header span.w200 {
    width: 200px;
}
.hr-header span.bn {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.hr-list {
    border-top: 1px solid #eaeaea;
    margin-top: 10px;
    padding-bottom: 10px;
}
.hr-list ul li {
    border-bottom: 1px solid #eaeaea;
    height: 32px;
    line-height: 32px;
    vertical-align: middle;
}
.hr-list ul li:after {
    clear: both;
    content: "";
    display: block;
}
.hr-list ul li a:hover {
    cursor: pointer;
    text-decoration: none;
}
.hr-list ul li span {
    float: left;
    font-family: "宋体";
    font-size: 12px;
    text-align: center;
    width: 260px;
}
.hr-list ul li span.tl {
    background: url("../img/triangle.gif") no-repeat scroll 10px center rgba(0, 0, 0, 0);
    padding-left: 30px;
    text-align: left;
    width: 170px;
}
.hr-info-header {
    padding: 0 8px;
}
.lay-r .content .hr-info-header h3 {
    font-size: 22px;
    margin: 10px 0;
}
.hr-info-header ul {
    height: 32px;
}
.hr-info-header li {
    float: left;
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    width: 166px;
}
.hr-info-content {
    border-top: 1px solid #c1c1c1;
    padding: 0 8px;
}
.lay-r .content .hr-info-content p {
    text-indent: 0;
}
.salaries {
    background: url("../img/con10.png") no-repeat scroll left bottom rgba(0, 0, 0, 0);
    height: 350px;
    margin-bottom: 30px;
    padding-left: 100px;
}
.lay-r .content .salaries h4 {
    color: #ff8a00;
    margin: 0 0 6px;
}
.lay-r .content .salaries p {
    line-height: 24px;
    margin-bottom: 0;
    text-indent: 0;
}
.hr-act {
    margin-bottom: 50px;
}
.hr-act dl {
    float: left;
    padding-left: 20px;
}
.hr-act dt a {
    font-size: 16px;
}
.hr-act dl dd {
    margin-top: 10px;
    width: 540px;
}
.hr-act .time-info {
    height: 24px;
    line-height: 24px;
}
.hr-act dl .time {
    float: left;
    width: 120px;
}
.hr-act dl .dashed {
    border-bottom: 1px dashed #929292;
    float: left;
    height: 12px;
    overflow: hidden;
    width: 300px;
}
.hr-act dl .info {
    float: left;
    margin: 0 20px;
    text-align: center;
    width: 70px;
}
.hr-act dl .info a {
    display: block;
    height: 24px;
    width: 66px;
}
.hr-act dl .info a img {
    display: block;
}
.content{
	border: 0;
	padding: 0;
	width: 80%;
	height:500px;
	margin: 0 auto;
}
.content .menu{
	border: 0;
	padding: 0;
	width: 37%;
	float: left;
	margin: 0 auto;
	text-align:center;
	height: 500px;
}
.content .menu div div{
	float: left;
}
.content .content{
	background-color: #23ffe5;
	width: 65%;
	height: 500px;
	float: left;
	margin: 0 auto;
	background:red;
}