@charset "UTF-8";
.about-banner { position: relative; width: 100%; height: 85.333vw; background: url('../images/about_banner_bg@mb.jpg') center/cover no-repeat; }
.about-banner .banner-title-wrapper { display: table; width: 100%; height: 100%; padding-bottom: 13.333vw; }
.about-banner .banner-title-wrapper .banner-title-box { display: table-cell; vertical-align: middle; width: 100%; text-align: center; }
.about-banner .banner-title-wrapper .banner-title-box h1 { font-family: "SourceHanSansCN-Bold"; font-size: 8vw; font-weight: bold; color: #fff; }
.about-banner .banner-title-wrapper .banner-title-box p { padding-top: 3.467vw; font-size: 3.733vw; color: #fff; }
.about-banner .container-strict { position: absolute; right: 0; left: 0; width: 92vw; margin-top: -13.333vw; margin-right: auto; margin-left: auto; padding: 6.667vw 5.333vw; background-color: #fff; }
.about-banner .container-strict .banner-text-box:first-child { padding-bottom: 4.533vw; border-bottom: 1px dashed #808080; }
.about-banner .container-strict .banner-text-box:nth-child(2) { padding-top: 4.533vw; }
.about-banner .container-strict .banner-text-box h3 { font-family: "SourceHanSansCN-Bold"; font-size: 4.8vw; font-weight: bold; color: #4d4d4d; }
.about-banner .container-strict .banner-text-box p { margin-top: 1.6vw; font-size: 3.2vw; color: #808080; }
.company-profile { padding-top: 32.533vw; padding-bottom: 5.333vw; background-color: #f2f2f2; }
.company-profile .container-block { width: 92vw; margin-right: auto; margin-left: auto; padding: 10.667vw 5.333vw 5.333vw; background-color: #fff; }
.company-profile .container-block .profile-text-box h2 { font-family: "SourceHanSansCN-Bold"; font-size: 4.8vw; font-weight: bold; color: #4d4d4d; }
.company-profile .container-block .profile-text-box .title-line { display: block; width: 63.934%; height: 2px; margin-top: 4.267vw; margin-bottom: 10.667vw; background-color: #f2f2f2; }
.company-profile .container-block .profile-text-box .title-line:after { display: block; content: ''; width: 8vw; height: 2px; background-color: #6127e4; }
.company-profile .container-block .profile-text-box p { margin-bottom: 5.333vw; font-size: 3.2vw; line-height: 1.5; color: #808080; }
.company-profile .container-block .profile-img-box { position: relative; height: 52.867vw; overflow: hidden; }
.company-profile .container-block .profile-img-box img { position: absolute; bottom: 0; }
.professional-team { padding-top: 8vw; padding-bottom: 8vw; text-align: center; background-color: #000000; }
.professional-team h2 { padding-bottom: 10.667vw; font-family: "SourceHanSansCN-Bold"; font-size: 6.4vw; font-weight: bold; color: #fff; }
.professional-team .container-block { width: 92vw; margin-right: auto; margin-left: auto; }
.professional-team .executives-list .executives-item { position: relative; width: 61.333vw; margin-right: 2.667vw; overflow: hidden; }
.professional-team .executives-list .executives-item .executives-txt { position: absolute; bottom: 0; width: 100%; height: 11.733vw; padding-top: 1.867vw; color: #fff; background-color: rgba(0,0,0,.9); }
.professional-team .executives-list .executives-item .executives-txt h3 { font-size: 3.733vw; }
.professional-team .executives-list .executives-item .executives-txt p { margin-top: 1.333vw; font-size: 3.2vw; }
.professional-team .container-block .swiper-pagination { position: static; padding-top: 4vw; padding-bottom: 8vw; }
.professional-team .container-block .swiper-pagination .swiper-pagination-bullet { background-color: rgba(255,255,255,.6); }
.professional-team .container-block .swiper-pagination .swiper-pagination-bullet-active { background-color: #7033ff; }
.professional-team .employees-box { font-size: 0; }
.professional-team .employees-box .employees-img.img-01 { height: 40.267vw; margin-bottom: 1.333vw; overflow: hidden; }
.professional-team .employees-box .employees-img.img-02 { display: inline-block; width: calc((100% - 1.333vw) / 2); margin-right: 1.333vw; overflow: hidden; }
.professional-team .employees-box .employees-img.img-03 { display: inline-block; width: calc((100% - 1.333vw) / 2); overflow: hidden; }
.professional-team .employees-box .employees-img.img-04 { margin-top: 1.333vw; overflow: hidden; }
.honor-qualifications { padding-top: 8vw; padding-bottom: 8vw; text-align: center; }
.honor-qualifications h2 { font-family: "SourceHanSansCN-Bold"; font-size: 5.333vw; font-weight: bold; color: #4d4d4d; }
.honor-qualifications .container-block { width: 92vw; margin-right: auto; margin-left: auto; }
.honor-qualifications .container-block .nav-tabs { margin-bottom: 10.667vw; border-bottom: none; }
.honor-qualifications .container-block .nav-tabs>li { display: inline-block; float: none; margin-bottom: 0; }
.honor-qualifications .container-block .nav-tabs>li>a { margin-top: 5.333vw; margin-right: 6vw; margin-left: 6vw; padding: 0 0 1.6vw; font-size: 4.267vw; color: #4d4d4d; border: none; }
.honor-qualifications .container-block .nav-tabs>li>a:after {
    content: ''; position: absolute; left: 0px; bottom: 1px; width: 80%; height: 3px; margin-left: 10%; background: #8b59fc;
    -webkit-transition: all .3s ease 0s;
            transition: all .3s ease 0s;
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);
}
.honor-qualifications .container-block .nav-tabs>li.active>a:after, .honor-qualifications .container-block .nav-tabs>li:hover>a:after {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}
.honor-qualifications .container-block .nav>li>a:hover, .honor-qualifications .container-block .nav>li>a:focus { background-color: transparent; }
.honor-qualifications .container-block .tab-content { overflow: auto; }
.honor-qualifications .container-block .tab-content .tab-pane { width: 122.667vw; }
.honor-qualifications .container-block .tab-content .tab-pane>div { float: left; position: relative; width: 25%; height: 57.101%; overflow: hidden; border: 1px solid #e6e6e6; }
.honor-qualifications .container-block .tab-content .tab-pane>div>div { position: absolute; top: 100%; width: 100%; height: 100%; background-color: #6127e4; transition: 0.3s all ease; }
.honor-qualifications .container-block .tab-content .tab-pane>div>div>p {
    position: absolute; top: 50%; width: 100%; font-size: 3.733vw; line-height: 1.5; color: #fff;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
}
.honor-qualifications .container-block .tab-content .tab-pane>div:hover>div { top: 0; }
@media (min-width: 768px) {
    .about-banner { height: 500px; background: url('../images/about_banner_bg@ipad.jpg') center/cover no-repeat; }
    .about-banner .banner-img-box { height: 100%; overflow: hidden; }
    .about-banner .banner-title-wrapper { padding-bottom: 70px; }
    .about-banner .banner-title-wrapper .banner-title-box h1 { font-size: 60px; }
    .about-banner .banner-title-wrapper .banner-title-box p { padding-top: 30px; font-size: 24px; }
    .about-banner .container-strict { width: calc(100% - 60px); max-width: 1140px; margin-top: -70px; padding: 50px 40px; }
    .about-banner .container-strict .banner-text-box:first-child { padding-bottom: 36px; }
    .about-banner .container-strict .banner-text-box:nth-child(2) { padding-top: 36px; }
    .about-banner .container-strict .banner-text-box h3 { font-size: 36px; }
    .about-banner .container-strict .banner-text-box p { margin-top: 12px; font-size: 24px; }
    .company-profile { padding-top: 270px; padding-bottom: 50px; }
    .company-profile .container-block { width: calc(100% - 60px); max-width: 1140px; }
    .company-profile .container-block .profile-text-box h2 { font-size: 36px; }
    .company-profile .container-block .profile-text-box .title-line { margin-top: 32px; margin-bottom: 80px; }
    .company-profile .container-block .profile-text-box .title-line:after { width: 60px; }
    .company-profile .container-block .profile-text-box p { margin-bottom: 40px; font-size: 16px }
    .company-profile .container-block .profile-img-box { height: 434px; }
    .company-profile .container-block .profile-img-box img { width: 100%; }
    .professional-team { padding-top: 60px; padding-bottom: 60px; }
    .professional-team h2 { font-size: 40px; padding-bottom: 80px; }
    .professional-team .container-block { width: calc(100% - 78px); }
    .professional-team .executives-list .executives-item { width: 460px; margin-right: 20px; }
    .professional-team .executives-list .executives-item .executives-img { height: 310px; overflow: hidden; }
    .professional-team .executives-list .executives-item .executives-img img {
        position: relative; left: 50%; height: 100%; max-width: max-content;
        -webkit-transform: translateX(-50%);
           -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
             -o-transform: translateX(-50%);
                transform: translateX(-50%);
        -webkit-transition: all .45s;
           -moz-transition: all .45s;
            -ms-transition: all .45s;
             -o-transition: all .45s;
                transition: all .45s;
    }
    .professional-team .executives-list .executives-item .executives-txt {
        height: 88px; padding-top: 20px;
        -webkit-transition: all .45s;
           -moz-transition: all .45s;
            -ms-transition: all .45s;
             -o-transition: all .45s;
                transition: all .45s;
    }
    .professional-team .executives-list .executives-item .executives-txt h3 { font-size: 22px; }
    .professional-team .executives-list .executives-item .executives-txt p { margin-top: 12px; font-size: 16px; }
    .professional-team .executives-list .executives-item:hover .executives-img img {
        -webkit-transform: translateX(-50%) scale(1.05);
           -moz-transform: translateX(-50%) scale(1.05);
            -ms-transform: translateX(-50%) scale(1.05);
             -o-transform: translateX(-50%) scale(1.05);
                transform: translateX(-50%) scale(1.05);
    }
    .professional-team .executives-list .executives-item:hover .executives-txt { opacity: 0; bottom: -30%; }
    .professional-team .container-block .swiper-pagination { padding-top: 30px; padding-bottom: 50px; }
    .professional-team .employees-box { width: 690px; margin-right: auto; margin-left: auto; }
    .professional-team .employees-box .employees-img.img-01 { height: 412px; margin-bottom: 10px; }
    .professional-team .employees-box .employees-img.img-02 { width: calc((100% - 10px) / 2); margin-right: 10px; }
    .professional-team .employees-box .employees-img.img-03 { width: calc((100% - 10px) / 2); }
    .professional-team .employees-box .employees-img.img-04 { margin-top: 10px; }
    .honor-qualifications { padding-top: 60px; padding-bottom: 60px; }
    .honor-qualifications h2 { font-size: 40px; }
    .honor-qualifications .container-block { width: calc(100% - 78px); }
    .honor-qualifications .container-block .nav-tabs { margin-bottom: 80px; }
    .honor-qualifications .container-block .nav-tabs>li>a { margin-top: 40px; margin-right: 45px; margin-left: 45px; padding: 0 0 10px; font-size: 22px; }
    .honor-qualifications .container-block .tab-content .tab-pane { width: calc(100%  / 3 * 4); }
    .honor-qualifications .container-block .tab-content .tab-pane>div>div>p { font-size: 22px; }
}
@media (min-width: 1024px) {
    .about-banner .container-strict .banner-text-box { float: left; width: 50%; }
    .about-banner .container-strict .banner-text-box:first-child { padding-bottom: 0; border-bottom: none; }
    .about-banner .container-strict .banner-text-box:nth-child(2) { padding-top: 0; }
    .about-banner .container-strict .banner-text-box h3 { font-size: 30px; }
    .about-banner .container-strict .banner-text-box p { font-size: 20px; }
    .company-profile { padding-top: 132px; }
    .company-profile .container-block { position: relative; padding: 0; }
    .company-profile .container-block .profile-text-box { width: 50%; padding: 80px 40px 40px; }
    .company-profile .container-block .profile-text-box .title-line { margin-bottom: 60px; }
    .company-profile .container-block .profile-img-box { position: absolute; top: 0; right: 0; width: 50%; height: 100%; }
    .company-profile .container-block .profile-img-box img { width: auto; max-width: max-content; height: 100%; }
    .professional-team .container-block { width: calc(100% - 60px); max-width: 1140px; }
    .professional-team .executives-list .executives-item { width: 308px; }
    .professional-team .employees-box { position: relative; width: 100%; text-align: left; }
    .professional-team .employees-box .employees-img.img-01 { float: left; width: 37.447%; height: 100%; margin-right: 10px; margin-bottom: 0; }
    .professional-team .employees-box .employees-img.img-01 img {
        position: relative; left: 50%; height: 100%; max-width: max-content;
        -webkit-transform: translateX(-50%);
           -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
             -o-transform: translateX(-50%);
                transform: translateX(-50%);
    }
    .professional-team .employees-box .employees-img.img-02 { float: left; width: calc((62.553% - 20px) / 2); height: 198px; }
    .professional-team .employees-box .employees-img.img-03 { float: left; width: calc((62.553% - 20px) / 2); height: 198px; }
    .professional-team .employees-box .employees-img.img-04 { float: left; width: calc(62.553% - 10px); height: 206px; }
    .honor-qualifications .container-block { width: calc(100% - 60px); max-width: 1140px; }
}
@media (min-width: 1200px) {
    .about-banner { height: 450px; background: url('../images/about_banner_bg.jpg') center/cover no-repeat; }
    .about-banner .container-strict { padding: 60px 40px; }
    .about-banner .container-strict .banner-text-box h3 { font-size: 36px; }
    .about-banner .container-strict .banner-text-box p { margin-top: 24px; font-size: 24px; }
    .company-profile { padding-top: 202px; padding-bottom: 80px; }
    .professional-team h2 { padding-bottom: 100px; }
    .professional-team .executives-list .executives-item { width: 366px; }
    .professional-team .container-block .swiper-pagination { padding-top: 40px; padding-bottom: 60px; }
    .professional-team .employees-box .employees-img.img-02 { height: 240px; }
    .professional-team .employees-box .employees-img.img-03 { height: 240px; }
    .professional-team .employees-box .employees-img.img-04 { height: 250px; }
    .honor-qualifications .container-block .tab-content .tab-pane { width: 100%; }
}
@media (min-width: 1920px) {
    .about-banner { height: 650px; }
    .company-profile { padding-top: 212px; }
}