/* 企业简介 */
.qyjj-gsjj{background: url(../images/qygk/qyjj_bg.png) no-repeat bottom; background-size: 1920px;}
.gsjj-memo .txt{line-height: 2; text-align: center;}

.gsjj-data-cover img{width: 100%;  border-radius: 0 0 30px 0;}
.gsjj-data-txt{padding: 30px;}
.gsjj-data-txt li{padding: 60px 0;}
.gsjj-data-txt .num{color:#5774BA; font-size: 3.125em; text-align: center;}
.gsjj-data-txt .num .unit{font-size: 14px;}
.gsjj-data-txt .desc{font-size: 0.875em; text-align: center;}

@media (max-width: 1500px) {
 .gsjj-data-txt li{padding: 20px 0;}
}

@media (max-width: 1280px) {
 .gsjj-data-txt li{padding: 10px 0;}
}

/* 公司荣誉 */
.qyjj-gsry{ background-color: #E8F2FF; margin-top: -100px; padding-top: 195px; padding-bottom: 200px;}
.gsry-swiper{position: relative;}
.gsry-swiper .txt{ padding: 30px; text-align: center; background-color: #fff; font-size: 1.375em; font-weight: bold; border: #E5E5E5 solid 1px;}
.gsry-swiper .swiper-button{position: absolute; width: 48px; height: 32px; background-repeat: no-repeat; background-size: 48px 32px; background-position: center center; top: 50%; transform: translateY(-50%); margin-top: 0;}
.gsry-swiper .swiper-button-prev{left: -98px;}
.gsry-swiper .swiper-button-next{right: -98px;}
.gsry-swiper .swiper-button-prev{background-image: url(../images/qygk/qyjj_arrow_l.png);}
.gsry-swiper .swiper-button-next{background-image: url(../images/qygk/qyjj_arrow_r.png);}

@media (max-width: 1500px) {
 .gsry-swiper .swiper-button-prev{left: -58px;}
 .gsry-swiper .swiper-button-next{right: -58px;}
}

@media (max-width: 992px) {
 .gsry-swiper .txt{padding:15px 10px; font-size: 1.125em;}
 .gsry-swiper .swiper-button{ width: 34px; height: 64px; background-color: rgba(0, 0, 0, 0.3); background-size: 15px;}
 .gsry-swiper .swiper-button-prev{left: 0;}
 .gsry-swiper .swiper-button-next{right: 0;}
 .gsry-swiper .swiper-button-prev{background-image: url(../images/public/arrow_left_white.png);}
 .gsry-swiper .swiper-button-next{background-image: url(../images/public/arrow_right_white.png);}
 .gsry-swiper .swiper-button:hover{background-color: rgba(0, 0, 0, 0.5);}
}

/* 发展历程 */
.timeline-bg{background:  linear-gradient(to bottom,rgba(232, 242, 255, 1),rgba(232, 242, 255, 0));}
.timeline-container{padding: 80px 100px;}

.year-nav-panel { flex-shrink: 0; width: 150px; align-self: start;}
.year-nav{width: 28px; height: 28px; background: no-repeat center center #6C9DD9; background-size: 14px 8px; border-radius: 50%; cursor: pointer;}
.year-nav.arrow-up{background-image: url(../images/qygk/fzlc_arrow_up.png);}
.year-nav.arrow-down{background-image: url(../images/qygk/fzlc_arrow_down.png);}

.year-scroll-area { max-height: 808px;   padding: 0 14px; overflow: hidden;  }
.year-scroll-area .year-btn{position: relative; padding-bottom: 30px;}
.year-scroll-area .year-btn{padding-left: 30px; position: relative; padding-top: 20px; padding-bottom: 30px;}
.year-scroll-area .year-btn:before{content: ''; background: #E5E5E5; width: 1px; position: absolute; top: 0; bottom: 0; left: 0;}
.year-scroll-area .year-btn i{position: absolute; left: -13px; top: 50%; width: 26px; height: 26px; margin-top: -13px; border-radius: 50%; transition: .3s all;border: #6C9DD9 solid 1px; background-color: #fff;}
.year-scroll-area .year-btn i:after{content: ''; position: absolute; width: 13px; height: 13px; border-radius: 50%; background: url(../images/qygk/fzlc_icon_time.png) no-repeat ; background-size: 13px 13px; left: 0; top: 0; right: 0; bottom: 0; margin: auto; transition: .3s all;}
.year-scroll-area .year-btn span{display: block; width: 89px; height: 36px; text-align: center; line-height: 36px; margin-top: 15px; background: url(../images/qygk/fzlc_year_bg.png) no-repeat; background-size: contain; cursor: pointer;}
.year-scroll-area .year-btn.active span{background-image:  url(../images/qygk/fzlc_year_bg_on.png); color: #fff;}

.events-list .event-date{background: linear-gradient(to right,rgba(179, 210, 255, 1),rgba(179, 210, 255, 0)); width: 50%; padding: 10px;}
.events-list .event-date .month-badge{ font-size: 1.125em; background: url(../images/qygk/fzlc_year_icon.png) no-repeat left center; background-size: 22px 22px; color: #3D5FB0; font-weight: bold; padding-left: 40px;}
.events-list .event-desc{padding: 20px 15px; font-size: 1.125em;}
.events-list .event-desc p{line-height: 2.5;}
.year-events { display: none; animation: fadeInUp 0.35s ease-out;}
.year-events:first-child { display: block;}
@media (max-width: 1280px) {
.timeline-content{padding-left: 30px;}
}
@media (max-width: 992px) {
 .timeline-container{padding: 80px 0;}
 .year-nav-panel { width: 100%; display: flex; flex-direction: column;  margin-bottom: 20px; }
 .year-scroll-area { max-height: 110px; display: flex; overflow-x: auto; overflow-y: hidden; gap: 12px; padding: 8px 12px; }
 .year-nav,.year-scroll-area .year-btn i,.year-scroll-area .year-btn:before{display: none;}
 .year-scroll-area .year-btn{padding-left: 0;}
 .timeline-content{padding-left: 0;}   
}



/* 企业文化 */
.qywh-video > .container{padding:80px 150px 0;}
.qywh.sm{background: url(../images/qygk/qywh_bg_sm.png) no-repeat bottom center; background-size: 1920px;}
.qywh.yj{background: linear-gradient(to bottom,rgba(232, 242, 255, 1),rgba(232, 242, 255, 0));}
.qywh.hxjzg{background: url(../images/qygk/qywh_bg_hxjzg.png) no-repeat bottom center; background-size: 1920px;}

.qyyw-tab .hd li{position: relative; text-align: center;background-color: #E8F2FF; padding: 30px 0; font-size: 1.625em; cursor: pointer;}
.qyyw-tab .hd li.on{background-color: #3D5FB0; color: #fff; font-weight: bold;}
.qyyw-tab .hd li.on::after { content: ''; position: absolute; bottom: -14px;  left: 50%; transform: translateX(-50%); border: 15px solid transparent; border-top-color: #3D5FB0;  border-bottom: 0;}
.qyyw-tab .com-title.underline h3:after{height: 6px;}
@media (max-width: 768px) {
    .qyyw-tab .hd li.on::after{display: none;} 
}

/* 企业ip形象 */
.qyyw-tab .qyip .cover-box img{width: 100%;}
@media (max-width: 992px) {
    .qyyw-tab .qyip .cover-box img{width: 200px; margin:0 auto 20px; display: block;}
}


