.top-video video{
    height: 80%;
}
.float-bar{
    width: 110px;
    background: #518ae8;
    position: absolute;
    left: -180px;
    top:35px;
    border-top: 3px solid #D1B46E;
    text-align: center;
    color: white;
    font-weight: 400;
    z-index: 99;
}
.float-bar.sticky{
    position: fixed;
}
.float-bar div{
    padding: 13px 0;
    cursor: pointer;
    background: none;
    transition: background 0.2s;
}
.float-bar div.selected{
    background: #0B5CE1;
    transition: background 0.2s;
}
/* ################ 品牌介绍 START ################ */
.brand-story{
    background: #f4f5f7;
    padding-top: 60px;
    padding-bottom: 80px;
}
.brand-story .container-content{
    position: relative;
}
.korkie-title{
    color: #CFB26D;
    font-size: 9pt;
}
.korkie-title .custom-title{
    margin: 10px auto;
}
.korkie-title .custom-title .en-title{
    font-size: 42pt;
    line-height: 42pt;
    background: linear-gradient( -90deg , #00A8FF 40%, #0B2FCB 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.korkie-title .custom-title .cn-title{
    font-size: 18pt;
    margin-top: 5px;
    color: #333333;
}
.korkie-title .custom-title::after{
    content: '';
    background-image: url("../img/footer-arrow-right.png");
    background-size: auto 100%;
    width: 192px;
    height: 15px;
    margin-top: 20px;
    margin-bottom: 20px;
    display: block;
    z-index: 9;
}

.brand-story .content{
    color: #797979FF;
    width: 100%;
}
.brand-story .container-content .row-content{
    width: 100%;
    height: 120px;
    background: white;
    margin-bottom: 10px;
    border-radius: 10px;
}
.brand-story .container-content .row-content .item{
    display: flex;
    align-items: center;
    margin: auto 20px;
}
.brand-story .container-content .row-content .item img{
    height: 80px;
    margin-right: 10px;
    pointer-events: none;
}
.brand-story .container-content .row-content .item .right div:first-child{
    font-weight: 500;
    color: #4C4C4CFF;
}
.brand-story .container-content .row-content .item .right div:last-child{
    font-size: 11pt;
    color: #797979FF;
}
@media (min-width: 767px) and (max-width: 991px) {
    .brand-story{
        padding-top: 30px;
        padding-bottom: 15px;
    }
    .korkie-title div:first-child{
        font-size: 0.8em;
    }
    .korkie-title .custom-title{
        margin: 0;
    }
    .korkie-title .custom-title .en-title{
        font-size: 2.8em;
        line-height: 1.8em;
    }
    .korkie-title .custom-title .cn-title{
        font-size: 2.2em;
        line-height: 1.6em;
    }
    .korkie-title .custom-title::after{
        transform: scale(0.8);
        transform-origin: left top;
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .brand-story .content{
        margin: 0;
    }
    .brand-story .content p{
        font-size: 1em;
        margin-bottom: 8px;
    }
    .brand-story .content .col-sm-12{
        padding: 0;
    }
    .brand-story .content video{
        width: 100%;
    }
}
@media (max-width: 767px) {
    .brand-story{
        padding-top: 30px;
        padding-bottom: 15px;
    }
    .korkie-title div:first-child{
        font-size: 0.8em;
    }
    .korkie-title .custom-title{
        margin: 0;
    }
    .korkie-title .custom-title .en-title{
        font-size: 2.2em;
        line-height: 1.7em;
    }
    .korkie-title .custom-title .cn-title{
        font-size: 2em;
        line-height: 1.7em;
    }
    .korkie-title .custom-title::after{
        transform: scale(0.8);
        transform-origin: left top;
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .brand-story .content{
        margin: 0;
    }
    .brand-story .content p{
        font-size: 1em;
        margin-bottom: 8px;
    }
    .brand-story .content .col-sm-12{
        padding: 0;
    }
    .brand-story .content video{
        width: 100%;
    }
}
@media (max-width: 574px) {
    .brand-story{
        padding-top: 30px;
        padding-bottom: 15px;
    }
    .korkie-title div:first-child{
        font-size: 0.8em;
    }
    .korkie-title .custom-title{
        margin: 0;
    }
    .korkie-title .custom-title .en-title{
        font-size: 2em;
        line-height: 1.5em;
    }
    .korkie-title .custom-title .cn-title{
        font-size: 1.8em;
        line-height: 1.5em;
    }
    .korkie-title .custom-title::after{
        transform: scale(0.8);
        transform-origin: left top;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .brand-story .content{
        margin: 0;
    }
    .brand-story .content p{
        font-size: 0.85em;
        margin-bottom: 5px;
    }
    .brand-story .content .col-sm-12{
        padding: 0;
    }
    .brand-story .content video{
        width: 100%;
    }
}
/* ################ 品牌介绍 END ################ */


/* ################ 服务覆全国各地 START ################ */
.service{
    padding-top: 50px;
    background: #000d21;
    position: relative;
}
.service .custom-title{
    margin-bottom: 0;
}
.service .custom-title .sub-title{
    margin-top: 20px;
    font-size: 10pt;
    color: whitesmoke;
}
.service .custom-title .sub-title p{
    margin-bottom: 5px;
}
.service img{
    pointer-events: none;
    width: 100%;
}
.service .data .col-auto{
    color: white;
    width: 450px;
}
.service .data .col-auto .item div{
    font-size: 8pt;
    line-height: 12pt;
}
.service .data .col-auto .item span{
    font-size: 25pt;
    font-weight: 600;
}
.service .bottom-text{
    bottom: 100px;
}
@media (max-width: 767px) {
    .service{
        padding-top: 30px;
    }
    .service .custom-title{
        margin-bottom: 30px;
        margin-top: 0;
    }
    .service .custom-title .en-title{
        font-size: 1.5em;
    }
    .service .custom-title .cn-title{
        font-size: 1.2em;
    }
    .service .custom-title .sub-title{
        font-size: 0.6em;
        margin-top: 10px;
    }
    .service .custom-title .sub-title span{
        font-size: 2em;
    }
    .service .data .col-auto .item span{
        font-size: 2.3em;
    }
    .service .data .col-auto{
        width: auto;
    }
    .service .data .col-auto .item{
        padding: 0 30px;
    }
    .service .bottom-text{
        bottom: 50px;
    }
}
@media (max-width: 574px) {
    .service{
        padding-top: 30px;
    }
    .service .custom-title{
        margin-bottom: 30px;
        margin-top: 0;
    }
    .service .custom-title .en-title{
        font-size: 1.3em;
    }
    .service .custom-title .cn-title{
        font-size: 1.1em;
    }
    .service .custom-title .sub-title{
        font-size: 0.5em;
        margin-top: 10px;
    }
    .service .custom-title .sub-title span{
        font-size: 1.8em;
    }
    .service .data .col-auto .item span{
        font-size: 2em;
    }
    .service .data .col-auto{
        width: auto;
    }
    .service .data .col-auto .item{
        padding: 0 20px;
    }
    .service .bottom-text{
        bottom: 30px;
    }
}
/* ################ 服务覆全国各地 END ################ */


/* ################ 发展历程 START ################ */
.history{
    background: #F7F7F7;
    padding-top: 80px;
}
.history .korkie-title .custom-title .en-title{
    font-size: 30pt;
    line-height: 32pt;
}
.history .korkie-title .custom-title{
    margin: 0;
}
.history .korkie-title .custom-title::after{
    margin-top: 40px;
    margin-bottom: 0;
}
.history .tab-content{
    color: #797979FF;
    width: 65%;
}
.history .tab-content .year{
    font-size: 45pt;
    font-weight: bold;
    color: #5A5858;
    padding-top: 20px;
    padding-bottom: 20px;
    font-family: Source Han Sans CN;
}
.history .tab-content div{
    line-height: 30px;
    margin-top: 20px;
    font-size: 13pt;
}
.history .tab-content img{
    margin-top: 30px;
    margin-bottom: 100px;
    width: 100%;
    height: auto;
}
.history .right-menu{
    margin-top: 80px;
}
.history .right-menu .nav{
    text-align: right ;
}
.history .right-menu .nav a{
    margin: 20px 0;
    font-size: 13pt;
    color: #797979FF;
    padding-right: 30px;
    cursor: pointer;
}
.history .right-menu .nav a.active{
    color: #0B33CDFF;
    transform: scale(1.5);
    transform-origin: 80% 50%;
    transition: transform 0.2s,color 0.2s;
    position: relative;
    background: none;
}
.history .right-menu .nav a.active::after{
    content: '';
    width: 1px;
    height: 25px;
    background: #0B33CDFF;
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}
@media (min-width: 767px) and (max-width: 991px) {
    .history{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .history .korkie-title .custom-title .en-title{
        font-size: 2.3em;
        line-height: 1.8em;
    }
    .history .korkie-title .custom-title .cn-title{
        font-size: 2em;
        line-height: 1.5em;
    }
    .history .korkie-title .custom-title{
        margin: 0;
    }
    .history .korkie-title .custom-title::after{
        margin-top: 20px;
        margin-bottom: 0;
        transform: scale(0.9);
        transform-origin: left top;
    }
    .history .tab-content .year{
        font-size: 2.5em;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .history .tab-content div{
        margin-top: 0;
        font-size: 1em;
        line-height: 1.8em;
    }
    .history .tab-content img{
        margin-top: 10px;
        margin-bottom: 0;
    }
    .history .right-menu{
        margin-top: 70px;
    }
    .history .right-menu .nav a{
        margin: 5px 0;
        padding-right: 25px;
        font-size: 1.2em;
    }
    .history .right-menu .nav a.active{
        transform: scale(1.2);
    }
}
@media (max-width: 767px) {
    .history{
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .history .korkie-title .custom-title .en-title{
        font-size: 2em;
        line-height: 1.6em;
    }
    .history .korkie-title .custom-title .cn-title{
        font-size: 1.7em;
        line-height: 1.2em;
    }
    .history .korkie-title .custom-title{
        margin: 0;
    }
    .history .korkie-title .custom-title::after{
        margin-top: 20px;
        margin-bottom: 0;
        transform: scale(0.8);
        transform-origin: left top;
    }
    .history .tab-content .year{
        font-size: 2.2em;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .history .tab-content div{
        margin-top: 0;
        font-size: 1em;
        line-height: 1.8em;
    }
    .history .tab-content img{
        margin-top: 10px;
        margin-bottom: 0;
    }
    .history .right-menu{
        margin-top: 50px;
    }
    .history .right-menu .nav a{
        margin: 5px 0;
        padding-right: 20px;
        font-size: 1.1em;
    }
    .history .right-menu .nav a.active{
        transform: scale(1.2);
    }
}
@media (max-width: 574px) {
    .history{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .history .korkie-title .custom-title .en-title{
        font-size: 1.8em;
        line-height: 1.4em;
    }
    .history .korkie-title .custom-title .cn-title{
        font-size: 1.5em;
        line-height: 1em;
    }
    .history .korkie-title .custom-title{
        margin: 0;
    }
    .history .korkie-title .custom-title::after{
        margin-top: 20px;
        margin-bottom: 0;
        transform: scale(0.8);
        transform-origin: left top;
    }
    .history .tab-content .year{
        font-size: 2em;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .history .tab-content div{
        margin-top: 0;
        font-size: 0.9em;
        line-height: 1.5em;
    }
    .history .tab-content img{
        margin-top: 10px;
        margin-bottom: 0;
    }
    .history .right-menu{
        margin-top: 0;
    }
    .history .right-menu .nav a{
        margin: 5px 0;
        padding-right: 15px;
        font-size: 0.85em;
    }
    .history .right-menu .nav a.active{
        transform: scale(1.1);
    }
}
/* ################ 发展历程 END ################ */


/* ################ 获奖荣誉 START ################ */
.awards{
    background: #F7F7F7;
    padding-top: 40px;
    padding-bottom: 150px;
}
.awards .korkie-title{
    margin-bottom: 20px;
}
.awards .korkie-title .custom-title .en-title{
    font-size: 30pt;
    line-height: 32pt;
}
.awards .korkie-title .custom-title{
    margin: 0;
}
.awards .korkie-title .custom-title::after{
    margin-top: 40px;
    margin-bottom: 0;
}
.awards .time-title {
    position: relative;
    font-size: 36pt;
    letter-spacing:5px;
    color: #005ad9;
    font-family: Impact;
    margin-top: 5px;
    width: 150px;
}
.awards .content {
    margin-top: 20px;
    font-size: 12pt;
    margin-left: 20px;
}
.awards .content .item{
    margin-bottom: 20px;
}
.awards .content .item:before{
    content: '';
    background: url("../../assets/img/korkie/WX20210802-004752@2x.png") no-repeat;
    background-size: 100%;
    width: 500px;
    height: 10px;
    display: block;
    margin-left: -2px;
    margin-bottom: 5px;
}
.awards .content .item p{
    color: #909090;
    margin-bottom: 0;
    font-weight: 500;
}
.awards .content .item div:last-child{
    font-family: PangMenZhengDao;
    font-size: 25px;
    color: #005ad9;
}
@media (min-width: 767px) and (max-width: 991px) {
    .awards {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .awards .korkie-title .custom-title .en-title {
        font-size: 2.3em;
        line-height: 1.8em;
    }

    .awards .korkie-title .custom-title .cn-title {
        font-size: 2em;
        line-height: 1.5em;
    }

    .awards .korkie-title .custom-title {
        margin: 0;
    }

    .awards .korkie-title .custom-title::after {
        margin-top: 20px;
        margin-bottom: 0;
        transform: scale(0.9);
        transform-origin: left top;
    }
    .awards .time-title{
        font-size: 2.5em;
    }
    .awards .content .font-weight-light{
        font-size: 1em;
    }
    .awards .content .item div:last-child{
        font-size: 1.5em;
    }
}
@media (max-width: 767px) {
    .awards {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .awards .korkie-title .custom-title .en-title {
        font-size: 2em;
        line-height: 1.6em;
    }

    .awards .korkie-title .custom-title .cn-title {
        font-size: 1.7em;
        line-height: 1.2em;
    }

    .awards .korkie-title .custom-title {
        margin: 0;
    }
    .awards .korkie-title .custom-title::after {
        margin-top: 20px;
        margin-bottom: 0;
        transform: scale(0.8);
        transform-origin: left top;
    }
    .awards .time-title{
        font-size: 2em;
    }
    .awards .content .font-weight-light{
        font-size: 1em;
    }
    .awards .content .item div:last-child{
        font-size: 1.4em;
    }
}
@media (max-width: 574px) {
    .awards {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .awards .korkie-title .custom-title .en-title {
        font-size: 1.8em;
        line-height: 1.4em;
    }

    .awards .korkie-title .custom-title .cn-title {
        font-size: 1.5em;
        line-height: 1em;
    }

    .awards .korkie-title .custom-title {
        margin: 0;
    }

    .awards .korkie-title .custom-title::after {
        margin-top: 20px;
        margin-bottom: 0;
        transform: scale(0.8);
        transform-origin: left top;
    }
    .awards .d-flex{
        flex-wrap: wrap;
    }
    .awards .time-title{
        font-size: 1.5em;
        width: 100%;
    }
    .awards .content{
        margin: 0;
        width: 100%;
    }
    .awards .content .font-weight-light{
        font-size: 0.9em;
    }
    .awards .content .item div:last-child{
        font-size: 1.2em;
    }
    .awards .content .item:before{
        width: 100%;
    }
}
/* ################ 获奖荣誉 END ################ */


/** 联系我们 **/
.contact{
    height: auto;
    position: relative;
    padding-bottom: 325px;
    background: #000726;
}
.contact .korkie-title{
    margin-top: 60px;
    margin-bottom: 20px;
}
.contact .korkie-title .custom-title .en-title{
    font-size: 30pt;
    line-height: 32pt;
}
.contact .korkie-title .custom-title{
    margin: 0;
}

.contact .korkie-title .custom-title::after{
    position: absolute;
    margin-top: 40px;
}
.contact .map{
    width: 100%;
    min-height: 550px
}
.contact .contact-content{
    width: 80%;
    height: 600px;
    margin-left: 10%;
}
.contact .contact-card{
    width: 80%;
    height: auto;
    bottom: 50px;
    background: white;
    position: absolute;
    left:50%;
    transform: translateX(-50%);
    z-index: 9000;
}
.contact .contact-card .left{
    color: #6F6F6FFF;
}
.contact .contact-card .left p{
    margin-bottom:10px;
}
.contact .contact-card .left,
.contact .contact-card .right{
    padding: 60px;
}

.contact .contact-card .right{
    background: #092ab9;
}
.contact .contact-card .right .top-msg,
.contact .contact-card .right label{
    color: white;
}
.contact .contact-card .right div:first-child{
    font-size: 10pt;
}
.contact .contact-card .right .form-horizontal{
    margin-top: 20px;
}
.contact .contact-card .right .form-group .control-label{
    padding-left: 0;
    padding-right: 0;
    padding-top: 15px;
    font-size: 10pt;
}
.contact .contact-card .right .form-group .form-control{
    background: none;
    border: none;
    border-bottom: 1px solid white;
    border-radius: 0;
    color: white;
}
.contact .contact-card .right .form-group .form-control:focus{
    box-shadow: none;
}
.contact .contact-card .right .form-group .col-12{
    padding-left: 0;
}
.contact .contact-card .right .form-group .btn{
    color: #000a4a;
    width: 100px;
    margin-top: 20px;
}
.contact .form{
    bottom: -300px;
}
@media (min-width: 767px) and (max-width: 991px) {
    .contact {
        padding-bottom: 280px;
    }
    .contact .korkie-title .custom-title .en-title {
        font-size: 2.3em;
        line-height: 1.8em;
    }

    .contact .korkie-title .custom-title .cn-title {
        font-size: 2em;
        line-height: 1.5em;
    }

    .contact .korkie-title .custom-title {
        margin: 0;
    }
    .contact .form{
        bottom: -400px;
    }
    .contact .korkie-title .custom-title::after {
        margin-top: 40px;
        margin-bottom: 0;
        transform: scale(0.9);
        transform-origin: left top;
    }
    .contact .map{
        height: 300px;
    }
    .contact .contact-content{
        width: 100%;
        margin-left: 0;
        position: relative;
    }
    .contact .contact-card{
        width: 100%;
        left: 2%;
        transform: translateX(0);
        position: relative;
        height: auto;
    }
    .contact .contact-card .left{
        transform: scale(0.9);
        padding: 10px;
    }
    .contact .contact-card .right{
        padding: 30px;
    }
    .contact .contact-card .right .form-group .btn{
        font-size: 1em;
    }
}
@media (max-width: 767px) {
    .contact {
        padding-bottom: 500px;
    }
    .contact .korkie-title .custom-title .en-title {
        font-size: 2em;
        line-height: 1.6em;
    }

    .contact .korkie-title .custom-title .cn-title {
        font-size: 1.7em;
        line-height: 1.2em;
    }

    .contact .korkie-title .custom-title {
        margin: 0;
    }
    .contact .korkie-title .custom-title::after {
        margin-top: 30px;
        margin-bottom: 0;
        transform: scale(0.8);
        transform-origin: left top;
    }
    .contact .contact-content{
        width: 100%;
        margin-left: 0;
    }
    .contact .contact-card{
        width: 100%;
        left: 5%;
        transform: translateX(0);
        position: relative;
    }
    .contact .contact-card .left{
        transform: scale(0.85);
        padding: 0;
    }
    .contact .contact-card .right{
        padding: 40px;
    }
    .contact .contact-card .right .form-group .btn{
        font-size: 1em;
    }
}
@media (max-width: 574px) {
    .contact {
        padding-bottom: 600px;
    }
    .contact .korkie-title .custom-title .en-title {
        font-size: 1.8em;
        line-height: 1.4em;
    }
    .contact .korkie-title .custom-title .cn-title {
        font-size: 1.5em;
        line-height: 1em;
    }
    .contact .korkie-title .custom-title {
        margin: 0;
    }
    .contact .korkie-title .custom-title::after {
        margin-top: 35px;
        margin-bottom: 0;
        transform: scale(0.8);
        transform-origin: left top;
    }
    .contact .contact-content{
        width: 100%;
        margin-left: 0;
    }
    .contact .contact-card{
        width: 100%;
        left: 5%;
        transform: translateX(0);
        position: relative;
    }
    .contact .contact-card .left{
        transform: scale(0.85);
        padding: 0;
    }
    .contact .contact-card .right{
        padding: 20px;
    }
    .contact .contact-card .right .form-group .btn{
        font-size: 1em;
    }
}