[type='checkbox'],
[type='radio'] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    print-color-adjust: exact;
    display: inline-block;
    vertical-align: middle;
    background-origin: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    flex-shrink: 0;
    height: 1rem;
    width: 1rem;
    color: #1C64F2;
    background-color: #fff;
    border-color: #6B7280;
    border-width: 1px;
    --tw-shadow: 0 0 #0000;
}

[type='checkbox'] {
    border-radius: 0px;
}

[type='radio'] {
    border-radius: 100%;
}

[type='checkbox']:focus,
[type='radio']:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty,
            /*!*/
            /*!*/
        );
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #1C64F2;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

[type='checkbox']:checked,
[type='radio']:checked,
.dark [type='checkbox']:checked,
.dark [type='radio']:checked {
    border-color: transparent;
    background-color: currentColor;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
}

[type='checkbox']:checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
}

[type='radio']:checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
}

[type='checkbox']:indeterminate {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
    border-color: transparent;
    background-color: currentColor;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
}

[type='checkbox']:indeterminate:hover,
[type='checkbox']:indeterminate:focus {
    border-color: transparent;
    background-color: currentColor;
}

[type='file'] {
    background: unset;
    border-color: inherit;
    border-width: 0;
    border-radius: 0;
    padding: 0;
    font-size: unset;
    line-height: inherit;
}

[type='file']:focus {
    outline: 1px auto inherit;
}

input[type=file]::-webkit-file-upload-button {
    color: white;
    background: #1F2937;
    border: 0;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    padding-left: 2rem;
    padding-right: 1rem;
    -webkit-margin-start: -1rem;
    margin-inline-start: -1rem;
    -webkit-margin-end: 1rem;
    margin-inline-end: 1rem;
}

input[type=file]::file-selector-button {
    color: white;
    background: #1F2937;
    border: 0;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    padding-left: 2rem;
    padding-right: 1rem;
    -webkit-margin-start: -1rem;
    margin-inline-start: -1rem;
    -webkit-margin-end: 1rem;
    margin-inline-end: 1rem;
}

input[type=file]::-webkit-file-upload-button:hover {
    background: #374151;
}

input[type=file]::file-selector-button:hover {
    background: #374151;
}

.dark input[type=file]::-webkit-file-upload-button {
    color: white;
    background: #4B5563;
}

.dark input[type=file]::file-selector-button {
    color: white;
    background: #4B5563;
}

.dark input[type=file]::-webkit-file-upload-button:hover {
    background: #6B7280;
}

.dark input[type=file]::file-selector-button:hover {
    background: #6B7280;
}


/* 顶部导航 */
html {
    color: #3a3a3a;
}

.one_a>div>a::after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background-color: #1471AD;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all 0.3s ease-in-out;
}

.one_active ::after,
.one_a:hover ::after {
    width: 100%;
}

.one_a:hover>ul {
    max-height: 500px;
}


.i_swiper .swiper-pagination {
    width: auto;
    left: auto;
    right: 5%;
    bottom: 5%;
    display: flex;
    flex-direction: column;
}

.i_swiper .swiper-pagination .swiper-pagination-bullet {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background-color: transparent;
    border: 1px solid #fff;
    margin: 0.5vw 0;
}

.i_swiper .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #fff;
    border: 1px solid #fff;
}

.swiper_life+.swiper-pagination {
    bottom: 6%;
    left: 50%;
    transform: translateX(-50%);
}

.swiper_life+.swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, .3);
    margin: 0 5px;
}

.swiper_life+.swiper-pagination .swiper-pagination-bullet-active {
    background-color: #1471AD;
}

.prev_master,
.next_master {
    width: 5vw;
    height: 5vw;
    border-radius: 50%;
    background: url(../image/jt_left03.png) no-repeat center;
    background-size: cover;
}

.next_master {
    background: url(../image/jt_right03.png) no-repeat center;
    background-size: cover;
}

.swiper_master .swiper-slide {
    border-radius: 12px;
    overflow: hidden;
}

/* 文字逐渐出现特效 */
.glowIn>span {
    animation: glow-in 0.5s both;
}

@keyframes glow-in {
    from {
        opacity: 0;
    }

    65% {
        opacity: .4;
        text-shadow: 0 0 25px #1471AD;
    }

    75% {
        opacity: .7;
    }

    to {
        opacity: 1;
    }
}

/* 图片旋转 */
.logo_img01 {
    width: 4000px;
    animation: logo_img1 30s linear infinite;
}

.logo_img02 {
    width: 4000px;
    animation: logo_img2 30s linear infinite;
}

.map_box {
    overflow-x: hidden;
    scrollbar-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    scrollbar-width: none;
    -ms-overflow-style: none;

}

.logo_img01 img,
.logo_img02 img {
    width: 50%;
}

@keyframes logo_img1 {
    from {
        -webkit-transform: translate3d(-50%, 0, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
    }

}

@keyframes logo_img2 {
    from {
        -webkit-transform: translate3d(0, 0, 0);
    }

    to {
        -webkit-transform: translate3d(-50%, 0, 0);
    }

}

#map_box>div {
    cursor: pointer;
}

#map_box>div>p::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #1471AD;
    width: 0;
    height: 4px;
    transition: all .5s;
}

.map_active p {
    font-size: 2.4vw;
    line-height: 1.5;
    color: #1471AD;
}

#map_box>.map_active>p::after {
    width: 100%;
}


#map_box>.map_active>img {
    display: block;
}

#map_box>.map_active .map_text {
    display: inline-block;
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    padding: 2px;
}

#map_box>.map_active .map_text>div {
    background-color: #fff;
    border-radius: 10px;
    padding: 10px;
}

#map_box>.map_active .map_text::after {
    content: '';
    display: block;
    width: 120%;
    height: 140%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-image: radial-gradient(circle, #fff, #1471AD);
    z-index: -1;
    animation: rotate_map 8s linear infinite;
}

@keyframes rotate_map {
    from {
        transform: translate(-50%, -50%) rotate(0deg);
    }

    to {
        transform: translate(-50%, -50%) rotate(360deg);
    }

}

/* 柱状图 01 */
#histogram01 {
    width: 60%;
    height: 420px;
}

.switch01_active {
    color: #1471AD !important;
    border-color: #1471AD !important;
    font-weight: bold;
}



/* 饼图 */
#pie07,
#pie04,
#pie01 {
    height: 420px;
}

/* 柱状图 02 */

#histogram02 {
    height: 520px;
}

#histogram08,
#histogram05 {
    height: 600px;
}

/* 柱状图 03 */
#histogram09,
#histogram06,
#histogram03 {
    height: 300px;
}


/* 新增cookies板块 */
.new-cookies {
    width: 76%;
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: #fff;
    border-radius: 20px;
    padding: 20px 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
}

.new-cookies-tx {
    flex: 1;
    padding-right: 10px;
}

.new-cookies-title {
    font-size: 24px;
    color: #004986;
}

.new-cookies-textP {
    font-size: 16px;
}

.new-cookies-textP a {
    display: inline-block;
    text-decoration: underline;
    text-underline-offset: 4px;
}

.new-cookies-btn {
    display: flex;
    align-items: center;
}

.new-cookies-btn button {
    font-size: 16px;
    padding: 8px 20px;
    border-radius: 20px;
    border: 1px solid #333;
    background-color: transparent;
    margin-left: 15px;
}

.new-cookies-btn .new-cookies-refuse {
    border-color: #333;
}

.new-cookies-btn .new-cookies-accept {
    border: 1px solid #004986;
    color: #004986;
}

.new-cookies-btn .new-cookies-refuse:hover {
    background-color: #eee;
}

.new-cookies-btn .new-cookies-accept:hover {
    background-color: #004986;
    color: #fff;
}

/* 锚点链接 */
.target-fix {
    position: relative;
    top: -80px;
    height: 0;
    display: block;
    overflow: hidden;
}

/* 新闻图片 */

.newsDetail img {
    display: inline-block;
}



@media(max-width: 1536px) {
    .map_active p {
        font-size: 28px;
        line-height: 1.6;
    }

    .swiper_life+.swiper-pagination {
        bottom: 3%;
        left: 50%;
        transform: translateX(-50%);
    }

}

@media (max-width: 1023px) {
    .i_swiper .swiper-pagination {
        display: none;
    }

    .i_swiper .swiper-pagination .swiper-pagination-bullet {
        width: 14px;
        height: 14px;
        margin: 1vw 0;
    }

    #map_box>.map_active>img {
        display: none;
    }

    #map_box>.map_active .map_text {
        /* display: none; */
    }

    .map_active p {
        font-size: 18px;
        line-height: 1.6;
    }

    #map_box>div>p::after {
        height: 2px;
    }

    /* 柱状图 01 */
    #histogram01 {
        width: 100%;
        height: 300px;
    }



    /* 饼图 */
    #pie07,
    #pie04,
    #pie01 {
        height: 300px;
    }

    .one_active ::after,
    .one_a:hover ::after {
        width: 0;
    }


}