html {
    font-size: small;
}

body {
    padding-top: 7vw !important;
    padding-bottom: 1.5em;
    width: 99.5%;
    /*padding-left:1rem;
    padding-right:1rem;*/
    align-items: center !important;
    zoom: 1;
    -moz-transform: scale(1);
    -moz-transform: scale(1);
    -moz-transform-origin: 0 0;
}
/*参数表左右滑动的title*/
.col-sm-visible {
    display: none;
}

@media screen and (max-width:576px) {
    .col-sm-visible {
        display: block;
        padding-left: 2em;
        color: red;
        overflow: hidden;
    }
}

@media screen and (max-width:768px) {
    body {
        padding-top: 16vw !important;
    }
}

@media screen and (min-width:769px) and (max-width:1200px) {
    body {
        padding-top: 12vw !important;
    }
}

/* Set padding to keep content from hitting the edges */
.content {
    box-sizing: border-box;
    justify-content: center !important;
}


/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}


/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}




.footer-style {
    /*background-color:aliceblue;*/
    /*background-color: rgb(224,228,229);*/
    /*    ;*/
    color: #696969;
    text-align: center;
}

.navbar {
    /* background-color:  aliceblue;*/
    /*    background-color:rgba(45,45,48,1);*/
    background-color: rgb(224,228,229);
    /*object-fit: cover;
    object-position: top;*/
    z-index: 99999;
}

.nav-item > a {
    /* color:white !important;*/
    color: #424242 !important;
}

.logo-img {
    /*  margin: 1em;*/
    height: 10vmin;
    min-height: 10vmin;
    max-height: 10vmin;
    object-position: top;
    object-fit: cover;
}


.bgline {
    height: 100%;
    height: 100%;
    background-image: url('../img/table_line.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    opacity: 0.5;
}

.section {
    margin-bottom: 1.5vmin;
    /*  height: 37vw;   */
    /*background-image: url('../img/banner/p1.jpg');*/
    /*background-attachment: fixed !important;*/
    height: 30vw;
    background-position: center;
    background-repeat: no-repeat;
    /* background-size: cover;*/
    background-size: contain;
}

@media screen and (max-width:576px) {
    .section {
        height: 120vw;
    }
}


.section-p1 {
    background-image: url('../img/banner/v2025/p1.jpg');
    /*background-color: rgb(97,57,165);*/
}

.section-p2 {
    background-image: url('../img/banner/v2023/p2.jpg');
    /*background-color: rgb(131,136,129);*/
}

.section-p3_top {
    background-image: url('../img/banner/v2025/p3_new.png');
    /*background-color: rgb(8,84,161);*/
}

.section-p3_bottom {
    background-image: url('../img/banner/v2025/p3_kt51.png');
}

/*.section-p4 {
    background-image: url('../img/banner/v2023/p4.jpg');*/
    /*background-color: rgb(224,229,232);*/
/*}*/

.section-p7 {
    background-image: url('../img/banner/v2025/p7.jpg');
    /*background-color: rgb(8,84,161);*/
}

.section-p8 {
    background-image: url('../img/banner/v2025/p8.jpg');
    /*background-color: rgb(8,84,161);*/
}

.section-p9 {
    background-image: url('../img/banner/v2025/p9.jpg');
    /*background-color: rgb(8,84,161);*/
}

@media screen and (max-width:576px) {
    .section-p1 {
        background-image: url('../img/banner/v2025/p1_sm.jpg');
    }

    .section-p2 {
        background-image: url('../img/banner/v2023/p2_sm.jpg');
    }

    .section-p3_top {
        background-image: url('../img/banner/v2025/p3_sm_new.png');
    }

    .section-p3_bottom {
        background-image: url('../img/banner/v2025/p3_sm_kt51.png');
    }

    /*    .section-p4 {
        background-image: url('../img/banner/v2023/p4_sm.jpg');
    }*/

    .section-p7 {
        background-image: url('../img/banner/v2025/p7_sm.jpg');
    }

    .section-p8 {
        background-image: url('../img/banner/v2025/p8_sm.jpg');
    }

    .section-p9 {
        background-image: url('../img/banner/v2025/p9_sm.jpg');
    }
}
.section img {
    object-fit: contain;
    object-position: center;
}

.section-link {
    position: absolute;
    width: 100%;
    height: 100%;
}

.txt-hidden {
    display: none;
    height: 0px;
}

.parent-test {
    width: 100% !important;
    height: 100% !important;
    /*display: flex;*/
    /*row设置主轴方向为水平方向*/
    /*   flex-direction: row;*/
    /*定义了在当前行上,弹性项目沿主轴如何排布*/
    display: flex;
    justify-content: center;
    align-items: center;
}

.a-know-more {
    height: 2em;
    width: 10em;
    color: white;
    background-color: rgba(43,38,38,0.3);
    font-size: 1.5em;
    margin-left: 2em;
    margin-top: 2em;
    line-height: 2em;
    text-align: center;
}


tr > th tr > td {
    padding: 1em;
}

.fontBolder {
    font-weight: bolder !important;
}

/*.titlebar_brown {
    
    background-color: #3D2020;
    color: white;
    background-image: linear-gradient(90deg, #3D2020 0%, #3D2020 30%,#ffffff 75%, #ffffff 100%)
    
}*/

.titlebar_brown {
    background-color: #3D2020;
    color: white;
    position: relative;
    overflow: hidden;
}

    .titlebar_brown::after {
        content: "";
        position: absolute;
        top: 0;
        left: -150%; /* 初始位置在外部 */
        width: 150%;
        height: 100%;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%);
        opacity: 0.85;
        transform: skewX(-20deg); /* 让光带倾斜一点，更真实 */
        animation: shine 5s infinite linear;
    }

@keyframes shine {
    0% {
        left: -150%;
    }

    100% {
        left: 150%;
    }
}

.titlebar_brown_pc {
    background-color: #3D2020;
    color: white;
}

@media screen and (max-width:768px) {
    .titlebar_brown_pc {
        display: none;
    }
}

.titlebar_violet {
    background-color: #AB16F5;
    color: white;
    position: relative;
    overflow: hidden;
}

.titlebar_violet::after {
        content: "";
        position: absolute;
        top: 0;
        left: -150%; /* 初始位置在外部 */
        width: 150%;
        height: 100%;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%);
        opacity: 0.85;
        transform: skewX(-20deg); /* 让光带倾斜一点，更真实 */
        animation: shine 4s infinite linear;
    }

@keyframes shine {
    0% {
        left: -150%;
    }

    100% {
        left: 150%;
    }
}

.titlebar_blue {
    background-color: royalblue;
    color: white;
    position: relative;
    overflow: hidden;
}

    .titlebar_blue::after {
        content: "";
        position: absolute;
        top: 0;
        left: -150%; /* 初始位置在外部 */
        width: 150%;
        height: 100%;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%);
        opacity: 0.85;
        transform: skewX(-20deg); /* 让光带倾斜一点，更真实 */
        animation: shine 4s infinite linear;
    }

@keyframes shine {
    0% {
        left: -150%;
    }

    100% {
        left: 150%;
    }
}

.titlebar {
    color: darkslateblue;
    font-weight: bolder;
}

.titlebar2 {
    /*color:mediumseagreen;*/
    color: mediumvioletred;
    font-weight: bolder;
}

.titlebar3 {
    background-color: #AB16F5;
    color: white;
    padding-left: 1em;
    padding-right: 1em;
}

.titlebar4 {
    background-color: royalblue;
    color: white;
    padding-left: 1em;
    padding-right: 1em;
}

.titlebar_shadow_yellow {
    font-size: 5rem;
    margin-top: -2rem;
    font-weight: bolder;
    color: yellow;
    text-shadow: black 0.1em 0.1em 0.2em
}

@media screen and (max-width:768px) {
    .titlebar_shadow_yellow {
        font-size: 2rem;
        margin-top: -0.05rem;
        font-weight: bolder;
        color: yellow;
        text-shadow: black 0.05em 0.05em 0.1em
    }
}

.titlebar_shadow_white {
    font-weight: bolder;
    color: white;
    text-shadow: black 0.1em 0.1em 0.2em
}

.titlebar_shadow {
    font-size: 4rem;
    color: coral;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black
}

@media screen and (max-width:768px) {
    .titlebar_shadow {
        font-size: 1.8rem;
        color: coral;
        text-shadow: -0.5px 0 black, 0 0.5px black, 0.5px 0 black, 0 -0.5px black
    }
}

.imageSizeAuto {
    object-fit: scale-down;
    margin-top: 1em;
    margin-bottom: 1em;
    width: 100%;
}

.imageSizeAuto2 {
    object-fit: contain;
    margin-top: 1em;
    margin-bottom: 1em;
    width: 100%;
}

.imageframe {
    width: 100%;
    height: 100%;
}

.conten-center {
    margin: auto !important;
}

.font-lg3 {
    font-size: 3rem;
}

.font-lg4 {
    font-size: 4rem;
}

.font-lg5 {
    font-size: 5rem;
}

.font-h1 {
    font-size: 2.5rem;
}

.font-h1-small {
    font-size: 1.8rem;
}

.font-h2 {
    font-size: 1.7rem;
}

.font-h2-small {
    font-size: 1.65rem;
}

.font-h3 {
    font-size: 1.5rem;
}

.font-h4 {
    font-size: 1rem;
}

.font-h5 {
    font-size: 1.1rem;
}

.font-kt5_1 {
    font-size: 1.8rem;
    font-weight: bold;
    font-family: 'SimHei';
    color: royalblue;
}

@media screen and (max-width:576px) {
    .font-lg3 {
        font-size: 1.8rem;
    }

    .font-lg4 {
        font-size: 2rem;
    }

    .font-lg5 {
        font-size: 2.5rem;
    }

    .font-h1 {
        font-size: 1.6rem;
    }

    .font-h1-small {
        font-size: 1.12rem;
    }

    .font-h2 {
        font-size: 1.08rem;
    }

    .font-h2-small {
        font-size: 1.15rem;
    }

    .font-h3 {
        font-size: 1.06rem;
    }

    .font-h4 {
        font-size: 1.04rem;
    }

    .font-h5 {
        font-size: 1.02rem;
    }
}

.color_gray {
    color: lightgray;
}

.color_orange {
    color: #d5af36;
}

#navbarNav ul li a:hover {
    color: chocolate !important;
}

#navbarNav ul li a:visited:active {
    color: chocolate !important;
}

#navbarNav ul li a:hover span {
    color: chocolate !important;
}

.imgdk2 {
    width: 50%;
    height: auto;
}

@media screen and (max-width:576px) {
    .imgdk2 {
        width: 80%;
        height: auto;
    }
}

.aklogo {
    width: auto;
    height: 50.5px;
    margin-right: 2rem;
}

@media screen and (max-width:576px) {
    .aklogo {
        width: auto;
        height: 24px;
        margin-right: 0;
    }
}

.p6_bgright {
    background-color: #eeefef;
    background-image: linear-gradient(90deg, #eeefef 0%, #eeefef 79.9%, #ffffff 80%);
}

.p6_bgleft {
    background-color: #eeefef;
    background-image: linear-gradient(-90deg, #ffffff 0%, #ffffff 79.9%, #eeefef 80%);
}

@media screen and (max-width:576px) {
    .p6_bgright {
        background-color: transparent;
        background-image: inherit;
    }

    .p6_bgleft {
        background-color: transparent;
        background-image: inherit;
    }
}

@media screen and (min-width:577px) {
    .pt-md-6 {
        padding-top: 6em;
    }

    .pt-md-7 {
        padding-top: 7em;
    }

    .pt-md-8 {
        padding-top: 8em;
    }

    .pt-md-9 {
        padding-top: 9em;
    }

    .pt-md-10 {
        padding-top: 10em;
    }

    .pr-md-6 {
        padding-right: 6em;
    }

    .pr-md-7 {
        padding-right: 7em;
    }

    .pr-md-8 {
        padding-right: 8em;
    }

    .pr-md-9 {
        padding-right: 9em;
    }

    .pr-md-10 {
        padding-right: 10em;
    }
}

.videoFrame {
    width: 60vw;
    height: 33.7vw;
}

@media screen and (max-width:576px) {
    .videoFrame {
        width: 90vw;
        height: 51vw;
    }
}
/*bootstrap component*/
.dropdown-item {
    display: block;
    width: 100%;
    padding: 0.25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

    .dropdown-item:hover, .dropdown-item:focus {
        color: #16181b;
        text-decoration: none;
        background-color: #e9ecef;
    }

    .dropdown-item.active, .dropdown-item:active {
        color: #fff;
        text-decoration: none;
        background-color: #ecefe9;
    }