html,body {
    color: #000;
    background: #fff;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-family: "Microsoft YaHei","Helvetica Neue",Helvetica Neue,Helvetica,Hiragino Sans GB,tahoma,arial,sans-serif;
}
.nav_warp_bk {
    background: url(../images/about/simg5.jpg) center top no-repeat;
    margin-top: 84px;
}
.background_none {
    background: 0 0!important;
}
.border_none {
    border: 0!important;
}
.about_in_nav {
    width: 100%;
    background: #f8f8f8;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    height: 115px;
}
.about_in_nav .width_1200 {
    text-align: center;
}
.overflow {
    overflow: hidden;
}
.width_1200 {
    width: 1200px;
    margin: 0 auto;
}

.about_of_nav {
    font-size: 14px;
}
.width_1300 {
    width: 1300px;
}
.about_warp .about_in_nav a {
    margin-right: 95px;
}
.about_warp .about_in_nav a:last-child{
	margin-right: 0;
} 
a:link {
    color: #3DB171;
}

a:visited {
    color: #646670;
}
.about_in_nav a {
    width: 60px;
    text-align: center;
    display: inline-block;
    padding-top: 70px;
    color: #646670;
}
a:visited, a:active {
    color: #646670;
}
.about_ico_js {
    background: url(../images/ico/about_ioc1.png) center 20px no-repeat;
}
.about_ico_js:hover {
    background: url(../images/ico/about_ioc1s.png) center 20px no-repeat;
}
.about_ico_jsa {
    background: url(../images/ico/about_ioc1s.png) center 20px no-repeat;
    color: #000;
}
.about_ico_td {
    background: url(../images/ico/about_ioc2.png) center 20px no-repeat;
}
.about_ico_td:hover {
    background: url(../images/ico/about_ioc2s.png) center 20px no-repeat;
}
.about_ico_tda {
    background: url(../images/ico/about_ioc2s.png) center 20px no-repeat;
    color: #000;
}
.about_ico_qt {
    background: url(../images/ico/about_ioc3.png) center 20px no-repeat;
}
.about_ico_qt:hover {
    background: url(../images/ico/about_ioc3s.png) center 20px no-repeat;
}
.about_ico_qta {
    background: url(../images/ico/about_ioc3s.png) center 20px no-repeat;
    color: #000;
}
.about_ico_zx {
    background: url(../images/ico/about_ioc7.png) center 20px no-repeat;
}
.about_ico_zx:hover {
    background: url(../images/ico/about_ioc7s.png) center 20px no-repeat;
}
.about_ico_zxa{
    background: url(../images/ico/about_ioc7s.png) center 20px no-repeat;
    color: #000;
}
.about_ico_lx {
    background: url(../images/ico/about_ioc8.png) center 20px no-repeat;
}
.about_ico_lx:hover {
    background: url(../images/ico/about_ioc8s.png) center 20px no-repeat;
}
.about_ico_lxa {
    background: url(../images/ico/about_ioc8s.png) center 20px no-repeat;
    color: #000;
}
.about_in_nav a:hover {
    color: #000;
}

.about_ptjs_box {
    text-align: center;
    padding-top: 60px;
    padding-bottom: 114px;
}
.about_ptjs_box h3 {
    color: #000;
    font-size: 50px;
    font-weight: 500;
}
.about_ptjs_box p {
    text-align: center;
    color: #858080;
    font-size: 16px;
}
.about_ptjs_cont {
    padding-top: 60px;
}
.about_ptjs_cont_h {
    text-align: center;
    margin-bottom: 24px;
}
.about_ptjs_cont_h {
    text-align: center;
    margin-bottom: 24px;
}
.about_ptjs_cont_a {
    padding-top: 25px;
    padding-bottom: 60px;
}
.fn_clear {
    zoom: 1;
}
.overflow {
    overflow: hidden;
}

.about_ptjs_a div {
    font-size: 15px;
    word-break: break-all;
    color: #666;
    text-indent: 2em;
    line-height: 30px;
}
.about_ptjs_b {
    width: 100%;
    height: 346px;
    background: url(../images/about/simg12.jpg) center no-repeat;
}
.about_ptjs_b_cont {
    position: absolute;
    right: 105px;
    color: #675454;
    line-height: 28px;
    font-size: 16px;
    top: 135px;
}
.about_ptjs_b .width_1200 {
    position: relative;
}
.about_ptjs_c {
    padding-top: 65px;
    background: #f3f9ff;
    padding-bottom: 80px;
}
.about_ptjs_c .width_1200 ul li {
    text-align: center;
    margin: 20px 50px;
}
.f_left {
    float: left;
}
.f_left, .f_right {
    display: inline;
}
li {
    list-style: none;
}
.about_ptjs_c .width_1200 ul li h3 {
    color: #000;
    font-size: 20px;
    margin-top: 40px;
    margin-bottom: 0;
    font-weight: 500;
}
.about_ptjs_c .width_1200 ul li p {
    line-height: 25px;
    margin-top: 10px;
    color: #666;
    font-size: 14px;
}
.about_ptjs_d {
    padding-top: 60px;
    overflow: hidden;
}
.about_ptjs_d .width_1200 .f_right {
    width: 920px;
    margin-top: 15px;
}
.about_ptjs_d .width_1200 .f_right div {
    font-size: 16px;
    line-height: 36px;
    color: #09132d;
}
.about_xzhb {
    width: 1200px;
    margin: 0 auto;
    padding-top: 100px;
    padding-bottom: 70px;
}
.about_xzhb .about_xzhb_h {
    text-align: center;
    padding-bottom: 60px;
}
.about_xzhb .about_xzhb_c p {
    text-align: left;
    line-height: 40px;
    font-size: 20px;
    color: #333;
    padding-bottom: 30px;
    letter-spacing: 1px;
}
.f_left, .f_right {
    display: inline;
}
.lx {
    font-size: 22px;
    font-weight: bold;
}






/*news*/
.history {
    width: 980px;
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 80px;
}
.history .yeara{
    width: 96px;
    height: 146px;
    position: relative;
    border-right: 1px solid #fa624a;
}
.history .circle1 {
    height: 83px;
    line-height: 83px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    width: 83px;
    position: absolute;
    left: 54px;
    background-position: -0px -0px;
}
.history-icon {
    background: url(../images/about_us/history-icon.png);
    display: inline-block;
}
.history .history-item {
    display: none;
    clear: both;
}
.history .time {
    float: left;
    color: #666;
    font-weight: bold;
    width: 95px;
}
.history .title {
    float: left;
    width: 730px;
    padding-bottom: 60px;
    position: relative;
    border-left: 1px solid #fa624a;
    padding-left: 30px;
}
.history .circle2 {
    height: 15px;
    width: 15px;
    background-position: -105px -58px;
    position: absolute;
    left: -8px;
    top: 10px;
}
.history .title span:hover, .history .title span.selected {
    color: #fa624a;
}
.history .title span {
    cursor: pointer;
    color: #666;
}
.history .title .hide-body {
    height: 45px;
    display: none;
}
.history .history-item:after {
    display: table;
    content: '';
    clear: both;
}
.history .circle4 {
    height: 5px;
    width: 5px;
    background-position: -129px -58px;
    display: block;
    margin-left: 93px;
}



/*joinus*/
.about_recr_banner {
    background: url(../images/about/img_16.jpg) center no-repeat;
    width: 100%;
    height: 300px;
}
.about_recr_title {
    border-bottom: 1px #eee solid;
    padding: 25px 0 20px 0;
    margin-bottom: 10px;
}
.about_recr_title .f_left {
    margin-left: 5px;
}
.about_recr_title span {
    font-size: 24px;
    color: #5b5b5b;
    line-height: 43px;
    margin-left: 15px;
}
.about_recr_cont {
    font-size: 14px;
    color: #5b5b5b;
    line-height: 35px;
    padding: 0 45px 0 50px;
    margin-bottom: 25px;
}
.about_recr_title2, .about_recr_title3 {
    background: url(../images/about/img_18.jpg) no-repeat;
    width: 1200px;
    height: 64px;
    margin-top: 70px;
    margin-bottom: 40px;
}
.about_recr_title2 span, .about_recr_title3 span {
    font-size: 18px;
    color: #5b5b5b;
    padding: 0 0 0 28px;
    line-height: 64px;
}
.about_recr_job_nav ul {
    border-bottom: 1px #eee solid;
    padding: 0;
}
.about_recr_job_nav ul li {
    padding: 10px 15px 10px 15px;
    color: #5b5b5b;
    cursor: pointer;
}
.about_recr_job_nav_click {
    color: #fff !important;
    background: #66aef8;
}

.about_recr_job_warp {
    padding-bottom: 50px;
}
.about_recr_job {
    padding: 0 0 0 20px;
    color: #5b5b5b;
    font-size: 14px;
}
.about_recr_job_list {
    margin-bottom: 10px;
    cursor: pointer;
}
.about_recr_job_list .color {
    color: #237f77;
}
.f_right {
    float: right;
}
.fn_clear {
    zoom: 1;
}
.about_recr_job_list .about_recr_job_cont {
    margin-top: 20px;
    display: none;
    margin-bottom: 50px;
    margin-left: 20px;
}
.about_recr_job_nav {
    margin-bottom: 45px;
}
.about_recr_job_nav_click {
    color: #fff !important;
    background: #66aef8;
}
.about_recr_job_list {
	margin-bottom: 10px;
	cursor: pointer
}
.about_recr_job_list .color {
	color: #237f77
}
.about_recr_job_list .about_recr_job_cont h3 {
	font-weight: bold
}
.about_recr_job_list .about_recr_job_cont {
	margin-top: 20px;
	display: none;
	margin-bottom: 50px;
	margin-left: 20px
}
.about_recr_job_lists .about_recr_job_cont {
	display: block
}
.about_recr_job_list .about_recr_job_cont h3 {
    font-weight: bold;
    font-size: 100%;
}






/*contract*/
.about_contactus {
    padding-top: 60px;
    padding-bottom: 90px;
}
.about_head_title {
    width: 400px;
    height: 45px;
    position: relative;
    margin: 0 auto;
    text-align: center;
}
.about_head_titlebk {
    width: 100%;
    height: 1px;
    background: #bbb;
    position: absolute;
    top: 50%;
}
.about_head_title span {
    position: relative;
    height: 40px;
    padding: 0 5px;
    background: #FFF;
    font-size: 24px;
    color: #373b44;
    margin-top: 3px;
    padding-top: 5px;
    line-height: 40px;
}
.abut_contactus_box {
    border-top: 1px solid #eee;
    margin-top: 25px;
}
.overflow {
    overflow: hidden;
}

.abut_contactus_box ul li {
    width: 340px;
    border: 1px solid #eee;
    margin-top: 33px;
    padding: 30px 20px 30px 20px;
    font-size: 12px;
    color: #85888f;
    margin-right: 27px;
    height: 260px;
}

.abut_contactus_box ul li p {
    font-size: 14px;
    margin: 28px 0;
    text-align: left;
    height: 55px;
}


.abut_contactus_box ul li div {
    line-height: 25px;
    font-size: 13px;
}


.abut_contactus_box ul li h3 {
    font-size: 18px;
    color: #666;
    text-align: center;
    font-weight: 500;
    margin-bottom: 40px;
}

.about_contactus_xxzj {
    margin-top: 90px;
}
.about_contactus_xxzj_box {
    margin-top: 75px;
    border-top: 1px solid #eee;
    padding-top: 65px;
}
.fn_clear {
    zoom: 1;
}

.about_contactus_xxzj_box .about_contactus_list {
    width: 434px;
}


.about_contactus_xxzj_box .about_contactus_list p {
    height: 20px;
    background: url(../images/ico/weix_ioc.png) left center no-repeat;
    text-indent: 2em;
    font-size: 14px;
    color: #161616;
}

.about_contactus_lbox img {
    border: 1px solid #c8ced8;
    margin-top: 20px;
}


.about_contactus_lbox div {
    width: 200px;
    font-size: 14px;
    color: #161616;
    margin-left: 15px;
    margin-top: 45px;
}

.about_contactus_xx {
    width: 305px;
    font-size: 14px;
    margin-top: 55px;
}

.about_contactus_xx p {
    margin-bottom: 10px;
    text-indent: 2em;
}

.about_contactus_xx p a {
    color: #ff6b21;
}