/*//企业介绍*/
.contact-Usheader {
    background: url("../image/kelaiAbout/background_5.png") no-repeat;
      background-size: cover;
    background-position: top center;
}

.contactUsheader {
    width: 127rem;
    height: 50rem;
    margin: 0 auto;
    padding-top: 5rem;
}

.contactUsheader .logopng {
    text-align: center;
    width: 13.2rem;
    margin: 0 auto;
}

.contactUsheader .establish {
    width: 120rem;
    text-indent: 2em;
    font-size: 1.8rem;
    margin: 0 auto;
    padding-top: 3rem;
    line-height: 3rem;
    color: #52546d;
}

.establishrow {
    width: 125rem;
    margin: 0 auto;
    display: flex;
}

.grid-development {
    width: 28rem;
    background: #ffffff;
    padding-bottom: 3rem;
    margin: 5rem 0 0 2rem;
}

.develop-top {
    padding: 2rem 0 1rem 2rem;
    text-align: left;
}

.number {
    font-size: 5rem;
    color: #217fc4;
}

.annual {
    color: #217fc4;
    font-size: 1.8rem;
    font-weight: normal;
}

.History {
    color: #000000;
    font-size: 1.8rem;
}

.kernel {
    padding: 0 2rem;
    color: #828496;
    text-align: left;
}

/*发展历程*/
.history-content {
    background: #fff !important;
}

.con {
    width: 94rem;
    margin: 0 auto;
}

.timeline-con {
    position: relative;
    margin-top: 8rem;
}

.timeline-content .titletrophy  .actimage {
    margin-left: 6.6rem;
    height: 3rem;
    margin-top: 1.5rem;
    display:inline-block;
}

.Titleblock {
    padding: 2rem 0 0 7rem;
}


.timeline-content .titletrophy {
    font-size: 1.5rem;
    color: #333333;
    display: flex;
    padding-top: 2.5rem;
    height: 9.5rem;
    margin: 0 auto;
    width: 95%;
}
.timeline-content .titletrophy  .monthBlock {
    padding: 1.5rem 0 0 5rem;
    text-align: left;
    font-size: 1.6rem;
    color: #333;
}
.timeline-content .titletrophyheader{
    height: 11rem;
    padding-top: .5rem;
}

.timeline-content .titletrophyheader .titletrophyactimage{
    margin-top: 3.5rem;
}
.timeline-content .titleMonth {
    font-size: 1.5rem;
    color: #333333;
    display: flex;
    padding-top: 2.5rem;
    height: 9.5rem;
    margin: 0 auto;
    width: 95%;
}
.timeline-content .timelineMonth{
    height: 11rem;
    padding-top: .5rem;
}
.timeline-content .titleMonth  .month {
    color: #217fc4;
    font-size: 3.2rem;
    font-weight: bold;
    padding-left:5.5rem;
    width: 13rem;
}

.timeline-content .titleMonth  .month span {
    color: #777;
    font-size: 1.6rem;
    font-weight: normal;
}
.timeline-content .titleMonth  .stockRights{
    padding: 1rem 0 0 2rem;
    text-align: left;
    font-size: 1.6rem;
    color: #333;
    width: 35rem;
}

.timeline-con::before {
    content: '';
    display: block;
    width: .1rem;
    height: 100%;
    background: #217fc4;
    position: absolute;
    left: 50%;
    top: 0;
}
.timeline-con .timeline-post {
    margin-left: 48.8%;
}

.timeline-post:nth-child(even) {
    margin-left: -11.8%;
}

.timeline-con .timeline-post .timeline-date {
    font-size: 1.8rem;
    color: #217fc4;
    position: absolute;
    right: 44%;
    background: #fff;
    border: 0.1rem solid #217fc4;
    margin-top: 1.5rem;
    margin-right: 2.4rem;
    width: 6.6rem;
    height: 2.6rem;
    text-align: center;
}

.timeline-con .timeline-post:nth-child(even) .timeline-date {
    left: 46.5%;
}



.timeline-con .timeline-post .timeline-content {
    position: relative;
    top: -.6rem;
    width: 53rem;
    color: #666;
    margin: 0 0 0 5.9rem;
    border: .1rem solid #d7eeff;

}

.timeline-con .timeline-post .timeline-content:hover {
    border: .1rem solid #217fc4;
}

.timeline-post:nth-child(even) .timeline-content {
    margin: 0 5rem 0 0;
}

.timeline-post:nth-child(odd) .timeline-content::before {
    content: '';
    display: inline-block;
    width: 1.8rem;
    height: 0;
    border-top: .1rem solid #d7eeff;;
    position: absolute;
    top: 3.5rem;
    left: -1.8rem;
}

.timeline-post:nth-child(even) .timeline-content::after {
    content: '';
    display: inline-block;
    width: 2.3rem;
    height: 0;
    border-top: .1rem solid #d7eeff;;
    position: absolute;
    top: 3.3rem;
    right: -2.3rem;
}

/*荣誉资质*/
.qualification-content {
    background: #f4f8fb !important;
    margin-top: 8rem;
}

.HISTORY-div {
    width: 100% !important;
    padding-bottom: 5rem !important;
}

.row-tab {
    width: 140rem !important;
    margin: 0 auto !important;
}

.nav-tabs {
    border-bottom: 1px solid #e6eef8;
}
.nav-tabs > li > a {
    width: 11rem;
    text-align: center;
}
.nav-tabs > li.active > a {
    width: 11rem;
    text-align: center;
    color: #1a78bd !important;
    background-color: #dfe9f9 !important;
    border: 0 !important;
}

.TabControl {
    /*height: 40rem;*/
    margin-top: 3rem;
}

.nav-tabs > li > a {
    border: 0 !important;
    margin-right: 2.5rem !important;
    height: 3.5rem !important;
    line-height: 1.5rem !important;
}

.nav {
    padding-left: 37% !important;
    margin-bottom: 5rem;
    padding-bottom: 2rem;
}

.slideshow-inner {
    width: 140rem;
    height: 33rem;
    background: #f4f8fb;
    margin: 0 auto;
    text-align: center;
}

.gridrow {
    display: flex;
}

.grid-actimage {
    height: 27rem;
    margin-left: 2rem;
    margin-top: 3rem;
    background: #ffffff;
    text-align: center;
    padding-top: 3rem;
}

.carousel-image {
    width: 90%;
    margin: 0 auto;
    height: 17rem;
    /* padding-left: 3rem; */
}

.gridtitle {
    padding-top: 2rem;
    font-size: 1.6rem
}

.carousel-indicators {
    position: unset;
    top: 100%;
}

.carousel-indicators > li {
    background-color: #cae0f0;
}

.carousel-indicators > li.active {
    background-color: #217fc4;
}

.TabControl .tab-content .carousel .carousel-indicators {
    position: unset;
    margin: 3rem auto 0;
}

.TabControl .tab-content .carousel .carousel-indicators > li {
    background-color: #bcd8ed;
}

.TabControl .tab-content .carousel .carousel-indicators > li.active {
    background-color: #217fc4;
}
