a {
    cursor: pointer;
}

* {
    list-style: none;
    background-repeat: no-repeat;
    font-family: "PFBold";
    letter-spacing: 1px;
}



/* 头部 */
.kj-header {
    background-color: #fff;
    height: 90px;
    border: none;
    border-radius: 0;
    position: relative;
    margin: 0;
}

.kj-header-logo {
    background-size: 100%;
    width: 199px;
    height: auto;
    padding: 0;
    padding-bottom: 52px;
    background-repeat: no-repeat;
}

.kj-headnav {
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .kj-headnav::after,
    .kj-headnav::before {
        content: none;
    }




/* 导航栏 */
.kj-nav {
    width: auto;
    display: flex;
    justify-content: space-between;
    margin-right: -30px;
}

    .kj-nav::after,
    .kj-nav::before {
        content: none;
    }

    .kj-nav li {
        transition: all 0.3s;
        position: unset;
        margin-left: 60px;
    }

    .kj-nav > li a {
        font-family: "PFBold";
    }


    .kj-nav > li > a {
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        font-size: 16px;
        line-height: 82px;
        padding: 0;
        color: #202020 !important;
        transition: all 0.3s;
        font-size: 20px;
        background-color: transparent !important;
    }

        .kj-nav > li > a > span {
            display: none;
        }

        .kj-nav > li > a::after {
            content: "";
            width: 35px;
            height: 4px;
            margin-bottom: -3px;
            background-color: transparent !important;
            transition: all 0.3s;
        }

    .kj-nav > li:hover > a {
        color: #0080cc !important;
    }

        .kj-nav > li:hover > a::after {
            background-color: #0080cc !important;
        }

    .kj-nav > .active > a {
        background-color: transparent !important;
        color: #0080cc !important;
    }

        .kj-nav > .active > a::after {
            background-color: #0080cc !important;
        }

.kj-ENswitch,
.kj-home {
    letter-spacing: 1px;
}

/* 二级菜单 */
.kj-nav > li > ul {
    background-color: rgba(255,255,255,0.6);
    transition: all 0.3s;
    overflow: hidden;
    padding-left: 15%;
    top: 90px;
    border: none;
    padding-top: 0;
    padding-bottom: 0;
    display:block !important;
    opacity:0;
    transition:all 0.3s;
    height:0;
}

    .kj-nav > li > ul > li {
        float: left;
        height: 100%;
    }

        .kj-nav > li > ul > li > a {
            font-size: 20px;
            transition: all 0.3s;
            line-height: 50px;
            padding-top: 0;
            padding-bottom: 0;
            margin: 0;
        }

            .kj-nav > li > ul > li > a:hover {
                background-color: rgba(0,128,204,0.6);
                color: #fff;
            }
.kj-nav > li:hover > ul {
    opacity: 1;
    height: 50px;
}


.kj-xiafu {
    width: 100%;
    height: 50px;
    background-color: #fff;
    opacity: 0.6;
    transition: all 0.3s;
}






/* 底部 */
.kj-footer {
    background-color: #333333;
}

.kj-nav-footer > div {
    padding: 0;
    padding-top: 40px;
    padding-bottom: 75px;
    display: flex;
    justify-content: space-between;
}

    .kj-nav-footer > div::after,
    .kj-nav-footer > div::before {
        content: none;
    }

.kj-footcont {
    width: 350px;
    color: rgba(255, 255, 255, 0.3);
    font-size: 16px;
    line-height: 25px;
}

.kj-copname {
    font-size: 20px;
    color: #fff;
}

.kj-copenname {
    margin-bottom: 35px;
}

.kj-footnav {
    display: flex;
}

    .kj-footnav > div {
        width: 85px;
        margin-left: 20px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

        .kj-footnav > div > .kj-navtitle {
            font-size: 16px;
        }

        .kj-footnav > div a {
            line-height: 30px;
            color: rgba(255, 255, 255, 0.3);
            text-decoration: none;
            transition: all 0.3s;
        }

        .kj-footnav > div > a:hover {
            color: rgba(255, 255, 255, 1);
        }

        .kj-footnav > div a:hover > .kj-navtitle {
            color: rgba(255, 255, 255, 1);
        }

.kj-footQR {
    text-align: center;
}

    .kj-footQR > div {
        width: 110px;
        height: 110px;
        border: 5px solid #fff;
        background-color: #fff;
        background-size: 100% 100%;
        background-size: contain contain;
        margin-bottom: 15px;
    }

    .kj-footQR > span {
        font-size: 15px;
        color: rgba(255, 255, 255, 0.3);
    }

.kj-infor-footerS {
    height: 40px;
    border-top: 2px solid #717171;
    display: flex;
    justify-content: center;
    align-items: center;
}

.kj-copyright {
    color: #717171;
    font-size: 15px;
}

    .kj-copyright a {
        color: #717171 !important;
    }







/*模态框*/
.kj-bigmodal{
    width:100%;
    height:100%;
    margin:0;
}
.kj-modal {
    width: 100%;
    height: 100%;
    border:none;
    background-color:rgba(0,128,204,0.7);
    border-radius:0;
}
.kj-modal ul {
    flex-direction: column;
}
.kj-moheader{
    border-bottom:none;
    padding-bottom:0;
}
.kj-guanbi{
    float:right;
    border:none;
    background-color:transparent;
}
.kj-moheader i {
    color: #fff;
    opacity: 1;
    box-shadow: none !important;
    font-size:30px;
}
.kj-monav{
    padding-top:0;  
}
.kj-monav > .kj-nav > li {
    padding-left: 40px;
    padding-right: 40px;
}
.kj-monav > .kj-nav > li>a {
    color: #fff !important;
    margin: 0;
    flex-direction: row;
    justify-content: space-between;
    border-bottom: 1px solid #fff;
    padding-left:5px;
    padding-right:10px;
}
    .kj-monav > .kj-nav > li > a::after{
        border:1px solid #fff;
        border-bottom:none;
        border-left:none;
        width:10px;
        height:10px;
        padding:0;
        transition:all 0.3s;
        transform:rotate(45deg);
    }
    .kj-monav > .kj-nav > li > .kj-rotate::after {
        transform: rotate(135deg)!important;
    }
        .kj-monav > .kj-nav > .active {
            background-color: rgba(255, 255, 255, 0.3);
        }
    .kj-monav > .kj-nav > .active > a::after {
        background-color: transparent !important;
    }



.kj-ENlink{
    flex:1;
    line-height:50px;
    padding-right:15px;
    text-align:right;
    
}
    .kj-ENlink > a {
        text-decoration: none;
        color: #333333;
        font-size:17px;
    }
.kj-zhedie{
    border:none;
    background-color:transparent;
}
.kj-zhedie >span{
    height:3px!important;
    background-color:#0080cc!important;
    border-radius:3px!important;
}
.kj-zhedie:focus{
    background-color:transparent!important;
}