/* CSS Document */


ul, li, p, h2, h3 {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.xm-about {
    margin-top: 20px;
}
.xm-about .col-16 {
    width: 992px;
}
.xm-about .col-4 {
    width: 248px;
}
.xm-about-sidebar {
    border: 1px solid #dfdfdf;
}
.xm-about-sidebar .hd h3 {
    color: #010101;
    height: 42px;
    line-height: 42px;
    padding: 0 0 0 25px;
}
.xm-about-sidebar .about-nav-list li {
    height: 42px;
    line-height: 42px;
    padding: 0 0 0 25px;
}
.xm-about-sidebar .about-nav-list li a {
    color: #333;
    display: block;
    line-height: 42px;
}
.xm-about-sidebar .about-nav-list li a.current {
    color: #ee330a;
}
.xm-about-sidebar .about-nav-list li:last-child {
    border-bottom: medium none;
}
.xm-about-sidebar .about-nav-list li.current {
    background: none repeat scroll 0 0 #fafafa;
    border-left: 4px solid #23a1ed;
}
.xm-about-sidebar .about-nav-list li:hover {
    background: none repeat scroll 0 0 #fafafa;
    border-left: 4px solid #23a1ed;
}
.about-box {
    border: 1px solid #dfdfdf;
    color: #333;
    margin-left: 17px;
}
.section {
    padding: 20px;
}
.introduction .tac {
    text-align: center;
}
.introduction .about_index_box {
    border-bottom: 1px dotted #ededed;
    padding: 10px 0;
}
.introduction .about_index_box h3 {
    color: #000000;
    margin: 5px 0;
}
.introduction .about_index_box p {
    margin: 5px 0;
}

.founder .maneger img {
    width: 910px;
}
.founder .item {
    border-top: 1px solid #ededed;
    padding: 40px 0;
}
.founder .item:first-child {
    border-top: medium none;
}
.founder .item .avatar {
    float: left;
    width: 240px;
}
.founder .item .desc {
    float: left;
    width: 670px;
}
.founder .item .desc h2 {
    font-size: 30px;
    line-height: 1.5;
    margin-bottom: 10px;
}
.founder .item .desc h3 {
    font-size: 20px;
    margin-bottom: 20px;
}
.founder .item .desc p {
    line-height: 2;
}
.culture-img {
    text-align: center;
}
.culture_box {
    background: none repeat scroll 0 0 #f5f7fa;
    margin: 20px auto;
    padding: 20px;
}
.culture_box dt {
    font-weight: bold;
    margin-bottom: 10px;
}
.culture_box dd {
    line-height: 2;
    margin: 0;
}
.history p {
    text-align: center;
}
.history dl {
    margin: 20px 0 0;
}
.history dl dt {
    font-size: 20px;
    font-weight: bold;
}
.history dl dd {
    line-height:40px;
    margin: 0; border-bottom: #E7E7E7 1px dashed;
}
.history dl dd span {
    display: inline-block;
    margin-right: 15px;
    text-align: right;
    width: 120px;
}
.newJobTit {
    background-color: #eaeaea;
    height: 35px;
    margin-top: 10px;
}
.newJobTit ul {
    background-color: #fff;
    height: 30px;
}
.newJobTit ul li {
    border-right: 2px solid #fff;
    cursor: pointer;
    float: left;
    height: 30px;
    line-height: 30px;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 33%;
}
.newJobTit ul li strong {
    border-bottom: 5px solid #ccc;
    color: #666;
    display: block;
    font-size: 16px;
    padding-left: 15px;
}
.newJobTit ul li strong span {
    color: #f60;
    margin-left: 10px;
}
.newJobTit ul li.selected strong {
    border-bottom: 5px solid #f60;
}
.jobs_title {
    background-color: #f7f2ec;
    padding: 10px 0 10px 40px;
}
.jobs_title li {
    background: url("http://p.www.xiaomi.com/zt/120220/images/Magic-Wand.gif") no-repeat scroll left center rgba(0, 0, 0, 0);
    float: left;
    height: 30px;
    line-height: 30px;
    width: 24%;
}
.jobs_title li a {
    color: #5d3b1f;
    font-size: 14px;
    padding-left: 15px;
}
.hrWrap {
    overflow: hidden;
}
.hr_email {
    background-color: #f0f0f0;
    font-size: 16px;
    font-weight: bold;
    margin: 10px 0 0;
}
.hrCon_tit, .hrCon h5, .hrCon dl, .hrCon {
    display: none;
}
.hrCon h5, .jobsWrap_l h5 {
    cursor: pointer;
    font-size: 16px;
    line-height: 24px;
    margin: 5px 0 0;
    padding: 4px 0;
}
.hrCon dl {
    margin: 0;
}
.hrCon dt, .jobsWrap_l dt {
    font-weight: bold;
    margin: 0 0 3px;
}
.hrCon dd, .jobsWrap_l dd {
    line-height: 24px;
    margin: 0;
}
.hrCon_back {
    display: none;
    padding-top: 15px;
}
.hrCon_back a {
    color: #ee330a;
}
.jobs_btn_title {
    background-color: #f7f2ec;
    padding: 10px 0 10px 40px;
}
.jobs_btn_title li {
    float: left;
    width: 24%;
}
.jobs_btn_box div {
    display: none;
    padding: 20px 0;
}
.jobs_btn_box div table {
    border: 1px solid #ededed;
    width: 100%;
}
.jobs_btn_box div table th, .jobs_btn_box div table td {
    border-bottom: 1px solid #ededed;
    padding: 8px 0 8px 20px;
    text-align: left;
}
.jobs_btn_box div table th {
    background-color: #fafafa;
    color: #666;
}
.jobs_btn_box div table td {
    color: #999;
}
.jobs_btn_box div table tbody th {
    width: 150px;
}
.contact .map {
    margin-bottom: 10px;
    text-align: center;
}
.contact .list {
    line-height: 2;
}
.contact .box {
    margin-top: 20px;
}
.contact .box .title {
    border-bottom: 1px solid #ededed;
    color: #ee330a;
    font-size: 24px;
    line-height: 2;
    margin-bottom: 10px;
}
.contact .item {
    float: left;
    margin: 20px 0;
    width: 50%;
}
.contact .item dt {
    font-weight: bold;
    margin-bottom: 4px;
}
.contact .item dd {
    margin: 0;
}
@media (max-width: 1200px) {
.introduction img {
    width: 670px;
}
.contact .map img {
    width: 670px;
}
.history img {
    width: 670px;
}
.culture-img img {
    width: 670px;
}
.founder .maneger img {
    width: 670px;
}
.founder .item .desc {
    width: 430px;
}
.introduction_product img {
    width: 670px;
}
}