@font-face {
	font-family: FRADMCN;
	src: url(../fonts/FRADMCN.TTF);
}


.s_tit {
    text-align: center;
}

.s_tit h4 {
    color: #222252;
    font-size: 2.5rem;
    line-height: 1.5;
    font-weight: bold;
}

.s_tit h6 {
    color: #586984;
    font-size: 1.125rem;
    line-height: 1.6875rem;
    margin-top: .5rem;
}


.s_ceshi {
    width: 100%;
    position: relative;
    z-index: 9;
    background: url(../images/s_ceshibg.jpg) center top no-repeat;
    background-size: cover
}


.s_ceshi p {
    text-align: center;
    color: #4c4c4e;
    font-size: 1rem;
    line-height: 1.875rem;
    margin: 3.125rem 0;
}


.s_ceshi .web {
    display: none;
}

.s_ceshi a {
    display: flex;
    margin: auto;
    width: 9.75rem;
    height: 3.5rem;
    align-items: center;
    justify-content: center;
    background: #6f75d6;
    border-radius: .375rem;
    color: #fff;
    font-size: 1.125rem;
    margin-bottom: 4.375rem;
}

#certify {
    position: relative;
}

#certify .arr {
    display: flex;
    align-items: center;
    justify-content: center;
    top: 50%;
    transform: translate(0, -50%);
    cursor: pointer;
    position: absolute;
    transition: all 0.5s;
    z-index: 20;
    margin-top: 3.5rem;
}

#certify .arr i {
    color: #005BAC;
    font-size: 3.5rem;

}

#certify .arr:hover i {
    color: #6f75d6;
}

#certify .arr_left {
    left: -3rem;
    right: auto;
}

#certify .arr_right {
    right: -3rem;
    left: auto;
}

#certify .swiper-slide {
    width: 38.75rem;
    transform-origin: bottom;
    border-radius: 1.5rem 1.5rem 0 0;
    overflow: hidden;
    padding: .625rem .625rem 0;
    background: #000000;
}
#certify .swiper-slide::before {
    content: '';
    position: absolute;
    width: 50%;
    right: 0;
    top: 0;
    background: url(../images/gaoguang.png)no-repeat;
    background-size: cover;
    height: 50%;
    z-index: 1;
}
#certify {
    position: relative;
    width: 1440px;
    padding: 0 3.25rem;
    max-width: 94.5%;
    margin: 0 auto;
}

#certify>img {
    position: absolute;
    z-index: 10;
}

#certify .csico1 {
    left: -1.875rem;
    bottom: -2.875rem;
}

#certify .csico2 {
    right: 8%;
    bottom: -4.875rem;
}

.s_shuzi ul {
    display: flex;
    justify-content: space-between;
    gap: .5rem
}

.s_shuzi ul li span {
    font-size: 3rem;
    color: #00a39b;
    font-family: DISNEYENGLISH-MEDIUM;
    display: block;
    margin-bottom: .625rem
}

.s_shuzi ul li p {
    font-size: 1rem;
    color: #59616e
}

.s_ceshi .btn_liaojie2 {
    margin-top: 4rem
}

.s_baiye {
    z-index: 1;
    overflow: hidden;
    padding-top: 10rem;
}

.s_baiye .s_tit,
.s_shij .s_tit {
    text-align: left;
}

.s_baiye {
    position: relative;
    overflow: hidden;
    width: 100%;
    background: url(../images/baiyebg.jpg)no-repeat;
    background-size: cover;
}



.byc {
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    height: 34.6875rem;
}

.bycs {
    overflow: hidden;
    flex-grow: 1;
    position: relative;
    border-radius: 10px;
}

.bycs {
    transition: 0.7s;
    width: 13.375rem;
    height: 100%;
}

.bycs+.bycs {
    margin-left: 17px;
}

.bycs>.bl {
    height: 30rem;
    background-position: center center !important;
    background-size: cover !important;
    position: relative;
    transition: all .5s;
}

.bycs>.bl img {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    transition: all .5s;
}


.bycs .byc_tit {
    position: absolute;
    padding: 3.125rem 1.625rem;
    color: #fff;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.bycs .byc_tit::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url(../images/bychover.jpg)no-repeat;
    background-size: cover;
    opacity: 0;
    transition: all .5s;
}

.bycs .byc_tit>h4 {
    color: #fff;
    font-size: 1.5rem;
    line-height: 2.25rem;
    font-weight: bold;
    margin-bottom: .5rem;
    transition: all .5s;
    position: relative;
}

.bycs .byc_tit>p {
    font-size: .875rem;
    line-height: 1.5rem;
    color: #fff;
    transition: all .5s;
    position: relative;
}

.bycs.on>.bl {
    height: calc(30rem + 75px);
}

.bycs.on {
    width: calc(100% - 694px);
    flex-shrink: 0;

}

.bycs.on .byc_tit {
    padding: 3.125rem 3rem;
}

.bycs.on .byc_tit::before {
    opacity: 1;
}

.bycs.on>.bl img {
    opacity: 0;
}

.bycs.on .byc_tit>h4 {
    color: #222252;
    font-size: 1.875rem;
    position: relative;
}

.bycs .byc_tit>h4 i {
    color: #fff;
    transition: all .5s;
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 1.25rem;
}

.bycs.on .byc_tit>h4 i {
    opacity: 0;
}

.bycs.on .byc_tit p {
    color: #333333;
}

.bycs .byc_tit .yincang {
    display: flex;
    align-items: flex-start;
    gap: 2.75rem;
    margin-top: 3.125rem;
    opacity: 0;
    transition: all .5s;
    position: relative;
}

.bycs .byc_tit .yincang>img {
    flex-shrink: 0;
    max-width: 10rem;
}

.bycs.on .byc_tit .yincang {
    opacity: 1;
}

.bycs .byc_tit .yincang .ycy {
    display: grid;
    gap: 3.125rem;
}

.bycs .byc_tit .yincang .ycy>div {

    display: flex;
    align-items: flex-start;
    gap: 2.5rem;
}

.bycs .byc_tit .yincang .ycy h6 {
    color: #38386e;
    font-size: 1.0625rem;
    line-height: 2.25rem;
    font-weight: bold;
    flex-shrink: 0;
}

.bycs .byc_tit .yincang .ycy p {
    color: #333333;
    font-size: .875rem;
    line-height: 1.5rem;
    margin-top: .375rem;
}

.bycs .byc_tit .yincang ul,
#shijian .sjsj {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2.125rem;
}

.bycs .byc_tit .yincang ul li div,
 .sjsj li div {
    display: flex;
    align-items: flex-start;
    gap: 4px;
}

.bycs .byc_tit .yincang ul li div em,
 .sjsj li div em {
    color: #333333;
    font-size: 1.4rem;
}
.sjsj li div .sem {
    font-size: 13px;
}
.bycs .byc_tit .yincang ul li,
 .sjsj li {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #333333;
    font-size: 1.4rem;
    line-height: 1.25;
    gap: 1rem;
}
.bycs .byc_tit .yincang ul li {
    align-items: flex-start;
    margin-top: 8px;
    justify-content: flex-start;
}
.bycs .byc_tit .yincang ul li span {
    color: #333333;
    font-size: .875rem;
    font-weight: bold;
}
 .sjsj li .counter {
    color: #333333;
    font-family: Arial;
	font-weight: bold;
    font-size: 5rem;
}

.bycs .byc_tit .yincang i {
    background: #6f75d6;
    border-radius: .3125rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 3.0625rem;
    /* width: 20.8125rem; */
    padding: 0 2.375rem;
    margin-left: 6.875rem;
}

.bycs .byc_tit .yincang i em {
    color: #fff;
    font-size: 1.25rem;
}


.sltit {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 3.125rem;
}

.sltit .s_tit {
    text-align: left;
}

.sltit a {
    color: #222252;
    font-size: .875rem;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 1rem;
    transition: all .5s;
}

.sltit a p {
    text-decoration: underline;
}

.sltit a:hover ,
.sltit a:hover i {
    color: #6f75d6;
}

.sltit a i {
    color: #38386e;
    font-size: 1rem;
}

.ljweb {
    display: none;
    margin: auto;
    width: 9.75rem;
    height: 3.5rem;
    align-items: center;
    justify-content: center;
    background: #6f75d6;
    border-radius: 0.375rem;
    color: #fff;
    font-size: 1.125rem;
    margin-top: 2rem;
}

.s_shij {
    position: relative;
    width: 100%;
    background: url(../images/s_shijbg.jpg)no-repeat;
    background-size: cover;
}



.s_shij .sjbox {
    position: relative;
}

.s_shij .sjbox .swiper-button-white,
.hbbox .swiper-button-white {
    width: 3rem;
    height: 3rem;
    background: #fff;
    border-radius: 50%;
}

.s_shij .sjbox .swiper-button-white .iconfont,
.hbbox .swiper-button-white .iconfont {
    color: #000000;
    font-size: 2rem;
}

.s_shij .sjbox .sjnext {
    right: -5%;
    left: auto;
}

.s_shij .sjbox .sjprev {
    right: auto;
    left: -5%;
}


.s_shij #shijian .img_db:after {
    padding-top: 69.17%;
}

.s_shij #shijian .swiper-slide {
    border-radius: .625rem;
    overflow: hidden;
}

.s_shij #shijian .sjcon {
    padding: 2.625rem 1.875rem;
    background: #fff;
    position: relative;
    transition: all .5s;
    height: 15.0625rem;
}
#shijian .sjcon .sjlogo h5 ,
#biaogan .swiper-slide .bgcon .bglogo h5 ,
.alcon .allogo h5{
    align-items: center;
    color: #222252;
    font-size: 2rem;
    line-height: 1.875rem;
}

#biaogan .swiper-slide .bgcon .bglogo ,
.alcon .allogo {
    display: flex;
    align-items: center;
    color: #222252;
    font-size: 1rem;
    line-height: 1.875rem;
}

#shijian .sjcon .sjlogo img ,
#biaogan .swiper-slide .bgcon .bglogo img ,
.alcon  .allogo img {
    width: 5.625rem;
}

#shijian .sjcon .sjlogo i ,
#biaogan .swiper-slide .bgcon .bglogo i ,
#tjal .alcon  .allogo i {
    margin: 0 1.125rem;
    background: #c4c9d2;
    display: block;
    width: 1px;
    height: 19px;
}

#shijian .sjcon>i  {
    position: absolute;
    color: #222252;
    font-size: 1.125rem;
    right: 2rem;
    bottom: 2rem;
    transition: all .5s;
}

#shijian .sjcon p ,
 .alcon  p  {
    color: #333333;
    font-size: 1.5rem;
    line-height: 1.875rem;
    margin: 1.5rem 0;
}

.s_shij #shijian .swiper-slide:hover .img_db:after {
    padding-top: 36.8%;
}

.s_shij #shijian .swiper-slide:hover .sjcon {
    height: 24.25rem;
}

.s_shij #shijian .swiper-slide:hover .dz,
.s_shij #shijian .swiper-slide:hover .sjsj {
    opacity: 1;
}

.s_shij #shijian .swiper-slide:hover .sjcon>i {
    opacity: 0;
}

.dz {
    display: flex;
    align-items: center;
    gap: 12px;
    transition: all .5s;
flex-wrap: wrap;
}
#shijian .sjcon .dz {
    opacity: 0;
}
#shijian .sjcon .dz li {
    color: #7b7b7c;
    font-size: 13px;
    line-height: 1.875rem;
    border-radius: .875rem;
    background: #f6f6f7;
    padding: 0 8px;
}
#shijian .sjsj {
    border-top: 1px solid #e1e7f3;
    opacity: 0;
}
.sjsj {
    margin-top: 3.2rem;
    padding-top: 3.2rem;
    transition: all .5s;
}




.s_hb {
    width: 100%;
    background: url(../images/s_hbbg.jpg) center no-repeat;
    overflow: hidden;
    height: 54.3125rem;
    background-size: cover;
}

.s_hb .m {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    padding-bottom: 2rem;
}

.s_hb .hbbox {
    position: relative;
    display: none;
    margin-top: 2rem;
    padding-bottom: 2rem;
}

.s_hb .hbbox .hby {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #fff;
    width: 7.25rem;
    height: 7.25rem;
    padding: 1.625rem;
}

.s_hb .hbbox .swiper-slide {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    color: #586984;
    font-size: 1rem;
    line-height: 1.5;
}

.s_hb .cx-item {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 3;
}

.s_hb .cx-item li {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #fff;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    animation: star 14s infinite;
    -webkit-animation: star 14s infinite;
    gap: .5rem;
}

.s_hb .cx-item li div {
    border-radius: 50%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 7.8125rem;
    height: 7.8125rem;
    padding: 2rem;
    box-shadow: 0 0 10px 10px rgba(0, 92, 161, 0.06)
}

.s_hb .cx-item li {
    color: #586984;
    font-size: .9375rem;
    line-height: 1.875rem;
    text-align: center;
    transition: all .5s;
}

.s_hb .cx-item .dl1 {
    top: 10%;
    left: 20%;
    animation-delay: 2s;
}

.s_hb .cx-item .dl2 {
    top: -3%;
    left: 45%;
    animation-delay: 8s;
}

.s_hb .cx-item .dl3 {
    top: 10%;
    left: 71%;
    animation-delay: 0s;
}

.s_hb .cx-item .dl4 {
    top: 40%;
    left: 9%;
    animation-delay: 12s;
}

.s_hb .cx-item .dl5 {
    top: 40%;
    left: 28%;
    animation-delay: 7s;
}

.s_hb .cx-item .dl6 {
    top: 40%;
    left: 65%;
    animation-delay: 4s;
}

.s_hb .cx-item .dl7 {
    top: 40%;
    left: 83%;
    animation-delay: 10s;
}

.s_hb .cx-item .dl8 {
    top: 77%;
    left: 23%;
    animation-delay: 6s;
}

.s_hb .cx-item .dl9 {
    top: 77%;
    left: 70%;
    animation-delay: 10s;
}


.s_hb .cx-item .dl10 {
    top: 97%;
    left: 46%;
    animation-delay: 11s;
}



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

    20% {
        opacity: 0;
        transform: scale(1);
    }

    40% {
        opacity: 1;
        transform: scale(1);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@-webkit-keyframes star {
    0% {
        opacity: 1;
        transform: scale(1);
    }

    20% {
        opacity: 0;
        transform: scale(1);
    }

    40% {
        opacity: 1;
        transform: scale(1);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}


.s_hb .cxlogo {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 11;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.s_hb .cxlogo i {
    color: #fff;
    font-size: 4rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.yuanhuan {
    border-radius: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    border: 2px solid #a0c1f2;
}

.yuanhuan.yuanhuan1 {
    transform: translate(-50%, -50%) scale(1);
    width: 337px;
    height: 337px;
    opacity: .6;
}

.yuanhuan.yuanhuan2 {
    transform: translate(-50%, -50%) scale(1);
    width: 610px;
    height: 610px;
    opacity: .4;
}

.yuanhuan.yuanhuan3 {
    transform: translate(-50%, -50%) scale(1);
    width: 919px;
    height: 919px;
    opacity: .3;
}

.yuanhuan.yuanhuan4 {
    transform: translate(-50%, -50%) scale(1);
    width: 1202px;
    height: 1202px;
    opacity: .2;
}

.s_new {
    width: 100%;
    background: url(../images/s_newbg.jpg) no-repeat;
    background-size: cover;
    position: relative;
}

.s_newbox {
    display: grid;
    gap: 2.125rem;
    grid-template-columns: .505fr .495fr;
}

.s_newbox .s_newhot {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: 1fr 1fr;
}

.s_newbox .s_newhot .hotcon {
    background: #fff;
    padding: 2rem 2rem 2.25rem;
    position: relative;
    height: 100%;
}

.s_newbox .s_newhot .hotcon div {
    position: absolute;
    width: 7.6252rem;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.75rem;
    color: #fff;
    background: #696998;
    font-weight: bold;
    font-family: Arial;
    font-size: .875rem;
    left: 0;
    top: -1.75rem;
    border-radius: 0 .375rem 0 0;
}

.s_newbox .s_newhot .img_db:after {
    padding-top: 68.81%;
}

.s_newhot a {
    display: block;
    border-radius: .625rem;
    overflow: hidden;
    height: 100%;
}

.s_newhot .hotcon h5 {
    color: #222252;
    font-size: 1.1875rem;
    line-height: 2.0625rem;
    font-weight: bold;
    margin-bottom: 1rem;
    transition: all .5s;
}

.s_newhot .hotcon p {
    color: #333333;
    font-size: .875rem;
    line-height: 1.5rem;
}

.s_newhot .hotcon i {
    display: none;
    color: #a6a9ad;
    font-size: 1.5rem;
}


.s_newcool {
    display: grid;
    gap: 1.875rem;
}
.s_newcool .coolcon {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
}
.s_newcool li a {
    display: flex;
    gap: 1.875rem;
}

.s_newcool li a .img {
    max-width: 11.1875rem;
    width: 100%;
    border-radius: .375rem;
}

.s_newcool li a .img_db:after {
    padding-top: 69.28%;
}

.s_newcool li a .coolcon span {
    color: #434381;
    font-weight: bold;
    font-size: .875rem;
    line-height: 1.375rem;
    font-family: Arial;
}

.s_newcool li a .coolcon h5 {
    color: #222252;
    font-size: 1.125rem;
    line-height: 2.0625rem;
    font-weight: bold;
    transition: all .5s;
}
.s_newcool li a:hover h5 ,
.s_newhot a:hover h5 {
    color: #6f75d6;
}

.s_newcool li a .coolcon p {
    color: #333333;
    font-size: .875rem;
    line-height: 1.5rem;
}




.s_about {
    width: 100%;
    background: url(../images/s_aboutbg.jpg) center no-repeat;
    overflow: hidden;
    background-size: cover;
}

.s_about .m {
    display: grid;
    grid-template-columns: 1fr 24.1875rem;
    gap: 5.625rem;
}


.s_about .s_ableft .ar_article p {
    color: #586984;
    font-size: 1rem;
    line-height: 2.25rem;
}

.s_about .s_ableft ul {
    display: flex;
    gap: 5.25rem;
    align-items: center;
    margin-top: 3rem;
}

.s_about .s_ableft ul li {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    color: #68768e;
    font-size: .875rem;
    line-height: 3.4375rem;
    width: 180px;
}

.s_about .s_ableft ul li div {
    display: flex;
    align-items: flex-end;
    gap: 10px;
}

.s_about .s_ableft ul li em {
    color: #68768e;
    font-size: .875rem;
    line-height: 3.125rem;
    flex-shrink: 0;
}

.s_about .s_ableft ul li .counter {
    color: #6f75d6;
    font-size: 4rem;
    line-height: 1.25;
    font-family: FRADMCN;
}


.s_about .s_abtable {
    background: url(../images/s_tablebg.jpg)no-repeat;
    background-size: cover;
    position: relative;
    width: 100%;
    padding: 2.25rem 1.8125rem;
    border-radius: .625rem;
}

.s_about .s_abtable h5 {
    color: #222252;
    font-size: 1.5rem;
    line-height: 1.6875rem;
    font-weight: bold;
    margin-bottom: 1rem;
}

.s_about .s_abtable p {
    color: #586984;
    font-size: 1rem;
    line-height: 1.6875rem;
}

.s_about .s_abtable input {
    width: 100%;
    background: #ffff;
    padding: 0 1.25rem;
    border-radius: .25rem;
    color: #222252;
    font-size: .9375rem;
    line-height: 2.875rem;
}

.s_about .s_abtable input::placeholder,
.s_about .s_abtable textarea::placeholder {
    color: rgba(34, 34, 82, .67);
}


.s_about .s_abtable form {
    display: grid;
    gap: 1rem;
    margin-top: 1.75rem;
}

.s_about .s_abtable textarea {
    min-height: 12.1875rem;
    padding: 0 1.25rem;
    color: #222252;
    font-size: .9375rem;
    line-height: 2.875rem;
    border-radius: .25rem;
}

.s_about .s_abtable button {
    width: 100%;
    line-height: 3.375rem;
    font-size: 1.0625rem;
    color: #fff;
    background: #6f75d6;
    border-radius: .25rem;
}

#foot {
    background: #f4f7fc;
    padding-bottom: 3rem;
}

#foot .box1 {
    display: flex;
    align-items: flex-start;
    gap: 5rem;
}

#foot .foot_logo {
    display: block;
    width: 9.375rem;
}

.foot_nav {
    display: flex;
    justify-content: space-between;
    flex-grow: 1;
    max-width: 732px;
}

.foot_nav dl,
.foot_lx dl {
    position: relative;
    z-index: 1;
    flex-shrink: 0;
}

.foot_nav dt,
.foot_lx dt {
    margin-bottom: .5rem;

}

.foot_nav dt a,
.foot_lx dt {
    color: #000;
    font-size: 1rem;
    line-height: 2.8125rem;
    font-weight: bold;
}

.foot_nav dd a,
.foot_lx dd a {
    display: block;
    transition: .3s;
}

.foot_nav dd a:hover {
    color: #6f75d6;
}

.foot_nav dd,
.foot_lx dd {
    font-size: .875rem;
    line-height: 2.125rem;
    color: #454563;
}

.foot_lx {
    display: flex;
    align-items: flex-end;
    gap: 1rem;
}

.foot_ewm {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .75rem;
}

.foot_ewm img {
    width: 7.5rem;
    height: 7.5rem;
}

.foot_ewm p {
    color: #656262;
    font-size: .875rem;
    line-height: 1.25rem;
}

#foot .box2 .lianjie {
    padding-bottom: 1rem;
}

#foot .box2 .lianjie , #foot .lj{
    display: flex;
    align-items: center;
    gap: 1.75rem;
    color: #454563;
    font-size: 1.125rem;
    line-height: 2.5rem;
    flex-wrap: wrap;

}
#foot .lj {
    font-size: .9375rem;
 }
 #foot .lj a {
    transition: all .5s;
 }
 #foot .lj a:hover {
    color: #6f75d6;;
 }
.copyright {
    font-size: .875rem;
    color: rgba(146, 146, 152, 0.65);
    line-height: 1.875rem;
    text-align: center;
    position: relative;
}

.copyright .wwwmap {
    position: absolute;
    right: 3rem;
    top: 50%;
    transform: translate(0,-50%);
}

.copyright a {
    transition: all .3s;
}

.copyright a:hover {
    color: #6f75d6;
}

.online_q {
    position: fixed;
    right: 0;
    bottom: 10%;
    z-index: 995;
    transition: .5s;
    -webkit-transition: .5s;
    border-radius: 2.5rem;
    padding: 1.25rem 0
}

.online_q .close {
    position: absolute;
    right: -1rem;
    font-size: 1rem;
    color: #969797;
    opacity: 1;
    font-weight: normal;
    cursor: pointer
}

.online_q .btn2 {
    width: 4.8125rem;
    height: 5.1875rem;
    background: #fff;
    transition: .5s;
    cursor: pointer;
    position: relative;
    z-index: 1;

}

.online_q ul {
    box-shadow: 0px 0px 9px 0px rgba(17, 17, 17, .14);
    border-radius: .625rem 0 0 .625rem;
}



.online_q .btn2:before {
    content: "";
    display: block;
    border-radius: .9375rem;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    opacity: 0
}

.online_q .btn2::after {
    content: '';
    position: absolute;
    width: 3.125rem;
    height: 1px;
    left: 50%;
    transform: translate(-50%, 0);
    bottom: 0;
    background: #eaebec;
}

.online_q .btn2:hover:before {
    opacity: 1
}

.online_q .btn-top {
    padding: 0;
    transition: .5s;
    overflow: hidden
}

.online_q .btn2 a {
    font-size: 12px;
    color: #fff;
    display: block;
    width: 100%;
    height: 100%
}

.online_q .btn2 span {
    display: flex;
    color: #595959;
    flex-direction: column;
    font-size: .75rem;
    text-align: center;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 999;
    overflow: hidden;
    gap: .625rem;
    transition: .3s;
    -webkit-transition: .3s;
    overflow: hidden;
    flex-shrink: 0
}

.online_q ul .btn2 span::before ,
#gotop span::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0,-50%);
    width: 100%;
    height: 100%;
    z-index: -1;
    background: #8c98f0;
    opacity: 0;
    transition: all .5s;
}

.online_q ul  .btn2 span:hover::before ,
#gotop span:hover:before {
    opacity: 1;
}

.online_q .btn2 span i {
    font-size: 1.5rem;
    color: #005BAC;
}

.online_q .open.pic {
    position: absolute;
    background: #eef2f6;
    width: 100px;
    height: 100px;
    right: 60px;
    top: 50%;
    margin-top: -50px;
    text-align: right;
    opacity: 0;
    transition: .6s;
    -webkit-transition: .6s;
    visibility: hidden
}

.online_q .open.pic img {
    width: 80px;
    height: 80px;
    margin-top: 10px;
    margin-right: 10px
}

.online_q .btn2:hover .open.pic {
    opacity: 1;
    right: 60px;
    visibility: visible
}

.online_q .open.phone {
    position: absolute;
    background: #fff;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    border: 1px solid #e1e6f0;
    width: auto;
    min-height: 3.125rem;
    right: 5.375rem;
    padding: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 50%;
    transform: translate(0,-50%);
    transition: .6s;
    -webkit-transition: .6s;
    opacity: 0;
    visibility: hidden
}

.online_q .open.imgs {
    position: absolute;
    background: #fff;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    border: 1px solid #e1e6f0;
    right: 5.375rem;
    padding: .5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    transition: .6s;
    -webkit-transition: .6s;
    opacity: 0;
    visibility: hidden;
    width: 120%;
}

.online_q .open.phone * {
    color: #333;
    font-size: 1rem;
    text-align: left;
    font-weight: bold;
    font-family: DISNEYENGLISH-MEDIUM
}

.online_q .open.imgs img {
    display: block;
}

.online_q .open.phone h5 {
    font-size: .875rem;
    font-weight: normal;
    white-space: nowrap
}

.online_q .open.phone a {
    white-space: nowrap
}

.online_q .open.phone span {
    font-size: 12px;
    text-align: left;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 5px;
    opacity: .7;
    font-weight: normal
}

.online_q .btn2:hover .open.phone,
.online_q .btn2:hover .open.imgs {
    transition: .5s;
    -webkit-transition: .5s;
    opacity: 1;
    visibility: visible
}

.online_q .open.pic:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-left: 10px solid #eef2f6;
    position: absolute;
    right: -15px;
    top: 50%;
    margin-top: -10px
}

.online_q .open.phone:before {
    content: "";
    position: absolute;
    display: block;
    width: 6px;
    height: 6px;
    background: #fff;
    top: 50%;
    transform: translateY(-50%) rotate(135deg);
    right: -4px;
    border-color: #e1e6f0 transparent transparent #e1e6f0;
    border-style: solid;
    border-width: 1px
}

.online_q .kefu {
    border-radius: .625rem 0 0 0;
    overflow: hidden;
}

.online_q .model {
    border-radius: 0 0 0 .625rem;
    overflow: hidden;
}
.online_q .btn2 span:hover i ,
.online_q .btn2 span:hover {
    color: #fff;
}

.online_q .model::after,
.online_q #gotop::after {
    display: none;
}

#gotop {
    margin-top: .9375rem;
    border-radius: .625rem 0 0 .625rem;
    box-shadow: 0px 0px 9px 0px rgba(17, 17, 17, .14);
}

#gotop:before {
    opacity: 1
}

#gotop.hide {
    height: 0;
    overflow: hidden;
    display: flex !important;
    box-shadow: none;
}

.fl-fw {
    display: flex;
    flex-wrap: wrap
}

.fl-jb {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between
}

header .downmenu {
    position: fixed;
    left: 0;
    top: 6.5rem;
    z-index: 5;
    width: 100%;
    padding: 3.125vw 8.25vw;
    background: url(../images/dhbg.jpg)no-repeat;
    background-size: cover;
    opacity: 0;
    height: 25.8125rem;
    visibility: hidden;
    text-align: left;
    transition: top ease .5s, opacity ease .5s, visibility ease .5s;
    pointer-events: none
}

header.xg .downmenu {
    top: 6.5rem
}

header .link:hover .downmenu {
    left: 0;
    opacity: 1;
    visibility: visible;
    pointer-events: inherit
}

.downmenu.ons {
    left: 0;
    opacity: 1;
    visibility: visible;
    pointer-events: inherit
}



header .downmenu {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 3rem;
}

header .downmenu dt a {
    font-weight: bold;
    color: #000000;
    font-size: 1.25rem;
    line-height: 1.5;
    position: relative;
    padding-left: 2.75rem;
}

header .downmenu dt a img {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
}

header .downmenu dd {
    padding-top: 1rem;
    border-top: 1px solid #dce1eb;
    margin-top: .875rem;
    font-size: 1rem;
    line-height: 1.875rem;
    color: #454563;
    display: grid;
    gap: .5rem;
}
header .downmenu dt a{
    transition: .3s;
}

header .downmenu dd a {
    display: block;
    transition: .3s;
    text-transform: uppercase;
    padding-left: 2.5rem;
}

.downmenu dd a:hover,
header .downmenu dt a:hover {
    color: #6f75d6;
}


.maskbox {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.maskbox svg {
    width: 2rem;
    height: 2rem
}



.n_banner {
    height: 31.25rem;
    width: 100%;
    overflow: hidden;
    position: relative
}


.n_banner .m {
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.n_banner .m div {
    max-width: 50rem;
    text-align: left;
}

.n_banner .m div h4 {
    color: #202832;
    font-size: 2.875rem;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: .75rem;
}

.n_banner .m div p {
    color: #495664;
    font-size: 1.125rem;
    line-height: 1.875rem;
}


#m_n_nav {
    display: none;
    line-height: 50px;
    position: relative;
    z-index: 9;
    width: 100%
}

#m_n_nav #n_n_title {
    background: #6f75d6;
}

#m_n_nav .m {
    display: flex;
    align-items: center;
    justify-content: center
}

#bnt_back svg {
    fill: #fff;
    height: 50px;
    vertical-align: middle;
    width: 26px
}

#m_n_nav h1 {
    font-size: 16px;
    color: #fff;
    text-align: center;
    margin: 0;
    line-height: 50px
}

#bnt_back {
    position: absolute;
    left: 1rem;
    top: 0
}

#bnt_sub_nav {
    position: absolute;
    right: 1rem;
    top: 0;
    cursor: pointer;
    color: #fff;
    font-size: 18px
}

#bnt_sub_nav svg {
    fill: #fff;
    height: 50px;
    vertical-align: middle;
    width: 20px
}

#bnt_sub_nav img {
    display: block;
    height: 15px
}

#bnt_sub_nav.on img {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

#sub_nav_content {
    background: #fff;
    display: none;
    box-shadow: 0 0 5px #999;
    z-index: 9
}

#sub_nav_content ul {
    padding: 10px
}

#sub_nav_content ul li {
    display: block;
    line-height: 28px;
    margin: 1rem 0
}

#sub_nav_content ul li a {
    display: block;
    border-left: 2px solid #013281;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    padding-left: 10px;
    color: #535455
}

#sub_nav_content ul li.on a {
    color: #013281
}

#sub_nav_content dl {
    font-size: 0;
    overflow: hidden;
    background: #fff;
    padding: 10px 0;
    border-top: 1px solid #e7e7e7;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem 0
}

#sub_nav_content dt {
    position: relative;
    background: #fff;
    z-index: 999;
    display: inline-block;
    margin-bottom: 0;
    float: left;
    text-align: center
}

#sub_nav_content dt a {
    margin: 0 10px;
    display: block;
    color: #5b5349;
    line-height: 30px;
    font-size: 13px;
    font-weight: 400;
    vertical-align: top
}

#sub_nav_content dt a i {
    position: absolute;
    right: 15px;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    display: none
}

#sub_nav_content dt.title {
    background: #fafafb
}

#sub_nav_content dt.title i {
    opacity: 1;
    filter: alpha(opacity=100)
}

#sub_nav_content dt.title_on {
    background: #fafafb
}

#sub_nav_content dt.title_on a i {
    color: #013281
}

#sub_nav_content dt.last a {
    border-top: 1px solid #f8f8f8
}

#sub_nav_content dt.on a,
#sub_nav_content dt.title_on a {
    color: #fff;
    background: #6f75d6;
}

#sub_nav_content dd .box {
    padding: 0
}

#sub_nav_content dd a {
    padding: 0 25px;
    line-height: 30px;
    font-size: 13px;
    color: #5b5349;
    display: block;
    height: 30px
}

.zidh {
    width: 100%;
    height: 5.4375rem;
    background: #fff;
    position: relative;
    z-index: 10;
}

.zidh .m {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.zidh ul {
    display: flex;
    align-items: center;
    gap: 3.125rem;
    position: relative
}

.zidh ul::before {
    content: '';
    position: absolute;
    width: 100vw;
    left: -50%;
    height: 1px;
    background: #dce0e8;
    bottom: 0;
}

.zidh ul li a {
    position: relative;
    display: block;
    line-height: 5.4375rem;
    color: #313131;
    font-size: 1.0625rem
}

.zidh ul li a:before {
    content: "";
    display: block;
    width: 100%;
    height: 4px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #6f75d6;
    transition: all .5s;
    transform: scaleX(0);
    transform-origin: center
}

.zidh ul li.on a:before,
.zidh ul li:hover a:before {
    transform: scaleX(1)
}

.position {
    left: 0;
    bottom: 0;
    font-size: .875rem;
    color: #929292;
    display: flex;
    align-items: center
}

.position span,
.position a,
.position i {
    font-size: .875rem;
    line-height: 1.875rem;
    color: rgba(0, 0, 0, .6);
    flex-shrink: 0;
    -moz-transition: all .36s ease-in-out;
    -webkit-transition: all .36s ease-in-out;
    -o-transition: all .36s ease-in-out;
    -ms-transition: all .36s ease-in-out;
    transition: all .36s ease-in-out
}

.position i {
    font-style: normal;
    margin: 0 .5rem
}

.position em {
    color: #6f75d6;
    font-style: normal;
}

.position a:hover {
    color: #6f75d6;
}

.position span {
    color: #6f75d6;
}


.page {
    display: flex;
    align-items: flex-start;;
    margin-top: 3rem;
}

.page .box {
    display: flex;
    flex-wrap: wrap;
}

.page a {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .5s;
    font-size: .875rem;
    color: #3a3a3a;
    border-radius: .375rem;
    margin-right: .625rem;
    border: 1px solid #c6cfda;
    flex-shrink: 0;
    min-width: 2.8125rem;
    height: 2.81255rem;
}

.page a span {
    padding: 0 1rem;
    white-space: nowrap
}

.page a.on {
    border: 1px solid #6f75d6;
    background: #6f75d6;
    color: #fff
}


.page.centers {
    justify-content: center;
}

.page .jump {
    color: #313131;
    font-size: 1rem;
    line-height: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-shrink: 0;
}

.page .jump input {
    border: 1px solid #c6cfda;
    max-width: 4.4375rem;
    height: 2.81255rem;
    border-radius: .375rem;
    padding: 0 1rem;
    font-size: 1rem;
}

.modal-con .modal-left h5 , 
.ly-con .ly-left h5 {
    color: #222252;
    font-size: 2.5rem;
    line-height: 1.25;
    font-weight: bold;
    margin-bottom: .875rem;
    text-align: left;
    padding-left: 4rem;
}

.modal-con .modal-left p ,
.ly-con .ly-left p {
    color: #616170;
    font-size: 1.0625rem;
    line-height: 1.75rem;
    margin-bottom: 2.5rem;
    text-align: left;
    padding-left: 4rem;

}

.modal-con form ,
.ly-con form {

    width: 100%;
}

.modal-con form ul ,
.ly-con form ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.25rem;
}

.modal-con form ul li p ,
.ly-con form  ul li p {
    color: #4a4a5c;
    font-size: 1.0625rem;
    line-height: 1.875rem;
    margin-bottom: .5rem;
    position: relative;
    display: inline-flex;
}

.modal-con form ul li p i ,
.ly-con form ul li p i {
    position: absolute;
    color: #ff0000;
    font-size: 1.0625rem;
    right: -.755rem;
}

.modal-con form ul li input ,
.ly-con form ul li input {
    border: 1px solid rgba(255, 255, 255, .6);
    border-radius: .625rem;
    width: 100%;
    line-height: 4.0625rem;
    padding: 0 1.5rem;
    background: rgba(255, 255, 255, .4);
    color: #7f7f7f;
    font-size: 1rem;
}

.modal-con form ul li:nth-child(3) ,
.ly-con form  ul li:nth-child(3) {
    grid-column-start: 1;
    grid-column-end: 3
}

.modal-con form ul li textarea ,
.ly-con form  ul li textarea  {
    min-height: 10.625rem;
    border: 1px solid rgba(255, 255, 255, .6);
    width: 100%;
    border-radius: 1rem;
    padding: 1rem 1.5rem;
    background: rgba(255, 255, 255, .4);
    color: #7f7f7f;
    font-size: 1rem;
    line-height: 1.875rem
}

.modal-con form ul li div {
    position: relative
}

.modal-con form ul li div .yzm {
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translate(0, -50%)
}

.modal-con form ul button ,
.ly-con form  ul button {
    display: flex;
    align-items: center;
    gap: .5rem;
    background: #6f75d6;
    border-radius: .625rem;
    color: #fff;
    width: 13.1875rem;
    line-height: 4.0625rem;
    justify-content: center;
    max-height: 4.0625rem;
    font-size: 1rem;
}

.modal-con form ul button .iconfont ,
.ly-con form  ul button .iconfont {
    font-size: 1.5rem;
    color: #fff
}


.modal {

    display: none;



    width: 100%;



    height: 100%;



    position: fixed;



    left: 0;



    top: 0;



    z-index: 10000;



    background-color: rgba(0, 0, 0, 0.7);


    align-items: center;

    justify-content: center;
}

#modal .fx ,
#modalimg .fx  {
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
}

.modal-content {
    -webkit-animation: zoom 0.6s;
    animation: zoom 0.6s;
    resize: both;
    overflow: auto;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

@-webkit-keyframes zoom {



    from {
        -webkit-transform: scale(0)
    }



    to {
        -webkit-transform: scale(1)
    }



}

@keyframes zoom {



    from {
        transform: scale(0)
    }



    to {
        transform: scale(1)
    }



}

.modal .close {

    position: absolute;
    right: 2%;
    top: 3%;
    cursor: pointer;
    width: 2rem;
    height: 2rem;
    display: flex;
    z-index: 99;

}

.close:hover svg path,
.close:focus svg path {

    fill: #6f75d6;

}

.modal-body {

    padding: 5.625rem 3.125rem 5.625rem 4rem;

    box-sizing: border-box;

    position: relative;

    max-width: 90rem;

    width: 100%;

    border-radius: 1.125rem;

    background: url(../images/bdbg.jpg)no-repeat;
    background-size: cover;

}

.modal .modal-body .modal-con ,
.ly-con {

    display: flex;
    align-items: flex-start;
    gap: 5rem;
    justify-content: space-between;
}

.modal .modal-body .modal-con .modal-left ,
.lycon .ly-left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    max-width: 24.5625rem;
    width: 100%;
    flex-shrink: 0;
}

.modal-con img {
    display: block;
}



@media (max-width: 768px) {
    .modal-body {
        padding: 2rem;
    }

    .modal-con form ul li input {
        padding: 0 1rem;
    }
}

@media (max-width: 480px) {
    .modal-con form ul {
        grid-template-columns: 1fr 1fr;
        gap: 1rem;
    }

    .modal-con form ul li:nth-child(7),
    .modal-con form ul li:nth-child(8) {
        grid-column-start: 1;
        grid-column-end: 3;
    }

    .modal-con form ul button {
        width: 100%;

    }

    .modal-con h5 {
        margin-bottom: 1.625rem;
        font-size: 1.75rem;
    }

}


/* 新闻 */



.n_new,
.n_newxq,
.n_zizhi ,
.n_falist , 
.n_faxq ,
.n_dan ,
.n_renew ,
.n_prozl ,
.n_biaog {
    position: relative;
    background: url(../images/n_bg1.jpg)no-repeat;
    background-size: cover;
    width: 100%;
}

.n_new .m,
.n_newxq .m {
    display: grid;
    grid-template-columns: 1fr 19.5625rem;
    gap: 1.875rem;
    align-items: flex-start;
}

.n_newleft {
    background: #fff;
    padding: 3.75rem 2.5rem 3.125rem;
    border-radius: .75rem;
    box-shadow: 0px 0px 32px 0px rgba(52, 113, 225, 0.10)
}

.n_new .n_newleft ul {
    display: grid;
    gap: 1.875rem;
}

.n_new .n_newleft ul li {
    padding-bottom: 1.875rem;
    border-bottom: 1px solid #eaedf0;
}

.n_new .n_newleft ul li a {
    display: flex;
    align-items: center;
    gap: 1.625rem;
}

.n_new .n_newleft ul li a .img {
    max-width: 15.9375rem;
    width: 100%;
    border-radius: .625rem;
}

.n_new .n_newleft ul li a .img_db:after {
    padding-top: 66.67%;
}

.n_newleft ul li .new_listcon h5 {
    color: #060606;
    font-size: 1.25rem;
    line-height: 1.6875rem;
    transition: all .5s;
}

.n_newleft ul li:hover h5 {
    color: #6f75d6;
}

.n_newleft ul li .new_listcon p {
    color: #616161;
    font-size: .9375rem;
    line-height: 1.625rem;
    margin: 1rem 0 .5rem;
}

.n_newleft ul li .new_listcon div {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #727272;
    font-size: .875rem;
    line-height: 1.625rem;
}

.n_newleft ul li .new_listcon div i {
    color: #7f7f7f;
    font-size: 1.25rem;
}

.n_newright {
    display: grid;
    gap: 1.25rem;
}

.n_newright .tj_new {
    background: #fff;
    padding: 1.875rem;
    box-shadow: 0px 0px 32px 0px rgba(52, 113, 225, 0.10);
    border-radius: .625rem;

}

.n_newright .tj_new a {
    display: flex;
    color: #666666;
    font-size: .9375rem;
    line-height: 1.5;
}



.n_newright .tj_al {
    background: #fff;
    padding: 1.875rem 1.75rem 1.875rem 1.5625rem;
    box-shadow: 0px 0px 32px 0px rgba(52, 113, 225, 0.10);
    border-radius: .625rem;
}

.n_newright .tj_new h5,
.n_newright .tj_al h5 {
    color: #060606;
    font-size: 1.5rem;
    line-height: 1.875rem;
    margin-bottom: 1.25rem;
}

.n_newright .tj_new ul {
    display: grid;
    gap: 1rem;
}

.n_newright .tj_new ul li a {
    padding-bottom: 1rem;
    border-bottom: 1px dashed #e6e8ed;
    position: relative;
}

.n_newright .tj_al ul {
    display: grid;
    gap: 1.25rem;
}

.n_newright .tj_al ul li a {
    display: block;
    border-radius: .625rem;
    overflow: hidden;
}
.n_newright .tj_new a p {
    padding-left: 1.25rem;
    position: relative;
    transition: all .5s;
}

.n_newright .tj_new a p::before {
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    background: #d7dae2;
    border-radius: 50%;
    left: 5px;
    top: 50%;
    transform: translate(0,-50%);
}

.n_newright .tj_new a:hover p {
    color: #6f75d6;
}


.n_newright .tj_al .img_db:after {
    padding-top: 65.39%;
}

.n_newright .tj_al ul li a P {
    color: #222252;
    height: 3.375rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    background: #eaecee;
    font-size: 1.125rem;
    transition: all .5s;
}

.n_newright .tj_al ul li a:hover p {
    color: #6f75d6;
}

.cloud {
    width: 100%;
    position: relative;
    background: url(../images/cloudbg.jpg)center no-repeat;
    background-size: cover;
    padding: 2.5rem 0 1.25rem;
}


.cloud .m {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cloud h5 {
    font-weight: bold;
    color: #212121;
    font-size: 2.25rem;
    line-height: 3.625rem;
}

.cloud p {
    color: #63646b;
    font-size: 1rem;
    line-height: 1.875rem;
}

.cloud a , .n_banner a {
    width: 11.875rem;
    height: 3.4375rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #6f75d6;
    border-radius: .625rem;
    color: #fff;
    font-size: 1.125rem;
    margin-top: 2.5rem;
}

/* 新闻详情 */
.ar_title {
    padding-bottom: 2rem;
    border-bottom: 1px solid #eaedf0;
    margin-bottom: 1.5rem;
}

.ar_title h4 {
    color: #060606;
    font-size: 2rem;
    line-height: 1.25;
    margin-bottom: 1.25rem;
}

.ar_title div {
    display: flex;
    align-items: center;
    gap: 1.6875rem;
}

.ar_title div p {
    color: #727272;
    font-size: .9375rem;
    line-height: 1.625rem;
}

.n_newleft .ar_article p {
    color: #616161;
    font-size: 1rem;
    line-height: 1.875rem;
}

.ar_fot {
    padding-top: 2.5rem;
    margin-top: 1.5rem;
    border-top: 1px solid #eaedf0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ar_fot .back {
    width: 9.375rem;
    height: 2.8125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: #6f75d6;
    border-radius: .625rem;
    font-size: 1rem;
    line-height: 1.875rem;
}

.ar_fot .sx {
    display: flex;
    align-items: center;
    color: #313131;
    font-size: 1rem;
    line-height: 1.875rem;
}

.ar_fot .sx i {
    font-size: 1.875rem;
    color: #6f75d6;
}

/* 企业资质 */

.n_head {
    color: #222252;
    font-size: 2.5rem;
    line-height: 1.5;
    font-weight: bold;
    text-align: center;
    margin-bottom: 2rem;
}

.n_zizhi .ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.125rem 1.625rem;
}

.n_zizhi .ul .li a {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
    background: rgba(255, 255, 255, .6);
    border-radius: .875rem;
    border: 1px solid #ebebf5;
    padding: 3.75rem 3.75rem 2.25rem;
    transition: all .5s;
    height: 100%;
}

.n_zizhi .ul .li a:hover {
    border: 1px solid #6f75d6;
}

.n_zizhi .ul .li a p {
    color: #414141;
    text-align: center;
    font-size: 1.0625rem;
    line-height: 1.875rem;
}

.n_zizhi .ul .li a .img {
    height: 14.125rem;
}

.n_zizhi .ul .li a .img img {
    object-fit: contain;
}

/* 售后服务 */

.n_fuwu .n_top {
    position: relative;
    background: url(../images/fwtopbg.jpg)no-repeat;
    background-size: cover;
}

.n_fuwu .n_bot {
    position: relative;
    background: url(../images/fwbotbg.jpg)no-repeat;
    background-size: cover;
}

#fw .swiper-slide {
    background: url(../images/fucnbg.jpg)no-repeat;
    background-size: cover;
    border-radius: .875rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    height: 18.75rem;
    gap: 2.5rem;
    padding: 2.25rem 3.125rem;
}

#fw .swiper-slide img {
    margin-top: -6rem;
    width: 10rem;
}

#fw .swiper-slide p {
    text-align: center;
    color: #5e5c83;
    font-size: 1.125rem;
    line-height: 2.125rem;
}

.n_fuwu .fwyz .m {
    display: flex;
    align-items: center;
    gap: 6.25rem;
}

.n_fuwu .fwyz .yzimg {
    max-width: 34.375rem;
    width: 100%;
    height: 34.375rem;
    padding: 2.625rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.n_fuwu .fwyz .yzimg::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../images/imgdian.png)no-repeat;
    background-size: 100% 100%;
    animation: spins 15s linear infinite;
}


@keyframes spins {
    from {

        transform: rotateZ(0deg);

    }

    to {

        transform: rotateZ(360deg);
    }
}


.n_fuwu .fwyz .yzimg img {
    border-radius: 50%;
}

.n_fuwu .fwyz .yzcon h4,
.fwwx .wxcon h4 {
    text-align: left;
}

.n_fuwu .fwyz .yzcon p,
.fwwx .wxcon p {
    color: #6c6a83;
    font-size: 1.0625rem;
    line-height: 2rem;
}

.n_fuwu .fwyz .yzcon ul ,
.n_falist .m>ul  li .falistcon ul{
    display: flex;
    align-items: center;
    /* gap: 4.375rem; */
    justify-content: space-between;
    margin-top: 2.5rem;
}

.n_fuwu .fwyz .yzcon ul li ,
.n_falist .m>ul  li .falistcon ul li {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    color: #616161;
    font-size: 1rem;
    line-height: 1.875rem;
}

.n_fuwu .fwyz .yzcon ul li div,
.n_fuwu .fwyz .yzcon ul li img ,
.n_falist .m>ul  li .falistcon ul li div ,
.n_falist .m>ul  li .falistcon ul li img {
    position: relative;
    /* width: 2rem;  */
}

.n_fuwu .fwyz .yzcon ul li:hover img ,
.n_falist .m>ul  li .falistcon ul li:hover img {
    animation: jello 1.2s;
}

.n_fuwu .fwyz .yzcon ul li div::before ,
.n_falist .m>ul  li .falistcon ul li div::before {
    content: '';
    position: absolute;
    border-radius: 50%;
    width: 1.5625rem;
    height: 1.5625rem;
    background: #d6d6f6;
    bottom: -.25rem;
    right: -.5rem;
}

.fs_slide_nav {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: .625rem;
    margin: 2.5rem 0 1.875rem;
}

.fs_slide_nav li {
    display: flex;
    align-items: center;
    gap: .5rem;
    justify-content: center;
    position: relative;
    background: url(../images/slidebg.png)no-repeat;
    background-size: cover;
    color: #3a3856;
    font-size: 1.25rem;
    line-height: 2rem;
    height: 6.25rem;
    transition: all .5s;
    border-radius: .625rem;
    overflow: hidden;
    z-index: 0;
}

.fs_slide_nav li::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url(../images/slidehoverbg.png)no-repeat;
    background-size: cover;
    opacity: 0;
    transition: all .5s;
    z-index: -1;
}

.fs_slide_nav li.on {
    color: #fff;
}

.fs_slide_nav li.on::before {
    opacity: 1;
}

.fs_slide_nav li .fsimg {
    position: relative;
    width: 2rem;
    height: 2rem;
}

.fs_slide_nav li .fsimg img {
    position: absolute;
    transition: all .5s;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.fs_slide_nav li .fsimg .bai,
.fs_slide_nav li.on .fsimg .zi {
    opacity: 0;
}

.fs_slide_nav li .fsimg .zi,
.fs_slide_nav li.on .fsimg .bai {
    opacity: 1;
}


.fs_slide_for .li {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-radius: .75rem;
    overflow: hidden;
    box-shadow: 6px 0px 8px 0px rgba(208, 225, 254, 0.65)
}


.fs_slide_for .fscon {
    padding: 4.5rem 4rem;
    background: url(../images/slideforbg.jpg)no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
}

.fs_slide_for img {
    height: 100%;
    object-fit: cover;
}

.fs_slide_for .fscon p {
    color: #5b6377;
    font-size: 1.0625rem;
    line-height: 2rem;
}


.fwwx .m {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8.125rem;
}

.fwwx .wximg {
    max-width: 36.3125rem;
    width: 100%;
    flex-shrink: 0;
    position: relative;
    z-index: 0;
}

.fwwx .wximg img {
    display: block;
    margin: auto;
}

.fwwx .wximg::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 33.125rem;
    background: url(../images/wximg.png)no-repeat;
    background-size: cover;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    margin-top: 1.5rem;
}





.wyc {
    overflow: hidden;

    display: flex;

    justify-content: space-between;
}


.wycs {
    overflow: hidden;

    flex-grow: 1;

    position: relative;

    border-radius: .875rem;
}

.wycs .wyc_tit {
    position: absolute;

    padding: 3rem 3.125rem;

    color: #030303;

    line-height: 2.25rem;

    font-size: 1.625rem;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    z-index: 2;
}


.wycs .wyc_tit p {
    color: #fff;

    line-height: 1.875rem;
    transition: all 0.5s;
    opacity: 0;
    visibility: hidden;
    font-size: 0;
}


.wycs {
    transition: 0.7s;

    width: 15.9375rem;

    height: 100%;

    box-shadow: 6px 0px 8px 0px rgba(208, 225, 254, 0.65);
}
.wycs.on {
    box-shadow: none;
}

.wycs+.wycs {
    margin-left: 15px;
}

.wycs .wl img {
    display: block;

    border-radius: .875rem;
}

.wycs>.wl {
    height: 31.25rem;

    background-position: center center !important;

    background-size: cover !important;

    position: relative;
}

.wycs>.wl::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 0;
    transition: all .5s;
}



.wycs .wyc_tit h4 {
    color: #030303;
    font-size: 1.625rem;
    line-height: 2.25rem;
    margin-top: 1.125rem;
    font-weight: bold;
}



.wyc_tit .more {
    display: block;
    width: 2.1875rem;
    height: 2.1875rem;
    border-radius: 50%;
    transition: all .5s;
}

.wyc .on .wyc_tit p {
    opacity: 1;
    visibility: visible;
    font-size: 1.0625rem;
}

.wycs.on>.wl::before {
    opacity: 0;
}

.wycs.on .wyc_tit h4 {
    color: #fff;
    margin: 2rem 0 1rem;
}

.wycs.on .wyc_tit p {
    position: relative;
    opacity: 1;
    visibility: visible;
    font-size: 1.125rem;
}

.wycs.on .wyc_tit div {
    transition: .5s ease-in-out;
    max-width: 41.25rem;
}



.wycs.on .wyc_tit .more {
    opacity: 0;
}



.pxbox li {
    display: flex;
    gap: .625rem;
    border-radius: 1.125rem;
    overflow: hidden;
}

.pxbox li .pxbg {
    background: url(../images/pxbg.png)no-repeat;
    background-size: cover;
    max-width: 14.375rem;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 2.75rem 2.5rem;
    align-items: flex-start;
    flex-shrink: 0;
}

.pxbox li h5 {
    color: #030303;
    font-size: 1.5rem;
    line-height: 2.25rem;
    margin-bottom: .5rem;
}

.pxbox li .pxbg p {
    text-transform: uppercase;
    font-weight: lighter;
    font-family: Poppins;
    font-size: 1rem;
    line-height: 1.25rem;
    color: #93969c;
}

.pxbox li .pximg {
    position: relative;
    width: 100%;
}
.pxbox li .pximg p {
    position: absolute;
    width: calc( 100% - 128px );
    height: 100%;
    color: #fff;
    font-size: 1.0625rem;
    line-height: 2.25rem;
    left: 50%;
    top: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translate(-50%,-50%);
}
.pxbox li .pximg .img_db:after {
    padding-top: 78.5%;
}


/* 联系我们 */

.n_contact {
    background: url(../images/n_contactbg.jpg)no-repeat;
    background-size: cover;
    position: relative;
    width: 100%;
}


.n_dz{
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #d7dae2;
}

.n_dz ul {
    max-width: 36.25rem;
    width: 100%;
    display: grid;
    gap: .875rem;
    margin-top: 5rem;
}


.n_dz ul  li {
    display: flex;
    align-items: center;
    gap: 1rem;
    position: relative;
}
.n_dz ul  li a {
    color: #222222;
    font-size: 1.25rem;
    line-height: 1.75rem;
}
.add1 {
    width: 3.125rem;
    height: 3.4375rem;
    border-radius: 50%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.add1 i {
    color: #333333;
    font-size: 1.25rem;
}
.add1::before {
    content: "";
    position: absolute;
    background: url(../images/dbx.png)no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
}

.ly-con form {
    max-width: 52.8125rem;
}

.ly-con .ly-left p ,
.ly-con .ly-left h5 {

    padding-left: 0;
}


.ly-con form ul input::placeholder,
.ly-con form ul textarea::placeholder {
    color: #7f7f7f;
}



/* 解决方案列表 */

.n_falist .m>ul {
    display: grid;
    gap: 3.75rem;
}

.n_falist .m>ul>li {
    padding-bottom: 3.75rem;
    border-bottom: 1px solid #d7dae1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6.75rem;
}
.n_falist .m>ul li .falistcon h5 {
    color: #060606;
    font-size: 1.75rem;
    line-height: 1.875rem;
    font-weight: bold;
    margin-bottom: 1.25rem;
}
.n_falist .m>ul  li .falistcon p {
    color: #616161;
    font-size: 1rem;
    line-height: 1.875rem;
}



.n_falist .m>ul li .img {
    max-width: 42.8125rem;
    width: 100%;
    border-radius: .875rem;
}

.n_falist .m>ul li  a {
    width: 12.5rem;
    height: 3.0625rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #6f75d6;
    color: #fff;
    border-radius: .375rem;
    font-size: .9375rem;
    line-height: 2.25rem;
    gap: 10px;
    margin-top: 2rem;
}

.n_falist .m>ul li  a i {
    color: #fff;
    font-size: 1.25rem;
}
.n_falist .m>ul li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}
.n_falist .m>ul li:nth-child(even) {
    flex-direction: row-reverse;
}

/* 解决方案 */
.n_jjfa .m {
    max-width: 1760px;
}
.n_jjfa {
    background: url(../images/n_jjfabg.jpg)no-repeat;
    background-size: cover;
    width: 100%;
    position: relative;
}

.n_jjfa ul {
    display: grid;
    grid-template-columns: repeat(5,1fr);
    gap: 13px;
}


.n_jjfa ul li a {
    padding: 4rem 2.25rem;
    border-radius: .75rem;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 3.75rem;
    align-items: center;
    height: 100%;
}
.n_jjfa ul li:first-child a {
    background: url(../images/bybg1.jpg)no-repeat;
    background-size: cover;
}
.n_jjfa ul li:nth-child(2) a {
    background: url(../images/bybg2.jpg)no-repeat;
    background-size: cover;
}
.n_jjfa ul li:nth-child(3) a {
    background: url(../images/bybg3.jpg)no-repeat;
    background-size: cover;
}
.n_jjfa ul li:nth-child(4) a {
    background: url(../images/bybg4.jpg)no-repeat;
    background-size: cover;
}

.n_jjfa ul li:nth-child(5) a {
    background: url(../images/bybg5.jpg)no-repeat;
    background-size: cover;
}

.n_jjfa ul li a h5 {
    color: #fff;
    font-weight: bold;
    font-size: 1.625rem;
}
.n_jjfa ul li a p {
    color: #fff;
    font-size: .875rem;
    line-height: 1.625rem;
    margin: 1.5rem 0 2.25rem;
    height: 8.0625rem;
}


.n_jjfa ul li a .quanlj {
    width: 2.8125rem;
    height: 2.8125rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid rgb(255 255 255 / 70%);
    background: transparent;
    transition: all .5s;
}


.n_jjfa ul li a .quanlj i {
    color: #fff;
    font-size: 1.25rem;
}

.n_jjfa ul li:hover .quanlj {
    background: #6f75d6;
    border: 2px solid #6f75d6;
}

.n_bgal {
    padding: 6.25rem 0;
    background: url(../images/n_biaoganbg.jpg)no-repeat;
    background-size: cover;
    width: 100%;
    position: relative;
}

.n_bgal .bgalbox {
    position: relative;
    padding-bottom: 5.25rem;
}


.n_bgal .bgalbox .swiper-button-white {
    border: 2px solid #b1bacc;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 0;
    top: auto;
    width: 3.4375rem;
    height: 3.4375rem;
    transition: all .5s;
}
.n_bgal .bgalbox .swiper-button-white:hover .iconfont {
    color: #fff;
}
.n_bgal .bgalbox .swiper-button-white div ,
.tjbox .swiper-button-white div {
    color: #6f7176;
    font-size: 2.25rem;
}
.n_bgal .bgalbox .swiper-button-white:hover ,
.tjbox .swiper-button-white:hover {
    background: #6f75d6;
    border: 2px solid #6f75d6;
}
.n_bgal .bgalbox  .bgprev {
    right: auto;
    left: 45%;
}
.n_bgal .bgalbox  .bgnext {
    right: 45%;
    left: auto;
}

#biaogan .swiper-slide {
    max-width: 23.4375rem;
    width: 100%;
    position: relative;
    overflow: hidden;
    border-radius: .75rem;
}

#biaogan .swiper-slide .img_db:after {
    padding-top: 66.68%;
}

#biaogan .swiper-slide .bgcon {
    background: #fff;
    padding: 2.5rem 2rem 2rem;
}

#biaogan .swiper-slide .bgcon p {
    font-size: .875rem;
    line-height: 1.75rem;
    color: #333333;
    margin: 1.25rem 0 1.125rem;
}
#biaogan .swiper-slide .bgcon>i ,
 .alcon>i {
    position: relative;
    color: #222252;
    font-size: 1.125rem;
    text-align: right;
}


/* 解决方案详情 */

.n_faxq {
    margin-top: -5.4375rem;
}

.n_faxq  .m {
    display: flex;
    gap: 2.1875rem;
    align-items: flex-start;
}

.n_faxq  .faxqleft {
    max-width: 18.75rem;
    width: 100%;
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: 0px 0px 32px 0px rgba(52, 113, 225, 0.1);
    position: sticky;
    top: 7rem;
}

.n_faxq  .faxqleft .fahead {
    width: 100%;
    height: 5.0625rem;
    background: #6f75d6;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0 1.5625rem;
}

.n_faxq  .faxqleft .fahead p {
    color: #fff;
    font-weight: bold;
    font-size: 1.5rem;
    line-height: 1.875rem;
    padding-left: 1rem;
    position: relative;
}

.n_faxq  .faxqleft .fahead p::before {
    content: '';
    position: absolute;
    width: 3px;
    height: 1.4375rem;
    background: #fff;
    left: 0;
    top: 50%;
    transform: translate(0,-50%);
}

.n_faxq .faxqleft ul {
    background: #fff;
    padding: 1.625rem 1.5625rem 2.5rem;
}
.n_faxq .faxqleft ul li>a {
    line-height: 3.25rem;
    padding-left: .9375rem;
    display: flex;
    position: relative;
    justify-content: space-between;
    border-bottom: 1px solid #e7e9e9
}

.n_faxq .faxqleft ul li>a p {
    line-height: 3.25rem;
    color: #212121;
    font-size: 1.125rem
}

.n_faxq .faxqleft ul li>a .iconfont {
    color: #6f6f6f;
}


.n_faxq .faxqleft ul li:last-child {
    border-bottom: 0
}

.n_faxq .faxqleft .sub {
    display: none;
    position: relative;
    width: 100%;
    z-index: 9;
    left: 0;
    margin-left: 0;
    background: 0;
    border: 0;
    clear: both;
    padding: 1.25rem 1rem 0;
}
.n_faxq .faxqleft .sub a {
    color: #717171;
    font-size: 1rem;
    line-height: 1.75;
    margin-bottom: .75rem;
    display: block;
    transition: all .5s;
}

.n_faxq .faxqleft .sub dt.on a ,
.n_faxq .faxqleft .sub dt:hover a {
    color: #6f75d6;
}


.n_faxq .faxqleft .title a .iconfont {
    color: #797979;
    font-size: 2.25rem;
    transition: all .5s
}

.n_faxq .faxqleft ul li.on .iconfont {
    transform: rotate(180deg);
    color: #7b81d9;
}

.n_faxq .faxqright {
    background: #fff;
    box-shadow: 0px 0px 32px 0px rgba(52, 113, 225, 0.1);
    border-radius: 1.5rem;
    overflow: hidden;
    padding: 4.5rem 3.125rem;
    width: 100%;
}

.n_faxq .faxqright>h4 {
    color: #323334;
    font-weight: bold;
    font-size: 2.25rem;
    line-height: 1.5;
    padding-bottom: 1.875rem;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 2rem;
}


.tjbox {
    position: relative;
}
#tjal .alcon {
    border: 1px solid #d9dde4;
    border-top: none;
}
.alcon  {
    padding: 2.25rem 1.785rem;
    border-radius: 0 0 .75rem .75rem;
}
#tjal .swiper-slide a {
    display: block;
    border-radius: .75rem .75rem 0 0;
    overflow: hidden;
}

#tjal .swiper-slide .img_db:after {
    padding-top: 69.17%;
}

.tjbox .swiper-button-white {
    border: 2px solid #c0c1c5;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.4375rem;
    height: 3.4375rem;
    transition: all .5s;
}
.tjbox .swiper-button-white:hover .iconfont {
    color: #fff;
}
.tjbox  .prevtj {
    right: auto;
    left: -5rem;
}
.tjbox  .nexttj {
    right: -5rem;
    left: auto;
}

.n_jjfa .n_head ,
.n_comjj .n_head ,
.n_tuijian .n_head ,
.n_licheng .n_head {
    font-size: 2.25rem;
}


/* 公司简介 */

.n_comjj {
    background: url(../images/comjjbg.jpg)no-repeat;
    background-size: cover;
    width: 100%;
    position: relative;
}

.n_comjj .company {
    display: flex;
    align-items: flex-end;
    gap: 7.5rem;
}

.n_comjj .company  ul {
    max-width: 26.25rem;
    width: 100%;
    display: grid;
    gap: 4.5rem 3.125rem;
    grid-template-columns: 1fr 1fr;
    flex-shrink: 0;
}
.n_comjj .company  ul li {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.n_comjj .company  ul li div {
    display: flex;
    align-items: center;
}
.n_comjj .company  ul li .counter ,
.n_comjj .company  ul li em{
    color: #6f75d6;
    font-family: Arial;
    font-weight: bold;
    font-size: 2.5rem;
}
.n_comjj .company  ul li p {
    color: #505f78;
    font-size: .9375rem;
    line-height: 1.5rem;
    margin: .5rem 0 1.5rem;
}
.n_comjj .company  ul li i {
    color: #5d6c84;
    font-size: 2.5rem;
}
.n_comjj .company .ar_article h4 {
    color: #060606;
    font-size: 2.25rem;
    line-height: 1.5;
}
.n_comjj .company .ar_article p {
    color: #313131;
    font-size: 1rem;
    line-height: 1.875rem;
}

.n_licheng {
    background: url(../images/n_lichengbg.jpg)no-repeat;
    background-size: cover;
    width: 100%;
    position: relative;
    height: 40.3125rem;
}

.n_licheng .lcbox {
    position: relative;
    margin: 0 4rem;
}

.n_licheng #n_lic {
    padding: 5rem 0 ;
}
.n_licheng .lcbox .txt .year ,
.licheng_slide_wap ul li .txt .year {
    font-family: BarlowCondensed-Medium;
    font-size: 2rem;
    line-height: 2.75rem;
    color: #6f75d6;
}

.n_licheng .lcbox .txt .con ,
.licheng_slide_wap ul li .txt .con {
    color: #414141;
    font-size: 1rem;
    line-height: 1.75rem;
}

.n_licheng .lcbox .swiper-button-white {
    border: 2px solid #777cb5;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.125rem;
    height: 3.125rem;
    border-radius: 50%;
    bottom: -7rem;
    top: auto;
    transition: all .5s;
}
.n_licheng .lcbox .swiper-button-white:hover {
    background: #777cb5;
}
.n_licheng .lcbox .swiper-button-white:hover .iconfont {
    color: #fff;
}
.n_licheng .lcbox .lcprev {
    right: auto;
    left: 45%;
}
.n_licheng .lcbox .lcnext {
    right: 45%;
    left: auto;
}
.n_licheng .lcbox .swiper-button-white .iconfont {
    color: #6f75d6;
    font-size: 1.5rem;
}
.n_licheng .lcbox .lcprev {
    transform: rotate(180deg)
}

.n_licheng #n_lic .swiper-slide {
    transition: all .8s ease-in-out;
}
.n_licheng #n_lic .swiper-slide-prev{
    bottom: 5rem;
}
.n_licheng #n_lic .swiper-slide-active{
    bottom: 5rem;
}
.n_licheng #n_lic .swiper-slide-active+div{
    bottom: -3rem;
}
.n_licheng #n_lic .swiper-slide-active+div+div{
    bottom: -1rem;
}
.n_licheng #n_lic .swiper-slide-active+div+div+div{
    bottom: 3rem;
}
.n_licheng #n_lic .swiper-slide-active+div+div+div+div{
    bottom: 3rem;
}
.n_licheng  #n_lic .txt {
    padding-left: 1.5rem;
    position: relative;
}


.n_licheng  #n_lic .txt:before ,
.licheng_slide_wap ul li .txt:before {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    position: absolute;
    z-index: 99;
    left: 0;
    top: 1rem;
    background: url(../images/zidian.png)no-repeat;
    background-size: cover;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    box-sizing: border-box;
}
.n_licheng #n_lic .swiper-slide-active .txt::after {
    height: 125px;
}
.n_licheng #n_lic .swiper-slide-active+div .txt::after {
    height: 136px;
}
.n_licheng #n_lic .swiper-slide-active+div+div .txt::after {
    height: 171px;
}
.n_licheng #n_lic .swiper-slide-active+div+div+div .txt::after {
    height: 177px;
}


.n_licheng  #n_lic .txt:after ,
.licheng_slide_wap ul li .txt:after {
    content: "";
    display: block;
    width: 1px;
    height: 99%;
    position: absolute;
    left: 0;
    top: 1rem;
    background: #babcdc;
    left: 7px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transition: all .8s;
}

.licheng_slide_wap {
    display: none;
}

.licheng_slide_wap ul li {
    position: relative;
    transition: .7s;
    -webkit-transition: .7s;
    -moz-transition: .7s;
    -ms-transition: .7s;
    -o-transition: .7s;
}

.licheng_slide_wap ul li .txt {
    padding-left: 2.75rem;
    position: relative;
    padding-top: .5rem;
}

.licheng_slide_wap ul li .txt .con {
    padding-bottom: 2rem;
    padding-top: .5rem;
}


/* 更新日志 */


.n_renew .m {
    display: grid;
    grid-template-columns: 1fr 21rem;
    gap: 3.4375rem;
    align-items: flex-start;
}

.n_renew  .releft ul {
    display: grid;
    gap: 1.875rem;
}

.n_renew  .releft ul li {
    padding-bottom: 1.875rem;
    border-bottom: 1px dashed #d6d7df;
}

.n_renew  .releft ul li a {
    display: flex;
    align-items: center;
    gap: 3.5rem;
}

.releft ul li a .retime {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #222252;
    font-family: Poppins;
    flex-shrink: 0;
}

.releft ul li a .retime h5 {
    font-size: 2.125rem;
    line-height: 2.25rem;
    font-weight: bold;
}

.releft ul li a .retime  p {
    font-size: .875rem;
    line-height: 2.25rem;
}

.releft ul li a .recon {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 1rem;
    gap: 3.75rem;
    position: relative;
    width: 100%;
}

.releft ul li a .recon::before {
    content: '';
    position: absolute;
    width: 1px;
    height: 5.3125rem;
    background: #d6d7df;
    left: -1.875rem;
    top: 50%;
    transform: translate(0,-50%);
}


.releft ul li a .rezi h5 {
    color: #313131;
    font-size: 1.25rem;
    line-height: 2.25rem;
}

.releft ul li a .rezi p {
    color: #616161;
    font-size: .9375rem;
    line-height: 2.25rem;
}

.releft ul li a .rejian {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    border: 1px solid #c8cacd;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .5s;
    flex-shrink: 0;
}

.releft ul li a .rejian i {
    color: #a2a5aa;
    font-size: 1.125rem;
}

.releft ul li a:hover .rejian {
    background: #6f75d6;
    border: 1px solid #6f75d6;
}
.releft ul li a:hover  i {
    color: #fff;
}

.n_renew .reright {
    position: sticky;
    top: 8rem;
}

.gz_tt {
    display: flex;
    align-items: flex-start;
    padding: 0 0.5rem 1.5rem 0;
    margin-bottom: 0.5rem;
    gap: 1rem;
}

.gz_tt img {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    flex-shrink: 0;
}

.gz_tt h5 {
    font-size: 1.875rem;
    color: #313131;
    font-weight: 300;
    margin-bottom: 6px;
}

.gz_tt span {
    font-size: 1.125rem;
    color: #d2d1d3;
    line-height: 1.25rem;
    font-family: BARLOW-BOLD;
    text-transform: uppercase;
}

.ewmlist {
    display: grid;
    gap: .625rem;
}

.gzbox {
    display: flex;
    align-items: center;
    background: url(../images/ewmlistbg.jpg)no-repeat;
    background-size: cover;
    margin-bottom: 0.625rem;
    padding: 1.1875rem 0 1.1875rem 1.5625rem;
    border-radius: .625rem;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    gap: .9375rem;
    height: 8.4375rem;
}

.gzbox .icoo {
    width: 2.0625rem;
    height: 2.0625rem;
    border-radius: 50%;
    overflow: hidden;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.gzbox p {
    font-size: .9375rem;
    color: #373750;
    line-height: 1.5rem;
}
.gzbox .icoo i {
    color: #6f75d6;
    font-size: 1.25rem;
}

/* 产品资料 */

.n_zltp {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 3rem;
}
.n_zltp h4 {
    margin-bottom: 0;
}
.n_zltp ul {
    display: flex;
    align-items: center;
    gap: .9375rem;
}

.n_zltp ul li a {
    border: 1px solid #6f75d6;
    width: 8.75rem;
    height: 3.125rem;
    border-radius: .625rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6f75d6;
    font-size: 1.0625rem;
    line-height: 2.25rem;
    transition: all .5s;
}

.n_zltp ul li.on a ,
.n_zltp ul li:hover a {
    color: #fff;
    background: #6f75d6;
}

.n_prozl .m>ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.1875rem 1.25rem;
}


.n_prozl .m>ul li a {
    border-radius: .625rem;
    border: 1px solid #e4ecfc;
    padding: 2.75rem 3rem;
    display: block;
    background: rgb(255 255 255 / 70%);
}

.n_prozl .m>ul li a  h5 {
    color: #48484b;
    font-weight: bold;
    font-size: 1.375rem;
    line-height: 2.0625rem;
}

.n_prozl .m>ul li a .file {
    display: flex;
    align-items: center;
    gap: 2rem;
    margin: 1rem 0 1.5rem;
}

.file div {
    display: flex;
    align-items: center;
    gap: 3px;
    color: #414141;
    font-size: .875rem;
    line-height: 1.875rem;
}

.file div i {
    color: #727479;
    font-size: 1.125rem;
}

.n_prozl .m>ul li a .download {
    transition: all .5s;
    width: 2.5rem;
    height: 2.5rem;
    border: 1px solid #d1d2d5;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.n_prozl .m>ul li a .download i {
    color: #a1a5af;
    font-size: 1.25rem;
}

.n_prozl .m>ul li a:hover .download {
    background: #6f75d6;
    border: 1px solid #6f75d6;
}

.n_prozl .m>ul li a:hover .download i {
    color: #fff;
}

.n_prozl .page ,
.n_biaog .page ,
.n_zizhi .page {
    justify-content: center;
}

/* 404 */

.n_404 {
    height: 100vh;
    position: relative;
}
.n_404 .m {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.n_404 h5 {
    color: #272831;
    font-size: 2.25rem;
    line-height: 1.5;
}
.n_404 p {
    color: #272831;
    font-size: 1.125rem;
    line-height: 2.25rem;
    margin: .25rem 0 1.5rem;
}
.n_404 a  {
    width: 13.4375rem;
    height: 3.125rem;
    background: #6f75d6;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: .375rem;
    gap: 5px;
    
}


#particles-js {
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/404bg.jpg)no-repeat;
    background-size: cover;
}

/* 案例详情 */

.n_alxqtop {
    padding: 5.625rem 0;
    background: url(../images/altopbg.jpg)no-repeat;
    background-size: cover;
}

.n_alxqtop  .bgxq {
    display: flex;
    border-radius: 1rem;
    overflow: hidden;
    background: rgb(255 255 255 / 70%);
    box-shadow: 0px 0px 32px 0px rgba(52, 113, 225, 0.1);
}

.n_alxqtop  .bgxq .img {
    max-width: 60rem;
	width: 100%;
}

.n_alxqtop  .bgxq .img_db:after {
    padding-top: 67.5%;
}

.n_alxqtop  .bgxq .bgxqcon {
    padding: 4.8rem 8rem 4rem 6rem;
}
.n_alxqtop  .bgxq .bgxqcon .bgname {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}
.n_alxqtop  .bgxq .bgxqcon  .logoimg {
    padding-right: 1.5rem;
    position: relative;
}
.n_alxqtop  .bgxq .bgxqcon  .logoimg::before {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0,-50%);
    width: 1px;
    height: 3.25rem;
    background: #e6e8ed;
}

.n_alxqtop  .bgxq .bgxqcon .bgname h5 {
    color: #212121;
    font-size: 3rem;
    line-height: 1.25;
    font-weight: bold;
}

.n_alxqtop  .bgxq .bgxqcon>p {
    color: #89898c;
    font-size: 1.5rem;
    line-height: 2.8rem;
    margin: 2.8rem 0 2rem;
}


.n_alxqtop  .bgxq .bgxqcon .dz li {
    color: #7b7b7c;
    font-size: 1.4rem;
    line-height: 2.8rem;
    border-radius: 2.8rem;
    background: #eff0f3;
    padding: 0 1.4rem;
}
.n_alxqtop  .sjsj {
    display: flex;
    align-items: center;
    gap: 5rem;
    border-top: 1px solid #e6e8ed;
}
.n_alxqtop  .sjsj li .counter {
    color: #005BAC;
}

.n_alxqtop  .sjsj li em {
    color: #434381;
}

.n_alxqbot .m {
    display: grid;
    gap: 5rem;
    grid-template-columns: 1fr 32rem;
    align-items: flex-start;
}



/* .alxqbotyou {
    position: sticky;
    top: 8rem;
} */

.alxqbotyou h4 {
    color: #212121;
    font-size: 2.6rem;
    line-height: 3.2rem;
    margin-bottom: 2rem;
}
.alxqbotyou ul {
    display: grid;
    gap: 2rem;
}
.alxqbotyou  a ,
.n_biaog ul li a{
    display: block;
    border-radius: .625rem;
    overflow: hidden;
}
.alxqbotyou .img_db:after {
    padding-top: 69.07%;
}

.alxqbotyou .botycon {
    padding: 2.6rem 2rem 2.5rem;
    background: #f0f2f5;
}

.alxqbotyou .botycon .tyname {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.alxqbotyou .botycon .tyname h5 {
    color: #222252;
    font-size: 1.8rem;
    line-height: 2.4rem;
}

.alxqbotyou .botycon .tyname  .logoimg ,
.n_biaog ul li .alcon .allogo div {
    padding-right: 1rem;
    position: relative;
}
.alcon .allogo {
    display: -webkit-box;
}
.alxqbotyou .botycon .tyname  .logoimg img {
    max-width: 5.625rem;
}
.alxqbotyou .botycon .tyname  .logoimg::before ,
.n_biaog ul li .alcon .allogo div::before {
    content: '';
    position: absolute;
    width: 1px;
    height: 1.1875rem;
    background: #c4c9d2;
    right: 0;
    top: 50%;
    transform: translate(0,-50%);
}

.alxqbotyou .botycon p {
    color: #666666;
    font-size: 1.4rem;
    line-height: 1.5;
    margin-top: 1rem;
}


/* 标杆案例 */

.n_biaog ul {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 1.9375rem 2.4375rem;
}

.n_biaog ul li .img_db:after {
    padding-top: 66.52%;
}

.n_biaog ul li .alcon {
    background: #fff;
}

.n_biaog ul li .alcon .allogo {
    gap: 1rem;
}

.n_biaog ul li .alcon .altimes {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
}


.n_biaog ul li .alcon .altimes span {
    color: #6f75d6;
    font-size: 1.5rem;
    line-height: 1.5;
}

/* 产品中心 */

.n_video {
    background: url(../images/videobg.jpg)no-repeat;
    background-size: cover;
    width: 100%;
}

.n_video .m {
    display: flex;
    align-items: center;
    gap: 3.75rem;
}

.n_videobox {
    max-width: 38.8125rem;
    width: 100%;
    height: 25.6875rem;
    min-height: 25.6875rem;
    border-radius: 1rem;
    overflow: hidden;
    background: rgb(115 163 251 / 20%);
    padding: 10px;
    position: relative;

}

.n_videobox .videoeye {
    position: relative;
    height: 100%;
    border-radius: 1rem;
    overflow: hidden;
}

.n_videobox  video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.n_videobox  .mask2 ,
.btn_video2 .mask3  {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
}

.n_videobox .mask2:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background: rgba(0, 0, 0, .4);
    background: url(../images/spfm.jpg)no-repeat;
}

.n_videobox .btn_video2 {
    width: 5rem;
    height: 5rem;
    position: relative;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}



.btn_video2 .mask3 img {
    animation: roll 3s infinite linear;
}
.btn_video2 svg {
    position: relative;
    z-index: 10;
}
@-webkit-keyframes roll {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

@keyframes roll {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}


.n_video h5 {
    color: #212121;
    font-size: 1.875rem;
    line-height: 1.25;
    font-weight: bold;
    margin-bottom: 1.25rem;
}

.n_video  p {
    color: #414141;
    font-size: 1rem;
    line-height: 1.875rem;
}


.cpyslist>div .m {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10rem;
}

.cpyslist>div:nth-child(even) .m {
    flex-direction: row-reverse;
}

.cpys1 {
    background: url(../images/cpys1bg.jpg)no-repeat;
    background-size: cover;
    width: 100%;
}
.cpys2 {
    background: url(../images/cpys2bg.jpg)no-repeat;
    background-size: cover;
    width: 100%;
}
.cpys3 {
    background: url(../images/cpys3bg.jpg)no-repeat;
    background-size: cover;
    width: 100%;
}
.cpys4 {
    background: url(../images/cpys4bg.jpg)no-repeat;
    background-size: cover;
    width: 100%;
}
.cpys1 i {
    color: #7278d7;
}
.cpys2 i {
    color: #f47571;
}
.cpys3 i {
    color: #5ad6b1;
}
.cpys4 i {
    color: #4688f2;
}

.cpt {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #060606;
    font-size: 1.875rem;
    line-height: 1.5;
    font-weight: bold;
    margin-bottom: 2.25rem;
}

.cpt i {
    font-size: 2.25rem;
}
.cptext ul {
    display: grid;
    gap: .5rem;
}
.cptext ul li {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    color: #414141;
    font-size: 1.0625rem;
    line-height: 1.875;
}
.cptext ul li img {
    margin-top: 6px;
    width: 1rem;
    height: 1rem;
}

.cpimg {
    position: relative;
    max-width: 40rem;
}

.cpimg .fangda {
    position: absolute;
    opacity: 0;
    top: 0;
}

.cpimg  .item {
    position: absolute;
    width: 0;
    height: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    margin-top: -4rem;
    margin-left: 10rem;
}
.circle {
    width: 2rem;
    height: 2rem;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    top: 50%;
    right: 50%;
    transform: translateX(-50%) translateY(-50%) scaleY(1);
    display: flex;
    align-items: center;
    justify-content: center;
}
.circle span {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    background-color: rgba(111, 117, 214, .5);
    -webkit-transform: scale(.2);
    -moz-transform: scale(.2);
    -ms-transform: scale(.2);
    transform: scale(.2);
    -webkit-animation: circleScale 4s linear infinite;
    -moz-animation: circleScale 4s linear infinite;
    -ms-animation: circleScale 4s linear infinite;
    animation: circleScale 4s linear infinite;
}
.circle:after {
    content: "";
    display: block;
    width: 9px;
    height: 9px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    border-radius: 50%;
    background: #6f75d6;
    z-index: 2;
}
.circle span:nth-of-type(2) {
    animation-delay: 2s;
}

.circle span:nth-of-type(3) {
    animation-delay: 3s;
}

@keyframes circleScale {
    0% {
      opacity: 1;
      -webkit-transform: scale(.2);
      -moz-transform: scale(.2);
      -ms-transform: scale(.2);
      transform: scale(.2)
    }
  
    100% {
      opacity: 0;
      -webkit-transform: scale(1.5);
      -moz-transform: scale(1.5);
      -ms-transform: scale(1.5);
      transform: scale(1.5)
    }
  }
#modalimg img {
    width: 100%;
}

#modalimg .modal-body {
    padding: 1rem;
}


.other {
    background: url(../images/otherbg.jpg)no-repeat;
    background-size: cover;
    width: 100%; 
}
.other  ul  {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 1.6875rem;
}
.other  ul li {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1.875rem;
    padding: .9375rem .9375rem 3rem;
    background: #fff;
    border-radius: 1rem;
    box-shadow: 0px 16px 20px 0px rgba(76, 134, 241, 0.13);
}
.other  ul li .img {
    border-radius: 1rem;
}
.other  ul li .img_db:after {
    padding-top: 98.47%;
}

.other  ul li .otcon {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .75rem;
}

.other  ul li h5 {
    color: #222252;
    font-size: 1.375rem;
    line-height: 1.5;
}

.other  ul li i {
    color: #6f75d6;
    font-size: 2rem;
}

.loud {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.loud>div {
    position: relative;
    overflow: hidden;
}

.loud>div::before {
    content: '';
    position: absolute;
    width: 110%;
    height: 110%;
    background: url(../images/loudzz.png)no-repeat;
    background-size: cover;
    left: -1rem;
    top: 0;
    opacity: .85;
    transition: all .5s;
}
.loud>div:hover::before {
    opacity: .35;
}
.loud>div .louda {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2rem;
    width: 100%;
    text-align: center;
}

.loud>div .louda  h5 {
   font-size: 2.125rem;
   line-height: 1.5;
   font-weight: bold;
}

.loud>div .louda a {
    border: 1px solid rgb(255 255 255 / 50%);
    border-radius: .625rem;
    width: 11.875rem;
    height: 3.4375rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.125rem;
    line-height: 1.4375rem;
    transition: all .5s;
}

.loud>div .louda a:hover {
    background: #fff;
    border: 1px solid #fff;
    color: #6f75d6;
}
.loud img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

#modalimg {
    background: none;
}

.modal_bg {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8);
}


.downmenu .hoverblue dt a{
    color: #6f75d6 !important;
    transition: all .5s;
}


.fancybox-is-fullscreen .fancybox-video, .fancybox-is-fullscreen .fancybox-iframe {
    padding: 60% 0;
}




.cpimg .kick{
    background: url(../images/fdimgbg.jpg)no-repeat;
    background-size: cover;
    border-radius: .875rem;
    padding: 2.8125rem .625rem .625rem .625rem;
    display: block;
}
.cpimg .kick2{
    background: url(../images/fdimgbg2.jpg)no-repeat;
    background-size: cover;
    border-radius: .875rem;
    padding: 2.8125rem .625rem .625rem .625rem;
    display: block;
}

.cpimg .cpshadow {
    box-shadow: 0 0 28px 0px rgba(52, 113, 225, 0.2);
    margin-bottom: 12px;
    min-height: 25.9375rem;
    display: flex;
    align-items: center;
    justify-content: center;
}


.cpimg ul {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 7px;
}

.cpimg ul li {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    color: #343638;
    font-size: .9375rem;
    background: #fff;
    border-radius: .625rem;
    box-shadow: 16px 0 20px 0px rgba(76, 134, 241, 0.13);
    height: 5.3125rem;
    padding: 0;
    line-height: 1.5;

}

.cpimg ul li:hover img {
    animation: jello 1.2s;
}

.cpimg ul li div {
    width: 2.9375rem;
    height: 2.9375rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}


/* 网站地图 */

.n_wwwmap h5 {
    color: #212121;
    font-size: 1.375rem;
    line-height: 1.5rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 2.5rem;
}
.n_wwwmap .m>ul {
    display: grid;
    gap: 2.5rem;
}

.n_wwwmap  .m>ul li {
    border: 1px solid #d6d8db;
}
.n_wwwmap   .m>ul li>div {
    padding: 0 2rem;
    display: flex;
    align-items: center;
}
.n_wwwmap   .m>ul li .maptop {
    width: 100%;
    background: #f4f7fc;
    height: 2.8125rem;
}

.n_wwwmap   .m>ul li .maptop a {
    color: #212121;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: bold;
}

.n_wwwmap   .m>ul li a {
    transition: all .5s;
}

.n_wwwmap   .m>ul li a:hover ,
.n_wwwmap   .m>ul li .mapbot dt a:hover ,
.n_wwwmap   .m>ul li .mapbot dd a:hover {
    color: #6f75d6;
}
.n_wwwmap   .m>ul li .mapbot {
    width: 100%;
    padding: 1rem 2rem;
    gap: 2.25rem;
    align-items: flex-start;
}
.n_wwwmap   .m>ul li .mapbot dt {
    margin-bottom: .875rem;
}
.n_wwwmap   .m>ul li .mapbot dt a {
    font-size: .9375rem;
    font-weight: bold;
    color: #616161;
    transition: all .5s;
}
.n_wwwmap   .m>ul li .mapbot dd a {
    color: #616161;
    font-size: .875rem;
    transition: all .5s;
    line-height: 1.5rem;
}

.ar_article img{display: block;max-width: 100%;margin: auto 0;}