.earth{position: relative;left: 0;top: 0;width: 100%;height: 100%; width: 7rem;height: 6rem;margin: auto;}
.earth .info-div{background-color: #fff;border-radius: 90rem;padding: 0.5em 1em;box-shadow: 0 0 10px rgba(0,0,0,.2);position: relative; transform: translate(-50%,-50%); cursor: pointer;}
.earth .info-div .info-wrap{display: flex; gap: 0.5em;white-space: nowrap;}
.earth .info-div:hover{z-index: 100 !important;}

:root {
    --vi-color: #005bac;
}

.modular1 {
    margin-top: 0.8rem;
}

.modular1 .indexwrap .box {
    display: flex;
    justify-content: center;
    gap: 0.8rem;
    border-bottom: 1px solid #c7c7c7;
    margin: 0 2rem;
}

.modular1 .indexwrap .item {
    padding: 1em 0.5em;
    position: relative;
    color: #5b5b5b;
}

.modular1 .indexwrap .item.on {
    color: #005bac;
    font-weight: bold;
}

.modular1 .indexwrap .item.on::after {
    content: '';
    display: block;
    position: absolute;
    border: 2px solid #005bac;
    width: 100%;
    left: 0;
    bottom: 0;
}

.modular2 {
    padding: 0.8rem 0;

}

.modular .title {
    text-align: center;
    margin-bottom: 0.7rem;
}

.modular .title h3 {
    margin-bottom: 0.5em;
    font-weight: bold;
    line-height: 1.2;
}

.modular .title p {
    margin-bottom: 1em;
}

.modular2 .swiper-box {
    position: relative;
}

.modular2 .swiper-slide {
    border-radius: .3rem;
    overflow: hidden;
    position: relative;
}

.modular2 .swiper-slide img {
    height: 7.68rem;
    object-fit: cover;
}

.modular2 .swiper-slide .tit {
    margin-bottom: 0.5em;
    line-height: 1.2;
}

.modular2 .swiper-slide .info {
    position: absolute;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    width: 50%
}

.modular2 .nav-list {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    z-index: 100;
    color: #fff;
}

.modular2 .nav-list .item {
    height: 0.8rem;
    display: flex;
    align-items: center;
    padding: 0 4em;
    position: relative;
    cursor: pointer;
}

.modular2 .nav-list .item::before,
.modular2 .nav-list .item::after {
    position: absolute;
    content: '';
    display: block;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    /* 渐变背景 */
    background: linear-gradient(90deg, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 0));
}

.modular2 .nav-list .item::before {
    height: 100%;
    width: 0;
    background: linear-gradient(90deg, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 0));
    transition: .3s;
    opacity: 0;
}

.modular2 .nav-list .item.on::before {
    width: 100%;
    opacity: 0.5;
}

.modular3 {
    background: #e3e7eb;
    padding: 0.8rem 0;
}

.modular3 .indexwrap {
    display: flex;
}

.modular4 .indexwrap .left,
.modular3 .indexwrap .left {
    padding: 0 1.4rem;
    display: flex;
    align-items: center;
}

.modular4 .indexwrap .left .title,
.modular3 .indexwrap .title {
    text-align: left;
}

.modular3 .indexwrap .right {
    display: flex;
    flex-wrap: wrap;
    gap: 0.36rem;
}

.modular3 .indexwrap .right img {
    border-radius: 0.3rem;
    transition: .5s;
}

.modular3 .indexwrap .right img.n1 {
    width: 2.59rem;
    height: 2.66rem;
}

.modular3 .indexwrap .right .n2 {
    transform: translate(0.1rem, 1.1rem);
    width: 2.58rem;
    height: 2.66rem;
}

.modular3 .indexwrap .right .n3 {
    margin-left: 0.8rem;
    width: 2.12rem;
    height: 2.55rem;
}

.modular4 {
    padding: 0.8rem 0;
}

.modular4 .indexwrap .list {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.modular4 .indexwrap .list .item {
    display: flex;
    gap: 0.4rem;
}

.modular4 .indexwrap .list .item:nth-child(2n-1) {
    flex-direction: row-reverse;
}

.modular4 .indexwrap .left {
    flex: 1;
}

.modular4 .indexwrap .right {
    width: 48%;

}

.modular4 .indexwrap .right img {
    width: 100%;
    border-radius: 0.4rem;
    transition: .5s;
}

.modular4 .indexwrap .left {
    padding: 0 0.4rem;
}

.modular5 .left {
    width: 50%;
    padding: 0 1rem;
}
.modular5 .left .about_num{padding-top: 0.5rem}

.modular5 .right {
    flex: 1;
}

.modular5 .left h2 {
    text-align: left;
    line-height: 1.3;
    margin-bottom: 1em;
    font-weight: bold;
}

.modular5 .left .num {
    display: flex;
    gap: 0.6rem;
    justify-content: center;
    margin-top: 0.7rem;
}

.modular5 .left .num .i {
    width: 3.8em;
    height: 3.8em;
    border: 1px solid #000;
    position: relative;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    line-height: 1;
    transition: .5s;
    cursor: default;
}

.modular5 .left .num .i .t {
    font-weight: bold;
    display: flex;
    align-items: start;
    margin-bottom: 0.1em;
}

.modular5 .left .num .i .text {
    text-align: center;
    line-height: 1.3;
}

.modular5 {
    margin-top: -0.8rem;
    padding-bottom: 0.8rem;
}

.modular5 .indexwrap {
    display: flex;
}

.modular5 .indexwrap .right {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
    align-items: end;
}

.modular5 .indexwrap .right img {
    border-radius: 0.3rem;
    max-width: 25%;
    height: auto;
    transition: .5s;
}

.modular5 .indexwrap .right img.n1 {
    transform: translate(0, 50%);
}

.modular5 .indexwrap .right img.n2 {
    max-width: 30%;
}

.modular5 .indexwrap .right img.n3 {
    margin-left: 2.9rem;
}

.modular6 {
    background: #e3e7eb;
    padding: 0.8rem 0;
}

.modular6 .indexwrap {
    display: flex;
    align-items: center;
}

.modular6 .indexwrap .left {
    width: 50%;
}

.modular6 .indexwrap .right {
    flex: 1;
    padding: 0 0.8rem;
}

.modular6 .right .tit {
    font-weight: bold;
    margin: 0.8em 0;
}

.modular6 .right .t-box {
    display: flex;
    gap: 0.6rem;
}

.modular6 .right .btn {
    font-weight: normal;
    color: #005bac;
}

.modular6 .swiper-container {
    width: 100%;
}

.modular6 .swiper-slide {
    background-position: center;
    background-size: cover;
    width: 47.5%;
}

.modular6 .swiper-slide img {
    border-radius: 0.3rem;
}

.modular6 .swiper-slide.swiper-slide-active img {
    box-shadow: 0 0 0.5rem 0.8rem #e3e7eb;
}

.modular7 {
    padding: 0.8rem 0;
}

.modular7 .list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.3rem 1.1rem;
    padding: 0.5rem 0;
    margin: 0 1.9rem;
}

.modular7 .list .item .img-box img {
    width: 100%;
}

.modular7 .list .item .img-box {
    box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

.modular7 .list .item .text {
    text-align: center;
    padding: 0.3rem;
}

.modular7 .list .item .img-box::before {
    content: '\e712';
    font-family: 'iconfont';
    color: #fff;
    font-size: 0.6rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
    opacity: 0;
    transition: .5s;
}

.modular7 .list .item .img-box::after {
    content: '';
    position: absolute;
    background: #387fbe;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    transition: .5s;
}

.modular8 {
    position: fixed;
    background: rgba(0, 0, 0, 0.9);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
    display: none;
}

.modular8.on {
    display: block;
}

.modular8 .indexwrap {
    height: 100%;
}

.modular8 .close {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    font-size: 0.3rem;
    color: #fff;
    cursor: pointer;
}

.modular8 .img-box {
    width: 100%;
    height: 100%;
    display: absolute;
    justify-content: center;
    align-items: center;
    display: flex;
}

.modular8 .img-box img {
    max-width: 90%;
    max-height: 90%;
}

.modular9 {
    padding: 0.8rem 0;
}

.modular9 .map {
    border-radius: 0.5rem;
    overflow: hidden;
    position: relative;
}

.modular9 .map .right {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    display: flex;
    width: 8.3rem
}

.modular9 .map .right .info {
    background: #e3e7eb;
    padding: 0.6rem;    width: 100%;
}

.modular9 .map .right .info .item {
    display: flex;
    align-items: center;
    margin-top: 0.3rem;
    font-weight: bold;
}

.modular9 .map .right .info .title {
    font-weight: bold;
    margin-bottom: 0.6em;
    line-height: 1;
    text-align: left;
}

.modular9 .map .right .info .sub_title {
    margin: 1em 0;
    font-weight: bold;
    display: none;
}

.modular9 .map .right .info .item i {
    font-size: 150%;
    margin-right: 0.5em;
}

.modular9 .map .right .info p {
    margin-left: 1.5em;
}

.modular9 .dropdown {
    display: block;
    color: #000;
    margin-top: 0.2rem;
}

.modular9 .dropdown-toggle {
    border-color: #000;
    display: flex;
}

.modular9 .dropdown-toggle span {
    flex: 1;
}

.modular9 .img-list img,
.modular9 .li {
    display: none;
}

.modular9 .li a{
    color: #000 !important;
}

.modular9 .img-list img.on,
.modular9 .li.on {
    display: block;
}

@media screen and (min-width: 768px) {
    .modular5 .left .num .i:hover {
        background: #005bac;
        color: #fff;
    }

    .modular7 .list .item .img-box:hover::after {
        opacity: 0.9;
    }

    .modular7 .list .item .img-box:hover::before {
        opacity: 1;
    }

    .modular2 .nav-list .item:hover::before {
        width: 100%;
        opacity: 0.5;
    }

    .modular5 .indexwrap .right img:hover,
    .modular4 .indexwrap .right img:hover,
    .modular3 .indexwrap .right img:hover{
        transform: scale(1.1);
    }

    .modular5 .indexwrap .right img.n1:hover{
        transform: translate(0, 50%) scale(1.1);
    }

    .modular3 .indexwrap .right .n2:hover{
        transform: translate(0.1rem, 1.1rem) scale(1.1);
    }
}

@media screen and (max-width: 1024px) {
    .modular {
        font-size: 14px;
    }

    .modular .title p br {
        display: none;
    }

    .modular .title p {
        font-size: 14px;
    }

    .modular3 .indexwrap {
        flex-direction: column-reverse;
    }

    .modular3 .indexwrap .right img.n1 {
        width: 5.18rem;
        height: 5.32rem;
    }

    .modular3 .indexwrap .right .n2 {
        transform: translate(0.8rem, 2.2rem);
        width: 5.16rem;
        height: 5.32rem;
    }

    .modular3 .indexwrap .right .n3 {
        margin-left: 1.6rem;
        width: 4.24rem;
        height: 5.1rem;
    }

    .modular3 .indexwrap .right {
        margin-bottom: 1rem;
        width: 70%;
    }

    .modular4 .indexwrap .list .item {
        flex-direction: column-reverse !important;
    }

    .modular4 .indexwrap .right {
        width: auto;
    }

    .modular2 .nav-list {
        position: static;
        color: #000;
        transform: translateY(0);
        flex-direction: row;
        gap: 1em;
        overflow: auto;
        width: 100%;
        margin-bottom: 1em;
    }

    .modular2 .nav-list .item br {
        display: none;
    }

    .modular2 .nav-list .item {
        padding: 1em 0.5em;
        height: auto;
        white-space: nowrap;
    }

    .modular2 .nav-list .item::before,
    .modular2 .nav-list .item::after {
        display: none;
    }

    .modular2 .nav-list .item::before {
        display: block;
        background: #005bac;
        z-index: -1;
    }

    .modular2 .nav-list .item.on::before {
        opacity: 1;
    }

    .modular2 .nav-list .item.on {
        color: #fff;
    }

    .modular2 .swiper-slide img {
        position: absolute;
        height: 100%;
        width: 100%;
        object-fit: cover;
        left: 0;
        top: 0;
    }

    .modular2 .swiper-slide .info {
        position: static;
        transform: translate(0, 0);
        padding: 2em;
    }

    .modular2 .swiper-slide .info br {
        display: none;
    }

    .modular5 .left {
        width: 100%;
    }

    .modular6 .indexwrap,
    .modular5 .indexwrap {
        flex-direction: column;
    }

    .modular5 .indexwrap .right {
        flex-wrap: nowrap;
        margin-top: 1em;
    }

    .modular5 .indexwrap .right img.n1 {
        transform: translate(0, 0);
    }

    .modular5 .indexwrap .right img.n3 {
        margin-left: 0;
    }

    .modular5 .left .num .i {
        width: 5.4em;
        height: 5.4em;
    }

    .modular6 .indexwrap .left {
        width: auto;
    }

    .modular7 .list {
        grid-template-columns: repeat(2, 1fr);
    }

    .modular9 .map .right img {
        display: none;
    }

    .modular9 .map .right {
        position: static;width: 100%
    }

    .modular9 .map .right .info {
        padding:20px;        width: 100%;
    }

    .modular9 .map {
        display: flex;
        flex-direction: column-reverse;
    }
    .modular2 .swiper-slide .info{width: 100%}
}



@media screen and (max-width:767px) {
    .modular{padding: 40px 0;}
    .modular3 .indexwrap {
        flex-direction: column;
    }
    .modular3 .indexwrap .right, .modular3 .indexwrap .left{float: none;width: 100%;display: block;padding:0;}
    .modular3 .indexwrap .right,.modular5 .indexwrap .right{display: none;}
    .modular5 .left{padding: 0;margin-bottom: 20px;}
    .modular2{padding: 0;}
    /*.modular5 .about_num dl{padding-top: 2.7rem}*/
    .modular5 .about_num li{width: 50%}
}


/*变更基础研究引领创新可持续发展*/
.modular5{overflow: hidden;}
/*.modular5 .left{padding: 0;;width: 40.6%;float: left;}*/
.modular5 .left{float: left;}
.modular5 .indexwrap{display: block;}
.right_cxbox{float: right;width: 50%;padding-right: 1.8rem}
.right_cxbox ul{overflow: hidden;margin: 0 -0.29rem}
.right_cxbox li{float: left;width: 50%;margin-bottom: 0.4rem}
.right_cxbox dl{margin: 0 0.29rem}
.right_cxbox dt{overflow: hidden;border-radius: 0.3rem;}

@media screen and (max-width:1024px) {
 .right_cxbox{float: none;width: 70%; margin: auto; padding: 0; padding-top: 0.5rem;clear: both;}
}

@media screen and (max-width:767px) {
 .right_cxbox{width: 100%; }
 .modular2 .swiper-slide{height: 300px}
}


/*居左0829*/
.modular .title .title_p,.xz_title p,.modular2 .swiper-slide .info {text-align: left;}
.modular .title .title_p p,.xz_title p,.modular2 .swiper-slide .info p{text-indent: 2em;margin-bottom: 0}


@media only screen and (min-width: 1920px){
.modular6 .swiper-slide img,
    .modular9 .img-list img.on{width:100%;}
}