/* 斜体 */
@font-face {
    font-family: "OPPOSans";
    font-weight: 400;
    src: url(../font/OPPOSans-L.ttf);
}

@font-face {
    font-family: "OPPOSans";
    font-weight: 500;
    src: url(../font/OPPOSans-M.ttf);
}

@font-face {
    font-family: "OPPOSans";
    font-weight: 600;
    src: url(../font/OPPOSans-B-2.ttf);
}


/*900px导航*/

.headMenu {
    cursor: pointer;
    position: fixed;
    z-index: 99999;
    right: 0;
    display: none;
    margin-right: 24px;
}

.headMenu span {
    display: block;
    width: 26px;
    height: 2px;
    margin: 6px 0;
    background: #fff;
    -webkit-transition: all 0.48s ease-in-out;
    -moz-transition: all 0.48s ease-in-out;
    -ms-transition: all 0.48s ease-in-out;
    -o-transition: all 0.48s ease-in-out;
    transition: all 0.48s ease-in-out;
}

.headerMain-bg .headMenu span {
    background: #333;
}

.headerN.header .headMenu span {
    background: #333;
}

.headMenu.active span {
    background: #333;
}

.headMenu.active span.headMenu_span1 {
    transform: rotate(45deg) translate(6px, 7px);
}

.headMenu.active span.headMenu_span2 {
    opacity: 0;
}

.headMenu.active span.headMenu_span3 {
    transform: rotate(-45deg) translate(4px, -6px);
}

.moHead_mlb {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100vh;
    background-color: #fff;
    /* background-image: url(.../images/bg3.jpg); */
    background: #e9e9eb;
    background-repeat: no-repeat;
    background-position: center left;
    background-size: cover;
    z-index: 99990;
    padding: 28px;
}

.moHead_mlb .moHead_ico {
    text-align: center;
}

.moHead_mlb .moHead_ico a:last-child {
    display: inline-block;
}

.moHead_mlb ul {
    padding: 68px 0;
}

.moHead_mlb li {
    font-size: 18px;
    line-height: 2;
    padding: 14px 0;
    border-bottom: 1px solid rgba(27, 47, 95, 0.18);
}

.moHead_mlb a {
    font-size: 18px;
    color: #242b3e;
    letter-spacing: 1px;
}

.moHead_mlb a svg {
    float: right;
    width: 21px;
    height: 24px;
    opacity: 0.8;
}

.moHead_mlb a svg path {
    fill: #242b3e;
}

.moHead_mlb .moHead_ico a {
    vertical-align: top;
    margin: 0 14px;
    display: inline-block;
    width: 45px;
    height: 45px;
    line-height: 45px;
    border-radius: 50%;
    border: 1px solid rgba(27, 47, 95, 0.23);
}

.moHead_mlb .moHead_ico svg {
    width: 24px;
    height: 24px;
}

.moHead_mlb .moHead_ico svg path {
    fill: #242b3e;
}

.moHead_mlb .moHead_ico img, .moHead_mlb .moHead_ico svg {
    margin-top: 10px;
}

@media (max-width: 480px) {
    .moHead_mlb a {
        font-size: 18px;
    }
}





/* =====================================================================公共 */

.Fanye {
    width: 70%;
    margin: 40px auto 0;

    /* padding: 30px 80px 50px; */
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.Fanye_a {
    display: inline-block;
    padding: 10px 60px;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.08);
    background: #fff;
    font-weight: bold;
}

.FanyeXq a {
    font-weight: bold;
    font-size: 14px;
    margin: 0 15px;
}

.FanyeXq a.on {
    color: #d50618;
}

.FanyeXq a:hover {
    color: #d50618;
}

.Fanye_a:hover {
    background: #7B6CAD;
    color: #fff;
}


/*滚动条宽高及背景*/
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

/*轨道颜色、内阴影及圆角*/
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: fff;
    border-radius: 0px;
}

/*滑块*/
::-webkit-scrollbar-thumb {
    border-radius: 2px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #555555;
}

/*两端按钮*/
::-webkit-scrollbar-button {
    background-color: none;
    height: 0;
}

/*右下角汇合处样式*/
::-webkit-scrollbar-corner {
    background: khaki;
}

/*  */
.innerInd {
    width: 90%;
    margin: 0 auto;
}

.inner {
    width: 84%;
    margin: 0 auto;
}

.paddN {
    padding: 140px 0 80px;
}

.padd {
    padding: 98px 0;
}

.Tit {
    margin-bottom: 40px;
}

.Tit b {
    font-size: 55px;
    font-weight: 600;
    line-height: 1;
    color: #010510;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 20px;
    position: relative;
}

.Tit b i {
    font-size: 55px;
    font-weight: 600;
    line-height: 1;
    color: #010510;
    text-transform: uppercase;
    display: inline-block;
    position: relative;
}

.Tit b i::after {
    content: '';
    width: 100%;
    height: 17px;
    background: linear-gradient(88deg, #5949A0, #8973EA);
    opacity: 0.2;
    position: absolute;
    right: 0;
    bottom: 0;
}

.Tit span {
    display: block;
    font-size: 38px;
    line-height: 1;
    color: #010510;
    font-weight: 600;
}

.Tit.center {
    text-align: center;
}

.Tit.white b {
    color: #fff;
}

.Tit.white b i {
    color: #fff;
}

.Tit.white span {
    color: #fff;
}

.Tit.flex {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}


.More a {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;

    padding: 8px 20px;
    border: 1px solid #01040A;
    color: #01040A;
    font-size: 14px;
    text-transform: uppercase;
    transition: all .48s;
}

.More a dd {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: #fff;
    border-radius: 50%;
    margin-left: 60px;
    position: relative;
}

.More a img {
    width: 14px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.More a:hover {
    background: #40327d;
    border-color: #40327d;
    color: #fff;
}


.More.white a {
    color: #fff;
    border-color: #fff;
}

.More.white a:hover {
    background: none;
}



/* =====================================================index */
.header {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    transition: all .48s;
}

.header .innerInd {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: relative;
    border-bottom: 1px solid rgb(255 255 255 / 20%);
}

.header .hLogo {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.header .hLogo img {
    width: 210px;
}

.header .img2 {
    display: none;
}

.hNav ul {
    display: flex;
    align-items: center;
}

.hNav ul li a {
    padding: 40px 38px;
    font-size: 16px;
    color: #fff;
    display: inline-block;
    transition: all .48s;
}

.headR {
    display: flex;
    align-items: center;
}

.headR a svg {
    width: 18px;
    height: 100%;
}

.headR svg path {
    fill: #fff;
}

.hSs {
    padding-right: 16px;
    position: relative;
    display: flex;
    align-items: center;
}

.hSs::after {
    content: '';
    position: absolute;
    right: 0;
    top: 10%;
    width: 1px;
    height: 80%;
    border-left: 1px solid rgb(255 255 255 / 30%);
}

.hLan {
    padding-left: 16px;
    height: 18px;
}

/* hover */
.header:hover {
    background: #fff;
}

.header:hover .headMenu span {
    background: #333;
}

.header:hover .hLogo .img1 {
    display: none;
}

.header:hover .hLogo .img2 {
    display: block;
}

.header:hover .hNav ul li a {
    color: #333;
}

.header:hover .headR a svg path {
    fill: #333;
}

.header:hover .hSs_ipt input {
    border-color: rgb(51 51 51 / 28%);
    color: #333;
}

.header:hover .hSs_ipt input::placeholder {
    color: #333;
}

.header:hover .hSs::after {
    border-color: rgb(51 51 51 / 30%);
}

/* zk */
.hNav ul li {
    position: relative;
}

.hNav_zk {
    position: absolute;
    top: 102px;
    left: 50%;
    transform: translateX(-50%);
    border: 1px solid #e5e5e5;
    border-top: 2px solid #443680;
    background-color: #fff;
    z-index: 100;
    box-sizing: border-box;
    white-space: nowrap;
    display: none;
}

@media (max-width: 1480px) {
    .hNav_zk {
        top: 86px;
    }
}

@media (max-width: 1200px) {
    .hNav_zk {
        top: 73px;
    }
}

.header.headerMain-bg .hNav_zk {
    top: 74px;
}

.hNav ul li .hNav_zk a {
    display: block;
    height: 48px;
    line-height: 48px;
    border-bottom: 1px solid #e5e5e5;
    text-align: center;
    padding: 0 25px !important;
}

.headerMain-bg .hNav ul li .hNav_zk a {
    padding: 0 25px !important;
}

.hNav ul li .hNav_zk a:last-child {
    border-bottom: none;
}

.hNav ul li .hNav_zk a:hover {
    color: #443680;
    border-color: #443680;
}

.hSs_ipt {
    position: relative;
    opacity: 0;
    transition: all .68s;
}

.hSs_ipt input {
    width: 0;
    border: 1px solid #EFEFF1;
    border-radius: 25px;
    background: none;
    padding: 5px 10px 5px 40px;
    color: #fff;
    margin-right: 20px;
    transition: all .68s;
}

.hSs_ipt input::placeholder {
    color: #fff;
}

.hSs_ipt svg {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.hSs .svg2 {
    display: none;
}

.hSs_ipt.on {
    opacity: 1;
}

.hSs_ipt.on input {
    width: 240px;
}

/* 下拉导航变化 */

.headerMain-bg.header {
    position: fixed;
    border-bottom: none;
    background: #fff;
    box-shadow: 0 0px 2px 0 rgb(0 0 0 / 18%);
}

.headerMain-bg.header .img1 {
    display: none;
}

.headerMain-bg.header .img2 {
    display: block;
}

.headerMain-bg .hNav ul li a {
    padding: 24px 38px !important;
    color: #333;
}

.headerMain-bg .hSs::after {
    border-color: rgba(0, 0, 0, .3);
}

.headerMain-bg .headR svg path {
    fill: #333;
}

/* headerN */
.headerN.header {
    position: fixed;
    border-bottom: none;
    box-shadow: 0 0px 2px 0 rgb(0 0 0 / 18%);
}

.headerN.header .img1 {
    display: none;
}

.headerN.header .img2 {
    display: block;
}

.headerN .hNav ul li a {
    padding: 38px 38px;
    color: #333;
}

.headerN .hSs::after {
    border-color: rgba(0, 0, 0, .3);
}

.headerN .headR svg path {
    fill: #333;
}

/* footer */

.footer {
    background: #010910;
    background: #40327d;
    position: relative;
}

.footTop {
    padding: 56px 5%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid rgba(247, 248, 249, 0.18);
}

.footLogo img {
    width: 320px;
}

.footIcon {
    display: flex;
    align-items: center;
}

.footIcon span {
    color: #fff;
    font-size: 16px;
    
}

.footIcon img {
    width: 36px;
    margin-left: 14px;
}

/*  */

.footerXq {
    padding: 70px 0;
    display: flex;
    justify-content: space-between;
}

.footCon {
    width: 25%;
}

.footCon h5 {
    font-size: 28px;
    line-height: 1;
    color: #fff;
    display: block;
    margin-bottom: 40px;
}

.footCon p {
    color: rgba(255, 255, 255, 0.6);
    font-size: 16px;
    margin-top: 20px;
}

.footCon span {
    font-size: 28px;
    color: rgba(255, 255, 255, 0.8);
}

.footConImg {
    margin-top: 90px;
}

.footConImg img {
    width: 36px;
    margin-right: 20px;
}

.footNav {
    width: 68%;
}

.footNav ul {
    display: flex;
    justify-content: space-between;
}

.footNav ul li a {
    display: block;
    color: rgba(185, 185, 185, 0.6);
    font-size: 16px;
    margin-bottom: 20px;
}

.footNav ul li span {
    display: block;
    color: #fff;
    font-size: 18px;
    margin-bottom: 50px;
}

.footBot {
    padding: 48px 0;
    border-top: 1px solid rgba(247, 248, 249, 0.18);
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.footBot p {
    color: rgba(255, 255, 255, 0.3);
}

.footBot p a {
    color: rgba(255, 255, 255, 0.3);
}

/*  */

.crumbs span, .crumbs span a {
    font-size: 16px;
    color: #01040A;
}

.crumbs span a.on {
    color: #796baf;
}



/* =====================================================================================index */

.indBan {
    width: 100%;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
}

.indBanBox {
    width: 100%;
    height: 100%;
    position: relative;
}

.indBanBox .swiper-container {
    width: 100%;
    height: 100%;
}

.indBanImg {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

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

.indBanImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.1);
    transition: all 6s;
}

.indBanText {
    width: 42%;
    position: absolute;
    left: 5%;
    bottom: 33%;
}

.indBanText b {
    font-size: 36px;
    
    text-transform: uppercase;
    line-height: 1.4;
    color: rgb(255 255 255 / 90%);
    display: block;
}

.indBanText span {
    font-size: 56px;
    line-height: 1.4;
    font-weight: 600;
    color: rgb(255 255 255 / 90%);
    display: block;
    margin-bottom: 18px;
}

.indBanText p {
    font-size: 28px;
    color: rgb(255 255 255 / 60%);
}

/*  */
.indBan_right {
    position: absolute;
    right: 5%;
    top: 36%;
    z-index: 2;
    text-align: center;
}

.indBan_right .swiper-pagination {
    position: relative;
    left: 0;
    bottom: 0;
    color: rgba(255, 255, 255, 0);
}

.indBan_right .swiper-pagination::after {
    content: '';
    display: block;
    width: 40px;
    height: 1px;
    background: rgba(251, 251, 251, 0.3);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.indBan_right span {
    color: #fff;
    font-size: 21px;
    line-height: 1;
    display: block;
}

.indBan_right p {
    font-size: 18px;
    
    color: rgb(255 255 255 / 60%);
    line-height: 1;
    writing-mode: tb-rl;
    margin: 0 auto;
    margin-top: 50px;
    padding-bottom: 170px;
    position: relative;
}

.indBan_right p::after {
    content: '';
    width: 1px;
    height: 160px;
    background: rgba(251, 251, 251, 0.3);
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.indBan_right img {
    width: 30px;
    margin-top: 50px;
}



/*  */
.js_indBan {
    width: 40%;
    position: absolute;
    left: 5%;
    bottom: 15%;
    z-index: 2;
}

.js_indBan .swiper-pagination {
    position: initial;
    width: 100%;
    height: 1px;
    margin-bottom: 90px;
    text-align: left;
}

.js_indBan .swiper-pagination-bullet {
    width: 140px;
    height: 2px;
    background: rgb(247 248 249 / 50%);
    position: relative;
}

.js_indBan .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
    content: '';
    width: 0;
    height: 100%;
    background: rgb(247 248 249 / 90%);
    position: absolute;
    left: 0;
    top: 0;
    animation: Width 6s linear forwards;
}

@keyframes Width {
    0% {
        width: 0;
    }

    100% {
        width: 100%;
    }
}

.banBut {
    display: flex;
    width: 292px;
    justify-content: space-between;
    transition: all .48s;
    position: relative;
}

.banBut::after {
    content: '';
    width: 1px;
    height: 60%;
    border-left: 1px solid rgb(255 255 255 / 30%);
    position: absolute;
    left: 50%;
    top: 20%;
}

.banBut a {
    display: flex;
    align-items: center;
}

.banBut a span {
    display: block;
    color: rgb(255 255 255 / 80%);
    
    line-height: 1.4;
    font-size: 18px;
    margin: 0 15px;
}

.banBut a img {
    width: 20px;
}


.indBan .swiper-slide-active .indBanImg img {
    transform: scale(1);
}

/*  */

.indCase {
    width: 100%;
    height: 100vh;
    position: relative;
    margin-top: 100vh;
}

.indCase .Tit {
    position: absolute;
    top: 190px;
    left: 7%;
    z-index: 2;
}

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

.indCase_imgBox .swiper-container,
.indCase_img,
.indCase_img img {
    width: 100%;
    height: 100%;
}

.indCase_itemBox {
    width: 84%;
    position: absolute;
    left: 8%;
    bottom: 10%;
}

.indCase_item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: rgb(250 250 250 / 20%);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    padding: 42px 48px;
    cursor: pointer;
    transition: all .48s;
}

.indCase_item span {
    display: block;
    font-size: 24px;
    line-height: 1;
    font-weight: bold;
    color: #fff;
    margin-bottom: 10px;
}

.indCase_item i {
    display: block;
    font-size: 16px;
    color: rgb(255 255 255 / 60%);
    
}

.indCase_item img {
    width: 38px;
    height: 38px;
    object-fit: contain;
}

.swiper-slide-thumb-active .indCase_item {
    background: #453780;
}

.case_but {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}

.case_but img {
    width: 55px;
}

.case_but.prev {
    left: -100px;
}

.case_but.next {
    right: -100px;
}

/*  */


.indPro {
    width: 100%;
    background: #fff;
    position: relative;
    /* padding-bottom: 0 !important; */
    overflow: hidden;
}

.indPro h5 {
    color: rgba(233, 235, 237, 0.36);
    font-size: 358px;
    font-weight: 600;
    line-height: 0.8;
    
    text-transform: uppercase;
    position: absolute;
    right: 0;
    top: -5%;
    writing-mode: tb-rl;
}

.indProChange span {
    color: #010510;
    font-size: 24px;
    padding-top: 16px;
}

.indProChange span a {
    color: #010510;
    font-size: 24px;
    font-weight: bold;
}

.indProChange span a.on {
    color: #443680;
}

/*  */
.indProBox {
    display: flex;
    justify-content: space-between;
}

.indProL {
    width: 74%;
    padding: 0 40px;
    box-shadow: 0 0 8px rgba(68, 54, 128, 0.18);
    border-radius: 8px;
    /* border-top: 1px solid rgba(64, 50, 125, 0.1);
			border-right: 1px solid rgba(64, 50, 125, 0.1); */
}

.indProL .swiper-slide {
    padding: 88px 8% 88px 0;
    background-image: url(../images/indPro_bg.png);
    width: 100%;
    height: auto;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
}

.indProL .indProText_tit::after {
    content: '';
    width: 140px;
    height: 140px;
    background-image: url(../images/indPro_Y1.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(-40%, -50%);
    opacity: .48;
}

.indProL .More img {
    display: block;
    margin-bottom: 0;
}



.indProL .indProText {
    width: 50%;
    padding-left: 70px;
    /* padding-bottom: 60PX; */
    position: relative;
}

.indProText i {
    display: block;
    font-size: 192px;
    line-height: 0.8;
    text-transform: uppercase;
    font-weight: normal;
    color: #EFEFF1;
    opacity: 0.45;
    position: absolute;
    left: 0;
    top: 0;
    transform: rotate(-90deg) translate(-30%, -150%);
    z-index: -1;
}

.indProText_tit {
    position: relative;
}

.indProL .indProText span {
    font-size: 26px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 1;
    color: #01050F;
    display: block;
    margin-bottom: 32px;
    position: relative;
    z-index: 2;
}

.indProL .indProText span dd {
    display: inline;
    font-size: 26px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 1.2;
    color: #01050F;
    /*  */
}

.indProL .indProText b {
    font-size: 24px;
    color: rgba(1, 5, 15, 0.8);
    line-height: 1;
    font-weight: bold;
    display: block;
    margin-bottom: 64px;
    position: relative;
    z-index: 2;
}

.indProL .indProText p {
    width: 95%;
    color: rgba(0, 1, 8, 1);
    margin-bottom: 40px;
}

.indProL .indProImg {
    width: 36%;
    padding-top: 36%;
    background-image: url(../images/indPro_Y2.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 2;
}

.indProL .indProImg::after {
    content: '';
    width: 110%;
    height: 110%;
    background-image: url(../images/indPro_Ybg.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    /* left: -20%;
			top: -20%; */
    left: -5%;
    top: -5%;
    animation: fda 4s infinite linear forwards;
    z-index: 1;
}

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

    100% {
        transform: scale(1.3);
    }
}

.indProL .indProImg img {
    position: absolute;
    left: 0;
    bottom: 2%;
    width: 100%;
    height: 96%;
    object-fit: contain;
    z-index: 2;
}

@keyframes zhuan {
    0% {
        transform: rotate(0);
    }

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

.indProL .swiper-pagination {
    position: absolute;
    left: 0;
    top: 86%;
    width: 45%;
    height: 1px;
    background: #94969b;
}

.indProL .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    height: 2px;
    background: #2b3139;
    top: -1px;
}

.indProBut {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}

.indProBut img {
    width: 26px;
    opacity: .68;
}

.indProBut.prev {
    left: 10px;
}

.indProBut.next {
    right: 10px;
}

/*  */

.indProR {
    width: 25%;
    padding: 10px;
    box-shadow: 0 0 8px rgba(68, 54, 128, 0.18);
    border-radius: 8px;
    /* border-top: 1px solid rgba(64, 50, 125, 0.1); */
}

.indProR .swiper-container {
    height: 100%;
}

.indProR .indProText {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* padding-right: 40px; */
    position: relative;
}

.indProR .indProText span {
    font-size: 24px;
}

.indProR .indProText span dd {
    font-size: 24px;
}

.indProR .indProText_tit {
    text-align: center;
}

.indProR .indProText .indProR_img {
    position: relative;
    width: 80%;
    padding-top: 80%;
    border-radius: 50%;
    background-image: url(../images/indProR_img01.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.indProR .indProText .indProR_img img {
    /* width: 130px; */
    position: absolute;
    left: 0;
    bottom: 20%;
    width: 100%;
    height: 80%;
    object-fit: contain;
}

.indProR .indProText b {
    font-size: 16px;
    margin-bottom: 0;
}

/*  */


.indAb {
    position: relative;
    z-index: 2;
}

.indAbBox {
    width: 100%;
    height: 86vh;
    display: flex;
}

.indAbL {
    width: 50%;
    height: 100%;
}

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

/*  */

.indAbR {
    width: 50%;
    height: 100%;
}

.indAbR_top {
    width: 100%;
    height: 55%;
    /* background: linear-gradient(90deg, #796baf, #c0afff); */
    padding: 76px;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
}

.indAbR_top i {
    display: block;
    font-size: 55px;
    
    text-transform: uppercase;
    line-height: 1;
    color: #fff;
    margin-bottom: 20px;
}

.indAbR_top h5 {
    font-size: 38px;
    font-weight: 600;
    line-height: 1;
    color: #fff;
    margin-bottom: 60px;
}

.indAbR_top span {
    font-size: 24px;
    color: #fff;
    line-height: 1;
    display: block;
    margin-bottom: 25px;
}

.indAbR_top p {
    font-size: 16px;
    color: rgb(255 255 255 / 60%);
}

.indAbR_top img {
    width: 50%;
    position: absolute;
    right: 0%;
    top: 50%;
    transform: translateY(-50%);
    opacity: .2;
}

/*  */

.indAbR_bot {
    width: 100%;
    height: 45%;
    display: flex;
}

.indAbR_item {
    display: block;
    width: 50%;
    height: 100%;
    padding: 78px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.indAbR_item img {
    width: 40px;
}

.indAbR_item span {
    color: #fff;
    font-size: 38px;
    line-height: 1;
    font-weight: 600;
    display: block;
    position: relative;
    padding-top: 40px;
    margin-bottom: 40px;
}

.indAbR_item span::after {
    content: '';
    width: 28px;
    height: 2px;
    background: #fff;
    position: absolute;
    left: 0;
    top: 0;
    opacity: .68;
}

.indAbR_item p {
    color: rgb(255 255 255 / 60%);
    font-size: 16px;
}

/*  */

.indNew {
    width: 100%;
    background: #fff;
    position: relative;
    overflow: hidden;
}

.indNew h5 {
    color: rgba(233, 235, 237, 0.36);
    font-size: 406px;
    font-weight: 600;
    line-height: 0.8;
    
    text-transform: uppercase;
    position: absolute;
    right: 0;
    top: -5%;
    writing-mode: tb-rl;
}

.indNew .Tit.flex {
    align-items: center;
}

.indNewBox {
    display: flex;
    padding-left: 5%;
}

.indNewL {
    width: 36%;
}

.indNewImg {
    padding-top: 120%;
}

.indNewR {
    width: 64%;
}

.indNewR .swiper-container {
    width: 100%;
    height: 100%;
}

.indNewR .swiper-slide {
    width: 100%;
    padding: 0 14% 0 8%;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: cover;
}

.indNewText {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.indNewR .swiper-slide::after {
    content: '';
    width: 78%;
    height: 1px;
    border-bottom: 1px solid rgb(0 0 0 / 10%);
    position: absolute;
    left: 8%;
    bottom: 0;
}

.indNewText>div {
    width: calc(100% - 196px);
}

.indNewText i {
    display: block;
    font-size: 16px;
    color: rgba(102, 102, 102, 0.8);
    margin-bottom: 15px;
}

.indNewText p {
    font-size: 20px;
    font-weight: bold;
    color: #080000;
}


.indNewText .img2 {
    display: none;
}

.indNewText span {
    display: inline-block;
    position: relative;
}

.indNewText span::after {
    content: '';
    width: 320px;
    height: 1px;
    border-top: 1px solid rgb(255 255 255 / 40%);
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

.indNewText span img {
    width: 32px;
}

.indNewR .swiper-slide-thumb-active {
    background-image: url(../images/newR_bg.png);
    flex: 1.6;
}

.indNewR .swiper-slide-thumb-active .indNewText {
    flex-wrap: wrap;
}

.indNewR .swiper-slide-thumb-active .indNewText i {
    color: #fff;
}

.indNewR .swiper-slide-thumb-active .indNewText>div {
    width: 100%;
}

.indNewR .swiper-slide-thumb-active .indNewText p {
    font-size: 24px;
    color: #fff;
    margin-bottom: 40px;
}

.indNewR .swiper-slide-thumb-active .indNewText span {
    padding-top: 20px;
}

.indNewR .swiper-slide-thumb-active .indNewText span::after {
    display: block;
}

.indNewR .swiper-slide-thumb-active .indNewText .img1 {
    display: none;
}

.indNewR .swiper-slide-thumb-active .indNewText .img2 {
    display: block;
}

.indNewL .swiper-pagination {
    width: auto;
    left: initial;
    right: 54px;
}

.indNewL .swiper-pagination-bullet-active {
    background: rgba(255, 255, 255, 1);
}

.indNewL .swiper-pagination-bullet-active::after {
    content: '';
    width: 120%;
    height: 120%;
    border-radius: 50%;
    border: 1px dotted rgb(255 255 255);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

/*  */

@media (max-width:1480px) {

    /*  */
    .indBanText span {
        font-size: 48px;
        margin-bottom: 10px;
    }

    .indBanText p {
        font-size: 34px;
    }

    /* .js_indBan {
			bottom: 24%;
		} */

    .js_indBan .swiper-pagination {
        margin-bottom: 60px;
    }

    .indBan_right {
        top: 42%;
    }

    .indBan_right span {
        font-size: 18px;
    }

    .indBan_right i {
        margin: 15px 0;
    }

    .indBan_right p {
        font-size: 16px;
        margin-top: 30px;
    }

    .indBan_right img {
        margin-top: 25px;
    }

    /*  */
    .indAbR_top {
        padding: 46px;
    }

    .indAbR_top i {
        font-size: 42px;
        margin-bottom: 12px;
    }

    .indAbR_top h5 {
        font-size: 32px;
        margin-bottom: 48px;
    }

    .indAbR_top span {
        font-size: 21px;
        margin-bottom: 25px;
    }

    .indAbR_top p {
        font-size: 14px;
    }

    .indAbR_item {
        padding: 46px 38px;
    }

    .indAbR_item img {
        width: 30px;
    }

    .indAbR_item span {
        color: #fff;
        font-size: 32px;
        padding-top: 28px;
        margin-bottom: 28px;
    }

    .indAbR_item p {
        font-size: 14px;
    }

    /*  */
    .indProL .swiper-slide {
        padding: 68px 8% 68px 0;
    }

    .indProChange span,
    .indProChange span a {
        font-size: 21px !important;
    }

    .indProText span {
        font-size: 32px;
        margin-bottom: 20px;
    }

    .indProText span dd {
        font-size: 32px;
    }

    .indProText_tit::after {
        width: 120px;
        height: 120px;
    }

    .indProText b {
        font-size: 21px;
        margin-bottom: 40px;
    }

    .indProText p {
        width: 95%;
    }

    .indProR .indProText {
        padding-right: 20px;
    }

    /*  */
    .indCase_item {
        padding: 34px 25px;
    }

    .indCase_item span {
        font-size: 21px;
        margin-bottom: 5px;
    }

    .indCase_item i {
        font-size: 14px;
    }

    .indCase_item img {
        width: 32px;
        height: 32px;
    }

    .case_but.prev {
        left: -70px;
    }

    .case_but.next {
        right: -70px;
    }

    .indCase_itemBox {
        width: 86%;
        left: 7%;
    }

    /*  */
    .indNewText i {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .indNewText p {
        font-size: 17px;
    }

    .indNewR .swiper-slide-thumb-active .indNewText p {
        font-size: 19px;
        margin-bottom: 20px;
    }

    .indNewR .swiper-slide-thumb-active .indNewText span {
        padding-top: 10px;
    }
}

/* =============================================================================about */

.abGsjjBox {
    width: 100%;
    background: url(../images/abGsjj_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 166px 0 140px;
}

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

.abGsjjText {
    width: 54%;
    padding-right: 5%;
}

.abGsjjText h5 {
    font-size: 30px;
    font-weight: bold;
    margin: 60px 0;
    color: #766cab;
}

.abGsjjText p {
    font-size: 16px;
    margin-bottom: 20px;
    color: #8b8c8f;
    letter-spacing: 1.5px;
    line-height: 1.8;
}

.abGsjjImg {
    width: 46%;
    padding-top: 47%;
}

/*  */

.abHjBox {
    background: #f6f8fa;
}

.abHj .swiper-slide {
    width: 80%;
}

.abHjImg {
    padding-top: 40%;
}

.abHjBut {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 6;
}

.abHjBut img {
    width: 48px;
}

.abHjBut.prev {
    left: 50px;
}

.abHjBut.next {
    right: 50px;
}

/*  */

.abZlBox {
    width: 100%;
    background: url(../images/abZl_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.abZl {
    padding: 0 10%;
    position: relative;
}

.abZl .swiper-slide .abZlImg {
    transform: scale(0.7);
    transition: all .48s;
    opacity: .68;
}

.abZl .swiper-slide p {
    opacity: 0;
}


.abZlImg {
    padding-top: 136%;
}

.abZl p {
    margin-top: 40px;
    text-align: center;
    transition: all .48s;
}

.abZl p span {
    font-size: 21px;
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
}

.abZl p i {
    font-size: 12px;
    color: #7f8187;
}


.abZl .swiper-slide-active .abZlImg {
    transform: scale(1);
    opacity: 1;
}

.abZl .swiper-slide-active p {
    opacity: 1;
}

/*  */
.abZlBut {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 6;
}

.abZlBut img {
    width: 20px;
}

.abZlBut span {
    display: block;
    color: #333;
    
    line-height: 1.4;
    font-size: 18px;
    font-weight: bold;
    margin: 0 15px;
}

.abZlBut.prev {
    left: 0;
}

.abZlBut.next {
    right: 0;
}

.abZl h5 {
    position: absolute;
    left: 0;
    top: 0;
    color: #eaeaea;
    font-size: 625px;
    line-height: 0.65;
    opacity: .4;
}

/*  */
.abHzBox {
    width: 100%;
    background: url(../images/abHz_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.abHz {
    border-top: 1px solid #e0e1e2;
    border-left: 1px solid #e0e1e2;
}

.abHz .swiper-slide {
    border-right: 1px solid #e0e1e2;
    border-bottom: 1px solid #e0e1e2;
}

.abHzImg {
    padding-top: 52%;
}

.abHzImg img {
    width: 50%;
    height: 50%;
    left: 25%;
    top: 25%;
    object-fit: contain;
}

.indHzBut a {
    margin: 0 10px;
}

.indHzBut img {
    width: 46px;
}

/*  */

@media (max-width:1480px) {

    .abGsjjBox {
        padding: 124px 0 100px;
    }

    .abGsjjText h5 {
        font-size: 26px;
        margin: 40px 0;
    }

    .abGsjjText p {
        font-size: 14px;
        margin-bottom: 15px;
    }

    /*  */
    .abHjBut img {
        width: 36px;
    }

    .abHjBut.prev {
        left: 32px;
    }

    .abHjBut.next {
        right: 32px;
    }

    /*  */
    .abZl p {
        margin-top: 18px;
    }

    .abZl p span {
        font-size: 18px;
    }

    .abZl h5 {
        font-size: 440px;
    }

    .abZlBut span {
        font-size: 16px;
    }

    /*  */
    .indHzBut a {
        margin: 0 5px;
    }

    .indHzBut img {
        width: 38px;
    }
}


/* ====================================================================================pro */

.product {
    width: 100%;
    /* background: #3C4853; */
}

.product .Tit {
    margin-bottom: 60px;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}


/* .proNav {

} */

.proNav a {
    display: inline-block;
    padding: 8px 20px;
    border-radius: 100px;
    border: 1px solid #b3b4b7;
    font-size: 16px;
    color: #b3b4b7;
    margin-left: 20px;
    transition: all .48s;
}

.proNav a.on {
    background: #796baf;
    color: #fff;
}

/*  */
.proBox {
    display: flex;
    flex-wrap: wrap;
}

.proItem {
    width: calc(33.33% - 30px);
    background: #f5f5f5;
    margin-bottom: 45px;
    margin-right: 45px;
    position: relative;
    display: block;
}

.proItem:nth-child(3n) {
    margin-right: 0;
}

.proImg {
    padding-top: 76%;
    position: relative;
}

.proImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
    transition: all .48s;
    z-index: 2;
}


.proText {
    padding: 20px 40px;
    text-align: center;
    border-top: 1px solid #e4e4e4;
}

.proText span {
    color: #333;
    font-size: 22px;
    display: block;
}

.proText p {
    font-size: 28px;
    line-height: 1.4;
    color: rgba(0, 0, 0, .68);
}

.proText_more {
    display: block;
    width: 48px;
    height: 48px;
    border-radius: 100%;
    background: #796baf;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 50px;
    top: 30px;
    transition: all .48s;
}

.proText_more img {
    width: 19px;
}


.proItem:hover .proText span {
    color: #796baf;
}

.proItem:hover .proText p {
    color: #796baf;
}

.proItem:hover .proText_more {
    background: #d2d1d8;
}

/*  */

@media (max-width:1480px) {

    .proFye a img {
        width: 30px;
    }

    .proText_p span {
        font-size: 30px;
    }

    .proText_p p {
        font-size: 22px;
    }

    .proText_num {
        font-size: 168px;
    }

    .proItem {
        margin-bottom: 90px;
    }
}

/* =============================================================================solution */

.Case {
    margin-top: 0;
}

.case_text {
    width: 28%;
    position: absolute;
    left: 7%;
    top: 46%;
}

.case_text span {
    color: #fff;
    display: inline-block;
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 20px;
    position: relative;
}

.case_text span i {
    position: absolute;
    color: rgba(255, 255, 255, .18);
    font-size: 110px;
    font-weight: bold;
    line-height: 0.8;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}

.case_text p {
    color: #fff;
    margin-bottom: 60px;
}


.Case .indCase_itemBox {
    width: 86%;
    left: 7%;
    bottom: 0;
    z-index: 2;
}

.Case .indCase_item {
    padding: 35px 48px;
}

.Case .swiper-wrapper {
    align-items: flex-end;
}

.Case .swiper-slide-thumb-active .indCase_item {
    padding: 50px 48px;
}

/*  */

@media (max-width:1480px) {

    .case_text span {
        font-size: 24px;
    }

    .case_text span i {
        font-size: 92px;
    }

    .case_text p {
        margin-bottom: 45px;
    }

    /*  */
    .Case .indCase_item {
        padding: 34px 25px;
    }

    .Case .swiper-slide-thumb-active .indCase_item {
        padding: 44px 25px;
    }

    .indCase_item span {
        font-size: 21px;
        margin-bottom: 5px;
    }

    .indCase_item i {
        font-size: 14px;
    }

    .indCase_item img {
        width: 32px;
        height: 32px;
    }
}

/* =========================================================================pro_info */
.crumbs {
    margin-bottom: 60px;
}

.proXqBox {
    width: 100%;
    background: url(../images/proXq_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.proXq {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.proXqText {
    width: 50%;
    padding-right: 5%;
}

.proXq .indProText_tit {
    position: relative;
    border-bottom: 1px solid #e6e8ef;
    margin-bottom: 50px;
}

.indProText_tit b {
    font-size: 21px;
    color: rgba(1, 5, 15, 0.8);
    line-height: 1;
    font-weight: bold;
    display: block;
    margin-bottom: 20px;
    position: relative;
    z-index: 2;
}

.indProText_tit span {
    font-size: 26px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 1;
    color: #01050F;
    display: block;
    margin-bottom: 64px;
    position: relative;
    z-index: 2;
}

.indProText_tit span dd {
    display: inline;
    font-size: 26px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 1.2;
    color: #796baf;
    margin-left: 10px;
}

.indProText_tit::after {
    content: '';
    width: 140px;
    height: 140px;
    background-image: url(../images/indPro_Y1.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: calc(50% - 30px);
    transform: translate(-40%, -50%);
    opacity: .48;
}

.proXqText_div{
    max-height: 270px;
    overflow-y: scroll;
    padding-right: 40px;
}

.proXqText_div::-webkit-scrollbar {
    width: 2px;
    height: 2px;
}

/*轨道颜色、内阴影及圆角*/
.proXqText_div::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px #e9f1f2;
    -webkit-box-shadow: inset 0 0 6px #e9f1f2;
    background-color: #fff;
    border-radius: 0px;
}

/*滑块*/
.proXqText_div::-webkit-scrollbar-thumb {
    border-radius: 2px;
    box-shadow: inset 0 0 6px #e5e5e5;
    -webkit-box-shadow: inset 0 0 6px #e5e5e5;
    background-color: #e5e5e5;
}

.proXqText_div span {
    font-size: 24px;
    font-weight: bold;
    display: block;
    margin-bottom: 10px;
}

.proXqText_div p {
    font-size: 16px;
    line-height: 2;
    margin-bottom: 15px;
    /*text-transform: uppercase;*/
}



.proXqImgBox {
    width: 50%;
    position: relative;
}

.proXqImg {
    position: relative;
    padding-top: 65%;
    opacity: 0;
}

.swiper-slide-active .proXqImg {
    opacity: 1;
}

.proXqImg img {
    width: 80%;
    height: 100%;
    object-fit: contain;
    position: absolute;
    left: 0;
    top: 0;
}

.planOne_play {
    position: absolute;
    top: 50%;
    left: 40%;
    transform: translate(-50%, -50%);
    transition: all 0.48s;
    cursor: pointer;
}

.planOne_play.on {
    opacity: 0;
}

.planOne_play img {
    width: 40px;
    height: auto;
    position: initial;
}

/*  */

.proXqImg_ul {
    width: 130px;
    height: 465px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}

.proXqImg_ul .swiper-container {
    width: 100%;
    height: 100%;
}

.proXqImg_ul .swiper-slide {
    width: 100%;
    height: 126px;
}

.proXq_li {
    width: 100%;
    height: 100%;
    border: 1px solid #d7d5e4;
    border-radius: 4px;
    position: relative
}

.proXq_li img {
    width: 50%;
    height: 60%;
    object-fit: contain;
    position: absolute;
    left: 25%;
    top: 20%;
}

.swiper-slide-thumb-active .proXq_li {
    border: 3px solid #453780;
}

.proXq .swiper-pagination {
    width: 100%;
    height: 1px;
    background: #d4d4d4;
    position: initial;
    margin-top: 30px;
}

.proXq .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #000;
    height: 3px;
    top: -1px;
}

/* tc */
.proVideoTc {
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.68);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999;
    display: none;
}

.proVideo {
    width: 45%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

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

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

.close {
    position: absolute;
    left: 50%;
    bottom: 10%;
    transform: translateX(-50%);
    z-index: 2;
    cursor: pointer;
}

.close img {
    width: 40px;
}

/*  */

.proXqTdBox {
    position: relative;
}

.proXqTd_item {
    padding: 80px 48px 180px;
    border: 1px solid #e3e3e3;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.proXqTd_item img {
    position: relative;
    width: 88px;
    margin-bottom: 80px;
    z-index: 2;
}

.proXqTd_item .img2 {
    display: none;
}

.proXqTd_item p {
    position: relative;
    font-size: 20px;
    font-weight: bold;
    z-index: 2;
    min-height: 64px;

    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    transition: all .48s;
}

.proXqTd_item i {
    font-size: 160px;
    color: #f8f8f8;
    font-weight: bold;
    line-height: 0.8;
    position: absolute;
    left: 50%;
    bottom: -20px;
    transform: translateX(-50%);
    z-index: 2;
    transition: all .48s .48s;
}

.proXqTd_item:hover p {
    color: #453780;
}

.proXqTd_item:hover .img2 {
    display: inline-block;
}

.proXqTd_item:hover .img1 {
    display: none;
}

.proXqTdBox .swiper-container {
    padding-bottom: 100px;
}

.proXqTdBox .swiper-pagination {
    bottom: 0;
}

.proXqTdBox .swiper-pagination-bullet {
    background: #d7d8da;
}

.proXqTdBox .swiper-pagination-bullet-active {
    background: #453780;
    width: 40px;
}

.proXqTdBut {
    position: absolute;
    top: calc(50% - 50px);
    transform: translateY(-50%);
}

.proXqTdBut img {
    width: 36px;
}

.proXqTdBut.prev {
    left: -70px;
}

.proXqTdBut.next {
    right: -70px;
}

/*  */

.proXqCj {
    background: #f3f5f8;
}

.proXqCjBox {
    width: 100%;
    display: flex;
    position: relative;

}

.proXqCjImg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.proXqCjImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: none;
}

.proXqCjImg img:first-child {
    display: block;
}

.proXqCj_li {
    height: 100%;
    flex: 1;
    border-right: 1px solid rgb(255 255 255 / 26%);
    position: relative;
    padding-top: 38.5%;
    transition: all .48s;
    z-index: 2;
}

.proXqCj_li::after {
    content: '';
    width: 100%;
    height: 100%;
    background: rgb(137 115 234 / 48%);
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: 0;
    transition: all .48s;
}

.proXqCj_li:last-child {
    border-right: none;
}

.proXqCj_li i {
    position: absolute;
    left: 70px;
    top: 70px;
    color: #fff;
    font-size: 26px;
    font-weight: bold;
    z-index: 2;
    display: none;
}

.proXqCj_li .txt {
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all .48s;
    z-index: 2;
}

.proXqCj_li .txt img {
    height: 50px;
    object-fit: contain;
    margin-bottom: 25px;
}

.proXqCj_li .txt span {
    display: block;
    color: #fff;
    font-size: 18px;
    position: relative;
    padding-bottom: 10px;
}

.proXqCj_li .txt span::after {
    content: '';
    width: 28px;
    height: 2px;
    background: #fff;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    opacity: 0;
    transition: all .48s;
}


.proXqCj_li:hover::after {
    opacity: 1;
}

.proXqCj_li:hover .txt {
    transform: translate(-50%, 0%);
}

.proXqCj_li:hover .txt span::after {
    opacity: 1;
}

/*  */

.proXqCs_li {
    display: flex;
    justify-content: space-between;
    background: #E0DBED;
}

.proXqCs_li:nth-child(2n) {
    background: #F9F7FB;
}

.proXqCs_li span {
    width: 30%;
    display: block;
    padding: 10px 50px;
    text-align: right;
    color: #302777;
    font-weight: bold;
    font-size: 20px;
}

.proXqCs_li p {
    width: 70%;
    display: block;
    padding: 10px 50px;
    font-size: 20px;
    border-left: 2px solid #fff;
}

/*  */

@media (max-width:1480px) {
    .crumbs {
        margin-bottom: 40px;
    }

    .indProText_tit span {
        font-size: 24px;
        margin-bottom: 50px;
    }

    .indProText_tit b {
        font-size: 18px;
    }

    .indProText_tit::after {
        top: calc(50% - 25px);
    }

    .indProText_tit {
        margin-bottom: 40px;
    }

    .proXqText_div span {
        font-size: 21px;
    }

    .proXq .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
        height: 2px;
    }

    .proXqImg_ul {
        width: 100px;
        height: 380px;
    }

    .proXqImg_ul .swiper-slide {
        width: 100%;
        height: 100px;
    }

    .swiper-slide-thumb-active .proXq_li {
        border: 2px solid #453780;
    }

    /*  */
    .proXqTd_item {
        padding: 68px 35px 148px;
    }

    .proXqTd_item img {
        width: 70px;
        margin-bottom: 50px;
    }

    .proXqTd_item p {
        font-size: 16px;
        min-height: 50px;
    }

    .proXqTd_item i {
        font-size: 130px;
    }

    .proXqTdBox .swiper-container {
        padding-bottom: 68px;
    }

    .swiper-pagination-bullet {
        width: 6px;
        height: 6px;
    }

    /*  */
    .proXqCj_li i,
    .proXqCj_li .txt {
        font-size: 22px;
    }

    .proXqCj_li .txt img {
        height: 23px;
        object-fit: contain;
        margin-bottom: 18px;
    }

    .proXqCj_li .txt span {
        font-size: 16px;
        padding-bottom: 6px;
    }

    .proXqCs_li span, .proXqCs_li p {
        font-size: 18px;
    }
}

/* ==============================================================================news */

.new {
    width: 100%;
    min-height: 100vh;
    position: relative;
    background: #F5F5F4;
}

.new::after {
    content: '';
    width: 100%;
    height: 100%;
    background: url(../images/new_bg.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 0;
    top: 0;
}

.newBox {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 2;
    padding: 50px 3% 100px;
    border-bottom: 1px solid #E1E1E1;
}

.newText {
    width: 50%;
    padding-top: 40px;
}

.newTextXq {
    padding-top: 60px;
}

.newTextXq img {
    width: 26px;
    margin-bottom: 60px;
}

.newTextXq span {
    display: block;
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 20px;
}

.newTextXq p {
    font-size: 16px;
    margin-bottom: 60px;
}

.newImgBox {
    width: 45%;
}

.newImg {
    padding-top: 82%;
    border-radius: 4px;
}

.newImg img {
    border-radius: 4px;
}

.newImgBox .swiper-pagination {
    width: auto;
    left: initial;
    right: 20px;
}

.newImgBox .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: none;
    border: 2px solid #fff;
    margin: 0 6px !important;
}

.newImgBox .swiper-pagination-bullet-active {
    background: #fff;
}

/*  */

.newUl {
    background: #F5F5F4;
    padding-top: 60px;
    position: relative;
    z-index: 2;
}

.newLi {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 50px 60px;
    margin-bottom: 20px;
    margin-right: 20px;
    background: #fff;
    cursor: pointer;
    transition: all .48s;
}

.newLi_img {
    width: 30%;
    position: relative;
    padding-top: 18%;
}

.newLi_text {
    width: 65%;
}

.newLi b {
    font-size: 21px;
    color: #7B6CAD;
    font-weight: bold;
    display: block;
    margin-bottom: 20px;
}

.newLi span {
    display: block;
    font-size: 24px;
    font-weight: bold;
    color: #555;
    min-height: 78px;
    margin-bottom: 60px;

    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    transition: all .48s;
}

.newLi p {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.newLi p i {
    font-weight: bold;
    font-size: 16px;
}

.newLi p img {
    width: 30px;
}

.newLi:hover {
    transform: translate(5px, -5px);
    box-shadow: 0 0 30px rgba(0, 0, 0, .08);
}

.newLi:hover span {
    color: #7B6CAD;
}

/*  */
@media (max-width:1480px) {
    .newBox {
        padding: 0px 3% 50px;
    }

    .newTextXq {
        padding-top: 0px;
    }

    .newTextXq img {
        width: 22px;
        margin-bottom: 40px;
    }

    .newTextXq span {
        font-size: 26px;
        margin-bottom: 12px;
    }

    .newTextXq p {
        font-size: 14px;
        margin-bottom: 40px;
    }

    /*  */
    .newLi b {
        font-size: 18px;
        margin-bottom: 12px;
    }

    .newLi {
        padding: 35px 40px;
    }

    .newLi span {
        font-size: 18px;
        margin-bottom: 40px;
    }

    .newLi p i {
        font-size: 14px;
    }

    .newLi p img {
        width: 22px;
    }
}


/* ====================================================================contact */
.contact {
    width: 100%;
    min-height: 100vh;
    background: url(../images/contact_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.conTop {
    width: 75%;
    display: flex;
    justify-content: space-between;
    padding-top: 40px;
    margin-bottom: 100px;
}

.conTop_li img {
    height: 40px;
    object-fit: contain;
    margin-bottom: 20px;
}

.conTop_li span {
    display: block;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 15px;
}

.conTop_li i {
    display: block;
    color: #40327d;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 5px;
}

.conTop:first-child .conTop_li:last-child i {
    font-size: 18px;
}

.conTop_li p {
    color: #999;
}

/*  */
.conBot {
    width: 58%;
}

.conBot_tit {
    font-size: 36px;
    font-weight: bold;
    display: block;
    margin-bottom: 40px;
}

.conBot_ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.conBot_ipt {
    width: 48%;
}

.conBot_ipt input {
    width: 100%;
    background: none;
   padding: 30px 0 15px;
    border-bottom: 1px solid #dfdfdf;
}

.conBot_text {
    width: 100%;
    margin-top: 30px;
    position: relative;
}

.conBot_text textarea {
    width: 100%;
    height: 80px;
    background: none;
    padding: 10px 0;
    border-bottom: 1px solid #dfdfdf;
}

.conBot_text a {
    display: inline-block;
    padding: 4px 20px;
    color: #fff;
    background: #40327d;
    position: absolute;
    right: 0;
    bottom: 15px;
}

/*  */
.hrZp_li {
    border-radius: 2px;
    background: #fff;

    border-bottom: 1px solid #f0f0f0;
}

.hrZp_head {
    background: #40327d;
}

.hrZp_head span {
    color: #fff !important;
}

.hrZp_div {
    width: 100%;
    padding: 0 60px;
    height: 80px;
    border-radius: 1000px;

    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.hrZp_span {
    flex: 1;
}

.hrZp_span span {
    color: #666;
    font-size: 18px;
    font-weight: bold;
}

.hrZp_span b {
    color: #40327d;
    font-weight: bold;
    font-size: 18px;
}

.hrZp_span i {
    display: block;
}

.hrZp_one span {
    font-size: 18px;
    font-weight: bold;
    color: #666;
}

.hrZp_R {
    flex: 0.5;
    text-align: center;
}


/*  */
.hrZp_R {
    display: flex;
    align-items: center;
    justify-content: center;
}

.hrZp_R b {
    color: #fff;
    font-weight: 600;
    margin-right: 20px;
    font-size: 16px;
}

.hrZp_R span {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 90px;
    height: 30px;
    border: 1px solid #ebe9e6;
    box-shadow: 0 15px 30px -10px rgb(97 97 97 / 15%);
    border-radius: 1000px;
    font-size: 14px;
    color: #766cab;
    transition: all .48s;
}

.hrZp_R svg {
    width: 16px;
    height: 16px;
    transition: all .48s;
}

.hrZp_R svg path {
    fill: #666;
}

.hrZp_div.on .hrZp_R svg {
    transform: rotate(90deg) translateX(-5px);
}

/*  */
.hrZp_zk {
    width: 100%;
    padding: 60px;
    border-top: 1px solid rgba(118, 108, 172, 0.2);
    display: none;
}

.hrZp_zk .list {
    display: inline-block;
    width: 48%;
    vertical-align: text-top;
}

.hrZp_zk .list:first-child {
    margin-right: 3%;
}

.hrZp_zk .list .mc {
    font-size: 18px;
    color: #766cab;
    font-weight: bold;
    margin-bottom: 30px;
    position: relative;
}

.hrZp_zk .list .list_p {
    font-size: 16px;
    color: #666666;
    line-height: 2.2;
}

.hrZp_zk a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 260px;
    height: 80px;
    border: 1px solid #ebe9e6;
    box-shadow: 0 15px 30px -10px rgb(97 97 97 / 15%);
    border-radius: 1000px;
    font-size: 20px;
    color: #766cab;
    transition: all .48s;
}

.hrZp_zk a svg {
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

.hrZp_zk a svg path {
    fill: #766cab;
}

.hrZp_zk a:hover {
    color: #fff;
    background: #766cab;
    border-color: #766cab;
}

.hrZp_zk a:hover svg path {
    fill: #fff;
    transition: all .48s;
}

/*  */
@media (max-width:1480px) {
    .conTop_li img {
        height: 30px;
        margin-bottom: 15px;
    }

    .conTop_li span {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .conTop_li i {
        font-size: 18px;
        margin-bottom: 0;
    }

    .conTop_li p {
        font-size: 12px;
    }

    .conTop {
        padding-top: 20px;
        margin-bottom: 60px;
    }

    /*  */
    .conBot_tit {
        font-size: 30px;
        margin-bottom: 30px;
    }
}