.index {
    width: 100%;
    min-width: 1200px;
}

.banner {
    position: relative;
    height: 280px;
    background: url(../images/about_bg.png) no-repeat center;
    background-size: cover;
}

.banner-about-title {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 1200px;
    margin: 0 auto;
}

.banner-about-title img {
    margin-bottom: 88px;
    height: 42px;
}

.about-nav {
    position: sticky;
    top: 66px;
    left: 0;
    right: 0;
    width: 100%;
    background-color: #fff;
    border-top: 1px solid rgba(0, 0, 0, .05);
    box-shadow: 0 2px 20px 0 rgba(0, 39, 123, .13);
    z-index: 100;
}

.about-nav-wrapper {
    padding-top: 18px;
    display: -webkit-flex;
    -js-display: flex;
    display: flex;
    align-items: center;
    width: 1200px;
    margin: 0 auto;
}

.about-nav .nav-btn {
    position: relative;
    width: 144px;
    line-height: 52px;
    font-size: 16px;
    text-align: center;
}

.about-nav .nav-btn .name {
    display: block;
    color: #00041a;
    outline: none;
}

.about-nav .nav-btn .name:hover {
    color: #4373f9;
    cursor: pointer;
}

.about-nav .nav-btn .btn-underline {
    position: absolute;
    height: 2px;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
}

.about-nav .nav-btn-s .name {
    color: #4373f9;
}

.about-nav .nav-btn-s .btn-underline {
    color: #4373f9;
    background-color: #4373f9;
}

.about-wrapper {
    width: 1200px;
    margin: 0 auto;
    padding-top: 36px;
}

.about-wrapper .about-column {
    display: -webkit-flex;
    display: flex;
    margin-bottom: 36px;
}

.about-wrapper .about-column .info-box {
    padding: 36px 36px 0 0;
    flex: 1;
}

.about-wrapper .about-column .info-box h2 {
    margin-bottom: 24px;
    line-height: 36px;
    font-size: 36px;
    color: #00041a;
}

.about-wrapper .about-column .info-box p {
    margin-bottom: 16px;
    line-height: 24px;
    color: rgba(0, 4, 27, .7)
}

.about-wrapper .about-column .img-box {
    flex-shrink: 0;
    width: 400px;
    border-radius: 8px;
}

.about-wrapper .about-column .img-box img {
    width: 400px;
    border-radius: 8px;
}

.about-wrapper .about-column .info-box .milestone {
}

.milestone .milestone-column {
    display: -webkit-flex;
    display: flex;
}

.milestone .milestone-column .time {
    padding-top: 30px;
    flex-shrink: 0;
    width: 300px;
    line-height: 36px;
    font-size: 36px;
    color: #00041a;
    font-weight: 600;
    text-align: right;
}

.milestone .milestone-column .time span {
    position: relative;
    display: inline-block;
    padding-right: 36px;
    height: 36px;
}

.milestone .milestone-column .time span:after {
    position: absolute;
    content: '';
    top: 0;
    right: -2px;
    width: 3px;
    height: 36px;
    background-color: #4373f9;

}

.milestone .milestone-column .events {
    padding-left: 36px;
    padding: 36px 0 20px 36px;
    border-left: 1px solid rgba(166, 167, 175, .2);
}

.about-wrapper .about-column .info-box .about-logo {
    width: 728px;
    height: 422px;
    margin: 0 auto;
    padding-bottom: 36px;
}

.about-logo .about-logo-content {
    position: relative;
    margin-top: 36px;
    height: 100%;
}

.about-logo .about-logo-content .logo-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 122px;
    height: 122px;
    background-color: #fff;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    box-shadow: 0 2px 14px 0 rgba(0, 39, 123, .13);
}

.about-logo .about-logo-content .logo-item img {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.about-logo .about-logo-content .logo-item.logo2 {
    left: 202px;
}

.about-logo .about-logo-content .logo-item.logo3 {
    left: 404px;
}

.about-logo .about-logo-content .logo-item.logo4 {
    left: 606px;
}

.about-logo .about-logo-content .logo-item.logo5 {
    top: 100px;
    left: 101px;
}

.about-logo .about-logo-content .logo-item.logo6 {
    top: 100px;
    left: 303px;
}

.about-logo .about-logo-content .logo-item.logo7 {
    top: 100px;
    left: 505px;
}

.about-logo .about-logo-content .logo-item.logo8 {
    top: 200px;
    left: 202px;
}

.about-logo .about-logo-content .logo-item.logo9 {
    top: 200px;
    left: 404px;
}

.about-logo .about-logo-content .logo-item.logo10 {
    top: 300px;
    left: 303px;
}

.about-wrapper .about-column .joinus-box {
    padding: 36px 0;
    flex: 1;
}

.about-wrapper .about-column .joinus-box h3 {
    margin-bottom: 36px;
    line-height: 18px;
    font-size: 18px;
    color: #00041a;
}

.about-wrapper .about-column .joinus-box h3 span {
    color: #E5BB67;
    font-weight: 600;
}

.about-wrapper .about-column .joinus-box .list-box table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

/* joinus */
.list-box tr {
    border-bottom: 1px solid rgba(0, 0, 0, .05);
}

.list-box th, .list-box td {
    border: none;
    padding: 0;
}

.list-box th {
    box-sizing: border-box;
    height: 40px;
    line-height: 40px;
    color: rgba(0, 4, 26, .5);
    background-color: rgba(0, 0, 0, .04);
    padding-left: 20px;
    text-align: left;
}

.list-box td {
    box-sizing: border-box;
    padding-left: 20px;
    line-height: 52px;
    color: #00041a;
}

.list-box td a {
    color: #4373f9;
    outline: none;
}

/* expert */
.expert-content .expert-column {
    /*display: -webkit-flex;*/
    /*-js-display: flex;
display: flex;*/
    padding: 36px 36px;
    margin-bottom: 36px;
    border-radius: 2px;
    box-shadow: 0 2px 14px 0 rgba(0, 39, 123, .13);
}

.expert-content .expert-column .image {
    width: 12%;
    float: left;
}

.expert-content .expert-column .text {
    padding-left: 36px;
    float: left;
    width: 80%;
}

.expert-content .expert-column .text .name {
    position: relative;
    line-height: 36px;
    font-size: 24px;
    padding-bottom: 14px;
    color: #00041a;
}

.expert-content .expert-column .text .name:after {
    position: absolute;
    left: 0;
    bottom: 0;
    content: '';
    width: 48px;
    height: 3px;
    background-color: #E5BB67;
}

.expert-content .expert-column .text .desc {
    margin-top: 16px;
    line-height: 24px;
    color: rgba(0, 4, 27, .7);
}

.contact-content {
    margin-top: 36px;
}

.contact-content .contact-column {
    /*-js-display: flex;*/
    /*display: flex;*/
    margin-bottom: 42px;
}

.contact-column h1 {
    display: inline-block;
    font-size: 18px;
    line-height: 32px;
    padding-left: 38px;
    margin-right: 98px;
    color: rgba(0, 4, 27, .7);
}

.contact-column .contactTitle1 {
    background: url(../images/contactBg01.png) no-repeat left center;
}

.contact-column .contactTitle2 {
    background: url(../images/contactBg02.png) no-repeat left 2px;
}

.contact-column .contactTitle3 {
    background: url(../images/contactBg03.png) no-repeat left center;
}

.contact-column .column-right .text {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    color: rgba(0, 4, 27, .85)
}

.contact-column .column-right span {
    font-family: Arial;
}

.contact-column .column-right .text a {
    font-size: 18px;
}

.contact-column .column-right .text a:hover {
    color: #E5BB67;
}

.contact-column .column-right .tel {
    font-size: 18px;
    font-weight: 600;
}

.contact-column #map_container {
    margin-left: 208px;
    width: 640px;
    height: 400px;
}

.positive-top-64 {
    position: relative;
    top: -130px;
}