@charset "utf-8";
/* CSS Document */
.none{display: none;}

/* ******************************banner部分************************ */
.banner-main {
    height: 430px;
    background: url("./about-us-banner.png") no-repeat center top;
}

/* ******************************内容导航部分************************ */
.body-nav-container {
    width: 100%;
    height: 70px;
    border-bottom: 1px #d5d9e0 solid;
    box-sizing: border-box;
}
.body-nav-main {
    display: flex;
    height: 70px;
    line-height: 72px;
    justify-content: center;
}
.body-nav-item {
    display: inline-block;
    font-size: 16px;
    margin: 0 28px;
    cursor: pointer;
    box-sizing: border-box;
}
.body-nav-item:hover {
    color: #0f51ca;
    border-bottom: #0f51ca 3px solid;
}

/* ******************************公司介绍************************ */
#company {
    padding-top: 32px;
    padding-bottom: 20px;
}
.company-title {
    font-size: 28px;
    line-height: 42px;
    text-align: center;
    margin-bottom: 17px;
}
.company-detail-item {
    font-size: 16px;
    line-height: 32px;
    text-indent: 2em;
}
.company-data {
    width: 100%;
    height: 160px;
    border: 3px #fff solid;
    background-image: -moz-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(243,245,248) 99%);
    background-image: -webkit-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(243,245,248) 99%);
    background-image: -ms-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(243,245,248) 99%);
    box-shadow: 5px 8.66px 30px 0px rgb( 168, 192, 221 );
    display: flex;
    justify-content: space-around;
    align-items: center;
    text-align: center;
    margin-top: 25px;
    padding: 28px 22px;
    box-sizing: border-box;
}
.company-data-item {
    height: 100%;
    max-width: 280px;
    flex: auto;
}
.company-data-item-head {
    font-size: 28px;
    line-height: 32px;
    color: rgb( 206, 64, 14 );
    font-family: "SimSun";
    font-weight: 800;
    margin-bottom: 30px;
}

/* ******************************历史沿革************************ */
#history {
    width: 100%;
}
.history-title {
    margin-bottom: 0;
}
.company-title-info {
    width: 100%;
    text-align: center;
    font-size: 16px;
    line-height: 56px;
    color: #333;
}
.company-title-span {
    padding: 0 8px;
}
.history-main {
    position: relative;
    height: 1067px;
    max-width: 1920px;
    margin: 0 auto;
    background: url("./about-us-history.png") no-repeat center top;
    box-shadow: 5px 8.66px 30px 0px rgb( 168, 192, 221 );
}
.history-item {
    position: absolute;
}
.history-item-right {
    right: 50%;
}
.history-item-left {
    left: 50%;
}
.history-item1 {
    top: 64px;
    transform: translateX(108%);
}
.history-item2 {
    top: 100px;
    transform: translateX(-114%);
}
.history-item3 {
    top: 260px;
    transform: translateX(105%);
}
.history-item4 {
    top: 304px;
    transform: translateX(-110%);
}
.history-item5 {
    top: 485px;
    transform: translateX(115%);
}
.history-item6 {
    top: 515px;
    transform: translateX(-107.5%);
}
.history-item7 {
    top: 660px;
    transform: translateX(109%);
}
.history-item8 {
    top: 790px;
    transform: translateX(-114%);
}
.f-r {
    float: right;
}
.f-l {
    float: left;
}
.history-item-time {
    height: 50px;
}
.history-item-time-num {
    font-size: 27.972px;
    line-height: 50px;
    font-family: "SourceHanSansCN";
    color: rgb( 15, 81, 202 );
    padding: 0 14px;
}
.history-item-time-icon {
    width: 50px;
    height: 50px;
}
.time-icon-left {
    background: url("./about-us-history-prev.png") no-repeat center;
}
.time-icon-right {
    background: url("./about-us-history-next.png") no-repeat center;
}
.history-item-content {
    margin-top: 10px;
}
.history-item-content-row {
    overflow: auto;
}
.history-item-content-row-icon {
    width: 6px;
    height: 6px;
    background-color: #000;
    border-radius: 50%;
    margin: 12px;
}
.history-item-content-row-text {
    font-size: 16px;
    line-height: 30px;
    max-width: 592px;
}

/* ******************************研发实力************************ */
.ability-main {
    margin-top: 30px;
}
.ability-title-info {
    font-size: 16px;
    text-align: center;
}
.ability-content {
    display: flex;
    justify-content: space-between;
    height: 372px;
    margin: 0 auto;
    margin-top: 30px;
}
.ability-content-db {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 404px;
    height: 100%;
}
.ability-content-db-item {
    width: 100%;
    height: 173px;
    border: 3px #fff solid;
    background-image: -moz-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(243,245,248) 99%);
    background-image: -webkit-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(243,245,248) 99%);
    background-image: -ms-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(243,245,248) 99%);
    box-shadow: 5px 8.66px 30px 0px rgb( 168, 192, 221 );
    text-align: center;
    box-sizing: border-box;
}
.db-item-text {
    height: 92px;
    line-height: 92px;
    font-size: 16px;
}
.db-item-num {
    font-size: 46px;
    color: #ce400e;
    line-height: 46px;
    font-weight: 700;
}

.ability-content-item {
    width: 404px;
    height: 100%;
    border: 3px #fff solid;
    background-image: -moz-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(243,245,248) 99%);
    background-image: -webkit-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(243,245,248) 99%);
    background-image: -ms-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(243,245,248) 99%);
    box-shadow: 5px 8.66px 30px 0px rgb( 168, 192, 221 );
    box-sizing: border-box;
    padding: 20px 25px;
}
.ability-content-item-title {
    font-size: 20px;
    line-height: 42px;
    color: #ce400e;
}
.ability-content-item-info {
    font-size: 16px;
    line-height: 35px;
}

/* ******************************资质荣誉************************ */
.glory-main {
    position: relative;
    margin-top: 30px;
}
.glory-certificate-main {
    height: 185px;
}
.glory-certificate {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.certificate-hide {
    display: none;
}
.glory-certificate-item {
    width: 410px;
    height: 140px;
    color: #fff;
    background-image: -moz-linear-gradient( -90deg, rgb(239,118,58) 0%, rgb(169,95,188) 56%, rgb(128,94,203) 85%, rgb(87,92,218) 100%);
    background-image: -webkit-linear-gradient( -90deg, rgb(239,118,58) 0%, rgb(169,95,188) 56%, rgb(128,94,203) 85%, rgb(87,92,218) 100%);
    background-image: -ms-linear-gradient( -90deg, rgb(239,118,58) 0%, rgb(169,95,188) 56%, rgb(128,94,203) 85%, rgb(87,92,218) 100%);
    text-align: center;
    font-size: 22px;
    line-height: 35px;
}
.glory-certificate-item-name {
    margin-top: 35px;
}
.glory-certificate-btn {
    position: absolute;
    left: 50%;
    top: 215px;
    transform: translateX(-50%);
    width: 186px;
    height: 5px;
}
.glory-certificate-btn .swiper-pagination-bullet {
    float: left;
    width: 40px;
    height: 5px;
    background: #dcdcdc;
    border-radius: 4px;
    margin: 0 11px;
    cursor: pointer;
    opacity: 1;
}
.glory-certificate-btn .swiper-pagination-bullet-active {
    background: #0f51ca;
}
.glory-content {
    position: relative;
    width: 100%;
    height: 310px;
    overflow: auto;
    box-shadow: 2.5px 4.33px 35px 0px rgb( 68, 76, 139 );
}
.glory-content >.mhide{
    height: 100%;
}
.glory-content-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 33.3%;
    height: 100%;
    float: left;
    text-align: center;
}
.glory-content-item-info {
    font-size: 14px;
    line-height: 30px;
    color: #333;
}
.glory-content-icon {
    position: absolute;
    width: 1px;
    height: 219px;
    background-color: #bdcae5;
}
.glory-content-icon-first {
    top: 50%;
    left: 33.3%;
    transform: translate(-50%, -50%);
}
.glory-content-icon-second {
    top: 50%;
    right: 33.3%;
    transform: translate(-50%, -50%);
}
.m-glory-content-icon {
    position: absolute;
    width: 156px;
    height: 5px;
    left: 50%;
    bottom: -6%;
    transform: translateX(-50%);
}
.m-glory-content-icon .swiper-pagination-bullet {
    float: left;
    width: 40px;
    height: 100%;
    border-radius: 4px;
    background-color: #dcdcdc;
    margin: 0 6px;
    opacity: 1;
}
.m-glory-content-icon .swiper-pagination-bullet-active {
    background: #0f51ca;
}

/* ******************************企业文化************************ */
#culture {
  width: 100%;
}
.culture-main {
  margin-top: 30px;
  margin-bottom: 40px;
}
.culture-content {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.culture-content-item {
  width: 400px;
  box-shadow: 5px 8.66px 32px 0px rgb(175 184 196);
  padding: 18px;
  margin-right: 30px;
  margin-bottom: 30px;
  box-sizing: border-box;
}
.culture-content-item:last-child {
  margin-right: 0;
}
.culture-content-item:nth-child(3n) {
  margin-right: 0;
}
.culture-content-item-title {
  font-size: 22px;
  color: #ce400e;
}
.culture-content-item-info {
  font-size: 16px;
  line-height: 26px;
  margin-top: 10px;
}

/* ******************************分支机构************************ */
#branch {
    width: 100%;
    height: 820px;
    background: url("./about-us-branch.png") no-repeat center top;
    padding: 40px 0 50px 0;
}
.branch-name {
    display: flex;
    justify-content: space-between;
}
.branch-name-item {
    position: relative;
    width: 240px;
    height: 80px;
    text-align: center;
    font-size: 18px;
    background-color: #fff;
    box-sizing: border-box;
    cursor: pointer;
    font-weight: 700;
}
.branch-name-item:hover,.branch-name-item.hover {
    color: #ce400e;
}
.branch-name-item-text {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}
.branch-content {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 630px;
    margin-top: 20px;
}
.branch-content.none{display: none;}
.branch-content-info {
    width: 420px;
    background-color: #fff;
    padding: 20px 0 0 30px;
    box-sizing: border-box;
}
.branch-search {
    width: 362px;
    height: 44px;
}
.branch-search-icon {
    top: 4px;
}
.branch-content-info-container {
    height: 550px;
    overflow-y: scroll;
}
.branch-content-info-container::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}
.branch-content-info-container::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #c2cbd6;
}
.branch-content-info-item {
    padding: 14px  0 13px 0;
    color: #333;
    border-bottom: 1px #e5e5e5 solid;
}
.branch-content-info-item-title {
    font-size: 16px;
    line-height: 38px;
    font-weight: 700;
}
.branch-content-info-item-text {
    font-size: 14px;
    line-height: 24px;
}
.branch-content-map {
    width: 820px;
}

.branch-content:first-child .branch-content-map{background: url('mapC-all.png');}
.branch-content:first-child .branch-content-map img{display: none;}
.branch-content:nth-child(2) .branch-content-map{background: url('mapC-beijing.png');}
.branch-content:nth-child(3) .branch-content-map{background: url('mapC-bf.png');}
.branch-content:nth-child(4) .branch-content-map{background: url('mapC-cf.png');}
.branch-content:nth-child(5) .branch-content-map{background: url('mapC-gf.png');}
.branch-content:nth-child(6) .branch-content-map{background: url('mapC-sf.png');}
.branch-content.search-result .branch-content-map{background: url('mapC-blank.png')}
.branch-content.search-result .map-wrap{position: relative;width: 100%;height: 100%;}
.branch-content.search-result .map-wrap img{position: absolute;}

/* ******************************拓尔思子公司************************ */
#child {
    width: 100%;
    height: 540px;
    background: url("./about-us-child1.png") no-repeat center top;
    /* margin-top: 30px; */
    padding-top: 30px;
}
.child-title {
    color: #fff;
}
.child-main-content {
    display: flex;
    justify-content: space-between;
    height: 396px;
    border-top: 1px #9597c9 solid;
    padding-top: 26px;
}
.child-content-item {
    width: 390px;
    height: 370px;
    box-sizing: border-box;
}
.child-content-item-logo {
    position: relative;
    width: 100%;
    height: 100px;
    background-color: #fff;
}
.child-content-item-logo-img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 203px;
    height: 70px;
}
.child-content-item-info {
    width: 100%;
    height: 270px;
    color: #fff;
    background-color: rgba( 7, 30, 88, .3 );
    padding: 28px 32px;
    box-sizing: border-box;
}
.child-content-item-info-title {
    font-size: 18px;
    line-height: 30px;
}
.child-content-item-info-title a{color: #fff;}
.child-content-item-info-detail {
    font-size: 14px;
    line-height: 24px;
    margin-top: 11px;
}