/* 关于我们 */
#aboutPage .center_x{
    height:auto;
}
.about-tit-h3{
    font-size:24px;
    color:#0e56a0;
    line-height:28px;
}
/* 公司介绍 */
.about-introduce{
    padding:30px 0 30px;
}
.about-introduce-text{
    width:720px;
    padding-top:40px;
}
.about-introduce-text p{
    font-size:16px;
    color:#000000;
    line-height:32px;
    margin-bottom:12px;
    text-indent:2em;
}
.about-introduce-text p strong{
    font-size:22px;
}
.about-introduce-img{
    width:420px;
    margin-top:36px;
}
.about-introduce-img img{
    border-radius:4px;
    width:100%;
    -webkit-transition:transform .3s linear;
    -moz-transition:transform .3s linear;
    -ms-transition:transform .3s linear;
    -o-transition:transform .3s linear;
    transition:transform .3s linear;
}
.about-introduce-img:hover img{
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1);
}
/* 愿景 */
.about-vision-list{
    width:100%;
    background:#1b7cdd;
}
.ie8 .about-vision-list{
    background:#1b7cdd!important;
}
.about-vision-list li{
    width:400px;
    height:560px;
    position: relative;
}
.about-vision-list li img{
    display:block;
    width:100%;
    -webkit-transition:transform .3s linear;
    -moz-transition:transform .3s linear;
    -ms-transition:transform .3s linear;
    -o-transition:transform .3s linear;
    transition:transform .3s linear;
}
.about-vision-list li:hover >img{
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1);
}
.about-vision-text{
    display:table;
    width:100%;
    height:100%;
}
.table-cell{
    display:table-cell;
    vertical-align: middle;
    padding:0 40px;
}
.about-vision-text h4{
    font-size:18px;
    line-height:20px;
    color:#fff;
    margin-bottom:18px;
}
.about-vision-text p{
    font-size:14px;
    color:#fff;
    line-height:24px;
}
.about-vision-list li .about-vision-icon{
    width:60px;
    height:auto;
    position: absolute;
    left:40px;
    top:0;
    bottom:0;
    margin:auto;
}
/* 历程 */
.about-course{
    height:560px;
    padding-top:30px;
}
.about-course-img{
    height:auto;
    bottom:0;
    top:auto;
}
.about-course .about-tit-h3{
    margin-bottom:6px;
}
.about-course-back{
    width:100%;
    height:130px;
}
.about-course-lines{
    width:1360px;
    position: absolute;
    left:-80px;
    top:44px;
}
.about-course-list{
    width:3000px;
    height:100%;
    left:0;
    -webkit-transition:left .3s linear;
    -moz-transition:left .3s linear;
    -ms-transition:left .3s linear;
    -o-transition:left .3s linear;
    transition:left .3s linear;
}
.about-course-list li{
    width:92px;
    height:36px;
    margin-right:66px;
}
.about-course-list li:last-child{
    margin-right:0px;
}
.about-course-list li .yearslabel{
    display:block;
    width:100%;
    height:100%;
    border:1px solid #c0c0c0;
    border-radius: 35px;
    font-size:16px;
    color:#333333;
    text-align: center;
    line-height:36px;
    background:#fff;
    z-index: 3;
    -webkit-box-shadow: 0 4px 10px rgba(0,0,0,0.06);
    box-shadow: 0 4px 10px rgba(0,0,0,0.06);
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease;
}
.about-course-container{
    width:100%;
    height:160px;
    height:172px;
    top:-5px;
    -webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.08);
    box-shadow: 0 2px 10px rgba(0,0,0,0.08);
}
.about-course-show{
    width:100%;
    height:100%;
    background:#fff;
}
.about-course-text{
    width:15600px;
    left:0;
    -webkit-transition:left .3s linear;
    -moz-transition:left .3s linear;
    -ms-transition:left .3s linear;
    -o-transition:left .3s linear;
    transition:left .3s linear;
}
.about-course-over{
    height:100%;
    z-index: 3;
}
.about-course-text li{
    width:1200px;
    height:100%;
    padding-top:30px;
}
.about-course-text li h4{
    font-size:22px;
    color:#333333;
    text-align:center;
    line-height:26px;
    margin-bottom:18px;
    font-weight: 700;
}
.about-course-text li p{
    width:930px;
    margin:0 auto;
    font-size:16px;
    color:#333333;
    text-align:center;
    line-height:32px;
}
.lines-label{
    display:block;
    width:0;
    height:33px;
    height:14px;
    position:absolute;
    left:46px;
    left:43px;
    top:35px;
    top:88px;
    border-right:1px dotted #c0c0c0;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease;
}
.lines-label i{
    display: block;
    width:7px;
    height:7px;
    border:1px dotted #c0c0c0;
    border-radius: 100%;
    position: absolute;
    left:-3px;
    bottom:-6px;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease;
}
.about-arrow{
    width:22px;
    height:40px;
    position: absolute;
    left:40px;
    top:60px;
}
.about-arrowfr{
    width:22px;
    height:40px;
    position: absolute;
    right:40px;
    top:60px;
}
.about-content-text{ overflow: hidden; position: absolute; }
.about-content-text .textli{ height: 170px; width: auto; display: inline-block; position: relative;}
.centent_one_left{ width: 328px; float: left; margin-left: 92px;  }
.centent_one_middle{ width: 370px; float: left; margin-left:0px;  }
.centent_one_left_title{ font-size: 18px; font-weight: 700; line-height: 1; padding-top: 62px; }
.centent_one_left_text{ font-size: 16px; line-height: 1; padding-top: 12px; }
.about-content-text .textli .centent_one_right{  width: 388px;  }
.about-content-text .textli .centent_one_right .centent_one_right_list{ position: absolute;  }
.centent_one_right_list li{ font-size: 14px; color: #333333; line-height: 1; padding-bottom: 12px; overflow: hidden; }
.centent_one_right_list li span{ margin-right: 10px; width: 4px; height: 4px; background: #bbbbbb; border-radius: 100%; display: inline-block; position:relative;top: -2px; }
.centent_one_right_list{ margin-top: 28px; padding-left: 60px; border-left: 1px solid #ebebeb; }
.centent_one_right_list li.padding-no{ padding: 0; }
.content_1 .centent_one_left{ width: 206px; float: left; margin-left: 260px;  }
.content_1 .centent_one_right_list{ padding-left: 80px; }
.content_2 .centent_one_left{ width: 206px; float: left; margin-left: 162px;  }
.content_2 .centent_one_right_list{ padding-left: 60px;  margin-top: 52px; }



.about-content-list {
    position: relative;
    margin-left:auto;
    width:100%;
}
.about-content-list li{
    width: 90px;
    height: 90px;
    border-radius: 100%;
    float: left;
    text-align: center;
    line-height: 90px;
    border:1px #c4c4c4 solid;
    background: #ffffff;
    font-size: 20px;
    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.1);
    box-shadow: 0 2px 3px rgba(0,0,0,0.1);
    position: relative;
    cursor: pointer;
    text-indent:12px;
}
.about-content-list li.active{
    background: #0e56a0;
    color: #ffffff;
    font-weight: 700;
}
.about-content-list li.second div{
    line-height: 24px;
    padding-top: 20px;
}
.about-content-list li.first{
    margin-right: 362px;
}
.about-content-list li.second{
    margin-right: 362px;
}

/* 移动效果 */
.about-course-list li.active .yearslabel{
    background:#0e56a0;
    border:1px solid #0e56a0;
    color:#fff;
}
.about-course-list li.active .lines-label{
    height:84px;
    border-right:1px dotted #0e56a0;
}
.about-course-list li.active .lines-label i{
    border:1px solid #0e56a0;
    background:#0e56a0;
}

.about-content-list li.active .yearslabel{
    background:#0e56a0;
    border:1px solid #0e56a0;
    color:#fff;
}
.about-content-list li.active .lines-label{
    height:33px;
    border-right:1px solid #0e56a0;
}
.about-content-list li.active .lines-label i{
    border:1px solid #0e56a0;
    background:#0e56a0;
}
/* 联系我们 */
.about-contact{
    width:100%;
    padding:30px 0 36px;
}
.about-contact .about-tit-h3{
    margin-bottom:24px;
}
/* 地图 */
#about-contact-map{
    width:800px;
    height:500px;
    border-right:1px solid #e8e8e8;
}
.about-contact-list{
    height:500px;
    padding-top:12px;
    border-left:none;
}
.about-map-box{
    width:100%;
    height:500px;
    border:1px solid #e8e8e8;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1);
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    display:flex;
}
.about-contact-nav{
    width:100%;
    height:38px;
    position: absolute;
    left:0;
    top:0;
    background:#f6f6f6;
    border-bottom:1px solid #e8e8e8;
}
.contact-scroll-bar{
    width:100%;
    overflow-x: auto;
    overflow-y: auto;
}
.about-contact-nav li{
    width:80px;
    height:38px;
    float:left;
    text-align:center;
    color:#666666;
    font-size:16px;
    line-height:38px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.about-contact-nav li.active{
    color:#fff;
    background:#0e56a0;
}
.about-contact-contain{
    width:100%;
    height:100%;
}
.about-contact-contain li{
    border-bottom:1px dotted #d9d9d9;
    padding:15px;
}
.about-contact-lines{
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease;
}
.about-contact-lines i{
    display:block;
    width:3px;
    position: absolute;
    top:8px;
    left:0;
    bottom:6px;
    background:#0e56a0;
    opacity: 0;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease;
}
.ie8 .about-contact-lines i{
    display:none;
}
.about-contact-contain li h4{
    font-size:14px;
    line-height:24px;
    color:#333333;
}
.about-contact-contain li p{
    font-size:14px;
    line-height:24px;
    color:#757575;
}
.about-contact-contain li.active .about-contact-lines{
    padding-left:16px;
}
.about-contact-contain li.active .about-contact-lines i{
    opacity: 1;
}
.ie8 .about-contact-contain li.active .about-contact-lines i{
    display:block;
}
.about-contact-ul{
    display:none;
    width:100%;
    height:100%;
    padding:10px 28px 0;
    overflow-y:scroll;
}
.about-contact-ul.active{
    display:block;
}
/* 自定义窗体 */
.custom-info{
    width:278px;
    height:114px;
    padding:0 9px;
    background:url('/static/index/images/about/windowInfo.png') no-repeat center center / 100% auto;
}
.info-middle{
    width:260px;
    height:80px;
    line-height:26px;
    padding:4px 24px 0;
    font-size:16px;
    color:#0e56a0;
    display: table;
}
.info-middle-text{
    display:table-cell;
    vertical-align: middle;
}
/* 加入我们 */
.about-join{
    width:100%;
    background:#f6f6f6;
    padding:30px 0;
}
.about-join .about-tit-h3{
    margin-bottom:28px;
}
.about-email-href img{
    display:block;
    width:56px;
    margin-right:20px;
}
.about-email-text{
    margin-bottom:12px;
}
.about-email-text h5{
    font-size:18px;
    line-height:22px;
    color:#4d4948;
}
.about-email-text p{
    font-size:18px;
    line-height:22px;
    color:#4d4948;
    margin-top:12px;
}
.about-join-text{
    font-size:16px;
    color:#000000;
    line-height:32px;
}



/* 新增加入我们-更多职位 */
.about-join-hreflink{
    display:inline-block;
    font-size:16px;
    color:#0058a5;
    padding-right:26px;
    position: relative;
    line-height:18px;
    margin-top:12px;
}
.about-join-hreflink svg{
    width:14px;
    height:14px;
    position: absolute;
    bottom:1px;
    right:0;
}