@charset "utf-8";.banner {
    position: relative
}

.banner:after {
    content: '';
    width: 6.3rem;
    bottom: 0;
    background: #06175a;
    position: absolute;
    right: 0;
    bottom: 0;
    height: 1rem;
    z-index: 2;
    pointer-events: none;
    display: none
}

.banner .swiper-slide {
    overflow: hidden
}

.banner .swiper-slide a {
    display: block;
    position: relative
}

.banner .swiper-slide a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 2rem;
    background: url(../images/22s.png) repeat-x top center;
    background-size: auto 100%;
    z-index: 2;
    opacity: .35;
    pointer-events: none
}

.banner .swiper-slide a:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
    right: 0;
    height: 30%;
    background: url(../images/blackms.png) no-repeat top center;
    background-size: 100% 100%;
    z-index: 2;
    opacity: .35;
    pointer-events: none
}

.banner .item .slideImg {
    padding-bottom: 0;
    min-height: 6rem;
    height: 100vh;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.banner .swiDots {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}

.banner .swiDots span {
    width: .1rem;
    height: .1rem;
    opacity: .6;
    border-radius: 50%;
    margin: 0 .15rem;
    background: #0773c4;
    position: relative
}

.banner .swiDots span:before {
    content: '';
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    border-radius: 50%;
    border: 1px solid #0773c4;
    opacity: 0;
    visibility: hidden;
    transition: .3s
}

.banner .swiDots span.active {
    opacity: 1
}

.banner .swiDots span.active:before {
    opacity: 1;
    visibility: visible
}

.banner .swiTool {
    position: absolute;
    right: 5%;
    bottom: .35rem;
    z-index: 8;
    color: #fff;
    left: 5%
}

.banner .slideImg video {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.isIpadPro .banner .item .slideImg,.isIpadAir .banner .item .slideImg {
    height: 52vw
}

.banner .swiBtn {
    display: none
}

.banner .swiBtn a {
    display: block;
    width: .7rem;
    height: .7rem;
    border: 1px solid rgba(255, 255, 255, .2);
    text-align: center;
    line-height: .68;
    color: #fff;
    z-index: 8;
    position: absolute;
    top: 50%;
    margin-top: -.35rem;
    border-radius: 50%;
    line-height: .68rem;
    background: rgba(0, 0, 0, .2);
    font-size: .22rem
}

.banner .swiBtn a.prev {
    left: .4rem
}

.banner .swiBtn a.next {
    right: .4rem
}

.banner .scTip {
    width: .76rem;
    height: .76rem;
    position: absolute;
    bottom: .3rem;
    left: 50%;
    margin-left: -.38rem;
    z-index: 6;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: .05rem;
    cursor: pointer
}

.banner .scTip img {
    width: .17rem;
    display: block;
    animation: up 1.5s infinite;
    user-select: none
}

.banner .scTip:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: no-repeat center;
    background-size: 100% 100%;
    pointer-events: none;
    animation: roted 20s linear infinite
}

@media (min-width: 1024px) {
    .banner .swiper-slide .sc {
        -webkit-transition: 8s 1s linear;
        -webkit-transform: scale(1)
    }

    .banner .swiper-slide-active .sc {
        -webkit-transform: scale(1.1)
    }
}

@media (max-width: 1024px) {
    .banner .swiper-slide a:before {
        height: 35%
    }

    .banner .item .slideImg {
        padding-bottom: 0;
        height: 52vw;
        min-height: inherit
    }

    .banner {
        padding-left: 0
    }

    .banner .link {
        display: none
    }
}

@media (max-width: 992px) {
    .banner .item .slideImg {
        height: 55vw
    }

    .banner .swiTool {
        bottom: .2rem
    }

    .banner .swiBtn a.prev {
        left: .2rem
    }

    .banner .swiBtn a.next {
        right: .2rem
    }
}

.iconfont {
    font-size: inherit
}

.content {
    width: 100%;
    overflow: hidden
}

.udots {
    display: flex;
    margin-top: .4rem;
    padding-bottom: 5px;
    justify-content: center
}

.udots.swiper-pagination-lock {
    display: none
}

.udots span {
    width: .1rem;
    height: .1rem;
    background: #0c4d9d;
    position: relative;
    margin: 0 .1rem;
    opacity: .7
}

.udots span.active {
    opacity: 1
}

.udots span.active:before {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    bottom: -5px;
    right: -5px;
    border-radius: 50%;
    border: 1px dashed #0c4d9d;
    opacity: 1;
    animation: roted 8s linear infinite
}

.udots.w span {
    background: #fff
}

.udots.w span.active:before {
    border: 1px dashed #fff
}

.svgPath {
    display: block
}

.intit {
    margin-bottom: .3rem
}

.intit .h3 {
    position: relative
}

.intit .h3 .cn {
    font-size: .48rem;
    font-weight: bold;
    /* position: absolute; */
    /* left: 0; */
    /* right: 0; */
    text-align: center;
    /* top: 45%; */
    /* transform: translateY(-50%); */
    line-height: 1em;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    z-index: 3;
     margin: 0.3rem 0 0.5rem 0;
}

.intit .h3 .cn span {
    margin: 0 .2rem
}

.intit .h3 .cn i {
    width: 0;
    height: 1px;
    background: #3872d2;
    display: block;
    position: relative
}

.intit .h3 .cn i:before {
    content: '';
    position: absolute;
    width: 7px;
    height: 7px;
    background: #3872d2;
    border-radius: 50%;
    top: 50%;
    margin-top: -4px;
    border: 1px solid #fff
}

.intit .h3 .cn i.linel:before {
    left: 100%
}

.intit .h3 .cn i.liner:before {
    right: 100%
}

.intit .h3 .en {
    font-size: 1.0rem;
    color: #f3f9ff;
    text-transform: uppercase;
    line-height: 1em;
    pointer-events: none;
    user-select: none;
    z-index: 0;
    display: none;
}

.intit.aos-animate .h3 .cn i {
    width: 1.2rem;
    transition: .6s .5s
}

.homea {
    padding: .8rem 0 .6rem
}

.homea .left {
    width: 7.85rem
}

.homea .right {
    width: 7.4rem
}

.homea .right .slideImg {
    height: 4.95rem;
    clip-path: url(#path1)
}

.homea .left .can {
    font-size: 0.5rem;
    color: #0773c4
}

.homea .left .can span {
    opacity: .5
}

.homea .left h4 {
    font-size: .48rem;
    color: #0773c4;
    margin-top: .15rem
}

.homea .left .desc {
    font-size: .24rem;
    line-height: 2em;
    text-align: justify;
    text-indent: 2em;
    margin-top: .2rem
}

.homeb {
    padding: .6rem 0 .8rem
}

.homeb .intit {
    margin-bottom: 0
}

.homeb .swiNav {
    margin-bottom: .35rem
}

.homeb .swiNav ul li {
    font-size: .32rem;
    padding: 0 .25rem;
    position: relative
}

.homeb .swiNav ul li+li:before {
    content: '';
    position: absolute;
    left: 0;
    width: 1px;
    height: .26rem;
    background: #ddd;
    top: 52%;
    margin-top: -.13rem
}

.homeb .swiNav ul li a {
    color: #adadad
}

.homeb .swiNav ul li.on a {
    color: #3872d2
}

.homeb .swiTabs .list {
    width: 7.3rem
}

.homeb .swiTabs .list1 li:last-child .item {
    border-top: 1px solid #a3d1e1
}

.homeb .swiTabs .list2 li:first-child .item {
    border-bottom: 1px solid #a3d1e1
}

.homeb .list li {
    position: relative
}

.homeb .list li .itemShow .txt {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
    color: #fff;
    text-align: center;
    padding: .2rem .5rem;
    font-size: .22rem
}

.homeb .list li .itemShow .img {
    height: 4.1rem;
    clip-path: url(#path2)
}

.homeb .list li .item {
    padding: .4rem 0
}

.homeb .list li .item time {
    font-size: .2rem;
    color: #8b8b8b
}

.homeb .list li .item h4 {
    font-size: .22rem;
    margin-top: .1rem
}

.homec {
    padding: 1.2rem 0;
    background: url(../images/bgc.jpg) no-repeat bottom center;
    background-size: cover
}

.homec .intit {
    margin-bottom: 0
}

.homec .intit .h3 .en {
    color: #d8ecfd
}

.homec .intit .h3 .cn {
    justify-content: flex-start
}

.homec .intit .h3 .cn .linel {
    display: none
}

.homec .left {
    width: 6.4rem
}

.homec .right {
    width: 8.6rem
}

.homec .right .slide-cl {
    clip-path: url(#path3)
}

.homec .right .slide-cl .img {
    height: 6.1rem;
    clip-path: url(#path3)
}

.homec .txts-c {
    padding-right: .6rem;
    margin-bottom: .4rem
}

.homec .txts-c ul li .num {
    color: #0773c4;
    font-size: 1rem
}

.homec .txts-c ul li h4 {
    font-size: .4rem;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.homec .txts-c ul li .desc {
    font-size: .18rem;
    text-align: justify;
    line-height: 1.8em;
    margin-top: .2rem
}

.homec .txts-c ul li+li {
    display: none
}

.homec .slide-cs {
    width: 3.85rem
}

.homec .slide-cs .swiper-slide {
    text-align: center;
    cursor: pointer
}

.homec .slide-cs .swiper-slide:before {
    content: '';
    position: absolute;
    width: .08rem;
    height: .08rem;
    border-radius: 50%;
    background: #0773c4;
    left: 50%;
    margin-left: -.04rem;
    top: .28rem;
    opacity: .3
}

.homec .slide-cs .swiper-slide i {
    width: .35rem;
    height: .49rem;
    display: block;
    background: url(../images/doton.png) no-repeat bottom center;
    background-size: 100% 100%;
    margin: 0 auto .1rem;
    opacity: 0;
    transition: .3s
}

.homec .slide-cs .swiper-slide p {
    color: #0773c4;
    font-size: .24rem;
    opacity: 0;
    transition: .3s
}

.homec .slide-cs .swiper-slide-thumb-active:before {
    opacity: 0
}

.homec .slide-cs .swiper-slide-thumb-active i {
    opacity: 1
}

.homec .slide-cs .swiper-slide-thumb-active p {
    opacity: 1
}

.homed {
    padding: .8rem 0 .6rem
}

@keyframes scale {
    0% {
        transform: scale(1)
    }

    50%,75% {
        transform: scale(1.1)
    }

    100%,78% {
        opacity: 0
    }
}

@keyframes scales {
    0% {
        transform: scale(1)
    }

    50%,75% {
        transform: scale(1.2)
    }

    100%,78% {
        opacity: 0
    }
}

.scir:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    opacity: .4;
    background: #1c7be2;
    animation: scale 1.5s infinite cubic-bezier(0, 0, .49, 1.02);
    top: 0;
    left: 0;
    position: absolute;
    z-index: 0
}

.scir:after {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    opacity: .4;
    background: #1c7be2;
    top: 0;
    left: 0;
    animation: scales 1.5s infinite cubic-bezier(0, 0, .49, 1.02);
    content: '';
    z-index: 0
}

.homed .swiTab-d .swiNav {
    width: 4.85rem;
    position: relative
}

.homed .swiTab-d .swiNav .cir {
    width: 10.16rem;
    height: 10.16rem;
    background: url(../images/cirbg.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    left: -5.46rem;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    z-index: 0
}

.homed .swiTab-d .swiNav .cir:before {
    content: '';
    position: absolute;
    width: 9.44rem;
    height: 9.44rem;
    background: url(../images/cir3.png) no-repeat center;
    background-size: 100% 100%;
    top: 50%;
    left: 50%;
    margin-top: -4.72rem;
    margin-left: -4.72rem;
    border-radius: 50%;
    pointer-events: none;
    animation: roted 60s linear infinite
}

.homed .swiTab-d .swiNav .cirs {
    position: absolute;
    width: 5.47rem;
    height: 5.47rem;
    top: 50%;
    left: 50%;
    margin-top: -2.73rem;
    margin-left: -2.73rem;
    border-radius: 50%;
    pointer-events: none;
    transition: .3s
}

@keyframes radial {
    0% {
        opacity: .5
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: .5
    }
}

.homed .swiTab-d .swiNav .cirs span {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../images/541.png) no-repeat center;
    background-size: 4.98rem 4.98rem;
    border-radius: 50%;
    pointer-events: none;
    z-index: 3;
    animation: roteds 60s linear infinite
}

.homed .swiTab-d .swiNav .cirs:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: radial-gradient(#a7e2fe, #75aeda);
    animation: radial 2s infinite;
    border-radius: 50%;
    pointer-events: none;
    z-index: 1
}

.homed .swiTab-d .swiNav ul {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 2.19rem
}

.homed .swiTab-d .swiNav ul li {
    padding: .48rem 0;
    font-size: .3rem;
    position: relative;
    padding-left: .35rem
}

.homed .swiTab-d .swiNav ul li a {
    transition: .3s;
    opacity: .6;
    transform: scale(.8);
    transform-origin: left center;
    display: inline-block
}

.homed .swiTab-d .swiNav ul li:nth-child(2) {
    margin-left: .35rem
}

.homed .swiTab-d .swiNav ul li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -.05rem;
    width: .1rem;
    height: .1rem;
    background: #031a6a;
    border-radius: 50%
}

.homed .swiTab-d .swiNav ul li:after {
    content: '';
    position: absolute;
    left: -.08rem;
    top: 50%;
    margin-top: -.13rem;
    width: .24rem;
    height: .24rem;
    border: 1px solid #829cc5;
    border-radius: 50%;
    opacity: 0;
    transform: scale(0);
    transition: .3s
}

.homed .swiTab-d .swiNav ul li a {
    color: #0d3c8a
}

.homed .swiTab-d .swiTabs {
    width: 9.2rem
}

.homed .swiTab-d .list li+li {
    margin-top: .4rem
}

.homed .swiTab-d .list li a {
    display: flex
}

.homed .swiTab-d .list li .img {
    width: 3.05rem;
    height: 1.85rem;
    clip-path: url(#path4);
    position: relative;
    z-index: 5;
    background-size: cover;
}

.homed .swiTab-d .list li .time {
    color: #8b8b8b;
    font-size: .2rem;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.homed .swiTab-d .list li .time span {
    display: block;
    font-size: .34rem
}

.homed .swiTab-d .list li .txt {
    flex: 1;
    padding-left: .35rem;
    display: flex;
    align-items: center;
    position: relative;
    padding-right: .3rem
}

.homed .swiTab-d .list li .txt:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    left: .35rem;
    height: 1px;
    background: #d8d8d8
}

.homed .swiTab-d .list li .txt h4 {
    font-size: .22rem;
    line-height: 1.5em;
    flex: 1;
    margin-left: .35rem;
max-height: 3em;
}

.homed .swiTab-d .list li .txt time {
    color: #8b8b8b;
    font-size: .2rem;
    margin-top: .15rem;
    display: none
}

[data-aos="rotate-c"] {
    transform: rotate(-360deg) scale(0);
    transition-property: transform
}

[data-aos="rotate-c"].aos-animate {
    transform: rotate(0deg) scale(1)
}

.homee {
    padding: .75rem 0 .7rem
}

.homee .txts-e {
    width: 3.9rem
}

.homee .txts-e ul li+li {
    display: none
}

.homee .txts-e ul li h4 {
    font-size: .36rem;
    color: #023785;
    margin-bottom: .15rem;
    font-weight: bold
}

.homee .txts-e ul li .desc {
    font-size: .18rem;
    line-height: 1.8em;
    text-align: left;
}

.homee .slide-ep {
    width: 7.26rem;
    height: 7.26rem;
    padding: .75rem
}

.homee .slide-e {
    width: 5.76rem;
    border-radius: 50%;
    background: #fff
}

.homee .slide-ep .spcir {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: url(../images/rer.png) no-repeat center;
    background-size: 100% 100%;
    transition: .6s
}

.homee .slide-e .img {
    height: 5.76rem;
    border-radius: 50%
}

.homee .nav-e {
    width: 3.6rem;
}

.homee .nav-e ul li {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    cursor: pointer;
    padding: .15rem 0;
    position: relative
}

.homee .nav-e ul li:after {
    content: '';
    position: absolute;
    right: 100%;
    top: 50%;
    margin-top: -1px;
    height: 2px;
    background: #256fdc;
    width: .4rem;
    opacity: .5;
    transition: .5s
}

.homee .nav-e ul li h4 {
    font-size: .18rem;
    color: #888
}

.homee .nav-e ul li .ico {
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    overflow: hidden;
    margin-left: 0.1rem;
    transition: .3s;
    position: relative;
    border: 4px solid transparent
}

.homee .nav-e ul li .ico:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border: 3px solid #fff;
    border-radius: 50%;
    z-index: 4;
    pointer-events: none;
    display: none
}

.homee .nav-e ul li .ico img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: .7;
    transition: .3s
}

.homee .nav-e ul li.on:after {
    width: .8rem;
    opacity: 1
}

.homee .nav-e ul li.on h4 {
    color: #023785
}

.homee .nav-e ul li.on .ico {
    box-shadow: 0 0 .4rem rgba(0, 0, 0, .5);
    border-color: #fff
}

.homee .nav-e ul li.on .ico img {
    opacity: 1
}

.str_wrap {
    overflow: hidden;
    width: 100%;
    position: relative;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    white-space: nowrap
}

.str_move {
    white-space: nowrap;
    position: absolute;
    top: 0;
    left: 0;
    cursor: move
}

.str_move_clone {
    display: inline-block;
    vertical-align: top;
    position: absolute;
    left: 100%;
    top: 0
}

.str_vertical .str_move_clone {
    left: 0;
    top: 100%
}

.str_down .str_move_clone {
    left: 0;
    bottom: 100%
}

.str_down .str_move,.str_vertical .str_move {
    white-space: normal;
    width: 100%
}

.noStop .str_move,.no_drag .str_move,.str_static .str_move {
    cursor: inherit
}

.str_wrap img {
    max-width: none!important
}

.homef {
    padding: .7rem 0 .3rem
}

.homef .wp {
    background: url(../images/bg6.jpg) no-repeat center;
    background-size: cover;
    height: 7.2rem;
    clip-path: url(#path5);
    padding: .7rem .5rem .6rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.homef .intit .h3 .en {
    color: rgba(255, 255, 255, .2)
}

.homef .intit .h3 .cn {
    color: #fff
}

.homef .intit .h3 .cn i {
    background: rgba(255, 255, 255, .8)
}

.homef .intit .h3 .cn i:before {
    background: rgba(255, 255, 255, .8);
    border-color: transparent
}

.homef .list li {
    width: 2.44rem;
    height: 1.26rem;
    position: relative;
    margin: 0 .2rem
}

.homef .list li a {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 3;
    height: 100%;
    color: #fff
}

.homef .list li h4 {
    font-size: .2rem;
    margin-left: .1rem;
}

.homef .list li img {
    width: .5rem;
}

.homef .list li .bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    filter: drop-shadow(0 5px 15px rgba(0, 0, 0, .6))
}

.homee-f {
    background: url(../images/538.jpg) no-repeat center 20%;
    background-size: 100% auto
}

.bgs {
    position: relative;
    overflow: hidden;
    z-index: 0
}

.bgs .dowebok {
    white-space: nowrap;
    position: relative;
    z-index: 2
}

.bgs .dowebok img {
    height: 2.63rem;
    margin-top: .2rem
}

.bgs .dowebok img:hover {
    filter: drop-shadow(0 0 .1rem #ebcf93)
}

.bgs .ani {
    display: inline-block
}

.bgs .yun {
    width: 57.3%;
    z-index: 2;
    left: 40%;
    position: absolute;
    bottom: 0;
    z-index: 3;
    user-select: none;
    pointer-events: none
}

.bgs .bg {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 0
}

@media (min-width: 993px) {
    .homed .swiTab-d .list li .txt:before {
        content: '';
        position: absolute;
        bottom: 0;
        top: 0;
        left: -.25rem;
        background: url(../images/18.png) no-repeat center;
        background-size: 100% 100%;
        right: 0;
        opacity: 0;
        visibility: hidden;
        transition: .3s
    }

    .homed .swiTab-d .list li:hover .txt:before {
        opacity: 1;
        visibility: visible
    }

    .homed .swiTab-d .list li:hover .txt:after {
        opacity: 0;
        visibility: hidden
    }

    .homed .swiTab-d .swiNav ul li.on a {
        opacity: 1;
        transform: scale(1)
    }

    .homed .swiTab-d .swiNav ul li.on:after {
        opacity: 1;
        transform: scale(1)
    }
}

@media (max-width: 992px) {
    .intit .h3 .en {
        font-size: 1.3rem
    }

    .intit .h3 .cn i {
        width: 1.2rem;
        transition: none
    }

    .homea .left {
        width: 100%;
        text-align: center;
        margin-bottom: .4rem
    }

    .homea .left .desc {
        text-align: center;
        text-indent: 0
    }

    .homea .right {
        width: 100%
    }

    .homea .right .slideImg {
        height: 61vw
    }

    .homeb .swiTabs .list+.list {
        display: none
    }

    .homeb .swiTabs .list {
        width: 100%
    }

    .homeb .list li .itemShow .img {
        height: 52vw
    }

    .homeb .swiNav ul li {
        font-size: .36rem
    }

    .homeb .list li .itemShow .txt {
        font-size: .28rem;
        padding: .3rem .5rem
    }

    .homeb .list li .item h4 {
        font-size: .28rem
    }

    .homeb .list li .item time {
        font-size: .26rem
    }

    .homec .intit {
        display: flex;
        justify-content: center
    }

    .homec .intit .h3 .cn .linel {
        display: block
    }

    .homec .left {
        width: 100%;
        margin-bottom: .3rem
    }

    .homec .right {
        width: 100%
    }

    .homec .right .slide-cl .img {
        height: 54vw
    }

    .homec .txts-c {
        padding-right: 0
    }

    .homec .txts-c ul li {
        text-align: center
    }

    .homec .txts-c ul li .desc {
        font-size: .24rem;
        text-align: center
    }

    .homec .slide-cs {
        margin: 0 auto;
        width: 60%
    }

    .homec .slide-cs .swiper-slide:before {
        width: .12rem;
        height: .12rem
    }

    .homec .slide-cs .swiper-slide p {
        font-size: .28rem
    }

    .homed .intit {
        position: relative;
        z-index: 5
    }

    .homed .swiTab-d .swiTabs {
        width: 100%
    }

    .homed .swiTab-d .swiNav {
        margin: 0 auto;
        width: 100%;
        margin-bottom: .4rem
    }

    .homed .swiTab-d .swiNav .cir {
        display: none
    }

    .homed .swiTab-d .swiNav ul li {
        font-size: .4rem;
        padding: 0
    }

    .homed .swiTab-d .swiNav ul li a {
        display: block;
        border-radius: .2rem;
        border: 1px solid #3872d2;
        padding: .15rem .2rem;
        line-height: 1em
    }

    .homed .swiTab-d .swiNav ul li:before {
        display: none
    }

    .homed .swiTab-d .swiNav ul li:nth-child(2) {
        margin-left: 0
    }

    .homed .swiTab-d .swiNav ul li.on a {
        opacity: 1
    }

    .homed .swiTab-d .swiNav ul {
        padding-left: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: inherit
    }

    .homed .swiTab-d .list li .txt h4 {
        font-size: .26rem
    }

    .homed .swiTab-d .list li .time {
        display: none
    }

    .homed .swiTab-d .list li .txt h4 {
        margin-left: 0;
        width: 100%;
        flex: inherit
    }

    .homed .swiTab-d .list li .txt {
        padding-right: 0;
        display: block;
        padding-top: .15rem
    }

    .homed .swiTab-d .list li .txt time {
        display: block;
        width: 100%;
        font-size: .24rem
    }

    .homee .txts-e {
        width: 100%;
        margin-bottom: .3rem
    }

    .homee .slide-ep {
        margin: 0 auto .5rem
    }

    .homee .nav-e {
        width: 100%
    }

    .homee .nav-e ul {
        display: flex;
        justify-content: center;
        align-items: center
    }

    .homee .nav-e ul li {
        display: block;
        margin: 0 .25rem;
        text-align: center
    }

    .homee .nav-e ul li .ico {
        margin-left: 0;
        margin-top: .15rem
    }

    .homee .nav-e ul li h4 span {
        display: none
    }

    .homee .nav-e ul li h4 {
        font-size: .24rem
    }

    .homee .nav-e ul li:after {
        right: 50%;
        top: auto;
        margin-right: -1px;
        height: .2rem;
        background: #256fdc;
        width: 2px;
        opacity: .5;
        transition: .5s;
        margin-top: 0;
        bottom: 100%
    }

    .homee .nav-e ul li.on:after {
        height: .4rem;
        width: 2px
    }

    .homee .nav-e ul li .ico {
        width: 1.3rem;
        height: 1.3rem;
        margin: 0.15rem auto 0;
    }

    .homee .txts-e ul li h4 {
        font-size: .46rem;
        text-align: center
    }

    .homee .txts-e ul li .desc {
        font-size: .24rem;
        text-align: center
    }

    .homef .wp {
        height: auto
    }

    .homef .list li {
        margin-bottom: .2rem
    }
}

@media (max-width: 597px) {

.homed .swiTab-d .swiNav ul {
        display: block;
}

.homed .swiTab-d .swiNav ul li {
        width: 50%;
        float: left;
    }


    .homeb .intit,.homec .intit {
        margin-bottom: .3rem
    }

    .intit .h3 .en {
        font-size: 12vw
    }

    .homea .left .desc {
        font-size: .28rem
    }

    .homec .txts-c ul li .desc {
        font-size: .28rem
    }

    .homed .swiTab-d .list li .img {
        width: 2.75rem;
        height: 1.65rem
    }

    .homed .swiTab-d .list li .txt h4 {
        font-size: .28rem
    }

    .homed .swiTab-d .list li .txt {
        padding-top: .1rem
    }

    .homee .slide-ep {
        width: 80vw;
        height: 80vw;
        padding: 10vw
    }

    .homee .slide-e {
        width: 60vw
    }

    .homee .slide-e .img {
        height: 60vw
    }

    .homee .nav-e ul li {
        display: block;
        margin: 0 .1rem;
        text-align: center
    }

    .homee .txts-e ul li h4 {
        font-size: .5rem;
        text-align: center
    }

    .homee .txts-e ul li .desc {
        font-size: .28rem
    }

    .homee {
        padding-bottom: .3rem
    }

    .homef .list li {
        width: 48%;
        margin: 0 1% .1rem;
        height: 20vw
    }
}

.homeds {
    padding-top: .5rem;
}

.homeds .list {
    position: relative;
}

.homeds .list li {
    width: 10.6rem;
}

.homeds .list li .img {
    clip-path: url(#path5);
    height: 5.95rem;
    background: transparent;
}

.homeds .list li .img:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 75%;
    z-index: 5;
    transform: translateZ(0);
    pointer-events: none;
}

.homeds .list li .tit {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 6;
    width: 1.8rem;
    font-size: .3rem;
    writing-mode: tb-lr;
    writing-mode: vertical-lr;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.homeds .list li .tit:before {
    content: '';
    width: .17rem;
    height: .57rem;
    background:  no-repeat center;
    background-size: 100% 100%;
    display: block;
    margin-bottom: .15rem;
}

.homeds .list li .tit:after {
    content: '';
    width: .17rem;
    height: .57rem;
    background: no-repeat center;
    background-size: 100% 100%;
    display: block;
    margin-top: .15rem;
}

.homeds .list li:nth-child(4) .img:after {
    background: linear-gradient(to right,#01368a ,rgba(0, 0, 0, 0.01),rgba(0,0,0,0));
}

.homeds .list li:nth-child(3) .img:after {
    background: linear-gradient(to right,#187fb5 ,rgba(0, 0, 0, 0.01),rgba(0,0,0,0)) ;
}

.homeds .list li:nth-child(2) .img:after {
    background: linear-gradient(to right,#66a7c8 ,rgba(0, 0, 0, 0.01),rgba(0,0,0,0)) ;
}

.homeds .list li:nth-child(1) .img:after {
    background: linear-gradient(to right,#449ac9 ,rgba(0, 0, 0, 0.01),rgba(0,0,0,0)) ;
}

@media (min-width: 993px) {
    .homeds .list li+li {
        position: absolute;
        top: 0;
        bottom: 0;
    }

    .homeds .list li:nth-child(4) {
        right: 0;
        z-index: 1;
    }

    .homeds .list li:nth-child(3) {
        right: 1.8rem;
        z-index: 2;
    }

    .homeds .list li:nth-child(3).die {
        z-index: 4;
    }

    .homeds .list li:nth-child(2) {
        right: 3.6rem;
        z-index: 3;
    }

    .homeds .list li:nth-child(1) {
        position: relative;
    }

    .homeds .list li:nth-child(4) .img {
        background: #01368a;
    }

    .homeds .list li:nth-child(3) .img {
        background: #187fb5;
    }

    .homeds .list li:nth-child(2) .img {
        background: #66a7c8;
    }

    .homeds .list li:nth-child(1) .img {
        background: #449ac9;
    }

    .homeds .list li.on {
        z-index: 6;
    }

    .homeds .list li.on .img img {
        opacity: 1;
        visibility: visible;
    }

    .homeds .list li.on .tit {
        transform: translateX(-8.8rem);
        width: 1.8rem;
    }

    .homeds .list li.die .tit {
        transform: translateX(-8.8rem);
        width: 1.8rem;
    }

    .homeds .list li.on+li .tit {
        transform: translateX(0);
    }

    .homeds .list li.on+li+li .tit {
        transform: translateX(0);
    }

    .homeds .list li.on+li+li+li .tit {
        transform: translateX(0);
    }

    .homeds .list li.on+li {
        z-index: 5;
    }

    .homeds .list li.on+li+li {
        z-index: 2;
    }

    .homeds .list li.on+li+li+li {
        z-index: 1;
    }

    .homeds .list li .img img {
        opacity: 0;
        visibility: hidden;
        transition: .3s;
    }
}

@media (max-width: 992px) {
    .homeds .list li {
        position: relative;
        margin-bottom: .3rem;
        width: 100%;
    }

    .homeds .list li .tit {
        right: auto;
        left: 0;
        width: 1.4rem;
    }

    .homeds .list li .img {
        height: 50vw;
    }
}

@media (max-width: 597px) {
    .homeds .list li .tit {
        font-size: .4rem;
    }
}

.homeas .box {
    align-items: flex-start;
}

.homeas .box .slide-as {
    width: 8.6rem;
}

.homeas .box .slide-as .img {
    height: 5.4rem;
    clip-path: url(#path3);
}

.homeas .box .slide-as .txt {
    margin-top: .2rem;
    padding: 0 .2rem
}

.homeas .box .slide-as .txt time {
    font-size: .18rem;
    color: #8b8b8b;
    margin-bottom: .1rem;
    display: block;
}

.homeas .box .slide-as .txt h4 {
    font-size: .24rem;
    line-height: 1.4em;
    margin-bottom: .1rem;
}

.homeas .box .slide-as .txt p {
    color: #888;
    line-height: 1.6em;
    height: .5rem
}

.homeas .box .list {
    width: 6.8rem
}

.homeas .box .list li+li {
    margin-top: .4rem
}

.homeas .box .list li a {
    display: flex;
    align-items: center;
}

.homeas .box .list li .img {
    width: 2.85rem;
    height: 1.8rem;
    clip-path: url(#path4);
}

.homeas .box .list li .txt {
    flex: 1;
    overflow: hidden;
    margin-left: .3rem
}

.homeas .box .list li .txt time {
    font-size: .18rem;
    color: #8b8b8b;
    margin-bottom: .1rem;
    display: block;
}

.homeas .box .list li .txt h4 {
    font-size: .22rem;
    line-height: 1.4em;
    margin-bottom: .1rem;
    height: .6rem
}

.homeas .box .list li .txt p {
    color: #888;
    line-height: 1.6em;
    height: .5rem
}

@media (max-width: 992px) {
    .homeas .box .slide-as {
        width:100%;
        margin-bottom: .5rem
    }

    .homeas .box .slide-as .img {
        height: 55vw
    }

    .homeas .box .list {
        width: 100%
    }

    .homeas .box .list li+li {
        margin-top: .25rem
    }

    .homeas .box .list li .txt p,.homeas .box .slide-as .txt p {
        height: auto
    }

    .homeas .box .slide-as .txt time,.homeas .box .list li .txt time {
        font-size: .24rem
    }

    .homeas .box .slide-as .txt h4,.homeas .box .list li .txt h4 {
        font-size: .28rem;
        height: auto
    }
}

@media (max-width: 597px) {
    .homeas .box .list li .txt p {
        display: none
    }

    .homeas .box .list li .txt h4 {
        margin-bottom: 0
    }


}

@media (max-width: 480px) { 
.homed .swiTab-d .swiNav ul li a {
        width: 110%;
    }
}