@charset "utf-8";
/* CSS Document */

@import url("animate.min.css");
@import url("swiper-bundle.min.css");


/*关于我们*/
.about-section {
    position: relative;
    z-index: 200;
}
.about-con {
    background:#ffffff;
    margin-top:20px;
    box-shadow: 0px 0px 30px rgb(6,52,100,0.1);
    -moz-box-shadow: 0px 0px 30px rgb(6,52,100,0.1);
    -webkit-box-shadow: 0px 0px 30px rgb(6,52,100,0.1);
}
.about-content {
    text-align:center;
}
.about-content img {
    width:100%;
    aspect-ratio: 1.1044 / 1;
}
.about-des p {
    margin-bottom:20px;
}
@media (min-width:1200px){
    .about-con {
        margin-top:-40px;
    }
}

/*数据*/
.data-section {
    background:url(../images/about-bg1.jpg) no-repeat center center;
    background-size:cover;
    height:auto;
    padding: 30px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.data-section .counter-wrap .counter-item {
    margin-top: 30px;
}
.data-section .counter-wrap .counter-item .counter-icon {
    margin-bottom: 30px;
}
.data-section .counter-wrap .counter-item span {
    font-size: 50px;
    line-height: 30px;
    font-weight: 700;
    color: #ffffff;
}
@media (min-width:992px){
    .data-section .counter-wrap .counter-item span {
        font-size: 40px;
    }
}
@media (min-width:1200px){
    .data-section {
        height:300px;
        padding: 0;
    }
    .data-section .counter-wrap .counter-item span {
        font-size: 50px;
    }
}

/*文化*/
.culture-section {
    display:none;
}
@media (min-width:1880px){
    .culture-section {
        display:block;
        position:relative;
        background:#f3f5f8;
        height: 580px;
    }
    .culture-content {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .culture-logo {
        display:inline-block;
        margin:0 auto;
        position:relative;
    }
    @keyframes scaleDraw {
        0% {
            -webkit-transform:scale(1);
            -moz-transform:scale(1);
            -ms-transform:scale(1);
            -o-transform:scale(1);
            transform:scale(1);
        }
        25% {
            -webkit-transform:scale(1.03);
            -moz-transform:scale(1.03);
            -ms-transform:scale(1.03);
            -o-transform:scale(1.03);
            transform:scale(1.03);
        }
        50% {
            -webkit-transform:scale(1);
            -moz-transform:scale(1);
            -ms-transform:scale(1);
            -o-transform:scale(1);
            transform:scale(1);
        }
        75% {
            -webkit-transform:scale(1.03);
            -moz-transform:scale(1.03);
            -ms-transform:scale(1.03);
            -o-transform:scale(1.03);
            transform:scale(1.03);
        }
    }
    .culture-logo .culture-logo-img {
        width:169px;
        height:168px;
        background:url(../images/culture-logo.png);
        background-size:169px 168px;
        -webkit-animation: scaleDraw 5s linear infinite;
        -moz-animation: scaleDraw 5s linear infinite;
        -ms-animation: scaleDraw 5s linear infinite;
        -o-animation: scaleDraw 5s linear infinite;
        animation: scaleDraw 5s linear infinite;
    }
    .culture-item {
        position:absolute;
        width:auto;
    }
    .culture-item1 {
        left: -281.5px;
        top: -145px;
        width:1024px;
    }
    .culture-item2 {
        left: -597px;
        top: 61.5px;
        width:618px;
    }
    .culture-item3 {
        left: -63px;
        top: 83px;
        width:732px;
    }
}

/*发展历程*/
.development-section {
    display:none;
}
@media (min-width:1880px){
    .development-section {
        display:block;
    }
    .swiper-parent {
        width:1160px;
        position:relative;
        background:url(../images/development-map.png) no-repeat center center;
        height:506px;
    }
    .development-item1 {
        _margin-top: 182px;
        margin-top: 93px;
    }
    .development-item2 {
        margin-top: 42px;
    }
    .development-item2 .development-ico {
        margin-left: 40px;
    }
    .development-item3 {
        margin-top: 0px;
    }
    .development-item3 .development-ico {
        margin-left: 80px;
    }
    .development-ico {
        margin-top: 10px;
    }
    .swiper-button-prev {
        top: auto;
        left: auto;
        right: -20px;
        bottom: 0;
        background: #C6CFDB;
        color:#063464;
        width: 70px;
        height: 70px;
        -webkit-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
    }
    .swiper-button-next {
        top: auto;
        left: auto;
        right: -110px;
        bottom: 0;
        background: #C6CFDB;
        color:#063464;
        width: 70px;
        height: 70px;
        -webkit-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
    }
    .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
        display:none;
    }
    .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
        display:none;
    }
    .swiper-button-next i, .swiper-button-prev i {
        font-size: 28px;
    }
}

/*火箭*/
@media (min-width:1880px){
    .hj{
        width: 165px;
        height: 161px;
        position: absolute;
        left: 0px;
        top: 230px;
        background-image: url("../images/hj.png");
        transform: rotate(53deg);
        -webkit-transform: rotate(53deg);
        -moz-transform: rotate(53deg);
        -ms-transform: rotate(53deg);
        -o-transform: rotate(53deg);
    }
    .run_top_right {
        display: block;
        animation: run-right-right 1.5s 0.1s 1 linear, run-right-top 1.5s 0.1s 1 cubic-bezier(.44,-0.81,.86,.62);
        animation-fill-mode: forwards;
    }

    @keyframes run-right-top {
        0% {
            _top: 300px;
            top: 230px;
        }

        100% {
            top: 43px;
        }
    }

    @keyframes run-right-right {
        0% {
            left: 0px;
            transform: rotate(53deg);
            -webkit-transform: rotate(53deg);
            -moz-transform: rotate(53deg);
            -ms-transform: rotate(53deg);
            -o-transform: rotate(53deg);
        }

        100% {
            left: 1320px;
            transform: rotate(10deg);
            -webkit-transform: rotate(10deg);
            -moz-transform: rotate(10deg);
            -ms-transform: rotate(10deg);
            -o-transform: rotate(10deg);
        }
    }


}


/*轨迹线*/
.hj-lj {
    display:none;
}
@media (min-width:1880px){
    .hj-lj {
        display:block;
        position:absolute;
        left: 28px;
        top: 150px;
    }
    .hj-lj .svg {
        stroke-dashoffset: 1280;
        stroke-dasharray: 1318;
    }
    @keyframes svg-path-animation {
        0% {
            stroke-dashoffset: 1280;
            stroke-dasharray: 1318;
        }
        100% {
            stroke-dashoffset: 0;
            stroke-dasharray: 1318;
        }
    }
    .svg-start .svg {
        animation: svg-path-animation 1.5s 0.1s 1 linear;
        animation-fill-mode: forwards;
    }
}


/*团队*/
.about-team-tit {
    background:url(../images/page-team-bg.png) no-repeat center center;
    height:200px;
}
.about-team-tit .kingford-text {
    opacity: 0.3;
}
.about-team-list {
    margin-top:-145px;
}
.about-team-item {
    text-align:center;
}
.about-team-item ul li {
    display:inline-block;
    vertical-align: top;
}
.about-team-item ul li.team-item1 img {
    width: 100%;
    aspect-ratio: 1.9097 / 1;
}
.about-team-item ul li.team-item2 img {
    width: 100%;
    aspect-ratio: 1.8839 / 1;
}
.about-team-item ul li.team-item3 img {
    width: 100%;
    aspect-ratio: 1.0782 / 1;
}
.about-team-item ul li.team-item4 img {
    width: 100%;
    aspect-ratio: 1.4932 / 1;
}
.about-team-item ul li.team-item5 img {
    width: 100%;
    aspect-ratio: 1.0709 / 1;
}
.about-team-item ul li.team-item6 img {
    width: 100%;
    aspect-ratio: 1.1262 / 1;
}
.about-team-item ul li.team-item7 img {
    width: 100%;
    aspect-ratio: 1.4932 / 1;
}
.about-team-item ul li.team-item8 img {
    width: 100%;
    aspect-ratio: 1.1262 / 1;
}
.about-team-item ul li .about-team-img {
    overflow:hidden;
}
.about-team-item ul li .about-team-img img {
    vertical-align:top;
    transition: all 0.3s linear;
}
.about-team-item ul li:hover img {
    transform: scale(1.1);
}
.about-team-more {
    text-align:center;
}
.about-team-more a.kingford-btn1 {
    width: 180px;
    margin: 0 auto;
    color:#ffffff;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
@media (min-width:1200px){
    .about-team-tit {
        height:339px;
    }
}

/*表单*/
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
    color:#8EA0B7;
    font-size:16px;
    font-weight:normal;
}
:-moz-placeholder {
    color:#8EA0B7;
    font-size:16px;
    font-weight:normal;
}
::-moz-placeholder {
    color:#8EA0B7;
    font-size:16px;
    font-weight:normal;
}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {
    color:#8EA0B7;
    font-size:16px;
    font-weight:normal;
}
input::-ms-input-placeholder,textarea::-ms-input-placeholder {
    color:#8EA0B7;
    font-size:16px;
    font-weight:normal;
}
.single-form {
    margin-bottom: 20px;
}
.about-mes-form .form-control {
}
.about-mes-form textarea.form-control {
    height: 135px;
}
.kingford-btn-c {
    width: 100%;
    margin: 0 auto;
    background: #1D65B9;
    color:#ffffff;
    line-height: 36px;
    padding: 10px 20px;
    cursor: pointer;
    border:none;
    outline:none;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.kingford-btn-c:hover {
    background: #40D6FF;
}
@media (min-width:576px){
    .kingford-btn-c {
        width: 450px;
        line-height: 56px;
    }
}